@digital-ai/dot-components 2.19.1 → 2.20.1
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.
- package/README.md +1 -2
- package/index.esm.d.ts +1 -0
- package/index.esm.js +1193 -1481
- package/package.json +7 -7
- package/{index.d.ts → src/index.d.ts} +7 -7
- package/src/lib/components/AccessibilityProps.d.ts +1 -0
- package/{lib → src/lib}/components/BaseButtonProps.d.ts +26 -26
- package/{lib → src/lib}/components/CommonProps.d.ts +11 -11
- package/{lib → src/lib}/components/accordion/Accordion.d.ts +28 -28
- package/{lib → src/lib}/components/accordion/Accordion.styles.d.ts +4 -4
- package/{lib → src/lib}/components/action-toolbar/ActionToolbar.d.ts +10 -10
- package/{lib → src/lib}/components/action-toolbar/ActionToolbar.styles.d.ts +2 -2
- package/{lib → src/lib}/components/alert-banner/AlertBanner.d.ts +19 -19
- package/{lib → src/lib}/components/alert-banner/AlertBanner.styles.d.ts +4 -4
- package/{lib → src/lib}/components/app-logo/AppLogo.d.ts +11 -11
- package/{lib → src/lib}/components/app-switcher/AppSwitcher.d.ts +29 -29
- package/{lib → src/lib}/components/app-switcher/AppSwitcher.styles.d.ts +2 -2
- package/{lib → src/lib}/components/app-switcher/utils/helpers.d.ts +26 -26
- package/{lib → src/lib}/components/app-toolbar/AppToolbar.d.ts +49 -49
- package/{lib → src/lib}/components/app-toolbar/AppToolbar.data.d.ts +8 -8
- package/{lib → src/lib}/components/app-toolbar/AppToolbar.styles.d.ts +4 -4
- package/{lib → src/lib}/components/auto-complete/AutoComplete.d.ts +89 -89
- package/{lib → src/lib}/components/auto-complete/AutoComplete.styles.d.ts +5 -5
- package/{lib → src/lib}/components/auto-complete/index.d.ts +4 -4
- package/{lib → src/lib}/components/auto-complete/utils/helpers.d.ts +13 -13
- package/{lib → src/lib}/components/auto-complete/utils/interface.d.ts +17 -17
- package/{lib → src/lib}/components/avatar/Avatar.d.ts +37 -37
- package/{lib → src/lib}/components/avatar/Avatar.styles.d.ts +3 -3
- package/{lib → src/lib}/components/avatar-group/AvatarGroup.d.ts +12 -12
- package/{lib → src/lib}/components/avatar-group/AvatarGroup.styles.d.ts +3 -3
- package/{lib → src/lib}/components/badge/Badge.d.ts +20 -20
- package/{lib → src/lib}/components/badge/Badge.styles.d.ts +6 -6
- package/{lib → src/lib}/components/badge/index.d.ts +1 -1
- package/{lib → src/lib}/components/breadcrumbs/Breadcrumbs.d.ts +25 -25
- package/{lib → src/lib}/components/breadcrumbs/Breadcrumbs.data.d.ts +5 -5
- package/{lib → src/lib}/components/breadcrumbs/Breadcrumbs.styles.d.ts +4 -4
- package/{lib → src/lib}/components/breadcrumbs/utils/helpers.d.ts +25 -25
- package/{lib → src/lib}/components/breadcrumbs/utils/useBreadcrumbsObserver.d.ts +9 -9
- package/{lib → src/lib}/components/breadcrumbs/utils/useBreadcrumbsResizer.d.ts +18 -18
- package/{lib → src/lib}/components/button/Button.d.ts +13 -13
- package/{lib → src/lib}/components/button/Button.styles.d.ts +2 -2
- package/{lib → src/lib}/components/button/CopyButton.d.ts +14 -14
- package/{lib → src/lib}/components/button/CopyButton.styles.d.ts +2 -2
- package/{lib → src/lib}/components/button/IconButton.d.ts +29 -29
- package/{lib → src/lib}/components/button/IconButton.styles.d.ts +2 -2
- package/{lib → src/lib}/components/button/index.d.ts +6 -6
- package/{lib → src/lib}/components/button-toggle/ButtonToggle.d.ts +24 -24
- package/{lib → src/lib}/components/button-toggle/ButtonToggle.styles.d.ts +3 -3
- package/{lib → src/lib}/components/button-toggle/index.d.ts +3 -3
- package/src/lib/components/button-toggle/utils/models.d.ts +13 -0
- package/{lib → src/lib}/components/card/Card.d.ts +7 -7
- package/{lib → src/lib}/components/card/CardContent.d.ts +7 -7
- package/{lib → src/lib}/components/card/CardFooter.d.ts +7 -7
- package/{lib → src/lib}/components/card/CardFooter.styles.d.ts +2 -2
- package/{lib → src/lib}/components/card/CardHeader.d.ts +19 -19
- package/{lib → src/lib}/components/carousel/Carousel.d.ts +31 -31
- package/{lib → src/lib}/components/carousel/Carousel.styles.d.ts +6 -6
- package/{lib → src/lib}/components/checkbox/Checkbox.d.ts +12 -12
- package/{lib → src/lib}/components/checkbox/Checkbox.styles.d.ts +3 -3
- package/{lib → src/lib}/components/checkbox/CheckboxGroup.d.ts +16 -16
- package/{lib → src/lib}/components/checkbox/CheckboxGroup.styles.d.ts +5 -5
- package/{lib → src/lib}/components/chip/Chip.d.ts +29 -29
- package/{lib → src/lib}/components/chip/Chip.styles.d.ts +2 -2
- package/{lib → src/lib}/components/click-away-listener/ClickAwayListener.d.ts +10 -10
- package/{lib → src/lib}/components/click-away-listener/index.d.ts +2 -2
- package/{lib → src/lib}/components/compareSize.d.ts +1 -1
- package/{lib → src/lib}/components/confirmation-dialog/ConfirmationDialog.d.ts +20 -20
- package/{lib → src/lib}/components/core-api/CancelablePromise.d.ts +7 -7
- package/{lib → src/lib}/components/core-api/CoreApiProvider.d.ts +23 -23
- package/{lib → src/lib}/components/core-api/openapi/core/ApiError.d.ts +8 -8
- package/{lib → src/lib}/components/core-api/openapi/core/ApiRequestOptions.d.ts +12 -12
- package/{lib → src/lib}/components/core-api/openapi/core/ApiResult.d.ts +7 -7
- package/{lib → src/lib}/components/core-api/openapi/core/OpenAPI.d.ts +15 -15
- package/{lib → src/lib}/components/core-api/openapi/core/request.d.ts +9 -9
- package/{lib → src/lib}/components/core-api/openapi/index.d.ts +12 -12
- package/{lib → src/lib}/components/core-api/openapi/models/AccountModel.d.ts +50 -50
- package/{lib → src/lib}/components/core-api/openapi/models/AccountModelWrapper.d.ts +4 -4
- package/{lib → src/lib}/components/core-api/openapi/models/AccountModelsWrapper.d.ts +6 -6
- package/{lib → src/lib}/components/core-api/openapi/models/ApplicationInstanceStates.d.ts +4 -4
- package/{lib → src/lib}/components/core-api/openapi/models/ApplicationModel.d.ts +67 -67
- package/{lib → src/lib}/components/core-api/openapi/models/ApplicationModelWrapper.d.ts +4 -4
- package/{lib → src/lib}/components/core-api/openapi/models/ApplicationModelsWrapper.d.ts +6 -6
- package/{lib → src/lib}/components/core-api/openapi/models/PaginationModel.d.ts +22 -22
- package/{lib → src/lib}/components/core-api/openapi/services/AccountsService.d.ts +25 -25
- package/{lib → src/lib}/components/core-api/openapi/services/ApplicationsService.d.ts +38 -38
- package/{lib → src/lib}/components/createUUID.d.ts +1 -1
- package/{lib → src/lib}/components/css-grid/CssCell.d.ts +42 -42
- package/{lib → src/lib}/components/css-grid/CssGrid.d.ts +37 -37
- package/{lib → src/lib}/components/css-grid/CssGridDebug.d.ts +4 -4
- package/{lib → src/lib}/components/date-picker/DatePicker.d.ts +83 -83
- package/{lib → src/lib}/components/date-picker/DatePicker.styles.d.ts +11 -11
- package/{lib → src/lib}/components/date-picker/index.d.ts +5 -5
- package/{lib → src/lib}/components/date-picker/utils/helpers.d.ts +5 -5
- package/{lib → src/lib}/components/date-picker/utils/models.d.ts +43 -43
- package/{lib → src/lib}/components/dialog/Dialog.d.ts +42 -42
- package/{lib → src/lib}/components/dialog/Dialog.styles.d.ts +3 -3
- package/{lib → src/lib}/components/divider/Divider.d.ts +16 -16
- package/{lib → src/lib}/components/divider/Divider.styles.d.ts +2 -2
- package/{lib → src/lib}/components/divider/index.d.ts +1 -1
- package/{lib → src/lib}/components/draggable-list/DraggableList.d.ts +23 -23
- package/{lib → src/lib}/components/draggable-list/DraggableList.styles.d.ts +8 -8
- package/{lib → src/lib}/components/draggable-list/index.d.ts +2 -2
- package/{lib → src/lib}/components/draggable-list/utils/helpers.d.ts +5 -5
- package/{lib → src/lib}/components/draggable-list/utils/models.d.ts +5 -5
- package/{lib → src/lib}/components/drawer/Drawer.d.ts +45 -45
- package/{lib → src/lib}/components/drawer/Drawer.styles.d.ts +4 -4
- package/{lib → src/lib}/components/drawer/DrawerBody.d.ts +9 -9
- package/{lib → src/lib}/components/drawer/DrawerBody.styles.d.ts +2 -2
- package/{lib → src/lib}/components/drawer/DrawerFooter.d.ts +6 -6
- package/{lib → src/lib}/components/drawer/DrawerFooter.styles.d.ts +2 -2
- package/{lib → src/lib}/components/drawer/DrawerHeader.d.ts +8 -8
- package/{lib → src/lib}/components/drawer/DrawerHeader.styles.d.ts +2 -2
- package/{lib → src/lib}/components/dynamic-form/DynamicForm.d.ts +10 -10
- package/{lib → src/lib}/components/dynamic-form/DynamicForm.styles.d.ts +2 -2
- package/{lib → src/lib}/components/dynamic-form/constants.d.ts +4 -4
- package/{lib → src/lib}/components/dynamic-form/models.d.ts +81 -81
- package/{lib → src/lib}/components/dynamic-form/sample.spec.data.d.ts +22 -22
- package/{lib → src/lib}/components/dynamic-form/utils/formHelpers.d.ts +38 -38
- package/{lib → src/lib}/components/dynamic-form/utils/helpers.d.ts +6 -6
- package/{lib → src/lib}/components/dynamic-form/utils/validation.d.ts +25 -25
- package/{lib → src/lib}/components/empty-state/EmptyState.d.ts +15 -15
- package/{lib → src/lib}/components/empty-state/EmptyState.styles.d.ts +2 -2
- package/{lib → src/lib}/components/file-upload/FileListItem.d.ts +17 -17
- package/src/lib/components/file-upload/FileListItem.styles.d.ts +13 -0
- package/{lib → src/lib}/components/file-upload/FileUpload.d.ts +37 -37
- package/{lib → src/lib}/components/file-upload/FileUpload.styles.d.ts +6 -6
- package/{lib → src/lib}/components/file-upload/index.d.ts +6 -6
- package/src/lib/components/file-upload/uploadHelpers.d.ts +12 -0
- package/{lib → src/lib}/components/file-upload/utils/helpers.d.ts +25 -25
- package/{lib → src/lib}/components/file-upload/utils/models.d.ts +35 -35
- package/{lib → src/lib}/components/form/Form.d.ts +9 -9
- package/{lib → src/lib}/components/form/Form.styles.d.ts +2 -2
- package/{lib → src/lib}/components/form-controls/FormControl.styles.d.ts +6 -6
- package/{lib → src/lib}/components/form-controls/FormControlLabel.styles.d.ts +3 -3
- package/{lib → src/lib}/components/form-group/FormGroup.d.ts +9 -9
- package/{lib → src/lib}/components/form-group/FormGroup.styles.d.ts +3 -3
- package/{lib → src/lib}/components/helpers.d.ts +13 -13
- package/{lib → src/lib}/components/icon/Icon.d.ts +11 -11
- package/{lib → src/lib}/components/icon/Icon.styles.d.ts +5 -5
- package/{lib → src/lib}/components/index.d.ts +109 -106
- package/{lib → src/lib}/components/inline-edit/InlineEdit.d.ts +39 -39
- package/{lib → src/lib}/components/inline-edit/InlineEdit.styles.d.ts +13 -13
- package/{lib → src/lib}/components/inline-edit/index.d.ts +3 -3
- package/{lib → src/lib}/components/inline-edit/utils/helpers.d.ts +6 -6
- package/{lib → src/lib}/components/inline-edit/utils/models.d.ts +13 -13
- package/{lib → src/lib}/components/input-form-fields/InputFormFields.propTypes.d.ts +67 -67
- package/{lib → src/lib}/components/input-form-fields/InputFormFields.styles.d.ts +14 -14
- package/{lib → src/lib}/components/input-form-fields/InputLabel.d.ts +17 -17
- package/{lib → src/lib}/components/input-form-fields/InputSelect.d.ts +15 -15
- package/{lib → src/lib}/components/input-form-fields/InputText.d.ts +34 -34
- package/{lib → src/lib}/components/input-form-fields/common.styles.d.ts +5 -5
- package/{lib → src/lib}/components/linear-progress/LinearProgress.d.ts +14 -14
- package/{lib → src/lib}/components/linear-progress/LinearProgress.styles.d.ts +3 -3
- package/{lib → src/lib}/components/linear-progress/index.d.ts +2 -2
- package/{lib → src/lib}/components/link/Link.d.ts +30 -30
- package/{lib → src/lib}/components/link/Link.styles.d.ts +2 -2
- package/{lib → src/lib}/components/list/List.d.ts +2 -2
- package/{lib → src/lib}/components/list/List.styles.d.ts +5 -5
- package/{lib → src/lib}/components/list/ListDivider.d.ts +7 -7
- package/{lib → src/lib}/components/list/ListItem.d.ts +2 -2
- package/{lib → src/lib}/components/list/ListItem.styles.d.ts +6 -6
- package/{lib → src/lib}/components/list/NestedList.d.ts +2 -2
- package/{lib → src/lib}/components/list/NestedList.styles.d.ts +1 -1
- package/{lib → src/lib}/components/list/index.d.ts +2 -2
- package/{lib → src/lib}/components/list/utils/helpers.d.ts +3 -3
- package/{lib → src/lib}/components/list/utils/models.d.ts +88 -88
- package/{lib → src/lib}/components/menu/Menu.d.ts +50 -50
- package/{lib → src/lib}/components/menu/Menu.styles.d.ts +18 -18
- package/{lib → src/lib}/components/menu/MenuList.d.ts +26 -26
- package/{lib → src/lib}/components/menu/MenuList.styles.d.ts +4 -4
- package/{lib → src/lib}/components/menu/utils/constants.d.ts +3 -3
- package/{lib → src/lib}/components/menu/utils/helpers.d.ts +16 -16
- package/{lib → src/lib}/components/navigation-rail/NavigationRail.d.ts +25 -25
- package/{lib → src/lib}/components/navigation-rail/NavigationRail.styles.d.ts +6 -6
- package/{lib → src/lib}/components/navigation-rail/index.d.ts +2 -2
- package/{lib → src/lib}/components/pill/Pill.d.ts +24 -24
- package/{lib → src/lib}/components/pill/Pill.styles.d.ts +3 -3
- package/{lib → src/lib}/components/popper/Popper.d.ts +33 -33
- package/{lib → src/lib}/components/popper/Popper.data.d.ts +7 -7
- package/{lib → src/lib}/components/popper/Popper.styles.d.ts +12 -12
- package/{lib → src/lib}/components/popper/index.d.ts +2 -2
- package/{lib → src/lib}/components/progress/Progress.d.ts +18 -18
- package/{lib → src/lib}/components/progress/Progress.styles.d.ts +3 -3
- package/{lib → src/lib}/components/progress/index.d.ts +2 -2
- package/{lib → src/lib}/components/progress-button/ProgressButton.d.ts +8 -8
- package/{lib → src/lib}/components/progress-button/ProgressButton.styles.d.ts +3 -3
- package/{lib → src/lib}/components/radio/RadioButton.d.ts +31 -31
- package/{lib → src/lib}/components/radio/RadioButton.styles.d.ts +3 -3
- package/{lib → src/lib}/components/radio/RadioGroup.d.ts +29 -29
- package/{lib → src/lib}/components/radio/RadioGroup.styles.d.ts +6 -6
- package/{lib → src/lib}/components/search-input/SearchInput.d.ts +11 -11
- package/{lib → src/lib}/components/search-input/SearchInput.styles.d.ts +2 -2
- package/{lib → src/lib}/components/sidebar/Sidebar.d.ts +49 -49
- package/{lib → src/lib}/components/sidebar/Sidebar.styles.d.ts +2 -2
- package/{lib → src/lib}/components/skeleton/Skeleton.d.ts +14 -14
- package/{lib → src/lib}/components/skeleton/Skeleton.styles.d.ts +2 -2
- package/{lib → src/lib}/components/snackbar/Snackbar.d.ts +21 -21
- package/{lib → src/lib}/components/snackbar/Snackbar.styles.d.ts +8 -8
- package/{lib → src/lib}/components/snackbar/SnackbarContainer.styles.d.ts +2 -2
- package/{lib → src/lib}/components/snackbar/SnackbarHelper.d.ts +2 -2
- package/{lib → src/lib}/components/snackbar/SnackbarProvider.d.ts +21 -21
- package/{lib → src/lib}/components/snackbar/index.d.ts +4 -4
- package/{lib → src/lib}/components/split-button/SplitButton.d.ts +15 -15
- package/{lib → src/lib}/components/split-button/SplitButton.styles.d.ts +3 -3
- package/{lib → src/lib}/components/split-button/utils/helpers.d.ts +2 -2
- package/{lib → src/lib}/components/stepper/Stepper.d.ts +64 -64
- package/{lib → src/lib}/components/stepper/Stepper.styles.d.ts +15 -15
- package/{lib → src/lib}/components/switch/Switch.d.ts +26 -26
- package/{lib → src/lib}/components/switch/Switch.styles.d.ts +3 -3
- package/{lib → src/lib}/components/switch/index.d.ts +2 -2
- package/{lib → src/lib}/components/table/Table.d.ts +10 -10
- package/{lib → src/lib}/components/table/Table.data.d.ts +42 -42
- package/{lib → src/lib}/components/table/Table.styles.d.ts +4 -4
- package/{lib → src/lib}/components/table/TableAction.d.ts +12 -12
- package/{lib → src/lib}/components/table/TableActions.d.ts +7 -7
- package/{lib → src/lib}/components/table/TableActions.styles.d.ts +3 -3
- package/{lib → src/lib}/components/table/TableBody.d.ts +29 -29
- package/{lib → src/lib}/components/table/TableBody.styles.d.ts +2 -2
- package/{lib → src/lib}/components/table/TableBodyCheckboxCell.d.ts +8 -8
- package/{lib → src/lib}/components/table/TableBodyCheckboxCell.styles.d.ts +3 -3
- package/{lib → src/lib}/components/table/TableCell.d.ts +19 -19
- package/{lib → src/lib}/components/table/TableCell.styles.d.ts +3 -3
- package/{lib → src/lib}/components/table/TableDataWithPagination.d.ts +11 -11
- package/{lib → src/lib}/components/table/TableHeader.d.ts +6 -6
- package/{lib → src/lib}/components/table/TableHeaderCell.d.ts +36 -36
- package/{lib → src/lib}/components/table/TableHeaderCell.styles.d.ts +3 -3
- package/{lib → src/lib}/components/table/TableHeaderCheckboxCell.d.ts +8 -8
- package/{lib → src/lib}/components/table/TableHeaderCheckboxCell.styles.d.ts +3 -3
- package/{lib → src/lib}/components/table/TablePagination.d.ts +25 -25
- package/{lib → src/lib}/components/table/TablePagination.styles.d.ts +7 -7
- package/{lib → src/lib}/components/table/TableRow.d.ts +30 -30
- package/{lib → src/lib}/components/table/TableRow.styles.d.ts +2 -2
- package/{lib → src/lib}/components/table/TableRowEmpty.d.ts +7 -7
- package/{lib → src/lib}/components/table/TableSelectionToolbar.d.ts +8 -8
- package/{lib → src/lib}/components/table/TableSelectionToolbar.styles.d.ts +2 -2
- package/{lib → src/lib}/components/table/collapsible-table/CollapsibleTable.d.ts +2 -2
- package/{lib → src/lib}/components/table/collapsible-table/CollapsibleTable.styles.d.ts +2 -2
- package/{lib → src/lib}/components/table/collapsible-table/CollapsibleTableBody.d.ts +2 -2
- package/{lib → src/lib}/components/table/collapsible-table/ExpandCollapseCell.d.ts +3 -3
- package/{lib → src/lib}/components/table/collapsible-table/ExpandCollapseCell.styles.d.ts +3 -3
- package/{lib → src/lib}/components/table/collapsible-table/index.d.ts +4 -4
- package/{lib → src/lib}/components/table/collapsible-table/interfaces.d.ts +43 -43
- package/{lib → src/lib}/components/table/index.d.ts +13 -13
- package/{lib → src/lib}/components/table/utils/helpers.d.ts +9 -9
- package/{lib → src/lib}/components/table/utils/interfaces.d.ts +87 -87
- package/{lib → src/lib}/components/table/utils/models.d.ts +25 -25
- package/{lib → src/lib}/components/tabs/Tabs.d.ts +31 -31
- package/{lib → src/lib}/components/tabs/Tabs.styles.d.ts +2 -2
- package/{lib → src/lib}/components/time-picker/TimePicker.d.ts +63 -63
- package/{lib → src/lib}/components/time-picker/TimePicker.styles.d.ts +7 -7
- package/{lib → src/lib}/components/time-picker/index.d.ts +3 -3
- package/{lib → src/lib}/components/time-picker/utils/helpers.d.ts +18 -18
- package/{lib → src/lib}/components/time-picker/utils/models.d.ts +4 -4
- package/{lib → src/lib}/components/tooltip/Tooltip.d.ts +14 -14
- package/{lib → src/lib}/components/truncate-with-tooltip/TruncateWithTooltip.d.ts +9 -9
- package/{lib → src/lib}/components/truncate-with-tooltip/TruncateWithTooltip.styles.d.ts +3 -3
- package/{lib → src/lib}/components/truncate-with-tooltip/index.d.ts +2 -2
- package/{lib → src/lib}/components/truncate-with-tooltip/utils/helpers.d.ts +3 -3
- package/{lib → src/lib}/components/typography/Typography.d.ts +18 -18
- package/{lib → src/lib}/components/useStylesWithRootClass.d.ts +1 -1
- package/{lib → src/lib}/fonts/fonts.d.ts +1 -1
- package/{lib → src/lib}/theme-provider/ThemeProvider.d.ts +32 -32
- package/{lib → src/lib}/theme-provider/colors/agility-dark-theme-colors.d.ts +9 -9
- package/{lib → src/lib}/theme-provider/colors/agility-light-theme-colors.d.ts +11 -11
- package/{lib → src/lib}/theme-provider/colors/figma-colors.d.ts +3 -3
- package/{lib → src/lib}/theme-provider/colors/light-theme-colors.d.ts +104 -104
- package/{lib → src/lib}/theme-provider/common/variables.d.ts +6 -6
- package/{lib → src/lib}/theme-provider/interfaces.d.ts +198 -198
- package/index.umd.js +0 -12351
- package/lib/components/AccessibilityProps.d.ts +0 -1
- package/lib/components/button-toggle/utils/models.d.ts +0 -13
- package/lib/components/file-upload/FileListItem.styles.d.ts +0 -42
- package/lib/components/file-upload/uploadHelpers.d.ts +0 -12
|
@@ -1,50 +1,50 @@
|
|
|
1
|
-
import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
|
|
2
|
-
import { CommonProps } from '../CommonProps';
|
|
3
|
-
export
|
|
4
|
-
export interface MenuProps extends CommonProps {
|
|
5
|
-
/** Element that menu is attached to */
|
|
6
|
-
anchorEl?: Element;
|
|
7
|
-
/** If true, compact vertical padding designed for keyboard and mouse input is used for the list and list items. **/
|
|
8
|
-
dense?: boolean;
|
|
9
|
-
/** Disable the portal behavior. If true, children stay within parent DOM hierarchy. */
|
|
10
|
-
disablePortal?: boolean;
|
|
11
|
-
/** Unique ID that ties a particular menu to a specific element */
|
|
12
|
-
id: string;
|
|
13
|
-
/** If true, will display a loading indicator in the menu */
|
|
14
|
-
loading?: boolean;
|
|
15
|
-
/** Maximum number of visible menu items */
|
|
16
|
-
maxVisibleItems?: number;
|
|
17
|
-
/** Used to specify height of each menu item when custom component, set to "auto" if no specific height is needed or leave empty for auto calculation based on `maxVisibleItems` */
|
|
18
|
-
menuItemHeight?: number | string;
|
|
19
|
-
/** Array of items to be displayed inside the menu */
|
|
20
|
-
menuItems: Array<MenuItemProps>;
|
|
21
|
-
/** Determines the placement of the menu */
|
|
22
|
-
menuPlacement?: PopperPlacement;
|
|
23
|
-
/** Event callback when leaving menu via tab or clicking away */
|
|
24
|
-
onLeave?: (event: KeyboardEvent | MouseEvent) => void;
|
|
25
|
-
/** Callback when menu item is selected */
|
|
26
|
-
onSelect?: (event: MouseEvent | KeyboardEvent, menuId: string, itemKey: string) => void;
|
|
27
|
-
/** If true, the menu is open. */
|
|
28
|
-
open?: boolean;
|
|
29
|
-
/** Key of the item which needs to be selected. If provided, item will be highlighted. */
|
|
30
|
-
selectedKey?: string;
|
|
31
|
-
}
|
|
32
|
-
export interface MenuItemProps {
|
|
33
|
-
/** Defines a string value that labels the current element **/
|
|
34
|
-
ariaLabel?: string;
|
|
35
|
-
/** The text displayed on the item */
|
|
36
|
-
children?: ReactNode;
|
|
37
|
-
/** Space delimited CSS classes to be attributed to the menu item */
|
|
38
|
-
classes?: string;
|
|
39
|
-
/** If true, the item will be displayed in a disabled state. */
|
|
40
|
-
disabled?: boolean;
|
|
41
|
-
/** If true, a 1px light border is added to the bottom of the menu item. */
|
|
42
|
-
divider?: boolean;
|
|
43
|
-
/** Used to set custom item height (in pixels). This value has priority over "menuItemHeight" prop. */
|
|
44
|
-
height?: number;
|
|
45
|
-
/** Children items, for multi-level menu display */
|
|
46
|
-
items?: MenuItemProps[];
|
|
47
|
-
/** A key that can be used to determine which item was clicked */
|
|
48
|
-
key?: string;
|
|
49
|
-
}
|
|
50
|
-
export declare const DotMenu: ({ anchorEl, ariaLabel, ariaRole, className, "data-testid": dataTestId, dense, disablePortal, id, loading, maxVisibleItems, menuItemHeight, menuItems, menuPlacement, onLeave, onSelect, open, selectedKey, }: MenuProps) => JSX.Element;
|
|
1
|
+
import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
|
|
2
|
+
import { CommonProps } from '../CommonProps';
|
|
3
|
+
export type PopperPlacement = 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
|
|
4
|
+
export interface MenuProps extends CommonProps {
|
|
5
|
+
/** Element that menu is attached to */
|
|
6
|
+
anchorEl?: Element;
|
|
7
|
+
/** If true, compact vertical padding designed for keyboard and mouse input is used for the list and list items. **/
|
|
8
|
+
dense?: boolean;
|
|
9
|
+
/** Disable the portal behavior. If true, children stay within parent DOM hierarchy. */
|
|
10
|
+
disablePortal?: boolean;
|
|
11
|
+
/** Unique ID that ties a particular menu to a specific element */
|
|
12
|
+
id: string;
|
|
13
|
+
/** If true, will display a loading indicator in the menu */
|
|
14
|
+
loading?: boolean;
|
|
15
|
+
/** Maximum number of visible menu items */
|
|
16
|
+
maxVisibleItems?: number;
|
|
17
|
+
/** Used to specify height of each menu item when custom component, set to "auto" if no specific height is needed or leave empty for auto calculation based on `maxVisibleItems` */
|
|
18
|
+
menuItemHeight?: number | string;
|
|
19
|
+
/** Array of items to be displayed inside the menu */
|
|
20
|
+
menuItems: Array<MenuItemProps>;
|
|
21
|
+
/** Determines the placement of the menu */
|
|
22
|
+
menuPlacement?: PopperPlacement;
|
|
23
|
+
/** Event callback when leaving menu via tab or clicking away */
|
|
24
|
+
onLeave?: (event: KeyboardEvent | MouseEvent) => void;
|
|
25
|
+
/** Callback when menu item is selected */
|
|
26
|
+
onSelect?: (event: MouseEvent | KeyboardEvent, menuId: string, itemKey: string) => void;
|
|
27
|
+
/** If true, the menu is open. */
|
|
28
|
+
open?: boolean;
|
|
29
|
+
/** Key of the item which needs to be selected. If provided, item will be highlighted. */
|
|
30
|
+
selectedKey?: string;
|
|
31
|
+
}
|
|
32
|
+
export interface MenuItemProps {
|
|
33
|
+
/** Defines a string value that labels the current element **/
|
|
34
|
+
ariaLabel?: string;
|
|
35
|
+
/** The text displayed on the item */
|
|
36
|
+
children?: ReactNode;
|
|
37
|
+
/** Space delimited CSS classes to be attributed to the menu item */
|
|
38
|
+
classes?: string;
|
|
39
|
+
/** If true, the item will be displayed in a disabled state. */
|
|
40
|
+
disabled?: boolean;
|
|
41
|
+
/** If true, a 1px light border is added to the bottom of the menu item. */
|
|
42
|
+
divider?: boolean;
|
|
43
|
+
/** Used to set custom item height (in pixels). This value has priority over "menuItemHeight" prop. */
|
|
44
|
+
height?: number;
|
|
45
|
+
/** Children items, for multi-level menu display */
|
|
46
|
+
items?: MenuItemProps[];
|
|
47
|
+
/** A key that can be used to determine which item was clicked */
|
|
48
|
+
key?: string;
|
|
49
|
+
}
|
|
50
|
+
export declare const DotMenu: ({ anchorEl, ariaLabel, ariaRole, className, "data-testid": dataTestId, dense, disablePortal, id, loading, maxVisibleItems, menuItemHeight, menuItems, menuPlacement, onLeave, onSelect, open, selectedKey, }: MenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const flyoutMenuClassName = "dot-flyout-menu";
|
|
3
|
-
export declare const rootClassName = "dot-menu";
|
|
4
|
-
interface StyledPopperArgs {
|
|
5
|
-
$maxHeight?: number | string;
|
|
6
|
-
}
|
|
7
|
-
export declare const getListMaxHeight: (maxHeight: string | number) => string;
|
|
8
|
-
export declare const StyledPopper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@mui/base").PopperProps
|
|
9
|
-
component?: import("react").ElementType<any>;
|
|
10
|
-
components?: {
|
|
11
|
-
Root?: import("react").ElementType<any>;
|
|
12
|
-
};
|
|
13
|
-
componentsProps?: {
|
|
14
|
-
root?: import("@mui/base").SlotComponentProps<"div", import("@mui/base").PopperRootSlotPropsOverrides, import("@mui/base").PopperOwnProps>;
|
|
15
|
-
};
|
|
16
|
-
sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
|
|
17
|
-
} & import("react").RefAttributes<HTMLDivElement>>, any, StyledPopperArgs, never>;
|
|
18
|
-
export {};
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const flyoutMenuClassName = "dot-flyout-menu";
|
|
3
|
+
export declare const rootClassName = "dot-menu";
|
|
4
|
+
interface StyledPopperArgs {
|
|
5
|
+
$maxHeight?: number | string;
|
|
6
|
+
}
|
|
7
|
+
export declare const getListMaxHeight: (maxHeight: string | number) => string;
|
|
8
|
+
export declare const StyledPopper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@mui/base").PopperProps, "direction"> & {
|
|
9
|
+
component?: import("react").ElementType<any>;
|
|
10
|
+
components?: {
|
|
11
|
+
Root?: import("react").ElementType<any>;
|
|
12
|
+
};
|
|
13
|
+
componentsProps?: {
|
|
14
|
+
root?: import("@mui/base").SlotComponentProps<"div", import("@mui/base").PopperRootSlotPropsOverrides, import("@mui/base").PopperOwnProps>;
|
|
15
|
+
};
|
|
16
|
+
sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
|
|
17
|
+
} & import("react").RefAttributes<HTMLDivElement>>, any, StyledPopperArgs, never>;
|
|
18
|
+
export {};
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { KeyboardEvent, KeyboardEventHandler, MouseEvent, ReactNode } from 'react';
|
|
2
|
-
import { CommonProps } from '../CommonProps';
|
|
3
|
-
import { MenuItemProps } from './Menu';
|
|
4
|
-
export interface SubMenuCreateArgs {
|
|
5
|
-
anchorElement: Element;
|
|
6
|
-
isOpened: boolean;
|
|
7
|
-
subMenuId: string;
|
|
8
|
-
subMenuItems: MenuItemProps[];
|
|
9
|
-
}
|
|
10
|
-
export interface MenuListProps extends CommonProps {
|
|
11
|
-
autoFocusItem?: boolean;
|
|
12
|
-
dense?: boolean;
|
|
13
|
-
id?: string;
|
|
14
|
-
maxVisibleItems: number;
|
|
15
|
-
menuItemHeight: number | string;
|
|
16
|
-
menuItems: Array<MenuItemProps>;
|
|
17
|
-
onItemSelect?: (event: MouseEvent | KeyboardEvent, itemKey: string) => void;
|
|
18
|
-
onKeyDown?: KeyboardEventHandler<Element>;
|
|
19
|
-
onSubMenuCreate?: (args: SubMenuCreateArgs) => ReactNode;
|
|
20
|
-
selectedKey?: string;
|
|
21
|
-
}
|
|
22
|
-
/**
|
|
23
|
-
* Since this component is used inside 'ClickAwayListener',
|
|
24
|
-
* it needs to be contained within 'forwardRef' function
|
|
25
|
-
*/
|
|
26
|
-
export declare const DotMenuList: import("react").ForwardRefExoticComponent<MenuListProps & import("react").RefAttributes<HTMLLIElement>>;
|
|
1
|
+
import { KeyboardEvent, KeyboardEventHandler, MouseEvent, ReactNode } from 'react';
|
|
2
|
+
import { CommonProps } from '../CommonProps';
|
|
3
|
+
import { MenuItemProps } from './Menu';
|
|
4
|
+
export interface SubMenuCreateArgs {
|
|
5
|
+
anchorElement: Element;
|
|
6
|
+
isOpened: boolean;
|
|
7
|
+
subMenuId: string;
|
|
8
|
+
subMenuItems: MenuItemProps[];
|
|
9
|
+
}
|
|
10
|
+
export interface MenuListProps extends CommonProps {
|
|
11
|
+
autoFocusItem?: boolean;
|
|
12
|
+
dense?: boolean;
|
|
13
|
+
id?: string;
|
|
14
|
+
maxVisibleItems: number;
|
|
15
|
+
menuItemHeight: number | string;
|
|
16
|
+
menuItems: Array<MenuItemProps>;
|
|
17
|
+
onItemSelect?: (event: MouseEvent | KeyboardEvent, itemKey: string) => void;
|
|
18
|
+
onKeyDown?: KeyboardEventHandler<Element>;
|
|
19
|
+
onSubMenuCreate?: (args: SubMenuCreateArgs) => ReactNode;
|
|
20
|
+
selectedKey?: string;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* Since this component is used inside 'ClickAwayListener',
|
|
24
|
+
* it needs to be contained within 'forwardRef' function
|
|
25
|
+
*/
|
|
26
|
+
export declare const DotMenuList: import("react").ForwardRefExoticComponent<MenuListProps & import("react").RefAttributes<HTMLLIElement>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const rootClassName = "dot-ul";
|
|
2
|
-
export declare const listItemClassName = "dot-li";
|
|
3
|
-
export declare const listItemWithSubmenuClassName = "dot-li-with-submenu";
|
|
4
|
-
export declare const StyledMenuList: import("styled-components").StyledComponent<import("@mui/material").ExtendList<import("@mui/material").MenuListTypeMap<{}, "ul">>, any, {}, never>;
|
|
1
|
+
export declare const rootClassName = "dot-ul";
|
|
2
|
+
export declare const listItemClassName = "dot-li";
|
|
3
|
+
export declare const listItemWithSubmenuClassName = "dot-li-with-submenu";
|
|
4
|
+
export declare const StyledMenuList: import("styled-components").StyledComponent<import("@mui/material").ExtendList<import("@mui/material").MenuListTypeMap<{}, "ul">>, any, {}, never>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const MENU_ITEM_HEIGHT_NORMAL = 48;
|
|
2
|
-
export declare const MENU_ITEM_HEIGHT_DENSE = 36;
|
|
3
|
-
export declare const DEFAULT_MAX_VISIBLE_ITEMS = 7;
|
|
1
|
+
export declare const MENU_ITEM_HEIGHT_NORMAL = 48;
|
|
2
|
+
export declare const MENU_ITEM_HEIGHT_DENSE = 36;
|
|
3
|
+
export declare const DEFAULT_MAX_VISIBLE_ITEMS = 7;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { MenuItemProps } from '../Menu';
|
|
2
|
-
interface MaxHeightCalculationArgs {
|
|
3
|
-
isDense: boolean;
|
|
4
|
-
maxVisibleItems?: number;
|
|
5
|
-
menuItemHeight?: number | string;
|
|
6
|
-
menuItems: MenuItemProps[];
|
|
7
|
-
}
|
|
8
|
-
export declare const getDefaultItemHeight: (isDense: boolean) => 36 | 48;
|
|
9
|
-
export declare const calculateItemHeight: (isDense: boolean, customItemHeight?: number, menuItemHeight?: number | string) => number | string;
|
|
10
|
-
export declare const getNumberOfVisibleItems: (numberOfItems: number, maxVisibleItems?: number) => number;
|
|
11
|
-
export declare const calculateMaxHeight: ({ isDense, maxVisibleItems, menuItems, menuItemHeight, }: MaxHeightCalculationArgs) => number | string;
|
|
12
|
-
export declare const checkForSubItems: (menuItems: MenuItemProps[]) => boolean;
|
|
13
|
-
export declare const checkIfSubmenu: (anchorElement: Element) => boolean;
|
|
14
|
-
export declare const checkIfMenuItemSelected: (key: string, selectedKey: string, activeSubmenu: string) => boolean;
|
|
15
|
-
export declare const checkForAutoFocus: (autoFocusItem: boolean, isFirstItem: boolean) => boolean;
|
|
16
|
-
export {};
|
|
1
|
+
import { MenuItemProps } from '../Menu';
|
|
2
|
+
interface MaxHeightCalculationArgs {
|
|
3
|
+
isDense: boolean;
|
|
4
|
+
maxVisibleItems?: number;
|
|
5
|
+
menuItemHeight?: number | string;
|
|
6
|
+
menuItems: MenuItemProps[];
|
|
7
|
+
}
|
|
8
|
+
export declare const getDefaultItemHeight: (isDense: boolean) => 36 | 48;
|
|
9
|
+
export declare const calculateItemHeight: (isDense: boolean, customItemHeight?: number, menuItemHeight?: number | string) => number | string;
|
|
10
|
+
export declare const getNumberOfVisibleItems: (numberOfItems: number, maxVisibleItems?: number) => number;
|
|
11
|
+
export declare const calculateMaxHeight: ({ isDense, maxVisibleItems, menuItems, menuItemHeight, }: MaxHeightCalculationArgs) => number | string;
|
|
12
|
+
export declare const checkForSubItems: (menuItems: MenuItemProps[]) => boolean;
|
|
13
|
+
export declare const checkIfSubmenu: (anchorElement: Element) => boolean;
|
|
14
|
+
export declare const checkIfMenuItemSelected: (key: string, selectedKey: string, activeSubmenu: string) => boolean;
|
|
15
|
+
export declare const checkForAutoFocus: (autoFocusItem: boolean, isFirstItem: boolean) => boolean;
|
|
16
|
+
export {};
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { CommonProps } from '../CommonProps';
|
|
2
|
-
import { BadgeProps } from '../badge';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export interface RailItem {
|
|
6
|
-
/** Defines a string value that labels the current element **/
|
|
7
|
-
ariaLabel?: string;
|
|
8
|
-
/** Optional badge which will be displayed over an icon **/
|
|
9
|
-
iconBadge?: RailIconBadge;
|
|
10
|
-
/** Id of the icon shown in the rail item */
|
|
11
|
-
iconId: string;
|
|
12
|
-
/** text displayed or title text if icon used */
|
|
13
|
-
title: string;
|
|
14
|
-
}
|
|
15
|
-
export interface NavigationRailProps extends CommonProps {
|
|
16
|
-
/** onChange callback */
|
|
17
|
-
onChange?: (index: number) => void;
|
|
18
|
-
/** controls the position of the rail items */
|
|
19
|
-
railItemPosition?: RailItemsPosition;
|
|
20
|
-
/** list of rail items */
|
|
21
|
-
railItems: Array<RailItem>;
|
|
22
|
-
/** index of selected rail item */
|
|
23
|
-
selectedIndex?: number;
|
|
24
|
-
}
|
|
25
|
-
export declare const DotNavigationRail: ({ ariaLabel, className, "data-testid": dataTestId, onChange, railItemPosition, railItems, selectedIndex, }: NavigationRailProps) => JSX.Element;
|
|
1
|
+
import { CommonProps } from '../CommonProps';
|
|
2
|
+
import { BadgeProps } from '../badge';
|
|
3
|
+
export type RailItemsPosition = 'flex-start' | 'center' | 'flex-end';
|
|
4
|
+
export type RailIconBadge = Omit<BadgeProps, 'children'>;
|
|
5
|
+
export interface RailItem {
|
|
6
|
+
/** Defines a string value that labels the current element **/
|
|
7
|
+
ariaLabel?: string;
|
|
8
|
+
/** Optional badge which will be displayed over an icon **/
|
|
9
|
+
iconBadge?: RailIconBadge;
|
|
10
|
+
/** Id of the icon shown in the rail item */
|
|
11
|
+
iconId: string;
|
|
12
|
+
/** text displayed or title text if icon used */
|
|
13
|
+
title: string;
|
|
14
|
+
}
|
|
15
|
+
export interface NavigationRailProps extends CommonProps {
|
|
16
|
+
/** onChange callback */
|
|
17
|
+
onChange?: (index: number) => void;
|
|
18
|
+
/** controls the position of the rail items */
|
|
19
|
+
railItemPosition?: RailItemsPosition;
|
|
20
|
+
/** list of rail items */
|
|
21
|
+
railItems: Array<RailItem>;
|
|
22
|
+
/** index of selected rail item */
|
|
23
|
+
selectedIndex?: number;
|
|
24
|
+
}
|
|
25
|
+
export declare const DotNavigationRail: ({ ariaLabel, className, "data-testid": dataTestId, onChange, railItemPosition, railItems, selectedIndex, }: NavigationRailProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { RailItemsPosition } from './NavigationRail';
|
|
2
|
-
export declare const rootClassName = "dot-navigation-rail";
|
|
3
|
-
export interface StyledNavigationRailType {
|
|
4
|
-
railItemPosition: RailItemsPosition;
|
|
5
|
-
}
|
|
6
|
-
export declare const StyledNavigationRail: import("styled-components").StyledComponent<"div", any, StyledNavigationRailType, never>;
|
|
1
|
+
import { RailItemsPosition } from './NavigationRail';
|
|
2
|
+
export declare const rootClassName = "dot-navigation-rail";
|
|
3
|
+
export interface StyledNavigationRailType {
|
|
4
|
+
railItemPosition: RailItemsPosition;
|
|
5
|
+
}
|
|
6
|
+
export declare const StyledNavigationRail: import("styled-components").StyledComponent<"div", any, StyledNavigationRailType, never>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export type { RailItemsPosition, RailItem, NavigationRailProps, } from './NavigationRail';
|
|
2
|
-
export { DotNavigationRail } from './NavigationRail';
|
|
1
|
+
export type { RailItemsPosition, RailItem, NavigationRailProps, } from './NavigationRail';
|
|
2
|
+
export { DotNavigationRail } from './NavigationRail';
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
2
|
-
import { CommonProps } from '../CommonProps';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export interface PillProps extends CommonProps {
|
|
7
|
-
/** Background color for the pill, ignored if 'status' is not 'default' */
|
|
8
|
-
backgroundcolor?: string;
|
|
9
|
-
/** Border color for the pill, ignored if 'status' is not 'default' */
|
|
10
|
-
bordercolor?: string;
|
|
11
|
-
/** The icon for the pill */
|
|
12
|
-
icon?: ReactElement;
|
|
13
|
-
/** The text for the pill. */
|
|
14
|
-
label: string;
|
|
15
|
-
/** Label color for the pill, ignored if 'status' is not 'default' */
|
|
16
|
-
labelcolor?: string;
|
|
17
|
-
/** Determines the size of the pill 'medium' or 'small' */
|
|
18
|
-
size?: PillSize;
|
|
19
|
-
/** Determines the status of the pill component */
|
|
20
|
-
status?: PillStatus;
|
|
21
|
-
/** Determines the variant of the pill 'filled' or 'outlined' */
|
|
22
|
-
variant?: PillVariant;
|
|
23
|
-
}
|
|
24
|
-
export declare const DotPill: ({ ariaLabel, backgroundcolor, bordercolor, className, "data-testid": dataTestId, icon, label, labelcolor, size, status, variant, }: PillProps) => JSX.Element;
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { CommonProps } from '../CommonProps';
|
|
3
|
+
export type PillSize = 'small' | 'medium';
|
|
4
|
+
export type PillStatus = 'success' | 'error' | 'warning' | 'in-progress' | 'default';
|
|
5
|
+
export type PillVariant = 'filled' | 'outlined';
|
|
6
|
+
export interface PillProps extends CommonProps {
|
|
7
|
+
/** Background color for the pill, ignored if 'status' is not 'default' */
|
|
8
|
+
backgroundcolor?: string;
|
|
9
|
+
/** Border color for the pill, ignored if 'status' is not 'default' */
|
|
10
|
+
bordercolor?: string;
|
|
11
|
+
/** The icon for the pill */
|
|
12
|
+
icon?: ReactElement;
|
|
13
|
+
/** The text for the pill. */
|
|
14
|
+
label: string;
|
|
15
|
+
/** Label color for the pill, ignored if 'status' is not 'default' */
|
|
16
|
+
labelcolor?: string;
|
|
17
|
+
/** Determines the size of the pill 'medium' or 'small' */
|
|
18
|
+
size?: PillSize;
|
|
19
|
+
/** Determines the status of the pill component */
|
|
20
|
+
status?: PillStatus;
|
|
21
|
+
/** Determines the variant of the pill 'filled' or 'outlined' */
|
|
22
|
+
variant?: PillVariant;
|
|
23
|
+
}
|
|
24
|
+
export declare const DotPill: ({ ariaLabel, backgroundcolor, bordercolor, className, "data-testid": dataTestId, icon, label, labelcolor, size, status, variant, }: PillProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { PillProps } from './Pill';
|
|
2
|
-
export declare const rootClassName = "dot-pill";
|
|
3
|
-
export declare const StyledPill: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").ChipTypeMap<{}, "div">>, any, PillProps, never>;
|
|
1
|
+
import { PillProps } from './Pill';
|
|
2
|
+
export declare const rootClassName = "dot-pill";
|
|
3
|
+
export declare const StyledPill: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").ChipTypeMap<{}, "div">>, any, PillProps, never>;
|
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
|
|
2
|
-
import { PopperPlacementType } from '@mui/material';
|
|
3
|
-
import { CommonProps } from '../CommonProps';
|
|
4
|
-
|
|
5
|
-
export interface ModifersProps {
|
|
6
|
-
data?: Record<string, unknown>;
|
|
7
|
-
effect?: () => void;
|
|
8
|
-
enabled?: boolean;
|
|
9
|
-
fn?: () => void;
|
|
10
|
-
name?: string;
|
|
11
|
-
options?: Record<string, unknown>;
|
|
12
|
-
phase?: ModifiersPhase;
|
|
13
|
-
requires?: Array<string>;
|
|
14
|
-
requiresIfExists?: Array<string>;
|
|
15
|
-
}
|
|
16
|
-
export interface PopperProps extends CommonProps {
|
|
17
|
-
/** Element that popper is attached to */
|
|
18
|
-
anchorEl?: Element;
|
|
19
|
-
/** The content of the component */
|
|
20
|
-
children: ReactNode;
|
|
21
|
-
/** Disable the portal behavior. If `true`, children stay within parent DOM hierarchy. */
|
|
22
|
-
disablePortal?: boolean;
|
|
23
|
-
/** Used to specify the position more indepth, https://popper.js.org/docs/v2/modifiers/ */
|
|
24
|
-
modifiers?: ModifersProps[];
|
|
25
|
-
/** Event callback when leaving popper by clicking away */
|
|
26
|
-
onClickAway?: (event: KeyboardEvent | MouseEvent<Document>) => void;
|
|
27
|
-
/** If `true`, the popper is visible. */
|
|
28
|
-
open: boolean;
|
|
29
|
-
/** Popper placement. */
|
|
30
|
-
placement?: PopperPlacementType;
|
|
31
|
-
}
|
|
32
|
-
export declare const DotPopper: ({ ariaLabel, anchorEl, children, className, "data-testid": dataTestId, disablePortal, modifiers, onClickAway, open, placement, }: PopperProps) => JSX.Element;
|
|
33
|
-
export {};
|
|
1
|
+
import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
|
|
2
|
+
import { PopperPlacementType } from '@mui/material';
|
|
3
|
+
import { CommonProps } from '../CommonProps';
|
|
4
|
+
type ModifiersPhase = 'afterMain' | 'afterRead' | 'afterWrite' | 'beforeMain' | 'beforeRead' | 'beforeWrite' | 'main' | 'read' | 'write';
|
|
5
|
+
export interface ModifersProps {
|
|
6
|
+
data?: Record<string, unknown>;
|
|
7
|
+
effect?: () => void;
|
|
8
|
+
enabled?: boolean;
|
|
9
|
+
fn?: () => void;
|
|
10
|
+
name?: string;
|
|
11
|
+
options?: Record<string, unknown>;
|
|
12
|
+
phase?: ModifiersPhase;
|
|
13
|
+
requires?: Array<string>;
|
|
14
|
+
requiresIfExists?: Array<string>;
|
|
15
|
+
}
|
|
16
|
+
export interface PopperProps extends CommonProps {
|
|
17
|
+
/** Element that popper is attached to */
|
|
18
|
+
anchorEl?: Element;
|
|
19
|
+
/** The content of the component */
|
|
20
|
+
children: ReactNode;
|
|
21
|
+
/** Disable the portal behavior. If `true`, children stay within parent DOM hierarchy. */
|
|
22
|
+
disablePortal?: boolean;
|
|
23
|
+
/** Used to specify the position more indepth, https://popper.js.org/docs/v2/modifiers/ */
|
|
24
|
+
modifiers?: ModifersProps[];
|
|
25
|
+
/** Event callback when leaving popper by clicking away */
|
|
26
|
+
onClickAway?: (event: KeyboardEvent | MouseEvent<Document>) => void;
|
|
27
|
+
/** If `true`, the popper is visible. */
|
|
28
|
+
open: boolean;
|
|
29
|
+
/** Popper placement. */
|
|
30
|
+
placement?: PopperPlacementType;
|
|
31
|
+
}
|
|
32
|
+
export declare const DotPopper: ({ ariaLabel, anchorEl, children, className, "data-testid": dataTestId, disablePortal, modifiers, onClickAway, open, placement, }: PopperProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { KeyboardEvent, MouseEvent } from 'react';
|
|
2
|
-
export interface PopperTestWrapperProps {
|
|
3
|
-
dataTestId?: string;
|
|
4
|
-
disablePortal?: boolean;
|
|
5
|
-
onClickAway?: (event: KeyboardEvent | MouseEvent<Document>) => void;
|
|
6
|
-
}
|
|
7
|
-
export declare const PopperTestWrapper: (props: PopperTestWrapperProps) => JSX.Element;
|
|
1
|
+
import { KeyboardEvent, MouseEvent } from 'react';
|
|
2
|
+
export interface PopperTestWrapperProps {
|
|
3
|
+
dataTestId?: string;
|
|
4
|
+
disablePortal?: boolean;
|
|
5
|
+
onClickAway?: (event: KeyboardEvent | MouseEvent<Document>) => void;
|
|
6
|
+
}
|
|
7
|
+
export declare const PopperTestWrapper: (props: PopperTestWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const rootClassName = "dot-popper";
|
|
3
|
-
export declare const StyledPopper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@mui/base").PopperProps
|
|
4
|
-
component?: import("react").ElementType<any>;
|
|
5
|
-
components?: {
|
|
6
|
-
Root?: import("react").ElementType<any>;
|
|
7
|
-
};
|
|
8
|
-
componentsProps?: {
|
|
9
|
-
root?: import("@mui/base").SlotComponentProps<"div", import("@mui/base").PopperRootSlotPropsOverrides, import("@mui/base").PopperOwnProps>;
|
|
10
|
-
};
|
|
11
|
-
sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
|
|
12
|
-
} & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const rootClassName = "dot-popper";
|
|
3
|
+
export declare const StyledPopper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@mui/base").PopperProps, "direction"> & {
|
|
4
|
+
component?: import("react").ElementType<any>;
|
|
5
|
+
components?: {
|
|
6
|
+
Root?: import("react").ElementType<any>;
|
|
7
|
+
};
|
|
8
|
+
componentsProps?: {
|
|
9
|
+
root?: import("@mui/base").SlotComponentProps<"div", import("@mui/base").PopperRootSlotPropsOverrides, import("@mui/base").PopperOwnProps>;
|
|
10
|
+
};
|
|
11
|
+
sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
|
|
12
|
+
} & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export type { PopperPlacementType } from '@mui/material';
|
|
2
|
-
export * from './Popper';
|
|
1
|
+
export type { PopperPlacementType } from '@mui/material';
|
|
2
|
+
export * from './Popper';
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { CommonProps } from '../CommonProps';
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export interface ProgressProps extends CommonProps {
|
|
5
|
-
/** color of the loading spinner border */
|
|
6
|
-
color?: progressColorOptions;
|
|
7
|
-
/** controls the diameter of the loading spinner */
|
|
8
|
-
size?: number | string;
|
|
9
|
-
/** controls thickness of the loading spinner border */
|
|
10
|
-
thickness?: number;
|
|
11
|
-
/** Tooltip text displayed on hover */
|
|
12
|
-
tooltip?: string;
|
|
13
|
-
/** If using static variant, this is the percent of loading complete */
|
|
14
|
-
value?: number;
|
|
15
|
-
/** type of progress spinner displayed */
|
|
16
|
-
variant?: progressVariantOptions;
|
|
17
|
-
}
|
|
18
|
-
export declare const DotProgress: ({ ariaLabel, color, className, "data-testid": dataTestId, size, thickness, tooltip, value, variant, }: ProgressProps) => JSX.Element;
|
|
1
|
+
import { CommonProps } from '../CommonProps';
|
|
2
|
+
export type progressColorOptions = 'inherit' | 'primary' | 'secondary';
|
|
3
|
+
export type progressVariantOptions = 'determinate' | 'indeterminate';
|
|
4
|
+
export interface ProgressProps extends CommonProps {
|
|
5
|
+
/** color of the loading spinner border */
|
|
6
|
+
color?: progressColorOptions;
|
|
7
|
+
/** controls the diameter of the loading spinner */
|
|
8
|
+
size?: number | string;
|
|
9
|
+
/** controls thickness of the loading spinner border */
|
|
10
|
+
thickness?: number;
|
|
11
|
+
/** Tooltip text displayed on hover */
|
|
12
|
+
tooltip?: string;
|
|
13
|
+
/** If using static variant, this is the percent of loading complete */
|
|
14
|
+
value?: number;
|
|
15
|
+
/** type of progress spinner displayed */
|
|
16
|
+
variant?: progressVariantOptions;
|
|
17
|
+
}
|
|
18
|
+
export declare const DotProgress: ({ ariaLabel, color, className, "data-testid": dataTestId, size, thickness, tooltip, value, variant, }: ProgressProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { CircularProgress } from '@mui/material';
|
|
2
|
-
export declare const rootClassName = "dot-progress";
|
|
3
|
-
export declare const StyledCircularProgress: import("styled-components").StyledComponent<typeof CircularProgress, any, {}, never>;
|
|
1
|
+
import { CircularProgress } from '@mui/material';
|
|
2
|
+
export declare const rootClassName = "dot-progress";
|
|
3
|
+
export declare const StyledCircularProgress: import("styled-components").StyledComponent<typeof CircularProgress, any, {}, never>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export type { ProgressProps, progressColorOptions, progressVariantOptions, } from './Progress';
|
|
2
|
-
export { DotProgress } from './Progress';
|
|
1
|
+
export type { ProgressProps, progressColorOptions, progressVariantOptions, } from './Progress';
|
|
2
|
+
export { DotProgress } from './Progress';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ButtonProps } from '../button/Button';
|
|
2
|
-
export declare const SPINNER_DEFAULT_SIZE = 20;
|
|
3
|
-
export declare const SPINNER_LARGE_SIZE = 24;
|
|
4
|
-
export interface ProgressButtonProps extends ButtonProps {
|
|
5
|
-
/** Is spinner displayed */
|
|
6
|
-
isLoading?: boolean;
|
|
7
|
-
}
|
|
8
|
-
export declare const DotProgressButton: ({ ariaLabel, children, className, "data-testid": dataTestId, disabled, disableRipple, fullWidth, isLoading, isSubmit, onClick, size, startIcon, tooltip, type, }: ProgressButtonProps) => JSX.Element;
|
|
1
|
+
import { ButtonProps } from '../button/Button';
|
|
2
|
+
export declare const SPINNER_DEFAULT_SIZE = 20;
|
|
3
|
+
export declare const SPINNER_LARGE_SIZE = 24;
|
|
4
|
+
export interface ProgressButtonProps extends ButtonProps {
|
|
5
|
+
/** Is spinner displayed */
|
|
6
|
+
isLoading?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const DotProgressButton: ({ ariaLabel, children, className, "data-testid": dataTestId, disabled, disableRipple, fullWidth, isLoading, isSubmit, onClick, size, startIcon, tooltip, type, }: ProgressButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const rootClassName = "dot-progress-button";
|
|
3
|
-
export declare const StyledProgressButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../button/Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const rootClassName = "dot-progress-button";
|
|
3
|
+
export declare const StyledProgressButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../button/Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
|