@zealicsolutions/web-ui 0.4.56 → 0.4.58
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 +20 -20
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/src/containers/Container.d.ts +3 -2
- package/dist/cjs/src/containers/types/moleculeTypes.d.ts +3 -3
- package/dist/cjs/src/containers/types/types.d.ts +3 -2
- package/dist/cjs/src/contexts/OrganismContext/OrganismContextProvider.d.ts +3 -1
- package/dist/cjs/src/molecules/Drawer/Drawer.d.ts +1 -1
- package/dist/cjs/src/molecules/Drawer/Drawer.stories.d.ts +1 -1
- package/dist/cjs/src/molecules/Drawer/styles.d.ts +4 -2
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/containers/Container.d.ts +3 -2
- package/dist/esm/src/containers/types/moleculeTypes.d.ts +3 -3
- package/dist/esm/src/containers/types/types.d.ts +3 -2
- package/dist/esm/src/contexts/OrganismContext/OrganismContextProvider.d.ts +3 -1
- package/dist/esm/src/molecules/Drawer/Drawer.d.ts +1 -1
- package/dist/esm/src/molecules/Drawer/Drawer.stories.d.ts +1 -1
- package/dist/esm/src/molecules/Drawer/styles.d.ts +4 -2
- package/dist/index.d.ts +15 -10
- package/package.json +2 -2
@@ -1,8 +1,10 @@
|
|
1
1
|
import { ContainerComponentProps, ContainerProps } from 'containers';
|
2
2
|
import { Dispatch, ReactNode, SetStateAction } from 'react';
|
3
3
|
import type { AnyObject } from 'typescript';
|
4
|
-
export declare const Container: ({ id, type, wide, props, compact, children, metadata, isMobile, }:
|
4
|
+
export declare const Container: ({ id, type, wide, props, compact, children, metadata, isMobile, }: {
|
5
5
|
type: import("containers").ContainerType;
|
6
|
+
metadata: import("containers").MetadataType;
|
7
|
+
} & Partial<{
|
6
8
|
containerTemplateType: "row_content_container";
|
7
9
|
wide: Partial<{
|
8
10
|
containerStyle: import("styled-components").CSSProperties;
|
@@ -70,7 +72,6 @@ export declare const Container: ({ id, type, wide, props, compact, children, met
|
|
70
72
|
activeOrganismIds: string[];
|
71
73
|
padding: import("containers").Padding;
|
72
74
|
}>;
|
73
|
-
metadata: import("containers").MetadataType;
|
74
75
|
isMobile: boolean;
|
75
76
|
}> & {
|
76
77
|
children?: ReactNode;
|
@@ -129,10 +129,10 @@ export interface ProcessStepsAttributes {
|
|
129
129
|
export declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link' | 'password_setup_field' | 'account_button' | 'process_steps';
|
130
130
|
export interface BaseMolecule {
|
131
131
|
id: string;
|
132
|
-
moleculeLibraryId: string;
|
133
|
-
instance: 'molecule';
|
134
132
|
type: MoleculeTypes;
|
135
|
-
|
133
|
+
instance: 'molecule';
|
134
|
+
metadata: MetadataType;
|
135
|
+
moleculeLibraryId: string;
|
136
136
|
}
|
137
137
|
export interface ImageMolecule extends BaseMolecule {
|
138
138
|
type: 'image';
|
@@ -75,13 +75,14 @@ export declare type AdditionalContainerProps = Partial<{
|
|
75
75
|
containerStyle: CSSProperties;
|
76
76
|
containerProps: ContainerPropsType;
|
77
77
|
}>;
|
78
|
-
export declare type ContainerProps = PropsWithChildren<
|
78
|
+
export declare type ContainerProps = PropsWithChildren<{
|
79
79
|
type: ContainerType;
|
80
|
+
metadata: MetadataType;
|
81
|
+
} & Partial<{
|
80
82
|
containerTemplateType: ContainerTemplateType;
|
81
83
|
wide: AdditionalContainerProps;
|
82
84
|
compact: AdditionalContainerProps;
|
83
85
|
props: ContainerPropsType;
|
84
|
-
metadata: MetadataType;
|
85
86
|
isMobile: boolean;
|
86
87
|
}>>;
|
87
88
|
export declare type ContainerComponentProps = {
|
@@ -1,11 +1,13 @@
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
2
|
-
import { ContainerComponentProps, Molecule } from 'containers';
|
2
|
+
import { ContainerComponentProps, ContainerType, MetadataType, Molecule, MoleculeTypes } from 'containers';
|
3
3
|
import type { AnyObject } from 'typescript';
|
4
4
|
import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
|
5
5
|
export declare type ConfigurationItem = {
|
6
6
|
entity: 'container' | 'molecule';
|
7
7
|
entityId: string;
|
8
8
|
organismId: string;
|
9
|
+
entityType: MoleculeTypes | ContainerType;
|
10
|
+
entityMetadata: MetadataType;
|
9
11
|
};
|
10
12
|
export declare type OrganismContextProviderProps = PropsWithChildren<{
|
11
13
|
organismId: string;
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
2
2
|
import { DrawerProps } from './styles';
|
3
|
-
export declare const Drawer: ({ children, closeIconColor, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
|
3
|
+
export declare const Drawer: ({ children, closeIconColor, withCloseIcon, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
|
@@ -3,7 +3,7 @@ import React from 'react';
|
|
3
3
|
import { Drawer as DrawerComponent } from './Drawer';
|
4
4
|
declare const _default: {
|
5
5
|
title: string;
|
6
|
-
component: ({ children, closeIconColor, ...props }: React.PropsWithChildren<import("./styles").DrawerProps>) => JSX.Element;
|
6
|
+
component: ({ children, closeIconColor, withCloseIcon, ...props }: React.PropsWithChildren<import("./styles").DrawerProps>) => JSX.Element;
|
7
7
|
};
|
8
8
|
export default _default;
|
9
9
|
export declare const Drawer: StoryFn<typeof DrawerComponent>;
|
@@ -4,16 +4,18 @@ import { Drawer as DrawerComponent, DrawerProps as DrawerComponentProps } from '
|
|
4
4
|
export declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
|
5
5
|
export declare type DrawerProps = DrawerComponentProps & {
|
6
6
|
anchor: Anchor;
|
7
|
-
padding?: SizesTypes | number;
|
7
|
+
padding?: SizesTypes | number | string;
|
8
8
|
height?: number | string;
|
9
9
|
width?: number | string;
|
10
|
+
withCloseIcon?: boolean;
|
10
11
|
closeIconColor?: ThemeColors | string;
|
11
12
|
};
|
12
13
|
export declare const BaseDrawer: import("styled-components").StyledComponent<typeof DrawerComponent, import("styled-components").DefaultTheme, DrawerComponentProps & {
|
13
14
|
anchor: Anchor;
|
14
|
-
padding?:
|
15
|
+
padding?: string | number | undefined;
|
15
16
|
height?: string | number | undefined;
|
16
17
|
width?: string | number | undefined;
|
18
|
+
withCloseIcon?: boolean | undefined;
|
17
19
|
closeIconColor?: string | undefined;
|
18
20
|
}, never>;
|
19
21
|
export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
package/dist/index.d.ts
CHANGED
@@ -10,7 +10,7 @@ import { StylesType, AnyObject as AnyObject$1, Callback as Callback$1, Nullable,
|
|
10
10
|
import { RefCallBack, Control as Control$1, ControllerProps as ControllerProps$1 } from 'react-hook-form/dist/types';
|
11
11
|
import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
|
12
12
|
import * as containers from 'containers';
|
13
|
-
import { ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, FormStateType as FormStateType$1, ProcessTrackerStatus as ProcessTrackerStatus$1,
|
13
|
+
import { ContainerComponentProps as ContainerComponentProps$1, Molecule as Molecule$1, FormStateType as FormStateType$1, ProcessTrackerStatus as ProcessTrackerStatus$1, MoleculeTypes as MoleculeTypes$1, ContainerType as ContainerType$1, MetadataType as MetadataType$1, StateConfigType as StateConfigType$1, ConditionConfig as ConditionConfig$1, ProcessStep as ProcessStep$1, MetadataStateConfig as MetadataStateConfig$1 } from 'containers';
|
14
14
|
import { FieldTypes as FieldTypes$1, UIFields as UIFields$1, InputFieldTypes as InputFieldTypes$1 } from 'fieldsConfiguration/types';
|
15
15
|
import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
|
16
16
|
import * as atoms from 'atoms';
|
@@ -118,8 +118,10 @@ declare type SelectProps = Partial<{
|
|
118
118
|
}>;
|
119
119
|
declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
|
120
120
|
|
121
|
-
declare const Container: ({ id, type, wide, props, compact, children, metadata, isMobile, }:
|
121
|
+
declare const Container: ({ id, type, wide, props, compact, children, metadata, isMobile, }: {
|
122
122
|
type: containers.ContainerType;
|
123
|
+
metadata: containers.MetadataType;
|
124
|
+
} & Partial<{
|
123
125
|
containerTemplateType: "row_content_container";
|
124
126
|
wide: Partial<{
|
125
127
|
containerStyle: styled_components.CSSProperties;
|
@@ -187,7 +189,6 @@ declare const Container: ({ id, type, wide, props, compact, children, metadata,
|
|
187
189
|
activeOrganismIds: string[];
|
188
190
|
padding: containers.Padding;
|
189
191
|
}>;
|
190
|
-
metadata: containers.MetadataType;
|
191
192
|
isMobile: boolean;
|
192
193
|
}> & {
|
193
194
|
children?: ReactNode;
|
@@ -323,10 +324,10 @@ interface ProcessStepsAttributes {
|
|
323
324
|
declare type MoleculeTypes = 'image' | 'text' | 'button' | 'video' | 'header_tab_group' | 'input_field' | 'select_field' | 'radio_button_field' | 'checkbox_field' | 'consent' | 'link' | 'password_setup_field' | 'account_button' | 'process_steps';
|
324
325
|
interface BaseMolecule {
|
325
326
|
id: string;
|
326
|
-
moleculeLibraryId: string;
|
327
|
-
instance: 'molecule';
|
328
327
|
type: MoleculeTypes;
|
329
|
-
|
328
|
+
instance: 'molecule';
|
329
|
+
metadata: MetadataType;
|
330
|
+
moleculeLibraryId: string;
|
330
331
|
}
|
331
332
|
interface ImageMolecule extends BaseMolecule {
|
332
333
|
type: 'image';
|
@@ -579,13 +580,14 @@ declare type AdditionalContainerProps = Partial<{
|
|
579
580
|
containerStyle: CSSProperties;
|
580
581
|
containerProps: ContainerPropsType;
|
581
582
|
}>;
|
582
|
-
declare type ContainerProps = PropsWithChildren<
|
583
|
+
declare type ContainerProps = PropsWithChildren<{
|
583
584
|
type: ContainerType;
|
585
|
+
metadata: MetadataType;
|
586
|
+
} & Partial<{
|
584
587
|
containerTemplateType: ContainerTemplateType;
|
585
588
|
wide: AdditionalContainerProps;
|
586
589
|
compact: AdditionalContainerProps;
|
587
590
|
props: ContainerPropsType;
|
588
|
-
metadata: MetadataType;
|
589
591
|
isMobile: boolean;
|
590
592
|
}>>;
|
591
593
|
declare type ContainerComponentProps = {
|
@@ -1502,6 +1504,8 @@ declare type ConfigurationItem = {
|
|
1502
1504
|
entity: 'container' | 'molecule';
|
1503
1505
|
entityId: string;
|
1504
1506
|
organismId: string;
|
1507
|
+
entityType: MoleculeTypes$1 | ContainerType$1;
|
1508
|
+
entityMetadata: MetadataType$1;
|
1505
1509
|
};
|
1506
1510
|
declare type OrganismContextProviderProps = PropsWithChildren<{
|
1507
1511
|
organismId: string;
|
@@ -1757,13 +1761,14 @@ declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeadi
|
|
1757
1761
|
declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
|
1758
1762
|
declare type DrawerProps = DrawerProps$1 & {
|
1759
1763
|
anchor: Anchor;
|
1760
|
-
padding?: SizesTypes$2 | number;
|
1764
|
+
padding?: SizesTypes$2 | number | string;
|
1761
1765
|
height?: number | string;
|
1762
1766
|
width?: number | string;
|
1767
|
+
withCloseIcon?: boolean;
|
1763
1768
|
closeIconColor?: ThemeColors$2 | string;
|
1764
1769
|
};
|
1765
1770
|
|
1766
|
-
declare const Drawer: ({ children, closeIconColor, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
|
1771
|
+
declare const Drawer: ({ children, closeIconColor, withCloseIcon, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
|
1767
1772
|
|
1768
1773
|
declare type ColumnsTemplateKeys = 'horizontal' | 'card' | 'with_image';
|
1769
1774
|
|
package/package.json
CHANGED