@zealicsolutions/web-ui 0.4.68 → 0.4.70

package/dist/cjs/src/atoms/Checkbox/Checkbox.d.ts

@@ -3,12 +3,12 @@ export declare type CheckboxProps = {
     id: string;
     onClick: (id: string) => void;
     label: string;
-} & Partial<{
-    isError: boolean;
-    disabled: boolean;
-    isEditMode: boolean;
-    isSelected: boolean;
-    isRichText: boolean;
-    internalConfig: CheckboxInternalConfigProps;
-}>;
-export declare const Checkbox: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, internalConfig, }: CheckboxProps) => JSX.Element;
+    isError?: boolean;
+    disabled?: boolean;
+    isEditMode?: boolean;
+    isSelected?: boolean;
+    isRichText?: boolean;
+    notInteractable?: boolean;
+    internalConfig?: CheckboxInternalConfigProps;
+};
+export declare const Checkbox: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, notInteractable, internalConfig, }: CheckboxProps) => JSX.Element;

package/dist/cjs/src/atoms/Checkbox/Checkbox.stories.d.ts

@@ -2,7 +2,7 @@ import type { ComponentStory } from '@storybook/react';
 import { Checkbox as CheckboxComponent } from './Checkbox';
 declare const _default: {
     title: string;
-    component: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, internalConfig, }: import("./Checkbox").CheckboxProps) => JSX.Element;
+    component: ({ id, onClick, label, isError, disabled, isEditMode, isSelected, isRichText, notInteractable, internalConfig, }: import("./Checkbox").CheckboxProps) => JSX.Element;
 };
 export default _default;
 export declare const Checkbox: ComponentStory<typeof CheckboxComponent>;

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

@@ -1,10 +1,12 @@
 import { LinkVariant, SelectOption } from 'atoms';
-import { AdditionalTabContainerProps, AvatarDropdownMenuConfigType, AvatarDropdownProps, ButtonProps, CheckboxFieldProps, ConsentType, ImageProps, InputFieldProps, LinkProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
+import { AdditionalTabContainerProps, AvatarDropdownMenuConfigType, AvatarDropdownProps, ButtonProps, CheckboxFieldProps, ChecklistItem, ConsentType, ImageProps, InputFieldProps, LinkProps, RadioButtonFieldProps, SelectFieldProps, TabGroupProps, TextMoleculeProps } from 'molecules';
 import { Dispatch, SetStateAction } from 'react';
 import { UseFormReturn } from 'react-hook-form';
 import type { AnyObject, Nullable, StrictUnion, StylesType } from 'typescript';
+import { SizesTypes } from 'theme';
+import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
+import { MaskConfig } from 'atoms/Input/helpers';
 import { ConditionConfig, ContainerComponentProps, MetadataType } from './types';
-import { MaskConfig } from '../../atoms/Input/helpers';
 export declare type ActionTypes = 'link' | 'popup' | 'drawer' | 'download' | 'submit' | 'reset' | 'destroy';
 export declare type DataModelFieldFormatCodeTypes = 'date' | 'email' | 'string' | 'integer' | 'boolean' | 'numeric' | 'zip_code' | 'phone_number';
 export declare type DataModelFieldFormatValueTypes = 'any' | 'text' | 'email' | 'integer' | 'numerical' | 'us_zip_code' | 'phone_number' | 'month_year_date' | 'day_month_year_date' | 'month_day_year_date' | 'year_month_day_date';
@@ -126,7 +128,13 @@ export interface ProcessStepsAttributes {
         steps: ProcessStep[];
     };
 }
-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 ChecklistAttributes {
+    checklist: {
+        attributeType: 'checklist';
+        items: ChecklistItem[];
+    };
+}
+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' | 'checklist';
 export interface BaseMolecule {
     id: string;
     type: MoleculeTypes;
@@ -311,7 +319,16 @@ export interface ProcessStepsMoleculeType extends BaseMolecule {
     organismMoleculeLibraryId: string;
     attributes: ProcessStepsAttributes;
 }
-export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule | AccountButtonMolecule | ProcessStepsMoleculeType> & Partial<{
+export interface ChecklistsMolecule extends BaseMolecule {
+    type: 'checklist';
+    config: {
+        props: {
+            gap: SizesTypes;
+        } & CheckboxInternalConfigProps;
+    };
+    attributes: ChecklistAttributes;
+}
+export declare type Molecule = StrictUnion<ImageMolecule | TextMoleculeType | ButtonMolecule | VideoMolecule | TabGroupMolecule | TextInputMolecule | SelectFieldMolecule | RadioButtonFieldMolecule | CheckboxFieldMolecule | ConsentFieldMolecule | LinkMolecule | PasswordSetupMolecule | AccountButtonMolecule | ProcessStepsMoleculeType | ChecklistsMolecule> & Partial<{
     form: UseFormReturn<any>;
     formData: AnyObject;
     setFormData: Dispatch<SetStateAction<AnyObject>>;

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

@@ -1,4 +1,4 @@
-import { ContainerComponentProps, Molecule } from 'containers';
+import { ContainerComponentProps, MetadataType, Molecule } from 'containers';
 import { InputFieldTypes } from 'fieldsConfiguration';
 import { PasswordRuleValidation } from 'molecules/PasswordSetup/PasswordSetup';
 import { Dispatch, SetStateAction } from 'react';
@@ -25,9 +25,7 @@ export declare type OrganismContextType = {
     editable?: boolean;
     isFormInEditMode?: boolean;
     isConfigurationMode?: boolean;
-    organismMetadata?: {
-        stateListenerId?: string;
-    } & AnyObject;
+    organismMetadata?: MetadataType;
     onConfigurationItemClicked: (itemInfo?: Omit<ConfigurationItem, 'organismId'>) => void;
     selectedConfigurationItemId?: string;
 };

package/dist/cjs/src/molecules/CheckboxField/CheckboxGroup.stories.d.ts

@@ -0,0 +1,32 @@
+import type { StoryFn } from '@storybook/react';
+import { CheckboxGroup as CheckboxGroupComponent } from 'molecules';
+declare const _default: {
+    title: string;
+    component: ({ ref, onBlur, onChange, checkboxesProps }: Partial<{
+        ref: import("react-hook-form").RefCallBack;
+        onBlur: import("../../typescript").Callback;
+        onChange: (checkedIds: string[]) => void;
+        checkboxesProps: Partial<{
+            checkboxGroupWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            checkboxFieldWrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+            onChange: (id: string) => void;
+            disabled: boolean;
+            options?: import("../..").SelectOption[] | undefined;
+            selectedIds?: string[] | undefined;
+            isError?: boolean | undefined;
+            isEditMode?: boolean | undefined;
+            isRichText: boolean;
+            internalConfig: Partial<{
+                selectedCheckboxBackgroundColor: string;
+                selectedCheckboxIconColor: string;
+                buttonPadding: number;
+                textPadding: number;
+                styles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+                wrapperStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<object, import("styled-components").DefaultTheme>>;
+                buttonOptionSpacing?: import("theme").SizesTypes | undefined;
+            }>;
+        }>;
+    }>) => JSX.Element;
+};
+export default _default;
+export declare const CheckboxGroup: StoryFn<typeof CheckboxGroupComponent>;

package/dist/cjs/src/molecules/Checklist/Checklist.d.ts

@@ -0,0 +1,23 @@
+import { SizesTypes } from 'theme';
+import { CheckboxInternalConfigProps } from 'atoms/Checkbox/types';
+import type { Nullable } from 'typescript';
+export declare type ChecklistItem = {
+    id: string;
+    isChecked: boolean;
+    eventId: Nullable<string>;
+    type: 'user_interactive' | 'system_controlled';
+    label: {
+        text: string;
+        isRichText: boolean;
+    };
+};
+export declare type ChecklistProps = {
+    items: ChecklistItem[];
+    props: {
+        gap: SizesTypes;
+    } & CheckboxInternalConfigProps;
+};
+export declare const Checklist: ({ items, props: { gap, ...checkboxProps }, }: ChecklistProps) => JSX.Element;
+export declare const ChecklistWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $gap: SizesTypes;
+}, never>;

package/dist/cjs/src/molecules/Checklist/Checklist.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryFn } from '@storybook/react';
+import { Checklist as ChecklistComponent } from 'molecules';
+declare const _default: {
+    title: string;
+    component: ({ items, props: { gap, ...checkboxProps }, }: import("molecules").ChecklistProps) => JSX.Element;
+};
+export default _default;
+export declare const Checklist: StoryFn<typeof ChecklistComponent>;

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

@@ -30,3 +30,4 @@ export * from './Button/Button';
 export * from './ZealUIModal/ZealUIModal';
 export * from './Consent/Consent';
 export * from './Link/Link';
+export * from './Checklist/Checklist';