diff --git a/packages/noodl-core-ui/src/components/inputs/Checkbox/Checkbox.tsx b/packages/noodl-core-ui/src/components/inputs/Checkbox/Checkbox.tsx index dcd6e7e..c54db69 100644 --- a/packages/noodl-core-ui/src/components/inputs/Checkbox/Checkbox.tsx +++ b/packages/noodl-core-ui/src/components/inputs/Checkbox/Checkbox.tsx @@ -113,7 +113,7 @@ export function Checkbox({ )} - {children &&
{cloneElement(children as TSFixme, { isChecked })}
} + {children &&
{cloneElement(children, { isChecked })}
} {label && } ); diff --git a/packages/noodl-core-ui/src/components/popups/MenuDialog/MenuDialog.tsx b/packages/noodl-core-ui/src/components/popups/MenuDialog/MenuDialog.tsx index 5bdac6a..28ca939 100644 --- a/packages/noodl-core-ui/src/components/popups/MenuDialog/MenuDialog.tsx +++ b/packages/noodl-core-ui/src/components/popups/MenuDialog/MenuDialog.tsx @@ -100,7 +100,7 @@ export function MenuDialog({ {item.label} - {item.component && cloneElement(item.component(() => onClose()) as TSFixme)} + {item.component && cloneElement(item.component(() => onClose()))}
{item.endSlot && typeof item.endSlot === 'string' && {item.endSlot}} {item.endSlot && typeof item.endSlot !== 'string' && item.endSlot} diff --git a/packages/noodl-core-ui/src/components/property-panel/PropertyPanelIconRadioInput/PropertyPanelIconRadioInput.tsx b/packages/noodl-core-ui/src/components/property-panel/PropertyPanelIconRadioInput/PropertyPanelIconRadioInput.tsx index a898e39..546ffc1 100644 --- a/packages/noodl-core-ui/src/components/property-panel/PropertyPanelIconRadioInput/PropertyPanelIconRadioInput.tsx +++ b/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; diff --git a/packages/noodl-core-ui/src/components/property-panel/PropertyPanelInput/PropertyPanelInput.tsx b/packages/noodl-core-ui/src/components/property-panel/PropertyPanelInput/PropertyPanelInput.tsx index f8b172c..b8e4a3f 100644 --- a/packages/noodl-core-ui/src/components/property-panel/PropertyPanelInput/PropertyPanelInput.tsx +++ b/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 { label: string; inputType: PropertyPanelInputType; - properties: TSFixme; + properties: PropertyPanelProps; } export function PropertyPanelInput({ diff --git a/packages/noodl-core-ui/src/components/property-panel/PropertyPanelLengthUnitInput/PropertyPanelLengthUnitInput.tsx b/packages/noodl-core-ui/src/components/property-panel/PropertyPanelLengthUnitInput/PropertyPanelLengthUnitInput.tsx index 6765796..960475f 100644 --- a/packages/noodl-core-ui/src/components/property-panel/PropertyPanelLengthUnitInput/PropertyPanelLengthUnitInput.tsx +++ b/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 { - properties?: TSFixme; hasSmallText?: boolean; } diff --git a/packages/noodl-core-ui/src/components/property-panel/PropertyPanelNumberInput/PropertyPanelNumberInput.tsx b/packages/noodl-core-ui/src/components/property-panel/PropertyPanelNumberInput/PropertyPanelNumberInput.tsx index 871eb85..60d975c 100644 --- a/packages/noodl-core-ui/src/components/property-panel/PropertyPanelNumberInput/PropertyPanelNumberInput.tsx +++ b/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 { - 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() || ''); diff --git a/packages/noodl-core-ui/src/components/property-panel/PropertyPanelPasswordInput/PropertyPanelPasswordInput.tsx b/packages/noodl-core-ui/src/components/property-panel/PropertyPanelPasswordInput/PropertyPanelPasswordInput.tsx index ffd6201..15000ae 100644 --- a/packages/noodl-core-ui/src/components/property-panel/PropertyPanelPasswordInput/PropertyPanelPasswordInput.tsx +++ b/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, 'type'> { - properties?: TSFixme; + value: string; } export function PropertyPanelPasswordInput({ diff --git a/packages/noodl-core-ui/src/components/property-panel/PropertyPanelSliderInput/PropertyPanelSliderInput.tsx b/packages/noodl-core-ui/src/components/property-panel/PropertyPanelSliderInput/PropertyPanelSliderInput.tsx index 19c86ee..a1d0477 100644 --- a/packages/noodl-core-ui/src/components/property-panel/PropertyPanelSliderInput/PropertyPanelSliderInput.tsx +++ b/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 { - properties: TSFixme; + properties: { + min: number | string; + max: number | string; + step: number | string; + }; } export function PropertyPanelSliderInput({ diff --git a/packages/noodl-core-ui/src/components/property-panel/PropertyPanelTextInput/PropertyPanelTextInput.tsx b/packages/noodl-core-ui/src/components/property-panel/PropertyPanelTextInput/PropertyPanelTextInput.tsx index 14f7f90..54133f5 100644 --- a/packages/noodl-core-ui/src/components/property-panel/PropertyPanelTextInput/PropertyPanelTextInput.tsx +++ b/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, 'type'> { - properties?: TSFixme; + value: string; } export function PropertyPanelTextInput({ diff --git a/packages/noodl-core-ui/src/components/property-panel/PropertyPanelTextRadioInput/PropertyPanelTextRadioInput.tsx b/packages/noodl-core-ui/src/components/property-panel/PropertyPanelTextRadioInput/PropertyPanelTextRadioInput.tsx index 069dc30..ad03a9b 100644 --- a/packages/noodl-core-ui/src/components/property-panel/PropertyPanelTextRadioInput/PropertyPanelTextRadioInput.tsx +++ b/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;