@digital-ai/dot-components 2.5.0 → 2.5.1

package/CHANGE_LOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## [2.5.1](https://www.npmjs.com/package/@digital-ai/dot-components) (03/14/2023)
+
+[Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/2.5.0...2.5.1)
+
+**Misc:**
+
+- Add jwt-decode to dot-components dependency tree [\#1407](https://github.com/digital-ai/dot-components/pull/1407) ([CWSites](https://github.com/CWSites))
+- Address Storybook lint issues [\#1406](https://github.com/digital-ai/dot-components/pull/1406) ([CWSites](https://github.com/CWSites))
+
 ## [2.5.0](https://www.npmjs.com/package/@digital-ai/dot-components) (03/10/2023)
 
 [Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/1.21.9...2.5.0)
@@ -298,7 +307,6 @@
 - S-86128: `DotAutocomplete`:  Support error/warning icons with the tooltip [\#1237](https://github.com/digital-ai/dot-components/pull/1237) ([dmiletic85](https://github.com/dmiletic85))
 - S-86683: `DotAutocomplete`: expose `onBlur` [\#1236](https://github.com/digital-ai/dot-components/pull/1236) ([dmiletic85](https://github.com/dmiletic85))
 - S-86581: `DotAutocomplete` should allow to pass `readOnly` property into the inner `TextField` [\#1235](https://github.com/digital-ai/dot-components/pull/1235) ([dmiletic85](https://github.com/dmiletic85))
-- S-85811: `NavigationRail` Allow badges [\#1215](https://github.com/digital-ai/dot-components/pull/1215) ([dmiletic85](https://github.com/dmiletic85))
 
 **Fixed bugs:**
 
@@ -320,6 +328,7 @@
 - S-84069: expose shrink prop to input fields [\#1223](https://github.com/digital-ai/dot-components/pull/1223) ([CWSites](https://github.com/CWSites))
 - Issue \#1210: add prop for noMargin to typography [\#1222](https://github.com/digital-ai/dot-components/pull/1222) ([CWSites](https://github.com/CWSites))
 - S-83952: persistent label for text field and select field [\#1219](https://github.com/digital-ai/dot-components/pull/1219) ([CWSites](https://github.com/CWSites))
+- S-85811: `NavigationRail` Allow badges [\#1215](https://github.com/digital-ai/dot-components/pull/1215) ([dmiletic85](https://github.com/dmiletic85))
 
 **Fixed bugs:**
 
@@ -698,10 +707,6 @@
 
 [Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/1.5.4...1.6.0)
 
-**Features:**
-
-- S-77210: Component - Drawer [\#893](https://github.com/digital-ai/dot-components/pull/893) ([monapatel91](https://github.com/monapatel91))
-
 **Fixed bugs:**
 
 - D-19382: `DynamicForm`: `isRequired` with value of `false` is not respected [\#919](https://github.com/digital-ai/dot-components/pull/919) ([dmiletic85](https://github.com/dmiletic85))
@@ -746,6 +751,10 @@
 
 [Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/1.5.1...1.5.2)
 
+**Features:**
+
+- S-77210: Component - Drawer [\#893](https://github.com/digital-ai/dot-components/pull/893) ([monapatel91](https://github.com/monapatel91))
+
 **Fixed bugs:**
 
 - D-19319: `Apptoolbar`: primary logo link is hardcoded to `/` [\#880](https://github.com/digital-ai/dot-components/pull/880) ([dmiletic85](https://github.com/dmiletic85))
@@ -763,10 +772,6 @@
 
 [Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/1.4.0...1.5.0)
 
-**Features:**
-
-- S-80586: Breadcrumbs enhancement \(collapse and expand automatically\) [\#843](https://github.com/digital-ai/dot-components/pull/843) ([dmiletic85](https://github.com/dmiletic85))
-
 **Fixed bugs:**
 
 - D-19294: Fix broken expand/collapse for uncontrolled accordion [\#866](https://github.com/digital-ai/dot-components/pull/866) ([selsemore](https://github.com/selsemore))
@@ -810,6 +815,7 @@
 
 - S-79571: DotInput - expose onKeyDown [\#846](https://github.com/digital-ai/dot-components/pull/846) ([monapatel91](https://github.com/monapatel91))
 - S-79357: evaluate codebase and remove old references to core Tooltip [\#844](https://github.com/digital-ai/dot-components/pull/844) ([CWSites](https://github.com/CWSites))
+- S-80586: Breadcrumbs enhancement \(collapse and expand automatically\) [\#843](https://github.com/digital-ai/dot-components/pull/843) ([dmiletic85](https://github.com/dmiletic85))
 - S-80621: file upload  [\#840](https://github.com/digital-ai/dot-components/pull/840) ([CWSites](https://github.com/CWSites))
 - S-76922: file upload [\#820](https://github.com/digital-ai/dot-components/pull/820) ([CWSites](https://github.com/CWSites))
 
@@ -1135,6 +1141,10 @@
 
 [Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/1.0.3...1.0.4)
 
+**Breaking changes:**
+
+- S-76919: cleaning up props used with various form elements [\#606](https://github.com/digital-ai/dot-components/pull/606) ([CWSites](https://github.com/CWSites))
+
 **Features:**
 
 - S-76930: New Component: DotSnackbar [\#607](https://github.com/digital-ai/dot-components/pull/607) ([coryell1287](https://github.com/coryell1287))

package/README.md

@@ -62,6 +62,21 @@ export const MyWidget = ({ text }: MyWidgetProps) => {
   );
 };
 ```
+### Configuring Jest
+
+We are utilizing `@digital-ai/dot-icons` which uses `@font-face`. If you are using Jest then you'll need to update the following files. The location of the files may be different based on the structure of your application
+
+#### `jest.config.js`
+```js
+moduleNameMapper: {
+  '@digital-ai/dot-icons': '<rootDir>/testing-utils/style-mock.ts',
+}
+```
+
+#### `style-mock.ts`
+```js
+module.exports = {};
+```
 
 ### Targeting CSS ClassNames
 

package/lib/Typography.stories.d.ts

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

package/lib/components/accordion/Accordion.stories.d.ts

@@ -0,0 +1,8 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { AccordionProps } from './Accordion';
+declare const _default: ComponentMeta<({ actions, ariaLabel, children, className, "data-testid": dataTestId, disabled, expanded, hasElevation, onChange, square, startIcon, summary, noWrap, }: AccordionProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<AccordionProps>;
+export declare const WithExpanded: Story<AccordionProps>;
+export declare const WithStartIcons: Story<AccordionProps>;
+export declare const WithNoWrap: Story<AccordionProps>;

package/lib/components/action-toolbar/ActionToolbar.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { DotActionBarProps } from './ActionToolbar';
+declare const _default: ComponentMeta<({ ariaLabel, children, className, "data-testid": dataTestId, variant, }: DotActionBarProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<DotActionBarProps>;

package/lib/components/alert-banner/AlertBanner.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { AlertBannerProps } from './AlertBanner';
+declare const _default: ComponentMeta<({ action, ariaLabel, children, className, "data-testid": dataTestId, onClose, roundedCorners, severity, textVariant, }: AlertBannerProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<AlertBannerProps>;

package/lib/components/app-toolbar/AppToolbar.stories.d.ts

@@ -0,0 +1,8 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { AppToolbarProps } from './AppToolbar';
+declare const _default: ComponentMeta<({ ariaLabel, appLogo, appLogoHref, appLogoSmall, avatar, borderColor, children, className, closeMenuOnItemClick, customLogo, "data-testid": dataTestId, dense, mainMenu, mainMenuItems, mainMenuWidth, menuCloseOnClickAway, navItems, onClickAway, primaryLogoHref, }: AppToolbarProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<AppToolbarProps>;
+export declare const WithoutMenu: Story<AppToolbarProps>;
+export declare const WithCustomMenu: Story<AppToolbarProps>;
+export declare const WithCustomMenuClose: Story<AppToolbarProps>;

package/lib/components/auto-complete/AutoComplete.stories.d.ts

@@ -0,0 +1,22 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { AutoCompleteOption, AutoCompleteProps } from './AutoComplete';
+import { AutoCompleteWithRenderOption } from './Autocomplete.stories.data';
+declare const _default: ComponentMeta<(<T extends AutoCompleteOption>({ ListboxComponent, actionItem, ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterSelectedOptions, freesolo, group, helperText, inputId, inputRef, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, readOnly, renderOption, renderTags, required, size, value, warning, }: AutoCompleteProps<T>) => JSX.Element)>;
+export default _default;
+export declare const Default: any;
+export declare const WithActionItem: any;
+export declare const WithCustomActionItem: Story<AutoCompleteProps>;
+export declare const WithAsyncLoad: Story<AutoCompleteProps>;
+declare type AutoCompleteWithRenderOptionProps = AutoCompleteProps<AutoCompleteWithRenderOption>;
+export declare const WithRenderOption: Story<AutoCompleteWithRenderOptionProps>;
+export declare const WithChipError: Story<AutoCompleteProps>;
+export declare const WithoutChips: Story<AutoCompleteWithRenderOptionProps>;
+export declare const WithNullAsValue: Story<AutoCompleteProps>;
+export declare const WithMaxHeight: any;
+export declare const WithCustomBlur: Story<AutoCompleteProps>;
+export declare const WithReadOnly: any;
+export declare const WithWarning: any;
+export declare const WithError: any;
+export declare const WithLabel: any;
+export declare const WithPersistentLabel: any;
+export declare const WithFixedVirtualList: Story<AutoCompleteProps>;

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

@@ -0,0 +1,7 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { AvatarProps } from './Avatar';
+declare const _default: ComponentMeta<({ alt, ariaLabel, className, component, color, "data-testid": dataTestId, iconId, imageSrc, onClick, 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>;

package/lib/components/avatar-group/AvatarGroup.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { AvatarGroupProps } from './AvatarGroup';
+declare const _default: ComponentMeta<({ ariaLabel, avatars, className, "data-testid": dataTestId, max, spacing, }: AvatarGroupProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<AvatarGroupProps>;

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

@@ -0,0 +1,8 @@
+import { Story, 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>;

package/lib/components/breadcrumbs/Breadcrumbs.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { BreadcrumbProps } from './Breadcrumbs';
+declare const _default: ComponentMeta<({ className, "data-testid": dataTestId, expansionMenu, items, maxItems, }: BreadcrumbProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<BreadcrumbProps>;

package/lib/components/button/Button.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ComponentMeta } from '@storybook/react';
+import { ButtonProps } from './Button';
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>>;
+export default _default;
+export declare const Default: any;
+export declare const WithStartIcon: any;
+export declare const WithEndIcon: any;
+export declare const WithDestructiveType: any;
+export declare const WithOutlinedType: any;
+export declare const WithTextType: any;

package/lib/components/button/CopyButton.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta } from '@storybook/react';
+import { CopyButtonProps } from './CopyButton';
+declare const _default: ComponentMeta<({ ariaLabel, copiedTooltip, copyTooltip, "data-testid": dataTestId, value, }: CopyButtonProps) => JSX.Element>;
+export default _default;
+export declare const Default: any;

package/lib/components/button/IconButton.stories.d.ts

@@ -0,0 +1,10 @@
+import { ComponentMeta } from '@storybook/react';
+import { IconButtonProps } from './IconButton';
+declare const _default: ComponentMeta<({ ariaLabel, className, color, "data-testid": dataTestId, disabled, disableRipple, iconId, iconSize, onClick, tooltip, size, }: IconButtonProps) => JSX.Element>;
+export default _default;
+export declare const Default: any;
+export declare const WithPrimaryColor: any;
+export declare const WithSecondaryColor: any;
+export declare const WithSmallSize: any;
+export declare const WithDisabledState: any;
+export declare const WithDisabledRipple: any;

package/lib/components/button-toggle/ButtonToggle.stories.d.ts

@@ -0,0 +1,11 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { ButtonToggleProps } from './';
+declare const _default: ComponentMeta<({ ariaLabel, buttonOptions, className, color, "data-testid": dataTestId, disableFocusRipple, disableRipple, exclusive, onChange, orientation, size, value, }: ButtonToggleProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<ButtonToggleProps>;
+export declare const WithTooltip: Story<ButtonToggleProps>;
+export declare const WithDifferentValueTypes: Story<ButtonToggleProps>;
+export declare const WithExclusivity: Story<ButtonToggleProps>;
+export declare const WithSmallSize: Story<ButtonToggleProps>;
+export declare const WithLargeSize: Story<ButtonToggleProps>;
+export declare const WithPrimaryColor: Story<ButtonToggleProps>;

package/lib/components/card/Card.stories.d.ts

@@ -0,0 +1,6 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { CardProps } from './Card';
+declare const _default: ComponentMeta<({ ariaLabel, children, className, "data-testid": dataTestId, }: CardProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<CardProps>;
+export declare const ComplexCardWithMedia: Story<CardProps>;

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

@@ -0,0 +1,9 @@
+import { ComponentMeta, Story } 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>;

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

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

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

@@ -0,0 +1,8 @@
+import { Story, 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>;

package/lib/components/confirmation-dialog/ConfirmationDialog.stories.d.ts

@@ -0,0 +1,6 @@
+import { ComponentMeta } from '@storybook/react';
+import { ConfirmationDialogProps } from './ConfirmationDialog';
+declare const _default: ComponentMeta<({ ariaLabel, cancelButtonProps, className, "data-testid": dataTestId, message, onCancel, onSubmit, submitButtonProps, open, title, }: ConfirmationDialogProps) => JSX.Element>;
+export default _default;
+export declare const Default: any;
+export declare const WithCustomTitleAndMessage: any;

package/lib/components/css-grid/CssGrid.stories.d.ts

@@ -0,0 +1,7 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { CssGridProps } from './CssGrid';
+declare const _default: ComponentMeta<(props: CssGridProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<CssGridProps>;
+export declare const DebugCssGrid: Story<CssGridProps>;
+export declare const CssGridCell: Story<CssGridProps>;

package/lib/components/dialog/Dialog.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { DialogProps } from './Dialog';
+declare const _default: ComponentMeta<({ ariaLabel, cancelButtonProps, cancelButtonVisible, className, "data-testid": dataTestId, children, closeIconVisible, closeOnClickAway, hasPrimaryAction, onCancel, onSubmit, open, submitButtonProps, title, }: DialogProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<DialogProps>;

package/lib/components/divider/Divider.stories.d.ts

@@ -0,0 +1,6 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { DividerProps } from './Divider';
+declare const _default: ComponentMeta<({ absolute, ariaLabel, className, "data-testid": dataTestId, flexItem, light, orientation, variant, }: DividerProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<DividerProps>;
+export declare const WithVerticalOrientation: (args: any) => JSX.Element;

package/lib/components/draggable-list/DraggableList.stories.d.ts

@@ -0,0 +1,10 @@
+import { ComponentMeta } from '@storybook/react';
+import { DraggableListProps } from './';
+declare const _default: ComponentMeta<({ ariaLabel, className, "data-testid": dataTestId, disableDrag, draggableHandle, items, onChange, rowHeight, width, }: DraggableListProps) => JSX.Element>;
+export default _default;
+export declare const Default: any;
+export declare const WithCustomWidth: any;
+export declare const WithAvatar: any;
+export declare const WithIcons: any;
+export declare const WithDisabledDrag: any;
+export declare const WithDraggableHandle: any;

package/lib/components/drawer/Drawer.stories.d.ts

@@ -0,0 +1,9 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { DrawerProps } from './Drawer';
+declare const _default: ComponentMeta<({ anchor, ariaLabel, className, children, "data-testid": dataTestId, drawerBodyProps, drawerFooterProps, drawerHeaderProps, height, ModalProps, onClose, open, PaperProps, variant, width, }: DrawerProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<DrawerProps>;
+export declare const WithHeader: Story<DrawerProps>;
+export declare const WithBodyOnly: Story<DrawerProps>;
+export declare const WithFooter: Story<DrawerProps>;
+export declare const WithHeaderBodyFooter: Story<DrawerProps>;

package/lib/components/dynamic-form/DynamicForm.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { DynamicFormProps } from './DynamicForm';
+declare const _default: ComponentMeta<({ ariaLabel, className, "data-testid": dataTestId, config, disabled: isFormDisabled, liveValidation, onChange, onSubmit, }: DynamicFormProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<DynamicFormProps>;

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

@@ -1,5 +1,5 @@
 import { ControlCondition, DisabledControlCondition, DynamicFormConfig, DynamicFormOutputData, DynamicFormState, DynamicFormStateData } from '../models';
-export declare const getControlValue: <T extends unknown>(controlName: string, data: DynamicFormStateData) => T;
+export declare const getControlValue: <T>(controlName: string, data: DynamicFormStateData) => T;
 export declare const getOutputFormData: (formState: DynamicFormState) => DynamicFormOutputData;
 export declare const checkIfHiddenControl: (hidden: ControlCondition, formValues: DynamicFormOutputData) => boolean;
 export declare const checkIfDisabledControl: (disabled: DisabledControlCondition, formValues: DynamicFormOutputData, isFormValid: boolean) => boolean;

package/lib/components/empty-state/EmptyState.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { EmptyStateProps } from './EmptyState';
+declare const _default: ComponentMeta<({ ariaLabel, buttonProps, className, "data-testid": dataTestId, imageAltText, imageSrc, subtitle, title, }: EmptyStateProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<EmptyStateProps>;

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

@@ -0,0 +1,8 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { FileUploadProps } from './';
+declare const _default: ComponentMeta<({ accept, ariaLabel, 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>;

package/lib/components/form/Form.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { FormProps } from './Form';
+declare const _default: ComponentMeta<({ ariaLabel, children, className, "data-testid": dataTestId, onSubmit, }: FormProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<FormProps>;

package/lib/components/form-group/FormGroup.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { DotFormGroup, FormGroupProps } from './FormGroup';
+declare const _default: ComponentMeta<typeof DotFormGroup>;
+export default _default;
+export declare const Default: Story<FormGroupProps>;

package/lib/components/icon/Icon.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { IconProps } from './Icon';
+declare const _default: ComponentMeta<({ ariaLabel, className, "data-testid": dataTestId, fontSize, iconId, tooltip, }: IconProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<IconProps>;

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

@@ -0,0 +1,15 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { InlineEditProps } from './InlineEdit';
+declare const _default: ComponentMeta<({ ariaLabel, bindings, charactersLimit, className, "data-testid": dataTestId, fullWidth, hideActionButtons, name, onChange, onEditStateChange, readOnly, selectTextOnEdit, tabIndex, tooltip, typography, value, }: InlineEditProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<InlineEditProps>;
+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 WithSingleBinding: any;
+export declare const WithMultipleBindings: Story<InlineEditProps>;
+export declare const WithSelectOnEdit: any;

package/lib/components/input-form-fields/InputSelect.stories.d.ts

@@ -0,0 +1,10 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { InputSelectProps } from './InputSelect';
+declare const _default: ComponentMeta<({ ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, disabled, endIcon, error, fullWidth, helperText, id, inputRef, label, name, onBlur, onChange, onFocus, onKeyDown, options, persistentLabel, readOnly, required, shrink, size, startIcon, success, value, warning, }: InputSelectProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<InputSelectProps>;
+export declare const WithPersistentLabel: Story<InputSelectProps>;
+export declare const WithError: Story<InputSelectProps>;
+export declare const WithSuccess: Story<InputSelectProps>;
+export declare const WithWarning: Story<InputSelectProps>;
+export declare const WithReadOnly: Story<InputSelectProps>;

package/lib/components/input-form-fields/InputText.stories.d.ts

@@ -0,0 +1,14 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { InputTextProps } from './InputText';
+declare const _default: ComponentMeta<({ autoComplete, autoFocus, className, defaultValue, "data-testid": dataTestId, disabled, error, endAdornmentTooltip, fullWidth, hasDebounce, helperText, endIcon, id, inputRef, label, maxRows, minRows, multiline, name, onBlur, onChange, onFocus, onKeyDown, onMouseUp, persistentLabel, placeholder, readOnly, required, shrink, startIcon, size, success, type, value, warning, }: InputTextProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<InputTextProps>;
+export declare const WithPersistentLabel: Story<InputTextProps>;
+export declare const WithHelperText: Story<InputTextProps>;
+export declare const WithError: Story<InputTextProps>;
+export declare const WithSuccess: Story<InputTextProps>;
+export declare const WithWarning: Story<InputTextProps>;
+export declare const WithErrorTooltip: Story<InputTextProps>;
+export declare const WithWarningTooltip: Story<InputTextProps>;
+export declare const WithReadOnly: Story<InputTextProps>;
+export declare const WithMultiline: Story<InputTextProps>;

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

@@ -0,0 +1,13 @@
+import { ComponentMeta, Story } 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 WithDeterminateVariant: any;
+export declare const WithBufferVariant: any;
+export declare const WithQueryVariant: any;
+export declare const WithPrimaryColor: any;
+export declare const WithSecondaryColor: any;
+export declare const WithErrorColor: any;
+export declare const WithWarningColor: any;
+export declare const WithPurpleColor: any;

package/lib/components/link/Link.stories.d.ts

@@ -0,0 +1,6 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { LinkProps } from './Link';
+declare const _default: ComponentMeta<({ ariaLabel, children, className, color, "data-testid": dataTestId, href, onClick, onMouseEnter, rel, tabIndex, target, tooltip, underline, }: LinkProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<LinkProps>;
+export declare const LinkInParagraph: Story<LinkProps>;

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

@@ -0,0 +1,6 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { ListProps } from './utils/models';
+declare const _default: ComponentMeta<({ ariaLabel, 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>;

package/lib/components/menu/Menu.stories.d.ts

@@ -0,0 +1,9 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { MenuProps } from './Menu';
+declare const _default: ComponentMeta<({ anchorEl, ariaLabel, className, "data-testid": dataTestId, dense, disablePortal, id, loading, maxVisibleItems, menuItemHeight, menuItems, menuPlacement, onLeave, onSelect, open, selectedKey, }: MenuProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<MenuProps>;
+export declare const ButtonMenu: Story<MenuProps>;
+export declare const TableMenu: Story<MenuProps>;
+export declare const WithCustomHeight: Story<MenuProps>;
+export declare const WithMultiLevelMenu: Story<MenuProps>;

package/lib/components/navigation-rail/NavigationRail.stories.d.ts

@@ -0,0 +1,7 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { NavigationRailProps } from './NavigationRail';
+declare const _default: ComponentMeta<({ ariaLabel, className, "data-testid": dataTestId, onChange, railItemPosition, railItems, selectedIndex, }: NavigationRailProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<NavigationRailProps>;
+export declare const WithProgrammaticNavigation: Story<NavigationRailProps>;
+export declare const WithBadges: Story<NavigationRailProps>;

package/lib/components/pill/Pill.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { PillProps } from './Pill';
+declare const _default: ComponentMeta<({ ariaLabel, backgroundcolor, bordercolor, className, "data-testid": dataTestId, icon, label, labelcolor, size, status, variant, }: PillProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<PillProps>;

package/lib/components/popper/Popper.stories.d.ts

@@ -0,0 +1,6 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { PopperProps } from './Popper';
+declare const _default: ComponentMeta<({ ariaLabel, anchorEl, children, className, "data-testid": dataTestId, disablePortal, onClickAway, open, placement, }: PopperProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<PopperProps>;
+export declare const WithButtonAnchor: Story<PopperProps>;

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

@@ -0,0 +1,9 @@
+import { ComponentMeta, Story } 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 WithPrimaryColor: any;
+export declare const WithCustomSizeAndThickness: any;
+export declare const WithDeterminateVariant: any;
+export declare const WithPercentageSimulation: (args: ProgressProps) => JSX.Element;

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

@@ -0,0 +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>;
+export default _default;
+export declare const Default: Story<ProgressButtonProps>;

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

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { DotRadioButton, RadioButtonProps } from './RadioButton';
+declare const _default: ComponentMeta<typeof DotRadioButton>;
+export default _default;
+export declare const Default: Story<RadioButtonProps>;

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

@@ -0,0 +1,7 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { RadioGroupProps } from './RadioGroup';
+declare const _default: ComponentMeta<({ ariaLabel, 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 WithHelperText: any;
+export declare const WithRowAndHelperText: any;

package/lib/components/sidebar/Sidebar.stories.d.ts

@@ -0,0 +1,8 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { SidebarProps } from './Sidebar';
+declare const _default: ComponentMeta<({ appLogo, appLogoSmall, ariaLabel, backItem, brandDesc, children, className, collapsable, "data-testid": dataTestId, displayAppLogo, displayBrand, goBack, navItems, nestedListType, onCollapseChange, open, title, titleAvatarProps, width, }: SidebarProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<SidebarProps>;
+export declare const WithReactRouter: Story<SidebarProps>;
+export declare const WithTooltipsWhenCollapsed: Story<SidebarProps>;
+export declare const WithBackItem: Story<SidebarProps>;

package/lib/components/skeleton/Skeleton.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { SkeletonProps } from './Skeleton';
+declare const _default: ComponentMeta<({ ariaLabel, children, className, "data-testid": dataTestId, height, width, variant, }: SkeletonProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<SkeletonProps>;

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

@@ -0,0 +1,6 @@
+import { Story, 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>;

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

@@ -0,0 +1,9 @@
+import { Story, 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>;

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

@@ -0,0 +1,12 @@
+import { Story, 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>;

package/lib/components/table/Table.stories.d.ts

@@ -0,0 +1,10 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { TableProps } from './Table';
+declare const _default: ComponentMeta<({ ariaLabel, bodyTypography, className, columns, count, data, "data-testid": dataTestId, emptyMessage, footerTypography, headerTypography, loading, maxHeight, multiSelect, order, orderBy, onRowClick, onUpdateData, page, rowsPerPage, stickyHeader, sortable, toolbar, }: TableProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<TableProps>;
+export declare const LocallyPaginatedTable: Story<TableProps>;
+export declare const RemotelyPaginatedTable: Story<TableProps>;
+export declare const WithActionMenu: Story<TableProps>;
+export declare const WithCheckboxSelection: Story<TableProps>;
+export declare const EmptyTable: Story<TableProps>;

package/lib/components/table/TablePagination.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentMeta, Story } from '@storybook/react';
+import { TablePaginationProps } from './TablePagination';
+declare const _default: ComponentMeta<({ ariaLabel, className, count, "data-testid": dataTestId, onPageChange, onRowsPerPageChange, page, rowsPerPage, typography, }: TablePaginationProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<TablePaginationProps>;

package/lib/components/tabs/Tabs.stories.d.ts

@@ -0,0 +1,6 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { TabsProps } from './Tabs';
+declare const _default: ComponentMeta<({ centered, className, color, "data-testid": dataTestId, initialValue, onChange, scrollButtons, tabs, variant, }: TabsProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<TabsProps>;
+export declare const TabsInActionBar: Story<TabsProps>;

package/lib/components/tooltip/Tooltip.stories.d.ts

@@ -0,0 +1,5 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { TooltipProps } from './Tooltip';
+declare const _default: ComponentMeta<({ ariaLabel, children, className, "data-testid": dataTestId, leaveDelay, onClose, open, placement, title, }: TooltipProps) => JSX.Element>;
+export default _default;
+export declare const Default: Story<TooltipProps>;

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

@@ -0,0 +1,8 @@
+import { ComponentMeta, Story } 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>;

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

@@ -0,0 +1,7 @@
+import { Story, ComponentMeta } from '@storybook/react';
+import { TypographyProps } from './Typography';
+declare const _default: ComponentMeta<({ ariaLabel, 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>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [
@@ -29,13 +29,13 @@
     "@emotion/styled": "^11.10.4",
     "@mui/material": "^5.2.5",
     "@mui/styles": "^5.2.3",
+    "jwt-decode": "^3.1.2",
     "react-dropzone": "^11.4.2",
     "react-grid-layout": "^1.3.4",
     "styled-components": "^5.2.1"
   },
   "peerDependencies": {
     "react": "^17.0.2 || ^18.0.0",
-    "react-router-dom": "6.4.4",
-    "jwt-decode": "^3.1.2"
+    "react-router-dom": "6.4.4"
   }
 }