@digital-ai/dot-components 2.18.0 → 2.18.2

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 (98) hide show
  1. package/index.esm.js +10 -6
  2. package/index.umd.js +10 -6
  3. package/package.json +17 -1
  4. package/CHANGE_LOG.md +0 -2319
  5. package/fonts/Lato-Bold.woff +0 -0
  6. package/fonts/Lato-Regular.woff +0 -0
  7. package/lib/Typography.stories.d.ts +0 -4
  8. package/lib/components/accordion/Accordion.stories.d.ts +0 -8
  9. package/lib/components/action-toolbar/ActionToolbar.stories.d.ts +0 -5
  10. package/lib/components/alert-banner/AlertBanner.stories.d.ts +0 -5
  11. package/lib/components/app-switcher/AppSwitcher.stories.d.ts +0 -5
  12. package/lib/components/app-toolbar/AppToolbar.stories.d.ts +0 -8
  13. package/lib/components/app-toolbar/AppToolbar.stories.data.d.ts +0 -7
  14. package/lib/components/app-toolbar/AppToolbar.stories.styles.d.ts +0 -2
  15. package/lib/components/auto-complete/AutoComplete.stories.d.ts +0 -25
  16. package/lib/components/auto-complete/AutoComplete.stories.styles.d.ts +0 -10
  17. package/lib/components/auto-complete/Autocomplete.stories.data.d.ts +0 -41
  18. package/lib/components/avatar/Avatar.stories.d.ts +0 -9
  19. package/lib/components/avatar-group/AvatarGroup.stories.d.ts +0 -5
  20. package/lib/components/avatar-group/AvatarGroup.stories.data.d.ts +0 -2
  21. package/lib/components/badge/Badge.stories.d.ts +0 -8
  22. package/lib/components/breadcrumbs/Breadcrumbs.stories.d.ts +0 -5
  23. package/lib/components/button/Button.stories.d.ts +0 -12
  24. package/lib/components/button/Button.stories.styles.d.ts +0 -2
  25. package/lib/components/button/CopyButton.stories.d.ts +0 -5
  26. package/lib/components/button/IconButton.stories.d.ts +0 -11
  27. package/lib/components/button-toggle/ButtonToggle.stories.d.ts +0 -11
  28. package/lib/components/button-toggle/ButtonToggle.stories.data.d.ts +0 -2
  29. package/lib/components/card/Card.stories.d.ts +0 -6
  30. package/lib/components/checkbox/Checkbox.stories.d.ts +0 -9
  31. package/lib/components/checkbox/CheckboxGroup.stories.d.ts +0 -6
  32. package/lib/components/chip/Chip.stories.d.ts +0 -8
  33. package/lib/components/click-away-listener/ClickAwayListener.stories.d.ts +0 -5
  34. package/lib/components/confirmation-dialog/ConfirmationDialog.stories.d.ts +0 -6
  35. package/lib/components/css-grid/CssGrid.stories.d.ts +0 -7
  36. package/lib/components/date-picker/DatePicker.stories.d.ts +0 -27
  37. package/lib/components/date-picker/DatePicker.stories.styles.d.ts +0 -8
  38. package/lib/components/dialog/Dialog.stories.d.ts +0 -5
  39. package/lib/components/divider/Divider.stories.d.ts +0 -6
  40. package/lib/components/divider/Divider.stories.styles.d.ts +0 -2
  41. package/lib/components/draggable-list/DraggableList.stories.d.ts +0 -10
  42. package/lib/components/draggable-list/DraggableList.stories.data.d.ts +0 -18
  43. package/lib/components/draggable-list/DraggableList.stories.styles.d.ts +0 -6
  44. package/lib/components/drawer/Drawer.stories.d.ts +0 -9
  45. package/lib/components/dynamic-form/DynamicForm.stories.d.ts +0 -5
  46. package/lib/components/dynamic-form/DynamicForm.stories.data.d.ts +0 -2
  47. package/lib/components/dynamic-form/DynamicForm.stories.styles.d.ts +0 -1
  48. package/lib/components/empty-state/EmptyState.stories.d.ts +0 -5
  49. package/lib/components/file-upload/FileUpload.stories.d.ts +0 -9
  50. package/lib/components/file-upload/FileUpload.stories.data.d.ts +0 -6
  51. package/lib/components/file-upload/FileUpload.stories.styles.d.ts +0 -2
  52. package/lib/components/form/Form.stories.d.ts +0 -5
  53. package/lib/components/form-group/FormGroup.stories.d.ts +0 -5
  54. package/lib/components/icon/Icon.stories.d.ts +0 -5
  55. package/lib/components/inline-edit/InlineEdit.stories.d.ts +0 -16
  56. package/lib/components/inline-edit/InlineEdit.stories.styles.d.ts +0 -2
  57. package/lib/components/input-form-fields/Input.stories.data.d.ts +0 -12
  58. package/lib/components/input-form-fields/InputSelect.stories.d.ts +0 -10
  59. package/lib/components/input-form-fields/InputText.stories.d.ts +0 -17
  60. package/lib/components/linear-progress/LinearProgress.stories.d.ts +0 -13
  61. package/lib/components/link/Link.stories.d.ts +0 -6
  62. package/lib/components/list/List.stories.d.ts +0 -6
  63. package/lib/components/list/List.stories.data.d.ts +0 -4
  64. package/lib/components/menu/Menu.stories.d.ts +0 -9
  65. package/lib/components/menu/Menu.stories.data.d.ts +0 -27
  66. package/lib/components/menu/Menu.stories.styles.d.ts +0 -6
  67. package/lib/components/navigation-rail/NavigationRail.stories.d.ts +0 -7
  68. package/lib/components/navigation-rail/NavigationRail.stories.data.d.ts +0 -9
  69. package/lib/components/navigation-rail/NavigationRail.stories.styles.d.ts +0 -4
  70. package/lib/components/pill/Pill.stories.d.ts +0 -5
  71. package/lib/components/popper/Popper.stories.d.ts +0 -6
  72. package/lib/components/popper/Popper.stories.data.d.ts +0 -5
  73. package/lib/components/popper/Popper.stories.styles.d.ts +0 -4
  74. package/lib/components/progress/Progress.stories.d.ts +0 -9
  75. package/lib/components/progress-button/ProgressButton.stories.d.ts +0 -5
  76. package/lib/components/radio/RadioButton.stories.d.ts +0 -5
  77. package/lib/components/radio/RadioGroup.stories.d.ts +0 -7
  78. package/lib/components/sidebar/Sidebar.stories.d.ts +0 -8
  79. package/lib/components/sidebar/Sidebar.stories.data.d.ts +0 -102
  80. package/lib/components/skeleton/Skeleton.stories.d.ts +0 -5
  81. package/lib/components/snackbar/Snackbar.stories.d.ts +0 -6
  82. package/lib/components/split-button/SplitButton.stories.d.ts +0 -9
  83. package/lib/components/stepper/Stepper.stories.d.ts +0 -10
  84. package/lib/components/stepper/Stepper.stories.data.d.ts +0 -86
  85. package/lib/components/switch/Switch.stories.d.ts +0 -12
  86. package/lib/components/table/Table.stories.d.ts +0 -13
  87. package/lib/components/table/Table.stories.data.d.ts +0 -165
  88. package/lib/components/table/TablePagination.stories.d.ts +0 -7
  89. package/lib/components/tabs/Tabs.stories.d.ts +0 -6
  90. package/lib/components/time-picker/TimePicker.stories.d.ts +0 -24
  91. package/lib/components/time-picker/TimePicker.stories.styles.d.ts +0 -10
  92. package/lib/components/tooltip/Tooltip.stories.d.ts +0 -5
  93. package/lib/components/truncate-with-tooltip/TruncateWithTooltip.stories.d.ts +0 -8
  94. package/lib/components/typography/Typography.stories.d.ts +0 -7
  95. package/lib/testing-utils/index.d.ts +0 -61
  96. package/lib/testing-utils/intersection-observer-mock.d.ts +0 -1
  97. package/lib/testing-utils/resize-observer-mock.d.ts +0 -1
  98. package/lib/testing-utils/scroll-into-view-mock.d.ts +0 -3
Binary file
Binary file
@@ -1,4 +0,0 @@
1
- import { Story, ComponentMeta } from '@storybook/react';
2
- declare const _default: ComponentMeta<({ ariaLabel, ariaLevel, ariaRole, className, "data-testid": dataTestId, children, component, noMarginBottom, noWrap, variant, }: import("./components/typography/Typography").TypographyProps) => JSX.Element>;
3
- export default _default;
4
- export declare const Default: Story;
@@ -1,8 +0,0 @@
1
- import { ComponentMeta } from '@storybook/react';
2
- import { AccordionProps } from './Accordion';
3
- declare const _default: ComponentMeta<({ actions, ariaLabel, children, className, "data-testid": dataTestId, disabled, expanded, hasElevation, onChange, square, startIcon, summary, noWrap, }: AccordionProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: any;
6
- export declare const WithExpanded: any;
7
- export declare const WithStartIcons: any;
8
- export declare const WithNoWrap: any;
@@ -1,5 +0,0 @@
1
- import { Story, ComponentMeta } from '@storybook/react';
2
- import { DotActionBarProps } from './ActionToolbar';
3
- declare const _default: ComponentMeta<({ ariaLabel, children, className, "data-testid": dataTestId, variant, }: DotActionBarProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: Story<DotActionBarProps>;
@@ -1,5 +0,0 @@
1
- import { Story, ComponentMeta } from '@storybook/react';
2
- import { AlertBannerProps } from './AlertBanner';
3
- declare const _default: ComponentMeta<({ action, ariaLabel, children, className, "data-testid": dataTestId, onClose, roundedCorners, severity, textVariant, }: AlertBannerProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: Story<AlertBannerProps>;
@@ -1,5 +0,0 @@
1
- import { Story, ComponentMeta } from '@storybook/react';
2
- import { AppSwitcherProps } from './AppSwitcher';
3
- declare const _default: ComponentMeta<({ accountId, includePlatformConsole, onClose, ...commonProps }: AppSwitcherProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: Story<AppSwitcherProps>;
@@ -1,8 +0,0 @@
1
- import { ComponentMeta, Story } from '@storybook/react';
2
- import { AppToolbarProps } from './AppToolbar';
3
- 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>;
4
- export default _default;
5
- export declare const Default: Story<AppToolbarProps>;
6
- export declare const WithoutMenu: Story<AppToolbarProps>;
7
- export declare const WithCustomMenu: Story<AppToolbarProps>;
8
- export declare const WithCustomMenuClose: Story<AppToolbarProps>;
@@ -1,7 +0,0 @@
1
- import { History } from 'history';
2
- import { ListItemProps } from '../list';
3
- import { AppToolbarIconButtons } from './AppToolbar';
4
- export declare const defaultMainMenuItems: Array<ListItemProps>;
5
- export declare const defaultNavItems: AppToolbarIconButtons[];
6
- export declare const getMenuNavigationItems: (history: History) => Array<ListItemProps>;
7
- export declare const MenuNavigationRoutes: () => JSX.Element;
@@ -1,2 +0,0 @@
1
- export declare const customMenuCloseClassName = "dot-custom-menu-close-story";
2
- export declare const StyledWithCustomMenuClose: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,25 +0,0 @@
1
- import { ComponentMeta, Story } from '@storybook/react';
2
- import { AutoCompleteProps } from './AutoComplete';
3
- import { AutoCompleteOption } from './utils/interface';
4
- import { AutoCompleteWithRenderOption } from './Autocomplete.stories.data';
5
- declare const _default: ComponentMeta<(<T extends AutoCompleteOption>({ ListboxComponent, actionItem, ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, dense, disabled, disablePortal, endAdornmentTooltip, error, filterOptions, filterSelectedOptions, freesolo, checkIfOptionDisabled, group, helperText, inputId, inputRef, inputValue, isOptionEqualToValue, label, loading, maxHeight, multiple, onBlur, onChange, onClose, onInputChange, onOpen, open, options, persistentLabel, placeholder, readOnly, renderOption, renderTags, required, size, value, warning, }: AutoCompleteProps<T>) => JSX.Element)>;
6
- export default _default;
7
- export declare const Default: any;
8
- export declare const WithActionItem: any;
9
- export declare const WithDisabledItems: any;
10
- export declare const WithFilterOptions: any;
11
- export declare const WithCustomActionItem: Story<AutoCompleteProps>;
12
- export declare const WithAsyncLoad: Story<AutoCompleteProps>;
13
- declare type AutoCompleteWithRenderOptionProps = AutoCompleteProps<AutoCompleteWithRenderOption>;
14
- export declare const WithRenderOption: Story<AutoCompleteWithRenderOptionProps>;
15
- export declare const WithChipError: Story<AutoCompleteProps>;
16
- export declare const WithoutChips: Story<AutoCompleteWithRenderOptionProps>;
17
- export declare const WithNullAsValue: Story<AutoCompleteProps>;
18
- export declare const WithMaxHeight: any;
19
- export declare const WithCustomBlur: Story<AutoCompleteProps>;
20
- export declare const WithReadOnly: any;
21
- export declare const WithWarning: any;
22
- export declare const WithError: any;
23
- export declare const WithLabel: any;
24
- export declare const WithPersistentLabel: any;
25
- export declare const WithFixedVirtualList: Story<AutoCompleteProps>;
@@ -1,10 +0,0 @@
1
- export declare const selectedAutocompleteClassName = "dot-selected-autocomplete-items";
2
- export declare const autocompleteWithRenderClassName = "dot-autocomplete-with-render";
3
- export declare const autocompleteWithFilterRenderClassName = "dot-autocomplete-with-filter-render";
4
- export declare const autocompleteWithoutChipsClassName = "dot-autocomplete-without-chips";
5
- export declare const autocompleteWithNullValueClassName = "dot-autocomplete-with-null-value";
6
- export declare const StyledAutoCompleteWithRender: import("styled-components").StyledComponent<"li", any, {}, never>;
7
- export declare const StyledAutoCompleteWithFilterRender: import("styled-components").StyledComponent<"li", any, {}, never>;
8
- export declare const StyledSelectedAutocompleteItems: import("styled-components").StyledComponent<"div", any, {}, never>;
9
- export declare const StyledAutocompleteWithoutChips: import("styled-components").StyledComponent<"div", any, {}, never>;
10
- export declare const StyledAutocompleteWithNullValue: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,41 +0,0 @@
1
- import { ChangeEvent } from 'react';
2
- import { AutoCompleteProps } from './AutoComplete';
3
- import { ActionItem, AutoCompleteOption, AutoCompleteValue } from './utils/interface';
4
- import { CommonProps } from '../CommonProps';
5
- export declare const movies: AutoCompleteOption[];
6
- export declare const handleActionItemClick: (newItem?: string) => void;
7
- export declare const actionItemOptions: ActionItem[];
8
- export declare const actionItemArgType: {
9
- options: string[];
10
- mapping: ActionItem[];
11
- control: {
12
- type: string;
13
- labels: {
14
- 0: string;
15
- 1: string;
16
- 2: string;
17
- };
18
- };
19
- defaultValue: string;
20
- };
21
- export interface AutoCompleteWithRenderOption extends AutoCompleteOption {
22
- imageUrl: string;
23
- uid: number;
24
- }
25
- export declare const fullNameOptions: AutoCompleteWithRenderOption[];
26
- export interface SelectedAutocompleteItemsProps extends CommonProps {
27
- onItemRemove: (optionTitle: string) => void;
28
- selectedOptions: AutoCompleteOption[];
29
- }
30
- export declare const SelectedAutocompleteItems: ({ className, onItemRemove, selectedOptions, }: SelectedAutocompleteItemsProps) => JSX.Element;
31
- export interface AutocompleteWithoutChipsProps extends CommonProps {
32
- onChange: (event: ChangeEvent, currentlySelectedOptions: AutoCompleteValue) => void;
33
- onItemRemove: (optionTitle: string) => void;
34
- selectedOptions: AutoCompleteOption[];
35
- storyArgs: AutoCompleteProps;
36
- }
37
- export declare const AutocompleteWithoutChips: ({ className, onChange, onItemRemove, selectedOptions, storyArgs, }: AutocompleteWithoutChipsProps) => JSX.Element;
38
- export interface AutocompleteWithNullValueProps {
39
- storyArgs: AutoCompleteProps;
40
- }
41
- export declare const AutocompleteWithNullValue: ({ storyArgs, }: AutocompleteWithNullValueProps) => JSX.Element;
@@ -1,9 +0,0 @@
1
- import { ComponentMeta } from '@storybook/react';
2
- import { AvatarProps } from './Avatar';
3
- 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>;
4
- export default _default;
5
- export declare const Default: any;
6
- export declare const AvatarButton: any;
7
- export declare const WithCustomColor: any;
8
- export declare const WithNumber: any;
9
- export declare const WithTooltip: any;
@@ -1,5 +0,0 @@
1
- import { Story, ComponentMeta } from '@storybook/react';
2
- import { AvatarGroupProps } from './AvatarGroup';
3
- declare const _default: ComponentMeta<({ ariaLabel, avatars, className, "data-testid": dataTestId, max, spacing, }: AvatarGroupProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: Story<AvatarGroupProps>;
@@ -1,2 +0,0 @@
1
- import { AvatarProps } from '../avatar/Avatar';
2
- export declare const sampleAvatars: Array<AvatarProps>;
@@ -1,8 +0,0 @@
1
- import { ComponentMeta } from '@storybook/react';
2
- import { BadgeProps } from './Badge';
3
- declare const _default: ComponentMeta<({ ariaLabel, badgeColor, badgeContent, children, className, "data-testid": dataTestId, invisible, max, overlap, variant, }: BadgeProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: any;
6
- export declare const WithNotification: any;
7
- export declare const WithNotificationNumber: any;
8
- export declare const WithMaxNumber: any;
@@ -1,5 +0,0 @@
1
- import { Story, ComponentMeta } from '@storybook/react';
2
- import { BreadcrumbProps } from './Breadcrumbs';
3
- declare const _default: ComponentMeta<({ className, "data-testid": dataTestId, expansionMenu, items, maxItems, }: BreadcrumbProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: Story<BreadcrumbProps>;
@@ -1,12 +0,0 @@
1
- import { ComponentMeta, Story } from '@storybook/react';
2
- import { ButtonProps } from './Button';
3
- import React from 'react';
4
- declare const _default: ComponentMeta<React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
5
- export default _default;
6
- export declare const Default: any;
7
- export declare const WithStartIcon: any;
8
- export declare const WithEndIcon: any;
9
- export declare const WithDestructiveType: any;
10
- export declare const WithOutlinedType: any;
11
- export declare const WithTextType: any;
12
- export declare const WithTabbableLinkAsChildren: Story<ButtonProps>;
@@ -1,2 +0,0 @@
1
- export declare const buttonWithLinkClassName = "dot-button-with-link";
2
- export declare const StyledButtonWithLink: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,5 +0,0 @@
1
- import { ComponentMeta } from '@storybook/react';
2
- import { CopyButtonProps } from './CopyButton';
3
- declare const _default: ComponentMeta<({ ariaLabel, ariaRole, className, color, copiedTooltip, copyTooltip, "data-testid": dataTestId, disabled, disableRipple, iconId, iconSize, onClick, shape, showCopiedIcon, size, tooltip, value, }: CopyButtonProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: any;
@@ -1,11 +0,0 @@
1
- import { ComponentMeta } from '@storybook/react';
2
- import { IconButtonProps } from './IconButton';
3
- declare const _default: ComponentMeta<({ ariaLabel, ariaRole, className, color, "data-testid": dataTestId, disabled, disableRipple, iconId, iconSize, onClick, tooltip, shape, size, }: IconButtonProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: any;
6
- export declare const WithPrimaryColor: any;
7
- export declare const WithSecondaryColor: any;
8
- export declare const WithSmallSize: any;
9
- export declare const WithDisabledState: any;
10
- export declare const WithDisabledRipple: any;
11
- export declare const WithSquare: any;
@@ -1,11 +0,0 @@
1
- import { ComponentMeta, Story } from '@storybook/react';
2
- import { ButtonToggleProps } from './';
3
- declare const _default: ComponentMeta<({ ariaLabel, buttonOptions, className, color, "data-testid": dataTestId, disableFocusRipple, disableRipple, exclusive, onChange, orientation, size, value, }: ButtonToggleProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: Story<ButtonToggleProps>;
6
- export declare const WithTooltip: Story<ButtonToggleProps>;
7
- export declare const WithDifferentValueTypes: Story<ButtonToggleProps>;
8
- export declare const WithExclusivity: Story<ButtonToggleProps>;
9
- export declare const WithSmallSize: Story<ButtonToggleProps>;
10
- export declare const WithLargeSize: Story<ButtonToggleProps>;
11
- export declare const WithPrimaryColor: Story<ButtonToggleProps>;
@@ -1,2 +0,0 @@
1
- import { ButtonToggleProps } from './';
2
- export declare const CommonButtonToggleStory: (args: ButtonToggleProps) => JSX.Element;
@@ -1,6 +0,0 @@
1
- import { Story, ComponentMeta } from '@storybook/react';
2
- import { CardProps } from './Card';
3
- declare const _default: ComponentMeta<({ ariaLabel, children, className, "data-testid": dataTestId, }: CardProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: Story<CardProps>;
6
- export declare const ComplexCardWithMedia: Story<CardProps>;
@@ -1,9 +0,0 @@
1
- import { ComponentMeta } from '@storybook/react';
2
- import { CheckboxProps, DotCheckbox } from './Checkbox';
3
- declare const _default: ComponentMeta<typeof DotCheckbox>;
4
- export default _default;
5
- export declare const Default: any;
6
- export declare const WithSmallSize: any;
7
- export declare const WithStartLabelPlacement: any;
8
- export declare const WithBottomLabelPlacement: any;
9
- export declare const WithIndeterminateOption: (args: CheckboxProps) => JSX.Element;
@@ -1,6 +0,0 @@
1
- import { ComponentMeta } from '@storybook/react';
2
- import { DotCheckboxGroup } from './CheckboxGroup';
3
- declare const _default: ComponentMeta<typeof DotCheckboxGroup>;
4
- export default _default;
5
- export declare const Default: any;
6
- export declare const WithHelperText: any;
@@ -1,8 +0,0 @@
1
- import { ComponentMeta } from '@storybook/react';
2
- import { ChipProps } from './Chip';
3
- declare const _default: ComponentMeta<({ ariaLabel, avatar, charactersLimit, children, className, "data-testid": dataTestId, disabled, error, isClickable, isDeletable, onClick, onDelete, size, startIcon, }: ChipProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: any;
6
- export declare const ChipWithAvatar: any;
7
- export declare const ChipWithIcon: any;
8
- export declare const ChipWithLongText: any;
@@ -1,5 +0,0 @@
1
- import { ComponentMeta, Story } from '@storybook/react';
2
- import { ClickAwayListenerProps } from './ClickAwayListener';
3
- declare const _default: ComponentMeta<({ children, disableReactTree, onClickAway, }: ClickAwayListenerProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: Story<ClickAwayListenerProps>;
@@ -1,6 +0,0 @@
1
- import { ComponentMeta } from '@storybook/react';
2
- import { ConfirmationDialogProps } from './ConfirmationDialog';
3
- declare const _default: ComponentMeta<({ ariaLabel, cancelButtonProps, className, "data-testid": dataTestId, message, onCancel, onSubmit, submitButtonProps, open, title, }: ConfirmationDialogProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: any;
6
- export declare const WithCustomTitleAndMessage: any;
@@ -1,7 +0,0 @@
1
- import { Story, ComponentMeta } from '@storybook/react';
2
- import { CssGridProps } from './CssGrid';
3
- declare const _default: ComponentMeta<(props: CssGridProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: Story<CssGridProps>;
6
- export declare const DebugCssGrid: Story<CssGridProps>;
7
- export declare const CssGridCell: Story<CssGridProps>;
@@ -1,27 +0,0 @@
1
- import { ComponentMeta, Story } from '@storybook/react';
2
- import { DatePickerProps } from './';
3
- declare const _default: ComponentMeta<({ ariaLabel, autoFocus, className, closeOnSelect, "data-testid": dataTestId, defaultValue, disableOpenPicker, disablePast, disablePortal, disabled, displayWeekNumber, displayClearButton, error, fixedWeekNumber, focusInputOnPopperOpened, format, fullWidth, helperText, inputId, inputName, label, locale, maxDate, minDate, onAccept, onBlur, onChange, onClose, onError, onKeyDown, onOpen, open, persistentLabel, readOnly, required, showDaysOutsideCurrentMonth, value, }: DatePickerProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: DatePickerProps;
6
- export declare const WithHelperText: any;
7
- export declare const WithError: any;
8
- export declare const WithPersistentLabel: any;
9
- export declare const WithReadOnly: any;
10
- export declare const WithDisabledPast: any;
11
- export declare const WithDisabledPicker: any;
12
- export declare const WithDisabledOption: any;
13
- export declare const WithDisplayedWeekNumber: any;
14
- export declare const WithCustomDateFormat: any;
15
- export declare const WithRequiredOption: any;
16
- export declare const WithDaysOutsideOfCurrentMonth: any;
17
- export declare const WithFullWidth: any;
18
- export declare const WithoutClearButton: any;
19
- export declare const WithConsoleWarning: any;
20
- export declare const WithDefaultValue: any;
21
- export declare const WithInputFocusOnPopperOpened: any;
22
- export declare const WithControlledMode: Story<DatePickerProps>;
23
- export declare const WithMinMaxDates: Story<DatePickerProps>;
24
- export declare const WithLocaleConfiguration: Story<DatePickerProps>;
25
- export declare const WithChangeOnBlur: Story<DatePickerProps>;
26
- export declare const WithOpenedPopperInControlledMode: Story<DatePickerProps>;
27
- export declare const WithConditionalRendering: Story<DatePickerProps>;
@@ -1,8 +0,0 @@
1
- export declare const datePickerWithControlledModeClassName = "dot-date-picker-with-controlled-mode";
2
- export declare const datePickerWithLocaleClassName = "dot-date-picker-with-locale";
3
- export declare const datePickerWithBlurClassName = "dot-date-picker-with-blur";
4
- export declare const datePickerWithConditionalRenderingClassName = "dot-date-picker-with-conditional-rendering";
5
- export declare const StyledDatePickerWithControlledMode: import("styled-components").StyledComponent<"div", any, {}, never>;
6
- export declare const StyledDatePickerWithChangeOnBlur: import("styled-components").StyledComponent<"div", any, {}, never>;
7
- export declare const StyledDatePickerWithLocale: import("styled-components").StyledComponent<"div", any, {}, never>;
8
- export declare const StyledDatePickerWithConditionalRendering: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,5 +0,0 @@
1
- import { Story, ComponentMeta } from '@storybook/react';
2
- import { DialogProps } from './Dialog';
3
- declare const _default: ComponentMeta<({ ariaLabel, cancelButtonProps, cancelButtonVisible, className, "data-testid": dataTestId, children, closeIconVisible, closeOnClickAway, closeOnSubmit, hasPrimaryAction, onCancel, onSubmit, open, submitButtonProps, title, }: DialogProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: Story<DialogProps>;
@@ -1,6 +0,0 @@
1
- import { ComponentMeta, Story } from '@storybook/react';
2
- import { DividerProps } from './Divider';
3
- declare const _default: ComponentMeta<({ absolute, ariaLabel, className, "data-testid": dataTestId, flexItem, light, orientation, variant, }: DividerProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: Story<DividerProps>;
6
- export declare const WithVerticalOrientation: (args: any) => JSX.Element;
@@ -1,2 +0,0 @@
1
- export declare const verticalClassName = "dot-divider-vertical";
2
- export declare const StyledVerticalDividerWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,10 +0,0 @@
1
- import { ComponentMeta } from '@storybook/react';
2
- import { DraggableListProps } from './';
3
- declare const _default: ComponentMeta<({ ariaLabel, className, "data-testid": dataTestId, disableDrag, draggableHandle, items, onChange, rowHeight, width, }: DraggableListProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: any;
6
- export declare const WithCustomWidth: any;
7
- export declare const WithAvatar: any;
8
- export declare const WithIcons: any;
9
- export declare const WithDisabledDrag: any;
10
- export declare const WithDraggableHandle: any;
@@ -1,18 +0,0 @@
1
- import { DraggableItem } from './';
2
- export interface DraggableListWithAvatarArgs {
3
- primaryText: string;
4
- secondaryText: string;
5
- }
6
- export interface DraggableListWithIconsArgs {
7
- text: string;
8
- }
9
- export interface DraggableListWithHandleArgs extends DraggableListWithIconsArgs {
10
- id: string;
11
- }
12
- export declare const DraggableListWithAvatar: ({ primaryText, secondaryText, }: DraggableListWithAvatarArgs) => JSX.Element;
13
- export declare const DraggableListWithIcons: ({ text, }: DraggableListWithIconsArgs) => JSX.Element;
14
- export declare const DraggableListWithHandle: ({ id, text, }: DraggableListWithHandleArgs) => JSX.Element;
15
- export declare const draggableListItems: DraggableItem[];
16
- export declare const draggableListWithAvatar: DraggableItem[];
17
- export declare const draggableListWithIcons: DraggableItem[];
18
- export declare const draggableListWithHandle: DraggableItem[];
@@ -1,6 +0,0 @@
1
- export declare const withDefaultContainerClassName = "dot-draggable-list-with-icons";
2
- export declare const withIconsClassName = "dot-draggable-list-with-icons";
3
- export declare const withAvatarClassName = "dot-draggable-list-with-avatar";
4
- export declare const StyledDefaultStoryContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
5
- export declare const StyledDraggableListWithAvatar: import("styled-components").StyledComponent<"div", any, {}, never>;
6
- export declare const StyledDraggableListWithIcons: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,9 +0,0 @@
1
- import { Story, ComponentMeta } from '@storybook/react';
2
- import { DrawerProps } from './Drawer';
3
- declare const _default: ComponentMeta<({ anchor, ariaLabel, ariaRole, className, children, "data-testid": dataTestId, drawerBodyProps, drawerFooterProps, drawerHeaderProps, height, ModalProps, onClose, open, PaperProps, variant, width, }: DrawerProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: Story<DrawerProps>;
6
- export declare const WithHeader: Story<DrawerProps>;
7
- export declare const WithBodyOnly: Story<DrawerProps>;
8
- export declare const WithFooter: Story<DrawerProps>;
9
- export declare const WithHeaderBodyFooter: Story<DrawerProps>;
@@ -1,5 +0,0 @@
1
- import { ComponentMeta, Story } from '@storybook/react';
2
- import { DynamicFormProps } from './DynamicForm';
3
- declare const _default: ComponentMeta<({ ariaLabel, className, "data-testid": dataTestId, config, disabled: isFormDisabled, liveValidation, onChange, onSubmit, }: DynamicFormProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: Story<DynamicFormProps>;
@@ -1,2 +0,0 @@
1
- import { ControlClickHandler, DynamicFormConfig } from './models';
2
- export declare const getDynamicFormConfig: (handleProgressControlClick?: ControlClickHandler) => DynamicFormConfig;
@@ -1 +0,0 @@
1
- export declare const StyledDynamicFormStory: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,5 +0,0 @@
1
- import { Story, ComponentMeta } from '@storybook/react';
2
- import { EmptyStateProps } from './EmptyState';
3
- declare const _default: ComponentMeta<({ ariaLabel, buttonProps, className, "data-testid": dataTestId, imageAltText, imageSrc, subtitle, title, }: EmptyStateProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: Story<EmptyStateProps>;
@@ -1,9 +0,0 @@
1
- import { ComponentMeta } from '@storybook/react';
2
- import { FileUploadProps } from './';
3
- declare const _default: ComponentMeta<({ accept, ariaLabel, ariaRole, buttonProps, buttonOnly, className, "data-testid": dataTestId, disabled, hideFilesList, maxFiles, maxSize, onChange, onDragEnter, onFileClick, }: FileUploadProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: any;
6
- export declare const WithSingleFileLimit: any;
7
- export declare const WithCustomFileUploadList: (args: FileUploadProps) => JSX.Element;
8
- export declare const WithUploadErrors: (args: FileUploadProps) => JSX.Element;
9
- export declare const WithCustomButtonProps: (args: FileUploadProps) => JSX.Element;
@@ -1,6 +0,0 @@
1
- import { FileUploadProps, MappedListItemFile } from './';
2
- export interface CustomFileUploadArgs {
3
- alreadyUploadedFiles?: MappedListItemFile[];
4
- args: FileUploadProps;
5
- }
6
- export declare const CustomFileUpload: ({ args, alreadyUploadedFiles, }: CustomFileUploadArgs) => JSX.Element;
@@ -1,2 +0,0 @@
1
- export declare const withCustomFileUploadListClassName = "dot-custom-file-upload-list";
2
- export declare const StyledWithCustomFileUploadList: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,5 +0,0 @@
1
- import { Story, ComponentMeta } from '@storybook/react';
2
- import { FormProps } from './Form';
3
- declare const _default: ComponentMeta<({ ariaLabel, children, className, "data-testid": dataTestId, onSubmit, }: FormProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: Story<FormProps>;
@@ -1,5 +0,0 @@
1
- import { Story, ComponentMeta } from '@storybook/react';
2
- import { DotFormGroup, FormGroupProps } from './FormGroup';
3
- declare const _default: ComponentMeta<typeof DotFormGroup>;
4
- export default _default;
5
- export declare const Default: Story<FormGroupProps>;
@@ -1,5 +0,0 @@
1
- import { Story, ComponentMeta } from '@storybook/react';
2
- import { IconProps } from './Icon';
3
- declare const _default: ComponentMeta<({ ariaLabel, ariaRole, className, "data-testid": dataTestId, fontSize, iconId, tooltip, }: IconProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: Story<IconProps>;
@@ -1,16 +0,0 @@
1
- import { ComponentMeta } from '@storybook/react';
2
- import { InlineEditProps } from './InlineEdit';
3
- declare const _default: ComponentMeta<({ ariaLabel, ariaRole, bindings, charactersLimit, className, "data-testid": dataTestId, fullWidth, hideActionButtons, name, onChange, onEditStateChange, placeholder, readOnly, selectTextOnEdit, startEditable, tabIndex, tooltip, typography, value, }: InlineEditProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: any;
6
- export declare const WithCharactersLimit: any;
7
- export declare const WithPlaceholder: any;
8
- export declare const WithMultipleLines: any;
9
- export declare const WithReadOnlyMode: any;
10
- export declare const WithoutActionButtons: any;
11
- export declare const WithTooltip: any;
12
- export declare const WithSaveError: (args: InlineEditProps) => JSX.Element;
13
- export declare const WithStartEditable: any;
14
- export declare const WithSingleBinding: any;
15
- export declare const WithMultipleBindings: (args: InlineEditProps) => JSX.Element;
16
- export declare const WithSelectOnEdit: any;
@@ -1,2 +0,0 @@
1
- export declare const multipleBindingsClassName = "dot-multiple-bindings-story";
2
- export declare const StyledWithMultipleBindings: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -1,12 +0,0 @@
1
- export declare const helperTextArgType: {
2
- options: string[];
3
- mapping: (string | JSX.Element)[];
4
- control: {
5
- type: string;
6
- labels: {
7
- 0: string;
8
- 1: string;
9
- 2: string;
10
- };
11
- };
12
- };
@@ -1,10 +0,0 @@
1
- import { Story, ComponentMeta } from '@storybook/react';
2
- import { InputSelectProps } from './InputSelect';
3
- declare const _default: ComponentMeta<({ ariaLabel, autoFocus, className, "data-testid": dataTestId, defaultValue, disabled, endIcon, endText, error, fullWidth, helperText, id, inputRef, label, name, onBlur, onChange, onFocus, onKeyDown, options, persistentLabel, readOnly, required, shrink, size, startIcon, success, value, warning, }: InputSelectProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: Story<InputSelectProps>;
6
- export declare const WithPersistentLabel: Story<InputSelectProps>;
7
- export declare const WithError: Story<InputSelectProps>;
8
- export declare const WithSuccess: Story<InputSelectProps>;
9
- export declare const WithWarning: Story<InputSelectProps>;
10
- export declare const WithReadOnly: Story<InputSelectProps>;
@@ -1,17 +0,0 @@
1
- import { ComponentMeta, Story } from '@storybook/react';
2
- import { InputTextProps } from './InputText';
3
- declare const _default: ComponentMeta<({ autoComplete, autoFocus, className, defaultValue, "data-testid": dataTestId, disabled, error, endAdornmentTooltip, fullWidth, hasDebounce, helperText, endIcon, endText, id, inputRef, label, max, maxRows, min, minRows, multiline, name, onBlur, onChange, onFocus, onKeyDown, onMouseUp, persistentLabel, placeholder, readOnly, required, shrink, startIcon, size, success, type, value, warning, }: InputTextProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: Story<InputTextProps>;
6
- export declare const WithPersistentLabel: Story<InputTextProps>;
7
- export declare const WithHelperText: Story<InputTextProps>;
8
- export declare const WithError: Story<InputTextProps>;
9
- export declare const WithSuccess: Story<InputTextProps>;
10
- export declare const WithWarning: Story<InputTextProps>;
11
- export declare const WithErrorTooltip: Story<InputTextProps>;
12
- export declare const WithWarningTooltip: Story<InputTextProps>;
13
- export declare const WithReadOnly: Story<InputTextProps>;
14
- export declare const WithMultiline: Story<InputTextProps>;
15
- export declare const WithEndText: Story<InputTextProps>;
16
- export declare const WithMinMaxNumber: Story<InputTextProps>;
17
- export declare const WithMinMaxDate: Story<InputTextProps>;
@@ -1,13 +0,0 @@
1
- import { ComponentMeta } from '@storybook/react';
2
- import { LinearProgressProps } from './LinearProgress';
3
- declare const _default: ComponentMeta<({ ariaLabel, color, className, "data-testid": dataTestId, value, valueBuffer, variant, }: LinearProgressProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: any;
6
- export declare const WithDeterminateVariant: any;
7
- export declare const WithBufferVariant: any;
8
- export declare const WithQueryVariant: any;
9
- export declare const WithPrimaryColor: any;
10
- export declare const WithSecondaryColor: any;
11
- export declare const WithErrorColor: any;
12
- export declare const WithWarningColor: any;
13
- export declare const WithPurpleColor: any;
@@ -1,6 +0,0 @@
1
- import { Story, ComponentMeta } from '@storybook/react';
2
- import { LinkProps } from './Link';
3
- declare const _default: ComponentMeta<({ ariaLabel, ariaRole, children, className, color, "data-testid": dataTestId, href, onClick, onMouseEnter, onPointerDown, rel, tabIndex, target, tooltip, underline, }: LinkProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: Story<LinkProps>;
6
- export declare const LinkInParagraph: Story<LinkProps>;
@@ -1,6 +0,0 @@
1
- import { ComponentMeta } from '@storybook/react';
2
- import { ListProps } from './utils/models';
3
- declare const _default: ComponentMeta<({ ariaLabel, ariaRole, children, className, component, "data-testid": dataTestId, dense, disablePadding, items, menuPlacement, nestedDrawerLeftSpacing, nestedListType, width, }: ListProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: any;
6
- export declare const WithoutIcons: any;
@@ -1,4 +0,0 @@
1
- import { ListItemProps } from './utils/models';
2
- export declare const mockHref = "/?path=/story/components-list--default";
3
- export declare const mockListItems: Array<ListItemProps>;
4
- export declare const listItemsWithoutIcons: Array<ListItemProps>;
@@ -1,9 +0,0 @@
1
- import { ComponentMeta, Story } from '@storybook/react';
2
- import { MenuProps } from './Menu';
3
- declare const _default: ComponentMeta<({ anchorEl, ariaLabel, ariaRole, className, "data-testid": dataTestId, dense, disablePortal, id, loading, maxVisibleItems, menuItemHeight, menuItems, menuPlacement, onLeave, onSelect, open, selectedKey, }: MenuProps) => JSX.Element>;
4
- export default _default;
5
- export declare const Default: Story<MenuProps>;
6
- export declare const ButtonMenu: Story<MenuProps>;
7
- export declare const TableMenu: Story<MenuProps>;
8
- export declare const WithCustomHeight: Story<MenuProps>;
9
- export declare const WithMultiLevelMenu: Story<MenuProps>;