@digital-ai/dot-components 1.3.5 → 1.5.0

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 (38) hide show
  1. package/CHANGE_LOG.md +715 -39
  2. package/README.md +2 -1
  3. package/dot-components.esm.js +1036 -595
  4. package/dot-components.umd.js +1016 -578
  5. package/lib/components/BaseButtonProps.d.ts +2 -2
  6. package/lib/components/accordion/Accordion.d.ts +11 -4
  7. package/lib/components/auto-complete/AutoComplete.d.ts +3 -3
  8. package/lib/components/avatar/Avatar.d.ts +2 -2
  9. package/lib/components/breadcrumbs/Breadcrumbs.data.d.ts +2 -0
  10. package/lib/components/breadcrumbs/Breadcrumbs.styles.d.ts +2 -0
  11. package/lib/components/breadcrumbs/utils/helpers.d.ts +19 -0
  12. package/lib/components/breadcrumbs/utils/useBreadcrumbsObserver.d.ts +11 -0
  13. package/lib/components/breadcrumbs/utils/useBreadcrumbsResizer.d.ts +16 -0
  14. package/lib/components/button/IconButton.d.ts +2 -2
  15. package/lib/components/button-toggle/ButtonToggle.d.ts +2 -2
  16. package/lib/components/chip/Chip.d.ts +4 -4
  17. package/lib/components/css-grid/CssCell.d.ts +5 -5
  18. package/lib/components/css-grid/CssGrid.d.ts +4 -4
  19. package/lib/components/drawer/Drawer.d.ts +4 -4
  20. package/lib/components/dynamic-form/models.d.ts +8 -8
  21. package/lib/components/file-upload/FileListItem.d.ts +10 -0
  22. package/lib/components/file-upload/FileUpload.d.ts +20 -0
  23. package/lib/components/file-upload/FileUpload.styles.d.ts +6 -0
  24. package/lib/components/file-upload/uploadHelpers.d.ts +13 -0
  25. package/lib/components/index.d.ts +2 -0
  26. package/lib/components/input-form-fields/InputFormFields.propTypes.d.ts +3 -1
  27. package/lib/components/input-form-fields/InputSelect.d.ts +1 -1
  28. package/lib/components/input-form-fields/InputText.d.ts +1 -1
  29. package/lib/components/list/List.d.ts +9 -2
  30. package/lib/components/menu/Menu.d.ts +4 -4
  31. package/lib/components/radio/RadioButton.d.ts +2 -2
  32. package/lib/components/sidebar/Sidebar.d.ts +2 -2
  33. package/lib/components/table/Table.d.ts +6 -6
  34. package/lib/components/table/TableCell.d.ts +1 -1
  35. package/lib/components/table/TableDataWithPagination.d.ts +4 -4
  36. package/lib/components/table/TableHeader.d.ts +2 -2
  37. package/lib/testing-utils/resize-observer-mock.d.ts +1 -0
  38. package/package.json +2 -1
package/dot-components.esm.js CHANGED
@@ -1,9 +1,10 @@
1
1
  import * as React from 'react';
2
2
  import React__default, { useEffect, useState, useRef, useMemo, Fragment, useContext, createContext } from 'react';
3
- import { Tooltip, Icon, Typography, Accordion, AccordionSummary, AccordionDetails, Divider, AccordionActions, Toolbar, IconButton, Link, Avatar, StylesProvider, MuiThemeProvider, Drawer, CircularProgress, Popper, Grow, Paper, ClickAwayListener, MenuList, MenuItem, List, ListItem, ListSubheader, Collapse, ListItemIcon, useMediaQuery, Chip, InputAdornment, TextField, Button, darken, Badge, Breadcrumbs, Card, CardContent, CardHeader, FormControlLabel, Checkbox, FormControl, FormGroup, FormLabel, FormHelperText, Dialog, DialogTitle, DialogContent, DialogActions, useTheme, RadioGroup, Radio, Switch, Snackbar, ButtonGroup, TableContainer, TableCell, TableRow, TableBody, TableHead, TableSortLabel, TablePagination, Table, Tabs, Tab } from '@material-ui/core';
3
+ import { Tooltip, Icon, Typography, Accordion, AccordionSummary, AccordionDetails, Divider, AccordionActions, Toolbar, IconButton, Link, Avatar, StylesProvider, MuiThemeProvider, Drawer, CircularProgress, Popper, Grow, Paper, ClickAwayListener, MenuList, MenuItem, List, ListItem, ListItemText, Collapse, ListSubheader, ListItemIcon, useMediaQuery, Chip, InputAdornment, TextField, Button, darken, Badge, Breadcrumbs, Card, CardContent, CardHeader, FormControlLabel, Checkbox, FormControl, FormGroup, FormLabel, FormHelperText, Dialog, DialogTitle, DialogContent, DialogActions, useTheme, RadioGroup, Radio, Switch, Snackbar, ButtonGroup, TableContainer, TableCell, TableRow, TableBody, TableHead, TableSortLabel, TablePagination, Table, Tabs, Tab } from '@material-ui/core';
4
4
  import styled, { css, createGlobalStyle, ThemeProvider } from 'styled-components';
5
5
  import { Alert, Autocomplete, AvatarGroup, ToggleButtonGroup, ToggleButton, Skeleton } from '@material-ui/lab';
6
6
  import { createTheme, alpha } from '@material-ui/core/styles';
7
+ import { useDropzone } from 'react-dropzone';
7
8
 
8
9
  function useStylesWithRootClass(name, className) {
9
10
  for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
@@ -11,8 +12,7 @@ function useStylesWithRootClass(name, className) {
11
12
  }
12
13
 
13
14
  // combine the root classes into one string
14
- var rootClasses = [name].concat(className ? [className] : []).concat(args).join(' ').trim();
15
- return rootClasses;
15
+ return [name].concat(className ? [className] : []).concat(args).join(' ').trim();
16
16
  }
17
17
 
18
18
  var DotTooltip = function DotTooltip(_ref) {
@@ -48,9 +48,9 @@ function _taggedTemplateLiteralLoose(strings, raw) {
48
48
  return strings;
49
49
  }
50
50
 
51
- var _templateObject$L;
52
- var rootClassName$H = 'dot-icon';
53
- var StyledIcon = styled(Icon)(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n &.", " {\n align-items: center;\n box-sizing: content-box;\n display: flex;\n float: left; // allows flex items to display inline\n font-size: 20px;\n justify-content: center;\n\n &.MuiIcon-fontSizeLarge {\n font-size: 28px;\n height: 35px;\n width: 35px;\n\n i {\n height: 28px\n }\n }\n &.MuiIcon-fontSizeSmall {\n font-size: 18px;\n\n i {\n height: 18px;\n }\n }\n\n i {\n height: 20px;\n\n &:before {\n font-family: 'dot' !important;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n &.icon-plugins:before {\n content: \"\\e9dc\";\n }\n\n &.icon-integrations:before {\n content: \"\\e9db\";\n }\n\n &.icon-line-graph:before {\n content: \"\\e9d7\";\n }\n\n &.icon-rocket-filled:before {\n content: \"\\e9d8\";\n }\n\n &.icon-circle-check-outline:before {\n content: \"\\e9d9\";\n }\n\n &.icon-circle-info-outline:before {\n content: \"\\e9da\";\n }\n\n &.icon-analytics:before {\n content: \"\\e9d4\";\n }\n\n &.icon-Increment:before {\n content: \"\\e9d5\";\n }\n\n &.icon-Portfolio:before {\n content: \"\\e9d6\";\n }\n\n &.icon-user-security:before {\n content: \"\\e9d2\";\n }\n\n &.icon-rocket:before {\n content: \"\\e9d3\";\n }\n\n &.icon-merge:before {\n content: \"\\e9d1\";\n }\n\n &.icon-cpu:before {\n content: \"\\e9d0\";\n }\n\n &.icon-progression:before {\n content: \"\\e9cf\";\n }\n\n &.icon-commit:before {\n content: \"\\e95f\";\n }\n &.icon-design:before {\n content: \"\\e960\";\n }\n &.icon-key:before {\n content: \"\\e981\";\n }\n &.icon-infrastructure:before {\n content: \"\\e989\";\n }\n &.icon-report:before {\n content: \"\\e9ce\";\n }\n &.icon-package:before {\n content: \"\\e9c9\";\n }\n &.icon-security-off:before {\n content: \"\\e9ca\";\n }\n &.icon-security-on:before {\n content: \"\\e9cb\";\n }\n &.icon-marker-check:before {\n content: \"\\e9cc\";\n }\n &.icon-restore:before {\n content: \"\\e9cd\";\n }\n &.icon-check-outlined:before {\n content: \"\\e9c7\";\n }\n &.icon-circle-half-full:before {\n content: \"\\e9c8\";\n }\n &.icon-host:before {\n content: '\\e9b9';\n }\n &.icon-cluster:before {\n content: '\\e9ba';\n }\n &.icon-environment:before {\n content: '\\e9bb';\n }\n &.icon-monitor-controls:before {\n content: '\\e9bc';\n }\n &.icon-flag:before {\n content: '\\e9bd';\n }\n &.icon-satelite:before {\n content: '\\e9be';\n }\n &.icon-satelite-group:before {\n content: '\\e9bf';\n }\n &.icon-monitor-gears:before {\n content: '\\e9c0';\n }\n &.icon-patch:before {\n content: '\\e9b6';\n }\n &.icon-branch:before {\n content: '\\e9b4';\n }\n &.icon-send-airplane:before {\n content: '\\e9b5';\n }\n &.icon-briefcase:before {\n content: '\\e9b7';\n }\n &.icon-cluster-dependencies:before {\n content: '\\e9b8';\n }\n &.icon-script:before {\n content: '\\e966';\n }\n &.icon-pattern-bundle:before {\n content: '\\e967';\n }\n &.icon-outline:before {\n content: '\\e968';\n }\n &.icon-apps:before {\n content: '\\e969';\n }\n &.icon-archive:before {\n content: '\\e96a';\n }\n &.icon-arrow-down:before {\n content: '\\e96b';\n }\n &.icon-arrow-right:before {\n content: '\\e96c';\n }\n &.icon-arrow-up:before {\n content: '\\e96d';\n }\n &.icon-attachment:before {\n content: '\\e96e';\n }\n &.icon-board:before {\n content: '\\e96f';\n }\n &.icon-calendar:before {\n content: '\\e970';\n }\n &.icon-change:before {\n content: '\\e971';\n }\n &.icon-chevron-right:before {\n content: '\\e972';\n }\n &.icon-circle-minus-outlines:before {\n content: '\\e973';\n }\n &.icon-circle-paused:before {\n content: '\\e974';\n }\n &.icon-column:before {\n content: '\\e975';\n }\n &.icon-comment:before {\n content: '\\e976';\n }\n &.icon-configuration-preferences:before {\n content: '\\e977';\n }\n &.icon-conversation-bubbles:before {\n content: '\\e978';\n }\n &.icon-dashboard:before {\n content: '\\e979';\n }\n &.icon-database:before {\n content: '\\e97a';\n }\n &.icon-delivery-eta-icon:before {\n content: '\\e97b';\n }\n &.icon-download:before {\n content: '\\e97c';\n }\n &.icon-drag:before {\n content: '\\e97d';\n }\n &.icon-duplicate:before {\n content: '\\e97e';\n }\n &.icon-exit:before {\n content: '\\e97f';\n }\n &.icon-expand-chevrons:before {\n content: '\\e980';\n }\n &.icon-expander:before {\n content: '\\e981';\n }\n &.icon-file-image:before {\n content: '\\e982';\n }\n &.icon-file-lines:before {\n content: '\\e983';\n }\n &.icon-file-warning:before {\n content: '\\e984';\n }\n &.icon-file:before {\n content: '\\e985';\n }\n &.icon-filter:before {\n content: '\\e986';\n }\n &.icon-flag-none:before {\n content: '\\e987';\n }\n &.icon-folder:before {\n content: '\\e988';\n }\n &.icon-full-screen:before {\n content: '\\e989';\n }\n &.icon-fullscreen-enter:before {\n content: '\\e98a';\n }\n &.icon-fullscreen-exit:before {\n content: '\\e98b';\n }\n &.icon-grid:before {\n content: '\\e98c';\n }\n &.icon-hard-drive:before {\n content: '\\e98d';\n }\n &.icon-help:before {\n content: '\\e98e';\n }\n &.icon-history:before {\n content: '\\e98f';\n }\n &.icon-inbox:before {\n content: '\\e990';\n }\n &.icon-link:before {\n content: '\\e991';\n }\n &.icon-list:before {\n content: '\\e992';\n }\n &.icon-lock:before {\n content: '\\e993';\n }\n &.icon-mail:before {\n content: '\\e994';\n }\n &.icon-menu:before {\n content: '\\e995';\n }\n &.icon-monitor-satellite:before {\n content: '\\e996';\n }\n &.icon-monitor:before {\n content: '\\e997';\n }\n &.icon-notification-bell:before {\n content: '\\e998';\n }\n &.icon-open-new-tab:before {\n content: '\\e999';\n }\n &.icon-options:before {\n content: '\\e99a';\n }\n &.icon-parallel:before {\n content: '\\e99b';\n }\n &.icon-pending-clock:before {\n content: '\\e99c';\n }\n &.icon-play:before {\n content: '\\e99d';\n }\n &.icon-redo:before {\n content: '\\e99e';\n }\n &.icon-refresh:before {\n content: '\\e99f';\n }\n &.icon-release:before {\n content: '\\e9a0';\n }\n &.icon-search:before {\n content: '\\e9a3';\n }\n &.icon-sequential:before {\n content: '\\e9a4';\n }\n &.icon-sort-asc:before {\n content: '\\e9a5';\n }\n &.icon-sort-desc:before {\n content: '\\e9a6';\n }\n &.icon-star-favorites-active:before {\n content: '\\e9a7';\n }\n &.icon-star-favorites-default:before {\n content: '\\e9a8';\n }\n &.icon-target:before {\n content: '\\e9a9';\n }\n &.icon-task:before {\n content: '\\e9aa';\n }\n &.icon-template:before {\n content: '\\e9ab';\n }\n &.icon-undo:before {\n content: '\\e9ac';\n }\n &.icon-unlock:before {\n content: '\\e9ad';\n }\n &.icon-variable:before {\n content: '\\e9ae';\n }\n &.icon-vault:before {\n content: '\\e9af';\n }\n &.icon-visibility-off:before {\n content: '\\e9b0';\n }\n &.icon-visibility-on:before {\n content: '\\e9b1';\n }\n &.icon-webhook:before {\n content: '\\e9b2';\n }\n &.icon-wrench:before {\n content: '\\e9b3';\n }\n &.icon-bright:before {\n content: '\\e961';\n }\n &.icon-rogue-commits:before {\n content: '\\e962';\n }\n &.icon-home:before {\n content: '\\e963';\n }\n &.icon-blocking-issues:before {\n content: '\\e964';\n }\n &.icon-print-link:before {\n content: '\\e965';\n }\n &.icon-logo-deploy:before {\n content: '\\e902';\n }\n &.icon-logo-experitest:before {\n content: '\\e903';\n }\n &.icon-logo-numerify:before {\n content: '\\e904';\n }\n &.icon-logo-arxan:before {\n content: '\\e905';\n }\n &.icon-logo-continuum:before {\n content: '\\e906';\n }\n &.icon-logo-versionone:before {\n content: '\\e907';\n }\n &.icon-logo-release:before {\n content: '\\e908';\n }\n &.icon-warning-solid:before {\n content: '\\e909';\n }\n &.icon-warning-outline:before {\n content: '\\e90a';\n }\n &.icon-info-solid:before {\n content: '\\e90b';\n }\n &.icon-minus-solid:before {\n content: '\\e90c';\n }\n &.icon-check-solid:before {\n content: '\\e90d';\n }\n &.icon-error-solid:before {\n content: '\\e90e';\n }\n &.icon-error-outlines:before {\n content: '\\e90f';\n }\n &.icon-add-outlined:before {\n content: '\\e910';\n }\n &.icon-add-solid:before {\n content: '\\e911';\n }\n &.icon-clear-solid:before {\n content: '\\e912';\n }\n &.icon-dark:before {\n content: '\\e913';\n }\n &.icon-location:before {\n content: '\\e914';\n }\n &.icon-roadmap:before {\n content: '\\e915';\n }\n &.icon-follow-solid:before {\n content: '\\e916';\n }\n &.icon-follow-outlined:before {\n content: '\\e917';\n }\n &.icon-video:before {\n content: '\\e918';\n }\n &.icon-thumbs-down:before {\n content: '\\e919';\n }\n &.icon-camera:before {\n content: '\\e91a';\n }\n &.icon-users:before {\n content: '\\e91b';\n }\n &.icon-user:before {\n content: '\\e91c';\n }\n &.icon-announcement:before {\n content: '\\e91d';\n }\n &.icon-not-allowed:before {\n content: '\\e91e';\n }\n &.icon-zoom-out:before {\n content: '\\e91f';\n }\n &.icon-zoom-in:before {\n content: '\\e920';\n }\n &.icon-triangle:before {\n content: '\\e921';\n }\n &.icon-delay:before {\n content: '\\e922';\n }\n &.icon-circle-outline:before {\n content: '\\e923';\n }\n &.icon-circle:before {\n content: '\\e924';\n }\n &.icon-add-from-list:before {\n content: '\\e925';\n }\n &.icon-sync:before {\n content: '\\e926';\n }\n &.icon-keyboard:before {\n content: '\\e927';\n }\n &.icon-planner:before {\n content: '\\e928';\n }\n &.icon-tag:before {\n content: '\\e929';\n }\n &.icon-progress:before {\n content: '\\e92a';\n }\n &.icon-timeline:before {\n content: '\\e92b';\n }\n &.icon-abort:before {\n content: '\\e92c';\n }\n &.icon-cancel:before {\n content: '\\e92d';\n }\n &.icon-power:before {\n content: '\\e92e';\n }\n &.icon-resize:before {\n content: '\\e92f';\n }\n &.icon-close:before {\n content: '\\e930';\n }\n &.icon-save:before {\n content: '\\e931';\n }\n &.icon-drag-vertical-up-down:before {\n content: '\\e932';\n }\n &.icon-add:before {\n content: '\\e933';\n }\n &.icon-minus:before {\n content: '\\e934';\n }\n &.icon-target-none:before {\n content: '\\e935';\n }\n &.icon-placeholder:before {\n content: '\\e936';\n }\n &.icon-server:before {\n content: '\\e937';\n }\n &.icon-square-wrench:before {\n content: '\\e938';\n }\n &.icon-square-wrench-check:before {\n content: '\\e939';\n }\n &.icon-square-settings:before {\n content: '\\e93a';\n }\n &.icon-trigger:before {\n content: '\\e93c';\n }\n &.icon-precondition:before {\n content: '\\e93d';\n }\n &.icon-composition:before {\n content: '\\e93e';\n }\n &.icon-block:before {\n content: '\\e93f';\n }\n &.icon-group:before {\n content: '\\e940';\n }\n &.icon-settings-admin-opaque:before {\n content: '\\e941';\n }\n &.icon-puzzle:before {\n content: '\\e942';\n }\n &.icon-alphabet-icon:before {\n content: '\\e943';\n }\n &.icon-crop:before {\n content: '\\e944';\n }\n &.icon-upload-file:before {\n content: '\\e945';\n }\n &.icon-container:before {\n content: '\\e946';\n }\n &.icon-flag-risk:before {\n content: '\\e947';\n }\n &.icon-learn:before {\n content: '\\e948';\n }\n &.icon-tree:before {\n content: '\\e949';\n }\n &.icon-process-template:before {\n content: '\\e94a';\n }\n &.icon-flag-attention:before {\n content: '\\e94b';\n }\n &.icon-collection:before {\n content: '\\e94c';\n }\n &.icon-table:before {\n content: '\\e94d';\n }\n &.icon-linkBrakeIt:before {\n content: '\\e94e';\n }\n &.icon-move-folder:before {\n content: '\\e94f';\n }\n &.icon-columns:before {\n content: '\\e950';\n }\n &.icon-file-word-doc:before {\n content: '\\e951';\n }\n &.icon-file-ppt:before {\n content: '\\e952';\n }\n &.icon-file-zip:before {\n content: '\\e953';\n }\n &.icon-file-xls:before {\n content: '\\e954';\n }\n &.icon-file-pdf:before {\n content: '\\e955';\n }\n &.icon-file-xml:before {\n content: '\\e956';\n }\n &.icon-dictionary-locked:before {\n content: '\\e957';\n }\n &.icon-dictionary:before {\n content: '\\e958';\n }\n &.icon-file-dotted:before {\n content: '\\e959';\n }\n &.icon-file-circle-check:before {\n content: '\\e95a';\n }\n &.icon-back:before {\n content: '\\e95b';\n }\n &.icon-chevron-left:before {\n content: '\\e95c';\n }\n &.icon-chevron-up:before {\n content: '\\e95d';\n }\n &.icon-chevron-down:before {\n content: '\\e95e';\n }\n &.icon-return-level-up:before {\n content: '\\e95f';\n }\n &.icon-return:before {\n content: '\\e960';\n }\n &.icon-edit:before {\n content: '\\e900';\n }\n &.icon-delete:before {\n content: '\\e901';\n }\n &.icon-settings:before {\n content: \"\\e93b\";\n }\n &.icon-network-drive:before {\n content: \"\\e9a1\";\n }\n &.icon-GitOps:before {\n content: \"\\e9a2\";\n }\n &.icon-rss:before {\n content: \"\\e9c1\";\n }\n &.icon-bug:before {\n content: \"\\e9c2\";\n }\n &.icon-cloud:before {\n content: \"\\e9c3\";\n }\n &.icon-more-horizontal:before {\n content: \"\\e9c4\";\n }\n &.icon-expand:before {\n content: \"\\e9c5\";\n }\n &.icon-collapse:before {\n content: \"\\e9c6\";\n }\n }\n }\n }"], ["\n &.", " {\n align-items: center;\n box-sizing: content-box;\n display: flex;\n float: left; // allows flex items to display inline\n font-size: 20px;\n justify-content: center;\n\n &.MuiIcon-fontSizeLarge {\n font-size: 28px;\n height: 35px;\n width: 35px;\n\n i {\n height: 28px\n }\n }\n &.MuiIcon-fontSizeSmall {\n font-size: 18px;\n\n i {\n height: 18px;\n }\n }\n\n i {\n height: 20px;\n\n &:before {\n font-family: 'dot' !important;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n &.icon-plugins:before {\n content: \"\\\\e9dc\";\n }\n\n &.icon-integrations:before {\n content: \"\\\\e9db\";\n }\n\n &.icon-line-graph:before {\n content: \"\\\\e9d7\";\n }\n\n &.icon-rocket-filled:before {\n content: \"\\\\e9d8\";\n }\n\n &.icon-circle-check-outline:before {\n content: \"\\\\e9d9\";\n }\n\n &.icon-circle-info-outline:before {\n content: \"\\\\e9da\";\n }\n\n &.icon-analytics:before {\n content: \"\\\\e9d4\";\n }\n\n &.icon-Increment:before {\n content: \"\\\\e9d5\";\n }\n\n &.icon-Portfolio:before {\n content: \"\\\\e9d6\";\n }\n\n &.icon-user-security:before {\n content: \"\\\\e9d2\";\n }\n\n &.icon-rocket:before {\n content: \"\\\\e9d3\";\n }\n\n &.icon-merge:before {\n content: \"\\\\e9d1\";\n }\n\n &.icon-cpu:before {\n content: \"\\\\e9d0\";\n }\n\n &.icon-progression:before {\n content: \"\\\\e9cf\";\n }\n\n &.icon-commit:before {\n content: \"\\\\e95f\";\n }\n &.icon-design:before {\n content: \"\\\\e960\";\n }\n &.icon-key:before {\n content: \"\\\\e981\";\n }\n &.icon-infrastructure:before {\n content: \"\\\\e989\";\n }\n &.icon-report:before {\n content: \"\\\\e9ce\";\n }\n &.icon-package:before {\n content: \"\\\\e9c9\";\n }\n &.icon-security-off:before {\n content: \"\\\\e9ca\";\n }\n &.icon-security-on:before {\n content: \"\\\\e9cb\";\n }\n &.icon-marker-check:before {\n content: \"\\\\e9cc\";\n }\n &.icon-restore:before {\n content: \"\\\\e9cd\";\n }\n &.icon-check-outlined:before {\n content: \"\\\\e9c7\";\n }\n &.icon-circle-half-full:before {\n content: \"\\\\e9c8\";\n }\n &.icon-host:before {\n content: '\\\\e9b9';\n }\n &.icon-cluster:before {\n content: '\\\\e9ba';\n }\n &.icon-environment:before {\n content: '\\\\e9bb';\n }\n &.icon-monitor-controls:before {\n content: '\\\\e9bc';\n }\n &.icon-flag:before {\n content: '\\\\e9bd';\n }\n &.icon-satelite:before {\n content: '\\\\e9be';\n }\n &.icon-satelite-group:before {\n content: '\\\\e9bf';\n }\n &.icon-monitor-gears:before {\n content: '\\\\e9c0';\n }\n &.icon-patch:before {\n content: '\\\\e9b6';\n }\n &.icon-branch:before {\n content: '\\\\e9b4';\n }\n &.icon-send-airplane:before {\n content: '\\\\e9b5';\n }\n &.icon-briefcase:before {\n content: '\\\\e9b7';\n }\n &.icon-cluster-dependencies:before {\n content: '\\\\e9b8';\n }\n &.icon-script:before {\n content: '\\\\e966';\n }\n &.icon-pattern-bundle:before {\n content: '\\\\e967';\n }\n &.icon-outline:before {\n content: '\\\\e968';\n }\n &.icon-apps:before {\n content: '\\\\e969';\n }\n &.icon-archive:before {\n content: '\\\\e96a';\n }\n &.icon-arrow-down:before {\n content: '\\\\e96b';\n }\n &.icon-arrow-right:before {\n content: '\\\\e96c';\n }\n &.icon-arrow-up:before {\n content: '\\\\e96d';\n }\n &.icon-attachment:before {\n content: '\\\\e96e';\n }\n &.icon-board:before {\n content: '\\\\e96f';\n }\n &.icon-calendar:before {\n content: '\\\\e970';\n }\n &.icon-change:before {\n content: '\\\\e971';\n }\n &.icon-chevron-right:before {\n content: '\\\\e972';\n }\n &.icon-circle-minus-outlines:before {\n content: '\\\\e973';\n }\n &.icon-circle-paused:before {\n content: '\\\\e974';\n }\n &.icon-column:before {\n content: '\\\\e975';\n }\n &.icon-comment:before {\n content: '\\\\e976';\n }\n &.icon-configuration-preferences:before {\n content: '\\\\e977';\n }\n &.icon-conversation-bubbles:before {\n content: '\\\\e978';\n }\n &.icon-dashboard:before {\n content: '\\\\e979';\n }\n &.icon-database:before {\n content: '\\\\e97a';\n }\n &.icon-delivery-eta-icon:before {\n content: '\\\\e97b';\n }\n &.icon-download:before {\n content: '\\\\e97c';\n }\n &.icon-drag:before {\n content: '\\\\e97d';\n }\n &.icon-duplicate:before {\n content: '\\\\e97e';\n }\n &.icon-exit:before {\n content: '\\\\e97f';\n }\n &.icon-expand-chevrons:before {\n content: '\\\\e980';\n }\n &.icon-expander:before {\n content: '\\\\e981';\n }\n &.icon-file-image:before {\n content: '\\\\e982';\n }\n &.icon-file-lines:before {\n content: '\\\\e983';\n }\n &.icon-file-warning:before {\n content: '\\\\e984';\n }\n &.icon-file:before {\n content: '\\\\e985';\n }\n &.icon-filter:before {\n content: '\\\\e986';\n }\n &.icon-flag-none:before {\n content: '\\\\e987';\n }\n &.icon-folder:before {\n content: '\\\\e988';\n }\n &.icon-full-screen:before {\n content: '\\\\e989';\n }\n &.icon-fullscreen-enter:before {\n content: '\\\\e98a';\n }\n &.icon-fullscreen-exit:before {\n content: '\\\\e98b';\n }\n &.icon-grid:before {\n content: '\\\\e98c';\n }\n &.icon-hard-drive:before {\n content: '\\\\e98d';\n }\n &.icon-help:before {\n content: '\\\\e98e';\n }\n &.icon-history:before {\n content: '\\\\e98f';\n }\n &.icon-inbox:before {\n content: '\\\\e990';\n }\n &.icon-link:before {\n content: '\\\\e991';\n }\n &.icon-list:before {\n content: '\\\\e992';\n }\n &.icon-lock:before {\n content: '\\\\e993';\n }\n &.icon-mail:before {\n content: '\\\\e994';\n }\n &.icon-menu:before {\n content: '\\\\e995';\n }\n &.icon-monitor-satellite:before {\n content: '\\\\e996';\n }\n &.icon-monitor:before {\n content: '\\\\e997';\n }\n &.icon-notification-bell:before {\n content: '\\\\e998';\n }\n &.icon-open-new-tab:before {\n content: '\\\\e999';\n }\n &.icon-options:before {\n content: '\\\\e99a';\n }\n &.icon-parallel:before {\n content: '\\\\e99b';\n }\n &.icon-pending-clock:before {\n content: '\\\\e99c';\n }\n &.icon-play:before {\n content: '\\\\e99d';\n }\n &.icon-redo:before {\n content: '\\\\e99e';\n }\n &.icon-refresh:before {\n content: '\\\\e99f';\n }\n &.icon-release:before {\n content: '\\\\e9a0';\n }\n &.icon-search:before {\n content: '\\\\e9a3';\n }\n &.icon-sequential:before {\n content: '\\\\e9a4';\n }\n &.icon-sort-asc:before {\n content: '\\\\e9a5';\n }\n &.icon-sort-desc:before {\n content: '\\\\e9a6';\n }\n &.icon-star-favorites-active:before {\n content: '\\\\e9a7';\n }\n &.icon-star-favorites-default:before {\n content: '\\\\e9a8';\n }\n &.icon-target:before {\n content: '\\\\e9a9';\n }\n &.icon-task:before {\n content: '\\\\e9aa';\n }\n &.icon-template:before {\n content: '\\\\e9ab';\n }\n &.icon-undo:before {\n content: '\\\\e9ac';\n }\n &.icon-unlock:before {\n content: '\\\\e9ad';\n }\n &.icon-variable:before {\n content: '\\\\e9ae';\n }\n &.icon-vault:before {\n content: '\\\\e9af';\n }\n &.icon-visibility-off:before {\n content: '\\\\e9b0';\n }\n &.icon-visibility-on:before {\n content: '\\\\e9b1';\n }\n &.icon-webhook:before {\n content: '\\\\e9b2';\n }\n &.icon-wrench:before {\n content: '\\\\e9b3';\n }\n &.icon-bright:before {\n content: '\\\\e961';\n }\n &.icon-rogue-commits:before {\n content: '\\\\e962';\n }\n &.icon-home:before {\n content: '\\\\e963';\n }\n &.icon-blocking-issues:before {\n content: '\\\\e964';\n }\n &.icon-print-link:before {\n content: '\\\\e965';\n }\n &.icon-logo-deploy:before {\n content: '\\\\e902';\n }\n &.icon-logo-experitest:before {\n content: '\\\\e903';\n }\n &.icon-logo-numerify:before {\n content: '\\\\e904';\n }\n &.icon-logo-arxan:before {\n content: '\\\\e905';\n }\n &.icon-logo-continuum:before {\n content: '\\\\e906';\n }\n &.icon-logo-versionone:before {\n content: '\\\\e907';\n }\n &.icon-logo-release:before {\n content: '\\\\e908';\n }\n &.icon-warning-solid:before {\n content: '\\\\e909';\n }\n &.icon-warning-outline:before {\n content: '\\\\e90a';\n }\n &.icon-info-solid:before {\n content: '\\\\e90b';\n }\n &.icon-minus-solid:before {\n content: '\\\\e90c';\n }\n &.icon-check-solid:before {\n content: '\\\\e90d';\n }\n &.icon-error-solid:before {\n content: '\\\\e90e';\n }\n &.icon-error-outlines:before {\n content: '\\\\e90f';\n }\n &.icon-add-outlined:before {\n content: '\\\\e910';\n }\n &.icon-add-solid:before {\n content: '\\\\e911';\n }\n &.icon-clear-solid:before {\n content: '\\\\e912';\n }\n &.icon-dark:before {\n content: '\\\\e913';\n }\n &.icon-location:before {\n content: '\\\\e914';\n }\n &.icon-roadmap:before {\n content: '\\\\e915';\n }\n &.icon-follow-solid:before {\n content: '\\\\e916';\n }\n &.icon-follow-outlined:before {\n content: '\\\\e917';\n }\n &.icon-video:before {\n content: '\\\\e918';\n }\n &.icon-thumbs-down:before {\n content: '\\\\e919';\n }\n &.icon-camera:before {\n content: '\\\\e91a';\n }\n &.icon-users:before {\n content: '\\\\e91b';\n }\n &.icon-user:before {\n content: '\\\\e91c';\n }\n &.icon-announcement:before {\n content: '\\\\e91d';\n }\n &.icon-not-allowed:before {\n content: '\\\\e91e';\n }\n &.icon-zoom-out:before {\n content: '\\\\e91f';\n }\n &.icon-zoom-in:before {\n content: '\\\\e920';\n }\n &.icon-triangle:before {\n content: '\\\\e921';\n }\n &.icon-delay:before {\n content: '\\\\e922';\n }\n &.icon-circle-outline:before {\n content: '\\\\e923';\n }\n &.icon-circle:before {\n content: '\\\\e924';\n }\n &.icon-add-from-list:before {\n content: '\\\\e925';\n }\n &.icon-sync:before {\n content: '\\\\e926';\n }\n &.icon-keyboard:before {\n content: '\\\\e927';\n }\n &.icon-planner:before {\n content: '\\\\e928';\n }\n &.icon-tag:before {\n content: '\\\\e929';\n }\n &.icon-progress:before {\n content: '\\\\e92a';\n }\n &.icon-timeline:before {\n content: '\\\\e92b';\n }\n &.icon-abort:before {\n content: '\\\\e92c';\n }\n &.icon-cancel:before {\n content: '\\\\e92d';\n }\n &.icon-power:before {\n content: '\\\\e92e';\n }\n &.icon-resize:before {\n content: '\\\\e92f';\n }\n &.icon-close:before {\n content: '\\\\e930';\n }\n &.icon-save:before {\n content: '\\\\e931';\n }\n &.icon-drag-vertical-up-down:before {\n content: '\\\\e932';\n }\n &.icon-add:before {\n content: '\\\\e933';\n }\n &.icon-minus:before {\n content: '\\\\e934';\n }\n &.icon-target-none:before {\n content: '\\\\e935';\n }\n &.icon-placeholder:before {\n content: '\\\\e936';\n }\n &.icon-server:before {\n content: '\\\\e937';\n }\n &.icon-square-wrench:before {\n content: '\\\\e938';\n }\n &.icon-square-wrench-check:before {\n content: '\\\\e939';\n }\n &.icon-square-settings:before {\n content: '\\\\e93a';\n }\n &.icon-trigger:before {\n content: '\\\\e93c';\n }\n &.icon-precondition:before {\n content: '\\\\e93d';\n }\n &.icon-composition:before {\n content: '\\\\e93e';\n }\n &.icon-block:before {\n content: '\\\\e93f';\n }\n &.icon-group:before {\n content: '\\\\e940';\n }\n &.icon-settings-admin-opaque:before {\n content: '\\\\e941';\n }\n &.icon-puzzle:before {\n content: '\\\\e942';\n }\n &.icon-alphabet-icon:before {\n content: '\\\\e943';\n }\n &.icon-crop:before {\n content: '\\\\e944';\n }\n &.icon-upload-file:before {\n content: '\\\\e945';\n }\n &.icon-container:before {\n content: '\\\\e946';\n }\n &.icon-flag-risk:before {\n content: '\\\\e947';\n }\n &.icon-learn:before {\n content: '\\\\e948';\n }\n &.icon-tree:before {\n content: '\\\\e949';\n }\n &.icon-process-template:before {\n content: '\\\\e94a';\n }\n &.icon-flag-attention:before {\n content: '\\\\e94b';\n }\n &.icon-collection:before {\n content: '\\\\e94c';\n }\n &.icon-table:before {\n content: '\\\\e94d';\n }\n &.icon-linkBrakeIt:before {\n content: '\\\\e94e';\n }\n &.icon-move-folder:before {\n content: '\\\\e94f';\n }\n &.icon-columns:before {\n content: '\\\\e950';\n }\n &.icon-file-word-doc:before {\n content: '\\\\e951';\n }\n &.icon-file-ppt:before {\n content: '\\\\e952';\n }\n &.icon-file-zip:before {\n content: '\\\\e953';\n }\n &.icon-file-xls:before {\n content: '\\\\e954';\n }\n &.icon-file-pdf:before {\n content: '\\\\e955';\n }\n &.icon-file-xml:before {\n content: '\\\\e956';\n }\n &.icon-dictionary-locked:before {\n content: '\\\\e957';\n }\n &.icon-dictionary:before {\n content: '\\\\e958';\n }\n &.icon-file-dotted:before {\n content: '\\\\e959';\n }\n &.icon-file-circle-check:before {\n content: '\\\\e95a';\n }\n &.icon-back:before {\n content: '\\\\e95b';\n }\n &.icon-chevron-left:before {\n content: '\\\\e95c';\n }\n &.icon-chevron-up:before {\n content: '\\\\e95d';\n }\n &.icon-chevron-down:before {\n content: '\\\\e95e';\n }\n &.icon-return-level-up:before {\n content: '\\\\e95f';\n }\n &.icon-return:before {\n content: '\\\\e960';\n }\n &.icon-edit:before {\n content: '\\\\e900';\n }\n &.icon-delete:before {\n content: '\\\\e901';\n }\n &.icon-settings:before {\n content: \"\\\\e93b\";\n }\n &.icon-network-drive:before {\n content: \"\\\\e9a1\";\n }\n &.icon-GitOps:before {\n content: \"\\\\e9a2\";\n }\n &.icon-rss:before {\n content: \"\\\\e9c1\";\n }\n &.icon-bug:before {\n content: \"\\\\e9c2\";\n }\n &.icon-cloud:before {\n content: \"\\\\e9c3\";\n }\n &.icon-more-horizontal:before {\n content: \"\\\\e9c4\";\n }\n &.icon-expand:before {\n content: \"\\\\e9c5\";\n }\n &.icon-collapse:before {\n content: \"\\\\e9c6\";\n }\n }\n }\n }"])), rootClassName$H);
51
+ var _templateObject$M;
52
+ var rootClassName$I = 'dot-icon';
53
+ var StyledIcon = styled(Icon)(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n &.", " {\n align-items: center;\n box-sizing: content-box;\n display: flex;\n float: left; // allows flex items to display inline\n font-size: 20px;\n justify-content: center;\n\n &.MuiIcon-fontSizeLarge {\n font-size: 28px;\n height: 35px;\n width: 35px;\n\n i {\n height: 28px\n }\n }\n &.MuiIcon-fontSizeSmall {\n font-size: 18px;\n\n i {\n height: 18px;\n }\n }\n\n i {\n height: 20px;\n\n &:before {\n font-family: 'dot' !important;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n &.icon-plugins:before {\n content: \"\\e9dc\";\n }\n\n &.icon-integrations:before {\n content: \"\\e9db\";\n }\n\n &.icon-line-graph:before {\n content: \"\\e9d7\";\n }\n\n &.icon-rocket-filled:before {\n content: \"\\e9d8\";\n }\n\n &.icon-circle-check-outline:before {\n content: \"\\e9d9\";\n }\n\n &.icon-circle-info-outline:before {\n content: \"\\e9da\";\n }\n\n &.icon-analytics:before {\n content: \"\\e9d4\";\n }\n\n &.icon-Increment:before {\n content: \"\\e9d5\";\n }\n\n &.icon-Portfolio:before {\n content: \"\\e9d6\";\n }\n\n &.icon-user-security:before {\n content: \"\\e9d2\";\n }\n\n &.icon-rocket:before {\n content: \"\\e9d3\";\n }\n\n &.icon-merge:before {\n content: \"\\e9d1\";\n }\n\n &.icon-cpu:before {\n content: \"\\e9d0\";\n }\n\n &.icon-progression:before {\n content: \"\\e9cf\";\n }\n\n &.icon-commit:before {\n content: \"\\e95f\";\n }\n &.icon-design:before {\n content: \"\\e960\";\n }\n &.icon-key:before {\n content: \"\\e981\";\n }\n &.icon-infrastructure:before {\n content: \"\\e989\";\n }\n &.icon-report:before {\n content: \"\\e9ce\";\n }\n &.icon-package:before {\n content: \"\\e9c9\";\n }\n &.icon-security-off:before {\n content: \"\\e9ca\";\n }\n &.icon-security-on:before {\n content: \"\\e9cb\";\n }\n &.icon-marker-check:before {\n content: \"\\e9cc\";\n }\n &.icon-restore:before {\n content: \"\\e9cd\";\n }\n &.icon-check-outlined:before {\n content: \"\\e9c7\";\n }\n &.icon-circle-half-full:before {\n content: \"\\e9c8\";\n }\n &.icon-host:before {\n content: '\\e9b9';\n }\n &.icon-cluster:before {\n content: '\\e9ba';\n }\n &.icon-environment:before {\n content: '\\e9bb';\n }\n &.icon-monitor-controls:before {\n content: '\\e9bc';\n }\n &.icon-flag:before {\n content: '\\e9bd';\n }\n &.icon-satelite:before {\n content: '\\e9be';\n }\n &.icon-satelite-group:before {\n content: '\\e9bf';\n }\n &.icon-monitor-gears:before {\n content: '\\e9c0';\n }\n &.icon-patch:before {\n content: '\\e9b6';\n }\n &.icon-branch:before {\n content: '\\e9b4';\n }\n &.icon-send-airplane:before {\n content: '\\e9b5';\n }\n &.icon-briefcase:before {\n content: '\\e9b7';\n }\n &.icon-cluster-dependencies:before {\n content: '\\e9b8';\n }\n &.icon-script:before {\n content: '\\e966';\n }\n &.icon-pattern-bundle:before {\n content: '\\e967';\n }\n &.icon-outline:before {\n content: '\\e968';\n }\n &.icon-apps:before {\n content: '\\e969';\n }\n &.icon-archive:before {\n content: '\\e96a';\n }\n &.icon-arrow-down:before {\n content: '\\e96b';\n }\n &.icon-arrow-right:before {\n content: '\\e96c';\n }\n &.icon-arrow-up:before {\n content: '\\e96d';\n }\n &.icon-attachment:before {\n content: '\\e96e';\n }\n &.icon-board:before {\n content: '\\e96f';\n }\n &.icon-calendar:before {\n content: '\\e970';\n }\n &.icon-change:before {\n content: '\\e971';\n }\n &.icon-chevron-right:before {\n content: '\\e972';\n }\n &.icon-circle-minus-outlines:before {\n content: '\\e973';\n }\n &.icon-circle-paused:before {\n content: '\\e974';\n }\n &.icon-column:before {\n content: '\\e975';\n }\n &.icon-comment:before {\n content: '\\e976';\n }\n &.icon-configuration-preferences:before {\n content: '\\e977';\n }\n &.icon-conversation-bubbles:before {\n content: '\\e978';\n }\n &.icon-dashboard:before {\n content: '\\e979';\n }\n &.icon-database:before {\n content: '\\e97a';\n }\n &.icon-delivery-eta-icon:before {\n content: '\\e97b';\n }\n &.icon-download:before {\n content: '\\e97c';\n }\n &.icon-drag:before {\n content: '\\e97d';\n }\n &.icon-duplicate:before {\n content: '\\e97e';\n }\n &.icon-exit:before {\n content: '\\e97f';\n }\n &.icon-expand-chevrons:before {\n content: '\\e980';\n }\n &.icon-expander:before {\n content: '\\e981';\n }\n &.icon-file-image:before {\n content: '\\e982';\n }\n &.icon-file-lines:before {\n content: '\\e983';\n }\n &.icon-file-warning:before {\n content: '\\e984';\n }\n &.icon-file:before {\n content: '\\e985';\n }\n &.icon-filter:before {\n content: '\\e986';\n }\n &.icon-flag-none:before {\n content: '\\e987';\n }\n &.icon-folder:before {\n content: '\\e988';\n }\n &.icon-full-screen:before {\n content: '\\e989';\n }\n &.icon-fullscreen-enter:before {\n content: '\\e98a';\n }\n &.icon-fullscreen-exit:before {\n content: '\\e98b';\n }\n &.icon-grid:before {\n content: '\\e98c';\n }\n &.icon-hard-drive:before {\n content: '\\e98d';\n }\n &.icon-help:before {\n content: '\\e98e';\n }\n &.icon-history:before {\n content: '\\e98f';\n }\n &.icon-inbox:before {\n content: '\\e990';\n }\n &.icon-link:before {\n content: '\\e991';\n }\n &.icon-list:before {\n content: '\\e992';\n }\n &.icon-lock:before {\n content: '\\e993';\n }\n &.icon-mail:before {\n content: '\\e994';\n }\n &.icon-menu:before {\n content: '\\e995';\n }\n &.icon-monitor-satellite:before {\n content: '\\e996';\n }\n &.icon-monitor:before {\n content: '\\e997';\n }\n &.icon-notification-bell:before {\n content: '\\e998';\n }\n &.icon-open-new-tab:before {\n content: '\\e999';\n }\n &.icon-options:before {\n content: '\\e99a';\n }\n &.icon-parallel:before {\n content: '\\e99b';\n }\n &.icon-pending-clock:before {\n content: '\\e99c';\n }\n &.icon-play:before {\n content: '\\e99d';\n }\n &.icon-redo:before {\n content: '\\e99e';\n }\n &.icon-refresh:before {\n content: '\\e99f';\n }\n &.icon-release:before {\n content: '\\e9a0';\n }\n &.icon-search:before {\n content: '\\e9a3';\n }\n &.icon-sequential:before {\n content: '\\e9a4';\n }\n &.icon-sort-asc:before {\n content: '\\e9a5';\n }\n &.icon-sort-desc:before {\n content: '\\e9a6';\n }\n &.icon-star-favorites-active:before {\n content: '\\e9a7';\n }\n &.icon-star-favorites-default:before {\n content: '\\e9a8';\n }\n &.icon-target:before {\n content: '\\e9a9';\n }\n &.icon-task:before {\n content: '\\e9aa';\n }\n &.icon-template:before {\n content: '\\e9ab';\n }\n &.icon-undo:before {\n content: '\\e9ac';\n }\n &.icon-unlock:before {\n content: '\\e9ad';\n }\n &.icon-variable:before {\n content: '\\e9ae';\n }\n &.icon-vault:before {\n content: '\\e9af';\n }\n &.icon-visibility-off:before {\n content: '\\e9b0';\n }\n &.icon-visibility-on:before {\n content: '\\e9b1';\n }\n &.icon-webhook:before {\n content: '\\e9b2';\n }\n &.icon-wrench:before {\n content: '\\e9b3';\n }\n &.icon-bright:before {\n content: '\\e961';\n }\n &.icon-rogue-commits:before {\n content: '\\e962';\n }\n &.icon-home:before {\n content: '\\e963';\n }\n &.icon-blocking-issues:before {\n content: '\\e964';\n }\n &.icon-print-link:before {\n content: '\\e965';\n }\n &.icon-logo-deploy:before {\n content: '\\e902';\n }\n &.icon-logo-experitest:before {\n content: '\\e903';\n }\n &.icon-logo-numerify:before {\n content: '\\e904';\n }\n &.icon-logo-arxan:before {\n content: '\\e905';\n }\n &.icon-logo-continuum:before {\n content: '\\e906';\n }\n &.icon-logo-versionone:before {\n content: '\\e907';\n }\n &.icon-logo-release:before {\n content: '\\e908';\n }\n &.icon-warning-solid:before {\n content: '\\e909';\n }\n &.icon-warning-outline:before {\n content: '\\e90a';\n }\n &.icon-info-solid:before {\n content: '\\e90b';\n }\n &.icon-minus-solid:before {\n content: '\\e90c';\n }\n &.icon-check-solid:before {\n content: '\\e90d';\n }\n &.icon-error-solid:before {\n content: '\\e90e';\n }\n &.icon-error-outlines:before {\n content: '\\e90f';\n }\n &.icon-add-outlined:before {\n content: '\\e910';\n }\n &.icon-add-solid:before {\n content: '\\e911';\n }\n &.icon-clear-solid:before {\n content: '\\e912';\n }\n &.icon-dark:before {\n content: '\\e913';\n }\n &.icon-location:before {\n content: '\\e914';\n }\n &.icon-roadmap:before {\n content: '\\e915';\n }\n &.icon-follow-solid:before {\n content: '\\e916';\n }\n &.icon-follow-outlined:before {\n content: '\\e917';\n }\n &.icon-video:before {\n content: '\\e918';\n }\n &.icon-thumbs-down:before {\n content: '\\e919';\n }\n &.icon-camera:before {\n content: '\\e91a';\n }\n &.icon-users:before {\n content: '\\e91b';\n }\n &.icon-user:before {\n content: '\\e91c';\n }\n &.icon-announcement:before {\n content: '\\e91d';\n }\n &.icon-not-allowed:before {\n content: '\\e91e';\n }\n &.icon-zoom-out:before {\n content: '\\e91f';\n }\n &.icon-zoom-in:before {\n content: '\\e920';\n }\n &.icon-triangle:before {\n content: '\\e921';\n }\n &.icon-delay:before {\n content: '\\e922';\n }\n &.icon-circle-outline:before {\n content: '\\e923';\n }\n &.icon-circle:before {\n content: '\\e924';\n }\n &.icon-add-from-list:before {\n content: '\\e925';\n }\n &.icon-sync:before {\n content: '\\e926';\n }\n &.icon-keyboard:before {\n content: '\\e927';\n }\n &.icon-planner:before {\n content: '\\e928';\n }\n &.icon-tag:before {\n content: '\\e929';\n }\n &.icon-progress:before {\n content: '\\e92a';\n }\n &.icon-timeline:before {\n content: '\\e92b';\n }\n &.icon-abort:before {\n content: '\\e92c';\n }\n &.icon-cancel:before {\n content: '\\e92d';\n }\n &.icon-power:before {\n content: '\\e92e';\n }\n &.icon-resize:before {\n content: '\\e92f';\n }\n &.icon-close:before {\n content: '\\e930';\n }\n &.icon-save:before {\n content: '\\e931';\n }\n &.icon-drag-vertical-up-down:before {\n content: '\\e932';\n }\n &.icon-add:before {\n content: '\\e933';\n }\n &.icon-minus:before {\n content: '\\e934';\n }\n &.icon-target-none:before {\n content: '\\e935';\n }\n &.icon-placeholder:before {\n content: '\\e936';\n }\n &.icon-server:before {\n content: '\\e937';\n }\n &.icon-square-wrench:before {\n content: '\\e938';\n }\n &.icon-square-wrench-check:before {\n content: '\\e939';\n }\n &.icon-square-settings:before {\n content: '\\e93a';\n }\n &.icon-trigger:before {\n content: '\\e93c';\n }\n &.icon-precondition:before {\n content: '\\e93d';\n }\n &.icon-composition:before {\n content: '\\e93e';\n }\n &.icon-block:before {\n content: '\\e93f';\n }\n &.icon-group:before {\n content: '\\e940';\n }\n &.icon-settings-admin-opaque:before {\n content: '\\e941';\n }\n &.icon-puzzle:before {\n content: '\\e942';\n }\n &.icon-alphabet-icon:before {\n content: '\\e943';\n }\n &.icon-crop:before {\n content: '\\e944';\n }\n &.icon-upload-file:before {\n content: '\\e945';\n }\n &.icon-container:before {\n content: '\\e946';\n }\n &.icon-flag-risk:before {\n content: '\\e947';\n }\n &.icon-learn:before {\n content: '\\e948';\n }\n &.icon-tree:before {\n content: '\\e949';\n }\n &.icon-process-template:before {\n content: '\\e94a';\n }\n &.icon-flag-attention:before {\n content: '\\e94b';\n }\n &.icon-collection:before {\n content: '\\e94c';\n }\n &.icon-table:before {\n content: '\\e94d';\n }\n &.icon-linkBrakeIt:before {\n content: '\\e94e';\n }\n &.icon-move-folder:before {\n content: '\\e94f';\n }\n &.icon-columns:before {\n content: '\\e950';\n }\n &.icon-file-word-doc:before {\n content: '\\e951';\n }\n &.icon-file-ppt:before {\n content: '\\e952';\n }\n &.icon-file-zip:before {\n content: '\\e953';\n }\n &.icon-file-xls:before {\n content: '\\e954';\n }\n &.icon-file-pdf:before {\n content: '\\e955';\n }\n &.icon-file-xml:before {\n content: '\\e956';\n }\n &.icon-dictionary-locked:before {\n content: '\\e957';\n }\n &.icon-dictionary:before {\n content: '\\e958';\n }\n &.icon-file-dotted:before {\n content: '\\e959';\n }\n &.icon-file-circle-check:before {\n content: '\\e95a';\n }\n &.icon-back:before {\n content: '\\e95b';\n }\n &.icon-chevron-left:before {\n content: '\\e95c';\n }\n &.icon-chevron-up:before {\n content: '\\e95d';\n }\n &.icon-chevron-down:before {\n content: '\\e95e';\n }\n &.icon-return-level-up:before {\n content: '\\e95f';\n }\n &.icon-return:before {\n content: '\\e960';\n }\n &.icon-edit:before {\n content: '\\e900';\n }\n &.icon-delete:before {\n content: '\\e901';\n }\n &.icon-settings:before {\n content: \"\\e93b\";\n }\n &.icon-network-drive:before {\n content: \"\\e9a1\";\n }\n &.icon-GitOps:before {\n content: \"\\e9a2\";\n }\n &.icon-rss:before {\n content: \"\\e9c1\";\n }\n &.icon-bug:before {\n content: \"\\e9c2\";\n }\n &.icon-cloud:before {\n content: \"\\e9c3\";\n }\n &.icon-more-horizontal:before {\n content: \"\\e9c4\";\n }\n &.icon-expand:before {\n content: \"\\e9c5\";\n }\n &.icon-collapse:before {\n content: \"\\e9c6\";\n }\n }\n }\n }"], ["\n &.", " {\n align-items: center;\n box-sizing: content-box;\n display: flex;\n float: left; // allows flex items to display inline\n font-size: 20px;\n justify-content: center;\n\n &.MuiIcon-fontSizeLarge {\n font-size: 28px;\n height: 35px;\n width: 35px;\n\n i {\n height: 28px\n }\n }\n &.MuiIcon-fontSizeSmall {\n font-size: 18px;\n\n i {\n height: 18px;\n }\n }\n\n i {\n height: 20px;\n\n &:before {\n font-family: 'dot' !important;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n &.icon-plugins:before {\n content: \"\\\\e9dc\";\n }\n\n &.icon-integrations:before {\n content: \"\\\\e9db\";\n }\n\n &.icon-line-graph:before {\n content: \"\\\\e9d7\";\n }\n\n &.icon-rocket-filled:before {\n content: \"\\\\e9d8\";\n }\n\n &.icon-circle-check-outline:before {\n content: \"\\\\e9d9\";\n }\n\n &.icon-circle-info-outline:before {\n content: \"\\\\e9da\";\n }\n\n &.icon-analytics:before {\n content: \"\\\\e9d4\";\n }\n\n &.icon-Increment:before {\n content: \"\\\\e9d5\";\n }\n\n &.icon-Portfolio:before {\n content: \"\\\\e9d6\";\n }\n\n &.icon-user-security:before {\n content: \"\\\\e9d2\";\n }\n\n &.icon-rocket:before {\n content: \"\\\\e9d3\";\n }\n\n &.icon-merge:before {\n content: \"\\\\e9d1\";\n }\n\n &.icon-cpu:before {\n content: \"\\\\e9d0\";\n }\n\n &.icon-progression:before {\n content: \"\\\\e9cf\";\n }\n\n &.icon-commit:before {\n content: \"\\\\e95f\";\n }\n &.icon-design:before {\n content: \"\\\\e960\";\n }\n &.icon-key:before {\n content: \"\\\\e981\";\n }\n &.icon-infrastructure:before {\n content: \"\\\\e989\";\n }\n &.icon-report:before {\n content: \"\\\\e9ce\";\n }\n &.icon-package:before {\n content: \"\\\\e9c9\";\n }\n &.icon-security-off:before {\n content: \"\\\\e9ca\";\n }\n &.icon-security-on:before {\n content: \"\\\\e9cb\";\n }\n &.icon-marker-check:before {\n content: \"\\\\e9cc\";\n }\n &.icon-restore:before {\n content: \"\\\\e9cd\";\n }\n &.icon-check-outlined:before {\n content: \"\\\\e9c7\";\n }\n &.icon-circle-half-full:before {\n content: \"\\\\e9c8\";\n }\n &.icon-host:before {\n content: '\\\\e9b9';\n }\n &.icon-cluster:before {\n content: '\\\\e9ba';\n }\n &.icon-environment:before {\n content: '\\\\e9bb';\n }\n &.icon-monitor-controls:before {\n content: '\\\\e9bc';\n }\n &.icon-flag:before {\n content: '\\\\e9bd';\n }\n &.icon-satelite:before {\n content: '\\\\e9be';\n }\n &.icon-satelite-group:before {\n content: '\\\\e9bf';\n }\n &.icon-monitor-gears:before {\n content: '\\\\e9c0';\n }\n &.icon-patch:before {\n content: '\\\\e9b6';\n }\n &.icon-branch:before {\n content: '\\\\e9b4';\n }\n &.icon-send-airplane:before {\n content: '\\\\e9b5';\n }\n &.icon-briefcase:before {\n content: '\\\\e9b7';\n }\n &.icon-cluster-dependencies:before {\n content: '\\\\e9b8';\n }\n &.icon-script:before {\n content: '\\\\e966';\n }\n &.icon-pattern-bundle:before {\n content: '\\\\e967';\n }\n &.icon-outline:before {\n content: '\\\\e968';\n }\n &.icon-apps:before {\n content: '\\\\e969';\n }\n &.icon-archive:before {\n content: '\\\\e96a';\n }\n &.icon-arrow-down:before {\n content: '\\\\e96b';\n }\n &.icon-arrow-right:before {\n content: '\\\\e96c';\n }\n &.icon-arrow-up:before {\n content: '\\\\e96d';\n }\n &.icon-attachment:before {\n content: '\\\\e96e';\n }\n &.icon-board:before {\n content: '\\\\e96f';\n }\n &.icon-calendar:before {\n content: '\\\\e970';\n }\n &.icon-change:before {\n content: '\\\\e971';\n }\n &.icon-chevron-right:before {\n content: '\\\\e972';\n }\n &.icon-circle-minus-outlines:before {\n content: '\\\\e973';\n }\n &.icon-circle-paused:before {\n content: '\\\\e974';\n }\n &.icon-column:before {\n content: '\\\\e975';\n }\n &.icon-comment:before {\n content: '\\\\e976';\n }\n &.icon-configuration-preferences:before {\n content: '\\\\e977';\n }\n &.icon-conversation-bubbles:before {\n content: '\\\\e978';\n }\n &.icon-dashboard:before {\n content: '\\\\e979';\n }\n &.icon-database:before {\n content: '\\\\e97a';\n }\n &.icon-delivery-eta-icon:before {\n content: '\\\\e97b';\n }\n &.icon-download:before {\n content: '\\\\e97c';\n }\n &.icon-drag:before {\n content: '\\\\e97d';\n }\n &.icon-duplicate:before {\n content: '\\\\e97e';\n }\n &.icon-exit:before {\n content: '\\\\e97f';\n }\n &.icon-expand-chevrons:before {\n content: '\\\\e980';\n }\n &.icon-expander:before {\n content: '\\\\e981';\n }\n &.icon-file-image:before {\n content: '\\\\e982';\n }\n &.icon-file-lines:before {\n content: '\\\\e983';\n }\n &.icon-file-warning:before {\n content: '\\\\e984';\n }\n &.icon-file:before {\n content: '\\\\e985';\n }\n &.icon-filter:before {\n content: '\\\\e986';\n }\n &.icon-flag-none:before {\n content: '\\\\e987';\n }\n &.icon-folder:before {\n content: '\\\\e988';\n }\n &.icon-full-screen:before {\n content: '\\\\e989';\n }\n &.icon-fullscreen-enter:before {\n content: '\\\\e98a';\n }\n &.icon-fullscreen-exit:before {\n content: '\\\\e98b';\n }\n &.icon-grid:before {\n content: '\\\\e98c';\n }\n &.icon-hard-drive:before {\n content: '\\\\e98d';\n }\n &.icon-help:before {\n content: '\\\\e98e';\n }\n &.icon-history:before {\n content: '\\\\e98f';\n }\n &.icon-inbox:before {\n content: '\\\\e990';\n }\n &.icon-link:before {\n content: '\\\\e991';\n }\n &.icon-list:before {\n content: '\\\\e992';\n }\n &.icon-lock:before {\n content: '\\\\e993';\n }\n &.icon-mail:before {\n content: '\\\\e994';\n }\n &.icon-menu:before {\n content: '\\\\e995';\n }\n &.icon-monitor-satellite:before {\n content: '\\\\e996';\n }\n &.icon-monitor:before {\n content: '\\\\e997';\n }\n &.icon-notification-bell:before {\n content: '\\\\e998';\n }\n &.icon-open-new-tab:before {\n content: '\\\\e999';\n }\n &.icon-options:before {\n content: '\\\\e99a';\n }\n &.icon-parallel:before {\n content: '\\\\e99b';\n }\n &.icon-pending-clock:before {\n content: '\\\\e99c';\n }\n &.icon-play:before {\n content: '\\\\e99d';\n }\n &.icon-redo:before {\n content: '\\\\e99e';\n }\n &.icon-refresh:before {\n content: '\\\\e99f';\n }\n &.icon-release:before {\n content: '\\\\e9a0';\n }\n &.icon-search:before {\n content: '\\\\e9a3';\n }\n &.icon-sequential:before {\n content: '\\\\e9a4';\n }\n &.icon-sort-asc:before {\n content: '\\\\e9a5';\n }\n &.icon-sort-desc:before {\n content: '\\\\e9a6';\n }\n &.icon-star-favorites-active:before {\n content: '\\\\e9a7';\n }\n &.icon-star-favorites-default:before {\n content: '\\\\e9a8';\n }\n &.icon-target:before {\n content: '\\\\e9a9';\n }\n &.icon-task:before {\n content: '\\\\e9aa';\n }\n &.icon-template:before {\n content: '\\\\e9ab';\n }\n &.icon-undo:before {\n content: '\\\\e9ac';\n }\n &.icon-unlock:before {\n content: '\\\\e9ad';\n }\n &.icon-variable:before {\n content: '\\\\e9ae';\n }\n &.icon-vault:before {\n content: '\\\\e9af';\n }\n &.icon-visibility-off:before {\n content: '\\\\e9b0';\n }\n &.icon-visibility-on:before {\n content: '\\\\e9b1';\n }\n &.icon-webhook:before {\n content: '\\\\e9b2';\n }\n &.icon-wrench:before {\n content: '\\\\e9b3';\n }\n &.icon-bright:before {\n content: '\\\\e961';\n }\n &.icon-rogue-commits:before {\n content: '\\\\e962';\n }\n &.icon-home:before {\n content: '\\\\e963';\n }\n &.icon-blocking-issues:before {\n content: '\\\\e964';\n }\n &.icon-print-link:before {\n content: '\\\\e965';\n }\n &.icon-logo-deploy:before {\n content: '\\\\e902';\n }\n &.icon-logo-experitest:before {\n content: '\\\\e903';\n }\n &.icon-logo-numerify:before {\n content: '\\\\e904';\n }\n &.icon-logo-arxan:before {\n content: '\\\\e905';\n }\n &.icon-logo-continuum:before {\n content: '\\\\e906';\n }\n &.icon-logo-versionone:before {\n content: '\\\\e907';\n }\n &.icon-logo-release:before {\n content: '\\\\e908';\n }\n &.icon-warning-solid:before {\n content: '\\\\e909';\n }\n &.icon-warning-outline:before {\n content: '\\\\e90a';\n }\n &.icon-info-solid:before {\n content: '\\\\e90b';\n }\n &.icon-minus-solid:before {\n content: '\\\\e90c';\n }\n &.icon-check-solid:before {\n content: '\\\\e90d';\n }\n &.icon-error-solid:before {\n content: '\\\\e90e';\n }\n &.icon-error-outlines:before {\n content: '\\\\e90f';\n }\n &.icon-add-outlined:before {\n content: '\\\\e910';\n }\n &.icon-add-solid:before {\n content: '\\\\e911';\n }\n &.icon-clear-solid:before {\n content: '\\\\e912';\n }\n &.icon-dark:before {\n content: '\\\\e913';\n }\n &.icon-location:before {\n content: '\\\\e914';\n }\n &.icon-roadmap:before {\n content: '\\\\e915';\n }\n &.icon-follow-solid:before {\n content: '\\\\e916';\n }\n &.icon-follow-outlined:before {\n content: '\\\\e917';\n }\n &.icon-video:before {\n content: '\\\\e918';\n }\n &.icon-thumbs-down:before {\n content: '\\\\e919';\n }\n &.icon-camera:before {\n content: '\\\\e91a';\n }\n &.icon-users:before {\n content: '\\\\e91b';\n }\n &.icon-user:before {\n content: '\\\\e91c';\n }\n &.icon-announcement:before {\n content: '\\\\e91d';\n }\n &.icon-not-allowed:before {\n content: '\\\\e91e';\n }\n &.icon-zoom-out:before {\n content: '\\\\e91f';\n }\n &.icon-zoom-in:before {\n content: '\\\\e920';\n }\n &.icon-triangle:before {\n content: '\\\\e921';\n }\n &.icon-delay:before {\n content: '\\\\e922';\n }\n &.icon-circle-outline:before {\n content: '\\\\e923';\n }\n &.icon-circle:before {\n content: '\\\\e924';\n }\n &.icon-add-from-list:before {\n content: '\\\\e925';\n }\n &.icon-sync:before {\n content: '\\\\e926';\n }\n &.icon-keyboard:before {\n content: '\\\\e927';\n }\n &.icon-planner:before {\n content: '\\\\e928';\n }\n &.icon-tag:before {\n content: '\\\\e929';\n }\n &.icon-progress:before {\n content: '\\\\e92a';\n }\n &.icon-timeline:before {\n content: '\\\\e92b';\n }\n &.icon-abort:before {\n content: '\\\\e92c';\n }\n &.icon-cancel:before {\n content: '\\\\e92d';\n }\n &.icon-power:before {\n content: '\\\\e92e';\n }\n &.icon-resize:before {\n content: '\\\\e92f';\n }\n &.icon-close:before {\n content: '\\\\e930';\n }\n &.icon-save:before {\n content: '\\\\e931';\n }\n &.icon-drag-vertical-up-down:before {\n content: '\\\\e932';\n }\n &.icon-add:before {\n content: '\\\\e933';\n }\n &.icon-minus:before {\n content: '\\\\e934';\n }\n &.icon-target-none:before {\n content: '\\\\e935';\n }\n &.icon-placeholder:before {\n content: '\\\\e936';\n }\n &.icon-server:before {\n content: '\\\\e937';\n }\n &.icon-square-wrench:before {\n content: '\\\\e938';\n }\n &.icon-square-wrench-check:before {\n content: '\\\\e939';\n }\n &.icon-square-settings:before {\n content: '\\\\e93a';\n }\n &.icon-trigger:before {\n content: '\\\\e93c';\n }\n &.icon-precondition:before {\n content: '\\\\e93d';\n }\n &.icon-composition:before {\n content: '\\\\e93e';\n }\n &.icon-block:before {\n content: '\\\\e93f';\n }\n &.icon-group:before {\n content: '\\\\e940';\n }\n &.icon-settings-admin-opaque:before {\n content: '\\\\e941';\n }\n &.icon-puzzle:before {\n content: '\\\\e942';\n }\n &.icon-alphabet-icon:before {\n content: '\\\\e943';\n }\n &.icon-crop:before {\n content: '\\\\e944';\n }\n &.icon-upload-file:before {\n content: '\\\\e945';\n }\n &.icon-container:before {\n content: '\\\\e946';\n }\n &.icon-flag-risk:before {\n content: '\\\\e947';\n }\n &.icon-learn:before {\n content: '\\\\e948';\n }\n &.icon-tree:before {\n content: '\\\\e949';\n }\n &.icon-process-template:before {\n content: '\\\\e94a';\n }\n &.icon-flag-attention:before {\n content: '\\\\e94b';\n }\n &.icon-collection:before {\n content: '\\\\e94c';\n }\n &.icon-table:before {\n content: '\\\\e94d';\n }\n &.icon-linkBrakeIt:before {\n content: '\\\\e94e';\n }\n &.icon-move-folder:before {\n content: '\\\\e94f';\n }\n &.icon-columns:before {\n content: '\\\\e950';\n }\n &.icon-file-word-doc:before {\n content: '\\\\e951';\n }\n &.icon-file-ppt:before {\n content: '\\\\e952';\n }\n &.icon-file-zip:before {\n content: '\\\\e953';\n }\n &.icon-file-xls:before {\n content: '\\\\e954';\n }\n &.icon-file-pdf:before {\n content: '\\\\e955';\n }\n &.icon-file-xml:before {\n content: '\\\\e956';\n }\n &.icon-dictionary-locked:before {\n content: '\\\\e957';\n }\n &.icon-dictionary:before {\n content: '\\\\e958';\n }\n &.icon-file-dotted:before {\n content: '\\\\e959';\n }\n &.icon-file-circle-check:before {\n content: '\\\\e95a';\n }\n &.icon-back:before {\n content: '\\\\e95b';\n }\n &.icon-chevron-left:before {\n content: '\\\\e95c';\n }\n &.icon-chevron-up:before {\n content: '\\\\e95d';\n }\n &.icon-chevron-down:before {\n content: '\\\\e95e';\n }\n &.icon-return-level-up:before {\n content: '\\\\e95f';\n }\n &.icon-return:before {\n content: '\\\\e960';\n }\n &.icon-edit:before {\n content: '\\\\e900';\n }\n &.icon-delete:before {\n content: '\\\\e901';\n }\n &.icon-settings:before {\n content: \"\\\\e93b\";\n }\n &.icon-network-drive:before {\n content: \"\\\\e9a1\";\n }\n &.icon-GitOps:before {\n content: \"\\\\e9a2\";\n }\n &.icon-rss:before {\n content: \"\\\\e9c1\";\n }\n &.icon-bug:before {\n content: \"\\\\e9c2\";\n }\n &.icon-cloud:before {\n content: \"\\\\e9c3\";\n }\n &.icon-more-horizontal:before {\n content: \"\\\\e9c4\";\n }\n &.icon-expand:before {\n content: \"\\\\e9c5\";\n }\n &.icon-collapse:before {\n content: \"\\\\e9c6\";\n }\n }\n }\n }"])), rootClassName$I);
54
54
 
55
55
  var DotIcon = function DotIcon(_ref) {
56
56
  var ariaLabel = _ref.ariaLabel,
@@ -61,7 +61,7 @@ var DotIcon = function DotIcon(_ref) {
61
61
  iconId = _ref.iconId,
62
62
  title = _ref.title,
63
63
  tooltip = _ref.tooltip;
64
- var rootClasses = useStylesWithRootClass(rootClassName$H, className); // deprecation warning(s)
64
+ var rootClasses = useStylesWithRootClass(rootClassName$I, className); // deprecation warning(s)
65
65
 
66
66
  useEffect(function () {
67
67
  // 'inherit' causes the vertical alignment of the icon to be not be centered
@@ -111,13 +111,13 @@ var DotTypography = function DotTypography(_ref) {
111
111
  }, children);
112
112
  };
113
113
 
114
- var _templateObject$K;
115
- var rootClassName$G = 'dot-accordion';
114
+ var _templateObject$L;
115
+ var rootClassName$H = 'dot-accordion';
116
116
  var summaryClassName = 'dot-accordion-summary';
117
117
  var detailClassName = 'dot-accordion-details';
118
- var StyledAccordion = styled(Accordion)(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
118
+ var StyledAccordion = styled(Accordion)(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
119
119
  var theme = _ref.theme;
120
- return css(["&.", "{background:", ";.", "{align-items:center;display:flex;.MuiAccordionSummary-content{width:calc(100% - ", "px);}.MuiTypography-root{margin-bottom:0;}.dot-icon{margin-right:", "px;}.MuiTypography-body1{padding:2px 0;}}}"], rootClassName$G, theme.palette.product === 'agility' && theme.palette.layer.n50, summaryClassName, theme.spacing(5), theme.spacing(0.5));
120
+ return css(["&.", "{background:", ";.", "{align-items:center;display:flex;.MuiAccordionSummary-content{width:calc(100% - ", "px);}.MuiTypography-root{margin-bottom:0;}.MuiTypography-body1{padding:2px 0;}}}"], rootClassName$H, theme.palette.product === 'agility' && theme.palette.layer.n50, summaryClassName, theme.spacing(5));
121
121
  });
122
122
 
123
123
  var DotAccordion = function DotAccordion(_ref) {
@@ -127,34 +127,52 @@ var DotAccordion = function DotAccordion(_ref) {
127
127
  className = _ref.className,
128
128
  _ref$dataTestid = _ref['data-testid'],
129
129
  dataTestId = _ref$dataTestid === void 0 ? 'dot-accordion' : _ref$dataTestid,
130
- _ref$defaultExpanded = _ref.defaultExpanded,
131
- defaultExpanded = _ref$defaultExpanded === void 0 ? false : _ref$defaultExpanded,
130
+ defaultExpanded = _ref.defaultExpanded,
132
131
  _ref$disabled = _ref.disabled,
133
132
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
133
+ expanded = _ref.expanded,
134
134
  _ref$hasElevation = _ref.hasElevation,
135
135
  hasElevation = _ref$hasElevation === void 0 ? false : _ref$hasElevation,
136
+ onChange = _ref.onChange,
136
137
  _ref$square = _ref.square,
137
138
  square = _ref$square === void 0 ? false : _ref$square,
138
139
  startIcon = _ref.startIcon,
139
140
  summary = _ref.summary,
140
141
  _ref$noWrap = _ref.noWrap,
141
142
  noWrap = _ref$noWrap === void 0 ? true : _ref$noWrap;
142
- var rootClasses = useStylesWithRootClass(rootClassName$G, className);
143
+ var rootClasses = useStylesWithRootClass(rootClassName$H, className);
143
144
 
144
145
  var _useState = useState(),
145
146
  elevation = _useState[0],
146
147
  setElevation = _useState[1];
147
148
 
149
+ useEffect(function () {
150
+ if (defaultExpanded !== undefined) {
151
+ console.warn('The use of `defaultExpanded` is deprecated and will be removed in the next major release, please use `expanded` instead.');
152
+ }
153
+
154
+ if (onChange && expanded === undefined) {
155
+ console.warn('The use of an `onChange` callback makes this a controlled component but no `expanded` state has been provided. In effect, this makes the component disabled.');
156
+ }
157
+ }, []);
148
158
  useEffect(function () {
149
159
  setElevation(hasElevation ? 1 : 0);
150
160
  }, [hasElevation]);
161
+ var dftExpanded = defaultExpanded;
162
+
163
+ if (dftExpanded === undefined) {
164
+ dftExpanded = expanded === undefined ? false : expanded;
165
+ }
166
+
151
167
  return /*#__PURE__*/React__default.createElement(StyledAccordion, {
152
168
  "aria-label": ariaLabel,
153
169
  className: rootClasses,
154
170
  "data-testid": dataTestId,
155
- defaultExpanded: defaultExpanded,
171
+ defaultExpanded: dftExpanded,
156
172
  disabled: disabled,
157
173
  elevation: elevation,
174
+ expanded: onChange ? expanded : undefined,
175
+ onChange: onChange,
158
176
  square: square
159
177
  }, /*#__PURE__*/React__default.createElement(AccordionSummary, {
160
178
  className: summaryClassName,
@@ -163,21 +181,21 @@ var DotAccordion = function DotAccordion(_ref) {
163
181
  iconId: "chevron-down"
164
182
  })
165
183
  }, startIcon, /*#__PURE__*/React__default.createElement(DotTypography, {
166
- variant: "body1",
167
- noWrap: noWrap
184
+ noWrap: noWrap,
185
+ variant: "body1"
168
186
  }, /*#__PURE__*/React__default.createElement(DotTooltip, {
169
187
  title: noWrap ? summary : ''
170
- }, /*#__PURE__*/React__default.createElement("span", null, summary)))), /*#__PURE__*/React__default.createElement(AccordionDetails, {
188
+ }, summary))), /*#__PURE__*/React__default.createElement(AccordionDetails, {
171
189
  className: detailClassName,
172
190
  "data-testid": dataTestId + "-details"
173
191
  }, children), /*#__PURE__*/React__default.createElement(Divider, null), actions && /*#__PURE__*/React__default.createElement(AccordionActions, null, actions));
174
192
  };
175
193
 
176
- var _templateObject$J;
177
- var rootClassName$F = 'dot-action-toolbar';
178
- var StyledToolbar = styled(Toolbar)(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
194
+ var _templateObject$K;
195
+ var rootClassName$G = 'dot-action-toolbar';
196
+ var StyledToolbar = styled(Toolbar)(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
179
197
  var theme = _ref.theme;
180
- return css(["&.", "{border-bottom:1px solid ", ";}"], rootClassName$F, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[100]);
198
+ return css(["&.", "{border-bottom:1px solid ", ";}"], rootClassName$G, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[100]);
181
199
  });
182
200
 
183
201
  var DotActionToolbar = function DotActionToolbar(_ref) {
@@ -187,7 +205,7 @@ var DotActionToolbar = function DotActionToolbar(_ref) {
187
205
  dataTestId = _ref['data-testid'],
188
206
  _ref$variant = _ref.variant,
189
207
  variant = _ref$variant === void 0 ? 'dense' : _ref$variant;
190
- var rootClasses = useStylesWithRootClass(rootClassName$F, className);
208
+ var rootClasses = useStylesWithRootClass(rootClassName$G, className);
191
209
  return /*#__PURE__*/React__default.createElement(StyledToolbar, {
192
210
  "aria-label": ariaLabel,
193
211
  className: rootClasses,
@@ -196,11 +214,11 @@ var DotActionToolbar = function DotActionToolbar(_ref) {
196
214
  }, children);
197
215
  };
198
216
 
199
- var _templateObject$I;
200
- var rootClassName$E = 'dot-alert-banner';
201
- var StyledAlertBanner = styled(Alert)(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
217
+ var _templateObject$J;
218
+ var rootClassName$F = 'dot-alert-banner';
219
+ var StyledAlertBanner = styled(Alert)(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
202
220
  var theme = _ref.theme;
203
- return css(["&.", "{border-radius:0;padding:", ";display:flex;align-items:center;.MuiAlert-icon,.MuiAlert-message{padding:0;.dot-typography{margin-bottom:0;}}&.MuiAlert-standardSuccess{.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardInfo{background-color:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardWarning{background-color:", ";color:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardError{.MuiAlert-icon,.dot-typography{color:", ";}}}"], rootClassName$E, theme.spacing(2, 2), theme.palette.success[700], theme.palette.primary[50], theme.palette.primary[500], theme.palette.warning[100], theme.palette.grey[700], theme.palette.grey[700], theme.palette.error[700]);
221
+ return css(["&.", "{border-radius:0;padding:", ";display:flex;align-items:center;.MuiAlert-icon,.MuiAlert-message{padding:0;.dot-typography{margin-bottom:0;}}&.MuiAlert-standardSuccess{.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardInfo{background-color:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardWarning{background-color:", ";color:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardError{.MuiAlert-icon,.dot-typography{color:", ";}}}"], rootClassName$F, theme.spacing(2, 2), theme.palette.success[700], theme.palette.primary[50], theme.palette.primary[500], theme.palette.warning[100], theme.palette.grey[700], theme.palette.grey[700], theme.palette.error[700]);
204
222
  });
205
223
 
206
224
  var DotAlertBanner = function DotAlertBanner(_ref) {
@@ -226,7 +244,7 @@ var DotAlertBanner = function DotAlertBanner(_ref) {
226
244
  success: AlertBannerIcon('check-solid'),
227
245
  warning: AlertBannerIcon('warning-solid')
228
246
  };
229
- var rootClasses = useStylesWithRootClass(rootClassName$E, className);
247
+ var rootClasses = useStylesWithRootClass(rootClassName$F, className);
230
248
  return /*#__PURE__*/React__default.createElement(StyledAlertBanner, {
231
249
  action: action,
232
250
  "aria-label": ariaLabel,
@@ -487,11 +505,11 @@ var lightThemeColors = /*#__PURE__*/Object.freeze({
487
505
  agilityLightGreen: agilityLightGreen
488
506
  });
489
507
 
490
- var _templateObject$H;
491
- var rootClassName$D = 'dot-icon-btn';
492
- var StyledIconButton = styled(IconButton)(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
508
+ var _templateObject$I;
509
+ var rootClassName$E = 'dot-icon-btn';
510
+ var StyledIconButton = styled(IconButton)(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
493
511
  var theme = _ref.theme;
494
- return css(["&.", "{border:", ";border-color:", ";color:", ";font-size:inherit;padding:10px;&:hover{background:", ";}&:active,&:focus,&:focus-visible,&.Mui-focusVisible{background:", ";border-color:", ";}.dot-icon.MuiIcon-fontSizeSmall{padding:1px;}&.MuiIconButton-sizeSmall{padding:3px;}}"], rootClassName$D, theme.palette.product === 'agility' && '1px solid transparent', theme.palette.product === 'agility' && theme.palette.layer.n400, theme.palette.product === 'agility' && theme.palette.agilityInterface.textColor, theme.palette.product === 'agility' && theme.palette.layer.n0, theme.palette.product === 'agility' && theme.palette.agilityInterface.activeCardBg, theme.palette.product === 'agility' && g500);
512
+ return css(["&.", "{border:", ";border-color:", ";color:", ";font-size:inherit;padding:10px;&:hover{background:", ";}&:active,&:focus,&:focus-visible,&.Mui-focusVisible{background:", ";border-color:", ";}.dot-icon.MuiIcon-fontSizeSmall{padding:1px;}&.MuiIconButton-sizeSmall{padding:3px;}}"], rootClassName$E, theme.palette.product === 'agility' && '1px solid transparent', theme.palette.product === 'agility' && theme.palette.layer.n400, theme.palette.product === 'agility' && theme.palette.agilityInterface.textColor, theme.palette.product === 'agility' && theme.palette.layer.n0, theme.palette.product === 'agility' && theme.palette.agilityInterface.activeCardBg, theme.palette.product === 'agility' && g500);
495
513
  });
496
514
 
497
515
  var DotIconButton = function DotIconButton(_ref) {
@@ -512,7 +530,7 @@ var DotIconButton = function DotIconButton(_ref) {
512
530
  tooltip = _ref.tooltip,
513
531
  _ref$size = _ref.size,
514
532
  size = _ref$size === void 0 ? 'medium' : _ref$size;
515
- var rootClasses = useStylesWithRootClass(rootClassName$D, className);
533
+ var rootClasses = useStylesWithRootClass(rootClassName$E, className);
516
534
  useEffect(function () {
517
535
  // deprecation warning
518
536
  if (titleTooltip) {
@@ -528,8 +546,8 @@ var DotIconButton = function DotIconButton(_ref) {
528
546
  },
529
547
  color: color,
530
548
  "data-testid": dataTestId,
531
- disabled: disabled,
532
549
  disableRipple: disableRipple,
550
+ disabled: disabled,
533
551
  onClick: function onClick(event) {
534
552
  return _onClick && _onClick(event);
535
553
  },
@@ -541,11 +559,11 @@ var DotIconButton = function DotIconButton(_ref) {
541
559
  })));
542
560
  };
543
561
 
544
- var _templateObject$G;
545
- var rootClassName$C = 'dot-link';
546
- var StyledLink = styled(Link)(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
562
+ var _templateObject$H;
563
+ var rootClassName$D = 'dot-link';
564
+ var StyledLink = styled(Link)(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
547
565
  var theme = _ref.theme;
548
- return css(["&.", "{color:", ";cursor:pointer;&:hover:not(.MuiLink-underlineHover){text-decoration:none;}}"], rootClassName$C, theme.palette.product === 'agility' && theme.palette.layer.n700);
566
+ return css(["&.", "{color:", ";cursor:pointer;&:hover:not(.MuiLink-underlineHover){text-decoration:none;}}"], rootClassName$D, theme.palette.product === 'agility' && theme.palette.layer.n700);
549
567
  });
550
568
 
551
569
  var DotLink = function DotLink(_ref) {
@@ -567,7 +585,7 @@ var DotLink = function DotLink(_ref) {
567
585
  tooltip = _ref.tooltip,
568
586
  _ref$underline = _ref.underline,
569
587
  underline = _ref$underline === void 0 ? 'always' : _ref$underline;
570
- var rootClasses = useStylesWithRootClass(rootClassName$C, className);
588
+ var rootClasses = useStylesWithRootClass(rootClassName$D, className);
571
589
 
572
590
  var handleKeyPress = function handleKeyPress(event) {
573
591
  if (onClick && event.key === 'Enter') {
@@ -593,8 +611,8 @@ var DotLink = function DotLink(_ref) {
593
611
  "data-testid": dataTestId,
594
612
  href: href,
595
613
  onClick: onClick,
596
- onMouseEnter: onMouseEnter,
597
614
  onKeyPress: handleKeyPress,
615
+ onMouseEnter: onMouseEnter,
598
616
  rel: rel,
599
617
  tabIndex: tabIndex,
600
618
  target: target,
@@ -602,14 +620,14 @@ var DotLink = function DotLink(_ref) {
602
620
  }, children));
603
621
  };
604
622
 
605
- var _templateObject$F;
606
- var rootClassName$B = 'dot-avatar';
623
+ var _templateObject$G;
624
+ var rootClassName$C = 'dot-avatar';
607
625
  var avatarSpacing = {
608
626
  small: 3,
609
627
  medium: 5,
610
628
  large: 7
611
629
  };
612
- var StyledAvatar = styled(Avatar)(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
630
+ var StyledAvatar = styled(Avatar)(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
613
631
  var theme = _ref.theme;
614
632
  return css(["&.MuiAvatar-root{background-color:", ";border:0px;&:focus-visible{box-shadow:0px 0px 0px 3px ", ",0px 0px 0px 5px ", ";outline:0;}.dot-i,.dot-typography{color:", ";}&.small{height:", "px;width:", "px;}&.medium{height:", "px;width:", "px;}&.large{height:", "px;width:", "px;}}"], function (_ref2) {
615
633
  var color = _ref2.color;
@@ -626,8 +644,8 @@ var LatoBold = "data:font/woff;base64,d09GRgABAAAAAI+4ABIAAAABJ8AAAQBoAAAAAAAAAA
626
644
 
627
645
  var Dot = "data:font/woff;base64,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";
628
646
 
629
- var _templateObject$E;
630
- var GlobalFonts = createGlobalStyle(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n @font-face {\n font-family: 'Lato';\n font-weight: 400;\n src: url(", ") format('woff');\n }\n\n @font-face {\n font-family: 'LatoBold';\n font-weight: 700;\n src: url(", ") format('woff');\n }\n\n @font-face {\n font-display: block;\n font-family: 'dot';\n src: url(", ") format('woff');\n }\n"])), LatoRegular, LatoBold, Dot);
647
+ var _templateObject$F;
648
+ var GlobalFonts = createGlobalStyle(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose(["\n @font-face {\n font-family: 'Lato';\n font-weight: 400;\n src: url(", ") format('woff');\n }\n\n @font-face {\n font-family: 'LatoBold';\n font-weight: 700;\n src: url(", ") format('woff');\n }\n\n @font-face {\n font-display: block;\n font-family: 'dot';\n src: url(", ") format('woff');\n }\n"])), LatoRegular, LatoBold, Dot);
631
649
 
632
650
  var n0$1 = '#E6F0F4'; // level-0
633
651
 
@@ -1159,34 +1177,13 @@ var getAvatarColorForInputText = function getAvatarColorForInputText(value) {
1159
1177
  return colorOptions[numberFromValue % colorOptions.length];
1160
1178
  };
1161
1179
 
1162
- var DotAvatar = function DotAvatar(_ref) {
1163
- var alt = _ref.alt,
1164
- ariaLabel = _ref.ariaLabel,
1165
- className = _ref.className,
1166
- _ref$component = _ref.component,
1167
- component = _ref$component === void 0 ? 'div' : _ref$component,
1168
- color = _ref.color,
1169
- dataTestId = _ref['data-testid'],
1180
+ var AvatarContent = function AvatarContent(_ref) {
1181
+ var dataTestId = _ref['data-testid'],
1170
1182
  iconId = _ref.iconId,
1171
1183
  imageSrc = _ref.imageSrc,
1172
- _onClick = _ref.onClick,
1173
- _ref$size = _ref.size,
1174
- size = _ref$size === void 0 ? 'medium' : _ref$size,
1175
- _ref$text = _ref.text,
1176
- text = _ref$text === void 0 ? alt : _ref$text,
1177
- _ref$type = _ref.type,
1178
- type = _ref$type === void 0 ? 'image' : _ref$type,
1179
- tooltip = _ref.tooltip,
1180
- _ref$variant = _ref.variant,
1181
- variant = _ref$variant === void 0 ? 'circular' : _ref$variant,
1182
- style = _ref.style;
1183
- var rootClasses = useStylesWithRootClass(rootClassName$B, className);
1184
-
1185
- var getAvatarColor = function getAvatarColor() {
1186
- if (color) return color;
1187
- if (text && text !== alt) return getAvatarColorForInputText(text);
1188
- return 'default';
1189
- };
1184
+ size = _ref.size,
1185
+ text = _ref.text,
1186
+ type = _ref.type;
1190
1187
 
1191
1188
  var parsedText = function parsedText() {
1192
1189
  var textArray = text.split(' ');
@@ -1208,39 +1205,86 @@ var DotAvatar = function DotAvatar(_ref) {
1208
1205
  return size === 'small' ? size : 'medium';
1209
1206
  };
1210
1207
 
1208
+ if (type === 'icon' || type === 'image' && !imageSrc) {
1209
+ return /*#__PURE__*/React__default.createElement(DotIcon, {
1210
+ "data-testid": dataTestId + "-icon",
1211
+ fontSize: getIconFontSizeFromAvatarSize(),
1212
+ iconId: iconId || 'user'
1213
+ });
1214
+ }
1215
+
1216
+ if (type === 'text') {
1217
+ return /*#__PURE__*/React__default.createElement(DotTypography, {
1218
+ variant: size === 'small' ? 'caption' : getHeadingFromAvatarSize()
1219
+ }, parsedText());
1220
+ }
1221
+
1222
+ return null;
1223
+ };
1224
+
1225
+ var DotAvatar = function DotAvatar(_ref2) {
1226
+ var alt = _ref2.alt,
1227
+ ariaLabel = _ref2.ariaLabel,
1228
+ className = _ref2.className,
1229
+ _ref2$component = _ref2.component,
1230
+ component = _ref2$component === void 0 ? 'div' : _ref2$component,
1231
+ color = _ref2.color,
1232
+ dataTestId = _ref2['data-testid'],
1233
+ iconId = _ref2.iconId,
1234
+ imageSrc = _ref2.imageSrc,
1235
+ _onClick = _ref2.onClick,
1236
+ _ref2$size = _ref2.size,
1237
+ size = _ref2$size === void 0 ? 'medium' : _ref2$size,
1238
+ _ref2$text = _ref2.text,
1239
+ text = _ref2$text === void 0 ? alt : _ref2$text,
1240
+ _ref2$type = _ref2.type,
1241
+ type = _ref2$type === void 0 ? 'image' : _ref2$type,
1242
+ tooltip = _ref2.tooltip,
1243
+ _ref2$variant = _ref2.variant,
1244
+ variant = _ref2$variant === void 0 ? 'circular' : _ref2$variant,
1245
+ style = _ref2.style;
1246
+ var rootClasses = useStylesWithRootClass(rootClassName$C, className);
1247
+
1248
+ var getAvatarColor = function getAvatarColor() {
1249
+ if (color) return color;
1250
+ if (text && text !== alt) return getAvatarColorForInputText(text);
1251
+ return 'default';
1252
+ };
1253
+
1211
1254
  return /*#__PURE__*/React__default.createElement(DotTooltip, {
1212
1255
  title: tooltip
1213
1256
  }, /*#__PURE__*/React__default.createElement(StyledAvatar, {
1214
1257
  alt: alt,
1215
1258
  "aria-label": ariaLabel,
1216
1259
  className: size,
1217
- color: getAvatarColor(),
1218
- component: _onClick ? 'button' : component,
1219
1260
  classes: {
1220
1261
  root: rootClasses,
1221
1262
  img: 'dot-img'
1222
1263
  },
1264
+ color: getAvatarColor(),
1265
+ component: _onClick ? 'button' : component,
1223
1266
  "data-testid": dataTestId,
1224
1267
  onClick: function onClick(event) {
1225
1268
  return _onClick ? _onClick(event) : null;
1226
1269
  },
1227
1270
  src: type === 'image' ? imageSrc : null,
1228
- variant: variant,
1229
- style: style
1230
- }, type === 'icon' || type === 'image' && !imageSrc ? /*#__PURE__*/React__default.createElement(DotIcon, {
1231
- "data-testid": dataTestId + "-icon",
1232
- iconId: iconId ? iconId : 'user',
1233
- fontSize: getIconFontSizeFromAvatarSize()
1234
- }) : type === 'text' ? /*#__PURE__*/React__default.createElement(DotTypography, {
1235
- variant: size === 'small' ? 'caption' : getHeadingFromAvatarSize()
1236
- }, parsedText()) : null));
1271
+ style: style,
1272
+ variant: variant
1273
+ }, /*#__PURE__*/React__default.createElement(AvatarContent, {
1274
+ "data-testid": dataTestId,
1275
+ iconId: iconId,
1276
+ imageSrc: imageSrc,
1277
+ text: text,
1278
+ type: type,
1279
+ size: size
1280
+ })));
1237
1281
  };
1238
1282
 
1239
- var _templateObject$D;
1240
- var rootClassName$A = 'dot-drawer';
1241
- var StyledDrawer = styled(Drawer)(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
1283
+ var _templateObject$E;
1284
+ var rootClassName$B = 'dot-drawer';
1285
+ var StyledDrawer = styled(Drawer)(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
1242
1286
  var theme = _ref.theme;
1243
- return css(["&.", " .MuiBackdrop-root{background-color:", ";}.dot-drawer-paper{background-color:", ";height:", ";padding:", "px;width:", ";}"], rootClassName$A, alpha(theme.palette.grey[900], 0.7), theme.palette.product === 'agility' && theme.palette.layer.n50, function (_ref2) {
1287
+ return css(["&.", " .MuiBackdrop-root{background-color:", ";}.dot-drawer-paper{background-color:", ";height:", ";padding:", "px;width:", ";}"], rootClassName$B, alpha(theme.palette.grey[900], 0.7), theme.palette.product === 'agility' && theme.palette.layer.n50, function (_ref2) {
1244
1288
  var height = _ref2.height,
1245
1289
  anchor = _ref2.anchor;
1246
1290
  return anchor === 'left' || anchor === 'right' ? '100%' : height;
@@ -1268,18 +1312,18 @@ var DotDrawer = function DotDrawer(_ref) {
1268
1312
  variant = _ref$variant === void 0 ? 'temporary' : _ref$variant,
1269
1313
  _ref$width = _ref.width,
1270
1314
  width = _ref$width === void 0 ? '256px' : _ref$width;
1271
- var rootClasses = useStylesWithRootClass(rootClassName$A, className);
1315
+ var rootClasses = useStylesWithRootClass(rootClassName$B, className);
1272
1316
  return /*#__PURE__*/React__default.createElement(StyledDrawer, {
1273
- "aria-label": ariaLabel,
1274
- "data-testid": dataTestId,
1317
+ ModalProps: ModalProps,
1318
+ PaperProps: PaperProps,
1275
1319
  anchor: anchor,
1320
+ "aria-label": ariaLabel,
1276
1321
  classes: {
1277
1322
  root: rootClasses,
1278
1323
  paper: 'dot-drawer-paper'
1279
1324
  },
1325
+ "data-testid": dataTestId,
1280
1326
  height: height,
1281
- ModalProps: ModalProps,
1282
- PaperProps: PaperProps,
1283
1327
  onClose: function onClose(event) {
1284
1328
  return _onClose && _onClose(event);
1285
1329
  },
@@ -1289,9 +1333,9 @@ var DotDrawer = function DotDrawer(_ref) {
1289
1333
  }, children);
1290
1334
  };
1291
1335
 
1292
- var _templateObject$C;
1293
- var rootClassName$z = 'dot-progress';
1294
- var StyledCircularProgress = styled(CircularProgress)(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n &.", " {\n &.MuiCircularProgress-colorSecondary {\n color: #649a3d;\n }\n }\n"])), rootClassName$z);
1336
+ var _templateObject$D;
1337
+ var rootClassName$A = 'dot-progress';
1338
+ var StyledCircularProgress = styled(CircularProgress)(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n &.", " {\n &.MuiCircularProgress-colorSecondary {\n color: #649a3d;\n }\n }\n"])), rootClassName$A);
1295
1339
 
1296
1340
  var DotProgress = function DotProgress(_ref) {
1297
1341
  var ariaLabel = _ref.ariaLabel,
@@ -1309,7 +1353,7 @@ var DotProgress = function DotProgress(_ref) {
1309
1353
  value = _ref.value,
1310
1354
  _ref$variant = _ref.variant,
1311
1355
  variant = _ref$variant === void 0 ? 'indeterminate' : _ref$variant;
1312
- var rootClasses = useStylesWithRootClass(rootClassName$z, className);
1356
+ var rootClasses = useStylesWithRootClass(rootClassName$A, className);
1313
1357
  useEffect(function () {
1314
1358
  // deprecation warning
1315
1359
  if (title) {
@@ -1349,13 +1393,13 @@ var variables = /*#__PURE__*/Object.freeze({
1349
1393
  levelTop: levelTop
1350
1394
  });
1351
1395
 
1352
- var _templateObject$B;
1396
+ var _templateObject$C;
1353
1397
  var flyoutMenuClassName = 'dot-flyout-menu';
1354
- var rootClassName$y = 'dot-menu';
1398
+ var rootClassName$z = 'dot-menu';
1355
1399
  var popperClassName = 'dot-popper';
1356
- var StyledPopper = styled(Popper)(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
1400
+ var StyledPopper = styled(Popper)(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
1357
1401
  var theme = _ref.theme;
1358
- return css(["&.", "{z-index:", ";}&.", ",&.", "{&.loading .MuiPaper-root{align-items:center;display:flex;justify-content:center;min-height:200px;min-width:200px;}ul,.dot-action-item{background:", ";}ul{box-sizing:content-box;min-width:112px;max-height:calc(100vh - 24px);overflow:auto;.dot-li{min-height:auto;&:hover{background:", ";}&:active,&:focus{background:", ";}}.dot-link{color:", ";}}.dot-action-item{height:", "px;border-top:1px solid ", ";line-height:inherit;button.dot-button{border-radius:", ";justify-content:flex-start;height:100%;margin:0;&:focus-visible{background-color:", ";}.MuiButton-label{gap:", "px;.MuiButton-startIcon{margin-left:0;.dot-icon{flex-shrink:0;}}}}}}"], popperClassName, levelSecond, rootClassName$y, popperClassName, theme.palette.product === 'agility' && theme.palette.agilityInterface.menuBg, theme.palette.product === 'agility' && theme.palette.agilityInterface.fixedCol, theme.palette.product === 'agility' && theme.palette.agilityInterface.activeCardBg, theme.palette.product === 'agility' && theme.palette.layer.n700, theme.spacing(7), theme.palette.grey[100], theme.spacing(0, 0, 0.5, 0.5), theme.palette.product === 'agility' && theme.palette.type === 'dark' ? theme.palette.layer.n200 : theme.palette.layer.n100, theme.spacing(3));
1402
+ return css(["&.", "{z-index:", ";}&.", ",&.", "{&.loading .MuiPaper-root{align-items:center;display:flex;justify-content:center;min-height:200px;min-width:200px;}ul,.dot-action-item{background:", ";}ul{box-sizing:content-box;min-width:112px;max-height:calc(100vh - 24px);overflow:auto;.dot-li{min-height:auto;&:hover{background:", ";}&:active,&:focus{background:", ";}}.dot-link{color:", ";}}.dot-action-item{height:", "px;border-top:1px solid ", ";line-height:inherit;button.dot-button{border-radius:", ";justify-content:flex-start;height:100%;margin:0;&:focus-visible{background-color:", ";}.MuiButton-label{gap:", "px;.MuiButton-startIcon{margin-left:0;.dot-icon{flex-shrink:0;}}}}}}"], popperClassName, levelSecond, rootClassName$z, popperClassName, theme.palette.product === 'agility' && theme.palette.agilityInterface.menuBg, theme.palette.product === 'agility' && theme.palette.agilityInterface.fixedCol, theme.palette.product === 'agility' && theme.palette.agilityInterface.activeCardBg, theme.palette.product === 'agility' && theme.palette.layer.n700, theme.spacing(7), theme.palette.grey[100], theme.spacing(0, 0, 0.5, 0.5), theme.palette.product === 'agility' && theme.palette.type === 'dark' ? theme.palette.layer.n200 : theme.palette.layer.n100, theme.spacing(3));
1359
1403
  });
1360
1404
 
1361
1405
  var MENU_ITEM_HEIGHT_NORMAL = 33;
@@ -1383,7 +1427,7 @@ var DotMenu = function DotMenu(_ref) {
1383
1427
  onSelect = _ref.onSelect,
1384
1428
  _ref$open = _ref.open,
1385
1429
  open = _ref$open === void 0 ? false : _ref$open;
1386
- var rootClasses = useStylesWithRootClass(rootClassName$y, className, loading ? 'loading' : '');
1430
+ var rootClasses = useStylesWithRootClass(rootClassName$z, className, loading ? 'loading' : '');
1387
1431
 
1388
1432
  var handleSelect = function handleSelect(event, itemKey) {
1389
1433
  onLeave && onLeave(event);
@@ -1470,10 +1514,10 @@ var DotMenu = function DotMenu(_ref) {
1470
1514
  return /*#__PURE__*/React__default.createElement(MenuItem, {
1471
1515
  "aria-label": item.ariaLabel,
1472
1516
  className: "dot-li " + (item.classes ? item.classes : ''),
1517
+ key: index,
1473
1518
  onClick: function onClick(event) {
1474
1519
  return handleSelect(event, item.key);
1475
1520
  },
1476
- key: index,
1477
1521
  style: {
1478
1522
  height: calculateItemHeight()
1479
1523
  }
@@ -1482,19 +1526,19 @@ var DotMenu = function DotMenu(_ref) {
1482
1526
  });
1483
1527
  };
1484
1528
 
1485
- var _templateObject$A, _templateObject2$6;
1486
- var rootClassName$x = 'dot-list';
1529
+ var _templateObject$B, _templateObject2$8;
1530
+ var rootClassName$y = 'dot-list';
1487
1531
  var listItemRootClass = 'dot-list-item';
1488
1532
  var nestedListClassName = 'dot-nested-list';
1489
1533
  var nestedDrawerClassName = 'dot-nested-drawer';
1490
1534
  var flyoutListItemClassName = 'dot-flyout-list-item';
1491
1535
  var flyoutItemLinkClassName = 'dot-flyout-item-link';
1492
1536
  var listItemLinkClassName = 'dot-list-item-link';
1493
- var StyledList = styled(List)(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
1537
+ var StyledList = styled(List)(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
1494
1538
  var theme = _ref.theme;
1495
- return css(["&.", "{background:", ";&.", " .", "{padding-left:", "px;}.", " .dot-drawer-paper{z-index:", ";}.MuiListSubheader-root{padding:0;.MuiTypography-root{padding:", "px;}}}"], rootClassName$x, theme.palette.layer.n0, nestedListClassName, listItemRootClass, theme.spacing(4), nestedDrawerClassName, levelBottom, theme.spacing(1));
1539
+ return css(["&.", "{background:", ";&.", " .", "{padding-left:", "px;}.", " .dot-drawer-paper{z-index:", ";}.MuiListSubheader-root{padding:0;.MuiTypography-root{padding:", "px;}}}"], rootClassName$y, theme.palette.layer.n0, nestedListClassName, listItemRootClass, theme.spacing(4), nestedDrawerClassName, levelBottom, theme.spacing(1));
1496
1540
  });
1497
- var StyledListItem = styled(ListItem)(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref2) {
1541
+ var StyledListItem = styled(ListItem)(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref2) {
1498
1542
  var theme = _ref2.theme;
1499
1543
  return css(["&.", "{&.", "{padding:0;}p.MuiTypography-root{margin-bottom:0;}.", "{align-items:center;display:flex;flex-grow:2;}.", " .MuiIcon-root{margin-right:", "px;}.dot-list-item-end-icon{min-width:auto;}.dot-icon i:before{color:", ";}}"], listItemRootClass, flyoutListItemClassName, listItemLinkClassName, flyoutItemLinkClassName, theme.spacing(4), theme.palette.text.primary);
1500
1544
  });
@@ -1514,9 +1558,9 @@ var NestedList = function NestedList(_ref) {
1514
1558
  menuPlacement = _ref.menuPlacement,
1515
1559
  nestedDrawerLeftSpacing = _ref.nestedDrawerLeftSpacing,
1516
1560
  onMenuLeave = _ref.onMenuLeave,
1517
- open = _ref.open;
1518
- _ref.parentItemIndex;
1519
- var type = _ref.type;
1561
+ open = _ref.open,
1562
+ parentItemIndex = _ref.parentItemIndex,
1563
+ type = _ref.type;
1520
1564
  var flyoutItemClasses = useStylesWithRootClass(listItemRootClass, flyoutListItemClassName);
1521
1565
  var flyoutSpanClasses = useStylesWithRootClass(listItemLinkClassName, flyoutItemLinkClassName);
1522
1566
 
@@ -1530,7 +1574,8 @@ var NestedList = function NestedList(_ref) {
1530
1574
  className: nestedListClassName,
1531
1575
  component: "div",
1532
1576
  disablePadding: true,
1533
- items: items
1577
+ items: items,
1578
+ key: parentItemIndex
1534
1579
  }));
1535
1580
  }
1536
1581
 
@@ -1548,14 +1593,16 @@ var NestedList = function NestedList(_ref) {
1548
1593
  });
1549
1594
  return {
1550
1595
  children: /*#__PURE__*/React__default.createElement(DotTooltip, {
1596
+ key: parentItemIndex + "-" + index + "-tooltip",
1551
1597
  placement: "top-start",
1552
1598
  title: tooltip || title
1553
1599
  }, /*#__PURE__*/React__default.createElement(StyledListItem, {
1554
1600
  className: flyoutItemClasses,
1555
1601
  component: href && !onClick ? 'a' : null,
1556
1602
  href: href,
1557
- target: target,
1558
- onClick: onClick
1603
+ key: parentItemIndex + "-" + index,
1604
+ onClick: onClick,
1605
+ target: target
1559
1606
  }, /*#__PURE__*/React__default.createElement("span", {
1560
1607
  className: flyoutSpanClasses
1561
1608
  }, startIconId && startIcon, /*#__PURE__*/React__default.createElement(DotTypography, {
@@ -1566,10 +1613,11 @@ var NestedList = function NestedList(_ref) {
1566
1613
  };
1567
1614
  });
1568
1615
  return /*#__PURE__*/React__default.createElement(DotMenu, {
1569
- ariaLabel: ariaLabel,
1570
1616
  anchorEl: anchorEl,
1617
+ ariaLabel: ariaLabel,
1571
1618
  className: flyoutMenuClassName,
1572
1619
  id: CreateUUID(),
1620
+ key: parentItemIndex,
1573
1621
  menuItemHeight: "auto",
1574
1622
  menuItems: menuItems,
1575
1623
  menuPlacement: menuPlacement,
@@ -1580,48 +1628,77 @@ var NestedList = function NestedList(_ref) {
1580
1628
 
1581
1629
  if (type === 'drawer') {
1582
1630
  return /*#__PURE__*/React__default.createElement(DotDrawer, {
1583
- anchor: "left",
1584
- className: nestedDrawerClassName,
1585
- "data-testid": "nested-drawer",
1586
- open: open,
1587
1631
  PaperProps: {
1588
1632
  style: {
1589
1633
  left: nestedDrawerLeftSpacing + "px"
1590
1634
  }
1591
1635
  },
1636
+ anchor: "left",
1637
+ className: nestedDrawerClassName,
1638
+ "data-testid": "nested-drawer",
1639
+ open: open,
1592
1640
  variant: "persistent"
1593
1641
  }, /*#__PURE__*/React__default.createElement(DotList, {
1594
1642
  ariaLabel: ariaLabel,
1595
1643
  className: nestedListClassName,
1596
1644
  component: "div",
1597
1645
  disablePadding: true,
1598
- items: items
1646
+ items: items,
1647
+ key: parentItemIndex
1599
1648
  }));
1600
1649
  }
1601
1650
  };
1602
1651
 
1603
- var DotList = function DotList(_ref2) {
1604
- var ariaLabel = _ref2.ariaLabel,
1605
- children = _ref2.children,
1606
- className = _ref2.className,
1607
- _ref2$component = _ref2.component,
1608
- component = _ref2$component === void 0 ? 'ul' : _ref2$component,
1609
- dataTestId = _ref2['data-testid'],
1610
- _ref2$dense = _ref2.dense,
1611
- dense = _ref2$dense === void 0 ? false : _ref2$dense,
1612
- _ref2$disablePadding = _ref2.disablePadding,
1613
- disablePadding = _ref2$disablePadding === void 0 ? false : _ref2$disablePadding,
1614
- _ref2$items = _ref2.items,
1615
- items = _ref2$items === void 0 ? [] : _ref2$items,
1616
- _ref2$menuPlacement = _ref2.menuPlacement,
1617
- menuPlacement = _ref2$menuPlacement === void 0 ? 'right-start' : _ref2$menuPlacement,
1618
- _ref2$nestedDrawerLef = _ref2.nestedDrawerLeftSpacing,
1619
- nestedDrawerLeftSpacing = _ref2$nestedDrawerLef === void 0 ? 240 : _ref2$nestedDrawerLef,
1620
- _ref2$nestedListType = _ref2.nestedListType,
1621
- nestedListType = _ref2$nestedListType === void 0 ? 'expandable' : _ref2$nestedListType,
1622
- _ref2$width = _ref2.width,
1623
- width = _ref2$width === void 0 ? 240 : _ref2$width;
1624
- var rootClasses = useStylesWithRootClass(rootClassName$x, className);
1652
+ var DotListDivider = function DotListDivider(_ref2) {
1653
+ var item = _ref2.item,
1654
+ index = _ref2.index;
1655
+
1656
+ if (item.text) {
1657
+ return /*#__PURE__*/React__default.createElement(ListSubheader, {
1658
+ disableSticky: true
1659
+ }, /*#__PURE__*/React__default.createElement(DotTypography, {
1660
+ variant: "subtitle2"
1661
+ }, item.text));
1662
+ }
1663
+
1664
+ return /*#__PURE__*/React__default.createElement(Divider, {
1665
+ "aria-hidden": true,
1666
+ "data-testid": "divider-" + index
1667
+ });
1668
+ };
1669
+
1670
+ var DotList = function DotList(_ref3) {
1671
+ var ariaLabel = _ref3.ariaLabel,
1672
+ children = _ref3.children,
1673
+ className = _ref3.className,
1674
+ _ref3$component = _ref3.component,
1675
+ component = _ref3$component === void 0 ? 'ul' : _ref3$component,
1676
+ dataTestId = _ref3['data-testid'],
1677
+ _ref3$dense = _ref3.dense,
1678
+ dense = _ref3$dense === void 0 ? false : _ref3$dense,
1679
+ _ref3$disablePadding = _ref3.disablePadding,
1680
+ disablePadding = _ref3$disablePadding === void 0 ? false : _ref3$disablePadding,
1681
+ _ref3$items = _ref3.items,
1682
+ items = _ref3$items === void 0 ? [] : _ref3$items,
1683
+ _ref3$menuPlacement = _ref3.menuPlacement,
1684
+ menuPlacement = _ref3$menuPlacement === void 0 ? 'right-start' : _ref3$menuPlacement,
1685
+ _ref3$nestedDrawerLef = _ref3.nestedDrawerLeftSpacing,
1686
+ nestedDrawerLeftSpacing = _ref3$nestedDrawerLef === void 0 ? 240 : _ref3$nestedDrawerLef,
1687
+ _ref3$nestedListType = _ref3.nestedListType,
1688
+ nestedListType = _ref3$nestedListType === void 0 ? 'expandable' : _ref3$nestedListType,
1689
+ _ref3$width = _ref3.width,
1690
+ width = _ref3$width === void 0 ? 240 : _ref3$width;
1691
+ var rootClasses = useStylesWithRootClass(rootClassName$y, className);
1692
+ var listWidth = typeof width === 'number' ? width + "px" : width;
1693
+
1694
+ var _useState = useState(null),
1695
+ listItemIndex = _useState[0],
1696
+ setListItemIndex = _useState[1];
1697
+
1698
+ var updateSelectedListItem = function updateSelectedListItem(currentIndex) {
1699
+ currentIndex === listItemIndex ? setListItemIndex(null) : setListItemIndex(currentIndex);
1700
+ };
1701
+
1625
1702
  return /*#__PURE__*/React__default.createElement(StyledList, {
1626
1703
  "aria-label": ariaLabel,
1627
1704
  classes: {
@@ -1632,108 +1709,107 @@ var DotList = function DotList(_ref2) {
1632
1709
  dense: dense,
1633
1710
  disablePadding: disablePadding,
1634
1711
  style: {
1635
- width: width + "px"
1712
+ width: listWidth
1636
1713
  }
1637
1714
  }, items.map(function (item, index) {
1715
+ var handleListItemClick = function handleListItemClick(e) {
1716
+ var _a;
1717
+
1718
+ updateSelectedListItem(index);
1719
+ (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item, e);
1720
+ };
1721
+
1722
+ var handleMenuLeave = function handleMenuLeave() {
1723
+ return setListItemIndex(null);
1724
+ };
1725
+
1638
1726
  if (item.child) {
1639
1727
  return item.child;
1640
1728
  }
1641
1729
 
1642
1730
  if (item.divider) {
1643
- if (!item.text) {
1644
- return /*#__PURE__*/React__default.createElement(Divider, {
1645
- key: index,
1646
- "aria-hidden": true,
1647
- "data-testid": "divider-" + index
1648
- });
1649
- } else {
1650
- return /*#__PURE__*/React__default.createElement(ListSubheader, {
1651
- disableSticky: true,
1652
- key: index
1653
- }, /*#__PURE__*/React__default.createElement(DotTypography, {
1654
- variant: "subtitle2"
1655
- }, item.text));
1656
- }
1731
+ return /*#__PURE__*/React__default.createElement(DotListDivider, {
1732
+ index: index,
1733
+ item: item,
1734
+ key: "divider-" + index
1735
+ });
1657
1736
  }
1658
1737
 
1659
1738
  return /*#__PURE__*/React__default.createElement(DotListItem, {
1739
+ className: item.className,
1660
1740
  component: item.component,
1661
1741
  "data-testid": dataTestId + "-item-" + index,
1662
- divider: item.divider,
1663
1742
  endIconId: item.endIconId,
1664
1743
  href: item.href,
1665
- index: index,
1744
+ isOpened: listItemIndex === index,
1666
1745
  items: item.items,
1667
- onClick: item.onClick,
1668
1746
  key: index,
1669
1747
  menuPlacement: menuPlacement,
1670
1748
  nestedDrawerLeftSpacing: nestedDrawerLeftSpacing,
1671
1749
  nestedListType: nestedListType,
1750
+ onClick: item.href && !item.onClick ? null : handleListItemClick,
1751
+ onMenuLeave: handleMenuLeave,
1752
+ primaryText: item.primaryText,
1753
+ secondaryText: item.secondaryText,
1672
1754
  selected: item.selected,
1673
1755
  startIconId: item.startIconId,
1674
1756
  target: item.target,
1675
1757
  text: item.text,
1676
- tooltip: item.title
1758
+ title: item.title,
1759
+ tooltip: item.tooltip
1677
1760
  });
1678
1761
  }), children);
1679
1762
  };
1680
- var DotListItem = function DotListItem(_ref3) {
1681
- var ariaLabel = _ref3.ariaLabel,
1682
- className = _ref3.className,
1683
- _ref3$component = _ref3.component,
1684
- component = _ref3$component === void 0 ? 'li' : _ref3$component,
1685
- dataTestId = _ref3['data-testid'],
1686
- _ref3$divider = _ref3.divider,
1687
- divider = _ref3$divider === void 0 ? false : _ref3$divider,
1688
- endIconId = _ref3.endIconId,
1689
- href = _ref3.href,
1690
- index = _ref3.index,
1691
- onClick = _ref3.onClick,
1692
- _ref3$items = _ref3.items,
1693
- items = _ref3$items === void 0 ? [] : _ref3$items,
1694
- menuPlacement = _ref3.menuPlacement,
1695
- nestedDrawerLeftSpacing = _ref3.nestedDrawerLeftSpacing,
1696
- nestedListType = _ref3.nestedListType,
1697
- selected = _ref3.selected,
1698
- startIconId = _ref3.startIconId,
1699
- target = _ref3.target,
1700
- text = _ref3.text,
1701
- title = _ref3.title,
1702
- tooltip = _ref3.tooltip;
1703
- var textVariant = divider ? 'h5' : 'body1';
1704
- var isFlyout = nestedListType === 'menu' && items.length > 0;
1705
-
1706
- var _useState = useState(null),
1707
- anchorEl = _useState[0],
1708
- setAnchorEl = _useState[1];
1709
-
1710
- var _useState2 = useState(false),
1711
- open = _useState2[0],
1712
- setOpen = _useState2[1];
1763
+ var DotListItem = function DotListItem(_ref4) {
1764
+ var ariaLabel = _ref4.ariaLabel,
1765
+ className = _ref4.className,
1766
+ _ref4$component = _ref4.component,
1767
+ component = _ref4$component === void 0 ? 'li' : _ref4$component,
1768
+ dataTestId = _ref4['data-testid'],
1769
+ _ref4$divider = _ref4.divider,
1770
+ divider = _ref4$divider === void 0 ? false : _ref4$divider,
1771
+ endIconId = _ref4.endIconId,
1772
+ href = _ref4.href,
1773
+ isOpened = _ref4.isOpened,
1774
+ onClick = _ref4.onClick,
1775
+ onMenuLeave = _ref4.onMenuLeave,
1776
+ index = _ref4.index,
1777
+ _ref4$items = _ref4.items,
1778
+ items = _ref4$items === void 0 ? [] : _ref4$items,
1779
+ menuPlacement = _ref4.menuPlacement,
1780
+ nestedDrawerLeftSpacing = _ref4.nestedDrawerLeftSpacing,
1781
+ nestedListType = _ref4.nestedListType,
1782
+ primaryText = _ref4.primaryText,
1783
+ secondaryText = _ref4.secondaryText,
1784
+ selected = _ref4.selected,
1785
+ startIconId = _ref4.startIconId,
1786
+ target = _ref4.target,
1787
+ text = _ref4.text,
1788
+ title = _ref4.title,
1789
+ tooltip = _ref4.tooltip;
1790
+ var hasChildren = items.length > 0;
1791
+ var isFlyout = nestedListType === 'menu' && hasChildren;
1792
+
1793
+ var _useState2 = useState(null),
1794
+ anchorEl = _useState2[0],
1795
+ setAnchorEl = _useState2[1];
1796
+
1797
+ var rootClasses = useStylesWithRootClass(listItemRootClass, className, isOpened ? 'open' : '');
1798
+ useEffect(function () {
1799
+ // deprecation warnings
1800
+ if (title) {
1801
+ console.warn('The use of `title` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
1802
+ }
1713
1803
 
1714
- var rootClasses = useStylesWithRootClass(listItemRootClass, className, open && 'open');
1804
+ if (index) {
1805
+ console.warn('The use of `index` is deprecated and will be removed in the next major release.');
1806
+ }
1807
+ }, []);
1715
1808
 
1716
1809
  var toggleOpen = function toggleOpen(event) {
1717
1810
  event.stopPropagation();
1718
- event.preventDefault(); // TODO: Find way to refactor flyout menus so that this is no longer necessary.
1719
-
1720
- var toggle = true;
1721
- var flyoutMenus = document.getElementsByClassName('dot-flyout-menu');
1722
- Array.from(flyoutMenus).forEach(function (flyoutMenu) {
1723
- if (flyoutMenu.classList.contains("dot-flyout-menu-" + index)) {
1724
- if (open && flyoutMenu.style.display === 'none') {
1725
- flyoutMenu.style.display = 'inherit';
1726
- toggle = false;
1727
- }
1728
- } else {
1729
- flyoutMenu.style.display = 'none';
1730
- }
1731
- });
1811
+ event.preventDefault();
1732
1812
  setAnchorEl(event.currentTarget);
1733
-
1734
- if (toggle) {
1735
- setOpen(!open);
1736
- }
1737
1813
  };
1738
1814
 
1739
1815
  var handleClick = function handleClick(event) {
@@ -1749,7 +1825,7 @@ var DotListItem = function DotListItem(_ref3) {
1749
1825
 
1750
1826
  var handleMenuLeave = function handleMenuLeave() {
1751
1827
  setAnchorEl(null);
1752
- setOpen(false);
1828
+ onMenuLeave();
1753
1829
  };
1754
1830
 
1755
1831
  var getChevronIcon = function getChevronIcon() {
@@ -1757,7 +1833,11 @@ var DotListItem = function DotListItem(_ref3) {
1757
1833
  return 'chevron-right';
1758
1834
  }
1759
1835
 
1760
- return open ? 'chevron-up' : 'chevron-down';
1836
+ if (isOpened) {
1837
+ return 'chevron-up';
1838
+ }
1839
+
1840
+ return 'chevron-down';
1761
1841
  };
1762
1842
 
1763
1843
  var startIcon = /*#__PURE__*/React__default.createElement(ListItemIcon, null, /*#__PURE__*/React__default.createElement(DotIcon, {
@@ -1768,12 +1848,6 @@ var DotListItem = function DotListItem(_ref3) {
1768
1848
  }, /*#__PURE__*/React__default.createElement(DotIcon, {
1769
1849
  iconId: endIconId
1770
1850
  }));
1771
- useEffect(function () {
1772
- // deprecation warning
1773
- if (title) {
1774
- console.warn('The use of `title` is deprecated and will be removed in the next major release, please use `tooltip` isntead.');
1775
- }
1776
- }, []);
1777
1851
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(DotTooltip, {
1778
1852
  "data-testid": dataTestId + "-tooltip",
1779
1853
  placement: "top-start",
@@ -1789,13 +1863,16 @@ var DotListItem = function DotListItem(_ref3) {
1789
1863
  divider: divider,
1790
1864
  href: onClick ? null : href,
1791
1865
  onClick: onClick || !href ? handleClick : null,
1792
- selected: isFlyout ? open : selected,
1866
+ selected: isFlyout ? isOpened : selected,
1793
1867
  target: target
1794
1868
  }, /*#__PURE__*/React__default.createElement("span", {
1795
1869
  className: listItemLinkClassName
1796
- }, startIconId && startIcon, /*#__PURE__*/React__default.createElement(DotTypography, {
1797
- variant: textVariant
1798
- }, text)), items.length > 0 ? /*#__PURE__*/React__default.createElement(DotLink, {
1870
+ }, startIconId && startIcon, primaryText && secondaryText ? /*#__PURE__*/React__default.createElement(ListItemText, {
1871
+ primary: primaryText,
1872
+ secondary: secondaryText
1873
+ }) : /*#__PURE__*/React__default.createElement(DotTypography, {
1874
+ variant: "body1"
1875
+ }, text)), hasChildren ? /*#__PURE__*/React__default.createElement(DotLink, {
1799
1876
  color: "inherit",
1800
1877
  "data-testid": dataTestId + "-link",
1801
1878
  onClick: toggleOpen,
@@ -1803,15 +1880,14 @@ var DotListItem = function DotListItem(_ref3) {
1803
1880
  }, /*#__PURE__*/React__default.createElement(DotIcon, {
1804
1881
  className: "toggle-display",
1805
1882
  iconId: getChevronIcon()
1806
- })) : endIconId && endIcon)), items.length > 0 && /*#__PURE__*/React__default.createElement(NestedList, {
1807
- ariaLabel: "nested list",
1883
+ })) : endIconId && endIcon)), hasChildren && /*#__PURE__*/React__default.createElement(NestedList, {
1808
1884
  anchorEl: anchorEl,
1885
+ ariaLabel: "nested list",
1809
1886
  items: items,
1810
- nestedDrawerLeftSpacing: nestedDrawerLeftSpacing,
1811
1887
  menuPlacement: menuPlacement,
1888
+ nestedDrawerLeftSpacing: nestedDrawerLeftSpacing,
1812
1889
  onMenuLeave: handleMenuLeave,
1813
- open: open,
1814
- parentItemIndex: index,
1890
+ open: isOpened,
1815
1891
  type: nestedListType
1816
1892
  }));
1817
1893
  };
@@ -1896,11 +1972,11 @@ function SvgLogoDigitalAi(_ref, svgRef) {
1896
1972
 
1897
1973
  var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgLogoDigitalAi);
1898
1974
 
1899
- var _templateObject$z;
1900
- var rootClassName$w = 'dot-sidebar';
1901
- var StyledSidebar = styled.aside(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
1975
+ var _templateObject$A;
1976
+ var rootClassName$x = 'dot-sidebar';
1977
+ var StyledSidebar = styled.aside(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
1902
1978
  var theme = _ref.theme;
1903
- return css(["&.", "{align-items:stretch;background:", ";border-width:0 1px;border-style:solid;border-color:", ";box-shadow:", ";box-sizing:border-box;color:", ";display:flex;height:100%;flex-direction:column;justify-content:space-between;letter-spacing:0.01em;padding:", ";-o-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;-moz-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;-webkit-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;header{align-items:center;border-bottom:1px solid;border-bottom-color:", ";display:flex;height:40px;flex-shrink:0;overflow:hidden;margin-bottom:", ";padding:", ";white-space:nowrap;&.app-logo{box-sizing:border-box;.dot-app-logo{svg,img{max-width:100%;}}}.dot-avatar{margin-right:", "px;}}.go-back{align-items:center;border-bottom:1px solid;border-bottom-color:", ";display:flex;.dot-icon{margin-right:", "px;width:40px;height:40px;}&:hover{background-color:", ";}}hr.MuiDivider-root{background-color:", ";margin:", ";}.MuiTypography-subtitle2{border-bottom:1px solid;border-bottom-color:", ";margin:", ";}ul.side-nav{background:transparent;flex-grow:2;overflow-x:hidden;overflow-y:auto;padding:0;width:auto;.dot-nested-list{background:transparent;}.", "{.dot-drawer-paper{border-right:1px solid ", ";box-shadow:0 0 5px 0 rgba(0,0,0,0.15);padding-top:", ";}.MuiTypography-root.MuiTypography-subtitle2{border:", ";color:", ";font-size:", ";line-height:40px;margin:", ";padding:", ";}.", "{margin:0;padding-left:", "px;}}.dot-list-item{height:", ";padding:0;margin-bottom:", ";&.MuiListItem-root.Mui-selected,&.MuiListItem-root.Mui-selected:hover,&:hover{background-color:", ";}&:hover,&:active,&:focus{.dot-typography,.dot-icon i.dot-i:before{color:", ";}}&.open{background-color:", ";border:", ";border-radius:", ";&:hover{background-color:", ";}}.MuiTouchRipple-root{display:", ";}.dot-list-item-link .dot-icon{margin-right:", "px;}.dot-icon{border-radius:50%;height:40px;width:40px;}&.Mui-focusVisible{box-shadow:inset 0 0 0 2px ", ";border:2px solid ", ";}}li.dot-list-item .dot-typography{white-space:nowrap;}}.toggle-nav{border-top:1px solid;border-top-color:", ";padding:", "px;text-align:right;.dot-icon{transform:rotate(0deg);-o-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;-moz-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;-webkit-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;}}.powered-by{border-top:1px solid;border-top-color:", ";color:", ";display:flex;flex-direction:column;flex-shrink:0;font-size:12px;overflow:hidden;margin:", ";padding:", "px;p.desc{white-space:nowrap;}.company-name{margin-top:", "px;}.d-icon{display:none;}}&.collapsed{overflow:hidden;padding:", ";width:58px;-o-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;-moz-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;-webkit-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;header .dot-app-logo{text-align:center;}ul.side-nav{width:56px;li.MuiListSubheader-root .MuiTypography-root{opacity:0;}.dot-list-item{margin-left:0;.dot-icon{margin-left:", "px;}}.toggle-nav{align-self:center;}}.go-back .dot-icon{margin:", ";}.go-back .MuiTypography-root,.MuiListItem-divider .dot-list-item-link,.dot-drawer{display:none;}.powered-by{align-items:center;.company-name,p.desc{display:none;}.d-icon{display:block;}}}}"], rootClassName$w, theme.palette.product === 'agility' ? theme.palette.layer.n50 : theme.palette.grey[50], theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && '0 0 5px rgba(0, 0, 0, 0.15)', theme.palette.product === 'agility' ? theme.palette.layer.n700 : theme.palette.grey[700], theme.palette.product === 'agility' && theme.spacing(2) + "px", theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && theme.spacing(1) + "px", theme.palette.product === 'agililty' ? theme.spacing(0, 0, 1) : theme.spacing(1, 2), theme.spacing(1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.spacing(2), theme.palette.grey[100], theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' ? theme.spacing(2, 0) : theme.spacing(1, 0), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.spacing(0, 0, 1), nestedDrawerClassName, theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && '10px', theme.palette.product === 'agility' && 'none', theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavSubHeaderText, theme.palette.product === 'agility' && '11px', theme.palette.product === 'agility' && '10px 0 0', theme.palette.product === 'agility' && '0 8px', listItemRootClass, theme.spacing(2), theme.palette.product === 'agility' ? '40px' : '44px', theme.palette.product === 'agility' && theme.spacing(1) + "px", theme.palette.product === 'agility' && 'transparent', theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavHoverText, theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavHoverBg, theme.palette.product === 'agility' ? "1px solid " + theme.palette.agilityInterface.sideNavHoverBorder : 'none', theme.palette.product === 'agility' && '4px', theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavHoverBg, theme.palette.product === 'agility' && 'none', theme.spacing(1), theme.palette.layer.n0, theme.palette.layer.n900, theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.spacing(1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.grey[400], theme.palette.product !== 'agility' && theme.spacing(0, 1), theme.spacing(1), theme.spacing(1), theme.palette.product === 'agility' && theme.spacing(2, 0), theme.spacing(1), theme.spacing(0, 1));
1979
+ return css(["&.", "{align-items:stretch;background:", ";border-width:0 1px;border-style:solid;border-color:", ";box-shadow:", ";box-sizing:border-box;color:", ";display:flex;height:100%;flex-direction:column;justify-content:space-between;letter-spacing:0.01em;padding:", ";-o-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;-moz-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;-webkit-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;header{align-items:center;border-bottom:1px solid;border-bottom-color:", ";display:flex;height:40px;flex-shrink:0;overflow:hidden;margin-bottom:", ";padding:", ";white-space:nowrap;&.app-logo{box-sizing:border-box;.dot-app-logo{svg,img{max-width:100%;}}}.dot-avatar{margin-right:", "px;}}.go-back{align-items:center;border-bottom:1px solid;border-bottom-color:", ";display:flex;.dot-icon{margin-right:", "px;width:40px;height:40px;}&:hover{background-color:", ";}}hr.MuiDivider-root{background-color:", ";margin:", ";}.MuiTypography-subtitle2{border-bottom:1px solid;border-bottom-color:", ";margin:", ";}ul.side-nav{background:transparent;flex-grow:2;overflow-x:hidden;overflow-y:auto;padding:0;width:auto;.dot-nested-list{background:transparent;}.", "{.dot-drawer-paper{border-right:1px solid ", ";box-shadow:0 0 5px 0 rgba(0,0,0,0.15);padding-top:", ";}.MuiTypography-root.MuiTypography-subtitle2{border:", ";color:", ";font-size:", ";line-height:40px;margin:", ";padding:", ";}.", "{margin:0;padding-left:", "px;}}.dot-list-item{height:", ";padding:0;margin-bottom:", ";&.MuiListItem-root.Mui-selected,&.MuiListItem-root.Mui-selected:hover,&:hover{background-color:", ";}&:hover,&:active,&:focus{.dot-typography,.dot-icon i.dot-i:before{color:", ";}}&.open{background-color:", ";border:", ";border-radius:", ";&:hover{background-color:", ";}}.MuiTouchRipple-root{display:", ";}.dot-list-item-link .dot-icon{margin-right:", "px;}.dot-icon{border-radius:50%;height:40px;width:40px;}&.Mui-focusVisible{box-shadow:inset 0 0 0 2px ", ";border:2px solid ", ";}}li.dot-list-item .dot-typography{white-space:nowrap;}}.toggle-nav{border-top:1px solid;border-top-color:", ";padding:", "px;text-align:right;.dot-icon{transform:rotate(0deg);-o-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;-moz-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;-webkit-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;}}.powered-by{border-top:1px solid;border-top-color:", ";color:", ";display:flex;flex-direction:column;flex-shrink:0;font-size:12px;overflow:hidden;margin:", ";padding:", "px;p.desc{white-space:nowrap;}.company-name{margin-top:", "px;}.d-icon{display:none;}}&.collapsed{overflow:hidden;padding:", ";width:58px;-o-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;-moz-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;-webkit-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;header .dot-app-logo{text-align:center;}ul.side-nav{width:56px;li.MuiListSubheader-root .MuiTypography-root{opacity:0;}.dot-list-item{margin-left:0;.dot-icon{margin-left:", "px;}}.toggle-nav{align-self:center;}}.go-back .dot-icon{margin:", ";}.go-back .MuiTypography-root,.MuiListItem-divider .dot-list-item-link,.dot-drawer{display:none;}.powered-by{align-items:center;.company-name,p.desc{display:none;}.d-icon{display:block;}}}}"], rootClassName$x, theme.palette.product === 'agility' ? theme.palette.layer.n50 : theme.palette.grey[50], theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && '0 0 5px rgba(0, 0, 0, 0.15)', theme.palette.product === 'agility' ? theme.palette.layer.n700 : theme.palette.grey[700], theme.palette.product === 'agility' && theme.spacing(2) + "px", theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && theme.spacing(1) + "px", theme.palette.product === 'agililty' ? theme.spacing(0, 0, 1) : theme.spacing(1, 2), theme.spacing(1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.spacing(2), theme.palette.grey[100], theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' ? theme.spacing(2, 0) : theme.spacing(1, 0), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.spacing(0, 0, 1), nestedDrawerClassName, theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && '10px', theme.palette.product === 'agility' && 'none', theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavSubHeaderText, theme.palette.product === 'agility' && '11px', theme.palette.product === 'agility' && '10px 0 0', theme.palette.product === 'agility' && '0 8px', listItemRootClass, theme.spacing(2), theme.palette.product === 'agility' ? '40px' : '44px', theme.palette.product === 'agility' && theme.spacing(1) + "px", theme.palette.product === 'agility' && 'transparent', theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavHoverText, theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavHoverBg, theme.palette.product === 'agility' ? "1px solid " + theme.palette.agilityInterface.sideNavHoverBorder : 'none', theme.palette.product === 'agility' && '4px', theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavHoverBg, theme.palette.product === 'agility' && 'none', theme.spacing(1), theme.palette.layer.n0, theme.palette.layer.n900, theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.spacing(1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.grey[400], theme.palette.product !== 'agility' && theme.spacing(0, 1), theme.spacing(1), theme.spacing(1), theme.palette.product === 'agility' && theme.spacing(2, 0), theme.spacing(1), theme.spacing(0, 1));
1904
1980
  });
1905
1981
 
1906
1982
  var Brand = function Brand(_ref) {
@@ -1992,7 +2068,7 @@ var DotSidebar = function DotSidebar(_ref3) {
1992
2068
  };
1993
2069
 
1994
2070
  var sidebarClasses = useStylesWithRootClass('side-nav', isOpen ? 'open' : '');
1995
- var rootClasses = useStylesWithRootClass(rootClassName$w, !isOpen ? 'collapsed' : '', className);
2071
+ var rootClasses = useStylesWithRootClass(rootClassName$x, !isOpen ? 'collapsed' : '', className);
1996
2072
  return /*#__PURE__*/React__default.createElement(StyledSidebar, {
1997
2073
  "aria-label": ariaLabel,
1998
2074
  className: rootClasses,
@@ -2020,10 +2096,7 @@ var DotSidebar = function DotSidebar(_ref3) {
2020
2096
  iconId: backItem.iconId ? backItem.iconId : 'back'
2021
2097
  }), /*#__PURE__*/React__default.createElement(DotTypography, {
2022
2098
  variant: "h4"
2023
- }, backItem.text))), navItems.length > 0 &&
2024
- /*#__PURE__*/
2025
- // TO-DO: defect with secondary open while sidebar collapsed
2026
- React__default.createElement(DotList, {
2099
+ }, backItem.text))), navItems.length > 0 && /*#__PURE__*/React__default.createElement(DotList, {
2027
2100
  ariaLabel: "left navigation",
2028
2101
  className: sidebarClasses,
2029
2102
  "data-testid": "sideNav",
@@ -2085,15 +2158,15 @@ function SvgLogoDigitalAiWhite(_ref, svgRef) {
2085
2158
 
2086
2159
  var ForwardRef = /*#__PURE__*/React.forwardRef(SvgLogoDigitalAiWhite);
2087
2160
 
2088
- var _templateObject$y, _templateObject2$5;
2089
- var rootClassName$v = 'dot-app-toolbar';
2161
+ var _templateObject$z, _templateObject2$7;
2162
+ var rootClassName$w = 'dot-app-toolbar';
2090
2163
  var denseClassName = 'dense';
2091
- var StyledMainMenu = styled(DotDrawer)(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n ", "\n"])), function () {
2164
+ var StyledMainMenu = styled(DotDrawer)(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n ", "\n"])), function () {
2092
2165
  return css(["&.dot-main-menu{&.", " .dot-drawer-paper{top:48px;.dot-sidebar{height:calc(100vh - 48px);}}.dot-drawer-paper{top:64px;padding:0;.dot-sidebar{height:calc(100vh - 64px);}}}"], denseClassName);
2093
2166
  });
2094
- var StyledAppToolbar = styled.header(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
2167
+ var StyledAppToolbar = styled.header(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
2095
2168
  var theme = _ref.theme;
2096
- return css(["&.", "{align-items:center;background:", ";border-bottom:4px solid ", ";box-sizing:border-box;color:", ";display:flex;height:64px;padding:", ";position:fixed;width:100%;z-index:", ";top:0;left:0;right:0;&.", "{height:48px;.divider{height:32px;}}.divider{height:36px;width:1px;background:", ";}.dot-icon-btn{border:", ";color:", ";&:hover,&:active,&:focus{background:", ";}}.dot-main-menu-btn{padding:", ";text-align:center;}.dot-branding{align-items:center;display:flex;padding:", ";.primary-logo,.app-logo{margin-right:", "px;}.primary-logo,.dot-app-logo{display:flex;max-width:200px;svg,img{max-height:36px;max-width:200px;}}a{line-height:0;}.dot-product-name{color:", ";font-size:18px;margin:", ";}.divider{margin-left:", "px;}}div.dot-right-side{display:flex;flex-grow:2;justify-content:flex-end;}.avatar-wrapper{display:flex;align-items:center;justify-content:center;width:40px;button.dot-avatar:focus-visible{box-shadow:0px 0px 0px 3px ", ",0px 0px 0px 5px ", ";}}}"], rootClassName$v, theme.palette.product === 'agility' ? theme.palette.agilityInterface.headerBg : theme.palette.grey[700], theme.palette.grey[100], theme.palette.grey[0], theme.spacing(1.5, 2, 1.5, 0), levelFourth, denseClassName, n400$2, theme.palette.product === 'agility' && 'none', theme.palette.grey[100], theme.palette.product === 'agility' && theme.palette.agilityInterface.topBarIconHoverBg, theme.spacing(0, 1), theme.spacing(0, 2), theme.spacing(1.5), theme.palette.grey[100], theme.spacing(0, 1.5), theme.spacing(2), theme.palette.layer.n900, theme.palette.layer.n0);
2169
+ return css(["&.", "{align-items:center;background:", ";border-bottom:4px solid ", ";box-sizing:border-box;color:", ";display:flex;height:64px;padding:", ";position:fixed;width:100%;z-index:", ";top:0;left:0;right:0;&.", "{height:48px;.divider{height:32px;}}.divider{height:36px;width:1px;background:", ";}.dot-icon-btn{border:", ";color:", ";&:hover,&:active,&:focus{background:", ";}}.dot-main-menu-btn{padding:", ";text-align:center;}.dot-branding{align-items:center;display:flex;padding:", ";.primary-logo,.app-logo{margin-right:", "px;}.primary-logo,.dot-app-logo{display:flex;max-width:200px;svg,img{max-height:36px;max-width:200px;}}a{line-height:0;}.dot-product-name{color:", ";font-size:18px;margin:", ";}.divider{margin-left:", "px;}}div.dot-right-side{display:flex;flex-grow:2;justify-content:flex-end;}.avatar-wrapper{display:flex;align-items:center;justify-content:center;width:40px;button.dot-avatar:focus-visible{box-shadow:0px 0px 0px 3px ", ",0px 0px 0px 5px ", ";}}}"], rootClassName$w, theme.palette.product === 'agility' ? theme.palette.agilityInterface.headerBg : theme.palette.grey[700], theme.palette.grey[100], theme.palette.grey[0], theme.spacing(1.5, 2, 1.5, 0), levelFourth, denseClassName, n400$2, theme.palette.product === 'agility' && 'none', theme.palette.grey[100], theme.palette.product === 'agility' && theme.palette.agilityInterface.topBarIconHoverBg, theme.spacing(0, 1), theme.spacing(0, 2), theme.spacing(1.5), theme.palette.grey[100], theme.spacing(0, 1.5), theme.spacing(2), theme.palette.layer.n900, theme.palette.layer.n0);
2097
2170
  });
2098
2171
 
2099
2172
  var DotAppToolbar = function DotAppToolbar(_ref) {
@@ -2123,8 +2196,9 @@ var DotAppToolbar = function DotAppToolbar(_ref) {
2123
2196
  var showMainMenu = mainMenu || mainMenuItems;
2124
2197
  var displayAppLogo = appLogo || appLogoSmall;
2125
2198
  var mainMenuRef = useRef(null);
2126
- var rootClasses = useStylesWithRootClass(rootClassName$v, className, dense ? denseClassName : '');
2127
- var mainMenuClasses = useStylesWithRootClass('dot-main-menu', dense ? denseClassName : '', menuOpen ? 'open' : '');
2199
+ var denseClass = dense ? denseClassName : '';
2200
+ var rootClasses = useStylesWithRootClass(rootClassName$w, className, denseClass);
2201
+ var mainMenuClasses = useStylesWithRootClass('dot-main-menu', denseClass, menuOpen ? 'open' : '');
2128
2202
  var targetBreakpoint = useMediaQuery(function (theme) {
2129
2203
  return theme.breakpoints.up('md');
2130
2204
  });
@@ -2181,8 +2255,8 @@ var DotAppToolbar = function DotAppToolbar(_ref) {
2181
2255
  return updateMenuOpen(false);
2182
2256
  },
2183
2257
  open: menuOpen,
2184
- width: mainMenuWidth + 'px',
2185
- variant: "persistent"
2258
+ variant: "persistent",
2259
+ width: mainMenuWidth + 'px'
2186
2260
  }, /*#__PURE__*/React__default.createElement("div", {
2187
2261
  ref: mainMenuRef
2188
2262
  }, mainMenuItems ? /*#__PURE__*/React__default.createElement(DotSidebar, {
@@ -2216,10 +2290,10 @@ var DotAppToolbar = function DotAppToolbar(_ref) {
2216
2290
  className: item.className,
2217
2291
  iconId: item.iconId,
2218
2292
  iconSize: "default",
2293
+ key: index,
2219
2294
  onClick: function onClick(event) {
2220
2295
  return item.onClick && item.onClick(event);
2221
2296
  },
2222
- key: index,
2223
2297
  size: "medium",
2224
2298
  tooltip: item.tooltip
2225
2299
  });
@@ -2228,18 +2302,18 @@ var DotAppToolbar = function DotAppToolbar(_ref) {
2228
2302
  }, avatar)));
2229
2303
  };
2230
2304
 
2231
- var _templateObject$x;
2232
- var rootClassName$u = 'dot-autocomplete';
2233
- var StyledAutocomplete = styled(Autocomplete)(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
2305
+ var _templateObject$y;
2306
+ var rootClassName$v = 'dot-autocomplete';
2307
+ var StyledAutocomplete = styled(Autocomplete)(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
2234
2308
  _ref.theme;
2235
- return css(["&.", "{}"], rootClassName$u);
2309
+ return css(["&.", "{}"], rootClassName$v);
2236
2310
  });
2237
2311
 
2238
- var _templateObject$w;
2239
- var rootClassName$t = 'dot-chip';
2240
- var StyledChip = styled(Chip)(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
2312
+ var _templateObject$x;
2313
+ var rootClassName$u = 'dot-chip';
2314
+ var StyledChip = styled(Chip)(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
2241
2315
  var theme = _ref.theme;
2242
- return css(["&.", "{border-color:", ";.dot-icon i{height:auto;}&.MuiChip-sizeSmall{.dot-icon,.dot-avatar{width:18px;height:18px;}}&.Mui-error{background-color:", ";border-color:", ";.MuiChip-deleteIcon{color:", ";}}&:not(.Mui-error){&:hover{background-color:", ";}.MuiChip-deleteIcon{&:hover{color:", ";}}}.MuiChip-deleteIcon{width:18px;height:18px;color:", ";}}"], rootClassName$t, theme.palette.grey[300], theme.palette.error[50], theme.palette.error.main, theme.palette.error.main, theme.palette.grey[50], theme.palette.grey[400], theme.palette.grey[300]);
2316
+ return css(["&.", "{border-color:", ";.dot-icon i{height:auto;}&.MuiChip-sizeSmall{.dot-icon,.dot-avatar{width:18px;height:18px;}}&.Mui-error{background-color:", ";border-color:", ";.MuiChip-deleteIcon{color:", ";}}&:not(.Mui-error){&:hover{background-color:", ";}.MuiChip-deleteIcon{&:hover{color:", ";}}}.MuiChip-deleteIcon{width:18px;height:18px;color:", ";}}"], rootClassName$u, theme.palette.grey[300], theme.palette.error[50], theme.palette.error.main, theme.palette.error.main, theme.palette.grey[50], theme.palette.grey[400], theme.palette.grey[300]);
2243
2317
  });
2244
2318
 
2245
2319
  var DotChip = function DotChip(_ref) {
@@ -2262,7 +2336,7 @@ var DotChip = function DotChip(_ref) {
2262
2336
  size = _ref$size === void 0 ? 'medium' : _ref$size,
2263
2337
  startIcon = _ref.startIcon;
2264
2338
  var errorClass = error ? 'Mui-error' : '';
2265
- var rootClasses = useStylesWithRootClass(rootClassName$t, className, errorClass);
2339
+ var rootClasses = useStylesWithRootClass(rootClassName$u, className, errorClass);
2266
2340
  return /*#__PURE__*/React__default.createElement(StyledChip, {
2267
2341
  "aria-label": ariaLabel,
2268
2342
  avatar: avatar,
@@ -2286,23 +2360,23 @@ var DotChip = function DotChip(_ref) {
2286
2360
  });
2287
2361
  };
2288
2362
 
2289
- var _templateObject$v, _templateObject2$4;
2290
- var rootClassName$s = 'dot-text-field';
2363
+ var _templateObject$w, _templateObject2$6;
2364
+ var rootClassName$t = 'dot-text-field';
2291
2365
  var rootSelectClassName = 'dot-select-field';
2292
2366
  var warningClassName = 'dot-warning';
2293
2367
  var adornmentIconClassName = 'dot-adornment-icon';
2294
- var StyledAdornment = styled(InputAdornment)(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n .dot-icon {\n font-size: 24px;\n height: 24px;\n padding: 0;\n width: 24px;\n }\n"])));
2295
- var StyledTextField = styled(TextField)(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
2368
+ var StyledAdornment = styled(InputAdornment)(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n .dot-icon {\n font-size: 24px;\n height: 24px;\n padding: 0;\n width: 24px;\n }\n"])));
2369
+ var StyledTextField = styled(TextField)(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
2296
2370
  var theme = _ref.theme,
2297
2371
  InputProps = _ref.InputProps;
2298
- return css(["&.", "{.MuiInputBase-root{background:", "}.MuiInputBase-input{box-sizing:content-box;}.MuiOutlinedInput-notchedOutline{border-color:", "}.MuiOutlinedInput-input{padding:", ";}.MuiOutlinedInput-inputMarginDense{padding-top:10.5px;padding-bottom:10.5px;}.MuiOutlinedInput-inputMultiline{padding:0;}}&.", ",&.", "{.dot-adornment-icon .dot-icon i{margin-top:-2px;}.MuiFormLabel-root.Mui-focused{color:", "}select.dot-select{background:", ";}.MuiSelect-select:focus{background-color:transparent;}.Mui-error .", "{color:", ";}.MuiSelect-icon{right:", ";}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", "{color:", ";}}.MuiOutlinedInput-adornedStart{padding-left:12px;}.MuiOutlinedInput-adornedEnd{padding-right:12px;}.MuiFormHelperText-root{font-size:", "px;margin:", ";display:flex;align-items:flex-end;&:not(.Mui-error){color:", ";}}.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:", ";}"], rootClassName$s, theme.palette.product === 'agility' && theme.palette.layer.n0, theme.palette.product === 'agility' && theme.palette.layer.n100, InputProps.startAdornment ? "18px 12px 18px 0px" : "18px 12px", rootSelectClassName, rootClassName$s, theme.palette.product === 'agility' && theme.palette.layer.n700, theme.palette.product === 'agility' && theme.palette.layer.n0, adornmentIconClassName, theme.palette.error[500], InputProps.endAdornment ? "44px" : "12px", warningClassName, theme.palette.warning[500], theme.palette.grey[700], adornmentIconClassName, theme.palette.warning[500], theme.typography.body2.fontSize, theme.spacing(0, 0, 0, 2), theme.palette.grey[700], theme.palette.product === 'agility' && agilityGreen);
2372
+ return css(["&.", "{.MuiInputBase-root{background:", "}.MuiInputBase-input{box-sizing:content-box;}.MuiOutlinedInput-notchedOutline{border-color:", "}.MuiOutlinedInput-input{padding:", ";}.MuiOutlinedInput-inputMarginDense{padding-top:10.5px;padding-bottom:10.5px;}.MuiOutlinedInput-inputMultiline{padding:0;}}&.", ",&.", "{.dot-adornment-icon .dot-icon i{margin-top:-2px;}.MuiFormLabel-root.Mui-focused{color:", "}select.dot-select{background:", ";}.MuiSelect-select:focus{background-color:transparent;}.Mui-error .", "{color:", ";}.MuiSelect-icon{right:", ";}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", "{color:", ";}}.MuiOutlinedInput-adornedStart{padding-left:12px;}.MuiOutlinedInput-adornedEnd{padding-right:12px;}.MuiFormHelperText-root{font-size:", "px;margin:", ";display:flex;align-items:flex-end;&:not(.Mui-error){color:", ";}}.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:", ";}"], rootClassName$t, theme.palette.product === 'agility' && theme.palette.layer.n0, theme.palette.product === 'agility' && theme.palette.layer.n100, InputProps.startAdornment ? "18px 12px 18px 0px" : "18px 12px", rootSelectClassName, rootClassName$t, theme.palette.product === 'agility' && theme.palette.layer.n700, theme.palette.product === 'agility' && theme.palette.layer.n0, adornmentIconClassName, theme.palette.error[500], InputProps.endAdornment ? "44px" : "12px", warningClassName, theme.palette.warning[500], theme.palette.grey[700], adornmentIconClassName, theme.palette.warning[500], theme.typography.body2.fontSize, theme.spacing(0, 0, 0, 2), theme.palette.grey[700], theme.palette.product === 'agility' && agilityGreen);
2299
2373
  });
2300
2374
 
2301
- var _templateObject$u;
2302
- var rootClassName$r = 'dot-button';
2303
- var StyledButton = styled(Button)(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
2375
+ var _templateObject$v;
2376
+ var rootClassName$s = 'dot-button';
2377
+ var StyledButton = styled(Button)(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
2304
2378
  var theme = _ref.theme;
2305
- return css(["&.", "{margin:", "px;min-width:auto;white-space:nowrap;&.MuiButton-containedPrimary{background-color:", ";}&.MuiButton-containedSecondary{background-color:", ";&:hover,&:active{background-color:", ";}}&.MuiButton-text{padding:6px 16px;}span.dot-icon{padding:0;i{height:auto;}}}"], rootClassName$r, theme.spacing(0.5), theme.palette.product === 'agility' && agilityGreen, theme.palette.error.main, darken(theme.palette.error.main, 0.2));
2379
+ return css(["&.", "{margin:", "px;min-width:auto;white-space:nowrap;&.MuiButton-containedPrimary{background-color:", ";}&.MuiButton-containedSecondary{background-color:", ";&:hover,&:active{background-color:", ";}}&.MuiButton-text{padding:6px 16px;}span.dot-icon{padding:0;i{height:auto;}}}"], rootClassName$s, theme.spacing(0.5), theme.palette.product === 'agility' && agilityGreen, theme.palette.error.main, darken(theme.palette.error.main, 0.2));
2306
2380
  });
2307
2381
 
2308
2382
  /** This component wraps the Button component from @material-ui. */
@@ -2331,7 +2405,7 @@ var DotButton = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
2331
2405
  tooltip = _ref.tooltip,
2332
2406
  _ref$type = _ref.type,
2333
2407
  type = _ref$type === void 0 ? 'primary' : _ref$type;
2334
- var rootClasses = useStylesWithRootClass(rootClassName$r, className);
2408
+ var rootClasses = useStylesWithRootClass(rootClassName$s, className);
2335
2409
  var color;
2336
2410
  var variant;
2337
2411
 
@@ -2373,18 +2447,18 @@ var DotButton = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
2373
2447
  },
2374
2448
  color: color,
2375
2449
  "data-testid": dataTestId,
2376
- disabled: disabled,
2377
2450
  disableRipple: disableRipple,
2451
+ disabled: disabled,
2378
2452
  endIcon: endIcon,
2379
2453
  fullWidth: fullWidth,
2380
2454
  onClick: function onClick(event) {
2381
2455
  return _onClick && _onClick(event);
2382
2456
  },
2383
2457
  ref: ref,
2384
- variant: variant,
2385
2458
  size: size,
2386
2459
  startIcon: startIcon,
2387
- type: isSubmit ? 'submit' : 'button'
2460
+ type: isSubmit ? 'submit' : 'button',
2461
+ variant: variant
2388
2462
  }, children));
2389
2463
  });
2390
2464
 
@@ -2451,8 +2525,8 @@ var DotAutoComplete = function DotAutoComplete(_ref) {
2451
2525
  isOpened = _useState2[0],
2452
2526
  setIsOpened = _useState2[1];
2453
2527
 
2454
- var rootClasses = useStylesWithRootClass(rootClassName$u, className);
2455
- var textFieldRootClasses = useStylesWithRootClass(rootClassName$s, className);
2528
+ var rootClasses = useStylesWithRootClass(rootClassName$v, className);
2529
+ var textFieldRootClasses = useStylesWithRootClass(rootClassName$t, className);
2456
2530
  var textFieldInput; // Used for focus management while popper is opened
2457
2531
 
2458
2532
  var actionItemRef = useRef();
@@ -2534,9 +2608,7 @@ var DotAutoComplete = function DotAutoComplete(_ref) {
2534
2608
 
2535
2609
  /* Add this to short circuit blur event (otherwise button click will not work):
2536
2610
  * https://github.com/mui-org/material-ui/issues/19038 */
2537
- onMouseDown: function onMouseDown(e) {
2538
- e.preventDefault();
2539
- },
2611
+ onBlur: handleBlur,
2540
2612
  onKeyDown: function onKeyDown(event) {
2541
2613
  if (event.key === 'Tab' && textFieldInput) {
2542
2614
  event.preventDefault();
@@ -2544,7 +2616,9 @@ var DotAutoComplete = function DotAutoComplete(_ref) {
2544
2616
  }
2545
2617
  },
2546
2618
  // We want to close the popper each time focus is shifted from action item
2547
- onBlur: handleBlur
2619
+ onMouseDown: function onMouseDown(e) {
2620
+ e.preventDefault();
2621
+ }
2548
2622
  }, /*#__PURE__*/React__default.createElement(DotButton, {
2549
2623
  "data-testid": "dot-action-item-btn",
2550
2624
  disableRipple: true,
@@ -2560,6 +2634,7 @@ var DotAutoComplete = function DotAutoComplete(_ref) {
2560
2634
  };
2561
2635
 
2562
2636
  return /*#__PURE__*/React__default.createElement(StyledAutocomplete, {
2637
+ PopperComponent: DotPopper,
2563
2638
  "aria-label": ariaLabel,
2564
2639
  classes: {
2565
2640
  root: rootClasses
@@ -2576,6 +2651,7 @@ var DotAutoComplete = function DotAutoComplete(_ref) {
2576
2651
  return option.group;
2577
2652
  } : undefined,
2578
2653
  multiple: multiple,
2654
+ onBlur: handleBlur,
2579
2655
  onChange: function onChange(event, val, reason) {
2580
2656
  valuesChanged({
2581
2657
  event: event,
@@ -2584,20 +2660,18 @@ var DotAutoComplete = function DotAutoComplete(_ref) {
2584
2660
  });
2585
2661
  setIsOpened(false);
2586
2662
  },
2587
- open: isOpened,
2588
- options: sortOptions(),
2589
- PopperComponent: DotPopper,
2590
- // We want to close the popper each time focus is shifted from the autocomplete
2591
- onBlur: handleBlur,
2592
2663
  onClose: function onClose(event) {
2593
2664
  // We want to close popper in each occasion where focus isn't set to action item
2594
2665
  if (!('relatedTarget' in event) || event.relatedTarget !== actionItemRef.current) {
2595
2666
  setIsOpened(false);
2596
2667
  }
2597
2668
  },
2669
+ // We want to close the popper each time focus is shifted from the autocomplete
2598
2670
  onOpen: function onOpen() {
2599
2671
  return setIsOpened(true);
2600
2672
  },
2673
+ open: isOpened,
2674
+ options: sortOptions(),
2601
2675
  renderInput: function renderInput(params) {
2602
2676
  return (
2603
2677
  /*#__PURE__*/
@@ -2621,9 +2695,6 @@ var DotAutoComplete = function DotAutoComplete(_ref) {
2621
2695
  inputRef: textFieldRef,
2622
2696
  label: label,
2623
2697
  name: label,
2624
- placeholder: showPlaceholder ? placeholder : undefined,
2625
- required: false,
2626
- variant: "outlined",
2627
2698
  onKeyDown: function onKeyDown(event) {
2628
2699
  var _a; // Intercept 'tab' key press while action item element exists
2629
2700
 
@@ -2632,7 +2703,10 @@ var DotAutoComplete = function DotAutoComplete(_ref) {
2632
2703
  event.preventDefault();
2633
2704
  (_a = actionItemRef === null || actionItemRef === void 0 ? void 0 : actionItemRef.current) === null || _a === void 0 ? void 0 : _a.focus();
2634
2705
  }
2635
- }
2706
+ },
2707
+ placeholder: showPlaceholder ? placeholder : undefined,
2708
+ required: false,
2709
+ variant: "outlined"
2636
2710
  }))
2637
2711
  );
2638
2712
  },
@@ -2669,10 +2743,10 @@ var DotAvatarGroup = function DotAvatarGroup(_ref) {
2669
2743
  }));
2670
2744
  };
2671
2745
 
2672
- var _templateObject$t;
2673
- var rootClassName$q = 'dot-badge';
2674
- var StyledBadge = styled(Badge)(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n ", "\n"])), function () {
2675
- return css(["&.", "{.MuiBadge-badge{background-color:", ";}}"], rootClassName$q, function (_ref) {
2746
+ var _templateObject$u;
2747
+ var rootClassName$r = 'dot-badge';
2748
+ var StyledBadge = styled(Badge)(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n ", "\n"])), function () {
2749
+ return css(["&.", "{.MuiBadge-badge{background-color:", ";}}"], rootClassName$r, function (_ref) {
2676
2750
  var $badgeColor = _ref.$badgeColor;
2677
2751
  return $badgeColor;
2678
2752
  });
@@ -2686,7 +2760,7 @@ var DotBadge = function DotBadge(_ref) {
2686
2760
  dataTestId = _ref['data-testid'],
2687
2761
  invisible = _ref.invisible,
2688
2762
  overlap = _ref.overlap;
2689
- var rootClasses = useStylesWithRootClass(rootClassName$q, className);
2763
+ var rootClasses = useStylesWithRootClass(rootClassName$r, className);
2690
2764
  return /*#__PURE__*/React__default.createElement(StyledBadge, {
2691
2765
  "$badgeColor": badgeColor,
2692
2766
  anchorOrigin: {
@@ -2705,28 +2779,221 @@ var DotBadge = function DotBadge(_ref) {
2705
2779
  }, children);
2706
2780
  };
2707
2781
 
2708
- var _templateObject$s;
2709
- var rootClassName$p = 'dot-breadcrumbs';
2710
- var StyledBreadcrumbs = styled(Breadcrumbs)(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
2782
+ var _templateObject$t, _templateObject2$5;
2783
+ var rootClassName$q = 'dot-breadcrumbs';
2784
+ var breadcrumbsWrapperClass = 'dot-breadcrumbs-wrapper';
2785
+ var StyledBreadcrumbsWrapper = styled.div(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
2711
2786
  var theme = _ref.theme;
2712
- return css(["&.", "{margin-bottom:0;.MuiBreadcrumbs-ol{flex-wrap:nowrap;}.MuiBreadcrumbs-li,.separator{color:", ";margin:0;white-space:nowrap;}.separator{font-size:12px;width:20px;height:20px;padding:0;}.MuiBreadcrumbs-separator{margin:0;}.MuiLink-underlineHover{cursor:pointer;}}.breadcrumb{padding:", ";}.current-page{color:", ";cursor:default;}"], rootClassName$p, theme.palette.grey[300], theme.spacing(0.5, 2), theme.palette.grey[700]);
2787
+ return css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$q, theme.spacing(0.5, 2));
2788
+ });
2789
+ var StyledBreadcrumbs = styled(Breadcrumbs)(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref2) {
2790
+ var theme = _ref2.theme;
2791
+ return css(["&.", "{margin-bottom:0;.MuiBreadcrumbs-ol{flex-wrap:nowrap;}.MuiBreadcrumbs-li,.separator{color:", ";margin:0;white-space:nowrap;}.separator{font-size:12px;width:20px;height:20px;padding:0;}.MuiBreadcrumbs-separator{margin:0;}.MuiLink-underlineHover{cursor:pointer;}.MuiBreadcrumbs-li:last-child{overflow:hidden;text-overflow:ellipsis;}.breadcrumb{padding:", ";}.current-page{color:", ";cursor:default;}}"], rootClassName$q, theme.palette.grey[300], theme.spacing(0.5, 2), theme.palette.grey[700]);
2713
2792
  });
2714
2793
 
2715
2794
  var compareWidth = function compareWidth(parentEl, childEl) {
2716
2795
  return parentEl.getBoundingClientRect().width < childEl.getBoundingClientRect().width;
2717
2796
  };
2718
2797
 
2798
+ var getItemsAfterCollapse = function getItemsAfterCollapse(adjustMaxItems, visibleItemsNumber, maxItems) {
2799
+ // Check if maximum number of items is defined via prop
2800
+ if (maxItems) {
2801
+ return adjustMaxItems ? 1 : 2;
2802
+ }
2803
+
2804
+ if (visibleItemsNumber > 1) return visibleItemsNumber - 1;
2805
+ if (visibleItemsNumber === 1) return visibleItemsNumber;
2806
+ return undefined;
2807
+ };
2808
+ var getMaxItems = function getMaxItems(adjustMaxItems, visibleItemsNumber, maxItems) {
2809
+ // Check if maximum number of items is defined via prop
2810
+ if (maxItems) {
2811
+ return adjustMaxItems ? 2 : maxItems;
2812
+ }
2813
+
2814
+ return visibleItemsNumber > 0 ? visibleItemsNumber : undefined;
2815
+ };
2816
+ var getWidthFromRef = function getWidthFromRef(ref) {
2817
+ var _a;
2818
+
2819
+ return (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;
2820
+ };
2821
+ var checkIfFirstItemAfterCollapse = function checkIfFirstItemAfterCollapse(currentIndex, items, itemsAfterCollapse) {
2822
+ return currentIndex === items.length - itemsAfterCollapse;
2823
+ };
2824
+ var getExpandElement = function getExpandElement(breadcrumbElement) {
2825
+ var elements = breadcrumbElement.getElementsByClassName('MuiBreadcrumbs-ol');
2826
+ if (!elements || elements.length !== 1) return null;
2827
+ return elements[0].getElementsByClassName('MuiButtonBase-root')[0];
2828
+ };
2829
+ var getInitialMaxVisibleItems = function getInitialMaxVisibleItems(items, maxItems) {
2830
+ return maxItems || items && Array.isArray(items) && items.length || 0;
2831
+ };
2832
+ var getMenuItems = function getMenuItems(items, itemsAfterCollapse) {
2833
+ if (!items || !items.length || !isFinite(itemsAfterCollapse) || itemsAfterCollapse < 1 || itemsAfterCollapse >= items.length - 1) return [];
2834
+ var sliceEnd = items.length - itemsAfterCollapse;
2835
+ var menuItems = items.slice(1, sliceEnd);
2836
+ if (!menuItems.length) return [];
2837
+ return menuItems.map(function (item, index) {
2838
+ var itemChildren = /*#__PURE__*/React__default.createElement(DotLink, {
2839
+ ariaLabel: item.ariaLabel,
2840
+ className: "breadcrumb",
2841
+ color: "inherit",
2842
+ href: item.href,
2843
+ key: index,
2844
+ onClick: item.onClick,
2845
+ tabIndex: 0,
2846
+ underline: "none"
2847
+ }, item.text);
2848
+ return {
2849
+ children: itemChildren,
2850
+ key: index.toString()
2851
+ };
2852
+ });
2853
+ };
2854
+ var addListenersToMenu = function addListenersToMenu(expandElement, eventListener) {
2855
+ expandElement.addEventListener('click', eventListener);
2856
+ expandElement.addEventListener('keydown', eventListener);
2857
+ };
2858
+ var removeListenersFromMenu = function removeListenersFromMenu(expandElement, eventListener) {
2859
+ expandElement.removeEventListener('click', eventListener);
2860
+ expandElement.removeEventListener('keydown', eventListener);
2861
+ };
2862
+ var mapBreadcrumbItems = function mapBreadcrumbItems(items, refs, itemsAfterCollapse) {
2863
+ var firstItemRef = refs.firstItemRef,
2864
+ lastItemRef = refs.lastItemRef;
2865
+ return items.map(function (item, index) {
2866
+ var ariaLabel = item.ariaLabel,
2867
+ href = item.href,
2868
+ onClick = item.onClick,
2869
+ text = item.text,
2870
+ underline = item.underline;
2871
+
2872
+ if (index === items.length - 1) {
2873
+ return /*#__PURE__*/React__default.createElement("span", {
2874
+ "aria-label": ariaLabel,
2875
+ className: "breadcrumb current-page",
2876
+ key: index,
2877
+ ref: lastItemRef
2878
+ }, text);
2879
+ } else {
2880
+ var isFirstItemAfterCollapse = checkIfFirstItemAfterCollapse(index, items, itemsAfterCollapse);
2881
+ return /*#__PURE__*/React__default.createElement("div", {
2882
+ key: index,
2883
+ ref: isFirstItemAfterCollapse ? firstItemRef : undefined
2884
+ }, /*#__PURE__*/React__default.createElement(DotLink, {
2885
+ ariaLabel: ariaLabel,
2886
+ className: "breadcrumb",
2887
+ color: "inherit",
2888
+ href: href,
2889
+ onClick: onClick,
2890
+ tabIndex: 0,
2891
+ underline: underline
2892
+ }, text));
2893
+ }
2894
+ });
2895
+ };
2896
+
2897
+ var useBreadcrumbsResizer = function useBreadcrumbsResizer(breadcrumbsRightCoord, breadcrumbItemsProps, refs) {
2898
+ var firstItemRef = refs.firstItemRef,
2899
+ lastItemRef = refs.lastItemRef;
2900
+ var items = breadcrumbItemsProps.items,
2901
+ maxItems = breadcrumbItemsProps.maxItems;
2902
+ var initialMaxVisibleItems = {
2903
+ maxVisibleItems: getInitialMaxVisibleItems(items, maxItems),
2904
+ lastRemovedItemWidth: undefined
2905
+ };
2906
+
2907
+ var _useState = useState(initialMaxVisibleItems),
2908
+ breadcrumbsSettings = _useState[0],
2909
+ setBreadcrumbsSettings = _useState[1];
2910
+ /* Adjust number of visible items after collapse */
2911
+
2912
+
2913
+ useEffect(function () {
2914
+ // Automatic resizing is performed only when 'maxItem' is NOT set
2915
+ if (maxItems !== undefined || !(lastItemRef === null || lastItemRef === void 0 ? void 0 : lastItemRef.current) || !breadcrumbsRightCoord) return; // Get width of breadcrumb's last item
2916
+
2917
+ var lastItemWidth = getWidthFromRef(lastItemRef); // Get width of breadcrumb's first item after collapse
2918
+ // Sometimes first item can also be last item
2919
+
2920
+ var firstItemWidth = getWidthFromRef(firstItemRef) || lastItemWidth; // Get left coordinate of the last item
2921
+
2922
+ var lastItemLeftCoord = lastItemRef.current.getBoundingClientRect().left;
2923
+ var lastRemovedItemWidth = breadcrumbsSettings.lastRemovedItemWidth,
2924
+ maxVisibleItems = breadcrumbsSettings.maxVisibleItems;
2925
+ var availableSpace = breadcrumbsRightCoord - lastItemLeftCoord;
2926
+ var hasHiddenItems = maxVisibleItems < items.length;
2927
+ var isLastRemovedItemSuitable = lastRemovedItemWidth !== undefined ? availableSpace - lastRemovedItemWidth > MIN_AVAILABLE_SPACE : false;
2928
+
2929
+ if (availableSpace < MIN_AVAILABLE_SPACE && maxVisibleItems > 2) {
2930
+ setBreadcrumbsSettings(function (prevValue) {
2931
+ return {
2932
+ maxVisibleItems: prevValue.maxVisibleItems - 1,
2933
+ lastRemovedItemWidth: firstItemWidth + ITEMS_SEPARATOR_SPACE
2934
+ };
2935
+ });
2936
+ } else if (hasHiddenItems && (lastRemovedItemWidth === undefined || isLastRemovedItemSuitable)) {
2937
+ setBreadcrumbsSettings(function (prevValue) {
2938
+ return {
2939
+ maxVisibleItems: prevValue.maxVisibleItems + 1,
2940
+ lastRemovedItemWidth: undefined
2941
+ };
2942
+ });
2943
+ }
2944
+ }, [maxItems, breadcrumbsRightCoord, lastItemRef === null || lastItemRef === void 0 ? void 0 : lastItemRef.current, firstItemRef === null || firstItemRef === void 0 ? void 0 : firstItemRef.current, breadcrumbsSettings]);
2945
+ return [breadcrumbsSettings];
2946
+ };
2947
+
2948
+ var MIN_AVAILABLE_SPACE = 60;
2949
+ var ITEMS_SEPARATOR_SPACE = 20;
2950
+ var useBreadcrumbsObserver = function useBreadcrumbsObserver(items, maxItems) {
2951
+ var breadcrumbRef = useRef();
2952
+ var firstItemRef = useRef();
2953
+ var lastItemRef = useRef();
2954
+
2955
+ var _useState = useState(null),
2956
+ breadcrumbsRightCoord = _useState[0],
2957
+ setBreadcrumbsRightCoord = _useState[1];
2958
+
2959
+ var _useBreadcrumbsResize = useBreadcrumbsResizer(breadcrumbsRightCoord, {
2960
+ items: items,
2961
+ maxItems: maxItems
2962
+ }, {
2963
+ firstItemRef: firstItemRef,
2964
+ lastItemRef: lastItemRef
2965
+ }),
2966
+ breadcrumbsSettings = _useBreadcrumbsResize[0];
2967
+ /* Observe breadcrumbs width change and store it in state */
2968
+
2969
+
2970
+ useEffect(function () {
2971
+ // Automatic resizing is performed only when 'maxItem' is NOT set
2972
+ if (maxItems !== undefined) return;
2973
+ var breadcrumbsObserver = new ResizeObserver(function (entries) {
2974
+ setBreadcrumbsRightCoord(entries[0].target.getBoundingClientRect().right);
2975
+ });
2976
+ breadcrumbsObserver.observe(breadcrumbRef.current);
2977
+ return function () {
2978
+ breadcrumbRef.current && breadcrumbsObserver.unobserve(breadcrumbRef.current);
2979
+ };
2980
+ }, [maxItems, breadcrumbRef, setBreadcrumbsRightCoord]);
2981
+ return [{
2982
+ breadcrumbRef: breadcrumbRef,
2983
+ firstItemRef: firstItemRef,
2984
+ lastItemRef: lastItemRef
2985
+ }, breadcrumbsSettings.maxVisibleItems];
2986
+ };
2987
+
2719
2988
  var DotBreadcrumbs = function DotBreadcrumbs(_ref) {
2720
2989
  var className = _ref.className,
2721
2990
  dataTestId = _ref['data-testid'],
2722
2991
  _ref$expansionMenu = _ref.expansionMenu,
2723
2992
  expansionMenu = _ref$expansionMenu === void 0 ? false : _ref$expansionMenu,
2724
2993
  items = _ref.items,
2725
- _ref$maxItems = _ref.maxItems,
2726
- maxItems = _ref$maxItems === void 0 ? 3 : _ref$maxItems,
2994
+ maxItems = _ref.maxItems,
2727
2995
  minWidth = _ref.minWidth;
2728
- var rootClasses = useStylesWithRootClass(rootClassName$p, className);
2729
- var breadcrumbRef = useRef();
2996
+ var wrapperRootClasses = useStylesWithRootClass(breadcrumbsWrapperClass, className);
2730
2997
  var wrapperRef = useRef();
2731
2998
 
2732
2999
  var _useState = useState(null),
@@ -2741,111 +3008,80 @@ var DotBreadcrumbs = function DotBreadcrumbs(_ref) {
2741
3008
  adjustMaxItems = _useState3[0],
2742
3009
  setAdjustMaxItems = _useState3[1];
2743
3010
 
3011
+ var _useBreadcrumbsObserv = useBreadcrumbsObserver(items, maxItems),
3012
+ _useBreadcrumbsObserv2 = _useBreadcrumbsObserv[0],
3013
+ breadcrumbRef = _useBreadcrumbsObserv2.breadcrumbRef,
3014
+ firstItemRef = _useBreadcrumbsObserv2.firstItemRef,
3015
+ lastItemRef = _useBreadcrumbsObserv2.lastItemRef,
3016
+ maxVisibleItems = _useBreadcrumbsObserv[1];
3017
+
3018
+ var itemsAfterCollapse = getItemsAfterCollapse(adjustMaxItems, maxVisibleItems, maxItems);
3019
+ var menuItems = items.length > maxVisibleItems ? getMenuItems(items, itemsAfterCollapse) : [];
3020
+ var breadcrumbItemRefs = {
3021
+ firstItemRef: firstItemRef,
3022
+ lastItemRef: lastItemRef
3023
+ };
3024
+
2744
3025
  var clickListener = function clickListener(event) {
3026
+ if (event instanceof KeyboardEvent && event.key !== 'Enter') return;
2745
3027
  event.stopPropagation();
2746
3028
  setMenuOpen(function (currentMenuOpen) {
2747
3029
  return !currentMenuOpen;
2748
3030
  });
2749
3031
  };
2750
3032
 
2751
- var getExpandElement = function getExpandElement() {
2752
- var elements = document.getElementsByClassName('MuiBreadcrumbs-ol');
2753
- return elements.length === 1 ? elements[0].getElementsByClassName('MuiButtonBase-root')[0] : null;
2754
- };
2755
-
2756
- var getMenuItems = function getMenuItems() {
2757
- return items.slice(1, items.length - 2).map(function (item, index) {
2758
- var itemChildren = /*#__PURE__*/React__default.createElement(DotLink, {
2759
- ariaLabel: item.ariaLabel,
2760
- className: "breadcrumb",
2761
- color: "inherit",
2762
- href: item.href,
2763
- key: index,
2764
- onClick: item.onClick,
2765
- tabIndex: 0,
2766
- underline: item.underline
2767
- }, item.text);
2768
- return {
2769
- children: itemChildren,
2770
- key: index.toString()
2771
- };
2772
- });
2773
- };
2774
-
2775
- var menuItems = items.length > maxItems ? getMenuItems() : null;
2776
-
2777
3033
  var onMenuLeave = function onMenuLeave(_event) {
2778
3034
  setMenuOpen(false);
2779
3035
  };
3036
+ /* Build and connect expansion menu if 'expansionMenu' is set to true.
3037
+ In order for this to be functioning properly we need to set 'items' in
3038
+ the dependencies list as it will re-trigger hook if items array change.
3039
+ */
3040
+
2780
3041
 
2781
3042
  useEffect(function () {
2782
- if (expansionMenu) {
2783
- var expandElement = getExpandElement();
2784
-
2785
- if (expandElement) {
2786
- setAnchorEl(expandElement);
2787
- expandElement.addEventListener('click', clickListener);
2788
- return function () {
2789
- expandElement.removeEventListener('click', clickListener);
2790
- };
2791
- }
3043
+ if (!expansionMenu || !breadcrumbRef || !breadcrumbRef.current) return;
3044
+ var expandElement = getExpandElement(breadcrumbRef.current);
3045
+
3046
+ if (expandElement) {
3047
+ setAnchorEl(expandElement);
3048
+ addListenersToMenu(expandElement, clickListener);
3049
+ return function () {
3050
+ return removeListenersFromMenu(expandElement, clickListener);
3051
+ };
2792
3052
  }
2793
- }, []);
3053
+ }, [expansionMenu, maxVisibleItems, adjustMaxItems, items]);
2794
3054
  useEffect(function () {
2795
- if ((breadcrumbRef === null || breadcrumbRef === void 0 ? void 0 : breadcrumbRef.current) && (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current)) {
3055
+ if (maxItems && (breadcrumbRef === null || breadcrumbRef === void 0 ? void 0 : breadcrumbRef.current) && (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current)) {
2796
3056
  setAdjustMaxItems(compareWidth(wrapperRef.current, breadcrumbRef.current));
2797
3057
  }
2798
- }, [breadcrumbRef === null || breadcrumbRef === void 0 ? void 0 : breadcrumbRef.current, wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current]);
2799
- return /*#__PURE__*/React__default.createElement("div", {
2800
- ref: wrapperRef,
2801
- style: {
2802
- overflow: 'hidden'
2803
- }
3058
+ }, [maxItems, breadcrumbRef === null || breadcrumbRef === void 0 ? void 0 : breadcrumbRef.current, wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current]);
3059
+ return /*#__PURE__*/React__default.createElement(StyledBreadcrumbsWrapper, {
3060
+ className: wrapperRootClasses,
3061
+ "data-testid": dataTestId && dataTestId + "-wrapper",
3062
+ ref: wrapperRef
2804
3063
  }, /*#__PURE__*/React__default.createElement(StyledBreadcrumbs, {
2805
3064
  "aria-label": "breadcrumb",
2806
3065
  classes: {
2807
- root: rootClasses,
3066
+ root: rootClassName$q,
2808
3067
  ol: 'dot-ol',
2809
3068
  li: 'dot-li'
2810
3069
  },
2811
3070
  "data-testid": dataTestId,
2812
- itemsAfterCollapse: adjustMaxItems ? 1 : 2,
2813
- maxItems: adjustMaxItems ? 2 : maxItems,
3071
+ itemsAfterCollapse: itemsAfterCollapse,
3072
+ maxItems: getMaxItems(adjustMaxItems, maxVisibleItems, maxItems),
2814
3073
  ref: breadcrumbRef,
2815
3074
  separator: /*#__PURE__*/React__default.createElement(DotIcon, {
2816
- iconId: "chevron-right",
2817
- className: "separator"
3075
+ className: "separator",
3076
+ iconId: "chevron-right"
2818
3077
  }),
2819
3078
  style: {
2820
3079
  width: minWidth
2821
3080
  }
2822
- }, items.map(function (item, index) {
2823
- var ariaLabel = item.ariaLabel,
2824
- href = item.href,
2825
- onClick = item.onClick,
2826
- text = item.text,
2827
- underline = item.underline;
2828
-
2829
- if (index === items.length - 1) {
2830
- return /*#__PURE__*/React__default.createElement("span", {
2831
- "aria-label": ariaLabel,
2832
- className: "breadcrumb current-page",
2833
- key: index
2834
- }, text);
2835
- } else {
2836
- return /*#__PURE__*/React__default.createElement(DotLink, {
2837
- ariaLabel: ariaLabel,
2838
- className: "breadcrumb",
2839
- color: "inherit",
2840
- href: href,
2841
- key: index,
2842
- onClick: onClick,
2843
- tabIndex: 0,
2844
- underline: underline
2845
- }, text);
2846
- }
2847
- })), /*#__PURE__*/React__default.createElement(DotMenu, {
3081
+ }, mapBreadcrumbItems(items, breadcrumbItemRefs, itemsAfterCollapse)), /*#__PURE__*/React__default.createElement(DotMenu, {
2848
3082
  anchorEl: anchorEl,
3083
+ className: "dot-breadcrumbs-menu",
3084
+ disablePortal: true,
2849
3085
  id: "expand-menu",
2850
3086
  menuItems: menuItems,
2851
3087
  menuPlacement: "bottom-start",
@@ -2854,11 +3090,11 @@ var DotBreadcrumbs = function DotBreadcrumbs(_ref) {
2854
3090
  }));
2855
3091
  };
2856
3092
 
2857
- var _templateObject$r;
2858
- var rootClassName$o = 'dot-button-toggle';
2859
- var StyledToggleButtonGroup = styled(ToggleButtonGroup)(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
3093
+ var _templateObject$s;
3094
+ var rootClassName$p = 'dot-button-toggle';
3095
+ var StyledToggleButtonGroup = styled(ToggleButtonGroup)(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
2860
3096
  var theme = _ref.theme;
2861
- return css(["&.", "{.dot-icon{+ p{margin-left:", "px;}i{height:auto;}}.MuiToggleButton-label{color:", ";p{margin-bottom:0;}}.MuiToggleButtonGroup-groupedHorizontal{border:1px solid ", ";border-radius:0px;:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:0;}:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:0;}}}.MuiButtonBase-root{&.Mui-disabled p,&.Mui-disabled .dot-icon{color:", ";}}"], rootClassName$o, theme.spacing(1), theme.palette.layer.n700, theme.palette.layer.n300, theme.palette.grey[200]);
3097
+ return css(["&.", "{.dot-icon{+ p{margin-left:", "px;}i{height:auto;}}.MuiToggleButton-label{color:", ";p{margin-bottom:0;}}.MuiToggleButtonGroup-groupedHorizontal{border:1px solid ", ";border-radius:0px;:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:0;}:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:0;}}}.MuiButtonBase-root{&.Mui-disabled p,&.Mui-disabled .dot-icon{color:", ";}}"], rootClassName$p, theme.spacing(1), theme.palette.layer.n700, theme.palette.layer.n300, theme.palette.grey[200]);
2862
3098
  });
2863
3099
 
2864
3100
  var DotButtonToggle = function DotButtonToggle(_ref) {
@@ -2879,7 +3115,7 @@ var DotButtonToggle = function DotButtonToggle(_ref) {
2879
3115
  _ref$size = _ref.size,
2880
3116
  size = _ref$size === void 0 ? 'medium' : _ref$size,
2881
3117
  value = _ref.value;
2882
- var rootClasses = useStylesWithRootClass(rootClassName$o, className);
3118
+ var rootClasses = useStylesWithRootClass(rootClassName$p, className);
2883
3119
  return /*#__PURE__*/React__default.createElement(StyledToggleButtonGroup, {
2884
3120
  "aria-label": ariaLabel,
2885
3121
  classes: {
@@ -2894,9 +3130,9 @@ var DotButtonToggle = function DotButtonToggle(_ref) {
2894
3130
  }, buttonOptions.map(function (option, key) {
2895
3131
  return /*#__PURE__*/React__default.createElement(ToggleButton, {
2896
3132
  "aria-label": option.ariaLabel,
2897
- disabled: option.disabled,
2898
3133
  disableFocusRipple: disableFocusRipple,
2899
3134
  disableRipple: disableRipple,
3135
+ disabled: option.disabled,
2900
3136
  key: key,
2901
3137
  value: option.value
2902
3138
  }, option.iconId && /*#__PURE__*/React__default.createElement(DotIcon, {
@@ -2937,11 +3173,11 @@ var DotCardContent = function DotCardContent(_ref) {
2937
3173
  }, children);
2938
3174
  };
2939
3175
 
2940
- var _templateObject$q;
2941
- var rootClassName$n = 'dot-card-footer';
2942
- var StyledDiv = styled.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
3176
+ var _templateObject$r;
3177
+ var rootClassName$o = 'dot-card-footer';
3178
+ var StyledDiv = styled.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
2943
3179
  var theme = _ref.theme;
2944
- return css(["&.", "{padding:", "px;}"], rootClassName$n, theme.spacing(2));
3180
+ return css(["&.", "{padding:", "px;}"], rootClassName$o, theme.spacing(2));
2945
3181
  });
2946
3182
 
2947
3183
  var DotCardFooter = function DotCardFooter(_ref) {
@@ -2949,7 +3185,7 @@ var DotCardFooter = function DotCardFooter(_ref) {
2949
3185
  children = _ref.children,
2950
3186
  className = _ref.className,
2951
3187
  dataTestId = _ref['data-testid'];
2952
- var rootClasses = useStylesWithRootClass(rootClassName$n, className);
3188
+ var rootClasses = useStylesWithRootClass(rootClassName$o, className);
2953
3189
  return /*#__PURE__*/React__default.createElement(StyledDiv, {
2954
3190
  "aria-label": ariaLabel,
2955
3191
  className: rootClasses,
@@ -2993,15 +3229,15 @@ var DotCardHeader = function DotCardHeader(_ref) {
2993
3229
  });
2994
3230
  };
2995
3231
 
2996
- var _templateObject$p;
2997
- var rootClassName$m = 'dot-form-control-label';
2998
- var StyledFormControlLabel = styled(FormControlLabel)(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n &.", " {\n .MuiFormControlLabel-label {\n margin-bottom: 0;\n padding: 0 0 0 4px;\n }\n &.MuiFormControlLabel-labelPlacementBottom {\n .MuiFormControlLabel-label {\n padding: 4px 0 0 0;\n }\n }\n &.MuiFormControlLabel-labelPlacementTop {\n .MuiFormControlLabel-label {\n padding: 0 0 4px 0;\n }\n }\n &.MuiFormControlLabel-labelPlacementStart {\n .MuiFormControlLabel-label {\n padding: 0 4px 0;\n }\n }\n }\n"])), rootClassName$m);
3232
+ var _templateObject$q;
3233
+ var rootClassName$n = 'dot-form-control-label';
3234
+ var StyledFormControlLabel = styled(FormControlLabel)(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n &.", " {\n .MuiFormControlLabel-label {\n margin-bottom: 0;\n padding: 0 0 0 4px;\n }\n &.MuiFormControlLabel-labelPlacementBottom {\n .MuiFormControlLabel-label {\n padding: 4px 0 0 0;\n }\n }\n &.MuiFormControlLabel-labelPlacementTop {\n .MuiFormControlLabel-label {\n padding: 0 0 4px 0;\n }\n }\n &.MuiFormControlLabel-labelPlacementStart {\n .MuiFormControlLabel-label {\n padding: 0 4px 0;\n }\n }\n }\n"])), rootClassName$n);
2999
3235
 
3000
- var _templateObject$o;
3001
- var rootClassName$l = 'dot-checkbox';
3002
- var StyledCheckbox = styled(Checkbox)(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
3236
+ var _templateObject$p;
3237
+ var rootClassName$m = 'dot-checkbox';
3238
+ var StyledCheckbox = styled(Checkbox)(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
3003
3239
  var theme = _ref.theme;
3004
- return css(["&.", "{padding:", "px;}"], rootClassName$l, theme.spacing(1));
3240
+ return css(["&.", "{padding:", "px;}"], rootClassName$m, theme.spacing(1));
3005
3241
  });
3006
3242
 
3007
3243
  function DotCheckbox(_ref) {
@@ -3023,7 +3259,7 @@ function DotCheckbox(_ref) {
3023
3259
  _ref$size = _ref.size,
3024
3260
  size = _ref$size === void 0 ? 'medium' : _ref$size,
3025
3261
  value = _ref.value;
3026
- var rootClasses = useStylesWithRootClass(rootClassName$m, className);
3262
+ var rootClasses = useStylesWithRootClass(rootClassName$n, className);
3027
3263
 
3028
3264
  var handleChange = function handleChange(event) {
3029
3265
  onChange && onChange(event, event.target.value);
@@ -3031,16 +3267,15 @@ function DotCheckbox(_ref) {
3031
3267
 
3032
3268
  return /*#__PURE__*/React__default.createElement(StyledFormControlLabel, {
3033
3269
  className: rootClasses,
3034
- labelPlacement: labelPlacement,
3035
3270
  control: /*#__PURE__*/React__default.createElement(StyledCheckbox, {
3271
+ checked: checked,
3036
3272
  classes: {
3037
- root: rootClassName$l
3273
+ root: rootClassName$m
3038
3274
  },
3039
- checked: checked,
3040
3275
  color: "primary",
3041
3276
  "data-testid": dataTestId,
3042
- disabled: disabled,
3043
3277
  disableRipple: disableRipple,
3278
+ disabled: disabled,
3044
3279
  id: id,
3045
3280
  indeterminate: indeterminate,
3046
3281
  inputProps: {
@@ -3054,34 +3289,35 @@ function DotCheckbox(_ref) {
3054
3289
  size: size,
3055
3290
  value: value
3056
3291
  }),
3057
- label: label
3292
+ label: label,
3293
+ labelPlacement: labelPlacement
3058
3294
  });
3059
3295
  }
3060
3296
 
3061
- var _templateObject$n;
3062
- var rootClassName$k = 'dot-form-group';
3297
+ var _templateObject$o;
3298
+ var rootClassName$l = 'dot-form-group';
3063
3299
  var groupLabelClassName = 'dot-form-group-label';
3064
3300
  var startAdornmentClassName = 'dot-start-adornment';
3065
3301
  var endAdornmentClassName = 'dot-end-adornment';
3066
3302
  var placementClassName = 'dot-';
3067
- var StyledFormControl = styled(FormControl)(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n &.", " {\n .MuiFormLabel-root {\n width: 100%;\n line-height: 24px;\n margin-bottom: 4px;\n display: flex;\n align-items: center;\n .", " {\n padding-left: 4px;\n }\n .", " {\n padding-right: 4px;\n }\n }\n &.", " {\n .MuiFormHelperText-root,\n .MuiFormLabel-root {\n display: flex;\n flex-direction: row-reverse;\n }\n }\n &.", " {\n .MuiFormHelperText-root,\n .MuiFormLabel-root {\n display: flex;\n justify-content: center;\n }\n }\n }\n"])), rootClassName$k, endAdornmentClassName, startAdornmentClassName, placementClassName + "start", placementClassName + "bottom");
3303
+ var StyledFormControl = styled(FormControl)(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n &.", " {\n .MuiFormLabel-root {\n width: 100%;\n line-height: 24px;\n margin-bottom: 4px;\n display: flex;\n align-items: center;\n .", " {\n padding-left: 4px;\n }\n .", " {\n padding-right: 4px;\n }\n }\n &.", " {\n .MuiFormHelperText-root,\n .MuiFormLabel-root {\n display: flex;\n flex-direction: row-reverse;\n }\n }\n &.", " {\n .MuiFormHelperText-root,\n .MuiFormLabel-root {\n display: flex;\n justify-content: center;\n }\n }\n }\n"])), rootClassName$l, endAdornmentClassName, startAdornmentClassName, placementClassName + "start", placementClassName + "bottom");
3068
3304
 
3069
- var _templateObject$m;
3070
- var rootClassName$j = 'dot-checkbox-group';
3305
+ var _templateObject$n;
3306
+ var rootClassName$k = 'dot-checkbox-group';
3071
3307
  var wrapperClassName$1 = 'dot-checkbox-group-wrapper';
3072
3308
  var checkboxListClassName = 'dot-checkbox-list';
3073
3309
  var checkboxListItemClassName = 'dot-checkbox-list-item';
3074
- var StyledCheckboxGroup = styled.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
3310
+ var StyledCheckboxGroup = styled.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
3075
3311
  var theme = _ref.theme;
3076
- return css(["{&.", "{.", "{width:100%;}.MuiFormLabel-root{display:inline;width:100%;}.", "{list-style:none;margin-top:0;padding-left:", "px;.", "{margin:0;}}}"], wrapperClassName$1, rootClassName$j, checkboxListClassName, theme.spacing(2.5), rootClassName$m);
3312
+ return css(["{&.", "{.", "{width:100%;}.MuiFormLabel-root{display:inline;width:100%;}.", "{list-style:none;margin-top:0;padding-left:", "px;.", "{margin:0;}}}"], wrapperClassName$1, rootClassName$k, checkboxListClassName, theme.spacing(2.5), rootClassName$n);
3077
3313
  });
3078
3314
 
3079
- var _templateObject$l;
3080
- var rootClassName$i = 'dot-form-group';
3081
- var StyledFormGroup = styled(FormGroup)(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
3315
+ var _templateObject$m;
3316
+ var rootClassName$j = 'dot-form-group';
3317
+ var StyledFormGroup = styled(FormGroup)(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
3082
3318
  var theme = _ref.theme,
3083
3319
  row = _ref.row;
3084
- return css(["&.", "{& > *{margin:", ";}}"], rootClassName$i, row ? theme.spacing(0.5) + "px" : 0);
3320
+ return css(["&.", "{& > *{margin:", ";}}"], rootClassName$j, row ? theme.spacing(0.5) + "px" : 0);
3085
3321
  });
3086
3322
 
3087
3323
  function DotFormGroup(_ref) {
@@ -3090,13 +3326,13 @@ function DotFormGroup(_ref) {
3090
3326
  children = _ref.children,
3091
3327
  dataTestId = _ref['data-testid'],
3092
3328
  row = _ref.row;
3093
- var rootClasses = useStylesWithRootClass(rootClassName$k, className);
3329
+ var rootClasses = useStylesWithRootClass(rootClassName$l, className);
3094
3330
  return /*#__PURE__*/React__default.createElement(StyledFormGroup, {
3095
3331
  "aria-label": ariaLabel,
3096
- "data-testid": dataTestId,
3097
3332
  classes: {
3098
3333
  root: rootClasses
3099
3334
  },
3335
+ "data-testid": dataTestId,
3100
3336
  role: "group",
3101
3337
  row: row
3102
3338
  }, children);
@@ -3133,7 +3369,7 @@ function DotCheckboxGroup(_ref) {
3133
3369
  _ref$size = _ref.size,
3134
3370
  size = _ref$size === void 0 ? 'medium' : _ref$size;
3135
3371
  var placement = "" + placementClassName + labelPlacement;
3136
- var rootClasses = useStylesWithRootClass(rootClassName$k, rootClassName$j, className, placement);
3372
+ var rootClasses = useStylesWithRootClass(rootClassName$l, rootClassName$k, className, placement);
3137
3373
 
3138
3374
  var _useState = useState(defaultValues),
3139
3375
  selectedOptions = _useState[0],
@@ -3174,15 +3410,15 @@ function DotCheckboxGroup(_ref) {
3174
3410
  disabled = _ref2.disabled,
3175
3411
  value = _ref2.value;
3176
3412
  return /*#__PURE__*/React__default.createElement(DotCheckbox, {
3177
- className: checkboxListItemClassName,
3178
3413
  checked: selectedOptions.some(function (option) {
3179
3414
  return option && option.value === value;
3180
3415
  }) || allChecked,
3416
+ className: checkboxListItemClassName,
3181
3417
  disabled: disabled || disableGroup,
3182
- name: name,
3183
3418
  key: value,
3184
3419
  label: label,
3185
3420
  labelPlacement: labelPlacement,
3421
+ name: name,
3186
3422
  onChange: function onChange(event) {
3187
3423
  return handleChange(event, {
3188
3424
  label: label,
@@ -3195,15 +3431,15 @@ function DotCheckboxGroup(_ref) {
3195
3431
  }) : null;
3196
3432
  return /*#__PURE__*/React__default.createElement(StyledCheckboxGroup, {
3197
3433
  "aria-label": ariaLabel,
3198
- "data-testid": dataTestId,
3199
- className: wrapperClassName$1
3434
+ className: wrapperClassName$1,
3435
+ "data-testid": dataTestId
3200
3436
  }, /*#__PURE__*/React__default.createElement(StyledFormControl, {
3201
3437
  classes: {
3202
3438
  root: rootClasses
3203
3439
  },
3440
+ component: "fieldset",
3204
3441
  disabled: disableGroup,
3205
3442
  error: error,
3206
- component: "fieldset",
3207
3443
  required: required
3208
3444
  }, groupLabel && /*#__PURE__*/React__default.createElement(FormLabel, {
3209
3445
  component: "legend"
@@ -3216,8 +3452,8 @@ function DotCheckboxGroup(_ref) {
3216
3452
  }, endIcon)), showSelectAll && /*#__PURE__*/React__default.createElement(DotCheckbox, {
3217
3453
  checked: selectedOptions.length === options.length,
3218
3454
  indeterminate: selectedOptions.length > 0 && selectedOptions.length < options.length,
3219
- name: name ? name + "-select-all" : 'dot-select-all',
3220
3455
  label: selectAllLabel,
3456
+ name: name ? name + "-select-all" : 'dot-select-all',
3221
3457
  onChange: handleSelectAll,
3222
3458
  size: size,
3223
3459
  value: "select-all"
@@ -3227,11 +3463,11 @@ function DotCheckboxGroup(_ref) {
3227
3463
  }, renderOptions), helperText && /*#__PURE__*/React__default.createElement(FormHelperText, null, helperText)));
3228
3464
  }
3229
3465
 
3230
- var _templateObject$k;
3231
- var rootClassName$h = 'dot-dialog';
3232
- var StyledDialog = styled(Dialog)(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
3466
+ var _templateObject$l;
3467
+ var rootClassName$i = 'dot-dialog';
3468
+ var StyledDialog = styled(Dialog)(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
3233
3469
  var theme = _ref.theme;
3234
- return css(["&.", "{.MuiDialog-paper{background-color:", ";min-width:280px;max-height:80vh;max-width:80vw;}.MuiDialogTitle-root{align-items:center;display:flex;flex-wrap:nowrap;padding:", ";h2{flex-grow:1;}.dot-icon-button{margin-left:", "px;}}.dot-dialog-content{padding:", ";overflow-y:auto;}.dot-dialog-actions{padding:", ";.cancel-button{color:inherit;}}}"], rootClassName$h, theme.palette.product === 'agility' && theme.palette.layer.n50, theme.spacing(1, 2), theme.spacing(1), theme.spacing(1, 2), theme.spacing(2));
3470
+ return css(["&.", "{.MuiDialog-paper{background-color:", ";min-width:280px;max-height:80vh;max-width:80vw;}.MuiDialogTitle-root{align-items:center;display:flex;flex-wrap:nowrap;padding:", ";h2{flex-grow:1;}.dot-icon-button{margin-left:", "px;}}.dot-dialog-content{padding:", ";overflow-y:auto;}.dot-dialog-actions{padding:", ";.cancel-button{color:inherit;}}}"], rootClassName$i, theme.palette.product === 'agility' && theme.palette.layer.n50, theme.spacing(1, 2), theme.spacing(1), theme.spacing(1, 2), theme.spacing(2));
3235
3471
  });
3236
3472
 
3237
3473
  var DotDialog = function DotDialog(_ref) {
@@ -3250,7 +3486,7 @@ var DotDialog = function DotDialog(_ref) {
3250
3486
  open = _ref.open,
3251
3487
  submitButtonProps = _ref.submitButtonProps,
3252
3488
  title = _ref.title;
3253
- var rootClasses = useStylesWithRootClass(rootClassName$h, className);
3489
+ var rootClasses = useStylesWithRootClass(rootClassName$i, className);
3254
3490
  var cancelClasses = useStylesWithRootClass(cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, 'cancel-button');
3255
3491
 
3256
3492
  var _useState = useState(open),
@@ -3289,13 +3525,13 @@ var DotDialog = function DotDialog(_ref) {
3289
3525
 
3290
3526
  return /*#__PURE__*/React__default.createElement(StyledDialog, {
3291
3527
  "aria-label": ariaLabel,
3528
+ "aria-labelledby": "MuiDialogTitle-root",
3292
3529
  classes: {
3293
3530
  root: rootClasses
3294
3531
  },
3295
3532
  "data-testid": dataTestId,
3296
- open: isOpen,
3297
3533
  onClose: handleClickAway,
3298
- "aria-labelledby": "MuiDialogTitle-root"
3534
+ open: isOpen
3299
3535
  }, /*#__PURE__*/React__default.createElement(DialogTitle, {
3300
3536
  disableTypography: true
3301
3537
  }, /*#__PURE__*/React__default.createElement(DotTypography, {
@@ -3316,22 +3552,22 @@ var DotDialog = function DotDialog(_ref) {
3316
3552
  autoFocus: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.autoFocus,
3317
3553
  className: cancelClasses,
3318
3554
  "data-testid": cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps['data-testid'],
3319
- disabled: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.disabled,
3320
3555
  disableRipple: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.disableRipple,
3556
+ disabled: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.disabled,
3321
3557
  endIcon: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.endIcon,
3322
- startIcon: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.startIcon,
3323
3558
  onClick: handleCancel,
3559
+ startIcon: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.startIcon,
3324
3560
  titleTooltip: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.tooltip,
3325
3561
  type: "text"
3326
3562
  }, (cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.label) || 'Cancel'), hasPrimaryAction && /*#__PURE__*/React__default.createElement(DotButton, {
3327
3563
  autoFocus: submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.autoFocus,
3328
3564
  className: submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.className,
3329
3565
  "data-testid": submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps['data-testid'],
3330
- disabled: submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.disabled,
3331
3566
  disableRipple: submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.disableRipple,
3567
+ disabled: submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.disabled,
3332
3568
  endIcon: submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.endIcon,
3333
- startIcon: submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.startIcon,
3334
3569
  onClick: handleSubmit,
3570
+ startIcon: submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.startIcon,
3335
3571
  titleTooltip: submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.tooltip,
3336
3572
  type: (submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.type) || 'primary'
3337
3573
  }, (submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.label) || 'OK')));
@@ -3369,8 +3605,8 @@ var DotConfirmationDialog = function DotConfirmationDialog(_ref) {
3369
3605
  }, message);
3370
3606
  };
3371
3607
 
3372
- var _templateObject$j;
3373
- var rootClassName$g = 'dot-grid';
3608
+ var _templateObject$k;
3609
+ var rootClassName$h = 'dot-grid';
3374
3610
 
3375
3611
  var frGetter = function frGetter(value) {
3376
3612
  return typeof value === 'number' ? "repeat(" + value + ", 1fr)" : value;
@@ -3397,12 +3633,12 @@ var defaultColumns = {
3397
3633
  var Grid = function Grid(_ref) {
3398
3634
  var className = _ref.className,
3399
3635
  children = _ref.children;
3400
- var rootClasses = useStylesWithRootClass(rootClassName$g, className);
3636
+ var rootClasses = useStylesWithRootClass(rootClassName$h, className);
3401
3637
  return /*#__PURE__*/React__default.createElement("div", {
3402
3638
  className: rootClasses
3403
3639
  }, children);
3404
3640
  };
3405
- var StyledGrid = styled(Grid)(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref2) {
3641
+ var StyledGrid = styled(Grid)(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref2) {
3406
3642
  var columns = _ref2.columns,
3407
3643
  _ref2$columnsBreakpoi = _ref2.columnsBreakpoints,
3408
3644
  columnsBreakpoints = _ref2$columnsBreakpoi === void 0 ? Object.assign({}, defaultColumns) : _ref2$columnsBreakpoi,
@@ -3416,13 +3652,13 @@ var StyledGrid = styled(Grid)(_templateObject$j || (_templateObject$j = _taggedT
3416
3652
  rows = _ref2.rows,
3417
3653
  theme = _ref2.theme,
3418
3654
  width = _ref2.width;
3419
- return css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$g, frGetter(rows), columns ? (columns && "grid-template-columns: " + frGetter(columns)) + ";" : breakpointsGetter$1(theme, columnsBreakpoints, columnGap, rowGap), gridTemplateAreas && "grid-template-areas: " + gridTemplateAreas + ";", gap && "grid-gap: " + gap + ";", width && "width: " + width + ";", height && "height: " + height + ";");
3655
+ return css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$h, frGetter(rows), columns ? (columns && "grid-template-columns: " + frGetter(columns)) + ";" : breakpointsGetter$1(theme, columnsBreakpoints, columnGap, rowGap), gridTemplateAreas && "grid-template-areas: " + gridTemplateAreas + ";", gap && "grid-gap: " + gap + ";", width && "width: " + width + ";", height && "height: " + height + ";");
3420
3656
  });
3421
3657
  var CssGrid = function CssGrid(props) {
3422
3658
  return /*#__PURE__*/React__default.createElement(StyledGrid, Object.assign({}, props));
3423
3659
  };
3424
3660
 
3425
- var _templateObject$i;
3661
+ var _templateObject$j;
3426
3662
 
3427
3663
  var breakpointsGetter = function breakpointsGetter(value, theme, breakpoint) {
3428
3664
  return "\n " + theme.breakpoints.up(breakpoint) + " {\n " + ("grid-column-start: " + (value.start ? value.start : 1)) + ";\n grid-column-end: " + ("span " + (value.span ? value.span : defaultColumns[breakpoint])) + ";\n }\n ";
@@ -3435,7 +3671,7 @@ var Cell = function Cell(_ref) {
3435
3671
  className: className
3436
3672
  }, children);
3437
3673
  };
3438
- var CssCell = styled(Cell)(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref2) {
3674
+ var CssCell = styled(Cell)(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref2) {
3439
3675
  var _ref2$alignItems = _ref2.alignItems,
3440
3676
  alignItems = _ref2$alignItems === void 0 ? 'stretch' : _ref2$alignItems,
3441
3677
  area = _ref2.area,
@@ -3459,14 +3695,14 @@ var CssCell = styled(Cell)(_templateObject$i || (_templateObject$i = _taggedTemp
3459
3695
  return css(["height:", ";min-width:0;box-sizing:border-box;", ";", ";", ";", ";grid-row-end:", ";", ";", ";", " ", " ", " ", " ", " ", " grid-column:", ";}"], height ? height : '100%', top && "grid-row-start: " + top, center && "text-align: center", !start && "grid-column-start: " + start, !width && "grid-column-end: span " + width, height && "span " + height, area && "grid-area: " + area, middle && "\n display: inline-flex;\n flex-flow: column wrap;\n justify-content: " + justifyContent + ";\n align-items: " + alignItems + ";\n justify-self: stretch;\n ", xs && breakpointsGetter(xs, theme, 'xs'), sm && breakpointsGetter(sm, theme, 'sm'), md && breakpointsGetter(md, theme, 'md'), lg && breakpointsGetter(lg, theme, 'lg'), lg && breakpointsGetter(lg, theme, 'lg'), xl && breakpointsGetter(lg, theme, 'xl'), gridColumn);
3460
3696
  });
3461
3697
 
3462
- var _templateObject$h, _templateObject2$3, _templateObject3$1;
3698
+ var _templateObject$i, _templateObject2$4, _templateObject3$1;
3463
3699
  var gridClassName = 'debug-grid';
3464
3700
  var gridClassContainer = 'debug-grid-container';
3465
3701
  var cellClassName = 'debug-cell';
3466
- var StyledGridOverlay = styled(CssGrid)(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n ", "\n"])), function () {
3702
+ var StyledGridOverlay = styled(CssGrid)(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n ", "\n"])), function () {
3467
3703
  return css(["&.", "{position:absolute;z-index:", ";width:100%;.", "{background:rgba(255,192,203,0.4);height:100vh;}}"], gridClassName, levelBottom, cellClassName);
3468
3704
  });
3469
- var StyledInfo = styled.div(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["\n &.breakpoint-info {\n border-radius: 4px 0 0 4px;\n padding: 8px;\n position: fixed;\n background: rgba(255, 255, 255, 0.8);\n right: -1px;\n bottom: 10px;\n box-shadow: 2px 2px 2px #9c9c9c;\n font-family: sans-serif;\n font-size: 11px;\n width: 100px;\n border: 1px solid red;\n ul {\n list-style: none;\n padding-left: 4px;\n margin: 0;\n }\n .list {\n padding-top: 4px;\n }\n .header {\n font-weight: bold;\n }\n .message {\n padding-top: 8px;\n color: red;\n }\n }\n"])));
3705
+ var StyledInfo = styled.div(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n &.breakpoint-info {\n border-radius: 4px 0 0 4px;\n padding: 8px;\n position: fixed;\n background: rgba(255, 255, 255, 0.8);\n right: -1px;\n bottom: 10px;\n box-shadow: 2px 2px 2px #9c9c9c;\n font-family: sans-serif;\n font-size: 11px;\n width: 100px;\n border: 1px solid red;\n ul {\n list-style: none;\n padding-left: 4px;\n margin: 0;\n }\n .list {\n padding-top: 4px;\n }\n .header {\n font-weight: bold;\n }\n .message {\n padding-top: 8px;\n color: red;\n }\n }\n"])));
3470
3706
  var StyledDivContainer = styled.div(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteralLoose(["\n &.", " {\n position: relative;\n }\n"])), gridClassContainer);
3471
3707
  var CssGridDebug = function CssGridDebug(_ref) {
3472
3708
  var _ref$showInfo = _ref.showInfo,
@@ -3541,21 +3777,21 @@ var CssGridDebug = function CssGridDebug(_ref) {
3541
3777
  }))), /*#__PURE__*/React__default.createElement("div", {
3542
3778
  className: "message"
3543
3779
  }, "NOT FOR PRODUCTION")), /*#__PURE__*/React__default.createElement(StyledGridOverlay, {
3544
- rows: "minmax(100vh, 100%)",
3545
- className: gridClassName
3780
+ className: gridClassName,
3781
+ rows: "minmax(100vh, 100%)"
3546
3782
  }, [].concat(Array(columns)).map(function (item, i) {
3547
3783
  return /*#__PURE__*/React__default.createElement(CssCell, {
3548
- start: i + 1,
3549
3784
  className: "" + cellClassName,
3550
3785
  key: i,
3786
+ start: i + 1,
3551
3787
  width: 1
3552
3788
  });
3553
3789
  })));
3554
3790
  };
3555
3791
 
3556
- var _templateObject$g;
3557
- var rootClassName$f = 'dot-empty-state';
3558
- var StyledEmptyState = styled.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
3792
+ var _templateObject$h;
3793
+ var rootClassName$g = 'dot-empty-state';
3794
+ var StyledEmptyState = styled.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
3559
3795
  var theme = _ref.theme;
3560
3796
  return css(["&.dot-empty-state{margin:0 auto;max-width:600px;text-align:center;.empty-state-image{min-height:239px;margin-bottom:", "px;}h2{margin-bottom:", "px;}.dot-button{margin-top:", "px;}}"], theme.spacing(5), theme.spacing(1), theme.spacing(4));
3561
3797
  });
@@ -3569,16 +3805,16 @@ var DotEmptyState = function DotEmptyState(_ref) {
3569
3805
  imageSrc = _ref.imageSrc,
3570
3806
  subtitle = _ref.subtitle,
3571
3807
  title = _ref.title;
3572
- var rootClasses = useStylesWithRootClass(rootClassName$f, className);
3808
+ var rootClasses = useStylesWithRootClass(rootClassName$g, className);
3573
3809
  return /*#__PURE__*/React__default.createElement(StyledEmptyState, {
3574
3810
  "aria-label": ariaLabel,
3575
3811
  className: rootClasses,
3576
3812
  "data-testid": dataTestId
3577
3813
  }, imageSrc && /*#__PURE__*/React__default.createElement("img", {
3578
- className: "empty-state-image",
3579
- title: imageAltText || title,
3580
3814
  alt: imageAltText || title,
3581
- src: imageSrc
3815
+ className: "empty-state-image",
3816
+ src: imageSrc,
3817
+ title: imageAltText || title
3582
3818
  }), /*#__PURE__*/React__default.createElement(DotTypography, {
3583
3819
  variant: "h2"
3584
3820
  }, title), subtitle && /*#__PURE__*/React__default.createElement(DotTypography, {
@@ -3586,20 +3822,20 @@ var DotEmptyState = function DotEmptyState(_ref) {
3586
3822
  }, subtitle), buttonProps && /*#__PURE__*/React__default.createElement(DotButton, Object.assign({}, buttonProps)));
3587
3823
  };
3588
3824
 
3589
- var _templateObject$f, _templateObject2$2;
3825
+ var _templateObject$g, _templateObject2$3;
3590
3826
  var wrapperClassName = 'dot-radio-group-wrapper';
3591
3827
  var groupClassName = 'dot-radio-group';
3592
- var StyledRadioGroupWrapper = styled.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose(["\n &.", " {\n .MuiFormControl-root {\n width: 100%;\n }\n\n .MuiFormLabel-root {\n display: inline;\n width: 100%;\n }\n }\n"])), wrapperClassName);
3593
- var StyledRadioGroup = styled(RadioGroup)(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
3828
+ var StyledRadioGroupWrapper = styled.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n &.", " {\n .MuiFormControl-root {\n width: 100%;\n }\n\n .MuiFormLabel-root {\n display: inline;\n width: 100%;\n }\n }\n"])), wrapperClassName);
3829
+ var StyledRadioGroup = styled(RadioGroup)(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
3594
3830
  var theme = _ref.theme;
3595
- return css(["{&.", "{padding-left:", "px;.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$m);
3831
+ return css(["{&.", "{padding-left:", "px;.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$n);
3596
3832
  });
3597
3833
 
3598
- var _templateObject$e;
3599
- var rootClassName$e = 'dot-form';
3600
- var StyledFormContainer = styled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
3834
+ var _templateObject$f;
3835
+ var rootClassName$f = 'dot-form';
3836
+ var StyledFormContainer = styled.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
3601
3837
  var theme = _ref.theme;
3602
- return css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$e, theme.spacing(3, 0), rootClassName$k, rootClassName$m, rootClassName$s, rootSelectClassName, theme.spacing(1, 0), rootClassName$j, groupClassName, rootClassName$m);
3838
+ return css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$f, theme.spacing(3, 0), rootClassName$l, rootClassName$n, rootClassName$t, rootSelectClassName, theme.spacing(1, 0), rootClassName$k, groupClassName, rootClassName$n);
3603
3839
  });
3604
3840
 
3605
3841
  var DotForm = function DotForm(_ref) {
@@ -3608,7 +3844,7 @@ var DotForm = function DotForm(_ref) {
3608
3844
  className = _ref.className,
3609
3845
  dataTestId = _ref['data-testid'],
3610
3846
  onSubmit = _ref.onSubmit;
3611
- var rootClasses = useStylesWithRootClass(rootClassName$e, className);
3847
+ var rootClasses = useStylesWithRootClass(rootClassName$f, className);
3612
3848
  return /*#__PURE__*/React__default.createElement("form", {
3613
3849
  "aria-label": ariaLabel,
3614
3850
  "data-testid": dataTestId,
@@ -3619,10 +3855,10 @@ var DotForm = function DotForm(_ref) {
3619
3855
  }, children));
3620
3856
  };
3621
3857
 
3622
- var _templateObject$d;
3623
- var rootClassName$d = 'dot-dynamic-form';
3624
- var StyledDynamicForm = styled(DotForm)(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n ", "\n"])), function () {
3625
- return css(["&.", "{}"], rootClassName$d);
3858
+ var _templateObject$e;
3859
+ var rootClassName$e = 'dot-dynamic-form';
3860
+ var StyledDynamicForm = styled(DotForm)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n ", "\n"])), function () {
3861
+ return css(["&.", "{}"], rootClassName$e);
3626
3862
  });
3627
3863
 
3628
3864
  var DATA_CONTROLS = ['dot-autocomplete', 'dot-checkbox', 'dot-checkbox-group', 'dot-input-select', 'dot-input-text', 'dot-radio-group', 'dot-switch'];
@@ -3870,6 +4106,7 @@ var DotInputText = function DotInputText(_ref) {
3870
4106
  onBlur = _ref.onBlur,
3871
4107
  onChange = _ref.onChange,
3872
4108
  onFocus = _ref.onFocus,
4109
+ onKeyDown = _ref.onKeyDown,
3873
4110
  placeholder = _ref.placeholder,
3874
4111
  _ref$readOnly = _ref.readOnly,
3875
4112
  readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
@@ -3898,7 +4135,7 @@ var DotInputText = function DotInputText(_ref) {
3898
4135
  });
3899
4136
  };
3900
4137
 
3901
- var rootStyles = useStylesWithRootClass(rootClassName$s, className, hasWarning);
4138
+ var rootStyles = useStylesWithRootClass(rootClassName$t, className, hasWarning);
3902
4139
  var endAdornmentIcon = endIcon || error && renderIcon('error') || warning && renderIcon('warning'); // Used to control text value from the consumer component
3903
4140
  // when debounce feature is enabled
3904
4141
 
@@ -3935,7 +4172,16 @@ var DotInputText = function DotInputText(_ref) {
3935
4172
 
3936
4173
  var defaultInputValue = hasDebounce ? undefined : defaultValue;
3937
4174
  return /*#__PURE__*/React__default.createElement(StyledTextField, {
3938
- id: id,
4175
+ InputProps: {
4176
+ startAdornment: startIcon && /*#__PURE__*/React__default.createElement(StyledAdornment, {
4177
+ className: adornmentIconClassName + " start",
4178
+ position: "start"
4179
+ }, startIcon),
4180
+ endAdornment: endAdornmentIcon && /*#__PURE__*/React__default.createElement(StyledAdornment, {
4181
+ className: adornmentIconClassName + " end",
4182
+ position: "end"
4183
+ }, endAdornmentIcon)
4184
+ },
3939
4185
  "aria-label": name,
3940
4186
  autoComplete: "off",
3941
4187
  autoFocus: autoFocus,
@@ -3947,21 +4193,12 @@ var DotInputText = function DotInputText(_ref) {
3947
4193
  error: error,
3948
4194
  fullWidth: fullWidth,
3949
4195
  helperText: helperText,
4196
+ id: id,
3950
4197
  inputProps: {
3951
4198
  'data-testid': dataTestId,
3952
4199
  className: 'dot-input',
3953
4200
  readOnly: readOnly
3954
4201
  },
3955
- InputProps: {
3956
- startAdornment: startIcon && /*#__PURE__*/React__default.createElement(StyledAdornment, {
3957
- className: adornmentIconClassName + " start",
3958
- position: "start"
3959
- }, startIcon),
3960
- endAdornment: endAdornmentIcon && /*#__PURE__*/React__default.createElement(StyledAdornment, {
3961
- className: adornmentIconClassName + " end",
3962
- position: "end"
3963
- }, endAdornmentIcon)
3964
- },
3965
4202
  inputRef: inputRef,
3966
4203
  label: label,
3967
4204
  multiline: multiline,
@@ -3969,14 +4206,15 @@ var DotInputText = function DotInputText(_ref) {
3969
4206
  onBlur: onBlur,
3970
4207
  onChange: hasDebounce ? handleChange : onChange,
3971
4208
  onFocus: onFocus,
4209
+ onKeyDown: onKeyDown,
3972
4210
  placeholder: placeholder,
3973
4211
  required: required,
3974
4212
  rows: multiline ? rows : null,
3975
4213
  rowsMax: multiline ? rowsMax : null,
3976
4214
  size: size,
3977
4215
  type: type,
3978
- variant: "outlined",
3979
- value: inputTextValue
4216
+ value: inputTextValue,
4217
+ variant: "outlined"
3980
4218
  });
3981
4219
  };
3982
4220
 
@@ -4001,6 +4239,7 @@ var DotInputSelect = function DotInputSelect(_ref) {
4001
4239
  onBlur = _ref.onBlur,
4002
4240
  onChange = _ref.onChange,
4003
4241
  onFocus = _ref.onFocus,
4242
+ onKeyDown = _ref.onKeyDown,
4004
4243
  _ref$options = _ref.options,
4005
4244
  options = _ref$options === void 0 ? [] : _ref$options,
4006
4245
  required = _ref.required,
@@ -4013,11 +4252,23 @@ var DotInputSelect = function DotInputSelect(_ref) {
4013
4252
  var rootStyles = useStylesWithRootClass(rootSelectClassName, className);
4014
4253
  var hasWarning = !error && warning && warningClassName;
4015
4254
  return /*#__PURE__*/React__default.createElement(StyledTextField, {
4255
+ InputProps: {
4256
+ startAdornment: startIcon && /*#__PURE__*/React__default.createElement(StyledAdornment, {
4257
+ className: adornmentIconClassName + " start",
4258
+ position: "start"
4259
+ }, startIcon),
4260
+ endAdornment: endIcon && /*#__PURE__*/React__default.createElement(StyledAdornment, {
4261
+ className: adornmentIconClassName + " end",
4262
+ position: "end"
4263
+ }, endIcon)
4264
+ },
4265
+ SelectProps: {
4266
+ "native": true
4267
+ },
4016
4268
  autoFocus: autoFocus,
4017
4269
  className: rootStyles + " " + hasWarning,
4018
4270
  defaultValue: defaultValue,
4019
4271
  disabled: disabled,
4020
- value: value,
4021
4272
  error: error,
4022
4273
  fullWidth: fullWidth,
4023
4274
  helperText: helperText,
@@ -4027,16 +4278,6 @@ var DotInputSelect = function DotInputSelect(_ref) {
4027
4278
  'data-testid': dataTestId,
4028
4279
  className: 'dot-select'
4029
4280
  },
4030
- InputProps: {
4031
- startAdornment: startIcon && /*#__PURE__*/React__default.createElement(StyledAdornment, {
4032
- className: adornmentIconClassName + " start",
4033
- position: "start"
4034
- }, startIcon),
4035
- endAdornment: endIcon && /*#__PURE__*/React__default.createElement(StyledAdornment, {
4036
- className: adornmentIconClassName + " end",
4037
- position: "end"
4038
- }, endIcon)
4039
- },
4040
4281
  inputRef: inputRef,
4041
4282
  label: label,
4042
4283
  multiline: false,
@@ -4044,12 +4285,11 @@ var DotInputSelect = function DotInputSelect(_ref) {
4044
4285
  onBlur: onBlur,
4045
4286
  onChange: onChange,
4046
4287
  onFocus: onFocus,
4288
+ onKeyDown: onKeyDown,
4047
4289
  required: required,
4048
4290
  select: true,
4049
- SelectProps: {
4050
- "native": true
4051
- },
4052
4291
  size: size,
4292
+ value: value,
4053
4293
  variant: "outlined"
4054
4294
  }, options.map(function (option) {
4055
4295
  return /*#__PURE__*/React__default.createElement("option", {
@@ -4060,11 +4300,11 @@ var DotInputSelect = function DotInputSelect(_ref) {
4060
4300
  }));
4061
4301
  };
4062
4302
 
4063
- var _templateObject$c;
4064
- var rootClassName$c = 'dot-progress-button';
4065
- var StyledProgressButton = styled(DotButton)(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
4303
+ var _templateObject$d;
4304
+ var rootClassName$d = 'dot-progress-button';
4305
+ var StyledProgressButton = styled(DotButton)(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
4066
4306
  var theme = _ref.theme;
4067
- return css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$c, theme.palette.layer.n300);
4307
+ return css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$d, theme.palette.layer.n300);
4068
4308
  });
4069
4309
 
4070
4310
  var SPINNER_DEFAULT_SIZE = 20;
@@ -4090,7 +4330,7 @@ var DotProgressButton = function DotProgressButton(_ref) {
4090
4330
  tooltip = _ref.tooltip,
4091
4331
  _ref$type = _ref.type,
4092
4332
  type = _ref$type === void 0 ? 'primary' : _ref$type;
4093
- var rootClasses = useStylesWithRootClass(rootClassName$c, className);
4333
+ var rootClasses = useStylesWithRootClass(rootClassName$d, className);
4094
4334
  var isButtonDisabled = disabled || isLoading;
4095
4335
  var titleClasses = useStylesWithRootClass(isLoading ? 'hidden' : '');
4096
4336
  var progressCircleSize = size === 'large' ? SPINNER_LARGE_SIZE : SPINNER_DEFAULT_SIZE;
@@ -4114,11 +4354,11 @@ var DotProgressButton = function DotProgressButton(_ref) {
4114
4354
  }));
4115
4355
  };
4116
4356
 
4117
- var _templateObject$b;
4118
- var rootClassName$b = 'dot-radio';
4119
- var StyledRadioButton = styled(Radio)(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
4357
+ var _templateObject$c;
4358
+ var rootClassName$c = 'dot-radio';
4359
+ var StyledRadioButton = styled(Radio)(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
4120
4360
  _ref.theme;
4121
- return css(["{&.", "{padding:8px;}"], rootClassName$b);
4361
+ return css(["{&.", "{padding:8px;}"], rootClassName$c);
4122
4362
  });
4123
4363
 
4124
4364
  function DotRadioButton(_ref) {
@@ -4138,7 +4378,7 @@ function DotRadioButton(_ref) {
4138
4378
  _ref$size = _ref.size,
4139
4379
  size = _ref$size === void 0 ? 'medium' : _ref$size,
4140
4380
  value = _ref.value;
4141
- var rootClasses = useStylesWithRootClass(rootClassName$m, className);
4381
+ var rootClasses = useStylesWithRootClass(rootClassName$n, className);
4142
4382
 
4143
4383
  var handleChange = function handleChange(event) {
4144
4384
  onChange && onChange(event, event.target.value);
@@ -4146,14 +4386,12 @@ function DotRadioButton(_ref) {
4146
4386
 
4147
4387
  return /*#__PURE__*/React__default.createElement(StyledFormControlLabel, {
4148
4388
  className: rootClasses,
4149
- labelPlacement: labelPlacement,
4150
- value: value,
4151
4389
  control: /*#__PURE__*/React__default.createElement(StyledRadioButton, {
4152
4390
  "aria-label": ariaLabel,
4391
+ checked: checked,
4153
4392
  classes: {
4154
- root: rootClassName$b
4393
+ root: rootClassName$c
4155
4394
  },
4156
- checked: checked,
4157
4395
  color: "primary",
4158
4396
  "data-testid": dataTestId,
4159
4397
  disabled: disabled,
@@ -4164,7 +4402,9 @@ function DotRadioButton(_ref) {
4164
4402
  required: required,
4165
4403
  size: size
4166
4404
  }),
4167
- label: label
4405
+ label: label,
4406
+ labelPlacement: labelPlacement,
4407
+ value: value
4168
4408
  });
4169
4409
  }
4170
4410
 
@@ -4190,7 +4430,7 @@ var DotRadioGroup = function DotRadioGroup(_ref) {
4190
4430
  _ref$size = _ref.size,
4191
4431
  size = _ref$size === void 0 ? 'medium' : _ref$size;
4192
4432
  var placement = "" + placementClassName + labelPlacement;
4193
- var rootClasses = useStylesWithRootClass(rootClassName$k, className, placement);
4433
+ var rootClasses = useStylesWithRootClass(rootClassName$l, className, placement);
4194
4434
  var radioValue = value || defaultValue;
4195
4435
 
4196
4436
  var _useState = useState(radioValue),
@@ -4213,9 +4453,9 @@ var DotRadioGroup = function DotRadioGroup(_ref) {
4213
4453
  value = _ref2.value,
4214
4454
  disabled = _ref2.disabled;
4215
4455
  return /*#__PURE__*/React__default.createElement(DotRadioButton, {
4216
- key: value,
4217
4456
  checked: selectedValue === value,
4218
4457
  disabled: disabled || disableGroup,
4458
+ key: value,
4219
4459
  label: label,
4220
4460
  labelPlacement: labelPlacement,
4221
4461
  size: size,
@@ -4228,8 +4468,8 @@ var DotRadioGroup = function DotRadioGroup(_ref) {
4228
4468
  classes: {
4229
4469
  root: rootClasses
4230
4470
  },
4231
- error: error,
4232
4471
  component: "fieldset",
4472
+ error: error,
4233
4473
  required: required
4234
4474
  }, groupLabel && /*#__PURE__*/React__default.createElement(FormLabel, {
4235
4475
  component: "legend"
@@ -4251,9 +4491,9 @@ var DotRadioGroup = function DotRadioGroup(_ref) {
4251
4491
  }, renderOptions), helperText && /*#__PURE__*/React__default.createElement(FormHelperText, null, helperText)));
4252
4492
  };
4253
4493
 
4254
- var _templateObject$a;
4255
- var rootClassName$a = 'dot-switch';
4256
- var StyledSwitch = styled(Switch)(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
4494
+ var _templateObject$b;
4495
+ var rootClassName$b = 'dot-switch';
4496
+ var StyledSwitch = styled(Switch)(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
4257
4497
  var theme = _ref.theme;
4258
4498
  return css(["{&.dot-switch{span.Mui-disabled{color:", ";}.MuiSwitch-switchBase:not(.Mui-checked):not(.Mui-disabled){color:", ";}}"], theme.palette.grey[200], theme.palette.background["default"]);
4259
4499
  });
@@ -4275,32 +4515,32 @@ var DotSwitch = function DotSwitch(_ref) {
4275
4515
  onChange = _ref.onChange,
4276
4516
  _ref$size = _ref.size,
4277
4517
  size = _ref$size === void 0 ? 'medium' : _ref$size;
4278
- var rootClasses = useStylesWithRootClass(rootClassName$a, className);
4518
+ var rootClasses = useStylesWithRootClass(rootClassName$b, className);
4279
4519
 
4280
4520
  var handleChange = function handleChange(event) {
4281
4521
  onChange && onChange(event);
4282
4522
  };
4283
4523
 
4284
4524
  return /*#__PURE__*/React__default.createElement(StyledFormControlLabel, {
4285
- className: rootClassName$m,
4286
- labelPlacement: labelPlacement,
4525
+ className: rootClassName$n,
4287
4526
  control: /*#__PURE__*/React__default.createElement(StyledSwitch, {
4527
+ checked: checked,
4288
4528
  classes: {
4289
4529
  root: rootClasses
4290
4530
  },
4291
- checked: checked,
4292
4531
  color: color,
4293
4532
  "data-testid": dataTestId,
4294
4533
  disabled: disabled,
4295
4534
  id: id,
4296
- inputRef: inputRef,
4297
4535
  inputProps: {
4298
4536
  'aria-label': ariaLabel ? ariaLabel : label
4299
4537
  },
4538
+ inputRef: inputRef,
4300
4539
  onChange: handleChange,
4301
4540
  size: size
4302
4541
  }),
4303
- label: label
4542
+ label: label,
4543
+ labelPlacement: labelPlacement
4304
4544
  });
4305
4545
  };
4306
4546
 
@@ -4316,7 +4556,7 @@ var getInitialStateFromControl = function getInitialStateFromControl(_ref, liveV
4316
4556
  var formStateItem = Object.assign({}, INITIAL_STATE_ITEM);
4317
4557
  if (hidden) formStateItem.hidden = hidden;
4318
4558
 
4319
- if (initialValue) {
4559
+ if (initialValue !== null && initialValue !== undefined) {
4320
4560
  formStateItem.value = initialValue;
4321
4561
 
4322
4562
  if (liveValidation) {
@@ -4612,7 +4852,7 @@ var DotDynamicForm = function DotDynamicForm(_ref) {
4612
4852
  liveValidation = _ref$liveValidation === void 0 ? true : _ref$liveValidation,
4613
4853
  onChange = _ref.onChange,
4614
4854
  onSubmit = _ref.onSubmit;
4615
- var rootClasses = useStylesWithRootClass(rootClassName$d, className); // Memoize this operation so that is doesn't get executed each time this
4855
+ var rootClasses = useStylesWithRootClass(rootClassName$e, className); // Memoize this operation so that is doesn't get executed each time this
4616
4856
  // component re-renders
4617
4857
 
4618
4858
  var initialFormState = useMemo(function () {
@@ -4944,9 +5184,9 @@ function __awaiter(thisArg, _arguments, P, generator) {
4944
5184
  });
4945
5185
  }
4946
5186
 
4947
- var _templateObject$9;
4948
- var rootClassName$9 = 'dot-inline-edit';
4949
- var StyledInlineEdit = styled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
5187
+ var _templateObject$a;
5188
+ var rootClassName$a = 'dot-inline-edit';
5189
+ var StyledInlineEdit = styled.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
4950
5190
  var theme = _ref.theme;
4951
5191
  return css(["&.dot-inline-edit{color:", ";&:not(.disabled):not(.editing){&:hover,&:focus{.MuiInputAdornment-root{display:flex;}}}.MuiInputAdornment-root{display:none;}.editing-actions{display:flex;justify-content:flex-end;margin-top:", "px;.dot-icon-btn{background:", ";border:1px solid ", ";color:", ";margin-left:", "px;padding:", "px;&:hover{background:", ";}}}.inline-edit{&:hover,&:focus,&:active{cursor:pointer;}}.MuiOutlinedInput-adornedEnd{padding-right:0;margin-left:0;.dot-icon{height:auto;width:auto;}}}"], theme.palette.grey[700], theme.spacing(0.5), theme.palette.grey[0], theme.palette.grey[300], theme.palette.grey[700], theme.spacing(1), theme.spacing(0.25), theme.palette.grey[50]);
4952
5192
  });
@@ -4980,7 +5220,7 @@ var DotInlineEdit = function DotInlineEdit(_ref) {
4980
5220
  size = _ref$size === void 0 ? 'small' : _ref$size,
4981
5221
  _ref$value = _ref.value,
4982
5222
  value = _ref$value === void 0 ? '' : _ref$value;
4983
- var rootClasses = useStylesWithRootClass(rootClassName$9, className);
5223
+ var rootClasses = useStylesWithRootClass(rootClassName$a, className);
4984
5224
 
4985
5225
  var _useState = useState(false),
4986
5226
  editing = _useState[0],
@@ -5086,6 +5326,13 @@ var DotInlineEdit = function DotInlineEdit(_ref) {
5086
5326
  return onKeyPress(event);
5087
5327
  }
5088
5328
  }, /*#__PURE__*/React__default.createElement(TextField, {
5329
+ InputProps: {
5330
+ endAdornment: /*#__PURE__*/React__default.createElement(InputAdornment, {
5331
+ position: "end"
5332
+ }, /*#__PURE__*/React__default.createElement(DotIcon, {
5333
+ iconId: "edit"
5334
+ }))
5335
+ },
5089
5336
  "aria-label": name,
5090
5337
  autoComplete: "off",
5091
5338
  autoFocus: autoFocus,
@@ -5098,13 +5345,6 @@ var DotInlineEdit = function DotInlineEdit(_ref) {
5098
5345
  className: 'dot-input',
5099
5346
  readOnly: readOnly
5100
5347
  },
5101
- InputProps: {
5102
- endAdornment: /*#__PURE__*/React__default.createElement(InputAdornment, {
5103
- position: "end"
5104
- }, /*#__PURE__*/React__default.createElement(DotIcon, {
5105
- iconId: "edit"
5106
- }))
5107
- },
5108
5348
  multiline: false,
5109
5349
  name: name,
5110
5350
  onChange: function onChange(event) {
@@ -5132,12 +5372,12 @@ var DotInlineEdit = function DotInlineEdit(_ref) {
5132
5372
  })));
5133
5373
  };
5134
5374
 
5135
- var _templateObject$8;
5136
- var rootClassName$8 = 'dot-navigation-rail';
5137
- var StyledNavigationRail = styled.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
5375
+ var _templateObject$9;
5376
+ var rootClassName$9 = 'dot-navigation-rail';
5377
+ var StyledNavigationRail = styled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
5138
5378
  var theme = _ref.theme,
5139
5379
  railItemPosition = _ref.railItemPosition;
5140
- return css(["&.", "{background-color:", ";border-left:1px solid ", ";display:flex;flex-direction:column;justify-content:", ";padding:", ";width:72px;.rail-item-button{flex-basis:72px;border-radius:0;margin:0;padding:0;width:100%;white-space:normal;&.selected{background-color:", ";}&:focus-visible{background-color:", ";}.MuiButton-label{display:flex;flex-direction:column;word-break:break-word;}}}"], rootClassName$8, theme.palette.layer.n50, theme.palette.layer.n100, railItemPosition, theme.spacing(1, 0, 0), theme.palette.layer.n0, theme.palette.layer.n100);
5380
+ return css(["&.", "{background-color:", ";border-left:1px solid ", ";display:flex;flex-direction:column;justify-content:", ";padding:", ";width:72px;.rail-item-button{flex-basis:72px;border-radius:0;margin:0;padding:0;width:100%;white-space:normal;&.selected{background-color:", ";}&:focus-visible{background-color:", ";}.MuiButton-label{display:flex;flex-direction:column;word-break:break-word;}}}"], rootClassName$9, theme.palette.layer.n50, theme.palette.layer.n100, railItemPosition, theme.spacing(1, 0, 0), theme.palette.layer.n0, theme.palette.layer.n100);
5141
5381
  });
5142
5382
 
5143
5383
  var MAX_ALLOWED_ITEMS = 7;
@@ -5151,7 +5391,7 @@ var DotNavigationRail = function DotNavigationRail(_ref) {
5151
5391
  railItems = _ref.railItems,
5152
5392
  _ref$selectedIndex = _ref.selectedIndex,
5153
5393
  selectedIndex = _ref$selectedIndex === void 0 ? 0 : _ref$selectedIndex;
5154
- var rootClasses = useStylesWithRootClass(rootClassName$8, className);
5394
+ var rootClasses = useStylesWithRootClass(rootClassName$9, className);
5155
5395
 
5156
5396
  var _useState = useState(selectedIndex),
5157
5397
  selectedItemIndex = _useState[0],
@@ -5198,11 +5438,11 @@ var DotNavigationRail = function DotNavigationRail(_ref) {
5198
5438
  }, railItems && renderRailItems());
5199
5439
  };
5200
5440
 
5201
- var _templateObject$7;
5202
- var rootClassName$7 = 'dot-pill';
5203
- var StyledPill = styled(Chip)(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
5441
+ var _templateObject$8;
5442
+ var rootClassName$8 = 'dot-pill';
5443
+ var StyledPill = styled(Chip)(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
5204
5444
  var theme = _ref.theme;
5205
- return css(["&.", "{background-color:", ";color:", ";&.error{background-color:", ";color:", ";}&.success{background-color:", ";color:", ";}&.warning{background-color:", ";color:", ";}&.in-progress{background-color:", ";color:", ";}"], rootClassName$7, function (_ref2) {
5445
+ return css(["&.", "{background-color:", ";color:", ";&.error{background-color:", ";color:", ";}&.success{background-color:", ";color:", ";}&.warning{background-color:", ";color:", ";}&.in-progress{background-color:", ";color:", ";}"], rootClassName$8, function (_ref2) {
5206
5446
  var backgroundcolor = _ref2.backgroundcolor;
5207
5447
  return backgroundcolor ? backgroundcolor : theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200];
5208
5448
  }, function (_ref3) {
@@ -5222,7 +5462,7 @@ var DotPill = function DotPill(_ref) {
5222
5462
  size = _ref$size === void 0 ? 'medium' : _ref$size,
5223
5463
  _ref$status = _ref.status,
5224
5464
  status = _ref$status === void 0 ? 'default' : _ref$status;
5225
- var rootClasses = useStylesWithRootClass(rootClassName$7, className, status);
5465
+ var rootClasses = useStylesWithRootClass(rootClassName$8, className, status);
5226
5466
  return /*#__PURE__*/React__default.createElement(StyledPill, {
5227
5467
  "aria-label": ariaLabel,
5228
5468
  backgroundcolor: backgroundcolor,
@@ -5237,11 +5477,11 @@ var DotPill = function DotPill(_ref) {
5237
5477
  });
5238
5478
  };
5239
5479
 
5240
- var _templateObject$6;
5241
- var rootClassName$6 = 'dot-skeleton';
5242
- var StyledSkeleton = styled(Skeleton)(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
5480
+ var _templateObject$7;
5481
+ var rootClassName$7 = 'dot-skeleton';
5482
+ var StyledSkeleton = styled(Skeleton)(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
5243
5483
  var theme = _ref.theme;
5244
- return css(["&.", "{background-color:", ";}"], rootClassName$6, theme.palette.grey[100]);
5484
+ return css(["&.", "{background-color:", ";}"], rootClassName$7, theme.palette.grey[100]);
5245
5485
  });
5246
5486
 
5247
5487
  var DotSkeleton = function DotSkeleton(_ref) {
@@ -5252,7 +5492,7 @@ var DotSkeleton = function DotSkeleton(_ref) {
5252
5492
  height = _ref.height,
5253
5493
  width = _ref.width,
5254
5494
  variant = _ref.variant;
5255
- var rootClasses = useStylesWithRootClass(rootClassName$6, className); // When we upgrade to Material UI v5 this must be removed!
5495
+ var rootClasses = useStylesWithRootClass(rootClassName$7, className); // When we upgrade to Material UI v5 this must be removed!
5256
5496
 
5257
5497
  var skeletonVariant = variant === 'circular' ? 'circle' : variant === 'rectangular' ? 'rect' : variant;
5258
5498
  return /*#__PURE__*/React__default.createElement(StyledSkeleton, {
@@ -5263,16 +5503,16 @@ var DotSkeleton = function DotSkeleton(_ref) {
5263
5503
  },
5264
5504
  "data-testid": dataTestId,
5265
5505
  height: height,
5266
- width: width,
5267
- variant: skeletonVariant
5506
+ variant: skeletonVariant,
5507
+ width: width
5268
5508
  }, children);
5269
5509
  };
5270
5510
 
5271
- var _templateObject$5;
5272
- var rootClassName$5 = 'dot-snackbar';
5273
- var StyledSnackbar = styled(Snackbar)(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
5511
+ var _templateObject$6;
5512
+ var rootClassName$6 = 'dot-snackbar';
5513
+ var StyledSnackbar = styled(Snackbar)(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
5274
5514
  var theme = _ref.theme;
5275
- return css(["&.", "{.MuiSvgIcon-root{color:", ";}.MuiAlert-icon{padding:11px 0px;}.MuiAlert-message{padding:13px 0px;word-break:break-all;}&.MuiSnackbar-anchorOriginTopRight{top:0px;z-index:", ";}.MuiAlert-root{&.MuiAlert-standardInfo{background-color:", ";}&.MuiAlert-standardWarning{color:", ";.MuiSvgIcon-root{color:", ";}}max-width:500px;min-width:344px;color:", ";z-index:", ";position:relative;margin-top:108px;background-color:", ";@media (min-width:720px){.MuiAlert-root{top:112px;position:relative;}}}"], rootClassName$5, theme.palette.layer.n0, levelFourth, theme.palette.primary[500], theme.palette.grey[900], theme.palette.grey[900], theme.palette.layer.n0, levelFourth, function (props) {
5515
+ return css(["&.", "{.MuiSvgIcon-root{color:", ";}.MuiAlert-icon{padding:11px 0px;}.MuiAlert-message{padding:13px 0px;word-break:break-all;}&.MuiSnackbar-anchorOriginTopRight{top:0px;z-index:", ";}.MuiAlert-root{&.MuiAlert-standardInfo{background-color:", ";}&.MuiAlert-standardWarning{color:", ";.MuiSvgIcon-root{color:", ";}}max-width:500px;min-width:344px;color:", ";z-index:", ";position:relative;margin-top:108px;background-color:", ";@media (min-width:720px){.MuiAlert-root{top:112px;position:relative;}}}"], rootClassName$6, theme.palette.layer.n0, levelFourth, theme.palette.primary[500], theme.palette.grey[900], theme.palette.grey[900], theme.palette.layer.n0, levelFourth, function (props) {
5276
5516
  return theme.palette[props.severity].main;
5277
5517
  });
5278
5518
  });
@@ -5305,7 +5545,7 @@ var DotSnackbar = function DotSnackbar(_ref2) {
5305
5545
  onClose: onClose,
5306
5546
  action: action
5307
5547
  });
5308
- var rootClasses = useStylesWithRootClass(rootClassName$5, className);
5548
+ var rootClasses = useStylesWithRootClass(rootClassName$6, className);
5309
5549
  return /*#__PURE__*/React__default.createElement(StyledSnackbar, {
5310
5550
  anchorOrigin: {
5311
5551
  vertical: 'top',
@@ -5332,10 +5572,10 @@ var DotSnackbar = function DotSnackbar(_ref2) {
5332
5572
  }, children)));
5333
5573
  };
5334
5574
 
5335
- var _templateObject$4;
5336
- var rootClassName$4 = 'dot-snackbar-container';
5337
- var StyledSnackbarContainer = styled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function () {
5338
- return css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$4);
5575
+ var _templateObject$5;
5576
+ var rootClassName$5 = 'dot-snackbar-container';
5577
+ var StyledSnackbarContainer = styled.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function () {
5578
+ return css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$5);
5339
5579
  });
5340
5580
 
5341
5581
  var DotSnackbarContext = /*#__PURE__*/createContext({
@@ -5359,16 +5599,16 @@ var DotSnackbarContainer = function DotSnackbarContainer() {
5359
5599
  }
5360
5600
 
5361
5601
  return /*#__PURE__*/React__default.createElement(StyledSnackbarContainer, {
5362
- className: rootClassName$4
5602
+ className: rootClassName$5
5363
5603
  }, /*#__PURE__*/React__default.createElement("div", {
5364
- "data-testid": rootClassName$4,
5365
- className: rootClassName$4
5604
+ className: rootClassName$5,
5605
+ "data-testid": rootClassName$5
5366
5606
  }, alerts.slice().reverse().map(function (alert) {
5367
5607
  return /*#__PURE__*/React__default.createElement(DotSnackbar, {
5368
5608
  key: alert.id,
5369
- severity: alert.severity,
5370
5609
  onClose: handleClose(alert.id),
5371
- open: alert.open
5610
+ open: alert.open,
5611
+ severity: alert.severity
5372
5612
  }, alert.message);
5373
5613
  })));
5374
5614
  };
@@ -5418,13 +5658,13 @@ var useDotSnackbarContext = function useDotSnackbarContext() {
5418
5658
  return useContext(DotSnackbarContext);
5419
5659
  };
5420
5660
 
5421
- var _templateObject$3, _templateObject2$1;
5422
- var rootClassName$3 = 'dot-split-button-group';
5423
- var StyledSplitButtonGroup = styled(ButtonGroup)(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
5661
+ var _templateObject$4, _templateObject2$2;
5662
+ var rootClassName$4 = 'dot-split-button-group';
5663
+ var StyledSplitButtonGroup = styled(ButtonGroup)(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
5424
5664
  var theme = _ref.theme;
5425
- return css(["&.", "{box-shadow:0px 3px 1px -2px rgb(0 0 0 / 20%),0px 2px 2px 0px rgb(0 0 0 / 14%),0px 1px 5px 0px rgb(0 0 0 / 12%);&.disabled{box-shadow:none;.dot-button{background:", ";border:1px solid ", ";}}&.outlined,&.text{box-shadow:none;.expand-button{border-left:none;}}&.outlined .dot-button{border-color:", ";}&.destructive .expand-button{border-left-color:", ";}.dot-button{box-shadow:none;margin:0;padding:", ";}.expand-button{border-left:1px solid ", ";&.Mui-disabled{border-left:0;}.MuiButton-label,.dot-icon{width:14px;height:14px;}}}"], rootClassName$3, theme.palette.grey['50'], theme.palette.grey['200'], theme.palette.grey['300'], theme.palette.error['800'], theme.spacing(0.75, 1.5), theme.palette.primary['800']);
5665
+ return css(["&.", "{box-shadow:0px 3px 1px -2px rgb(0 0 0 / 20%),0px 2px 2px 0px rgb(0 0 0 / 14%),0px 1px 5px 0px rgb(0 0 0 / 12%);&.disabled{box-shadow:none;.dot-button{background:", ";border:1px solid ", ";}}&.outlined,&.text{box-shadow:none;.expand-button{border-left:none;}}&.outlined .dot-button{border-color:", ";}&.destructive .expand-button{border-left-color:", ";}.dot-button{box-shadow:none;margin:0;padding:", ";}.expand-button{border-left:1px solid ", ";&.Mui-disabled{border-left:0;}.MuiButton-label,.dot-icon{width:14px;height:14px;}}}"], rootClassName$4, theme.palette.grey['50'], theme.palette.grey['200'], theme.palette.grey['300'], theme.palette.error['800'], theme.spacing(0.75, 1.5), theme.palette.primary['800']);
5426
5666
  });
5427
- var StyledMenu$1 = styled(DotMenu)(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n &.dot-menu {\n z-index: ", ";\n }\n"])), levelTop);
5667
+ var StyledMenu$1 = styled(DotMenu)(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteralLoose(["\n &.dot-menu {\n z-index: ", ";\n }\n"])), levelTop);
5428
5668
 
5429
5669
  var DotSplitButton = function DotSplitButton(_ref) {
5430
5670
  var _ref$autoFocus = _ref.autoFocus,
@@ -5452,7 +5692,7 @@ var DotSplitButton = function DotSplitButton(_ref) {
5452
5692
  tooltip = _ref.tooltip,
5453
5693
  _ref$type = _ref.type,
5454
5694
  type = _ref$type === void 0 ? 'primary' : _ref$type;
5455
- var rootClasses = useStylesWithRootClass(rootClassName$3, className, type, disabled ? 'disabled' : '');
5695
+ var rootClasses = useStylesWithRootClass(rootClassName$4, className, type, disabled ? 'disabled' : '');
5456
5696
 
5457
5697
  var _useState = useState(false),
5458
5698
  open = _useState[0],
@@ -5489,8 +5729,8 @@ var DotSplitButton = function DotSplitButton(_ref) {
5489
5729
  autoFocus: autoFocus,
5490
5730
  className: "label-button",
5491
5731
  "data-testid": dataTestId,
5492
- disabled: disabled,
5493
5732
  disableRipple: disableRipple,
5733
+ disabled: disabled,
5494
5734
  isSubmit: isSubmit,
5495
5735
  onClick: function onClick(event) {
5496
5736
  return handleClick(event);
@@ -5501,8 +5741,8 @@ var DotSplitButton = function DotSplitButton(_ref) {
5501
5741
  }, children), /*#__PURE__*/React__default.createElement(DotButton, {
5502
5742
  className: "expand-button",
5503
5743
  "data-testid": dataTestId,
5504
- disabled: disabled,
5505
5744
  disableRipple: disableRipple,
5745
+ disabled: disabled,
5506
5746
  onClick: function onClick() {
5507
5747
  return setOpen(!open);
5508
5748
  },
@@ -5521,18 +5761,18 @@ var DotSplitButton = function DotSplitButton(_ref) {
5521
5761
  onLeave: function onLeave() {
5522
5762
  return setOpen(false);
5523
5763
  },
5524
- open: open,
5525
- onSelect: handleClick
5764
+ onSelect: handleClick,
5765
+ open: open
5526
5766
  }));
5527
5767
  };
5528
5768
 
5529
- var _templateObject$2, _templateObject2, _templateObject3;
5530
- var rootClassName$2 = 'dot-table';
5531
- var StyledPaper = styled(Paper)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
5769
+ var _templateObject$3, _templateObject2$1, _templateObject3;
5770
+ var rootClassName$3 = 'dot-table';
5771
+ var StyledPaper = styled(Paper)(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
5532
5772
  var theme = _ref.theme;
5533
- return css(["&.", "{background:", ";border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$2, theme.palette.product === 'agility' && theme.palette.layer.n50, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200]);
5773
+ return css(["&.", "{background:", ";border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$3, theme.palette.product === 'agility' && theme.palette.layer.n50, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200]);
5534
5774
  });
5535
- var StyledTableContainer = styled(TableContainer)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref2) {
5775
+ var StyledTableContainer = styled(TableContainer)(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref2) {
5536
5776
  var theme = _ref2.theme;
5537
5777
  return css(["&.dot-table-container{border-radius:4px;align-items:stretch;flex-direction:column;justify-content:center;tr:hover{background-color:", ";}tr:last-child td{border-bottom:none;}table{width:100%;thead,th{font-weight:700;&.MuiTableCell-alignCenter > span.MuiTableSortLabel-root{padding-left:26px;}}thead > tr > th:last-child{text-align:right;}tbody > tr > td.noWrap,tbody > tr > td.actionItems{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}tbody > tr > td.actionItems{text-overflow:clip;text-align:right;}.empty-row td{text-align:center;}.Mui-selected:not(:hover){background-color:", ";}.MuiTableRow-head{height:56px;}.MuiTableCell-root{border-bottom:1px solid ", ";&.MuiTableCell-stickyHeader{background:", ";}}.MuiTableRow-root{height:52px;}.MuiTableCell-body{padding-top:0;padding-bottom:0;}.action-cell-wrapper{width:100%;}}}"], theme.palette.product === 'agility' ? theme.palette.agilityInterface.fixedCol : theme.palette.grey[50], theme.palette.product === 'agility' ? theme.palette.agilityInterface.fixedCol : theme.palette.grey[200], theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200], theme.palette.product === 'agility' && theme.palette.layer.n50);
5538
5778
  });
@@ -5590,8 +5830,8 @@ var DotBodyCell = function DotBodyCell(_ref) {
5590
5830
  var getTableCellValue = function getTableCellValue() {
5591
5831
  if (Array.isArray(value)) {
5592
5832
  return /*#__PURE__*/React__default.createElement("div", {
5593
- ref: wrapperRef,
5594
- className: "action-cell-wrapper"
5833
+ className: "action-cell-wrapper",
5834
+ ref: wrapperRef
5595
5835
  }, showMenu ? /*#__PURE__*/React__default.createElement(DotIconButton, {
5596
5836
  className: "dot-table-action-icon",
5597
5837
  iconId: "options",
@@ -5619,8 +5859,8 @@ var DotBodyCell = function DotBodyCell(_ref) {
5619
5859
  };
5620
5860
 
5621
5861
  return /*#__PURE__*/React__default.createElement(TableCell, {
5622
- "aria-label": ariaLabel,
5623
5862
  align: align,
5863
+ "aria-label": ariaLabel,
5624
5864
  classes: {
5625
5865
  root: rootClasses
5626
5866
  },
@@ -5732,8 +5972,8 @@ var DotTableBody = function DotTableBody(_ref) {
5732
5972
  }
5733
5973
  }, data.map(function (row, index) {
5734
5974
  return /*#__PURE__*/React__default.createElement(DotTableRow, {
5735
- columns: columns,
5736
5975
  className: row.className,
5976
+ columns: columns,
5737
5977
  data: row,
5738
5978
  key: index,
5739
5979
  onActionMenuTrigger: handleActionMenuTrigger,
@@ -5785,9 +6025,9 @@ var DotHeaderRow = function DotHeaderRow(_ref) {
5785
6025
  key: CreateUUID(),
5786
6026
  order: order,
5787
6027
  orderBy: orderBy,
5788
- truncate: cell.truncate,
5789
- sortable: sortable && cell.sortable,
5790
6028
  sortDirection: orderBy === cell.id ? order : undefined,
6029
+ sortable: sortable && cell.sortable,
6030
+ truncate: cell.truncate,
5791
6031
  uid: CreateUUID(),
5792
6032
  value: cell.label,
5793
6033
  width: cell.width
@@ -5836,18 +6076,18 @@ var DotHeaderCell = function DotHeaderCell(_ref2) {
5836
6076
  return /*#__PURE__*/React__default.createElement(TableCell, {
5837
6077
  align: align,
5838
6078
  key: uid,
5839
- title: headerTitle,
5840
6079
  style: {
5841
6080
  width: width ? width : ''
5842
- }
6081
+ },
6082
+ title: headerTitle
5843
6083
  }, value);
5844
6084
  };
5845
6085
 
5846
- var _templateObject$1;
5847
- var rootClassName$1 = 'dot-table-pagination';
5848
- var StyledTablePagination = styled(TablePagination)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
6086
+ var _templateObject$2;
6087
+ var rootClassName$2 = 'dot-table-pagination';
6088
+ var StyledTablePagination = styled(TablePagination)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
5849
6089
  var theme = _ref.theme;
5850
- return css(["&.", "{border-top:1px solid ", ";}"], rootClassName$1, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200]);
6090
+ return css(["&.", "{border-top:1px solid ", ";}"], rootClassName$2, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200]);
5851
6091
  });
5852
6092
 
5853
6093
  var rowsPerPageOptions = [10, 25, 50, 100, 150, 200];
@@ -5864,7 +6104,7 @@ var DotTablePagination = function DotTablePagination(_ref) {
5864
6104
  page = _ref$page === void 0 ? 0 : _ref$page,
5865
6105
  _ref$rowsPerPage = _ref.rowsPerPage,
5866
6106
  rowsPerPage = _ref$rowsPerPage === void 0 ? 10 : _ref$rowsPerPage;
5867
- var rootClasses = useStylesWithRootClass(rootClassName$1, className);
6107
+ var rootClasses = useStylesWithRootClass(rootClassName$2, className);
5868
6108
 
5869
6109
  var handlePageChange = function handlePageChange(event, newPage) {
5870
6110
  onChangePage && onChangePage(newPage);
@@ -5980,7 +6220,7 @@ var DotTable = function DotTable(_ref) {
5980
6220
  pageData = _useState5[0],
5981
6221
  setPageData = _useState5[1];
5982
6222
 
5983
- var rootClasses = useStylesWithRootClass(rootClassName$2, className, loading ? 'loading' : '');
6223
+ var rootClasses = useStylesWithRootClass(rootClassName$3, className, loading ? 'loading' : '');
5984
6224
 
5985
6225
  var updateData = function updateData(newOrder, newOrderBy, newPage, newRowsPerPage) {
5986
6226
  var newData = stableSort(data, getComparator(newOrder, newOrderBy));
@@ -6085,11 +6325,11 @@ var DotTable = function DotTable(_ref) {
6085
6325
  }));
6086
6326
  };
6087
6327
 
6088
- var _templateObject;
6089
- var rootClassName = 'dot-tabs';
6090
- var StyledTabs = styled(Tabs)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
6328
+ var _templateObject$1;
6329
+ var rootClassName$1 = 'dot-tabs';
6330
+ var StyledTabs = styled(Tabs)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
6091
6331
  var theme = _ref.theme;
6092
- return css(["&.", "{&.MuiTabs-root{width:100%;}.dot-tab-label-container{display:flex;.dot-tab-label{padding-top:", "px;}}.MuiTab-root{color:", ";max-width:360px;min-width:0;&:hover{background-color:", ";color:", ";}&.Mui-selected{color:", ";}&.Mui-disabled{color:", ";}&.MuiTab-textColorPrimary:hover{background-color:", ";}&.MuiTab-textColorSecondary:hover{background-color:", ";}}.MuiIcon-root{display:inline;padding-right:", "px;}.MuiTabs-indicator{background-color:", ";}}"], rootClassName, theme.spacing(0.5), theme.palette.product === 'agility' && theme.palette.layer.n700, theme.palette.product === 'agility' && theme.palette.agilityInterface.activeCardBg, theme.palette.product === 'agility' && agilityGreen, theme.palette.product === 'agility' && agilityGreen, theme.palette.product === 'agility' && theme.palette.agilityInterface.disabledText, theme.palette.product !== 'agility' && alpha(theme.palette.primary.main, 0.12), theme.palette.product !== 'agility' && alpha(theme.palette.secondary.main, 0.12), theme.spacing(0.5), theme.palette.product === 'agility' && agilityGreen);
6332
+ return css(["&.", "{&.MuiTabs-root{width:100%;}.dot-tab-label-container{display:flex;.dot-tab-label{padding-top:", "px;}}.MuiTab-root{color:", ";max-width:360px;min-width:0;&:hover{background-color:", ";color:", ";}&.Mui-selected{color:", ";}&.Mui-disabled{color:", ";}&.MuiTab-textColorPrimary:hover{background-color:", ";}&.MuiTab-textColorSecondary:hover{background-color:", ";}}.MuiIcon-root{display:inline;padding-right:", "px;}.MuiTabs-indicator{background-color:", ";}}"], rootClassName$1, theme.spacing(0.5), theme.palette.product === 'agility' && theme.palette.layer.n700, theme.palette.product === 'agility' && theme.palette.agilityInterface.activeCardBg, theme.palette.product === 'agility' && agilityGreen, theme.palette.product === 'agility' && agilityGreen, theme.palette.product === 'agility' && theme.palette.agilityInterface.disabledText, theme.palette.product !== 'agility' && alpha(theme.palette.primary.main, 0.12), theme.palette.product !== 'agility' && alpha(theme.palette.secondary.main, 0.12), theme.spacing(0.5), theme.palette.product === 'agility' && agilityGreen);
6093
6333
  });
6094
6334
 
6095
6335
  var DotTabs = function DotTabs(_ref) {
@@ -6112,7 +6352,7 @@ var DotTabs = function DotTabs(_ref) {
6112
6352
  value = _useState[0],
6113
6353
  setValue = _useState[1];
6114
6354
 
6115
- var rootClasses = useStylesWithRootClass(rootClassName, className); // eslint-disable-next-line @typescript-eslint/no-explicit-any
6355
+ var rootClasses = useStylesWithRootClass(rootClassName$1, className); // eslint-disable-next-line @typescript-eslint/no-explicit-any
6116
6356
 
6117
6357
  var handleChange = function handleChange(_event, val) {
6118
6358
  setValue(val);
@@ -6132,8 +6372,8 @@ var DotTabs = function DotTabs(_ref) {
6132
6372
  var tabElement = /*#__PURE__*/React__default.createElement(Tab, {
6133
6373
  "aria-label": tab.ariaLabel,
6134
6374
  "data-testid": tab['data-testid'],
6135
- disabled: tab.disabled,
6136
6375
  disableRipple: true,
6376
+ disabled: tab.disabled,
6137
6377
  key: index,
6138
6378
  label: label,
6139
6379
  value: tab.value
@@ -6156,4 +6396,205 @@ var DotTabs = function DotTabs(_ref) {
6156
6396
  }, tabArray);
6157
6397
  };
6158
6398
 
6159
- export { Cell, CssCell, CssGrid, CssGridDebug, DotAccordion, DotActionToolbar, DotAlertBanner, DotAppLogo, DotAppToolbar, DotAutoComplete, DotAvatar, DotAvatarGroup, DotBadge, DotBreadcrumbs, DotButton, DotButtonToggle, DotCard, DotCardContent, DotCardFooter, DotCardHeader, DotCheckbox, DotCheckboxGroup, DotChip, DotConfirmationDialog, DotDialog, DotDrawer, DotDynamicForm, DotEmptyState, DotForm, DotFormGroup, DotHeaderRow, DotIcon, DotIconButton, DotInlineEdit, DotInputSelect, DotInputText, DotLink, DotList, DotMenu, DotNavigationRail, DotPill, DotProgress, DotProgressButton, DotRadioButton, DotRadioGroup, DotSidebar, DotSkeleton, DotSnackbar, DotSnackbarContainer, DotSnackbarProvider, DotSplitButton, DotSwitch, DotTable, DotTablePagination, DotTabs, DotThemeProvider, DotTooltip, DotTypography, avatarColors, lightThemeColors as lightColors, parseAutoCompleteValue, variables as themeVariables, typographyOptions, useDotSnackbarContext };
6399
+ var _templateObject, _templateObject2;
6400
+ var rootClassName = 'dot-file-upload';
6401
+ var containerClassName = rootClassName + "-container";
6402
+ var fileClassName = rootClassName + "-item";
6403
+ var dropZoneClassName = rootClassName + "-drop-zone";
6404
+ var StyledFileUploadContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref) {
6405
+ var theme = _ref.theme;
6406
+ return css(["&.", "{.", "{border-bottom:1px solid ", ";&:hover{cursor:pointer;background:", ";}&.file-success:not(:hover){.", "-end-icon .dot-icon i:before{color:", ";}}&.file-error:not(:hover){.MuiListItemText-secondary,.", "-end-icon .dot-icon i:before{color:", ";}}.dot-typography,.file-item-text{flex-grow:2;padding-left:", "px;}.file-item-text{display:flex;flex-direction:column;.MuiTypography-body2{color:", ";}}}}"], containerClassName, listItemRootClass, theme.palette.layer.n100, theme.palette.layer.n50, listItemRootClass, theme.palette.secondary.main, listItemRootClass, theme.palette.error.main, theme.spacing(1), theme.palette.error.main);
6407
+ });
6408
+ var StyledFileUpload = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref2) {
6409
+ var theme = _ref2.theme;
6410
+ return css(["&.", ".", "{align-items:center;background:", ";border:2px dashed ", ";border-radius:4px;color:", ";display:flex;flex-direction:column;flex-wrap:wrap;height:240px;justify-content:center;padding:", ";margin-bottom:", "px;&.disabled .dot-typography{color:", ";}.dot-icon{color:", ";font-size:100px;i.dot-i{height:100px;}}}"], rootClassName, dropZoneClassName, theme.palette.layer.n50, theme.palette.layer.n300, theme.palette.layer.n500, theme.spacing(3, 0), theme.spacing(1), theme.palette.layer.n300, theme.palette.layer.n100);
6411
+ });
6412
+
6413
+ var DotFileListItem = function DotFileListItem(_ref) {
6414
+ var ariaLabel = _ref.ariaLabel,
6415
+ className = _ref.className,
6416
+ dataTestId = _ref['data-testid'],
6417
+ deleteFile = _ref.deleteFile,
6418
+ _ref$error = _ref.error,
6419
+ error = _ref$error === void 0 ? false : _ref$error,
6420
+ errorText = _ref.errorText,
6421
+ file = _ref.file;
6422
+ var rootClasses = useStylesWithRootClass(fileClassName, listItemRootClass, className, error ? 'file-error' : 'file-success');
6423
+ var defaultIcon = error ? 'error-solid' : 'check-solid';
6424
+
6425
+ var _useState = useState(defaultIcon),
6426
+ endIcon = _useState[0],
6427
+ setEndIcon = _useState[1];
6428
+
6429
+ return /*#__PURE__*/React__default.createElement(StyledListItem, {
6430
+ "aria-label": ariaLabel,
6431
+ className: rootClasses,
6432
+ "data-testid": dataTestId,
6433
+ onMouseEnter: function onMouseEnter() {
6434
+ return setEndIcon('delete');
6435
+ },
6436
+ onMouseLeave: function onMouseLeave() {
6437
+ return setEndIcon(defaultIcon);
6438
+ }
6439
+ }, /*#__PURE__*/React__default.createElement(DotIcon, {
6440
+ iconId: "file"
6441
+ }), /*#__PURE__*/React__default.createElement("div", {
6442
+ className: "file-item-text"
6443
+ }, /*#__PURE__*/React__default.createElement(DotTypography, {
6444
+ variant: "body1"
6445
+ }, file.path), error && /*#__PURE__*/React__default.createElement(DotTypography, {
6446
+ variant: "body2"
6447
+ }, errorText)), /*#__PURE__*/React__default.createElement(DotIconButton, {
6448
+ className: listItemRootClass + "-end-icon",
6449
+ iconId: endIcon,
6450
+ onClick: function onClick() {
6451
+ return deleteFile(file);
6452
+ }
6453
+ }));
6454
+ };
6455
+
6456
+ var parseListItem = function parseListItem(deleteFile, fileToBeParsed, maxSize) {
6457
+ var fileErrors = fileToBeParsed.errors;
6458
+ var parsedFile = fileToBeParsed.file;
6459
+ var hasErrors = fileErrors.length > 0;
6460
+ var errorText;
6461
+
6462
+ if (hasErrors) {
6463
+ errorText = fileErrors.map(function (e) {
6464
+ switch (e.code) {
6465
+ case 'file-too-large':
6466
+ return "File exceeds " + maxSize + "MB";
6467
+
6468
+ case 'file-invalid-type':
6469
+ return e.message;
6470
+
6471
+ case 'too-many-files':
6472
+ return e.message;
6473
+
6474
+ default:
6475
+ console.log('Unknown error', e);
6476
+ return e.message;
6477
+ }
6478
+ }).join(', ');
6479
+ }
6480
+
6481
+ return {
6482
+ child: /*#__PURE__*/React__default.createElement(DotFileListItem, {
6483
+ deleteFile: deleteFile,
6484
+ error: hasErrors,
6485
+ errorText: errorText,
6486
+ file: parsedFile,
6487
+ key: CreateUUID()
6488
+ })
6489
+ };
6490
+ };
6491
+
6492
+ var DotFileUpload = function DotFileUpload(_ref) {
6493
+ var accept = _ref.accept,
6494
+ ariaLabel = _ref.ariaLabel,
6495
+ _ref$buttonOnly = _ref.buttonOnly,
6496
+ buttonOnly = _ref$buttonOnly === void 0 ? false : _ref$buttonOnly,
6497
+ className = _ref.className,
6498
+ dataTestId = _ref['data-testid'],
6499
+ disabled = _ref.disabled,
6500
+ maxFiles = _ref.maxFiles,
6501
+ maxSize = _ref.maxSize,
6502
+ onChange = _ref.onChange,
6503
+ onDragEnter = _ref.onDragEnter;
6504
+ var rootClasses = useStylesWithRootClass(rootClassName, className, !buttonOnly ? dropZoneClassName : '', disabled ? 'disabled' : '');
6505
+
6506
+ var _useDropzone = useDropzone({
6507
+ accept: accept,
6508
+ disabled: disabled,
6509
+ maxFiles: maxFiles,
6510
+ maxSize: maxSize * 1000000,
6511
+ noClick: true,
6512
+ onDragEnter: onDragEnter
6513
+ }),
6514
+ acceptedFiles = _useDropzone.acceptedFiles,
6515
+ fileRejections = _useDropzone.fileRejections,
6516
+ getRootProps = _useDropzone.getRootProps,
6517
+ getInputProps = _useDropzone.getInputProps,
6518
+ isDragActive = _useDropzone.isDragActive,
6519
+ open = _useDropzone.open;
6520
+
6521
+ var _useState = useState([]),
6522
+ uploadedFiles = _useState[0],
6523
+ setUploadedFiles = _useState[1];
6524
+
6525
+ useEffect(function () {
6526
+ onChange(uploadedFiles);
6527
+ }, [uploadedFiles]);
6528
+
6529
+ var deleteFile = function deleteFile(fileToBeRemoved) {
6530
+ var parsedFiles = []; // `File` is nested inside uploadedFiles, making it difficult to find the index
6531
+ // map through uploadedFiles and extract `File` object into new array
6532
+
6533
+ uploadedFiles.forEach(function (item) {
6534
+ parsedFiles.push(item.file);
6535
+ });
6536
+ var fileToBeRemovedIndex = parsedFiles.indexOf(fileToBeRemoved);
6537
+ uploadedFiles.splice(fileToBeRemovedIndex, 1);
6538
+ setUploadedFiles([].concat(uploadedFiles));
6539
+ };
6540
+
6541
+ var parseFiles = function parseFiles() {
6542
+ // map through accepted files and make them same shape as rejected files
6543
+ var mappedFiles = acceptedFiles.map(function (value) {
6544
+ return {
6545
+ file: value,
6546
+ errors: []
6547
+ };
6548
+ });
6549
+ setUploadedFiles(uploadedFiles.concat(mappedFiles).concat(fileRejections));
6550
+ };
6551
+
6552
+ useEffect(function () {
6553
+ parseFiles();
6554
+ }, [acceptedFiles, fileRejections]);
6555
+ var maxFilesMessage = /*#__PURE__*/React__default.createElement(DotTypography, {
6556
+ variant: "body2"
6557
+ }, maxFiles, " files are the maximum number of files you can upload at once.");
6558
+ var maxSizeMessage = /*#__PURE__*/React__default.createElement(DotTypography, {
6559
+ variant: "body2"
6560
+ }, "File size should not exceed ", maxSize, "MB.");
6561
+
6562
+ var dropzoneContent = function dropzoneContent() {
6563
+ if (buttonOnly) {
6564
+ return /*#__PURE__*/React__default.createElement(DotButton, {
6565
+ disabled: disabled,
6566
+ onClick: open
6567
+ }, "Select file(s)");
6568
+ } else {
6569
+ return isDragActive ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(DotIcon, {
6570
+ iconId: "upload-file"
6571
+ }), /*#__PURE__*/React__default.createElement(DotTypography, {
6572
+ variant: "h3"
6573
+ }, "Drop the file(s) here ...")) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(DotIcon, {
6574
+ iconId: "upload-file"
6575
+ }), /*#__PURE__*/React__default.createElement(DotTypography, {
6576
+ variant: "h3"
6577
+ }, "Drag and drop your file(s) here"), /*#__PURE__*/React__default.createElement(DotTypography, {
6578
+ variant: "h3"
6579
+ }, "or"), /*#__PURE__*/React__default.createElement(DotButton, {
6580
+ disabled: disabled,
6581
+ onClick: open
6582
+ }, "Select file(s)"));
6583
+ }
6584
+ };
6585
+
6586
+ return /*#__PURE__*/React__default.createElement(StyledFileUploadContainer, {
6587
+ className: containerClassName
6588
+ }, /*#__PURE__*/React__default.createElement(StyledFileUpload, Object.assign({}, getRootProps(), {
6589
+ "aria-label": ariaLabel,
6590
+ className: rootClasses,
6591
+ "data-testid": dataTestId
6592
+ }), /*#__PURE__*/React__default.createElement("input", Object.assign({}, getInputProps())), dropzoneContent()), maxSize && maxSizeMessage, maxFiles && maxFilesMessage, /*#__PURE__*/React__default.createElement(DotList, {
6593
+ items: uploadedFiles.map(function (file) {
6594
+ return parseListItem(deleteFile, file, maxSize);
6595
+ }),
6596
+ width: "100%"
6597
+ }));
6598
+ };
6599
+
6600
+ export { Cell, CssCell, CssGrid, CssGridDebug, DotAccordion, DotActionToolbar, DotAlertBanner, DotAppLogo, DotAppToolbar, DotAutoComplete, DotAvatar, DotAvatarGroup, DotBadge, DotBreadcrumbs, DotButton, DotButtonToggle, DotCard, DotCardContent, DotCardFooter, DotCardHeader, DotCheckbox, DotCheckboxGroup, DotChip, DotConfirmationDialog, DotDialog, DotDrawer, DotDynamicForm, DotEmptyState, DotFileUpload, DotForm, DotFormGroup, DotHeaderRow, DotIcon, DotIconButton, DotInlineEdit, DotInputSelect, DotInputText, DotLink, DotList, DotMenu, DotNavigationRail, DotPill, DotProgress, DotProgressButton, DotRadioButton, DotRadioGroup, DotSidebar, DotSkeleton, DotSnackbar, DotSnackbarContainer, DotSnackbarProvider, DotSplitButton, DotSwitch, DotTable, DotTablePagination, DotTabs, DotThemeProvider, DotTooltip, DotTypography, avatarColors, lightThemeColors as lightColors, parseAutoCompleteValue, variables as themeVariables, typographyOptions, useDotSnackbarContext };