@zealicsolutions/web-ui 0.4.57 → 0.4.58

package/dist/esm/src/containers/Container.d.ts

@@ -1,8 +1,10 @@
 import { ContainerComponentProps, ContainerProps } from 'containers';
 import { Dispatch, ReactNode, SetStateAction } from 'react';
 import type { AnyObject } from 'typescript';
-export declare const Container: ({ id, type, wide, props, compact, children, metadata, isMobile, }: Partial<{
+export declare const Container: ({ id, type, wide, props, compact, children, metadata, isMobile, }: {
     type: import("containers").ContainerType;
+    metadata: import("containers").MetadataType;
+} & Partial<{
     containerTemplateType: "row_content_container";
     wide: Partial<{
         containerStyle: import("styled-components").CSSProperties;
@@ -70,7 +72,6 @@ export declare const Container: ({ id, type, wide, props, compact, children, met
         activeOrganismIds: string[];
         padding: import("containers").Padding;
     }>;
-    metadata: import("containers").MetadataType;
     isMobile: boolean;
 }> & {
     children?: ReactNode;

package/dist/esm/src/containers/types/moleculeTypes.d.ts

@@ -129,10 +129,10 @@ export interface ProcessStepsAttributes {
 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';
 export interface BaseMolecule {
     id: string;
-    moleculeLibraryId: string;
-    instance: 'molecule';
     type: MoleculeTypes;
-    metadata?: MetadataType;
+    instance: 'molecule';
+    metadata: MetadataType;
+    moleculeLibraryId: string;
 }
 export interface ImageMolecule extends BaseMolecule {
     type: 'image';

package/dist/esm/src/containers/types/types.d.ts

@@ -75,13 +75,14 @@ export declare type AdditionalContainerProps = Partial<{
     containerStyle: CSSProperties;
     containerProps: ContainerPropsType;
 }>;
-export declare type ContainerProps = PropsWithChildren<Partial<{
+export declare type ContainerProps = PropsWithChildren<{
     type: ContainerType;
+    metadata: MetadataType;
+} & Partial<{
     containerTemplateType: ContainerTemplateType;
     wide: AdditionalContainerProps;
     compact: AdditionalContainerProps;
     props: ContainerPropsType;
-    metadata: MetadataType;
     isMobile: boolean;
 }>>;
 export declare type ContainerComponentProps = {

package/dist/esm/src/contexts/OrganismContext/OrganismContextProvider.d.ts

@@ -1,11 +1,13 @@
 import { PropsWithChildren } from 'react';
-import { ContainerComponentProps, Molecule } from 'containers';
+import { ContainerComponentProps, ContainerType, MetadataType, Molecule, MoleculeTypes } from 'containers';
 import type { AnyObject } from 'typescript';
 import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
 export declare type ConfigurationItem = {
     entity: 'container' | 'molecule';
     entityId: string;
     organismId: string;
+    entityType: MoleculeTypes | ContainerType;
+    entityMetadata: MetadataType;
 };
 export declare type OrganismContextProviderProps = PropsWithChildren<{
     organismId: string;

package/dist/esm/src/molecules/Drawer/Drawer.d.ts

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from 'react';
 import { DrawerProps } from './styles';
-export declare const Drawer: ({ children, closeIconColor, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
+export declare const Drawer: ({ children, closeIconColor, withCloseIcon, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;

package/dist/esm/src/molecules/Drawer/Drawer.stories.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 import { Drawer as DrawerComponent } from './Drawer';
 declare const _default: {
     title: string;
-    component: ({ children, closeIconColor, ...props }: React.PropsWithChildren<import("./styles").DrawerProps>) => JSX.Element;
+    component: ({ children, closeIconColor, withCloseIcon, ...props }: React.PropsWithChildren<import("./styles").DrawerProps>) => JSX.Element;
 };
 export default _default;
 export declare const Drawer: StoryFn<typeof DrawerComponent>;

package/dist/esm/src/molecules/Drawer/styles.d.ts

@@ -4,16 +4,18 @@ import { Drawer as DrawerComponent, DrawerProps as DrawerComponentProps } from '
 export declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
 export declare type DrawerProps = DrawerComponentProps & {
     anchor: Anchor;
-    padding?: SizesTypes | number;
+    padding?: SizesTypes | number | string;
     height?: number | string;
     width?: number | string;
+    withCloseIcon?: boolean;
     closeIconColor?: ThemeColors | string;
 };
 export declare const BaseDrawer: import("styled-components").StyledComponent<typeof DrawerComponent, import("styled-components").DefaultTheme, DrawerComponentProps & {
     anchor: Anchor;
-    padding?: number | SizesTypes | undefined;
+    padding?: string | number | undefined;
     height?: string | number | undefined;
     width?: string | number | undefined;
+    withCloseIcon?: boolean | undefined;
     closeIconColor?: string | undefined;
 }, never>;
 export declare const IconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

package/dist/index.d.ts

@@ -10,7 +10,7 @@ import { StylesType, AnyObject as AnyObject$1, Callback as Callback$1, Nullable,
 import { RefCallBack, Control as Control$1, ControllerProps as ControllerProps$1 } from 'react-hook-form/dist/types';
 import { IconNames as IconNames$1 } from 'atoms/Icon/Icon';
 import * as containers from 'containers';
-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';
+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';
 import { FieldTypes as FieldTypes$1, UIFields as UIFields$1, InputFieldTypes as InputFieldTypes$1 } from 'fieldsConfiguration/types';
 import { ThemeColors as ThemeColors$2, FontSizesTypes as FontSizesTypes$1, SizesTypes as SizesTypes$2, BreakpointSizesTypes as BreakpointSizesTypes$1 } from 'theme/types';
 import * as atoms from 'atoms';
@@ -118,8 +118,10 @@ declare type SelectProps = Partial<{
 }>;
 declare const Select: ({ ref, onBlur, onChange, value, placeholder, options, disabled, optionsPresentation, isError, isEditMode, selectInternalConfig, isRichText, }: SelectProps) => JSX.Element;
 
-declare const Container: ({ id, type, wide, props, compact, children, metadata, isMobile, }: Partial<{
+declare const Container: ({ id, type, wide, props, compact, children, metadata, isMobile, }: {
     type: containers.ContainerType;
+    metadata: containers.MetadataType;
+} & Partial<{
     containerTemplateType: "row_content_container";
     wide: Partial<{
         containerStyle: styled_components.CSSProperties;
@@ -187,7 +189,6 @@ declare const Container: ({ id, type, wide, props, compact, children, metadata,
         activeOrganismIds: string[];
         padding: containers.Padding;
     }>;
-    metadata: containers.MetadataType;
     isMobile: boolean;
 }> & {
     children?: ReactNode;
@@ -323,10 +324,10 @@ interface ProcessStepsAttributes {
 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';
 interface BaseMolecule {
     id: string;
-    moleculeLibraryId: string;
-    instance: 'molecule';
     type: MoleculeTypes;
-    metadata?: MetadataType;
+    instance: 'molecule';
+    metadata: MetadataType;
+    moleculeLibraryId: string;
 }
 interface ImageMolecule extends BaseMolecule {
     type: 'image';
@@ -579,13 +580,14 @@ declare type AdditionalContainerProps = Partial<{
     containerStyle: CSSProperties;
     containerProps: ContainerPropsType;
 }>;
-declare type ContainerProps = PropsWithChildren<Partial<{
+declare type ContainerProps = PropsWithChildren<{
     type: ContainerType;
+    metadata: MetadataType;
+} & Partial<{
     containerTemplateType: ContainerTemplateType;
     wide: AdditionalContainerProps;
     compact: AdditionalContainerProps;
     props: ContainerPropsType;
-    metadata: MetadataType;
     isMobile: boolean;
 }>>;
 declare type ContainerComponentProps = {
@@ -1502,6 +1504,8 @@ declare type ConfigurationItem = {
     entity: 'container' | 'molecule';
     entityId: string;
     organismId: string;
+    entityType: MoleculeTypes$1 | ContainerType$1;
+    entityMetadata: MetadataType$1;
 };
 declare type OrganismContextProviderProps = PropsWithChildren<{
     organismId: string;
@@ -1757,13 +1761,14 @@ declare const HeroImage: ({ backgroundImage, button, contentAlignment, mainHeadi
 declare type Anchor = 'top' | 'left' | 'bottom' | 'right';
 declare type DrawerProps = DrawerProps$1 & {
     anchor: Anchor;
-    padding?: SizesTypes$2 | number;
+    padding?: SizesTypes$2 | number | string;
     height?: number | string;
     width?: number | string;
+    withCloseIcon?: boolean;
     closeIconColor?: ThemeColors$2 | string;
 };
 
-declare const Drawer: ({ children, closeIconColor, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
+declare const Drawer: ({ children, closeIconColor, withCloseIcon, ...props }: PropsWithChildren<DrawerProps>) => JSX.Element;
 
 declare type ColumnsTemplateKeys = 'horizontal' | 'card' | 'with_image';
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.4.57",
-  "testVersion": "0.3.184",
+  "version": "0.4.58",
+  "testVersion": "0.3.193",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"