@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.
@@ -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, }: Partial<{
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
- metadata?: MetadataType;
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<Partial<{
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?: number | SizesTypes | undefined;
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, StateConfigType as StateConfigType$1, ConditionConfig as ConditionConfig$1, ProcessStep as ProcessStep$1, MetadataType as MetadataType$1, MetadataStateConfig as MetadataStateConfig$1 } from 'containers';
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, }: Partial<{
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
- metadata?: MetadataType;
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<Partial<{
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
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@zealicsolutions/web-ui",
3
- "version": "0.4.56",
4
- "testVersion": "0.3.184",
3
+ "version": "0.4.58",
4
+ "testVersion": "0.3.193",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"