@zealicsolutions/web-ui 0.3.35 → 0.3.36

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

@@ -2,12 +2,14 @@
 import { ContainerComponentProps, ContainerProps } from 'containers';
 export declare const Container: ({ children, wide, compact, type, props, id, }: Partial<{
     type: import("containers").ContainerType;
+    containerTemplateType: "row_content_container";
     wide: Partial<{
         containerStyle: import("styled-components").CSSProperties;
         containerProps: Partial<{
             position: import("containers").ContainerPositionType;
             scrollBehaviour: import("containers").ContainerScrollBehaviourType;
             cornerRadius: number;
+            gap: import("theme").SizesTypes;
             styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
             formProps: import("containers").FormContainerProps;
             formStepProps: import("containers").FormStepContainerProps;
@@ -19,6 +21,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, }:
             position: import("containers").ContainerPositionType;
             scrollBehaviour: import("containers").ContainerScrollBehaviourType;
             cornerRadius: number;
+            gap: import("theme").SizesTypes;
             styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
             formProps: import("containers").FormContainerProps;
             formStepProps: import("containers").FormStepContainerProps;
@@ -28,6 +31,7 @@ export declare const Container: ({ children, wide, compact, type, props, id, }:
         position: import("containers").ContainerPositionType;
         scrollBehaviour: import("containers").ContainerScrollBehaviourType;
         cornerRadius: number;
+        gap: import("theme").SizesTypes;
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         formProps: import("containers").FormContainerProps;
         formStepProps: import("containers").FormStepContainerProps;
@@ -37,4 +41,4 @@ export declare const Container: ({ children, wide, compact, type, props, id, }:
 } & {
     id: string;
 }) => JSX.Element;
-export declare const ContainerComponent: ({ type, items, config, tabsProps, id, }: ContainerComponentProps) => JSX.Element | null;
+export declare const ContainerComponent: (props: ContainerComponentProps) => JSX.Element | null;

package/dist/cjs/src/containers/DynamicContentContainer.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Molecule } from 'containers/types/moleculeTypes';
+import { ContainerComponentProps } from 'containers/types/types';
+declare type DynamicContentContainerProps = {
+    container: ContainerComponentProps;
+    dynamicOrganisms?: (ContainerComponentProps | Molecule)[];
+};
+export declare const DynamicContentContainer: ({ dynamicOrganisms, container, }: DynamicContentContainerProps) => JSX.Element | null;
+export {};

package/dist/cjs/src/containers/OrganismItem.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
 import { ContainerComponentProps, Molecule } from 'containers';
 import { TabGroupProps } from 'molecules';
-export declare const OrganismItem: ({ item, tabsProps, }: {
+export declare type OrganismItemProps = {
     item: ContainerComponentProps | Molecule;
-    tabsProps?: Pick<TabGroupProps<string, string>, "tabs" | "activeTabKey" | "onTabChange"> | undefined;
-}) => JSX.Element | null;
+    tabsProps?: Pick<TabGroupProps, 'tabs' | 'activeTabKey' | 'onTabChange'>;
+    dynamicOrganisms?: (ContainerComponentProps | Molecule)[];
+};
+export declare const OrganismItem: ({ item, tabsProps, dynamicOrganisms }: OrganismItemProps) => JSX.Element | null;

package/dist/cjs/src/containers/index.d.ts

@@ -3,3 +3,4 @@ export * from './types/types';
 export * from './types/moleculeTypes';
 export * from './styles';
 export * from './OrganismItem';
+export * from './DynamicContentContainer';

package/dist/cjs/src/containers/mock-data.d.ts

@@ -1,5 +1,7 @@
-import { ContainerComponentProps } from 'containers';
+import { ContainerComponentProps, Molecule } from 'containers';
 export declare const sliderContainerProps: ContainerComponentProps;
 export declare const formContainerProps: ContainerComponentProps;
+export declare const dynamicOrganisms: (ContainerComponentProps | Molecule)[];
+export declare const dynamicContainerMock: ContainerComponentProps;
 export declare const columnContainerProps: ContainerComponentProps;
 export declare const formBuilderData: ContainerComponentProps;

package/dist/cjs/src/containers/styles.d.ts

@@ -4,6 +4,7 @@ export declare const ContainerWrapper: import("styled-components").StyledCompone
         position: import("containers/types/types").ContainerPositionType;
         scrollBehaviour: import("containers/types/types").ContainerScrollBehaviourType;
         cornerRadius: number;
+        gap: import("..").SizesTypes;
         styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
         formProps: import("containers/types/types").FormContainerProps;
         formStepProps: import("containers/types/types").FormStepContainerProps;

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

@@ -1,10 +1,12 @@
 import { TabGroupProps } from 'molecules';
 import { PropsWithChildren } from 'react';
-import { CSSProperties } from 'styled-components';
 import { ValidationMode } from 'react-hook-form';
+import { CSSProperties } from 'styled-components';
+import { SizesTypes } from 'theme';
 import type { AnyObject, Nullable, StylesType } from 'typescript';
 import { Molecule } from './moleculeTypes';
-export declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step';
+export declare type ContainerType = 'row' | 'column' | 'slider' | 'form' | 'form_step' | 'dynamic';
+export declare type ContainerTemplateType = 'row_content_container';
 export declare type ContainerPositionType = 'fixed' | 'sticky' | 'static' | 'relative';
 export declare type ContainerScrollBehaviourType = 'vertical' | 'horizontal' | 'auto' | 'none';
 export declare type FormStepContainerProps = {
@@ -19,6 +21,7 @@ export declare type ContainerPropsType = Partial<{
     position: ContainerPositionType;
     scrollBehaviour: ContainerScrollBehaviourType;
     cornerRadius: number;
+    gap: SizesTypes;
     styles: StylesType;
     formProps: FormContainerProps;
     formStepProps: FormStepContainerProps;
@@ -29,6 +32,7 @@ export declare type AdditionalContainerProps = Partial<{
 }>;
 export declare type ContainerProps = PropsWithChildren<Partial<{
     type: ContainerType;
+    containerTemplateType: ContainerTemplateType;
     wide: AdditionalContainerProps;
     compact: AdditionalContainerProps;
     props: ContainerPropsType;
@@ -47,6 +51,7 @@ export declare type ContainerComponentProps = {
     metadata?: AnyObject;
     attributes?: AnyObject;
     containerLibraryId?: string;
+    dynamicOrganisms?: (ContainerComponentProps | Molecule)[];
 };
 export declare type CriteriaType = 'operator' | 'condition';
 export declare type ConditionCriteria = {