@inntechcorp/it-design 2.0.140 → 2.0.142
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +30 -30
- package/dist/index.d.ts +25 -22
- package/dist/index.esm.js +30 -30
- package/dist/output-BwpNST6S.css +241 -0
- package/dist/select/index.d.ts +0 -1
- package/dist/select/menu/Menu.d.ts +1 -1
- package/dist/select/option/Option.d.ts +10 -10
- package/dist/select/toggle/Toggle.d.ts +1 -1
- package/dist/select/toggle/label/floating/FloatingLabel.d.ts +4 -3
- package/dist/select/toggle/label/single/SingleLabel.d.ts +4 -3
- package/dist/types/ChildrenProps.d.ts +1 -1
- package/dist/types/SelectProps.d.ts +17 -14
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -360,19 +360,19 @@ type IconProps = {
|
|
|
360
360
|
};
|
|
361
361
|
declare const NoData: ({ className, height, width }: IconProps) => react_jsx_runtime.JSX.Element;
|
|
362
362
|
|
|
363
|
-
type
|
|
364
|
-
|
|
365
|
-
};
|
|
366
|
-
type OptionsProps = {
|
|
367
|
-
icon?: string;
|
|
363
|
+
type OptionsTypeProps = {
|
|
364
|
+
icon?: ChildrenProps$1;
|
|
368
365
|
image?: string;
|
|
366
|
+
label?: ChildrenProps$1;
|
|
369
367
|
value?: SelectValue$1;
|
|
370
368
|
multi?: boolean;
|
|
371
|
-
checked?:
|
|
372
|
-
onChange?: (value: SelectValue$1, checked: boolean,
|
|
373
|
-
children?: ChildrenProps$1;
|
|
369
|
+
checked?: boolean;
|
|
370
|
+
onChange?: (value: SelectValue$1, checked: boolean, label: ChildrenProps$1) => null;
|
|
374
371
|
};
|
|
375
|
-
declare const _default$3: react.MemoExoticComponent<
|
|
372
|
+
declare const _default$3: react.MemoExoticComponent<{
|
|
373
|
+
({ multi, checked, icon, image, value, onChange, label }: OptionsTypeProps): react_jsx_runtime.JSX.Element;
|
|
374
|
+
displayName: string;
|
|
375
|
+
}>;
|
|
376
376
|
|
|
377
377
|
type SelectSubComponentProps = {
|
|
378
378
|
Option: typeof _default$3;
|
|
@@ -682,7 +682,7 @@ declare const Flex: ({ gap, justify, align, vertical, wrap, stretch, style, clas
|
|
|
682
682
|
|
|
683
683
|
type QueryValueProps = string | number | boolean | string[] | number[];
|
|
684
684
|
|
|
685
|
-
type Element = string | JSX.Element | undefined;
|
|
685
|
+
type Element = string | number | JSX.Element | undefined;
|
|
686
686
|
type ChildrenProps = Element | Element[] | null;
|
|
687
687
|
|
|
688
688
|
type AccordionProps = {
|
|
@@ -832,9 +832,9 @@ type TextAreaVariant = "default" | "filled" | "dashed";
|
|
|
832
832
|
|
|
833
833
|
type SelectProps = {
|
|
834
834
|
id?: string;
|
|
835
|
-
defaultValue?: SelectValue
|
|
836
|
-
value?: SelectValue
|
|
837
|
-
label?:
|
|
835
|
+
defaultValue?: SelectValue;
|
|
836
|
+
value?: SelectValue;
|
|
837
|
+
label?: ChildrenProps;
|
|
838
838
|
position?: SelectPosition;
|
|
839
839
|
direction?: SelectDirection;
|
|
840
840
|
multi?: boolean;
|
|
@@ -849,15 +849,16 @@ type SelectProps = {
|
|
|
849
849
|
locked?: boolean;
|
|
850
850
|
floating?: boolean;
|
|
851
851
|
style?: CSSProperties;
|
|
852
|
-
|
|
852
|
+
options?: SelectOptionProps[];
|
|
853
853
|
onChange?: ((value: SelectValue) => void) | null;
|
|
854
854
|
onUpdate?: ((value: SelectValue, update?: boolean, validation?: boolean) => void) | null;
|
|
855
855
|
};
|
|
856
856
|
type SelectToggleProps = {
|
|
857
857
|
id?: string;
|
|
858
|
-
label
|
|
859
|
-
value?: SelectValue;
|
|
858
|
+
label?: ChildrenProps;
|
|
859
|
+
value?: SelectValue | null;
|
|
860
860
|
errorMessage: string;
|
|
861
|
+
multi: boolean;
|
|
861
862
|
isOpen: boolean;
|
|
862
863
|
showSearch: boolean;
|
|
863
864
|
locked: boolean;
|
|
@@ -867,21 +868,23 @@ type SelectToggleProps = {
|
|
|
867
868
|
icon?: string;
|
|
868
869
|
image?: string;
|
|
869
870
|
size: ITDSize;
|
|
870
|
-
selected: SelectOptionProps;
|
|
871
871
|
onFocus: () => void;
|
|
872
872
|
onBlur: () => void;
|
|
873
873
|
onShow: (value: boolean) => void;
|
|
874
874
|
onFilter: (value: string) => void;
|
|
875
875
|
onChange: (open: boolean) => void;
|
|
876
876
|
};
|
|
877
|
-
type
|
|
877
|
+
type SelectOptionProps = {
|
|
878
|
+
label: ChildrenProps;
|
|
879
|
+
value: SelectValue;
|
|
880
|
+
icon?: ChildrenProps;
|
|
881
|
+
image?: string;
|
|
882
|
+
disabled?: boolean;
|
|
883
|
+
};
|
|
884
|
+
type SelectValue = string | number | (string | number)[];
|
|
878
885
|
type SelectVariant = "default" | "solid" | "filled" | "outline" | "custom";
|
|
879
886
|
type SelectPosition = "top" | "bottom";
|
|
880
887
|
type SelectDirection = "right" | "left";
|
|
881
|
-
type SelectOptionProps = {
|
|
882
|
-
value: string;
|
|
883
|
-
children: string;
|
|
884
|
-
};
|
|
885
888
|
|
|
886
889
|
type CheckboxProps = {
|
|
887
890
|
id?: string;
|