Forker/OpenNoodl
1
0
Fork 0
mirror of https://github.com/The-Low-Code-Foundation/OpenNoodl.git synced 2026-01-11 14:52:55 +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> </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 && <InputLabelSection label={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} {item.label}
</Label> </Label>
</div> </div>
{item.component && cloneElement(item.component(() => onClose()) as TSFixme)} {item.component && cloneElement(item.component(() => onClose()))}
<div className={css['EndSlot']}> <div className={css['EndSlot']}>
{item.endSlot && typeof item.endSlot === 'string' && <Text>{item.endSlot}</Text>} {item.endSlot && typeof item.endSlot === 'string' && <Text>{item.endSlot}</Text>}
{item.endSlot && typeof item.endSlot !== 'string' && item.endSlot} {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', Default = 'default',
Large = 'large' Large = 'large'
} }
interface PropertyPanelIconRadioProperties { export interface PropertyPanelIconRadioProperties {
name: string; name: string;
options: { options: {
icon: SingleSlot; 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 React, { useMemo } from 'react';
import { PropertyPanelBaseInputProps } from '@noodl-core-ui/components/property-panel/PropertyPanelBaseInput'; 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 { 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 { PropertyPanelLengthUnitInput } from '@noodl-core-ui/components/property-panel/PropertyPanelLengthUnitInput';
import { PropertyPanelNumberInput } from '@noodl-core-ui/components/property-panel/PropertyPanelNumberInput'; import { PropertyPanelNumberInput } from '@noodl-core-ui/components/property-panel/PropertyPanelNumberInput';
import { PropertyPanelSelectInput } from '@noodl-core-ui/components/property-panel/PropertyPanelSelectInput'; import { PropertyPanelSelectInput, PropertyPanelSelectProperties } from '@noodl-core-ui/components/property-panel/PropertyPanelSelectInput';
import { PropertyPanelSliderInput } from '@noodl-core-ui/components/property-panel/PropertyPanelSliderInput'; import { PropertyPanelSliderInput, PropertyPanelSliderInputProps } from '@noodl-core-ui/components/property-panel/PropertyPanelSliderInput';
import { PropertyPanelTextInput } from '@noodl-core-ui/components/property-panel/PropertyPanelTextInput'; 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 { Slot } from '@noodl-core-ui/types/global';
import css from './PropertyPanelInput.module.scss'; import css from './PropertyPanelInput.module.scss';
@@ -31,10 +31,13 @@ export enum PropertyPanelInputType {
// SizeMode = 'size-mode', // SizeMode = 'size-mode',
} }
export type PropertyPanelProps = undefined |PropertyPanelIconRadioProperties | PropertyPanelButtonProps["properties"]
| PropertyPanelSliderInputProps ["properties"] | PropertyPanelSelectProperties | PropertyPanelTextRadioProperties
export interface PropertyPanelInputProps extends Omit<PropertyPanelBaseInputProps, 'type'> { export interface PropertyPanelInputProps extends Omit<PropertyPanelBaseInputProps, 'type'> {
label: string; label: string;
inputType: PropertyPanelInputType; inputType: PropertyPanelInputType;
properties: TSFixme; properties: PropertyPanelProps;
} }
export function PropertyPanelInput({ 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'; import css from './PropertyPanelLengthUnitInput.module.scss';
export interface PropertyPanelLengthUnitInputProps extends Omit<PropertyPanelBaseInputProps, 'type'> { export interface PropertyPanelLengthUnitInputProps extends Omit<PropertyPanelBaseInputProps, 'type'> {
properties?: TSFixme;
hasSmallText?: boolean; 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'; import { extractNumber } from '../../../utils/extractNumber';
export interface PropertyPanelNumberInputProps extends Omit<PropertyPanelBaseInputProps, 'type'> {
properties?: TSFixme;
}
export function PropertyPanelNumberInput({ export function PropertyPanelNumberInput({
value, value,
isChanged, isChanged,
@@ -19,7 +15,7 @@ export function PropertyPanelNumberInput({
onFocus, onFocus,
onBlur, onBlur,
onKeyDown onKeyDown
}: PropertyPanelNumberInputProps) { }: PropertyPanelBaseInputProps) {
// TODO: This component doesnt handle the value types correct // TODO: This component doesnt handle the value types correct
const [displayedInputValue, setDisplayedInputValue] = useState(value?.toString() || ''); 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'; } from '@noodl-core-ui/components/property-panel/PropertyPanelBaseInput';
export interface PropertyPanelPasswordInputProps extends Omit<PropertyPanelBaseInputProps<string>, 'type'> { export interface PropertyPanelPasswordInputProps extends Omit<PropertyPanelBaseInputProps<string>, 'type'> {
properties?: TSFixme; value: string;
} }
export function PropertyPanelPasswordInput({ 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'; import css from './PropertyPanelSliderInput.module.scss';
export interface PropertyPanelSliderInputProps extends Omit<PropertyPanelBaseInputProps, 'type'> { export interface PropertyPanelSliderInputProps extends Omit<PropertyPanelBaseInputProps, 'type'> {
properties: TSFixme; properties: {
min: number | string;
max: number | string;
step: number | string;
};
} }
export function PropertyPanelSliderInput({ 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'; } from '@noodl-core-ui/components/property-panel/PropertyPanelBaseInput';
export interface PropertyPanelTextInputProps extends Omit<PropertyPanelBaseInputProps<string>, 'type'> { export interface PropertyPanelTextInputProps extends Omit<PropertyPanelBaseInputProps<string>, 'type'> {
properties?: TSFixme; value: string;
} }
export function PropertyPanelTextInput({ 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'; import css from './PropertyPanelTextRadioInput.module.scss';
interface PropertyPanelTextRadioProperties { export interface PropertyPanelTextRadioProperties {
name: string; name: string;
options: { options: {
label: string; label: string;