npm - @zealicsolutions/web-ui - Versions diffs - 1.0.76 → 1.0.78 - Mend

@zealicsolutions/web-ui 1.0.76 → 1.0.78

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.

Files changed (108) hide show

package/dist/cjs/molecules/Checklist/Checklist.d.ts CHANGED Viewed

@@ -1,14 +1,15 @@
-import { FC } from 'react';
 import { ConfigurationItemInfo } from 'containers';
-export declare type ChecklistItem = {
+import { FC } from 'react';
+export declare type ChecklistItemType = {
     id: string;
+    type: 'checklist_item';
     label: string;
-    textColor: string;
-    fontSize: string;
-    fontFamily: string;
-    fontWeight: string;
-    textAlign: 'left' | 'center' | 'right' | 'justify';
-    interacted: 'checked' | 'unchecked';
+    textColor?: string;
+    fontSize?: string;
+    fontFamily?: string;
+    fontWeight?: string;
+    textAlign?: 'left' | 'center' | 'right' | 'justify';
+    interacted?: 'checked' | 'unchecked';
     disabled?: boolean;
     isSystemDriven?: boolean;
     iconName?: string;
@@ -16,12 +17,44 @@ export declare type ChecklistItem = {
     checkedIconName?: string;
     checkedIconColor?: string;
 };
+export declare type DividerItemType = {
+    id: string;
+    type: 'divider_item';
+    orientation?: 'horizontal' | 'vertical';
+    variant?: 'fullWidth' | 'inset' | 'middle';
+    color?: string;
+    thickness?: string;
+};
+export declare type TextItemType = {
+    id: string;
+    type: 'text_item';
+    text: string;
+    textColor?: string;
+    fontSize?: string;
+    fontFamily?: string;
+    fontWeight?: string;
+    textAlign?: 'left' | 'center' | 'right' | 'justify';
+};
+export declare type RichTextItemType = {
+    id: string;
+    type: 'rich_text_item';
+    text: string;
+    textColor?: string;
+    fontSize?: string;
+    fontFamily?: string;
+    fontWeight?: string;
+    textAlign?: 'left' | 'center' | 'right' | 'justify';
+};
+export declare type ChecklistItem = ChecklistItemType | DividerItemType | TextItemType | RichTextItemType;
 export declare type ChecklistProps = {
     gap?: string;
     moleculeId?: string;
     items: ChecklistItem[];
     iconSize?: 'small' | 'medium' | 'large';
     labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
     paddingTop?: string;
     paddingRight?: string;
     paddingBottom?: string;

package/dist/cjs/molecules/Checklist/Checklist.stories.d.ts CHANGED Viewed

@@ -1,8 +1,11 @@
-import React from 'react';
 import type { StoryFn } from '@storybook/react';
+import React from 'react';
 import { ChecklistProps } from './Checklist';
-export declare type Story = StoryFn<Omit<ChecklistProps, 'gap' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft'> & {
+export declare type Story = StoryFn<Omit<ChecklistProps, 'gap' | 'width' | 'minWidth' | 'maxWidth' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft'> & {
     gap: number | string;
+    width: number | string;
+    minWidth: number | string;
+    maxWidth: number | string;
     paddingTop: number | string;
     paddingRight: number | string;
     paddingBottom: number | string;
@@ -11,6 +14,9 @@ export declare type Story = StoryFn<Omit<ChecklistProps, 'gap' | 'paddingTop' |
     marginRight: number | string;
     marginBottom: number | string;
     marginLeft: number | string;
+    stateObject?: Record<string, {
+        interacted: 'checked' | 'unchecked';
+    }>;
 }>;
 declare const _default: {
     title: string;
@@ -19,6 +25,15 @@ declare const _default: {
         gap: {
             control: string;
         };
+        width: {
+            control: string;
+        };
+        minWidth: {
+            control: string;
+        };
+        maxWidth: {
+            control: string;
+        };
         iconSize: {
             options: string[];
             control: string;
@@ -51,11 +66,26 @@ declare const _default: {
         paddingLeft: {
             control: string;
         };
+        stateObject: {
+            control: string;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
     };
 };
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<ChecklistProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "gap"> & {
+export declare const UserInteractiveCheckboxes: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<ChecklistProps, "maxWidth" | "minWidth" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "gap"> & {
     gap: number | string;
+    width: number | string;
+    minWidth: number | string;
+    maxWidth: number | string;
     paddingTop: number | string;
     paddingRight: number | string;
     paddingBottom: number | string;
@@ -64,9 +94,15 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
     marginRight: number | string;
     marginBottom: number | string;
     marginLeft: number | string;
+    stateObject?: Record<string, {
+        interacted: 'checked' | 'unchecked';
+    }> | undefined;
 }>;
-export declare const HalfSystemDriven: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<ChecklistProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "gap"> & {
+export declare const SystemDrivenCheckboxes: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<ChecklistProps, "maxWidth" | "minWidth" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "gap"> & {
     gap: number | string;
+    width: number | string;
+    minWidth: number | string;
+    maxWidth: number | string;
     paddingTop: number | string;
     paddingRight: number | string;
     paddingBottom: number | string;
@@ -75,9 +111,15 @@ export declare const HalfSystemDriven: import("@storybook/types").AnnotatedStory
     marginRight: number | string;
     marginBottom: number | string;
     marginLeft: number | string;
+    stateObject?: Record<string, {
+        interacted: 'checked' | 'unchecked';
+    }> | undefined;
 }>;
-export declare const FullyCustom: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<ChecklistProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "gap"> & {
+export declare const MixedChecklistWithWidthConstraints: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<ChecklistProps, "maxWidth" | "minWidth" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "gap"> & {
     gap: number | string;
+    width: number | string;
+    minWidth: number | string;
+    maxWidth: number | string;
     paddingTop: number | string;
     paddingRight: number | string;
     paddingBottom: number | string;
@@ -86,9 +128,15 @@ export declare const FullyCustom: import("@storybook/types").AnnotatedStoryFn<im
     marginRight: number | string;
     marginBottom: number | string;
     marginLeft: number | string;
+    stateObject?: Record<string, {
+        interacted: 'checked' | 'unchecked';
+    }> | undefined;
 }>;
-export declare const VerticalLabelPlacement: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<ChecklistProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "gap"> & {
+export declare const WithCustomSpacing: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<ChecklistProps, "maxWidth" | "minWidth" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "gap"> & {
     gap: number | string;
+    width: number | string;
+    minWidth: number | string;
+    maxWidth: number | string;
     paddingTop: number | string;
     paddingRight: number | string;
     paddingBottom: number | string;
@@ -97,9 +145,15 @@ export declare const VerticalLabelPlacement: import("@storybook/types").Annotate
     marginRight: number | string;
     marginBottom: number | string;
     marginLeft: number | string;
+    stateObject?: Record<string, {
+        interacted: 'checked' | 'unchecked';
+    }> | undefined;
 }>;
-export declare const WithCustomSpacing: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<ChecklistProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "gap"> & {
+export declare const WithStateObjectValues: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<ChecklistProps, "maxWidth" | "minWidth" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "gap"> & {
     gap: number | string;
+    width: number | string;
+    minWidth: number | string;
+    maxWidth: number | string;
     paddingTop: number | string;
     paddingRight: number | string;
     paddingBottom: number | string;
@@ -108,4 +162,7 @@ export declare const WithCustomSpacing: import("@storybook/types").AnnotatedStor
     marginRight: number | string;
     marginBottom: number | string;
     marginLeft: number | string;
+    stateObject?: Record<string, {
+        interacted: 'checked' | 'unchecked';
+    }> | undefined;
 }>;

package/dist/cjs/molecules/DatePicker/DatePicker.stories.d.ts CHANGED Viewed

@@ -10,3 +10,4 @@ export declare const DisplayOnly: import("@storybook/types").AnnotatedStoryFn<im
 export declare const CustomFormat: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, DatePickerMoleculeProps & {
     sourceDataModelFieldValue?: string | undefined;
 }>;
+export declare const BugDemo: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;

package/dist/cjs/molecules/Stepper/Stepper.stories.d.ts CHANGED Viewed

@@ -85,7 +85,7 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<StepperProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "borderRadius" | "gap" | "lineWidth" | "iconSize" | "iconBorderRadius" | "stepGap" | "lineRadius"> & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<StepperProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "borderRadius" | "gap" | "iconSize" | "stepGap" | "lineWidth" | "lineRadius" | "iconBorderRadius"> & {
     gap: number | string;
     stepGap: number | string;
     iconSize: number | string;
@@ -102,7 +102,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
     marginLeft: number | string;
     borderRadius: number | string;
 }>;
-export declare const Horizontal: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<StepperProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "borderRadius" | "gap" | "lineWidth" | "iconSize" | "iconBorderRadius" | "stepGap" | "lineRadius"> & {
+export declare const Horizontal: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<StepperProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "borderRadius" | "gap" | "iconSize" | "stepGap" | "lineWidth" | "lineRadius" | "iconBorderRadius"> & {
     gap: number | string;
     stepGap: number | string;
     iconSize: number | string;
@@ -119,7 +119,7 @@ export declare const Horizontal: import("@storybook/types").AnnotatedStoryFn<imp
     marginLeft: number | string;
     borderRadius: number | string;
 }>;
-export declare const WithCustomGap: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<StepperProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "borderRadius" | "gap" | "lineWidth" | "iconSize" | "iconBorderRadius" | "stepGap" | "lineRadius"> & {
+export declare const WithCustomGap: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<StepperProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "borderRadius" | "gap" | "iconSize" | "stepGap" | "lineWidth" | "lineRadius" | "iconBorderRadius"> & {
     gap: number | string;
     stepGap: number | string;
     iconSize: number | string;
@@ -136,7 +136,7 @@ export declare const WithCustomGap: import("@storybook/types").AnnotatedStoryFn<
     marginLeft: number | string;
     borderRadius: number | string;
 }>;
-export declare const MobileView: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<StepperProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "borderRadius" | "gap" | "lineWidth" | "iconSize" | "iconBorderRadius" | "stepGap" | "lineRadius"> & {
+export declare const MobileView: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<StepperProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "borderRadius" | "gap" | "iconSize" | "stepGap" | "lineWidth" | "lineRadius" | "iconBorderRadius"> & {
     gap: number | string;
     stepGap: number | string;
     iconSize: number | string;
@@ -153,7 +153,7 @@ export declare const MobileView: import("@storybook/types").AnnotatedStoryFn<imp
     marginLeft: number | string;
     borderRadius: number | string;
 }>;
-export declare const WithMarginAndPadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<StepperProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "borderRadius" | "gap" | "lineWidth" | "iconSize" | "iconBorderRadius" | "stepGap" | "lineRadius"> & {
+export declare const WithMarginAndPadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Omit<StepperProps, "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "borderRadius" | "gap" | "iconSize" | "stepGap" | "lineWidth" | "lineRadius" | "iconBorderRadius"> & {
     gap: number | string;
     stepGap: number | string;
     iconSize: number | string;