@digital-ai/dot-components 2.8.1 → 2.9.0

package/lib/components/avatar/Avatar.stories.d.ts

@@ -1,7 +1,8 @@
-import { Story, ComponentMeta } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { AvatarProps } from './Avatar';
-declare const _default: ComponentMeta<({ alt, ariaLabel, ariaRole, className, component, color, "data-testid": dataTestId, iconId, imageSrc, onClick, size, tabIndex, text, type, tooltip, variant, style, }: AvatarProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ alt, ariaLabel, ariaRole, className, component, color, "data-testid": dataTestId, iconId, imageSrc, onClick, number, size, tabIndex, text, type, tooltip, variant, style, }: AvatarProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<AvatarProps>;
-export declare const AvatarButton: Story<AvatarProps>;
-export declare const WithTooltip: Story<AvatarProps>;
+export declare const Default: any;
+export declare const AvatarButton: any;
+export declare const WithNumber: any;
+export declare const WithTooltip: any;

package/lib/components/badge/Badge.stories.d.ts

@@ -1,8 +1,8 @@
-import { Story, ComponentMeta } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { BadgeProps } from './Badge';
 declare const _default: ComponentMeta<({ ariaLabel, badgeColor, badgeContent, children, className, "data-testid": dataTestId, invisible, max, overlap, variant, }: BadgeProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<BadgeProps>;
-export declare const WithNotification: Story<BadgeProps>;
-export declare const WithNotificationNumber: Story<BadgeProps>;
-export declare const WithMaxNumber: Story<BadgeProps>;
+export declare const Default: any;
+export declare const WithNotification: any;
+export declare const WithNotificationNumber: any;
+export declare const WithMaxNumber: any;

package/lib/components/checkbox/Checkbox.stories.d.ts

@@ -1,9 +1,9 @@
-import { ComponentMeta, Story } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { CheckboxProps, DotCheckbox } from './Checkbox';
 declare const _default: ComponentMeta<typeof DotCheckbox>;
 export default _default;
-export declare const Default: Story<CheckboxProps>;
-export declare const WithSmallSize: Story<CheckboxProps>;
-export declare const WithStartLabelPlacement: Story<CheckboxProps>;
-export declare const WithBottomLabelPlacement: Story<CheckboxProps>;
-export declare const WithIndeterminateOption: Story<CheckboxProps>;
+export declare const Default: any;
+export declare const WithSmallSize: any;
+export declare const WithStartLabelPlacement: any;
+export declare const WithBottomLabelPlacement: any;
+export declare const WithIndeterminateOption: (args: CheckboxProps) => JSX.Element;

package/lib/components/checkbox/CheckboxGroup.stories.d.ts

@@ -1,6 +1,6 @@
-import { Story, ComponentMeta } from '@storybook/react';
-import { DotCheckboxGroup, CheckboxGroupProps } from './CheckboxGroup';
+import { ComponentMeta } from '@storybook/react';
+import { DotCheckboxGroup } from './CheckboxGroup';
 declare const _default: ComponentMeta<typeof DotCheckboxGroup>;
 export default _default;
-export declare const Default: Story<CheckboxGroupProps>;
+export declare const Default: any;
 export declare const WithHelperText: any;

package/lib/components/chip/Chip.stories.d.ts

@@ -1,8 +1,8 @@
-import { Story, ComponentMeta } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { ChipProps } from './Chip';
 declare const _default: ComponentMeta<({ ariaLabel, avatar, charactersLimit, children, className, "data-testid": dataTestId, disabled, error, isClickable, isDeletable, onClick, onDelete, size, startIcon, }: ChipProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<ChipProps>;
-export declare const ChipWithAvatar: Story<ChipProps>;
-export declare const ChipWithIcon: Story<ChipProps>;
-export declare const ChipWithLongText: Story<ChipProps>;
+export declare const Default: any;
+export declare const ChipWithAvatar: any;
+export declare const ChipWithIcon: any;
+export declare const ChipWithLongText: any;

package/lib/components/dynamic-form/models.d.ts

@@ -61,7 +61,7 @@ export interface DynamicFormValidation {
     minLength?: Length;
 }
 export interface DynamicFormStateItem {
-    errorMessage: string;
+    errorMessage: string | null;
     hidden?: ControlCondition;
     isTouched: boolean;
     isValid: boolean;
@@ -76,7 +76,6 @@ export interface DynamicFormStateData {
 }
 export interface FormStateUpdateArgs {
     controlName: string;
-    formConfig: DynamicFormConfig;
     newValue: unknown;
     validate?: boolean;
 }

package/lib/components/dynamic-form/sample.spec.data.d.ts

@@ -0,0 +1,22 @@
+import { DynamicFormState } from './models';
+export declare const sampleFormTestData: {
+    customUserType: string;
+    firstName: string;
+    isAccountActive: boolean;
+    lastName: string;
+    gender: string;
+    hasVehicle: string;
+    interests: {
+        title: string;
+    }[];
+    password: string;
+    receive: {
+        label: string;
+        value: string;
+    }[];
+    terms: boolean;
+    userType: string;
+    username: string;
+    vehicleModel: string;
+};
+export declare const getSampleFormState: () => DynamicFormState;

package/lib/components/dynamic-form/utils/formHelpers.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent } from 'react';
 import { ControlClickHandler, DynamicFormConfig, DynamicFormControl, DynamicFormControlProps, DynamicFormOutputData, DynamicFormState, DynamicFormStateData, DynamicFormStateItem } from '../models';
-import { AutoCompleteValue } from '../../auto-complete/AutoComplete';
+import { AutoCompleteValue } from '../../auto-complete/';
 import { CheckboxProps } from '../../checkbox/Checkbox';
 declare type AutoCompleteChangeHandler = (controlName: string) => (e: ChangeEvent<HTMLInputElement>, value: AutoCompleteValue) => void;
 declare type ChangeHandler = (controlName: string) => (e: ChangeEvent<HTMLInputElement>) => void;

package/lib/components/file-upload/FileUpload.stories.d.ts

@@ -1,8 +1,8 @@
-import { ComponentMeta, Story } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { FileUploadProps } from './';
 declare const _default: ComponentMeta<({ accept, ariaLabel, ariaRole, buttonOnly, className, "data-testid": dataTestId, disabled, hideFilesList, maxFiles, maxSize, onChange, onDragEnter, onFileClick, }: FileUploadProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<FileUploadProps>;
-export declare const WithSingleFileLimit: Story<FileUploadProps>;
-export declare const WithCustomFileUploadList: Story<FileUploadProps>;
-export declare const WithUploadErrors: Story<FileUploadProps>;
+export declare const Default: any;
+export declare const WithSingleFileLimit: any;
+export declare const WithCustomFileUploadList: (args: FileUploadProps) => JSX.Element;
+export declare const WithUploadErrors: (args: FileUploadProps) => JSX.Element;

package/lib/components/inline-edit/InlineEdit.stories.d.ts

@@ -1,16 +1,15 @@
-import { ComponentMeta, Story } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { InlineEditProps } from './InlineEdit';
 declare const _default: ComponentMeta<({ ariaLabel, ariaRole, bindings, charactersLimit, className, "data-testid": dataTestId, fullWidth, hideActionButtons, name, onChange, onEditStateChange, readOnly, selectTextOnEdit, startEditable, tabIndex, tooltip, typography, value, }: InlineEditProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<InlineEditProps>;
+export declare const Default: any;
 export declare const WithCharactersLimit: any;
 export declare const WithMultipleLines: any;
 export declare const WithReadOnlyMode: any;
 export declare const WithoutActionButtons: any;
 export declare const WithTooltip: any;
-export declare const WithSaveError: Story<InlineEditProps>;
-export declare const WithCustomTypography: Story<InlineEditProps>;
+export declare const WithSaveError: (args: InlineEditProps) => JSX.Element;
 export declare const WithStartEditable: any;
 export declare const WithSingleBinding: any;
-export declare const WithMultipleBindings: Story<InlineEditProps>;
+export declare const WithMultipleBindings: (args: InlineEditProps) => JSX.Element;
 export declare const WithSelectOnEdit: any;

package/lib/components/linear-progress/LinearProgress.stories.d.ts

@@ -1,8 +1,8 @@
-import { ComponentMeta, Story } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { LinearProgressProps } from './LinearProgress';
 declare const _default: ComponentMeta<({ ariaLabel, color, className, "data-testid": dataTestId, value, valueBuffer, variant, }: LinearProgressProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<LinearProgressProps>;
+export declare const Default: any;
 export declare const WithDeterminateVariant: any;
 export declare const WithBufferVariant: any;
 export declare const WithQueryVariant: any;

package/lib/components/list/List.stories.d.ts

@@ -1,6 +1,6 @@
-import { Story, ComponentMeta } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { ListProps } from './utils/models';
 declare const _default: ComponentMeta<({ ariaLabel, ariaRole, children, className, component, "data-testid": dataTestId, dense, disablePadding, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, width, }: ListProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<ListProps>;
-export declare const WithoutIcons: Story<ListProps>;
+export declare const Default: any;
+export declare const WithoutIcons: any;

package/lib/components/progress/Progress.stories.d.ts

@@ -1,8 +1,8 @@
-import { ComponentMeta, Story } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { ProgressProps } from './Progress';
 declare const _default: ComponentMeta<({ ariaLabel, color, className, "data-testid": dataTestId, size, thickness, tooltip, value, variant, }: ProgressProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<ProgressProps>;
+export declare const Default: any;
 export declare const WithPrimaryColor: any;
 export declare const WithCustomSizeAndThickness: any;
 export declare const WithDeterminateVariant: any;

package/lib/components/progress-button/ProgressButton.d.ts

@@ -5,4 +5,4 @@ export interface ProgressButtonProps extends ButtonProps {
     /** Is spinner displayed */
     isLoading?: boolean;
 }
-export declare const DotProgressButton: ({ ariaLabel, children, className, "data-testid": dataTestId, disabled, disableRipple, fullWidth, isLoading, isSubmit, onClick, size, tooltip, type, }: ProgressButtonProps) => JSX.Element;
+export declare const DotProgressButton: ({ ariaLabel, children, className, "data-testid": dataTestId, disabled, disableRipple, fullWidth, isLoading, isSubmit, onClick, size, startIcon, tooltip, type, }: ProgressButtonProps) => JSX.Element;

package/lib/components/progress-button/ProgressButton.stories.d.ts

@@ -1,5 +1,5 @@
 import { ComponentMeta, Story } from '@storybook/react';
 import { ProgressButtonProps } from './ProgressButton';
-declare const _default: ComponentMeta<({ ariaLabel, children, className, "data-testid": dataTestId, disabled, disableRipple, fullWidth, isLoading, isSubmit, onClick, size, tooltip, type, }: ProgressButtonProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ ariaLabel, children, className, "data-testid": dataTestId, disabled, disableRipple, fullWidth, isLoading, isSubmit, onClick, size, startIcon, tooltip, type, }: ProgressButtonProps) => JSX.Element>;
 export default _default;
 export declare const Default: Story<ProgressButtonProps>;

package/lib/components/radio/RadioGroup.stories.d.ts

@@ -1,7 +1,7 @@
-import { Story, ComponentMeta } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { RadioGroupProps } from './RadioGroup';
 declare const _default: ComponentMeta<({ ariaLabel, ariaRole, className, "data-testid": dataTestId, defaultValue, disableGroup, endIcon, error, helperText, groupLabel, name, labelPlacement, onChange, value, options, startIcon, required, row, size, }: RadioGroupProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<RadioGroupProps>;
+export declare const Default: any;
 export declare const WithHelperText: any;
 export declare const WithRowAndHelperText: any;

package/lib/components/snackbar/Snackbar.stories.d.ts

@@ -1,6 +1,6 @@
-import { Story, ComponentMeta } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { SnackbarProps } from './';
 declare const _default: ComponentMeta<({ action, anchorOrigin, ariaLabel, children, className, "data-testid": dataTestId, onClose, open, severity, width, }: SnackbarProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<SnackbarProps>;
-export declare const WithBottomCenterAnchor: Story<SnackbarProps>;
+export declare const Default: any;
+export declare const WithBottomCenterAnchor: any;

package/lib/components/split-button/SplitButton.stories.d.ts

@@ -1,9 +1,9 @@
-import { Story, ComponentMeta } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { SplitButtonProps } from './SplitButton';
 declare const _default: ComponentMeta<({ autoFocus, ariaLabel, className, "data-testid": dataTestId, defaultMainOptionKey, disabled, disablePortal, disableRipple, fullWidth, isSubmit, onOptionClick, options, size, tooltip, type, }: SplitButtonProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<SplitButtonProps>;
-export declare const WithSelectedKey: Story<SplitButtonProps>;
-export declare const WithMainOptionDisabled: Story<SplitButtonProps>;
-export declare const WithMenuOptionDisabled: Story<SplitButtonProps>;
-export declare const WithMenuButtonDisabled: Story<SplitButtonProps>;
+export declare const Default: any;
+export declare const WithSelectedKey: any;
+export declare const WithMainOptionDisabled: any;
+export declare const WithMenuOptionDisabled: any;
+export declare const WithMenuButtonDisabled: any;

package/lib/components/stepper/Stepper.d.ts

@@ -34,6 +34,8 @@ export interface StepProps extends CommonProps {
 export interface StepperProps extends CommonProps {
     /** determines the `id` of the step which is active */
     activeStep?: number;
+    /** if set to `true`, clicking on a step is only allowed if the previous step is completed  **/
+    disableUncompletedStepNav: boolean;
     /** final content displayed after the last step is completed */
     finalContent?: ReactNode;
     /** initial content displayed before any step is active, ie when `activeStep` is 0 */
@@ -57,4 +59,4 @@ export interface StepperProps extends CommonProps {
     /** if passed, will overwrite the default "submit" button text */
     submitButtonText?: string;
 }
-export declare const DotStepper: ({ activeStep, ariaLabel, className, "data-testid": dataTestId, finalContent, initialContent, nextButtonText, nextStepDisabled, onBack, onCancel, onSubmit, orientation, steps, stepsPosition, submitButtonText, }: StepperProps) => JSX.Element;
+export declare const DotStepper: ({ activeStep, ariaLabel, className, "data-testid": dataTestId, finalContent, initialContent, nextButtonText, nextStepDisabled, onBack, onCancel, onSubmit, orientation, disableUncompletedStepNav, steps, stepsPosition, submitButtonText, }: StepperProps) => JSX.Element;

package/lib/components/stepper/Stepper.stories.d.ts

@@ -1,10 +1,10 @@
-import { ComponentMeta, Story } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { StepperProps } from './Stepper';
-declare const _default: ComponentMeta<({ activeStep, ariaLabel, className, "data-testid": dataTestId, finalContent, initialContent, nextButtonText, nextStepDisabled, onBack, onCancel, onSubmit, orientation, steps, stepsPosition, submitButtonText, }: StepperProps) => JSX.Element>;
+declare const _default: ComponentMeta<({ activeStep, ariaLabel, className, "data-testid": dataTestId, finalContent, initialContent, nextButtonText, nextStepDisabled, onBack, onCancel, onSubmit, orientation, disableUncompletedStepNav, steps, stepsPosition, submitButtonText, }: StepperProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<StepperProps>;
-export declare const WithStepDescription: Story<StepperProps>;
-export declare const WithHorizontalOrientation: Story<StepperProps>;
-export declare const WithErrorStep: Story<StepperProps>;
-export declare const WithInitialAndFinalContent: Story<StepperProps>;
-export declare const WithStepperListOnRightSide: Story<StepperProps>;
+export declare const Default: any;
+export declare const WithStepDescription: any;
+export declare const WithHorizontalOrientation: any;
+export declare const WithErrorStep: any;
+export declare const WithInitialAndFinalContent: any;
+export declare const WithStepperListOnRightSide: any;

package/lib/components/stepper/Stepper.stories.data.d.ts

@@ -23,6 +23,12 @@ export declare const demoSteps: ({
     halfWidthContent?: undefined;
     inProgress?: undefined;
 })[];
+export declare const demoStepsUncompleted: {
+    content: string;
+    completed: boolean;
+    id: number;
+    label: string;
+}[];
 export declare const withErrorStep: ({
     content: string;
     completed: boolean;

package/lib/components/switch/Switch.stories.d.ts

@@ -1,12 +1,12 @@
-import { Story, ComponentMeta } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { SwitchProps } from './';
 declare const _default: ComponentMeta<({ ariaLabel, checked, className, color, "data-testid": dataTestId, disabled, id, inputRef, label, labelPlacement, onChange, size, }: SwitchProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<SwitchProps>;
-export declare const WithSecondaryColor: Story<SwitchProps>;
-export declare const WithDisabledState: Story<SwitchProps>;
-export declare const WithSmallSize: Story<SwitchProps>;
-export declare const WithStartLabelPlacement: Story<SwitchProps>;
-export declare const WithBottomLabelPlacement: Story<SwitchProps>;
-export declare const WithTopLabelPlacement: Story<SwitchProps>;
-export declare const WithoutLabel: Story<SwitchProps>;
+export declare const Default: any;
+export declare const WithSecondaryColor: any;
+export declare const WithSmallSize: any;
+export declare const WithDisabledState: any;
+export declare const WithStartLabelPlacement: any;
+export declare const WithBottomLabelPlacement: any;
+export declare const WithTopLabelPlacement: any;
+export declare const WithoutLabel: any;

package/lib/components/truncate-with-tooltip/TruncateWithTooltip.stories.d.ts

@@ -1,8 +1,8 @@
-import { ComponentMeta, Story } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { TruncateWithTooltipProps } from './';
 declare const _default: ComponentMeta<({ ariaLabel, charactersLimit, className, "data-testid": dataTestId, label, width, }: TruncateWithTooltipProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<TruncateWithTooltipProps>;
-export declare const WithAutoTruncate: Story<TruncateWithTooltipProps>;
-export declare const WithWidthAsNumber: Story<TruncateWithTooltipProps>;
-export declare const WithWidthAsString: Story<TruncateWithTooltipProps>;
+export declare const Default: any;
+export declare const WithAutoTruncate: any;
+export declare const WithWidthAsNumber: any;
+export declare const WithWidthAsString: any;

package/lib/components/typography/Typography.stories.d.ts

@@ -1,7 +1,7 @@
-import { Story, ComponentMeta } from '@storybook/react';
+import { ComponentMeta } from '@storybook/react';
 import { TypographyProps } from './Typography';
 declare const _default: ComponentMeta<({ ariaLabel, ariaLevel, ariaRole, className, "data-testid": dataTestId, children, component, noMarginBottom, noWrap, variant, }: TypographyProps) => JSX.Element>;
 export default _default;
-export declare const Default: Story<TypographyProps>;
-export declare const WithVariants: Story<TypographyProps>;
-export declare const WithWrappingOptions: Story<TypographyProps>;
+export declare const Default: any;
+export declare const WithVariants: (args: TypographyProps) => JSX.Element;
+export declare const WithWrappingOptions: (args: TypographyProps) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "2.8.1",
+  "version": "2.9.0",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [

package/lib/components/dynamic-form/sample.d.ts

@@ -1,2 +0,0 @@
-import { DynamicFormState } from './models';
-export declare const getSampleFormState: () => DynamicFormState;