@superblocksteam/library 2.0.6-next.89 → 2.0.6-next.9

package/dist-types/lib/user-facing/components/input/index.d.ts

@@ -1,94 +1,94 @@
 export declare const SbInput: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
-    general: import("../../properties-panel/props-builder.js").Section<(Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & ({
-        label: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+    general: import("../../properties-panel/props-builder.js").Section<(Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ({
+        label: import("../../properties-panel/props-builder.js").Prop<string, true>;
     } & (Omit<{
-        inputType: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        inputType: import("../../properties-panel/props-builder.js").Prop<string, true>;
     }, "inputType" | "currency" | "numberFormat" | "currencyCodeDisplay"> & ({
-        inputType: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
-        numberFormat: import("../../properties-panel/props-builder.js").Prop<"unformatted" | NonNullable<"compact" | "standard" | "scientific" | "engineering" | undefined>, true, undefined>;
+        inputType: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        numberFormat: import("../../properties-panel/props-builder.js").Prop<"unformatted" | NonNullable<"compact" | "standard" | "scientific" | "engineering" | undefined>, true>;
         currency?: undefined;
         currencyCodeDisplay?: undefined;
     } | {
-        inputType: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
-        numberFormat: import("../../properties-panel/props-builder.js").Prop<"unformatted" | NonNullable<"compact" | "standard" | "scientific" | "engineering" | undefined>, true, undefined>;
-        currency: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
-        currencyCodeDisplay: import("../../properties-panel/props-builder.js").Prop<import("./types.js").CurrencyCodeDisplayType, true, undefined>;
+        inputType: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        numberFormat: import("../../properties-panel/props-builder.js").Prop<"unformatted" | NonNullable<"compact" | "standard" | "scientific" | "engineering" | undefined>, true>;
+        currency: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        currencyCodeDisplay: import("../../properties-panel/props-builder.js").Prop<import("./types.js").CurrencyCodeDisplayType, true>;
     })))) & {
-        defaultValue: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        defaultValue: import("../../properties-panel/props-builder.js").Prop<string, true>;
     }>;
-    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        labelPosition: import("../../properties-panel/props-builder.js").Prop<"top" | "left", true, undefined>;
-        labelStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
-        placeholderText: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
-        textStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
-        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
-        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true, undefined>;
-        borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true, undefined>;
-        icon: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
-        iconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true, undefined>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        labelPosition: import("../../properties-panel/props-builder.js").Prop<"top" | "left", true>;
+        labelStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+        placeholderText: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        textStyle: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
+        icon: import("../../properties-panel/props-builder.js").Prop<string, false>;
+        iconPosition: import("../../properties-panel/props-builder.js").Prop<import("../../icons/constants.js").IconPosition, true>;
     } & Omit<{
-        inputType: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        inputType: import("../../properties-panel/props-builder.js").Prop<string, false>;
     }, "inputType"> & {
-        inputType: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        inputType: import("../../properties-panel/props-builder.js").Prop<string, true>;
     } & {
-        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
-    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true, undefined>;
+    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        padding: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
     } & {
-        width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<"fill" | "rows" | "columns" | "px" | "%">, false, undefined>;
-        maxHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        minHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        maxWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        minWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        height: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+        width: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<"fill" | "rows" | "columns" | "px" | "%">, false>;
+        maxHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minHeight?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        maxWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minWidth?: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        height: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
     } & {
         margin: import("../../properties-panel/props-builder.js").Prop<{
             top: import("@superblocksteam/library-shared").Dim<"px">;
             bottom: import("@superblocksteam/library-shared").Dim<"px">;
             left: import("@superblocksteam/library-shared").Dim<"px">;
             right: import("@superblocksteam/library-shared").Dim<"px">;
-        } | undefined, true, undefined>;
+        } | undefined, true>;
     } & {
-        labelWidth: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim, true, undefined>;
+        labelWidth: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared").Dim, true>;
     } & {
-        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        isVisible: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
-    interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & Omit<{
-        inputType: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+    interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & Omit<{
+        inputType: import("../../properties-panel/props-builder.js").Prop<string, false>;
     }, "inputType" | "stepper" | "stepSize" | "minDecimals" | "maxDecimals"> & {
-        stepper: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
-        stepSize: import("../../properties-panel/props-builder.js").Prop<number, true, undefined>;
-        minDecimals: import("../../properties-panel/props-builder.js").Prop<number, false, undefined>;
-        maxDecimals: import("../../properties-panel/props-builder.js").Prop<number, false, undefined>;
-        inputType: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        stepper: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        stepSize: import("../../properties-panel/props-builder.js").Prop<number, true>;
+        minDecimals: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        maxDecimals: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        inputType: import("../../properties-panel/props-builder.js").Prop<string, true>;
     } & Omit<{
-        inputType: import("../../properties-panel/props-builder.js").Prop<string, false, undefined>;
+        inputType: import("../../properties-panel/props-builder.js").Prop<string, false>;
     }, "maxLength" | "minLength" | "inputType"> & {
-        minLength: import("../../properties-panel/props-builder.js").Prop<number, false, undefined>;
-        maxLength: import("../../properties-panel/props-builder.js").Prop<number, false, undefined>;
-        inputType: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
+        minLength: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        maxLength: import("../../properties-panel/props-builder.js").Prop<number, false>;
+        inputType: import("../../properties-panel/props-builder.js").Prop<string, true>;
     } & {
-        errorMessagePlacement: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").ErrorMessagePlacement, true, undefined>;
-        customValidationRule: import("../../properties-panel/props-builder.js").Prop<any, false, undefined>;
-        customErrorMessage: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
-        isDisabled: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
-        isRequired: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+        errorMessagePlacement: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/props").ErrorMessagePlacement, true>;
+        customValidationRule: import("../../properties-panel/props-builder.js").Prop<any, false>;
+        customErrorMessage: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        isDisabled: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        isRequired: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
-    events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        onTextChanged: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
-        onSubmit: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
-        onFocus: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
-        onFocusOut: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
+    events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        onTextChanged: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onSubmit: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onFocus: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onFocusOut: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
     }>;
-    meta: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        text: import("../../properties-panel/props-builder.js").Prop<string | undefined, false, undefined>;
-        isTouched: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    meta: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        text: import("../../properties-panel/props-builder.js").Prop<string | undefined, false>;
+        isTouched: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
-    derived: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        value: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
-        validationErrors: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/utils/input-validation.js").ValidationErrors, true, undefined>;
-        isValid: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
-        showError: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    derived: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        value: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        validationErrors: import("../../properties-panel/props-builder.js").Prop<import("../../component-base/utils/input-validation.js").ValidationErrors, true>;
+        isValid: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        showError: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
 }>>;

package/dist-types/lib/user-facing/components/input/input-component.d.ts

@@ -11,7 +11,6 @@ declare class InputComponent extends React.Component<InputComponentProps, InputC
     componentDidUpdate(prevProps: Readonly<InputComponentProps>): void;
     componentWillUnmount(): void;
     shouldComponentUpdate(prevProps: Readonly<InputComponentProps>, prevState: Readonly<InputComponentState>): boolean;
-    private processAndSetValue;
     onDebouncedValueChange: import("lodash").DebouncedFunc<(value: any) => void>;
     getInputDomElement: () => HTMLInputElement | null | undefined;
     ensureFocus: () => void;

package/dist-types/lib/user-facing/components/input/props.d.ts

@@ -3,96 +3,96 @@ import type { CurrencyCodeDisplayType } from "./types.js";
 import type { ValidationErrors } from "../../component-base/utils/input-validation.js";
 import type { IconPosition } from "../../icons/constants.js";
 export declare const propertiesDefinition: {
-    general: Section<(Record<string, Prop<any, any, undefined>> & ({
-        label: Prop<string, true, undefined>;
+    general: Section<(Record<string, Prop<any, any>> & ({
+        label: Prop<string, true>;
     } & (Omit<{
-        inputType: Prop<string, true, undefined>;
+        inputType: Prop<string, true>;
     }, "inputType" | "currency" | "numberFormat" | "currencyCodeDisplay"> & ({
-        inputType: Prop<string, true, undefined>;
-        numberFormat: Prop<"unformatted" | NonNullable<"compact" | "standard" | "scientific" | "engineering" | undefined>, true, undefined>;
+        inputType: Prop<string, true>;
+        numberFormat: Prop<"unformatted" | NonNullable<"compact" | "standard" | "scientific" | "engineering" | undefined>, true>;
         currency?: undefined;
         currencyCodeDisplay?: undefined;
     } | {
-        inputType: Prop<string, true, undefined>;
-        numberFormat: Prop<"unformatted" | NonNullable<"compact" | "standard" | "scientific" | "engineering" | undefined>, true, undefined>;
-        currency: Prop<string, true, undefined>;
-        currencyCodeDisplay: Prop<CurrencyCodeDisplayType, true, undefined>;
+        inputType: Prop<string, true>;
+        numberFormat: Prop<"unformatted" | NonNullable<"compact" | "standard" | "scientific" | "engineering" | undefined>, true>;
+        currency: Prop<string, true>;
+        currencyCodeDisplay: Prop<CurrencyCodeDisplayType, true>;
     })))) & {
-        defaultValue: Prop<string, true, undefined>;
+        defaultValue: Prop<string, true>;
     }>;
-    appearance: Section<Record<string, Prop<any, any, undefined>> & {
-        labelPosition: Prop<"top" | "left", true, undefined>;
-        labelStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
-        placeholderText: Prop<string, true, undefined>;
-        textStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true, undefined>;
-        backgroundColor: Prop<string, true, undefined>;
-        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true, undefined>;
-        borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true, undefined>;
-        icon: Prop<string, false, undefined>;
-        iconPosition: Prop<IconPosition, true, undefined>;
+    appearance: Section<Record<string, Prop<any, any>> & {
+        labelPosition: Prop<"top" | "left", true>;
+        labelStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+        placeholderText: Prop<string, true>;
+        textStyle: Prop<import("@superblocksteam/library-shared/types").TextStyleWithVariant, true>;
+        backgroundColor: Prop<string, true>;
+        border: Prop<import("@superblocksteam/library-shared/types").PerSideBorder, true>;
+        borderRadius: Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, true>;
+        icon: Prop<string, false>;
+        iconPosition: Prop<IconPosition, true>;
     } & Omit<{
-        inputType: Prop<string, false, undefined>;
+        inputType: Prop<string, false>;
     }, "inputType"> & {
-        inputType: Prop<string, true, undefined>;
+        inputType: Prop<string, true>;
     } & {
-        loading: Prop<boolean, true, undefined>;
+        loading: Prop<boolean, true>;
     }>;
-    layout: Section<Record<string, Prop<any, any, undefined>> & {
-        padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true, undefined>;
+    layout: Section<Record<string, Prop<any, any>> & {
+        padding: Prop<import("@superblocksteam/library-shared/types").Spacing, true>;
     } & {
-        width: Prop<import("@superblocksteam/library-shared").Dim<"fill" | "rows" | "columns" | "px" | "%">, false, undefined>;
-        maxHeight?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        minHeight?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        maxWidth?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        minWidth?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        height: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+        width: Prop<import("@superblocksteam/library-shared").Dim<"fill" | "rows" | "columns" | "px" | "%">, false>;
+        maxHeight?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minHeight?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        maxWidth?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minWidth?: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        height: Prop<import("@superblocksteam/library-shared").Dim<import("@superblocksteam/library-shared").DimModes>, false>;
     } & {
         margin: Prop<{
             top: import("@superblocksteam/library-shared").Dim<"px">;
             bottom: import("@superblocksteam/library-shared").Dim<"px">;
             left: import("@superblocksteam/library-shared").Dim<"px">;
             right: import("@superblocksteam/library-shared").Dim<"px">;
-        } | undefined, true, undefined>;
+        } | undefined, true>;
     } & {
-        labelWidth: Prop<import("@superblocksteam/library-shared").Dim, true, undefined>;
+        labelWidth: Prop<import("@superblocksteam/library-shared").Dim, true>;
     } & {
-        isVisible: Prop<boolean, true, undefined>;
+        isVisible: Prop<boolean, true>;
     }>;
-    interaction: Section<Record<string, Prop<any, any, undefined>> & Omit<{
-        inputType: Prop<string, false, undefined>;
+    interaction: Section<Record<string, Prop<any, any>> & Omit<{
+        inputType: Prop<string, false>;
     }, "inputType" | "stepper" | "stepSize" | "minDecimals" | "maxDecimals"> & {
-        stepper: Prop<boolean, true, undefined>;
-        stepSize: Prop<number, true, undefined>;
-        minDecimals: Prop<number, false, undefined>;
-        maxDecimals: Prop<number, false, undefined>;
-        inputType: Prop<string, true, undefined>;
+        stepper: Prop<boolean, true>;
+        stepSize: Prop<number, true>;
+        minDecimals: Prop<number, false>;
+        maxDecimals: Prop<number, false>;
+        inputType: Prop<string, true>;
     } & Omit<{
-        inputType: Prop<string, false, undefined>;
+        inputType: Prop<string, false>;
     }, "maxLength" | "minLength" | "inputType"> & {
-        minLength: Prop<number, false, undefined>;
-        maxLength: Prop<number, false, undefined>;
-        inputType: Prop<string, true, undefined>;
+        minLength: Prop<number, false>;
+        maxLength: Prop<number, false>;
+        inputType: Prop<string, true>;
     } & {
-        errorMessagePlacement: Prop<import("@superblocksteam/library-shared/props").ErrorMessagePlacement, true, undefined>;
-        customValidationRule: Prop<any, false, undefined>;
-        customErrorMessage: Prop<string, true, undefined>;
-        isDisabled: Prop<boolean, true, undefined>;
-        isRequired: Prop<boolean, true, undefined>;
+        errorMessagePlacement: Prop<import("@superblocksteam/library-shared/props").ErrorMessagePlacement, true>;
+        customValidationRule: Prop<any, false>;
+        customErrorMessage: Prop<string, true>;
+        isDisabled: Prop<boolean, true>;
+        isRequired: Prop<boolean, true>;
     }>;
-    events: Section<Record<string, Prop<any, any, undefined>> & {
-        onTextChanged: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
-        onSubmit: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
-        onFocus: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
-        onFocusOut: Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
+    events: Section<Record<string, Prop<any, any>> & {
+        onTextChanged: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onSubmit: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onFocus: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onFocusOut: Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
     }>;
-    meta: Section<Record<string, Prop<any, any, undefined>> & {
-        text: Prop<string | undefined, false, undefined>;
-        isTouched: Prop<boolean, true, undefined>;
+    meta: Section<Record<string, Prop<any, any>> & {
+        text: Prop<string | undefined, false>;
+        isTouched: Prop<boolean, true>;
     }>;
-    derived: Section<Record<string, Prop<any, any, undefined>> & {
-        value: Prop<string, true, undefined>;
-        validationErrors: Prop<ValidationErrors, true, undefined>;
-        isValid: Prop<boolean, true, undefined>;
-        showError: Prop<boolean, true, undefined>;
+    derived: Section<Record<string, Prop<any, any>> & {
+        value: Prop<string, true>;
+        validationErrors: Prop<ValidationErrors, true>;
+        isValid: Prop<boolean, true>;
+        showError: Prop<boolean, true>;
     }>;
 };

package/dist-types/lib/user-facing/components/key-value/properties-props.d.ts

@@ -3,42 +3,42 @@ import { KeyValuePropertyType } from "./types.js";
 import type { IconPosition } from "../../icons/constants.js";
 import type { UnionVariant } from "../../properties-panel/props-builder.js";
 export declare const keyValuePropertiesDefinition: {
-    general: Section<((((Record<string, Prop<any, any, undefined>> & ({
-        id: Prop<string, true, undefined>;
+    general: Section<((((Record<string, Prop<any, any>> & ({
+        id: Prop<string, true>;
     } & (Omit<{
-        isDerived: Prop<boolean, true, undefined>;
+        isDerived: Prop<boolean, true>;
     }, "key" | "isDerived"> & ({
-        isDerived: Prop<true, true, undefined>;
-        key: Prop<string, true, undefined>;
+        isDerived: Prop<true, true>;
+        key: Prop<string, true>;
     } | {
-        isDerived: Prop<false, true, undefined>;
-        key: Prop<string, true, undefined>;
+        isDerived: Prop<false, true>;
+        key: Prop<string, true>;
     })))) & {
-        displayedKey: Prop<string, true, undefined>;
+        displayedKey: Prop<string, true>;
     }) & Omit<{
-        isDerived: Prop<boolean, true, undefined>;
+        isDerived: Prop<boolean, true>;
     }, "isDerived" | "computedValue"> & {
-        isDerived: Prop<true, true, undefined>;
-        computedValue: Prop<string, true, undefined>;
+        isDerived: Prop<true, true>;
+        computedValue: Prop<string, true>;
     }) & Omit<{
-        type: Prop<KeyValuePropertyType, true, undefined>;
+        type: Prop<KeyValuePropertyType, true>;
     }, "type"> & UnionVariant<{
         type: Prop<KeyValuePropertyType, false>;
     }>) & {
-        isVisible: Prop<boolean, true, undefined>;
+        isVisible: Prop<boolean, true>;
     }>;
-    appearance: Section<Record<string, Prop<any, any, undefined>> & {
-        "keyProps.icon": Prop<string, true, undefined>;
-        "keyProps.iconPosition": Prop<IconPosition, true, undefined>;
-        "valueProps.icon": Prop<string, true, undefined>;
-        "valueProps.iconPosition": Prop<IconPosition, true, undefined>;
+    appearance: Section<Record<string, Prop<any, any>> & {
+        "keyProps.icon": Prop<string, true>;
+        "keyProps.iconPosition": Prop<IconPosition, true>;
+        "valueProps.icon": Prop<string, true>;
+        "valueProps.iconPosition": Prop<IconPosition, true>;
     } & Omit<{
-        type: Prop<KeyValuePropertyType, false, undefined>;
+        type: Prop<KeyValuePropertyType, false>;
     }, "type"> & UnionVariant<{
         type: Prop<KeyValuePropertyType, false>;
     }>>;
-    eventHandlers: Section<Record<string, Prop<any, any, undefined>> & Omit<{
-        type: Prop<KeyValuePropertyType, false, undefined>;
+    eventHandlers: Section<Record<string, Prop<any, any>> & Omit<{
+        type: Prop<KeyValuePropertyType, false>;
     }, "type"> & UnionVariant<{
         type: Prop<KeyValuePropertyType, false>;
     }>>;

package/dist-types/lib/user-facing/components/key-value/props.d.ts

@@ -3,36 +3,36 @@ import { Prop } from "../../properties-panel/props-builder.js";
 import { Section } from "../../properties-panel/props-builder.js";
 import type { KeyValueProperty } from "./types.js";
 export declare const propertiesDefinition: {
-    general: Section<Record<string, Prop<any, any, undefined>> & {
-        sourceData: Prop<Record<string, unknown>, false, undefined>;
+    general: Section<Record<string, Prop<any, any>> & {
+        sourceData: Prop<Record<string, unknown>, false>;
         properties: Prop<Record<string, KeyValueProperty>, true>;
-        propertiesOrder: Prop<string[], true, undefined>;
+        propertiesOrder: Prop<string[], true>;
     }>;
-    appearance: Section<Record<string, Prop<any, any, undefined>> & {
-        "keyProps.position": Prop<"top" | "left", true, undefined>;
-        "keyProps.keyStyle": Prop<any, false, undefined>;
-        "keyProps.textWrap": Prop<boolean, true, undefined>;
-        "valueProps.valueStyle": Prop<any, false, undefined>;
-        "valueProps.textWrap": Prop<boolean, true, undefined>;
-        "styleProps.backgroundColor": Prop<string, false, undefined>;
-        "styleProps.border": Prop<any, false, undefined>;
-        "styleProps.borderRadius": Prop<any, false, undefined>;
-        "styleProps.divider": Prop<any, true, undefined>;
-        loading: Prop<boolean, true, undefined>;
+    appearance: Section<Record<string, Prop<any, any>> & {
+        "keyProps.position": Prop<"top" | "left", true>;
+        "keyProps.keyStyle": Prop<any, false>;
+        "keyProps.textWrap": Prop<boolean, true>;
+        "valueProps.valueStyle": Prop<any, false>;
+        "valueProps.textWrap": Prop<boolean, true>;
+        "styleProps.backgroundColor": Prop<string, false>;
+        "styleProps.border": Prop<any, false>;
+        "styleProps.borderRadius": Prop<any, false>;
+        "styleProps.divider": Prop<any, true>;
+        loading: Prop<boolean, true>;
     }>;
-    layout: Section<Record<string, Prop<any, any, undefined>> & {
-        isVisible: Prop<boolean, true, undefined>;
-        keyProps: Prop<any, true, undefined>;
-        "keyProps.width": Prop<any, false, undefined>;
-        "valueProps.position": Prop<"left" | "right", true, undefined>;
-        maxHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        minHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        maxWidth?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        minWidth?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined> | undefined;
-        width: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
-        height: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false, undefined>;
+    layout: Section<Record<string, Prop<any, any>> & {
+        isVisible: Prop<boolean, true>;
+        keyProps: Prop<any, true>;
+        "keyProps.width": Prop<any, false>;
+        "valueProps.position": Prop<"left" | "right", true>;
+        maxHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minHeight?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        maxWidth?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        minWidth?: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false> | undefined;
+        width: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
+        height: Prop<Dim<import("@superblocksteam/library-shared").DimModes>, false>;
     }>;
-    derived: Section<Record<string, Prop<any, any, undefined>> & {
-        data: Prop<Record<string, unknown>, true, undefined>;
+    derived: Section<Record<string, Prop<any, any>> & {
+        data: Prop<Record<string, unknown>, true>;
     }>;
 };

package/dist-types/lib/user-facing/components/modal/index.d.ts

@@ -1,41 +1,45 @@
 import { Dim } from "@superblocksteam/library-shared";
 import type { ContainerLayout } from "../../component-base/constants.js";
+/**
+ * TODO:
+ * - close all other modal when current modal is opened
+ */
 export declare const SbModal: import("react").FC<import("../../properties-panel/props-builder.js").ExternalProps<{
-    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & ((Omit<{
-        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true, undefined>;
+    layout: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & ((Omit<{
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "top" | "bottom" | "space-around" | "space-between", true, undefined>;
-        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true, undefined>;
-        readonly layout: import("../../properties-panel/props-builder.js").Prop<"vertical", true, undefined>;
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "top" | "bottom" | "space-around" | "space-between", true>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "left" | "right", true>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"vertical", true>;
     }) | (Omit<{
-        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true, undefined>;
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
     }, "layout" | "verticalAlign" | "horizontalAlign"> & {
-        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "top" | "bottom", true, undefined>;
-        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "left" | "right", true, undefined>;
-        readonly layout: import("../../properties-panel/props-builder.js").Prop<"horizontal", true, undefined>;
+        readonly verticalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "top" | "bottom", true>;
+        readonly horizontalAlign: import("../../properties-panel/props-builder.js").Prop<"center" | "space-around" | "space-between" | "left" | "right", true>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"horizontal", true>;
     }) | (Omit<{
-        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true, undefined>;
+        layout: import("../../properties-panel/props-builder.js").Prop<ContainerLayout, true>;
     }, "layout" | "columns" | "rowHeight"> & {
-        readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true, undefined>;
-        readonly rowHeight: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true, undefined>;
-        readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true, undefined>;
+        readonly columns: import("../../properties-panel/props-builder.js").Prop<number, true>;
+        readonly rowHeight: import("../../properties-panel/props-builder.js").Prop<Dim<"px">, true>;
+        readonly layout: import("../../properties-panel/props-builder.js").Prop<"freeform", true>;
     }))>;
-    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, true, undefined>;
-        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false, undefined>;
-        borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, false, undefined>;
-        hasBackdrop: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
-        widthPreset: import("../../properties-panel/props-builder.js").Prop<import("./constants.js").ModalSize, true, undefined>;
-        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    appearance: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        backgroundColor: import("../../properties-panel/props-builder.js").Prop<string, true>;
+        border: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerSideBorder, false>;
+        borderRadius: import("../../properties-panel/props-builder.js").Prop<import("@superblocksteam/library-shared/types").PerCornerBorderRadius, false>;
+        hasBackdrop: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
+        widthPreset: import("../../properties-panel/props-builder.js").Prop<import("./constants.js").ModalSize, true>;
+        loading: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
-    interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        closeOnClickOutside: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    interaction: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        closeOnClickOutside: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
-    events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        onOpen: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
-        onClose: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false, undefined>;
+    events: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        onOpen: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
+        onClose: import("../../properties-panel/props-builder.js").Prop<import("../../sb-event-flow.js").SbEventFlow, false>;
     }>;
-    meta: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any, undefined>> & {
-        isOpen: import("../../properties-panel/props-builder.js").Prop<boolean, true, undefined>;
+    meta: import("../../properties-panel/props-builder.js").Section<Record<string, import("../../properties-panel/props-builder.js").Prop<any, any>> & {
+        isOpen: import("../../properties-panel/props-builder.js").Prop<boolean, true>;
     }>;
 }>>;