Forker/OpenNoodl
1
0
Fork 0
mirror of https://github.com/The-Low-Code-Foundation/OpenNoodl.git synced 2026-01-10 14:22:53 +01:00
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Remove TSFixme from property panel UI.

Browse Source
This commit is contained in:
Axel Wretman
2025-09-09 10:11:22 +02:00
parent 70acc528ac
commit 960f38c120
10 changed files with 21 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -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>
);

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

@@ -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}

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

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

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

@@ -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({

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

@@ -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;
}

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

@@ -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() || '');

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

@@ -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({

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

@@ -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({

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

@@ -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({

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

@@ -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;