@zealicsolutions/web-ui 1.0.66-test.3 → 1.0.67
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/cjs/index.js +247 -247
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/molecules/Select/Select.d.ts +0 -10
- package/dist/cjs/molecules/Select/Select.stories.d.ts +2 -15
- package/dist/esm/molecules/Select/Select.d.ts +0 -10
- package/dist/esm/molecules/Select/Select.js +1 -1
- package/dist/esm/molecules/Select/Select.js.map +1 -1
- package/dist/esm/molecules/Select/Select.stories.d.ts +2 -15
- package/dist/esm/node_modules/@mui/material/Popper/Popper.js.map +1 -1
- package/dist/index.d.ts +0 -10
- package/package.json +1 -1
@@ -8,19 +8,12 @@ export interface SelectMoleculeOption {
|
|
8
8
|
}
|
9
9
|
export interface SelectMoleculeProps {
|
10
10
|
open?: boolean;
|
11
|
-
/** Label text (visible above or inside the select) */
|
12
11
|
text: string;
|
13
|
-
/** For a placeholder, you might use the first item or do a custom approach */
|
14
12
|
placeholderText?: string;
|
15
|
-
/** If true, the field is required in form validation */
|
16
13
|
required?: boolean;
|
17
|
-
/** Use this text if required == true and no value selected */
|
18
14
|
requiredErrorText?: string;
|
19
|
-
/** Use this text if user fails some extra validation pattern */
|
20
15
|
validationErrorText?: string;
|
21
|
-
/** If true, show a text label instead of an interactive dropdown */
|
22
16
|
isDisplayOnly?: boolean;
|
23
|
-
/** CSS style props */
|
24
17
|
fontSize?: number | string;
|
25
18
|
fontFamily?: TypographyProps['fontFamily'];
|
26
19
|
fontWeight?: 'normal' | 'bold' | number;
|
@@ -37,11 +30,8 @@ export interface SelectMoleculeProps {
|
|
37
30
|
paddingTop?: string;
|
38
31
|
paddingRight?: string;
|
39
32
|
paddingBottom?: string;
|
40
|
-
/** Additional config from system (e.g. for selection in config mode) */
|
41
33
|
configurationItemInfo?: ConfigurationItemInfo;
|
42
|
-
/** The name of the field in react-hook-form */
|
43
34
|
name: string;
|
44
|
-
/** The data field in stateObject to populate/initialize value */
|
45
35
|
sourceDataModelField?: string;
|
46
36
|
}
|
47
37
|
export declare const SelectMolecule: React.FC<SelectMoleculeProps>;
|
@@ -2,21 +2,8 @@ import { SelectMoleculeProps } from './Select';
|
|
2
2
|
declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
|
3
3
|
export default _default;
|
4
4
|
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
|
5
|
-
export declare const WithLongPlaceholder: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
|
6
|
-
export declare const WithoutPlaceholder: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
|
7
|
-
export declare const ConfigurationMode: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
|
8
|
-
export declare const DisplayOnly: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
|
9
|
-
export declare const DisplayOnlyWithPlaceholder: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
|
10
|
-
export declare const PlaceholderStyling: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
|
11
|
-
export declare const RequiredWithPlaceholder: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
|
12
|
-
export declare const WithCustomValidation: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
|
13
|
-
export declare const LargeSize: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
|
14
|
-
export declare const CompactSize: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
|
15
5
|
export declare const DarkTheme: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
|
16
|
-
export declare const
|
17
|
-
export declare const
|
18
|
-
export declare const PlaceholderBehaviorTest: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
|
19
|
-
export declare const ConfigurationModeMultiple: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
|
6
|
+
export declare const DisplayOnly: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
|
7
|
+
export declare const ConfigurationMode: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
|
20
8
|
export declare const ConfigurationModeAdvanced: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
|
21
|
-
export declare const ImprovedSizing: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
|
22
9
|
export declare const MLRMode: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, SelectMoleculeProps>;
|
@@ -8,19 +8,12 @@ export interface SelectMoleculeOption {
|
|
8
8
|
}
|
9
9
|
export interface SelectMoleculeProps {
|
10
10
|
open?: boolean;
|
11
|
-
/** Label text (visible above or inside the select) */
|
12
11
|
text: string;
|
13
|
-
/** For a placeholder, you might use the first item or do a custom approach */
|
14
12
|
placeholderText?: string;
|
15
|
-
/** If true, the field is required in form validation */
|
16
13
|
required?: boolean;
|
17
|
-
/** Use this text if required == true and no value selected */
|
18
14
|
requiredErrorText?: string;
|
19
|
-
/** Use this text if user fails some extra validation pattern */
|
20
15
|
validationErrorText?: string;
|
21
|
-
/** If true, show a text label instead of an interactive dropdown */
|
22
16
|
isDisplayOnly?: boolean;
|
23
|
-
/** CSS style props */
|
24
17
|
fontSize?: number | string;
|
25
18
|
fontFamily?: TypographyProps['fontFamily'];
|
26
19
|
fontWeight?: 'normal' | 'bold' | number;
|
@@ -37,11 +30,8 @@ export interface SelectMoleculeProps {
|
|
37
30
|
paddingTop?: string;
|
38
31
|
paddingRight?: string;
|
39
32
|
paddingBottom?: string;
|
40
|
-
/** Additional config from system (e.g. for selection in config mode) */
|
41
33
|
configurationItemInfo?: ConfigurationItemInfo;
|
42
|
-
/** The name of the field in react-hook-form */
|
43
34
|
name: string;
|
44
|
-
/** The data field in stateObject to populate/initialize value */
|
45
35
|
sourceDataModelField?: string;
|
46
36
|
}
|
47
37
|
export declare const SelectMolecule: React.FC<SelectMoleculeProps>;
|