@zealicsolutions/web-ui 0.3.19 → 0.3.20

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

@@ -1,4 +1,40 @@
 /// <reference types="react" />
 import { ContainerComponentProps, ContainerProps } from 'containers';
-export declare const Container: ({ children, wide, compact, type, props }: ContainerProps) => JSX.Element;
-export declare const ContainerComponent: ({ type, items, config, tabsProps }: ContainerComponentProps) => JSX.Element | null;
+export declare const Container: ({ children, wide, compact, type, props, id, }: Partial<{
+    type: import("containers").ContainerType;
+    wide: Partial<{
+        containerStyle: import("styled-components").CSSProperties;
+        containerProps: Partial<{
+            position: import("containers").ContainerPositionType;
+            scrollBehaviour: import("containers").ContainerScrollBehaviourType;
+            cornerRadius: number;
+            styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            formProps: import("containers").FormContainerProps;
+            formStepProps: import("containers").FormStepContainerProps;
+        }>;
+    }>;
+    compact: Partial<{
+        containerStyle: import("styled-components").CSSProperties;
+        containerProps: Partial<{
+            position: import("containers").ContainerPositionType;
+            scrollBehaviour: import("containers").ContainerScrollBehaviourType;
+            cornerRadius: number;
+            styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            formProps: import("containers").FormContainerProps;
+            formStepProps: import("containers").FormStepContainerProps;
+        }>;
+    }>;
+    props: Partial<{
+        position: import("containers").ContainerPositionType;
+        scrollBehaviour: import("containers").ContainerScrollBehaviourType;
+        cornerRadius: number;
+        styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+        formProps: import("containers").FormContainerProps;
+        formStepProps: import("containers").FormStepContainerProps;
+    }>;
+}> & {
+    children?: import("react").ReactNode;
+} & {
+    id: string;
+}) => JSX.Element;
+export declare const ContainerComponent: ({ type, items, config, tabsProps, id, }: ContainerComponentProps) => JSX.Element | null;

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

@@ -1,4 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { FormStepContainerProps } from 'containers';
-export declare type StepContainerProps = PropsWithChildren<Partial<FormStepContainerProps>>;
-export declare const FormStepContainer: ({ formStepName, order, conditionConfig, children, }: StepContainerProps) => JSX.Element;
+export declare type StepContainerProps = PropsWithChildren<Partial<FormStepContainerProps>> & {
+    id: string;
+};
+export declare const FormStepContainer: ({ formStepName, order, conditionConfig, id, }: StepContainerProps) => JSX.Element | null;

package/dist/esm/src/contexts/FormStepContext/FormStepContext.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare type FormStepContextType = {
+    steps: number;
+    currentStep: number;
+    goToNextStep: () => void;
+    goToPrevStep: () => void;
+    reset: () => void;
+    canGoToNextStep: boolean;
+    canGoToPrevStep: boolean;
+    setStep: Dispatch<SetStateAction<number>>;
+};
+export declare const FormStepContext: import("react").Context<FormStepContextType>;

package/dist/esm/src/contexts/FormStepContext/FormStepContextProvider.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
+    initSteps: number;
+}>>;
+export declare const FormStepContextProvider: ({ initSteps, children, }: FormStepContextProviderProps) => JSX.Element;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ContainerComponentProps, Molecule } from 'containers';
+import { GroupedMoleculesByStep } from './utils';
+export declare type OrganismContextType = {
+    items: (ContainerComponentProps | Molecule)[];
+    groupedMoleculeByStep: GroupedMoleculesByStep;
+};
+export declare const OrganismContext: import("react").Context<OrganismContextType>;

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

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { ContainerComponentProps, Molecule } from 'containers';
+export declare type FormStepContextProviderProps = PropsWithChildren<Partial<{
+    initItems: (ContainerComponentProps | Molecule)[];
+}>>;
+export declare const OrganismContextProvider: ({ initItems, children, }: FormStepContextProviderProps) => JSX.Element;

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

@@ -0,0 +1,3 @@
+import { ContainerComponentProps, Molecule } from 'containers';
+export declare type GroupedMoleculesByStep = Map<string, Molecule[]>;
+export declare const groupMoleculesByFormStep: (items: (ContainerComponentProps | Molecule)[]) => GroupedMoleculesByStep;

package/dist/esm/src/contexts/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export { useFormStepContext } from './useFormStepContext';
+export { useButtonActionsContext } from './useButtonActionsContext';
+export { useMlrRichTextViewerContext } from './useMlrRichTextViewerContext';
+export { useOrganismContext } from './useOrganismContext';

package/dist/esm/src/contexts/hooks/useFormStepContext.d.ts

@@ -0,0 +1 @@
+export declare const useFormStepContext: () => import("contexts/FormStepContext/FormStepContext").FormStepContextType;

package/dist/esm/src/contexts/hooks/useOrganismContext.d.ts

@@ -0,0 +1 @@
+export declare const useOrganismContext: () => import("contexts/OrganismContext/OrganismContext").OrganismContextType;

package/dist/esm/src/organisms/FeedContent/styles.d.ts

@@ -15,5 +15,5 @@ export declare const CloseButton: import("styled-components").StyledComponent<"d
     disabled?: boolean | undefined;
 } & {
     children?: import("react").ReactNode;
-} & Pick<FeedContentProps, "withCloseIcon" | "feedContentTemplate">, never>;
+} & Pick<FeedContentProps, "feedContentTemplate" | "withCloseIcon">, never>;
 export declare const PdfWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<FeedContentProps, "showDefaultDocumentStyles">, never>;

package/dist/index.d.ts

@@ -37,13 +37,14 @@ import { LoginFields as LoginFields$1 } from 'organisms/LoginForm/types';
 import { AnnotationsList as AnnotationsList$1 } from 'contexts/MlrRichTextViewerContext/types';
 import * as contexts_MlrRichTextViewerContext_MlrRichTextViewerContext from 'contexts/MlrRichTextViewerContext/MlrRichTextViewerContext';
 import * as contexts_ButtonActionsContext_ButtonActionsContext from 'contexts/ButtonActionsContext/ButtonActionsContext';
-import { ContainerComponentProps as ContainerComponentProps$1, ConditionConfig as ConditionConfig$1, ContainerProps as ContainerProps$1, Molecule as Molecule$1 } from 'containers';
+import * as containers from 'containers';
+import { ContainerComponentProps as ContainerComponentProps$1, ConditionConfig as ConditionConfig$1, Molecule as Molecule$1 } from 'containers';
 export * from 'helpers/constants';
 import { CheckboxInternalConfigProps as CheckboxInternalConfigProps$1 } from 'atoms/Checkbox/types';
 import { CustomDescendant } from 'atoms/RichTextViewer/types';
 import { ConsentCaptureProps } from 'molecules/Consent/ConsentCapture';
 import * as containers_types_types from 'containers/types/types';
-import { ContainerProps as ContainerProps$2 } from 'containers/types/types';
+import { ContainerProps as ContainerProps$1 } from 'containers/types/types';
 
 declare type TouchableOpacityProps = PropsWithChildren<{
     activeOpacity?: number;
@@ -1417,8 +1418,44 @@ declare type Consent = {
 };
 declare const Consent: <T extends string>({ text, consentCaptureProps, containerStyles, clearStyles, }: ConsentProps<T>) => JSX.Element;
 
-declare const Container: ({ children, wide, compact, type, props }: ContainerProps$1) => JSX.Element;
-declare const ContainerComponent: ({ type, items, config, tabsProps }: ContainerComponentProps$1) => JSX.Element | null;
+declare const Container: ({ children, wide, compact, type, props, id, }: Partial<{
+    type: containers.ContainerType;
+    wide: Partial<{
+        containerStyle: styled_components.CSSProperties;
+        containerProps: Partial<{
+            position: containers.ContainerPositionType;
+            scrollBehaviour: containers.ContainerScrollBehaviourType;
+            cornerRadius: number;
+            styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+            formProps: containers.FormContainerProps;
+            formStepProps: containers.FormStepContainerProps;
+        }>;
+    }>;
+    compact: Partial<{
+        containerStyle: styled_components.CSSProperties;
+        containerProps: Partial<{
+            position: containers.ContainerPositionType;
+            scrollBehaviour: containers.ContainerScrollBehaviourType;
+            cornerRadius: number;
+            styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+            formProps: containers.FormContainerProps;
+            formStepProps: containers.FormStepContainerProps;
+        }>;
+    }>;
+    props: Partial<{
+        position: containers.ContainerPositionType;
+        scrollBehaviour: containers.ContainerScrollBehaviourType;
+        cornerRadius: number;
+        styles: styled_components.FlattenInterpolation<styled_components.ThemedStyledProps<object, styled_components.DefaultTheme>>;
+        formProps: containers.FormContainerProps;
+        formStepProps: containers.FormStepContainerProps;
+    }>;
+}> & {
+    children?: React$1.ReactNode;
+} & {
+    id: string;
+}) => JSX.Element;
+declare const ContainerComponent: ({ type, items, config, tabsProps, id, }: ContainerComponentProps$1) => JSX.Element | null;
 
 declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
 declare type DownloadFile = {
@@ -1696,7 +1733,7 @@ declare type ConditionConfig = Nullable<{
     criteriaList: ConditionCriteria[];
 }>;
 
-declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Pick<ContainerProps$2, "type"> & {
+declare const ContainerWrapper: styled_components.StyledComponent<"div", styled_components.DefaultTheme, Pick<ContainerProps$1, "type"> & {
     containerProps?: Partial<{
         position: containers_types_types.ContainerPositionType;
         scrollBehaviour: containers_types_types.ContainerScrollBehaviourType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zealicsolutions/web-ui",
-  "version": "0.3.19",
+  "version": "0.3.20",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/Zealic_Solutions/zeal-ui-web.git"