Remove TSFixme from property panel UI.

CONTRIBUTING.md

@@ -1,36 +0,0 @@
-# Contributing to OpenNoodl
-
-Thank you for your interest in contributing! Here’s how you can help:
-
-## How to Contribute
-
-1. **Fork the repository** and create your feature branch:
-   ```bash
-   git checkout -b feature/my-feature
-   ```
-2. **Make your changes** and ensure your code follows the existing style and conventions.
-3. **Test your changes** locally.
-4. **Commit your changes** with a clear message:
-   ```bash
-   git commit -am 'Add new feature'
-   ```
-5. **Push to your branch**:
-   ```bash
-   git push origin feature/my-feature
-   ```
-6. **Open a pull request** on GitHub. Describe your changes and the motivation behind them.
-
-## Guidelines
-
-- The branch name should be descriptive of the feature or fix. Either `feature/<my-feature>` or `fix/<my-fix>` prefixes are recommended. Also including an issue number can be helpful.
-- Follow the coding style used in the project.
-- Write clear, concise commit messages.
-- Add tests for new features or bug fixes when possible.
-- Document any new functionality.
-
-## Need Help?
-
-- Join our [community](https://the-low-code-foundation.fibery.io/invite/5NtlTThnCPh2vaAk)
-- Open an issue for questions or suggestions.
-
-Thank you for helping improve OpenNoodl!

README.md

@@ -40,21 +40,6 @@ If you prefer self-hosting or a local backend, while still taking advantage of t
 
 See the original Noodl documentation below
 
-# Contribution
-
-We welcome contributions to OpenNoodl! To contribute:
-
-1. **Fork the repository** and create your feature branch (`git checkout -b feature/my-feature`).
-2. **Make your changes** and follow the existing code style.
-3. **Test your changes** locally.
-4. **Commit your changes** (`git commit -am 'Add new feature'`).
-5. **Push to your branch** (`git push origin feature/my-feature`).
-6. **Open a pull request** describing your changes.
-
-See [CONTRIBUTING.md](CONTRIBUTING.md) for details and our code of conduct.
-
-If you have questions, join our [community](https://the-low-code-foundation.fibery.io/invite/5NtlTThnCPh2vaAk) or open an issue.
-
 # Noodl
 
 [Noodl](https://noodl.net) is a low-code platform where designers and developers build custom applications and experiences. Designed as a visual programming environment, it aims to expedite your development process. It promotes the swift and efficient creation of applications, requiring minimal coding knowledge.

packages/noodl-core-ui/src/components/inputs/Checkbox/Checkbox.tsx

@@ -113,7 +113,7 @@ export function Checkbox({
         </div>
       )}
 
-      {children && <div className={css['ChildContainer']}>{cloneElement(children as TSFixme, { isChecked })}</div>}
+      {children && <div className={css['ChildContainer']}>{cloneElement(children, { isChecked })}</div>}
       {label && <InputLabelSection label={label} />}
     </label>
   );

packages/noodl-core-ui/src/components/popups/MenuDialog/MenuDialog.tsx

@@ -100,7 +100,7 @@ export function MenuDialog({
                   {item.label}
                 </Label>
               </div>
-              {item.component && cloneElement(item.component(() => onClose()) as TSFixme)}
+              {item.component && cloneElement(item.component(() => onClose()))}
               <div className={css['EndSlot']}>
                 {item.endSlot && typeof item.endSlot === 'string' && <Text>{item.endSlot}</Text>}
                 {item.endSlot && typeof item.endSlot !== 'string' && item.endSlot}

packages/noodl-core-ui/src/components/property-panel/PropertyPanelIconRadioInput/PropertyPanelIconRadioInput.tsx

@@ -10,7 +10,7 @@ export enum PropertyPanelIconRadioSize {
   Default = 'default',
   Large = 'large'
 }
-interface PropertyPanelIconRadioProperties {
+export interface PropertyPanelIconRadioProperties {
   name: string;
   options: {
     icon: SingleSlot;

packages/noodl-core-ui/src/components/property-panel/PropertyPanelInput/PropertyPanelInput.tsx

@@ -2,15 +2,15 @@ import classNames from 'classnames';
 import React, { useMemo } from 'react';
 
 import { PropertyPanelBaseInputProps } from '@noodl-core-ui/components/property-panel/PropertyPanelBaseInput';
-import { PropertyPanelButton } from '@noodl-core-ui/components/property-panel/PropertyPanelButton';
+import { PropertyPanelButton, PropertyPanelButtonProps } from '@noodl-core-ui/components/property-panel/PropertyPanelButton';
 import { PropertyPanelCheckbox } from '@noodl-core-ui/components/property-panel/PropertyPanelCheckbox';
-import { PropertyPanelIconRadioInput } from '@noodl-core-ui/components/property-panel/PropertyPanelIconRadioInput';
+import { PropertyPanelIconRadioInput, PropertyPanelIconRadioProperties } from '@noodl-core-ui/components/property-panel/PropertyPanelIconRadioInput';
 import { PropertyPanelLengthUnitInput } from '@noodl-core-ui/components/property-panel/PropertyPanelLengthUnitInput';
 import { PropertyPanelNumberInput } from '@noodl-core-ui/components/property-panel/PropertyPanelNumberInput';
-import { PropertyPanelSelectInput } from '@noodl-core-ui/components/property-panel/PropertyPanelSelectInput';
-import { PropertyPanelSliderInput } from '@noodl-core-ui/components/property-panel/PropertyPanelSliderInput';
+import { PropertyPanelSelectInput, PropertyPanelSelectProperties } from '@noodl-core-ui/components/property-panel/PropertyPanelSelectInput';
+import { PropertyPanelSliderInput, PropertyPanelSliderInputProps } from '@noodl-core-ui/components/property-panel/PropertyPanelSliderInput';
 import { PropertyPanelTextInput } from '@noodl-core-ui/components/property-panel/PropertyPanelTextInput';
-import { PropertyPanelTextRadioInput } from '@noodl-core-ui/components/property-panel/PropertyPanelTextRadioInput';
+import { PropertyPanelTextRadioInput, PropertyPanelTextRadioProperties } from '@noodl-core-ui/components/property-panel/PropertyPanelTextRadioInput';
 import { Slot } from '@noodl-core-ui/types/global';
 
 import css from './PropertyPanelInput.module.scss';
@@ -31,10 +31,13 @@ export enum PropertyPanelInputType {
   // SizeMode = 'size-mode',
 }
 
+export type PropertyPanelProps = undefined |PropertyPanelIconRadioProperties | PropertyPanelButtonProps["properties"]
+| PropertyPanelSliderInputProps ["properties"] | PropertyPanelSelectProperties | PropertyPanelTextRadioProperties
+
 export interface PropertyPanelInputProps extends Omit<PropertyPanelBaseInputProps, 'type'> {
   label: string;
   inputType: PropertyPanelInputType;
-  properties: TSFixme;
+  properties: PropertyPanelProps;
 }
 
 export function PropertyPanelInput({

packages/noodl-core-ui/src/components/property-panel/PropertyPanelLengthUnitInput/PropertyPanelLengthUnitInput.tsx

@@ -15,7 +15,6 @@ import { normalizeAlphanumericString } from '../../../utils/normalizeAlphanumeri
 import css from './PropertyPanelLengthUnitInput.module.scss';
 
 export interface PropertyPanelLengthUnitInputProps extends Omit<PropertyPanelBaseInputProps, 'type'> {
-  properties?: TSFixme;
   hasSmallText?: boolean;
 }
 

packages/noodl-core-ui/src/components/property-panel/PropertyPanelNumberInput/PropertyPanelNumberInput.tsx

@@ -7,10 +7,6 @@ import {
 
 import { extractNumber } from '../../../utils/extractNumber';
 
-export interface PropertyPanelNumberInputProps extends Omit<PropertyPanelBaseInputProps, 'type'> {
-  properties?: TSFixme;
-}
-
 export function PropertyPanelNumberInput({
   value,
   isChanged,
@@ -19,7 +15,7 @@ export function PropertyPanelNumberInput({
   onFocus,
   onBlur,
   onKeyDown
-}: PropertyPanelNumberInputProps) {
+}: PropertyPanelBaseInputProps) {
   // TODO: This component doesnt handle the value types correct
 
   const [displayedInputValue, setDisplayedInputValue] = useState(value?.toString() || '');

packages/noodl-core-ui/src/components/property-panel/PropertyPanelPasswordInput/PropertyPanelPasswordInput.tsx

@@ -6,7 +6,7 @@ import {
 } from '@noodl-core-ui/components/property-panel/PropertyPanelBaseInput';
 
 export interface PropertyPanelPasswordInputProps extends Omit<PropertyPanelBaseInputProps<string>, 'type'> {
-  properties?: TSFixme;
+  value: string;
 }
 
 export function PropertyPanelPasswordInput({

packages/noodl-core-ui/src/components/property-panel/PropertyPanelSliderInput/PropertyPanelSliderInput.tsx

@@ -9,7 +9,11 @@ import { linearMap } from '../../../utils/linearMap';
 import css from './PropertyPanelSliderInput.module.scss';
 
 export interface PropertyPanelSliderInputProps extends Omit<PropertyPanelBaseInputProps, 'type'> {
-  properties: TSFixme;
+  properties: {
+    min: number | string;
+    max: number | string;
+    step: number | string;
+  };
 }
 
 export function PropertyPanelSliderInput({

packages/noodl-core-ui/src/components/property-panel/PropertyPanelTextInput/PropertyPanelTextInput.tsx

@@ -6,7 +6,7 @@ import {
 } from '@noodl-core-ui/components/property-panel/PropertyPanelBaseInput';
 
 export interface PropertyPanelTextInputProps extends Omit<PropertyPanelBaseInputProps<string>, 'type'> {
-  properties?: TSFixme;
+  value: string;
 }
 
 export function PropertyPanelTextInput({

packages/noodl-core-ui/src/components/property-panel/PropertyPanelTextRadioInput/PropertyPanelTextRadioInput.tsx

@@ -5,7 +5,7 @@ import { PropertyPanelBaseInputProps } from '@noodl-core-ui/components/property-
 
 import css from './PropertyPanelTextRadioInput.module.scss';
 
-interface PropertyPanelTextRadioProperties {
+export interface PropertyPanelTextRadioProperties {
   name: string;
   options: {
     label: string;