@digital-ai/dot-components 1.20.0 → 2.0.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (127) hide show
  1. package/CHANGE_LOG.md +4 -25
  2. package/README.md +1 -1
  3. package/fonts/fonts.ts +6 -0
  4. package/index.d.ts +1 -1
  5. package/index.esm.js +605 -1021
  6. package/index.umd.js +823 -1256
  7. package/lib/components/BaseButtonProps.d.ts +0 -2
  8. package/lib/components/accordion/Accordion.d.ts +1 -3
  9. package/lib/components/accordion/Accordion.styles.d.ts +1 -1
  10. package/lib/components/action-toolbar/ActionToolbar.styles.d.ts +1 -1
  11. package/lib/components/alert-banner/AlertBanner.d.ts +1 -3
  12. package/lib/components/alert-banner/AlertBanner.styles.d.ts +1 -1
  13. package/lib/components/app-toolbar/AppToolbar.d.ts +1 -3
  14. package/lib/components/app-toolbar/AppToolbar.stories.data.d.ts +0 -1
  15. package/lib/components/app-toolbar/AppToolbar.styles.d.ts +0 -1
  16. package/lib/components/auto-complete/AutoComplete.d.ts +2 -2
  17. package/lib/components/auto-complete/AutoComplete.stories.styles.d.ts +2 -0
  18. package/lib/components/auto-complete/AutoComplete.styles.d.ts +1 -1
  19. package/lib/components/auto-complete/Autocomplete.stories.data.d.ts +1 -0
  20. package/lib/components/auto-complete/index.d.ts +1 -1
  21. package/lib/components/auto-complete/utils/helpers.d.ts +1 -2
  22. package/lib/components/avatar/Avatar.styles.d.ts +1 -1
  23. package/lib/components/avatar-group/AvatarGroup.d.ts +0 -1
  24. package/lib/components/avatar-group/AvatarGroup.styles.d.ts +3 -0
  25. package/lib/components/badge/Badge.styles.d.ts +1 -1
  26. package/lib/components/breadcrumbs/Breadcrumbs.d.ts +2 -4
  27. package/lib/components/breadcrumbs/Breadcrumbs.styles.d.ts +1 -1
  28. package/lib/components/breadcrumbs/utils/helpers.d.ts +2 -2
  29. package/lib/components/button/Button.d.ts +2 -2
  30. package/lib/components/button/Button.styles.d.ts +1 -1
  31. package/lib/components/button/IconButton.d.ts +1 -3
  32. package/lib/components/button/IconButton.styles.d.ts +1 -1
  33. package/lib/components/button-toggle/ButtonToggle.stories.data.d.ts +0 -1
  34. package/lib/components/button-toggle/ButtonToggle.styles.d.ts +1 -1
  35. package/lib/components/checkbox/Checkbox.d.ts +1 -2
  36. package/lib/components/checkbox/Checkbox.styles.d.ts +1 -1
  37. package/lib/components/checkbox/CheckboxGroup.d.ts +1 -1
  38. package/lib/components/chip/Chip.styles.d.ts +1 -1
  39. package/lib/components/css-grid/CssCell.d.ts +1 -1
  40. package/lib/components/css-grid/CssGrid.d.ts +14 -8
  41. package/lib/components/css-grid/CssGridDebug.d.ts +0 -1
  42. package/lib/components/dialog/Dialog.styles.d.ts +1 -1
  43. package/lib/components/divider/Divider.d.ts +0 -1
  44. package/lib/components/divider/Divider.styles.d.ts +1 -1
  45. package/lib/components/draggable-list/DraggableList.d.ts +0 -1
  46. package/lib/components/draggable-list/DraggableList.stories.data.d.ts +0 -1
  47. package/lib/components/draggable-list/utils/models.d.ts +1 -1
  48. package/lib/components/drawer/Drawer.styles.d.ts +1 -1
  49. package/lib/components/dynamic-form/DynamicForm.d.ts +0 -1
  50. package/lib/components/dynamic-form/DynamicForm.styles.d.ts +0 -1
  51. package/lib/components/dynamic-form/models.d.ts +1 -1
  52. package/lib/components/empty-state/EmptyState.d.ts +0 -1
  53. package/lib/components/file-upload/FileListItem.d.ts +0 -1
  54. package/lib/components/file-upload/FileListItem.styles.d.ts +21 -25
  55. package/lib/components/file-upload/FileUpload.d.ts +1 -1
  56. package/lib/components/file-upload/FileUpload.stories.data.d.ts +0 -1
  57. package/lib/components/file-upload/uploadHelpers.d.ts +12 -0
  58. package/lib/components/form-controls/FormControl.styles.d.ts +1 -1
  59. package/lib/components/form-controls/FormControlLabel.styles.d.ts +1 -1
  60. package/lib/components/form-group/FormGroup.styles.d.ts +1 -1
  61. package/lib/components/icon/Icon.d.ts +2 -5
  62. package/lib/components/icon/Icon.styles.d.ts +3 -1
  63. package/lib/components/inline-edit/InlineEdit.d.ts +0 -1
  64. package/lib/components/input-form-fields/Input.stories.data.d.ts +0 -1
  65. package/lib/components/input-form-fields/InputFormFields.propTypes.d.ts +0 -8
  66. package/lib/components/input-form-fields/InputFormFields.styles.d.ts +3 -5
  67. package/lib/components/input-form-fields/InputSelect.d.ts +3 -2
  68. package/lib/components/input-form-fields/InputText.d.ts +7 -15
  69. package/lib/components/link/Link.d.ts +1 -3
  70. package/lib/components/link/Link.styles.d.ts +1 -1
  71. package/lib/components/list/List.d.ts +1 -2
  72. package/lib/components/list/List.styles.d.ts +1 -1
  73. package/lib/components/list/ListItem.styles.d.ts +21 -25
  74. package/lib/components/list/NestedList.styles.d.ts +0 -1
  75. package/lib/components/list/utils/models.d.ts +1 -9
  76. package/lib/components/menu/Menu.stories.data.d.ts +0 -1
  77. package/lib/components/menu/Menu.styles.d.ts +2 -3
  78. package/lib/components/menu/MenuList.d.ts +2 -2
  79. package/lib/components/menu/MenuList.styles.d.ts +1 -2
  80. package/lib/components/navigation-rail/NavigationRail.d.ts +0 -5
  81. package/lib/components/navigation-rail/NavigationRail.stories.styles.d.ts +0 -2
  82. package/lib/components/pill/Pill.d.ts +0 -1
  83. package/lib/components/pill/Pill.styles.d.ts +1 -1
  84. package/lib/components/popper/Popper.d.ts +1 -1
  85. package/lib/components/popper/Popper.stories.data.d.ts +0 -1
  86. package/lib/components/popper/Popper.styles.d.ts +2 -2
  87. package/lib/components/popper/index.d.ts +1 -1
  88. package/lib/components/progress/Progress.d.ts +2 -5
  89. package/lib/components/progress/Progress.styles.d.ts +1 -1
  90. package/lib/components/progress-button/ProgressButton.d.ts +0 -1
  91. package/lib/components/radio/RadioButton.styles.d.ts +1 -1
  92. package/lib/components/radio/RadioGroup.styles.d.ts +1 -1
  93. package/lib/components/sidebar/Sidebar.stories.data.d.ts +11 -5
  94. package/lib/components/skeleton/Skeleton.styles.d.ts +1 -1
  95. package/lib/components/snackbar/Snackbar.styles.d.ts +1 -1
  96. package/lib/components/snackbar/index.d.ts +1 -1
  97. package/lib/components/split-button/SplitButton.d.ts +1 -2
  98. package/lib/components/split-button/SplitButton.styles.d.ts +1 -2
  99. package/lib/components/switch/Switch.styles.d.ts +1 -1
  100. package/lib/components/table/Table.data.d.ts +0 -1
  101. package/lib/components/table/Table.stories.data.d.ts +1 -2
  102. package/lib/components/table/Table.styles.d.ts +2 -4
  103. package/lib/components/table/TableActions.d.ts +0 -1
  104. package/lib/components/table/TableActions.styles.d.ts +0 -1
  105. package/lib/components/table/TableBody.styles.d.ts +1 -1
  106. package/lib/components/table/TableBodyCheckboxCell.styles.d.ts +1 -1
  107. package/lib/components/table/TableCell.styles.d.ts +1 -1
  108. package/lib/components/table/TableHeader.d.ts +1 -4
  109. package/lib/components/table/TableHeaderCell.d.ts +1 -3
  110. package/lib/components/table/TableHeaderCell.styles.d.ts +1 -1
  111. package/lib/components/table/TableHeaderCheckboxCell.styles.d.ts +1 -1
  112. package/lib/components/table/TablePagination.d.ts +3 -3
  113. package/lib/components/table/TableRow.styles.d.ts +1 -1
  114. package/lib/components/table/TableSelectionToolbar.styles.d.ts +0 -1
  115. package/lib/components/table/utils/helpers.d.ts +1 -3
  116. package/lib/components/table/utils/models.d.ts +1 -1
  117. package/lib/components/tabs/Tabs.d.ts +1 -2
  118. package/lib/components/tabs/Tabs.styles.d.ts +1 -1
  119. package/lib/components/truncate-with-tooltip/TruncateWithTooltip.d.ts +0 -1
  120. package/lib/components/truncate-with-tooltip/TruncateWithTooltip.styles.d.ts +1 -1
  121. package/lib/components/typography/Typography.d.ts +2 -4
  122. package/lib/testing-utils/index.d.ts +2 -2
  123. package/lib/theme-provider/ThemeProvider.d.ts +4 -7
  124. package/lib/theme-provider/colors/light-theme-colors.d.ts +1 -2
  125. package/package.json +4 -5
  126. package/lib/components/input-form-fields/InputLabel.d.ts +0 -17
  127. package/lib/components/navigation-rail/NavigationRail.stories.data.d.ts +0 -9
package/index.esm.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
- import React__default, { useEffect, useState, forwardRef, useRef, Fragment, createElement, useMemo, useContext, createContext, useCallback } from 'react';
4
- import { Tooltip, Icon, Typography, Accordion, Fade, StylesProvider, MuiThemeProvider, AccordionSummary, AccordionDetails, Divider, AccordionActions, Toolbar, IconButton, Link, Avatar, List, ListItem, CircularProgress, Popper, MenuList, MenuItem, Paper, ClickAwayListener, Drawer, ListItemIcon, ListItemText, Collapse, ListSubheader, Badge, useMediaQuery, InputAdornment, InputLabel, TextField, Button, darken, Chip, Breadcrumbs, Card, CardContent, CardHeader, FormControlLabel, Checkbox, FormControl, FormGroup, FormLabel, FormHelperText, Dialog, DialogTitle, DialogContent, DialogActions, useTheme, RadioGroup, Radio, Switch, Snackbar, ButtonGroup, TablePagination, TableContainer, TableCell, TableRow, TableBody, TableSortLabel, TableHead, Table, Tabs, Tab } from '@material-ui/core';
5
- import styled, { css, createGlobalStyle, ThemeProvider, keyframes } from 'styled-components';
6
- import { createTheme, alpha } from '@material-ui/core/styles';
7
- import { Alert, Autocomplete, AvatarGroup, ToggleButtonGroup, ToggleButton, Skeleton } from '@material-ui/lab';
3
+ import { useState, useEffect, forwardRef, useRef, Fragment, createElement, useMemo, useContext, createContext, useCallback } from 'react';
4
+ import { Tooltip, Icon, Typography, Accordion, AccordionSummary, AccordionDetails, AccordionActions, InputAdornment, TextField, Toolbar, Alert, Fade, IconButton, Link, Avatar, List, ListItem, CircularProgress, Popper, MenuList, MenuItem, Paper, ClickAwayListener, Drawer, ListItemIcon, Collapse, ListSubheader, Divider, ListItemText, Badge, useMediaQuery, Autocomplete, Button, darken, Chip, AvatarGroup, Breadcrumbs, ToggleButtonGroup, ToggleButton, Card, CardContent, CardHeader, FormControlLabel, Checkbox, FormControl, FormGroup, FormLabel, FormHelperText, Dialog, DialogTitle, DialogContent, DialogActions, useTheme, RadioGroup, Radio, Switch, Skeleton, Snackbar, ButtonGroup, TablePagination, TableContainer, TableCell, TableRow, TableBody, TableSortLabel, TableHead, Table, Tabs, Tab } from '@mui/material';
5
+ import styled, { css, createGlobalStyle, ThemeProvider as ThemeProvider$1, keyframes } from 'styled-components';
6
+ import { createTheme, ThemeProvider, alpha } from '@mui/material/styles';
7
+ import { StylesProvider } from '@mui/styles';
8
8
  import { useDropzone } from 'react-dropzone';
9
9
  import GridLayout, { WidthProvider } from 'react-grid-layout';
10
10
 
@@ -41,11 +41,11 @@ const DotTooltip = ({
41
41
  }), void 0) : children;
42
42
  };
43
43
 
44
- const rootClassName$Z = 'dot-icon';
44
+ const rootClassName$_ = 'dot-icon';
45
45
  const StyledIcon = styled(Icon).withConfig({
46
46
  displayName: "Iconstyles__StyledIcon",
47
47
  componentId: "st0ybo-0"
48
- })(["&.", "{align-items:center;box-sizing:content-box;display:flex;float:left;font-size:20px;justify-content:center;&.MuiIcon-fontSizeLarge{font-size:28px;height:35px;width:35px;i{height:28px}}&.MuiIcon-fontSizeSmall{font-size:18px;i{height:18px;}}i{height:20px;&:before{font-family:'dot' !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}&.icon-applications:before{content:\"\\ea03\";}&.icon-migration:before{content:\"\\ea04\";}&.icon-cleanup:before{content:\"\\ea05\";}&.icon-user-add:before{content:\"\\ea06\";}&.icon-back-solid:before{content:\"\\ea07\";}&.icon-defect:before{content:\"\\ea08\";}&.icon-singleproject:before{content:\"\\e9f9\";}&.icon-share:before{content:\"\\e9fa\";}&.icon-requesttemplate:before{content:\"\\e9fb\";}&.icon-project:before{content:\"\\e9fc\";}&.icon-progresstracker:before{content:\"\\e9fd\";}&.icon-devops:before{content:\"\\e9fe\";}&.icon-closedproject:before{content:\"\\e9ff\";}&.icon-chess:before{content:\"\\ea00\";}&.icon-ball:before{content:\"\\ea01\";}&.icon-mobile:before{content:\"\\ea02\";}&.icon-ideaspace:before{content:\"\\e9de\";}&.icon-testtemplate:before{content:\"\\e9df\";}&.icon-regressionset:before{content:\"\\e9e0\";}&.icon-testset:before{content:\"\\e9e1\";}&.icon-forecast:before{content:\"\\e9e2\";}&.icon-bookmark:before{content:\"\\e9e3\";}&.icon-forward:before{content:\"\\e9e4\";}&.icon-assetapp:before{content:\"\\e9e5\";}&.icon-unbundle:before{content:\"\\e9e6\";}&.icon-stream:before{content:\"\\e9e7\";}&.icon-stream:before{content:\"\\e9e7\";}&.icon-hourglass:before{content:\"\\e9e8\";}&.icon-support:before{content:\"\\e9e9\";}&.icon-trophy:before{content:\"\\e9ea\";}&.icon-regression:before{content:\"\\e9eb\";}&.icon-tasktemplate:before{content:\"\\e9ec\";}&.icon-defecttemplate:before{content:\"\\e9ed\";}&.icon-request:before{content:\"\\e9ee\";}&.icon-activity:before{content:\"\\e9ef\";}&.icon-bulb:before{content:\"\\e9f0\";}&.icon-wallet:before{content:\"\\e9f1\";}&.icon-epic:before{content:\"\\e9f2\";}&.icon-column-swap-right:before{content:\"\\e9f3\";}&.icon-column-swap-left:before{content:\"\\e9f4\";}&.icon-gears:before{content:\"\\e9f5\";}&.icon-portfolioitemtemplate:before{content:\"\\e9f6\";}&.icon-storytemplate:before{content:\"\\e9f7\";}&.icon-story:before{content:\"\\e9f8\";}&.icon-check-line:before{content:\"\\e9dd\";}&.icon-plugins:before{content:\"\\e9dc\";}&.icon-integrations:before{content:\"\\e9db\";}&.icon-line-graph:before{content:\"\\e9d7\";}&.icon-rocket-filled:before{content:\"\\e9d8\";}&.icon-circle-check-outline:before{content:\"\\e9d9\";}&.icon-circle-info-outline:before{content:\"\\e9da\";}&.icon-analytics:before{content:\"\\e9d4\";}&.icon-Increment:before{content:\"\\e9d5\";}&.icon-Portfolio:before{content:\"\\e9d6\";}&.icon-user-security:before{content:\"\\e9d2\";}&.icon-rocket:before{content:\"\\e9d3\";}&.icon-merge:before{content:\"\\e9d1\";}&.icon-cpu:before{content:\"\\e9d0\";}&.icon-progression:before{content:\"\\e9cf\";}&.icon-commit:before{content:\"\\e95f\";}&.icon-design:before{content:\"\\e960\";}&.icon-key:before{content:\"\\e981\";}&.icon-infrastructure:before{content:\"\\e989\";}&.icon-report:before{content:\"\\e9ce\";}&.icon-package:before{content:\"\\e9c9\";}&.icon-security-off:before{content:\"\\e9ca\";}&.icon-security-on:before{content:\"\\e9cb\";}&.icon-marker-check:before{content:\"\\e9cc\";}&.icon-restore:before{content:\"\\e9cd\";}&.icon-check-outlined:before{content:\"\\e9c7\";}&.icon-circle-half-full:before{content:\"\\e9c8\";}&.icon-host:before{content:'\\e9b9';}&.icon-cluster:before{content:'\\e9ba';}&.icon-environment:before{content:'\\e9bb';}&.icon-monitor-controls:before{content:'\\e9bc';}&.icon-flag:before{content:'\\e9bd';}&.icon-satelite:before{content:'\\e9be';}&.icon-satelite-group:before{content:'\\e9bf';}&.icon-monitor-gears:before{content:'\\e9c0';}&.icon-patch:before{content:'\\e9b6';}&.icon-branch:before{content:'\\e9b4';}&.icon-send-airplane:before{content:'\\e9b5';}&.icon-briefcase:before{content:'\\e9b7';}&.icon-cluster-dependencies:before{content:'\\e9b8';}&.icon-script:before{content:'\\e966';}&.icon-pattern-bundle:before{content:'\\e967';}&.icon-outline:before{content:'\\e968';}&.icon-apps:before{content:'\\e969';}&.icon-archive:before{content:'\\e96a';}&.icon-arrow-down:before{content:'\\e96b';}&.icon-arrow-right:before{content:'\\e96c';}&.icon-arrow-up:before{content:'\\e96d';}&.icon-attachment:before{content:'\\e96e';}&.icon-board:before{content:'\\e96f';}&.icon-calendar:before{content:'\\e970';}&.icon-change:before{content:'\\e971';}&.icon-chevron-right:before{content:'\\e972';}&.icon-circle-minus-outlines:before{content:'\\e973';}&.icon-circle-paused:before{content:'\\e974';}&.icon-column:before{content:'\\e975';}&.icon-comment:before{content:'\\e976';}&.icon-configuration-preferences:before{content:'\\e977';}&.icon-conversation-bubbles:before{content:'\\e978';}&.icon-dashboard:before{content:'\\e979';}&.icon-database:before{content:'\\e97a';}&.icon-delivery-eta-icon:before{content:'\\e97b';}&.icon-download:before{content:'\\e97c';}&.icon-drag:before{content:'\\e97d';}&.icon-duplicate:before{content:'\\e97e';}&.icon-exit:before{content:'\\e97f';}&.icon-expand-chevrons:before{content:'\\e980';}&.icon-expander:before{content:'\\e981';}&.icon-file-image:before{content:'\\e982';}&.icon-file-lines:before{content:'\\e983';}&.icon-file-warning:before{content:'\\e984';}&.icon-file:before{content:'\\e985';}&.icon-filter:before{content:'\\e986';}&.icon-flag-none:before{content:'\\e987';}&.icon-folder:before{content:'\\e988';}&.icon-full-screen:before{content:'\\e989';}&.icon-fullscreen-enter:before{content:'\\e98a';}&.icon-fullscreen-exit:before{content:'\\e98b';}&.icon-grid:before{content:'\\e98c';}&.icon-hard-drive:before{content:'\\e98d';}&.icon-help:before{content:'\\e98e';}&.icon-history:before{content:'\\e98f';}&.icon-inbox:before{content:'\\e990';}&.icon-link:before{content:'\\e991';}&.icon-list:before{content:'\\e992';}&.icon-lock:before{content:'\\e993';}&.icon-mail:before{content:'\\e994';}&.icon-menu:before{content:'\\e995';}&.icon-monitor-satellite:before{content:'\\e996';}&.icon-monitor:before{content:'\\e997';}&.icon-notification-bell:before{content:'\\e998';}&.icon-open-new-tab:before{content:'\\e999';}&.icon-options:before{content:'\\e99a';}&.icon-parallel:before{content:'\\e99b';}&.icon-pending-clock:before{content:'\\e99c';}&.icon-play:before{content:'\\e99d';}&.icon-redo:before{content:'\\e99e';}&.icon-refresh:before{content:'\\e99f';}&.icon-release:before{content:'\\e9a0';}&.icon-search:before{content:'\\e9a3';}&.icon-sequential:before{content:'\\e9a4';}&.icon-sort-asc:before{content:'\\e9a5';}&.icon-sort-desc:before{content:'\\e9a6';}&.icon-star-favorites-active:before{content:'\\e9a7';}&.icon-star-favorites-default:before{content:'\\e9a8';}&.icon-target:before{content:'\\e9a9';}&.icon-task:before{content:'\\e9aa';}&.icon-template:before{content:'\\e9ab';}&.icon-undo:before{content:'\\e9ac';}&.icon-unlock:before{content:'\\e9ad';}&.icon-variable:before{content:'\\e9ae';}&.icon-vault:before{content:'\\e9af';}&.icon-visibility-off:before{content:'\\e9b0';}&.icon-visibility-on:before{content:'\\e9b1';}&.icon-webhook:before{content:'\\e9b2';}&.icon-wrench:before{content:'\\e9b3';}&.icon-bright:before{content:'\\e961';}&.icon-rogue-commits:before{content:'\\e962';}&.icon-home:before{content:'\\e963';}&.icon-blocking-issues:before{content:'\\e964';}&.icon-print-link:before{content:'\\e965';}&.icon-logo-deploy:before{content:'\\e902';}&.icon-logo-experitest:before{content:'\\e903';}&.icon-logo-numerify:before{content:'\\e904';}&.icon-logo-arxan:before{content:'\\e905';}&.icon-logo-continuum:before{content:'\\e906';}&.icon-logo-versionone:before{content:'\\e907';}&.icon-logo-release:before{content:'\\e908';}&.icon-warning-solid:before{content:'\\e909';}&.icon-warning-outline:before{content:'\\e90a';}&.icon-info-solid:before{content:'\\e90b';}&.icon-minus-solid:before{content:'\\e90c';}&.icon-check-solid:before{content:'\\e90d';}&.icon-error-solid:before{content:'\\e90e';}&.icon-error-outlines:before{content:'\\e90f';}&.icon-add-outlined:before{content:'\\e910';}&.icon-add-solid:before{content:'\\e911';}&.icon-clear-solid:before{content:'\\e912';}&.icon-dark:before{content:'\\e913';}&.icon-location:before{content:'\\e914';}&.icon-roadmap:before{content:'\\e915';}&.icon-follow-solid:before{content:'\\e916';}&.icon-follow-outlined:before{content:'\\e917';}&.icon-video:before{content:'\\e918';}&.icon-thumbs-down:before{content:'\\e919';}&.icon-camera:before{content:'\\e91a';}&.icon-users:before{content:'\\e91b';}&.icon-user:before{content:'\\e91c';}&.icon-announcement:before{content:'\\e91d';}&.icon-not-allowed:before{content:'\\e91e';}&.icon-zoom-out:before{content:'\\e91f';}&.icon-zoom-in:before{content:'\\e920';}&.icon-triangle:before{content:'\\e921';}&.icon-delay:before{content:'\\e922';}&.icon-circle-outline:before{content:'\\e923';}&.icon-circle:before{content:'\\e924';}&.icon-add-from-list:before{content:'\\e925';}&.icon-sync:before{content:'\\e926';}&.icon-keyboard:before{content:'\\e927';}&.icon-planner:before{content:'\\e928';}&.icon-tag:before{content:'\\e929';}&.icon-progress:before{content:'\\e92a';}&.icon-timeline:before{content:'\\e92b';}&.icon-abort:before{content:'\\e92c';}&.icon-cancel:before{content:'\\e92d';}&.icon-power:before{content:'\\e92e';}&.icon-resize:before{content:'\\e92f';}&.icon-close:before{content:'\\e930';}&.icon-save:before{content:'\\e931';}&.icon-drag-vertical-up-down:before{content:'\\e932';}&.icon-add:before{content:'\\e933';}&.icon-minus:before{content:'\\e934';}&.icon-target-none:before{content:'\\e935';}&.icon-placeholder:before{content:'\\e936';}&.icon-server:before{content:'\\e937';}&.icon-square-wrench:before{content:'\\e938';}&.icon-square-wrench-check:before{content:'\\e939';}&.icon-square-settings:before{content:'\\e93a';}&.icon-trigger:before{content:'\\e93c';}&.icon-precondition:before{content:'\\e93d';}&.icon-composition:before{content:'\\e93e';}&.icon-block:before{content:'\\e93f';}&.icon-group:before{content:'\\e940';}&.icon-settings-admin-opaque:before{content:'\\e941';}&.icon-puzzle:before{content:'\\e942';}&.icon-alphabet-icon:before{content:'\\e943';}&.icon-crop:before{content:'\\e944';}&.icon-upload-file:before{content:'\\e945';}&.icon-container:before{content:'\\e946';}&.icon-flag-risk:before{content:'\\e947';}&.icon-learn:before{content:'\\e948';}&.icon-tree:before{content:'\\e949';}&.icon-process-template:before{content:'\\e94a';}&.icon-flag-attention:before{content:'\\e94b';}&.icon-collection:before{content:'\\e94c';}&.icon-table:before{content:'\\e94d';}&.icon-linkBrakeIt:before{content:'\\e94e';}&.icon-move-folder:before{content:'\\e94f';}&.icon-columns:before{content:'\\e950';}&.icon-file-word-doc:before{content:'\\e951';}&.icon-file-ppt:before{content:'\\e952';}&.icon-file-zip:before{content:'\\e953';}&.icon-file-xls:before{content:'\\e954';}&.icon-file-pdf:before{content:'\\e955';}&.icon-file-xml:before{content:'\\e956';}&.icon-dictionary-locked:before{content:'\\e957';}&.icon-dictionary:before{content:'\\e958';}&.icon-file-dotted:before{content:'\\e959';}&.icon-file-circle-check:before{content:'\\e95a';}&.icon-back:before{content:'\\e95b';}&.icon-chevron-left:before{content:'\\e95c';}&.icon-chevron-up:before{content:'\\e95d';}&.icon-chevron-down:before{content:'\\e95e';}&.icon-return-level-up:before{content:'\\e95f';}&.icon-return:before{content:'\\e960';}&.icon-edit:before{content:'\\e900';}&.icon-delete:before{content:'\\e901';}&.icon-settings:before{content:\"\\e93b\";}&.icon-network-drive:before{content:\"\\e9a1\";}&.icon-GitOps:before{content:\"\\e9a2\";}&.icon-rss:before{content:\"\\e9c1\";}&.icon-bug:before{content:\"\\e9c2\";}&.icon-cloud:before{content:\"\\e9c3\";}&.icon-more-horizontal:before{content:\"\\e9c4\";}&.icon-expand:before{content:\"\\e9c5\";}&.icon-collapse:before{content:\"\\e9c6\";}}}}"], rootClassName$Z);
48
+ })(["&.", "{align-items:center;box-sizing:content-box;display:flex;float:left;font-size:20px;justify-content:center;&.MuiIcon-fontSizeLarge{font-size:28px;height:35px;width:35px;i{height:28px}}&.MuiIcon-fontSizeSmall{font-size:18px;i{height:18px;}}i{height:20px;&:before{font-family:'dot' !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}&.icon-applications:before{content:\"\\ea03\";}&.icon-migration:before{content:\"\\ea04\";}&.icon-cleanup:before{content:\"\\ea05\";}&.icon-user-add:before{content:\"\\ea06\";}&.icon-back-solid:before{content:\"\\ea07\";}&.icon-defect:before{content:\"\\ea08\";}&.icon-singleproject:before{content:\"\\e9f9\";}&.icon-share:before{content:\"\\e9fa\";}&.icon-requesttemplate:before{content:\"\\e9fb\";}&.icon-project:before{content:\"\\e9fc\";}&.icon-progresstracker:before{content:\"\\e9fd\";}&.icon-devops:before{content:\"\\e9fe\";}&.icon-closedproject:before{content:\"\\e9ff\";}&.icon-chess:before{content:\"\\ea00\";}&.icon-ball:before{content:\"\\ea01\";}&.icon-mobile:before{content:\"\\ea02\";}&.icon-ideaspace:before{content:\"\\e9de\";}&.icon-testtemplate:before{content:\"\\e9df\";}&.icon-regressionset:before{content:\"\\e9e0\";}&.icon-testset:before{content:\"\\e9e1\";}&.icon-forecast:before{content:\"\\e9e2\";}&.icon-bookmark:before{content:\"\\e9e3\";}&.icon-forward:before{content:\"\\e9e4\";}&.icon-assetapp:before{content:\"\\e9e5\";}&.icon-unbundle:before{content:\"\\e9e6\";}&.icon-stream:before{content:\"\\e9e7\";}&.icon-stream:before{content:\"\\e9e7\";}&.icon-hourglass:before{content:\"\\e9e8\";}&.icon-support:before{content:\"\\e9e9\";}&.icon-trophy:before{content:\"\\e9ea\";}&.icon-regression:before{content:\"\\e9eb\";}&.icon-tasktemplate:before{content:\"\\e9ec\";}&.icon-defecttemplate:before{content:\"\\e9ed\";}&.icon-request:before{content:\"\\e9ee\";}&.icon-activity:before{content:\"\\e9ef\";}&.icon-bulb:before{content:\"\\e9f0\";}&.icon-wallet:before{content:\"\\e9f1\";}&.icon-epic:before{content:\"\\e9f2\";}&.icon-column-swap-right:before{content:\"\\e9f3\";}&.icon-column-swap-left:before{content:\"\\e9f4\";}&.icon-gears:before{content:\"\\e9f5\";}&.icon-portfolioitemtemplate:before{content:\"\\e9f6\";}&.icon-storytemplate:before{content:\"\\e9f7\";}&.icon-story:before{content:\"\\e9f8\";}&.icon-check-line:before{content:\"\\e9dd\";}&.icon-plugins:before{content:\"\\e9dc\";}&.icon-integrations:before{content:\"\\e9db\";}&.icon-line-graph:before{content:\"\\e9d7\";}&.icon-rocket-filled:before{content:\"\\e9d8\";}&.icon-circle-check-outline:before{content:\"\\e9d9\";}&.icon-circle-info-outline:before{content:\"\\e9da\";}&.icon-analytics:before{content:\"\\e9d4\";}&.icon-Increment:before{content:\"\\e9d5\";}&.icon-Portfolio:before{content:\"\\e9d6\";}&.icon-user-security:before{content:\"\\e9d2\";}&.icon-rocket:before{content:\"\\e9d3\";}&.icon-merge:before{content:\"\\e9d1\";}&.icon-cpu:before{content:\"\\e9d0\";}&.icon-progression:before{content:\"\\e9cf\";}&.icon-commit:before{content:\"\\e95f\";}&.icon-design:before{content:\"\\e960\";}&.icon-key:before{content:\"\\e981\";}&.icon-infrastructure:before{content:\"\\e989\";}&.icon-report:before{content:\"\\e9ce\";}&.icon-package:before{content:\"\\e9c9\";}&.icon-security-off:before{content:\"\\e9ca\";}&.icon-security-on:before{content:\"\\e9cb\";}&.icon-marker-check:before{content:\"\\e9cc\";}&.icon-restore:before{content:\"\\e9cd\";}&.icon-check-outlined:before{content:\"\\e9c7\";}&.icon-circle-half-full:before{content:\"\\e9c8\";}&.icon-host:before{content:'\\e9b9';}&.icon-cluster:before{content:'\\e9ba';}&.icon-environment:before{content:'\\e9bb';}&.icon-monitor-controls:before{content:'\\e9bc';}&.icon-flag:before{content:'\\e9bd';}&.icon-satelite:before{content:'\\e9be';}&.icon-satelite-group:before{content:'\\e9bf';}&.icon-monitor-gears:before{content:'\\e9c0';}&.icon-patch:before{content:'\\e9b6';}&.icon-branch:before{content:'\\e9b4';}&.icon-send-airplane:before{content:'\\e9b5';}&.icon-briefcase:before{content:'\\e9b7';}&.icon-cluster-dependencies:before{content:'\\e9b8';}&.icon-script:before{content:'\\e966';}&.icon-pattern-bundle:before{content:'\\e967';}&.icon-outline:before{content:'\\e968';}&.icon-apps:before{content:'\\e969';}&.icon-archive:before{content:'\\e96a';}&.icon-arrow-down:before{content:'\\e96b';}&.icon-arrow-right:before{content:'\\e96c';}&.icon-arrow-up:before{content:'\\e96d';}&.icon-attachment:before{content:'\\e96e';}&.icon-board:before{content:'\\e96f';}&.icon-calendar:before{content:'\\e970';}&.icon-change:before{content:'\\e971';}&.icon-chevron-right:before{content:'\\e972';}&.icon-circle-minus-outlines:before{content:'\\e973';}&.icon-circle-paused:before{content:'\\e974';}&.icon-column:before{content:'\\e975';}&.icon-comment:before{content:'\\e976';}&.icon-configuration-preferences:before{content:'\\e977';}&.icon-conversation-bubbles:before{content:'\\e978';}&.icon-dashboard:before{content:'\\e979';}&.icon-database:before{content:'\\e97a';}&.icon-delivery-eta-icon:before{content:'\\e97b';}&.icon-download:before{content:'\\e97c';}&.icon-drag:before{content:'\\e97d';}&.icon-duplicate:before{content:'\\e97e';}&.icon-exit:before{content:'\\e97f';}&.icon-expand-chevrons:before{content:'\\e980';}&.icon-expander:before{content:'\\e981';}&.icon-file-image:before{content:'\\e982';}&.icon-file-lines:before{content:'\\e983';}&.icon-file-warning:before{content:'\\e984';}&.icon-file:before{content:'\\e985';}&.icon-filter:before{content:'\\e986';}&.icon-flag-none:before{content:'\\e987';}&.icon-folder:before{content:'\\e988';}&.icon-full-screen:before{content:'\\e989';}&.icon-fullscreen-enter:before{content:'\\e98a';}&.icon-fullscreen-exit:before{content:'\\e98b';}&.icon-grid:before{content:'\\e98c';}&.icon-hard-drive:before{content:'\\e98d';}&.icon-help:before{content:'\\e98e';}&.icon-history:before{content:'\\e98f';}&.icon-inbox:before{content:'\\e990';}&.icon-link:before{content:'\\e991';}&.icon-list:before{content:'\\e992';}&.icon-lock:before{content:'\\e993';}&.icon-mail:before{content:'\\e994';}&.icon-menu:before{content:'\\e995';}&.icon-monitor-satellite:before{content:'\\e996';}&.icon-monitor:before{content:'\\e997';}&.icon-notification-bell:before{content:'\\e998';}&.icon-open-new-tab:before{content:'\\e999';}&.icon-options:before{content:'\\e99a';}&.icon-parallel:before{content:'\\e99b';}&.icon-pending-clock:before{content:'\\e99c';}&.icon-play:before{content:'\\e99d';}&.icon-redo:before{content:'\\e99e';}&.icon-refresh:before{content:'\\e99f';}&.icon-release:before{content:'\\e9a0';}&.icon-search:before{content:'\\e9a3';}&.icon-sequential:before{content:'\\e9a4';}&.icon-sort-asc:before{content:'\\e9a5';}&.icon-sort-desc:before{content:'\\e9a6';}&.icon-star-favorites-active:before{content:'\\e9a7';}&.icon-star-favorites-default:before{content:'\\e9a8';}&.icon-target:before{content:'\\e9a9';}&.icon-task:before{content:'\\e9aa';}&.icon-template:before{content:'\\e9ab';}&.icon-undo:before{content:'\\e9ac';}&.icon-unlock:before{content:'\\e9ad';}&.icon-variable:before{content:'\\e9ae';}&.icon-vault:before{content:'\\e9af';}&.icon-visibility-off:before{content:'\\e9b0';}&.icon-visibility-on:before{content:'\\e9b1';}&.icon-webhook:before{content:'\\e9b2';}&.icon-wrench:before{content:'\\e9b3';}&.icon-bright:before{content:'\\e961';}&.icon-rogue-commits:before{content:'\\e962';}&.icon-home:before{content:'\\e963';}&.icon-blocking-issues:before{content:'\\e964';}&.icon-print-link:before{content:'\\e965';}&.icon-logo-deploy:before{content:'\\e902';}&.icon-logo-experitest:before{content:'\\e903';}&.icon-logo-numerify:before{content:'\\e904';}&.icon-logo-arxan:before{content:'\\e905';}&.icon-logo-continuum:before{content:'\\e906';}&.icon-logo-versionone:before{content:'\\e907';}&.icon-logo-release:before{content:'\\e908';}&.icon-warning-solid:before{content:'\\e909';}&.icon-warning-outline:before{content:'\\e90a';}&.icon-info-solid:before{content:'\\e90b';}&.icon-minus-solid:before{content:'\\e90c';}&.icon-check-solid:before{content:'\\e90d';}&.icon-error-solid:before{content:'\\e90e';}&.icon-error-outlines:before{content:'\\e90f';}&.icon-add-outlined:before{content:'\\e910';}&.icon-add-solid:before{content:'\\e911';}&.icon-clear-solid:before{content:'\\e912';}&.icon-dark:before{content:'\\e913';}&.icon-location:before{content:'\\e914';}&.icon-roadmap:before{content:'\\e915';}&.icon-follow-solid:before{content:'\\e916';}&.icon-follow-outlined:before{content:'\\e917';}&.icon-video:before{content:'\\e918';}&.icon-thumbs-down:before{content:'\\e919';}&.icon-camera:before{content:'\\e91a';}&.icon-users:before{content:'\\e91b';}&.icon-user:before{content:'\\e91c';}&.icon-announcement:before{content:'\\e91d';}&.icon-not-allowed:before{content:'\\e91e';}&.icon-zoom-out:before{content:'\\e91f';}&.icon-zoom-in:before{content:'\\e920';}&.icon-triangle:before{content:'\\e921';}&.icon-delay:before{content:'\\e922';}&.icon-circle-outline:before{content:'\\e923';}&.icon-circle:before{content:'\\e924';}&.icon-add-from-list:before{content:'\\e925';}&.icon-sync:before{content:'\\e926';}&.icon-keyboard:before{content:'\\e927';}&.icon-planner:before{content:'\\e928';}&.icon-tag:before{content:'\\e929';}&.icon-progress:before{content:'\\e92a';}&.icon-timeline:before{content:'\\e92b';}&.icon-abort:before{content:'\\e92c';}&.icon-cancel:before{content:'\\e92d';}&.icon-power:before{content:'\\e92e';}&.icon-resize:before{content:'\\e92f';}&.icon-close:before{content:'\\e930';}&.icon-save:before{content:'\\e931';}&.icon-drag-vertical-up-down:before{content:'\\e932';}&.icon-add:before{content:'\\e933';}&.icon-minus:before{content:'\\e934';}&.icon-target-none:before{content:'\\e935';}&.icon-placeholder:before{content:'\\e936';}&.icon-server:before{content:'\\e937';}&.icon-square-wrench:before{content:'\\e938';}&.icon-square-wrench-check:before{content:'\\e939';}&.icon-square-settings:before{content:'\\e93a';}&.icon-trigger:before{content:'\\e93c';}&.icon-precondition:before{content:'\\e93d';}&.icon-composition:before{content:'\\e93e';}&.icon-block:before{content:'\\e93f';}&.icon-group:before{content:'\\e940';}&.icon-settings-admin-opaque:before{content:'\\e941';}&.icon-puzzle:before{content:'\\e942';}&.icon-alphabet-icon:before{content:'\\e943';}&.icon-crop:before{content:'\\e944';}&.icon-upload-file:before{content:'\\e945';}&.icon-container:before{content:'\\e946';}&.icon-flag-risk:before{content:'\\e947';}&.icon-learn:before{content:'\\e948';}&.icon-tree:before{content:'\\e949';}&.icon-process-template:before{content:'\\e94a';}&.icon-flag-attention:before{content:'\\e94b';}&.icon-collection:before{content:'\\e94c';}&.icon-table:before{content:'\\e94d';}&.icon-linkBrakeIt:before{content:'\\e94e';}&.icon-move-folder:before{content:'\\e94f';}&.icon-columns:before{content:'\\e950';}&.icon-file-word-doc:before{content:'\\e951';}&.icon-file-ppt:before{content:'\\e952';}&.icon-file-zip:before{content:'\\e953';}&.icon-file-xls:before{content:'\\e954';}&.icon-file-pdf:before{content:'\\e955';}&.icon-file-xml:before{content:'\\e956';}&.icon-dictionary-locked:before{content:'\\e957';}&.icon-dictionary:before{content:'\\e958';}&.icon-file-dotted:before{content:'\\e959';}&.icon-file-circle-check:before{content:'\\e95a';}&.icon-back:before{content:'\\e95b';}&.icon-chevron-left:before{content:'\\e95c';}&.icon-chevron-up:before{content:'\\e95d';}&.icon-chevron-down:before{content:'\\e95e';}&.icon-return-level-up:before{content:'\\e95f';}&.icon-return:before{content:'\\e960';}&.icon-edit:before{content:'\\e900';}&.icon-delete:before{content:'\\e901';}&.icon-settings:before{content:\"\\e93b\";}&.icon-network-drive:before{content:\"\\e9a1\";}&.icon-GitOps:before{content:\"\\e9a2\";}&.icon-rss:before{content:\"\\e9c1\";}&.icon-bug:before{content:\"\\e9c2\";}&.icon-cloud:before{content:\"\\e9c3\";}&.icon-more-horizontal:before{content:\"\\e9c4\";}&.icon-expand:before{content:\"\\e9c5\";}&.icon-collapse:before{content:\"\\e9c6\";}}}}"], rootClassName$_);
49
49
 
50
50
  const DotIcon = ({
51
51
  ariaLabel,
@@ -53,23 +53,9 @@ const DotIcon = ({
53
53
  'data-testid': dataTestId,
54
54
  fontSize: _fontSize = 'medium',
55
55
  iconId,
56
- title,
57
56
  tooltip
58
57
  }) => {
59
- const rootClasses = useStylesWithRootClass(rootClassName$Z, className); // deprecation warning(s)
60
-
61
- useEffect(() => {
62
- // 'inherit' causes the vertical alignment of the icon to be not be centered
63
- // TO-DO: S-76846 MUI 5 change IconFontSize 'default' to 'medium'
64
- if (_fontSize === 'inherit' || _fontSize === 'default') {
65
- console.warn(`The use of \`fontSize: ${_fontSize}\` on \`DotIcon\` is deprecated and will be removed in the next release. Please consider using \`fontSize: medium\` instead.`);
66
- } // deprecation warning
67
-
68
-
69
- if (title) {
70
- console.warn('The use of `title` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
71
- }
72
- }, []);
58
+ const rootClasses = useStylesWithRootClass(rootClassName$_, className);
73
59
  return jsx(DotTooltip, Object.assign({
74
60
  title: tooltip
75
61
  }, {
@@ -80,7 +66,7 @@ const DotIcon = ({
80
66
  root: rootClasses
81
67
  },
82
68
  "data-testid": dataTestId,
83
- fontSize: _fontSize === 'small' ? _fontSize : 'medium'
69
+ fontSize: _fontSize
84
70
  }, {
85
71
  children: jsx("i", {
86
72
  className: `icon-${iconId} dot-i`
@@ -95,7 +81,6 @@ const DotTypography = ({
95
81
  'data-testid': dataTestId,
96
82
  children,
97
83
  component,
98
- noMarginBottom,
99
84
  noWrap,
100
85
  variant
101
86
  }) => {
@@ -108,16 +93,13 @@ const DotTypography = ({
108
93
  component: component,
109
94
  "data-testid": dataTestId,
110
95
  noWrap: noWrap,
111
- style: {
112
- marginBottom: noMarginBottom ? 0 : undefined
113
- },
114
96
  variant: variant
115
97
  }, {
116
98
  children: children
117
99
  }), void 0);
118
100
  };
119
101
 
120
- const rootClassName$Y = 'dot-accordion';
102
+ const rootClassName$Z = 'dot-accordion';
121
103
  const summaryClassName = 'dot-accordion-summary';
122
104
  const detailClassName = 'dot-accordion-details';
123
105
  const StyledAccordion = styled(Accordion).withConfig({
@@ -125,7 +107,122 @@ const StyledAccordion = styled(Accordion).withConfig({
125
107
  componentId: "sc-1amx4r3-0"
126
108
  })(["", ""], ({
127
109
  theme
128
- }) => css(["&.", "{background:", ";.", "{align-items:center;display:flex;.MuiAccordionSummary-content{align-items:center;gap:", "px;width:calc(100% - ", "px);.dot-tooltip{overflow:hidden;}}.MuiTypography-root{margin-bottom:0;}.MuiTypography-body1{padding:2px 0;}}}"], rootClassName$Y, theme.palette.product === 'agility' && theme.palette.layer.n50, summaryClassName, theme.spacing(1), theme.spacing(5)));
110
+ }) => css(["&.", " .", "{align-items:center;display:flex;.MuiAccordionSummary-content{align-items:center;gap:", ";width:calc(100% - ", ");.dot-tooltip{overflow:hidden;}}.MuiAccordionSummary-expandIconWrapper{padding:", ";margin-right:", ";}.MuiTypography-root{margin-bottom:0;}.MuiTypography-body1{padding:2px 0;}}"], rootClassName$Z, summaryClassName, theme.spacing(1), theme.spacing(5), theme.spacing(1.5), theme.spacing(-1.5)));
111
+
112
+ const DotAccordion = ({
113
+ actions,
114
+ ariaLabel,
115
+ children,
116
+ className,
117
+ 'data-testid': dataTestId = 'dot-accordion',
118
+ disabled: _disabled = false,
119
+ expanded,
120
+ hasElevation: _hasElevation = false,
121
+ onChange,
122
+ square: _square = false,
123
+ startIcon,
124
+ summary,
125
+ noWrap: _noWrap = true
126
+ }) => {
127
+ const rootClasses = useStylesWithRootClass(rootClassName$Z, className);
128
+ const [elevation, setElevation] = useState();
129
+ useEffect(() => {
130
+ if (onChange && expanded === undefined) {
131
+ 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.');
132
+ }
133
+ }, []);
134
+ useEffect(() => {
135
+ setElevation(_hasElevation ? 1 : 0);
136
+ }, [_hasElevation]);
137
+ return jsxs(StyledAccordion, Object.assign({
138
+ "aria-label": ariaLabel,
139
+ className: rootClasses,
140
+ "data-testid": dataTestId,
141
+ disabled: _disabled,
142
+ elevation: elevation,
143
+ expanded: onChange ? expanded : undefined,
144
+ onChange: onChange,
145
+ square: _square
146
+ }, {
147
+ children: [jsxs(AccordionSummary, Object.assign({
148
+ className: summaryClassName,
149
+ "data-testid": `${dataTestId}-summary`,
150
+ expandIcon: jsx(DotIcon, {
151
+ iconId: "chevron-down"
152
+ }, void 0)
153
+ }, {
154
+ children: [startIcon, jsx(DotTooltip, Object.assign({
155
+ "data-testid": "accordion-tooltip",
156
+ title: _noWrap ? summary : ''
157
+ }, {
158
+ children: jsx(DotTypography, Object.assign({
159
+ noWrap: _noWrap,
160
+ variant: "body1"
161
+ }, {
162
+ children: summary
163
+ }), void 0)
164
+ }), void 0)]
165
+ }), void 0), jsx(AccordionDetails, Object.assign({
166
+ className: detailClassName,
167
+ "data-testid": `${dataTestId}-details`
168
+ }, {
169
+ children: children
170
+ }), void 0), actions && jsx(AccordionActions, {
171
+ children: actions
172
+ }, void 0)]
173
+ }), void 0);
174
+ };
175
+
176
+ const rootClassName$Y = 'dot-text-field';
177
+ const rootSelectClassName = 'dot-select-field';
178
+ const warningClassName = 'dot-warning';
179
+ const adornmentIconClassName = 'dot-adornment-icon';
180
+ const fieldsetClassName = 'MuiOutlinedInput-notchedOutline';
181
+ const StyledAdornment = styled(InputAdornment).withConfig({
182
+ displayName: "InputFormFieldsstyles__StyledAdornment",
183
+ componentId: "sc-1mbn9f0-0"
184
+ })([".dot-icon{font-size:24px;height:24px;padding:0;width:24px;}"]);
185
+ const StyledTextField = styled(TextField).withConfig({
186
+ displayName: "InputFormFieldsstyles__StyledTextField",
187
+ componentId: "sc-1mbn9f0-1"
188
+ })(["", ""], ({
189
+ theme,
190
+ InputProps
191
+ }) => css(["&.", "{.MuiInputBase-input{box-sizing:content-box;}.MuiOutlinedInput-inputMarginDense{padding-top:10.5px;padding-bottom:10.5px;}.MuiOutlinedInput-inputMultiline{padding:0;}}&.", ",&.", "{.", "{color:", ";.dot-icon i{margin-top:-2px;}}.MuiSelect-select:focus{background-color:transparent;}.Mui-error .", "{color:", ";}.MuiSelect-icon{right:", ";}&.", "{.", "{color:", ";}.", "{border-color:", ";}}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.MuiFormHelperText-root{font-family:", ";font-size:12px;font-weight:400;margin:", ";display:flex;align-items:flex-end;&:not(.Mui-error){color:", ";}}.MuiInputBase-inputAdornedStart{padding-left:12px;}.MuiInputBase-inputAdornedEnd{padding-right:12px;}.MuiFormHelperText-root{font-family:", ";font-size:", ";margin:", ";display:flex;align-items:flex-end;&:not(.Mui-error){color:", ";}}"], rootClassName$Y, rootSelectClassName, rootClassName$Y, adornmentIconClassName, theme.palette.layer.n700, adornmentIconClassName, theme.palette.error[500], InputProps.endAdornment ? `44px` : `12px`, warningClassName, adornmentIconClassName, theme.palette.warning[500], fieldsetClassName, theme.palette.warning[500], theme.palette.grey[700], theme.typography.body2.fontFamily, theme.spacing(0, 0, 0, 2), theme.palette.grey[400], theme.typography.fontFamily, theme.typography.body2.fontSize, theme.spacing(0, 0, 0, 2), theme.palette.grey[400]));
192
+
193
+ const rootClassName$X = 'dot-action-toolbar';
194
+ const StyledToolbar = styled(Toolbar).withConfig({
195
+ displayName: "ActionToolbarstyles__StyledToolbar",
196
+ componentId: "sc-5llm03-0"
197
+ })(["", ""], ({
198
+ theme
199
+ }) => css(["&.", "{border-bottom:1px solid ", ";.", " .MuiInputBase-root{margin-bottom:0;}}"], rootClassName$X, theme.palette.grey[100], rootClassName$Y));
200
+
201
+ const DotActionToolbar = ({
202
+ ariaLabel,
203
+ children,
204
+ className,
205
+ 'data-testid': dataTestId,
206
+ variant: _variant = 'dense'
207
+ }) => {
208
+ const rootClasses = useStylesWithRootClass(rootClassName$X, className);
209
+ return jsx(StyledToolbar, Object.assign({
210
+ "aria-label": ariaLabel,
211
+ className: rootClasses,
212
+ "data-testid": dataTestId,
213
+ variant: _variant
214
+ }, {
215
+ children: children
216
+ }), void 0);
217
+ };
218
+
219
+ const rootClassName$W = 'dot-alert-banner';
220
+ const StyledAlertBanner = styled(Alert).withConfig({
221
+ displayName: "AlertBannerstyles__StyledAlertBanner",
222
+ componentId: "sc-1u3aqgz-0"
223
+ })(["", ""], ({
224
+ theme
225
+ }) => css(["&.", "{border-radius:8px;padding:", ";display:flex;align-items:center;.MuiAlert-action{}.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:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardError{background-color:", ";.dot-typography{color:", ";}.MuiAlert-icon{color:", ";}}}"], rootClassName$W, theme.spacing(0.75, 2), theme.palette.success[700], theme.palette.primary[50], theme.palette.primary[500], theme.palette.warning[100], theme.palette.grey[700], theme.palette.error[50], theme.palette.error[700], theme.palette.error[500]));
129
226
 
130
227
  var LatoRegular = "data:font/woff;base64,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";
131
228
 
@@ -148,49 +245,18 @@ const GlobalFonts = createGlobalStyle(_t || (_t = _`
148
245
  src: url(${0}) format('woff');
149
246
  }
150
247
 
248
+ @font-face {
249
+ font-family: 'LatoBold';
250
+ font-weight: 700;
251
+ src: url(${0}) format('woff');
252
+ }
253
+
151
254
  @font-face {
152
255
  font-display: block;
153
256
  font-family: 'dot';
154
257
  src: url(${0}) format('woff');
155
258
  }
156
- `), LatoRegular, LatoBold, Dot);
157
-
158
- const n0$2 = '#E6F0F4'; // level-0
159
-
160
- const n50$2 = '#FFFFFF'; // level-1
161
-
162
- const n100$2 = '#C3DBE4'; // level-2
163
-
164
- const n200$2 = '#9FC5D5'; // level-3
165
-
166
- const n300$2 = '#7CB0C5';
167
- const n400$2 = '#589BB6'; // text-3
168
-
169
- const n500$2 = '#438098'; // text-2
170
-
171
- const n600$2 = '#326174'; // text-1
172
-
173
- const n700$2 = '#244451'; // text-0
174
-
175
- const n800$1 = '#14262E';
176
- const n900$1 = '#000000';
177
-
178
- const n0$1 = '#050A0A'; // level-0
179
-
180
- const n50$1 = '#14262E'; // level-1
181
-
182
- const n100$1 = '#244451'; // level-2
183
-
184
- const n200$1 = '#336275'; // level-3
185
-
186
- const n300$1 = '#7CB0C5';
187
- const n400$1 = '#9FC5D5'; // text-3
188
-
189
- const n500$1 = '#E6F0F4'; // text-2
190
-
191
- const n600$1 = '#C3DBE4'; // text-1
192
-
193
- const n700$1 = '#FFFFFF'; // text-0
259
+ `), LatoRegular, LatoBold, LatoBold, Dot);
194
260
 
195
261
  //Primary blue
196
262
  //https://zeroheight.com/4a9ac476a/p/22005a-color/t/6288e9
@@ -308,8 +374,7 @@ const pA100 = '#ff9cd1';
308
374
  const pA200 = '#ff69b9';
309
375
  const pA400 = '#ff36a2';
310
376
  const pA700 = '#ff1d96';
311
- const agilityGreen = '#79b522';
312
- const agilityLightGreen = '#e4efd3';
377
+ const selectedGray = 'rgba(0, 0, 0, 0.12)';
313
378
 
314
379
  var lightThemeColors = /*#__PURE__*/Object.freeze({
315
380
  __proto__: null,
@@ -414,12 +479,25 @@ var lightThemeColors = /*#__PURE__*/Object.freeze({
414
479
  pA200: pA200,
415
480
  pA400: pA400,
416
481
  pA700: pA700,
417
- agilityGreen: agilityGreen,
418
- agilityLightGreen: agilityLightGreen
482
+ selectedGray: selectedGray
419
483
  });
420
484
 
421
- const componentTransition = {
422
- TransitionComponent: Fade
485
+ const componentOverrides = {
486
+ MuiMenu: {
487
+ defaultProps: {
488
+ TransitionComponent: Fade
489
+ }
490
+ },
491
+ MuiPopover: {
492
+ defaultProps: {
493
+ TransitionComponent: Fade
494
+ }
495
+ },
496
+ MuiTooltip: {
497
+ defaultProps: {
498
+ TransitionComponent: Fade
499
+ }
500
+ }
423
501
  };
424
502
  const typographyOptions = {
425
503
  fontFamily: 'Lato, sans-serif',
@@ -431,49 +509,42 @@ const typographyOptions = {
431
509
  },
432
510
  h1: {
433
511
  fontSize: 24,
434
- fontFamily: 'Lato, sans-serif',
435
- fontWeight: 700,
512
+ fontFamily: 'LatoBold, sans-serif',
436
513
  lineHeight: '30px'
437
514
  },
438
515
  h2: {
439
516
  fontSize: 20,
440
- fontFamily: 'Lato, sans-serif',
441
- fontWeight: 700,
517
+ fontFamily: 'LatoBold, sans-serif',
442
518
  lineHeight: '26px',
443
519
  letterSpacing: '0.02em'
444
520
  },
445
521
  h3: {
446
522
  fontSize: 17,
447
- fontFamily: 'Lato, sans-serif',
448
- fontWeight: 700,
523
+ fontFamily: 'LatoBold, sans-serif',
449
524
  lineHeight: '24px',
450
525
  letterSpacing: '0.02em'
451
526
  },
452
527
  h4: {
453
528
  fontSize: 14,
454
- fontFamily: 'Lato, sans-serif',
455
- fontWeight: 700,
529
+ fontFamily: 'LatoBold, sans-serif',
456
530
  lineHeight: '18px',
457
531
  letterSpacing: '0.03em'
458
532
  },
459
533
  h5: {
460
534
  fontSize: 12,
461
- fontFamily: 'Lato, sans-serif',
462
- fontWeight: 700,
535
+ fontFamily: 'LatoBold, sans-serif',
463
536
  lineHeight: '18px',
464
537
  letterSpacing: '0.03em'
465
538
  },
466
539
  subtitle1: {
467
- fontFamily: 'Lato, sans-serif',
468
- fontWeight: 700,
540
+ fontFamily: 'LatoBold, sans-serif',
469
541
  fontSize: 17,
470
542
  lineHeight: '23px',
471
543
  letterSpacing: '0.03em',
472
544
  marginBottom: 1
473
545
  },
474
546
  subtitle2: {
475
- fontFamily: 'Lato, sans-serif',
476
- fontWeight: 700,
547
+ fontFamily: 'LatoBold, sans-serif',
477
548
  fontSize: 14,
478
549
  lineHeight: '20px',
479
550
  letterSpacing: '0.03em',
@@ -493,7 +564,7 @@ const typographyOptions = {
493
564
  },
494
565
  caption: {
495
566
  fontSize: 10,
496
- fontFamily: 'Lato, sans-serif',
567
+ fontFamily: 'LatoBold, sans-serif',
497
568
  fontWeight: 700,
498
569
  lineHeight: '16px',
499
570
  letterSpacing: '0.03em',
@@ -559,148 +630,10 @@ const avatarColors = {
559
630
  backgroundColor: n200
560
631
  }
561
632
  };
562
- const agilityLightTheme = createTheme({
563
- breakpoints: Object.assign({}, breakpointOptions),
564
- palette: {
565
- type: 'light',
566
- product: 'agility',
567
- avatarColors: Object.assign({}, avatarColors),
568
- background: {
569
- default: n0$2
570
- },
571
- icon: {
572
- checkOutline: '#1E88E5',
573
- emphasized: '#C6F1FF',
574
- fileDotted: '#3949AB',
575
- improve: '#3D8B40',
576
- improveHover: '#6BA568',
577
- maintain: '#EA1C0D',
578
- maintainHover: '#F96244',
579
- rogueCommits: '#FFB300',
580
- unknown: '#4B626D',
581
- unknownHover: '#71828B'
582
- },
583
- layer: {
584
- n0: n0$2,
585
- n50: n50$2,
586
- n100: n100$2,
587
- n200: n200$2,
588
- n300: n300$2,
589
- n400: n400$2,
590
- n500: n500$2,
591
- n600: n600$2,
592
- n700: n700$2,
593
- n800: n800$1,
594
- n900: n900$1
595
- },
596
- agilityInterface: {
597
- activeBg: 'rgba(121, 181, 34, 0.2)',
598
- activeCardBg: '#EDF9DD',
599
- cardBg: n50$2,
600
- disabledText: '#A1BFCB',
601
- fixedCol: n0$2,
602
- headerBg: n700,
603
- helpColor: '#FF5722',
604
- menuBg: n50$2,
605
- panelBgActive: n50$2,
606
- panelBgDefault: '#9FC6D5',
607
- panelTextActive: n700$2,
608
- panelTextDefault: n700$2,
609
- projectNavBg: 'rgba(67, 128, 152, 0.2)',
610
- sideNavBorder: n300$2,
611
- sideNavHoverBg: agilityLightGreen,
612
- sideNavHoverBorder: agilityGreen,
613
- sideNavHoverText: g500,
614
- sideNavSubHeaderText: n400$2,
615
- textColor: n700$2,
616
- topBarIconHoverBg: '#667384',
617
- warnCardBg: '#FBE9E7'
618
- }
619
- },
620
- props: {
621
- MuiTooltip: componentTransition,
622
- MuiPopover: componentTransition,
623
- MuiMenu: componentTransition
624
- },
625
- typography: Object.assign(Object.assign({}, typographyOptions), {
626
- allVariants: Object.assign(Object.assign({}, typographyOptions.allVariants), {
627
- color: n700$2
628
- })
629
- })
630
- });
631
- const agilityDarkTheme = createTheme({
632
- breakpoints: Object.assign({}, breakpointOptions),
633
- palette: {
634
- type: 'dark',
635
- product: 'agility',
636
- avatarColors: Object.assign({}, avatarColors),
637
- background: {
638
- default: n0$1
639
- },
640
- icon: {
641
- checkOutline: '#42A5F5',
642
- emphasized: '#C6F1FF',
643
- fileDotted: '#9FA8DA',
644
- improve: '#6EC071',
645
- improveHover: '#1A6D25',
646
- maintain: '#F77066',
647
- maintainHover: '#C50000',
648
- rogueCommits: '#FFB300',
649
- unknown: '#B7C6CD',
650
- unknownHover: '#88979D'
651
- },
652
- layer: {
653
- n0: n0$1,
654
- n50: n50$1,
655
- n100: n100$1,
656
- n200: n200$1,
657
- n300: n300$1,
658
- n400: n400$1,
659
- n500: n500$1,
660
- n600: n600$1,
661
- n700: n700$1,
662
- n800: n700$1,
663
- n900: n700$1
664
- },
665
- agilityInterface: {
666
- activeBg: 'rgba(121, 181, 34, 0.2)',
667
- activeCardBg: '#405F12',
668
- cardBg: n200$1,
669
- disabledText: n200$1,
670
- fixedCol: '#1C3540',
671
- headerBg: '#14272E',
672
- helpColor: '#FF5722',
673
- menuBg: n100$1,
674
- panelBgActive: n300$1,
675
- panelBgDefault: '#14272E',
676
- panelTextActive: '#14272E',
677
- panelTextDefault: '#9FC6D5',
678
- projectNavBg: 'rgba(67, 128, 152, 0.2)',
679
- sideNavBorder: n200$1,
680
- sideNavHoverBg: n100$1,
681
- sideNavHoverBorder: n300$1,
682
- sideNavHoverText: n300$1,
683
- sideNavSubHeaderText: '#9FC6D5',
684
- textColor: n700$1,
685
- topBarIconHoverBg: n100$1,
686
- warnCardBg: '#7A4637'
687
- }
688
- },
689
- props: {
690
- MuiTooltip: componentTransition,
691
- MuiPopover: componentTransition,
692
- MuiMenu: componentTransition
693
- },
694
- typography: Object.assign(Object.assign({}, typographyOptions), {
695
- allVariants: Object.assign(Object.assign({}, typographyOptions.allVariants), {
696
- color: n700$1
697
- })
698
- })
699
- });
700
633
  const darkTheme = createTheme({
701
634
  breakpoints: Object.assign({}, breakpointOptions),
702
635
  palette: {
703
- type: 'dark',
636
+ mode: 'dark',
704
637
  avatarColors: Object.assign({}, avatarColors),
705
638
  icon: {
706
639
  checkOutline: b500,
@@ -732,11 +665,7 @@ const darkTheme = createTheme({
732
665
  primary: n0
733
666
  }
734
667
  },
735
- props: {
736
- MuiTooltip: componentTransition,
737
- MuiPopover: componentTransition,
738
- MuiMenu: componentTransition
739
- },
668
+ components: componentOverrides,
740
669
  typography: Object.assign(Object.assign({}, typographyOptions), {
741
670
  allVariants: Object.assign(Object.assign({}, typographyOptions.allVariants), {
742
671
  color: n0
@@ -746,7 +675,7 @@ const darkTheme = createTheme({
746
675
  const lightTheme = createTheme({
747
676
  breakpoints: Object.assign({}, breakpointOptions),
748
677
  palette: {
749
- type: 'light',
678
+ mode: 'light',
750
679
  avatarColors: Object.assign({}, avatarColors),
751
680
  background: {
752
681
  default: n0
@@ -882,11 +811,7 @@ const lightTheme = createTheme({
882
811
  },
883
812
  tonalOffset: 0.2
884
813
  },
885
- props: {
886
- MuiTooltip: componentTransition,
887
- MuiPopover: componentTransition,
888
- MuiMenu: componentTransition
889
- },
814
+ components: componentOverrides,
890
815
  typography: Object.assign(Object.assign({}, typographyOptions), {
891
816
  allVariants: Object.assign(Object.assign({}, typographyOptions.allVariants), {
892
817
  color: n700
@@ -897,33 +822,14 @@ function DotThemeProvider({
897
822
  children,
898
823
  theme = lightTheme
899
824
  }) {
900
- let userTheme = lightTheme;
901
-
902
- if (typeof theme === 'string') {
903
- switch (theme) {
904
- case 'dark':
905
- userTheme = darkTheme;
906
- break;
907
-
908
- case 'agility-dark':
909
- userTheme = agilityDarkTheme;
910
- break;
911
-
912
- case 'agility-light':
913
- userTheme = agilityLightTheme;
914
- break;
915
- }
916
- } else {
917
- userTheme = theme;
918
- }
919
-
825
+ const userTheme = typeof theme === 'string' && theme === 'dark' ? darkTheme : lightTheme;
920
826
  return jsx(StylesProvider, Object.assign({
921
827
  injectFirst: true
922
828
  }, {
923
- children: jsx(MuiThemeProvider, Object.assign({
829
+ children: jsx(ThemeProvider, Object.assign({
924
830
  theme: userTheme
925
831
  }, {
926
- children: jsxs(ThemeProvider, Object.assign({
832
+ children: jsxs(ThemeProvider$1, Object.assign({
927
833
  theme: userTheme
928
834
  }, {
929
835
  children: [jsx(GlobalFonts, {}, void 0), children]
@@ -959,115 +865,6 @@ const renderNodeOrTypography = (content, typographyVariant = 'body1') => {
959
865
  }), void 0) : content;
960
866
  };
961
867
 
962
- const DotAccordion = ({
963
- actions,
964
- ariaLabel,
965
- children,
966
- className,
967
- 'data-testid': dataTestId = 'dot-accordion',
968
- defaultExpanded,
969
- disabled: _disabled = false,
970
- expanded,
971
- hasElevation: _hasElevation = false,
972
- onChange,
973
- square: _square = false,
974
- startIcon,
975
- summary,
976
- noWrap: _noWrap = true
977
- }) => {
978
- const rootClasses = useStylesWithRootClass(rootClassName$Y, className);
979
- const [elevation, setElevation] = useState();
980
- useEffect(() => {
981
- if (defaultExpanded !== undefined) {
982
- console.warn('The use of `defaultExpanded` is deprecated and will be removed in the next major release, please use `expanded` instead.');
983
- }
984
-
985
- if (onChange && expanded === undefined) {
986
- 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.');
987
- }
988
- }, []);
989
- useEffect(() => {
990
- setElevation(_hasElevation ? 1 : 0);
991
- }, [_hasElevation]);
992
- let dftExpanded = defaultExpanded;
993
-
994
- if (dftExpanded === undefined) {
995
- dftExpanded = expanded === undefined ? false : expanded;
996
- }
997
-
998
- return jsxs(StyledAccordion, Object.assign({
999
- "aria-label": ariaLabel,
1000
- className: rootClasses,
1001
- "data-testid": dataTestId,
1002
- defaultExpanded: dftExpanded,
1003
- disabled: _disabled,
1004
- elevation: elevation,
1005
- expanded: onChange ? expanded : undefined,
1006
- onChange: onChange,
1007
- square: _square
1008
- }, {
1009
- children: [jsxs(AccordionSummary, Object.assign({
1010
- className: summaryClassName,
1011
- "data-testid": `${dataTestId}-summary`,
1012
- expandIcon: jsx(DotIcon, {
1013
- iconId: "chevron-down"
1014
- }, void 0)
1015
- }, {
1016
- children: [startIcon, jsx(DotTooltip, Object.assign({
1017
- title: _noWrap && isString(summary) ? summary : ''
1018
- }, {
1019
- children: jsx(DotTypography, Object.assign({
1020
- noWrap: _noWrap,
1021
- variant: "body1"
1022
- }, {
1023
- children: summary
1024
- }), void 0)
1025
- }), void 0)]
1026
- }), void 0), jsx(AccordionDetails, Object.assign({
1027
- className: detailClassName,
1028
- "data-testid": `${dataTestId}-details`
1029
- }, {
1030
- children: children
1031
- }), void 0), jsx(Divider, {}, void 0), actions && jsx(AccordionActions, {
1032
- children: actions
1033
- }, void 0)]
1034
- }), void 0);
1035
- };
1036
-
1037
- const rootClassName$X = 'dot-action-toolbar';
1038
- const StyledToolbar = styled(Toolbar).withConfig({
1039
- displayName: "ActionToolbarstyles__StyledToolbar",
1040
- componentId: "sc-5llm03-0"
1041
- })(["", ""], ({
1042
- theme
1043
- }) => css(["&.", "{border-bottom:1px solid ", ";}"], rootClassName$X, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[100]));
1044
-
1045
- const DotActionToolbar = ({
1046
- ariaLabel,
1047
- children,
1048
- className,
1049
- 'data-testid': dataTestId,
1050
- variant: _variant = 'dense'
1051
- }) => {
1052
- const rootClasses = useStylesWithRootClass(rootClassName$X, className);
1053
- return jsx(StyledToolbar, Object.assign({
1054
- "aria-label": ariaLabel,
1055
- className: rootClasses,
1056
- "data-testid": dataTestId,
1057
- variant: _variant
1058
- }, {
1059
- children: children
1060
- }), void 0);
1061
- };
1062
-
1063
- const rootClassName$W = 'dot-alert-banner';
1064
- const StyledAlertBanner = styled(Alert).withConfig({
1065
- displayName: "AlertBannerstyles__StyledAlertBanner",
1066
- componentId: "sc-1u3aqgz-0"
1067
- })(["", ""], ({
1068
- theme
1069
- }) => css(["&.", "{align-items:center;border-radius:0;display:flex;overflow:hidden;.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$W, 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]));
1070
-
1071
868
  const DotAlertBanner = ({
1072
869
  action,
1073
870
  ariaLabel,
@@ -1075,7 +872,6 @@ const DotAlertBanner = ({
1075
872
  className,
1076
873
  'data-testid': dataTestId,
1077
874
  onClose,
1078
- roundedCorners: _roundedCorners = true,
1079
875
  severity,
1080
876
  textVariant: _textVariant = 'body1'
1081
877
  }) => {
@@ -1091,7 +887,7 @@ const DotAlertBanner = ({
1091
887
  success: AlertBannerIcon('check-solid'),
1092
888
  warning: AlertBannerIcon('warning-solid')
1093
889
  };
1094
- const rootClasses = useStylesWithRootClass(rootClassName$W, severity, className);
890
+ const rootClasses = useStylesWithRootClass(rootClassName$W, className);
1095
891
  /* For simple string use default component, for everything else use 'div' */
1096
892
 
1097
893
  const typographyComponent = isString(children) ? undefined : 'div';
@@ -1104,10 +900,7 @@ const DotAlertBanner = ({
1104
900
  "data-testid": dataTestId,
1105
901
  iconMapping: AlertBannerIconMapping,
1106
902
  onClose: onClose,
1107
- severity: severity,
1108
- style: {
1109
- borderRadius: _roundedCorners ? '8px' : undefined
1110
- }
903
+ severity: severity
1111
904
  }, {
1112
905
  children: jsx(DotTypography, Object.assign({
1113
906
  variant: _textVariant,
@@ -1141,9 +934,7 @@ const rootClassName$V = 'dot-icon-btn';
1141
934
  const StyledIconButton = styled(IconButton).withConfig({
1142
935
  displayName: "IconButtonstyles__StyledIconButton",
1143
936
  componentId: "eko0kb-0"
1144
- })(["", ""], ({
1145
- theme
1146
- }) => 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$V, 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));
937
+ })(["", ""], () => css(["&.", "{font-size:inherit;padding:10px;.dot-icon.MuiIcon-fontSizeSmall{padding:1px;}&.MuiIconButton-sizeSmall{padding:3px;}}"], rootClassName$V));
1147
938
 
1148
939
  const DotIconButton = ({
1149
940
  ariaLabel,
@@ -1155,18 +946,12 @@ const DotIconButton = ({
1155
946
  iconId,
1156
947
  iconSize: _iconSize = 'small',
1157
948
  onClick,
1158
- titleTooltip,
1159
949
  tooltip,
1160
950
  size: _size = 'medium'
1161
951
  }) => {
1162
952
  const rootClasses = useStylesWithRootClass(rootClassName$V, className);
1163
- useEffect(() => {
1164
- // deprecation warning
1165
- if (titleTooltip) {
1166
- console.warn('The use of `titleTooltip` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
1167
- }
1168
- }, []);
1169
953
  return jsx(DotTooltip, Object.assign({
954
+ "data-testid": "icon-button-tooltip",
1170
955
  title: tooltip
1171
956
  }, {
1172
957
  children: jsx(StyledIconButton, Object.assign({
@@ -1196,7 +981,7 @@ const StyledLink = styled(Link).withConfig({
1196
981
  componentId: "sc-1lpmaww-0"
1197
982
  })(["", ""], ({
1198
983
  theme
1199
- }) => css(["&.", "{color:", ";cursor:pointer;&:hover:not(.MuiLink-underlineHover){text-decoration:none;}}"], rootClassName$U, theme.palette.product === 'agility' && theme.palette.layer.n700));
984
+ }) => css(["&.", "{cursor:pointer;&:hover:not(.MuiLink-underlineHover){text-decoration:none;}}"], rootClassName$U));
1200
985
 
1201
986
  const DotLink = ({
1202
987
  ariaLabel,
@@ -1210,9 +995,8 @@ const DotLink = ({
1210
995
  rel: _rel = 'noreferrer',
1211
996
  tabIndex: _tabIndex = 0,
1212
997
  target,
1213
- title,
1214
998
  tooltip,
1215
- underline: _underline = 'always'
999
+ underline
1216
1000
  }) => {
1217
1001
  const rootClasses = useStylesWithRootClass(rootClassName$U, className);
1218
1002
 
@@ -1221,14 +1005,8 @@ const DotLink = ({
1221
1005
  event.preventDefault();
1222
1006
  onClick(event);
1223
1007
  }
1224
- }; // deprecation warning(s)
1225
-
1008
+ };
1226
1009
 
1227
- useEffect(() => {
1228
- if (title) {
1229
- console.warn('The use of `title` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
1230
- }
1231
- }, []);
1232
1010
  return jsx(DotTooltip, Object.assign({
1233
1011
  title: tooltip
1234
1012
  }, {
@@ -1246,7 +1024,7 @@ const DotLink = ({
1246
1024
  rel: _rel,
1247
1025
  tabIndex: _tabIndex,
1248
1026
  target: target,
1249
- underline: _underline
1027
+ underline: underline
1250
1028
  }, {
1251
1029
  children: children
1252
1030
  }), void 0)
@@ -1264,14 +1042,14 @@ const StyledAvatar = styled(Avatar).withConfig({
1264
1042
  componentId: "sc-13bzj2s-0"
1265
1043
  })(["", ""], ({
1266
1044
  theme
1267
- }) => css(["&.MuiAvatar-root{display:inline-flex;background-color:", ";border:0px;&:focus-visible{box-shadow:0px 0px 0px 3px ", ",0px 0px 0px 5px ", ";outline:0;}.dot-i,.dot-typography{color:", ";margin-bottom:0;}&.small{height:", "px;width:", "px;}&.medium{height:", "px;width:", "px;}&.large{height:", "px;width:", "px;}}"], ({
1045
+ }) => css(["&.", "{display:inline-flex;background-color:", ";border:0px;&:focus-visible{box-shadow:0px 0px 0px 3px ", ",0px 0px 0px 5px ", ";outline:0;}img{width:auto;height:105%;}.dot-i,.dot-typography{color:", ";margin-bottom:0;}&.small{height:", ";width:", ";}&.medium{height:", ";width:", ";}&.large{height:", ";width:", ";}}"], rootClassName$T, ({
1268
1046
  color
1269
1047
  }) => {
1270
- return theme.palette.product === 'agility' && color === 'default' ? theme.palette.layer.n0 : color && theme.palette.avatarColors[color] ? theme.palette.avatarColors[color].backgroundColor : theme.palette.avatarColors['default'].backgroundColor;
1048
+ return color === 'default' ? theme.palette.layer.n0 : color && theme.palette.avatarColors[color] ? theme.palette.avatarColors[color].backgroundColor : theme.palette.avatarColors['default'].backgroundColor;
1271
1049
  }, theme.palette.layer.n0, theme.palette.layer.n900, ({
1272
1050
  color
1273
1051
  }) => {
1274
- return theme.palette.product === 'agility' && color === 'default' ? theme.palette.layer.n700 : color && theme.palette.avatarColors[color] ? theme.palette.avatarColors[color].color : theme.palette.avatarColors['default'].color;
1052
+ return color === 'default' ? theme.palette.layer.n700 : color && theme.palette.avatarColors[color] ? theme.palette.avatarColors[color].color : theme.palette.avatarColors['default'].color;
1275
1053
  }, theme.spacing(avatarSpacing.small), theme.spacing(avatarSpacing.small), theme.spacing(avatarSpacing.medium), theme.spacing(avatarSpacing.medium), theme.spacing(avatarSpacing.large), theme.spacing(avatarSpacing.large)));
1276
1054
 
1277
1055
  const AvatarContent = ({
@@ -1382,7 +1160,7 @@ const StyledList = styled(List).withConfig({
1382
1160
  componentId: "wxwqwr-0"
1383
1161
  })(["", ""], ({
1384
1162
  theme
1385
- }) => css(["&.", "{background:", ";&.", " .", "{padding-left:", "px;}.MuiListSubheader-root{padding:0;.MuiTypography-root{padding:", "px;}}}"], rootClassName$S, theme.palette.layer.n0, nestedListClassName, listItemRootClass, theme.spacing(4), theme.spacing(1)));
1163
+ }) => css(["&.", "{background:", ";&.", " .", "{padding-left:", ";}.MuiListSubheader-root{padding:0;.MuiTypography-root{padding:", ";}}}"], rootClassName$S, theme.palette.layer.n0, nestedListClassName, listItemRootClass, theme.spacing(4), theme.spacing(1)));
1386
1164
 
1387
1165
  const getChevronIcon = (nestedListType, isOpened) => {
1388
1166
  if (nestedListType !== 'expandable') {
@@ -1404,7 +1182,7 @@ const StyledListItem = styled(ListItem).withConfig({
1404
1182
  componentId: "sc-1fawh8v-0"
1405
1183
  })(["", ""], ({
1406
1184
  theme
1407
- }) => css(["&.", "{&.", "{padding:0;}p.MuiTypography-root{margin-bottom:0;}.", "{align-items:center;display:flex;flex-grow:2;}.", " .MuiIcon-root{margin-right:", "px;}.dot-icon i:before{color:", ";}}"], listItemRootClass, flyoutListItemClassName, listItemLinkClassName, flyoutItemLinkClassName, theme.spacing(4), theme.palette.text.primary));
1185
+ }) => css(["&.", "{&.", "{padding:0;}p.MuiTypography-root{margin-bottom:0;}.", "{align-items:center;display:flex;flex-grow:2;}.", " .MuiIcon-root{margin-right:", ";}.dot-icon i:before{color:", ";}}"], listItemRootClass, flyoutListItemClassName, listItemLinkClassName, flyoutItemLinkClassName, theme.spacing(4), theme.palette.text.primary));
1408
1186
 
1409
1187
  const rootClassName$R = 'dot-progress';
1410
1188
  const StyledCircularProgress = styled(CircularProgress).withConfig({
@@ -1419,20 +1197,13 @@ const DotProgress = ({
1419
1197
  'data-testid': dataTestId,
1420
1198
  size: _size = 40,
1421
1199
  thickness: _thickness = 3.6,
1422
- title,
1423
1200
  tooltip: _tooltip = 'loading data',
1424
1201
  value,
1425
1202
  variant: _variant = 'indeterminate'
1426
1203
  }) => {
1427
1204
  const rootClasses = useStylesWithRootClass(rootClassName$R, className);
1428
- useEffect(() => {
1429
- // deprecation warning
1430
- if (title) {
1431
- console.warn('The use of `title` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
1432
- }
1433
- }, []);
1434
1205
  return jsx(DotTooltip, Object.assign({
1435
- title: _tooltip || title
1206
+ title: _tooltip
1436
1207
  }, {
1437
1208
  children: jsx(StyledCircularProgress, {
1438
1209
  "aria-label": ariaLabel,
@@ -1466,26 +1237,33 @@ var variables = /*#__PURE__*/Object.freeze({
1466
1237
  levelTop: levelTop
1467
1238
  });
1468
1239
 
1240
+ const rootClassName$Q = 'dot-popper';
1241
+ const StyledPopper$1 = styled(Popper).withConfig({
1242
+ displayName: "Popperstyles__StyledPopper",
1243
+ componentId: "sd1h8p-0"
1244
+ })(["", ""], ({
1245
+ theme
1246
+ }) => css(["&.", "{font-family:", ";}"], rootClassName$Q, theme.typography.fontFamily));
1247
+
1469
1248
  const flyoutMenuClassName = 'dot-flyout-menu';
1470
- const rootClassName$Q = 'dot-menu';
1471
- const popperClassName = 'dot-popper';
1249
+ const rootClassName$P = 'dot-menu';
1472
1250
  const getListMaxHeight = maxHeight => isString(maxHeight) ? maxHeight : `${maxHeight}px`;
1473
- const StyledPopper$1 = styled(Popper).withConfig({
1251
+ const StyledPopper = styled(Popper).withConfig({
1474
1252
  displayName: "Menustyles__StyledPopper",
1475
1253
  componentId: "sc-134fmqu-0"
1476
1254
  })(["", ""], ({
1477
1255
  theme
1478
- }) => 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:", ";.dot-action-item-text{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;}}ul{box-sizing:content-box;min-width:112px;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$Q, popperClassName, theme.palette.product === 'agility' && theme.palette.agilityInterface.menuBg, ({
1256
+ }) => css(["&.", "{font-family:", ";z-index:", ";}&.", ",&.", "{&.loading .MuiPaper-root{align-items:center;display:flex;justify-content:center;min-height:200px;min-width:200px;}ul,.dot-action-item{.dot-action-item-text{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;}}ul{box-sizing:content-box;min-width:112px;overflow:auto;", " .dot-li{min-height:auto;}}.dot-action-item{height:", ";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:", ";.MuiButton-startIcon{margin-left:0;.dot-icon{flex-shrink:0;}}}}}}"], rootClassName$Q, theme.typography.fontFamily, levelSecond, rootClassName$P, rootClassName$Q, ({
1479
1257
  $maxHeight
1480
1258
  }) => $maxHeight !== undefined && `
1481
1259
  max-height: ${getListMaxHeight($maxHeight)};
1482
- `, 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)));
1260
+ `, theme.spacing(7), theme.palette.grey[100], theme.spacing(0, 0, 0.5, 0.5), theme.palette.layer.n100, theme.spacing(3)));
1483
1261
 
1484
1262
  const MENU_ITEM_HEIGHT_NORMAL = 33;
1485
1263
  const MENU_ITEM_HEIGHT_DENSE = 28;
1486
1264
  const DEFAULT_MAX_VISIBLE_ITEMS = 7;
1487
1265
 
1488
- const rootClassName$P = 'dot-ul';
1266
+ const rootClassName$O = 'dot-ul';
1489
1267
  const listItemClassName$1 = 'dot-li';
1490
1268
  const listItemWithSubmenuClassName = 'dot-li-with-submenu';
1491
1269
  const StyledMenuList = styled(MenuList).withConfig({
@@ -1493,7 +1271,7 @@ const StyledMenuList = styled(MenuList).withConfig({
1493
1271
  componentId: "yqdwwg-0"
1494
1272
  })(["", ""], ({
1495
1273
  theme
1496
- }) => css(["&.", "{.dot-li{justify-content:space-between;gap:", "px;&.", "{padding-right:", "px;}}}"], rootClassName$P, theme.spacing(3), listItemWithSubmenuClassName, theme.spacing(0.5)));
1274
+ }) => css(["&.", "{.dot-li{justify-content:space-between;gap:", ";&.", "{padding-right:", ";}}}"], rootClassName$O, theme.spacing(3), listItemWithSubmenuClassName, theme.spacing(0.5)));
1497
1275
 
1498
1276
  const getDefaultItemHeight = isDense => isDense ? MENU_ITEM_HEIGHT_DENSE : MENU_ITEM_HEIGHT_NORMAL;
1499
1277
  const calculateItemHeight = (isDense, customItemHeight, menuItemHeight) => {
@@ -1571,7 +1349,7 @@ const DotMenuList = /*#__PURE__*/forwardRef(({
1571
1349
  onSubMenuCreate,
1572
1350
  selectedKey
1573
1351
  }, ref) => {
1574
- const rootClasses = useStylesWithRootClass(rootClassName$P, className);
1352
+ const rootClasses = useStylesWithRootClass(rootClassName$O, className);
1575
1353
  const [activeSubmenu, setActiveSubmenu] = useState(null);
1576
1354
  const [subItemAnchorEl, setSubItemAnchorEl] = useState(null);
1577
1355
 
@@ -1650,7 +1428,7 @@ const DotMenuList = /*#__PURE__*/forwardRef(({
1650
1428
  divider: divider,
1651
1429
  onClick: handleClick,
1652
1430
  onMouseEnter: getMouseEnterHandler(key, hasSubmenu),
1653
- innerRef: ref,
1431
+ ref: ref,
1654
1432
  style: {
1655
1433
  height: itemHeight
1656
1434
  },
@@ -1688,7 +1466,7 @@ const DotMenu = ({
1688
1466
  open: _open = false,
1689
1467
  selectedKey
1690
1468
  }) => {
1691
- const rootClasses = useStylesWithRootClass(rootClassName$Q, className, _loading ? 'loading' : '');
1469
+ const rootClasses = useStylesWithRootClass(rootClassName$P, className, _loading ? 'loading' : '');
1692
1470
  const isSubmenu = checkIfSubmenu(anchorEl);
1693
1471
  const hasSubItems = checkForSubItems(_menuItems); // Timeout object is customizable when Menu component is either submenu
1694
1472
  // (it is opened within parent menu) or it contains at least one item which
@@ -1712,7 +1490,8 @@ const DotMenu = ({
1712
1490
  event.preventDefault();
1713
1491
  onLeave(event);
1714
1492
  }
1715
- };
1493
+ }; // eslint-disable-next-line @typescript-eslint/no-explicit-any
1494
+
1716
1495
 
1717
1496
  const handleClickAway = event => {
1718
1497
  if (onLeave && (!anchorEl || !anchorEl.contains(event.currentTarget))) {
@@ -1720,7 +1499,7 @@ const DotMenu = ({
1720
1499
  }
1721
1500
  };
1722
1501
 
1723
- return jsx(StyledPopper$1, Object.assign({
1502
+ return jsx(StyledPopper, Object.assign({
1724
1503
  anchorEl: anchorEl,
1725
1504
  "aria-label": ariaLabel,
1726
1505
  className: rootClasses,
@@ -1745,7 +1524,7 @@ const DotMenu = ({
1745
1524
  onClickAway: handleClickAway
1746
1525
  }, {
1747
1526
  children: _loading ? jsx(DotProgress, {
1748
- title: "Loading Data...",
1527
+ "data-testid": "loading-indicator",
1749
1528
  tooltip: "Loading Data...",
1750
1529
  value: 20
1751
1530
  }, void 0) : jsx(DotMenuList, {
@@ -1789,13 +1568,13 @@ const CreateUUID = () => {
1789
1568
  });
1790
1569
  };
1791
1570
 
1792
- const rootClassName$O = 'dot-drawer';
1571
+ const rootClassName$N = 'dot-drawer';
1793
1572
  const StyledDrawer = styled(Drawer).withConfig({
1794
1573
  displayName: "Drawerstyles__StyledDrawer",
1795
1574
  componentId: "sc-1uiowy0-0"
1796
1575
  })(["", ""], ({
1797
1576
  theme
1798
- }) => css(["&.", " .MuiBackdrop-root{background-color:", ";}.dot-drawer-paper{background-color:", ";height:", ";padding:", "px;width:", ";}"], rootClassName$O, alpha(theme.palette.grey[900], 0.7), theme.palette.product === 'agility' && theme.palette.layer.n50, ({
1577
+ }) => css(["&.", " .MuiBackdrop-root{background-color:", ";}.dot-drawer-paper{height:", ";padding:", ";width:", ";}"], rootClassName$N, alpha(theme.palette.grey[900], 0.7), ({
1799
1578
  height,
1800
1579
  anchor
1801
1580
  }) => anchor === 'left' || anchor === 'right' ? '100%' : height, theme.spacing(2), ({
@@ -1803,13 +1582,13 @@ const StyledDrawer = styled(Drawer).withConfig({
1803
1582
  anchor
1804
1583
  }) => anchor === 'bottom' || anchor === 'top' ? 'auto' : width));
1805
1584
 
1806
- const rootClassName$N = 'dot-drawer-header';
1585
+ const rootClassName$M = 'dot-drawer-header';
1807
1586
  const StyleDrawerHeader = styled.div.withConfig({
1808
1587
  displayName: "DrawerHeaderstyles__StyleDrawerHeader",
1809
1588
  componentId: "sc-2d2xd3-0"
1810
1589
  })(["", ""], ({
1811
1590
  theme
1812
- }) => css(["&.", "{padding:", ";display:flex;align-items:center;.close-button{margin-left:auto;}}"], rootClassName$N, theme.spacing(0, 0, 2)));
1591
+ }) => css(["&.", "{padding:", ";display:flex;align-items:center;.close-button{margin-left:auto;}}"], rootClassName$M, theme.spacing(0, 0, 2)));
1813
1592
 
1814
1593
  const DotDrawerHeader = ({
1815
1594
  ariaLabel,
@@ -1819,7 +1598,7 @@ const DotDrawerHeader = ({
1819
1598
  onClose,
1820
1599
  variant
1821
1600
  }) => {
1822
- const rootClasses = useStylesWithRootClass(rootClassName$N, className);
1601
+ const rootClasses = useStylesWithRootClass(rootClassName$M, className);
1823
1602
  return jsxs(StyleDrawerHeader, Object.assign({
1824
1603
  "aria-label": ariaLabel,
1825
1604
  className: rootClasses,
@@ -1833,13 +1612,13 @@ const DotDrawerHeader = ({
1833
1612
  }), void 0);
1834
1613
  };
1835
1614
 
1836
- const rootClassName$M = 'dot-drawer-body';
1615
+ const rootClassName$L = 'dot-drawer-body';
1837
1616
  const StyleDrawerBody = styled.div.withConfig({
1838
1617
  displayName: "DrawerBodystyles__StyleDrawerBody",
1839
1618
  componentId: "sc-1mpmjdk-0"
1840
1619
  })(["", ""], ({
1841
1620
  theme
1842
- }) => css(["&.", "{display:flex;.dot-drawer-close-button{align-self:self-start;padding:0;margin-left:auto;}}"], rootClassName$M));
1621
+ }) => css(["&.", "{display:flex;.dot-drawer-close-button{align-self:self-start;padding:0;margin-left:auto;}}"], rootClassName$L));
1843
1622
 
1844
1623
  const DotDrawerBody = ({
1845
1624
  ariaLabel,
@@ -1850,7 +1629,7 @@ const DotDrawerBody = ({
1850
1629
  onClose,
1851
1630
  variant
1852
1631
  }) => {
1853
- const rootClasses = useStylesWithRootClass(rootClassName$M, className);
1632
+ const rootClasses = useStylesWithRootClass(rootClassName$L, className);
1854
1633
  return jsxs(StyleDrawerBody, Object.assign({
1855
1634
  "aria-label": ariaLabel,
1856
1635
  className: rootClasses,
@@ -1864,13 +1643,13 @@ const DotDrawerBody = ({
1864
1643
  }), void 0);
1865
1644
  };
1866
1645
 
1867
- const rootClassName$L = 'dot-drawer-footer';
1646
+ const rootClassName$K = 'dot-drawer-footer';
1868
1647
  const StyleDrawerFooter = styled.div.withConfig({
1869
1648
  displayName: "DrawerFooterstyles__StyleDrawerFooter",
1870
1649
  componentId: "sc-1ki05ze-0"
1871
1650
  })(["", ""], ({
1872
1651
  theme
1873
- }) => css(["&.", "{padding:", ";}"], rootClassName$L, theme.spacing(2, 0, 0)));
1652
+ }) => css(["&.", "{padding:", ";}"], rootClassName$K, theme.spacing(2, 0, 0)));
1874
1653
 
1875
1654
  const DotDrawerFooter = ({
1876
1655
  ariaLabel,
@@ -1878,7 +1657,7 @@ const DotDrawerFooter = ({
1878
1657
  className,
1879
1658
  'data-testid': dataTestId
1880
1659
  }) => {
1881
- const rootClasses = useStylesWithRootClass(rootClassName$L, className);
1660
+ const rootClasses = useStylesWithRootClass(rootClassName$K, className);
1882
1661
  return jsx(StyleDrawerFooter, Object.assign({
1883
1662
  "aria-label": ariaLabel,
1884
1663
  className: rootClasses,
@@ -1910,7 +1689,7 @@ const DotDrawer = ({
1910
1689
  console.warn('Please use `children` or `drawerBodyProps`. If both are used, `children` is ignored.');
1911
1690
  }
1912
1691
  }, []);
1913
- const rootClasses = useStylesWithRootClass(rootClassName$O, className);
1692
+ const rootClasses = useStylesWithRootClass(rootClassName$N, className);
1914
1693
  const headerExists = !!drawerHeaderProps;
1915
1694
  const bodyTestId = drawerBodyProps ? drawerBodyProps[`data-testid`] : 'drawer-body';
1916
1695
  return jsxs(StyledDrawer, Object.assign({
@@ -2058,7 +1837,6 @@ const DotList = ({
2058
1837
  component: item.component,
2059
1838
  "data-testid": `${dataTestId}-item-${index}`,
2060
1839
  endIcon: item.endIcon,
2061
- endIconId: item.endIconId,
2062
1840
  href: item.href,
2063
1841
  isOpened: listItemIndex === index,
2064
1842
  items: item.items,
@@ -2071,10 +1849,8 @@ const DotList = ({
2071
1849
  secondaryText: item.secondaryText,
2072
1850
  selected: item.selected,
2073
1851
  startIcon: item.startIcon,
2074
- startIconId: item.startIconId,
2075
1852
  target: item.target,
2076
1853
  text: item.text,
2077
- title: item.title,
2078
1854
  tooltip: item.tooltip,
2079
1855
  tooltipPlacement: item.tooltipPlacement || DEFAULT_TOOLTIP_PLACEMENT
2080
1856
  }, index);
@@ -2088,12 +1864,10 @@ const DotListItem = ({
2088
1864
  'data-testid': dataTestId,
2089
1865
  divider: _divider = false,
2090
1866
  endIcon,
2091
- endIconId,
2092
1867
  href,
2093
1868
  isOpened,
2094
1869
  onClick,
2095
1870
  onMenuLeave,
2096
- index,
2097
1871
  items: _items2 = [],
2098
1872
  menuPlacement,
2099
1873
  nestedDrawerLeftSpacing,
@@ -2102,37 +1876,16 @@ const DotListItem = ({
2102
1876
  secondaryText,
2103
1877
  selected,
2104
1878
  startIcon,
2105
- startIconId,
2106
1879
  target,
2107
1880
  text,
2108
- title,
2109
1881
  tooltip,
2110
1882
  tooltipPlacement: _tooltipPlacement = DEFAULT_TOOLTIP_PLACEMENT
2111
1883
  }) => {
2112
1884
  const hasChildren = _items2.length > 0;
2113
1885
  const isFlyout = nestedListType === 'menu' && hasChildren;
2114
1886
  const [anchorEl, setAnchorEl] = useState(null);
2115
- const showStartIcon = startIcon || startIconId;
2116
- const showEndIcon = endIcon || endIconId || hasChildren;
1887
+ const showEndIcon = endIcon || hasChildren;
2117
1888
  const rootClasses = useStylesWithRootClass(listItemRootClass, className, isOpened ? 'open' : '');
2118
- useEffect(() => {
2119
- // deprecation warnings
2120
- if (title) {
2121
- console.warn('The use of `title` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
2122
- }
2123
-
2124
- if (index) {
2125
- console.warn('The use of `index` is deprecated and will be removed in the next major release.');
2126
- }
2127
-
2128
- if (startIconId) {
2129
- console.warn('The use of `startIconId` is deprecated and will be removed in the next major release, please use `startIcon` instead.');
2130
- }
2131
-
2132
- if (endIconId) {
2133
- console.warn('The use of `endIconId` is deprecated and will be removed in the next major release, please use `endIcon` instead.');
2134
- }
2135
- }, []);
2136
1889
 
2137
1890
  const toggleOpen = event => setAnchorEl(event.currentTarget);
2138
1891
 
@@ -2152,18 +1905,10 @@ const DotListItem = ({
2152
1905
  children: text
2153
1906
  }), void 0);
2154
1907
 
2155
- const renderListItemStartIcon = () => {
2156
- return jsx(ListItemIcon, {
2157
- children: startIcon ? startIcon : jsx(DotIcon, {
2158
- iconId: startIconId
2159
- }, void 0)
2160
- }, void 0);
2161
- };
2162
-
2163
1908
  const renderListItemEndIcon = () => {
2164
1909
  if (hasChildren || !endIcon) {
2165
1910
  return jsx(DotIcon, {
2166
- iconId: hasChildren ? getChevronIcon(nestedListType, isOpened) : endIconId
1911
+ iconId: hasChildren && getChevronIcon(nestedListType, isOpened)
2167
1912
  }, void 0);
2168
1913
  }
2169
1914
 
@@ -2174,7 +1919,7 @@ const DotListItem = ({
2174
1919
  children: [jsx(DotTooltip, Object.assign({
2175
1920
  "data-testid": `${dataTestId}-tooltip`,
2176
1921
  placement: _tooltipPlacement,
2177
- title: tooltip || title
1922
+ title: tooltip
2178
1923
  }, {
2179
1924
  children: jsxs(StyledListItem, Object.assign({
2180
1925
  "aria-label": ariaLabel,
@@ -2193,7 +1938,9 @@ const DotListItem = ({
2193
1938
  children: [jsxs("span", Object.assign({
2194
1939
  className: listItemLinkClassName
2195
1940
  }, {
2196
- children: [showStartIcon && renderListItemStartIcon(), renderListItemText()]
1941
+ children: [startIcon && jsx(ListItemIcon, {
1942
+ children: startIcon
1943
+ }, void 0), renderListItemText()]
2197
1944
  }), void 0), showEndIcon && renderListItemEndIcon()]
2198
1945
  }), void 0)
2199
1946
  }), void 0), hasChildren && jsx(NestedList, {
@@ -2224,12 +1971,6 @@ const NestedList = ({
2224
1971
  const flyoutItemClasses = useStylesWithRootClass(listItemRootClass, flyoutListItemClassName);
2225
1972
  const flyoutSpanClasses = useStylesWithRootClass(listItemLinkClassName, flyoutItemLinkClassName);
2226
1973
 
2227
- const getNestedListItemIcon = icon => {
2228
- return typeof icon === 'string' ? jsx(DotIcon, {
2229
- iconId: icon
2230
- }, void 0) : icon;
2231
- };
2232
-
2233
1974
  if (type === 'expandable') {
2234
1975
  return jsx(Collapse, Object.assign({
2235
1976
  in: open,
@@ -2253,7 +1994,6 @@ const NestedList = ({
2253
1994
  href,
2254
1995
  target,
2255
1996
  onClick,
2256
- title,
2257
1997
  tooltip,
2258
1998
  tooltipPlacement = DEFAULT_TOOLTIP_PLACEMENT,
2259
1999
  text
@@ -2261,7 +2001,7 @@ const NestedList = ({
2261
2001
  return {
2262
2002
  children: jsx(DotTooltip, Object.assign({
2263
2003
  placement: tooltipPlacement,
2264
- title: tooltip || title
2004
+ title: tooltip
2265
2005
  }, {
2266
2006
  children: jsx(StyledListItem, Object.assign({
2267
2007
  className: flyoutItemClasses,
@@ -2274,7 +2014,7 @@ const NestedList = ({
2274
2014
  children: jsxs("span", Object.assign({
2275
2015
  className: flyoutSpanClasses
2276
2016
  }, {
2277
- children: [getNestedListItemIcon(item.startIcon || item.startIconId), jsx(DotTypography, Object.assign({
2017
+ children: [item.startIcon, jsx(DotTypography, Object.assign({
2278
2018
  variant: "body1"
2279
2019
  }, {
2280
2020
  children: text
@@ -2330,7 +2070,7 @@ var _path$2, _path2$2, _path3, _path4;
2330
2070
 
2331
2071
  var _excluded$2 = ["title", "titleId"];
2332
2072
 
2333
- function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
2073
+ function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
2334
2074
 
2335
2075
  function _objectWithoutProperties$2(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$2(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
2336
2076
 
@@ -2374,7 +2114,7 @@ var _path$1, _path2$1;
2374
2114
 
2375
2115
  var _excluded$1 = ["title", "titleId"];
2376
2116
 
2377
- function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
2117
+ function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
2378
2118
 
2379
2119
  function _objectWithoutProperties$1(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
2380
2120
 
@@ -2406,13 +2146,13 @@ function SvgLogoDigitalAi(_ref, svgRef) {
2406
2146
 
2407
2147
  var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgLogoDigitalAi);
2408
2148
 
2409
- const rootClassName$K = 'dot-sidebar';
2149
+ const rootClassName$J = 'dot-sidebar';
2410
2150
  const StyledSidebar = styled.aside.withConfig({
2411
2151
  displayName: "Sidebarstyles__StyledSidebar",
2412
2152
  componentId: "l3atb4-0"
2413
2153
  })(["", ""], ({
2414
2154
  theme
2415
- }) => 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;.go-back-button{margin:", ";background-color:", ";&:hover{background-color:", ";}&:focus-visible{box-shadow:0 0 0 2px ", ",0 0 0 4px ", ";}}}hr.MuiDivider-root{background-color:", ";margin:", ";}.MuiListSubheader-root{border-bottom:1px solid;border-bottom-color:", ";margin:", ";.dot-typography{display:block;margin:0;padding:", ";}}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{padding:", "px;overflow-y:auto;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:", ";}&.Mui-focusVisible{box-shadow:inset 0 0 0 2px ", ";border:2px solid ", ";}&: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;margin:", ";width:40px;}.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;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;li.MuiListSubheader-root .dot-typography,.go-back .MuiTypography-root,.MuiListItem-divider .dot-list-item-link,.child,.powered-by .company-name,.powered-by p.desc{display:none;}.dot-nested-drawer li.MuiListSubheader-root .dot-typography,.powered-by .d-icon{display:block;}header .dot-app-logo{text-align:center;}ul.side-nav{width:56px;.dot-list-item{margin-left:0;}.toggle-nav{align-self:center;}}.powered-by{align-items:center;}}}"], rootClassName$K, theme.palette.layer.n50, theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.layer.n100, 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.layer.n100, 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.layer.n100, theme.spacing(0.5, 1), theme.palette.layer.n100, theme.palette.layer.n200, theme.palette.layer.n0, theme.palette.layer.n900, theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.layer.n100, theme.palette.product === 'agility' ? theme.spacing(2, 0) : theme.spacing(1, 0), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.layer.n100, theme.spacing(0, 0, 1), theme.spacing(1.5, 2), nestedDrawerClassName, theme.spacing(2), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.layer.n100, 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.layer.n0, theme.palette.layer.n900, 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.spacing(0, 1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.layer.n100, theme.spacing(1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.layer.n100, theme.palette.grey[400], theme.spacing(1), theme.spacing(1), theme.palette.product === 'agility' && theme.spacing(2, 0)));
2155
+ }) => css(["&.", "{align-items:stretch;background:", ";border-width:0 1px;border-style:solid;border-color:", ";box-sizing:border-box;color:", ";display:flex;height:100%;flex-direction:column;justify-content:space-between;letter-spacing:0.01em;-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;padding:", ";white-space:nowrap;&.app-logo{box-sizing:border-box;.dot-app-logo{svg,img{max-width:100%;}}}.dot-avatar{margin-right:", ";}}.go-back{align-items:center;border-bottom:1px solid;border-bottom-color:", ";display:flex;.go-back-button{margin:", ";background-color:", ";&:hover{background-color:", ";}&:focus-visible{box-shadow:0 0 0 2px ", ",0 0 0 4px ", ";}}}hr.MuiDivider-root{border-color:", ";margin:", ";}.MuiListSubheader-root{border-bottom:1px solid ", ";margin:", ";.dot-typography{display:block;margin:0;padding:", ";}}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{padding:", ";overflow-y:auto;border-right:1px solid ", ";box-shadow:0 0 5px 0 rgba(0,0,0,0.15);}.MuiTypography-root.MuiTypography-subtitle2{line-height:40px;}.", "{margin:0;padding-left:", ";}}.dot-list-item{height:", ";padding:0;&.Mui-focusVisible{box-shadow:inset 0 0 0 2px ", ";border:2px solid ", ";}&.open{border:'none';}.dot-list-item-link .dot-icon{margin-right:", ";}.dot-icon{border-radius:50%;height:40px;margin:", ";width:40px;}.dot-typography{white-space:nowrap;}}}.toggle-nav{border-top:1px solid;border-top-color:", ";padding:", ";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;padding:", ";p.desc{white-space:nowrap;}.company-name{margin-top:", ";}.d-icon{display:none;}}&.collapsed{overflow:hidden;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;li.MuiListSubheader-root .dot-typography,.go-back .MuiTypography-root,.MuiListItem-divider .dot-list-item-link,.child,.powered-by .company-name,.powered-by p.desc{display:none;}.dot-nested-drawer li.MuiListSubheader-root .dot-typography,.powered-by .d-icon{display:block;}header .dot-app-logo{text-align:center;}ul.side-nav{width:56px;.dot-list-item{margin-left:0;}.toggle-nav{align-self:center;}}.powered-by{align-items:center;}}}"], rootClassName$J, theme.palette.layer.n50, theme.palette.layer.n100, theme.palette.grey[700], theme.palette.layer.n100, theme.spacing(1, 2), theme.spacing(1), theme.palette.layer.n100, theme.spacing(0.5, 1), theme.palette.layer.n100, theme.palette.layer.n200, theme.palette.layer.n0, theme.palette.layer.n900, theme.palette.layer.n100, theme.spacing(1, 0), theme.palette.layer.n100, theme.spacing(0, 0, 1), theme.spacing(1.5, 2), nestedDrawerClassName, theme.spacing(2), theme.palette.layer.n100, listItemRootClass, theme.spacing(2), '44px', theme.palette.layer.n0, theme.palette.layer.n900, theme.spacing(1), theme.spacing(0, 1), theme.palette.layer.n100, theme.spacing(1), theme.palette.layer.n100, theme.palette.grey[400], theme.spacing(1), theme.spacing(1)));
2416
2156
 
2417
2157
  const Brand = ({
2418
2158
  brandDesc
@@ -2495,7 +2235,7 @@ const DotSidebar = ({
2495
2235
  const displayHeader = title || hasAppLogo;
2496
2236
  const openClass = isOpen ? 'open' : 'collapsed';
2497
2237
 
2498
- const checkPrimaryNavMissingIcons = () => _navItems.some(item => !item.divider && !item.startIconId && !item.startIcon);
2238
+ const checkPrimaryNavMissingIcons = () => _navItems.some(item => !item.divider && !item.startIcon);
2499
2239
 
2500
2240
  useEffect(() => {
2501
2241
  // Incorrect usage warning
@@ -2515,7 +2255,7 @@ const DotSidebar = ({
2515
2255
  };
2516
2256
 
2517
2257
  const sidebarClasses = useStylesWithRootClass('side-nav', openClass);
2518
- const rootClasses = useStylesWithRootClass(rootClassName$K, openClass, className);
2258
+ const rootClasses = useStylesWithRootClass(rootClassName$J, openClass, className);
2519
2259
  return jsxs(StyledSidebar, Object.assign({
2520
2260
  "aria-label": ariaLabel,
2521
2261
  className: rootClasses,
@@ -2581,13 +2321,13 @@ const DotSidebar = ({
2581
2321
  }), void 0);
2582
2322
  };
2583
2323
 
2584
- const rootClassName$J = 'dot-badge';
2324
+ const rootClassName$I = 'dot-badge';
2585
2325
  const StyledBadge = styled(Badge).withConfig({
2586
2326
  displayName: "Badgestyles__StyledBadge",
2587
2327
  componentId: "sc-1brv3h5-0"
2588
2328
  })(["", ""], ({
2589
2329
  theme
2590
- }) => css(["&.", "{.MuiBadge-badge{background-color:", ";&:not(.MuiBadge-dot){font-size:10px;height:", "px;min-width:", "px;padding:", ";}}}"], rootClassName$J, ({
2330
+ }) => css(["&.", "{.MuiBadge-badge{background-color:", ";&:not(.MuiBadge-dot){font-size:10px;height:", ";min-width:", ";padding:", ";}}}"], rootClassName$I, ({
2591
2331
  $badgeColor
2592
2332
  }) => {
2593
2333
  return $badgeColor;
@@ -2605,7 +2345,7 @@ const DotBadge = ({
2605
2345
  overlap,
2606
2346
  variant: _variant = 'dot'
2607
2347
  }) => {
2608
- const rootClasses = useStylesWithRootClass(rootClassName$J, className);
2348
+ const rootClasses = useStylesWithRootClass(rootClassName$I, className);
2609
2349
  return jsx(StyledBadge, Object.assign({
2610
2350
  "$badgeColor": badgeColor,
2611
2351
  anchorOrigin: {
@@ -2632,7 +2372,7 @@ var _path, _path2;
2632
2372
 
2633
2373
  var _excluded = ["title", "titleId"];
2634
2374
 
2635
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2375
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2636
2376
 
2637
2377
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
2638
2378
 
@@ -2664,7 +2404,7 @@ function SvgLogoDigitalAiWhite(_ref, svgRef) {
2664
2404
 
2665
2405
  var ForwardRef = /*#__PURE__*/React.forwardRef(SvgLogoDigitalAiWhite);
2666
2406
 
2667
- const rootClassName$I = 'dot-app-toolbar';
2407
+ const rootClassName$H = 'dot-app-toolbar';
2668
2408
  const denseClassName = 'dense';
2669
2409
  const StyledMainMenu = styled(DotDrawer).withConfig({
2670
2410
  displayName: "AppToolbarstyles__StyledMainMenu",
@@ -2677,10 +2417,9 @@ const StyledAppToolbar = styled.header.withConfig({
2677
2417
  componentId: "sc-3kokby-1"
2678
2418
  })(["", ""], ({
2679
2419
  theme
2680
- }) => 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;&.without-menu-icon{padding-left:", "px;}&.", "{height:48px;}.dot-main-menu-btn,.dot-right-side{.dot-icon-btn{border:", ";color:", ";&:hover,&:active,&:focus{background:", ";}}}.dot-main-menu-btn{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;.dot-badge .MuiBadge-anchorOriginTopRightRectangle{top:", "px;right:", "px;}}.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$I, 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, 1), levelFourth, theme.spacing(1.5), denseClassName, theme.palette.product === 'agility' && 'none', theme.palette.grey[100], theme.palette.product === 'agility' && theme.palette.agilityInterface.topBarIconHoverBg, theme.spacing(0, 4, 0, 0.75), theme.spacing(1.5), theme.palette.grey[100], theme.spacing(0, 1.5), theme.spacing(2), theme.spacing(1.5), theme.spacing(1.5), theme.palette.layer.n900, theme.palette.layer.n0));
2420
+ }) => 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;&.without-menu-icon{padding-left:", ";}&.", "{height:48px;}.dot-main-menu-btn,.dot-right-side{.dot-icon-btn{color:", ";}}.dot-main-menu-btn{text-align:center;}.dot-branding{align-items:center;display:flex;padding:", ";.primary-logo,.app-logo{margin-right:", ";}.primary-logo,.dot-app-logo{display:flex;max-width:200px;svg,img{max-height:36px;max-width:200px;}}a{line-height:0;}.divider{margin-left:", ";}}div.dot-right-side{display:flex;flex-grow:2;justify-content:flex-end;.dot-badge .MuiBadge-anchorOriginTopRightRectangular{top:", ";right:", ";}}.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$H, theme.palette.grey[700], theme.palette.grey[100], theme.palette.grey[0], theme.spacing(1.5, 2, 1.5, 1), levelFourth, theme.spacing(1.5), denseClassName, theme.palette.grey[100], theme.spacing(0, 4, 0, 0.75), theme.spacing(1.5), theme.spacing(2), theme.spacing(1.5), theme.spacing(1.5), theme.palette.layer.n900, theme.palette.layer.n0));
2681
2421
 
2682
2422
  const DotAppToolbar = ({
2683
- appName,
2684
2423
  appLogo,
2685
2424
  appLogoHref: _appLogoHref = '/',
2686
2425
  appLogoSmall,
@@ -2704,7 +2443,7 @@ const DotAppToolbar = ({
2704
2443
  const displayAppLogo = appLogo || appLogoSmall;
2705
2444
  const mainMenuRef = useRef(null);
2706
2445
  const denseClass = _dense ? denseClassName : '';
2707
- const rootClasses = useStylesWithRootClass(rootClassName$I, className, denseClass, showMainMenu ? '' : 'without-menu-icon');
2446
+ const rootClasses = useStylesWithRootClass(rootClassName$H, className, denseClass, showMainMenu ? '' : 'without-menu-icon');
2708
2447
  const mainMenuClasses = useStylesWithRootClass('dot-main-menu', denseClass, menuOpen ? 'open' : '');
2709
2448
  const targetBreakpoint = useMediaQuery(theme => theme.breakpoints.up('md'));
2710
2449
  useEffect(() => {
@@ -2728,11 +2467,6 @@ const DotAppToolbar = ({
2728
2467
 
2729
2468
  (_a = mainMenuRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', handleInsideMenuClick);
2730
2469
  };
2731
- } // deprecation warning
2732
-
2733
-
2734
- if (appName) {
2735
- console.warn('The use of `appName` is deprecated and will be removed in the next major release, please use either `children` or `appLogo` instead.');
2736
2470
  }
2737
2471
  }, []);
2738
2472
 
@@ -2809,6 +2543,7 @@ const DotAppToolbar = ({
2809
2543
  href: _primaryLogoHref
2810
2544
  }, {
2811
2545
  children: customLogo ? customLogo : jsx(DotTooltip, Object.assign({
2546
+ "data-testid": "logo-tooltip",
2812
2547
  title: "digital.ai"
2813
2548
  }, {
2814
2549
  children: jsx(ForwardRef, {}, void 0)
@@ -2823,10 +2558,6 @@ const DotAppToolbar = ({
2823
2558
  className: "dot-app-logo",
2824
2559
  smallOnly: !targetBreakpoint
2825
2560
  }, void 0)
2826
- }), void 0), appName && jsx(DotTypography, Object.assign({
2827
- className: "dot-product-name"
2828
- }, {
2829
- children: appName
2830
2561
  }), void 0)]
2831
2562
  }), void 0), children, jsxs("div", Object.assign({
2832
2563
  className: "dot-right-side"
@@ -2844,39 +2575,15 @@ const DotAppToolbar = ({
2844
2575
  }), void 0);
2845
2576
  };
2846
2577
 
2847
- const rootClassName$H = 'dot-autocomplete';
2578
+ const rootClassName$G = 'dot-autocomplete';
2848
2579
  const inputRootClassName = 'dot-input-root';
2849
2580
  const inputMediumClassName = 'dot-input-medium';
2850
2581
  const StyledAutocomplete = styled(Autocomplete).withConfig({
2851
2582
  displayName: "AutoCompletestyles__StyledAutocomplete",
2852
2583
  componentId: "j2sgjy-0"
2853
- })(["", ""], ({
2854
- theme
2855
- }) => css(["&.", "{.", ".", "{padding-top:", ";padding-bottom:", ";}}"], rootClassName$H, inputRootClassName, inputMediumClassName, theme.spacing(0), theme.spacing(0)));
2856
-
2857
- const rootClassName$G = 'dot-text-field';
2858
- const rootSelectClassName = 'dot-select-field';
2859
- const labelClassName = 'dot-input-label';
2860
- const warningClassName = 'dot-warning';
2861
- const successClassName = 'dot-success';
2862
- const adornmentIconClassName = 'dot-adornment-icon';
2863
- const StyledAdornment = styled(InputAdornment).withConfig({
2864
- displayName: "InputFormFieldsstyles__StyledAdornment",
2865
- componentId: "sc-1mbn9f0-0"
2866
- })([".dot-icon{font-size:24px;height:24px;padding:0;width:24px;}"]);
2867
- const StyledInputLabel = styled(InputLabel).withConfig({
2868
- displayName: "InputFormFieldsstyles__StyledInputLabel",
2869
- componentId: "sc-1mbn9f0-1"
2870
- })(["", ""], ({
2871
- theme
2872
- }) => css(["&.", "{transform:none;&.Mui-disabled .dot-typography{color:rgba(0,0,0,0.38);}&.Mui-error .dot-typography{color:", ";}.dot-typography{display:inline;}}"], labelClassName, theme.palette.error.main));
2873
- const StyledTextField = styled(TextField).withConfig({
2874
- displayName: "InputFormFieldsstyles__StyledTextField",
2875
- componentId: "sc-1mbn9f0-2"
2876
- })(["", ""], ({
2877
- theme,
2878
- InputProps
2879
- }) => css(["&.", "{.MuiInputBase-root{background:", ";margin-bottom:0;}.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:", ";}.MuiFormLabel-root.Mui-focused{color:", ";}.", "{color:", ";}}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", "{color:", ";}}.MuiOutlinedInput-adornedStart{padding-left:12px;}.MuiOutlinedInput-adornedEnd{padding-right:12px;}.MuiFormHelperText-root{font-family:", ";font-size:", "px;font-weight:400;margin:", ";display:flex;align-items:flex-end;&:not(.Mui-error){color:", ";}}.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:", ";}"], rootClassName$G, 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$G, theme.palette.product === 'agility' && theme.palette.layer.n700, theme.palette.product === 'agility' && theme.palette.layer.n0, adornmentIconClassName, theme.palette.error.main, InputProps.endAdornment ? `44px` : `12px`, successClassName, theme.palette.secondary.main, theme.palette.grey[700], adornmentIconClassName, theme.palette.secondary.main, warningClassName, theme.palette.warning.main, theme.palette.grey[700], adornmentIconClassName, theme.palette.warning.main, theme.typography.body2.fontFamily, theme.typography.body2.fontSize, theme.spacing(0.5, 0, 0, 2), theme.palette.grey[400], theme.palette.product === 'agility' && agilityGreen));
2584
+ })(["", ""], ({
2585
+ theme
2586
+ }) => css(["&.", "{.", ".", "{padding-top:", ";padding-bottom:", ";}}"], rootClassName$G, inputRootClassName, inputMediumClassName, theme.spacing(0), theme.spacing(0)));
2880
2587
 
2881
2588
  const rootClassName$F = 'dot-button';
2882
2589
  const StyledButton = styled(Button).withConfig({
@@ -2884,11 +2591,11 @@ const StyledButton = styled(Button).withConfig({
2884
2591
  componentId: "sx99hh-0"
2885
2592
  })(["", ""], ({
2886
2593
  theme
2887
- }) => 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$F, theme.spacing(0.5), theme.palette.product === 'agility' && agilityGreen, theme.palette.error.main, darken(theme.palette.error.main, 0.2)));
2594
+ }) => css(["&.", "{margin:", ";min-width:auto;white-space:nowrap;&.MuiButton-outlined{border-color:rgba(0,0,0,0.23);color:", ";}&.MuiButton-containedSecondary{background-color:", ";&:hover,&:active{background-color:", ";}}&.MuiButton-text{padding:6px 16px;}span.dot-icon{padding:0;i{height:auto;}}}"], rootClassName$F, theme.spacing(0.5), theme.palette.grey[700], theme.palette.error.main, darken(theme.palette.error.main, 0.2)));
2888
2595
 
2889
2596
  /** This component wraps the Button component from @material-ui. */
2890
2597
 
2891
- const DotButton = /*#__PURE__*/React__default.forwardRef(({
2598
+ const DotButton = /*#__PURE__*/forwardRef(({
2892
2599
  ariaLabel,
2893
2600
  autoFocus: _autoFocus = false,
2894
2601
  children,
@@ -2902,9 +2609,6 @@ const DotButton = /*#__PURE__*/React__default.forwardRef(({
2902
2609
  onClick,
2903
2610
  size: _size = 'medium',
2904
2611
  startIcon,
2905
-
2906
- /** The use of `titleTooltip` is deprecated and will be removed in the next major release */
2907
- titleTooltip,
2908
2612
  tooltip,
2909
2613
  type: _type = 'primary'
2910
2614
  }, ref) => {
@@ -2914,7 +2618,7 @@ const DotButton = /*#__PURE__*/React__default.forwardRef(({
2914
2618
 
2915
2619
  switch (_type) {
2916
2620
  case 'destructive':
2917
- color = _disabled ? 'default' : 'secondary';
2621
+ color = _disabled ? 'inherit' : 'secondary';
2918
2622
  variant = 'contained';
2919
2623
  break;
2920
2624
 
@@ -2924,22 +2628,16 @@ const DotButton = /*#__PURE__*/React__default.forwardRef(({
2924
2628
  break;
2925
2629
 
2926
2630
  case 'outlined':
2927
- color = 'default';
2631
+ color = 'inherit';
2928
2632
  variant = 'outlined';
2929
2633
  break;
2930
2634
 
2931
2635
  case 'text':
2932
- color = 'default';
2636
+ color = 'inherit';
2933
2637
  variant = 'text';
2934
2638
  break;
2935
2639
  }
2936
2640
 
2937
- useEffect(() => {
2938
- // deprecation warning
2939
- if (titleTooltip) {
2940
- console.warn('The use of `titleTooltip` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
2941
- }
2942
- }, []);
2943
2641
  return jsx(DotTooltip, Object.assign({
2944
2642
  title: tooltip
2945
2643
  }, {
@@ -2997,7 +2695,7 @@ const DotChip = ({
2997
2695
 
2998
2696
  const getChipLabel = () => {
2999
2697
  if (_charactersLimit <= 0 || children.length < _charactersLimit) return children;
3000
- const label = `${children.substr(0, _charactersLimit)}...`;
2698
+ const label = `${children.substring(0, _charactersLimit)}...`;
3001
2699
  return jsx(DotTooltip, Object.assign({
3002
2700
  title: children
3003
2701
  }, {
@@ -3116,8 +2814,8 @@ const DotAutoComplete = ({
3116
2814
  let highlightedOption = null;
3117
2815
  const [isOpened, setIsOpened] = useState(false);
3118
2816
  const [inputText, setInputText] = useState('');
3119
- const rootClasses = useStylesWithRootClass(rootClassName$H, className);
3120
- const textFieldRootClasses = useStylesWithRootClass(rootClassName$G, className);
2817
+ const rootClasses = useStylesWithRootClass(rootClassName$G, className);
2818
+ const textFieldRootClasses = useStylesWithRootClass(rootClassName$Y, className);
3121
2819
  const inputRootClasses = useStylesWithRootClass(inputRootClassName, _dense ? '' : inputMediumClassName);
3122
2820
  let textFieldInput; // Used for focus management while popper is opened
3123
2821
 
@@ -3165,8 +2863,8 @@ const DotAutoComplete = ({
3165
2863
 
3166
2864
 
3167
2865
  const DotPopper = props => {
3168
- if (!isActionItemDefined) return jsx(StyledPopper$1, Object.assign({}, props, {
3169
- className: popperClassName,
2866
+ if (!isActionItemDefined) return jsx(StyledPopper, Object.assign({}, props, {
2867
+ className: rootClassName$Q,
3170
2868
  disablePortal: _disablePortal,
3171
2869
  "$maxHeight": maxHeight
3172
2870
  }), void 0); // Disable action if customer explicitly enabled duplicate
@@ -3189,8 +2887,8 @@ const DotAutoComplete = ({
3189
2887
  }), void 0) : itemText;
3190
2888
  const paperProps = props.children.props;
3191
2889
  const paperChildren = paperProps.children;
3192
- return jsx(StyledPopper$1, Object.assign({}, props, {
3193
- className: popperClassName,
2890
+ return jsx(StyledPopper, Object.assign({}, props, {
2891
+ className: rootClassName$Q,
3194
2892
  disablePortal: _disablePortal,
3195
2893
  "$maxHeight": maxHeight
3196
2894
  }, {
@@ -3360,6 +3058,14 @@ const DotAutoComplete = ({
3360
3058
  }, void 0);
3361
3059
  };
3362
3060
 
3061
+ const rootClassName$D = 'dot-avatar-group';
3062
+ const StyledAvatarGroup = styled(AvatarGroup).withConfig({
3063
+ displayName: "AvatarGroupstyles__StyledAvatarGroup",
3064
+ componentId: "sc-25by6z-0"
3065
+ })(["", ""], ({
3066
+ theme
3067
+ }) => css(["&.", "{justify-content:flex-end;.MuiAvatar-root{border:none;}}}"], rootClassName$D));
3068
+
3363
3069
  const DotAvatarGroup = ({
3364
3070
  ariaLabel,
3365
3071
  avatars,
@@ -3368,8 +3074,8 @@ const DotAvatarGroup = ({
3368
3074
  max: _max = 3,
3369
3075
  spacing: _spacing = 'medium'
3370
3076
  }) => {
3371
- const rootClasses = useStylesWithRootClass('dot-avatar-group', className);
3372
- return jsx(AvatarGroup, Object.assign({
3077
+ const rootClasses = useStylesWithRootClass(rootClassName$D, className);
3078
+ return jsx(StyledAvatarGroup, Object.assign({
3373
3079
  "aria-label": ariaLabel,
3374
3080
  classes: {
3375
3081
  root: rootClasses
@@ -3384,20 +3090,20 @@ const DotAvatarGroup = ({
3384
3090
  }), void 0);
3385
3091
  };
3386
3092
 
3387
- const rootClassName$D = 'dot-breadcrumbs';
3093
+ const rootClassName$C = 'dot-breadcrumbs';
3388
3094
  const breadcrumbsWrapperClass = 'dot-breadcrumbs-wrapper';
3389
3095
  const StyledBreadcrumbsWrapper = styled.div.withConfig({
3390
3096
  displayName: "Breadcrumbsstyles__StyledBreadcrumbsWrapper",
3391
3097
  componentId: "sc-7cg374-0"
3392
3098
  })(["", ""], ({
3393
3099
  theme
3394
- }) => css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$D, theme.spacing(0.5, 2)));
3100
+ }) => css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$C, theme.spacing(0.5, 2)));
3395
3101
  const StyledBreadcrumbs = styled(Breadcrumbs).withConfig({
3396
3102
  displayName: "Breadcrumbsstyles__StyledBreadcrumbs",
3397
3103
  componentId: "sc-7cg374-1"
3398
3104
  })(["", ""], ({
3399
3105
  theme
3400
- }) => 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$D, theme.palette.grey[300], theme.spacing(0.5, 2), theme.palette.grey[700]));
3106
+ }) => 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$C, theme.palette.grey[300], theme.spacing(0.5, 2), theme.palette.grey[700]));
3401
3107
 
3402
3108
  const compareWidth = (parentEl, childEl) => {
3403
3109
  return parentEl.getBoundingClientRect().width < childEl.getBoundingClientRect().width;
@@ -3644,8 +3350,7 @@ const DotBreadcrumbs = ({
3644
3350
  'data-testid': dataTestId,
3645
3351
  expansionMenu: _expansionMenu = false,
3646
3352
  items,
3647
- maxItems,
3648
- minWidth
3353
+ maxItems
3649
3354
  }) => {
3650
3355
  const wrapperRootClasses = useStylesWithRootClass(breadcrumbsWrapperClass, className);
3651
3356
  const wrapperRef = useRef();
@@ -3676,18 +3381,12 @@ const DotBreadcrumbs = ({
3676
3381
  const onMenuLeave = _event => {
3677
3382
  setMenuOpen(false);
3678
3383
  };
3679
-
3680
- useEffect(() => {
3681
- // deprecation warning
3682
- if (minWidth) {
3683
- console.warn('The use of `minWidth` is deprecated and will be removed in the next major release');
3684
- }
3685
- }, []);
3686
3384
  /* Build and connect expansion menu if 'expansionMenu' is set to true.
3687
3385
  In order for this to be functioning properly we need to set 'items' in
3688
3386
  the dependencies list as it will re-trigger hook if items array change.
3689
3387
  */
3690
3388
 
3389
+
3691
3390
  useEffect(() => {
3692
3391
  if (!_expansionMenu || !breadcrumbRef || !breadcrumbRef.current) return;
3693
3392
  const expandElement = getExpandElement(breadcrumbRef.current);
@@ -3711,7 +3410,7 @@ const DotBreadcrumbs = ({
3711
3410
  children: [jsx(StyledBreadcrumbs, Object.assign({
3712
3411
  "aria-label": "breadcrumb",
3713
3412
  classes: {
3714
- root: rootClassName$D,
3413
+ root: rootClassName$C,
3715
3414
  ol: 'dot-ol',
3716
3415
  li: 'dot-li'
3717
3416
  },
@@ -3722,10 +3421,7 @@ const DotBreadcrumbs = ({
3722
3421
  separator: jsx(DotIcon, {
3723
3422
  className: "separator",
3724
3423
  iconId: "chevron-right"
3725
- }, void 0),
3726
- style: {
3727
- width: minWidth
3728
- }
3424
+ }, void 0)
3729
3425
  }, {
3730
3426
  children: mapBreadcrumbItems(items, breadcrumbItemRefs, {
3731
3427
  isLastItemFullyVisible,
@@ -3744,7 +3440,7 @@ const DotBreadcrumbs = ({
3744
3440
  }), void 0);
3745
3441
  };
3746
3442
 
3747
- /*! *****************************************************************************
3443
+ /******************************************************************************
3748
3444
  Copyright (c) Microsoft Corporation.
3749
3445
 
3750
3446
  Permission to use, copy, modify, and/or distribute this software for any
@@ -3781,13 +3477,13 @@ function __awaiter(thisArg, _arguments, P, generator) {
3781
3477
  });
3782
3478
  }
3783
3479
 
3784
- const rootClassName$C = 'dot-button-toggle';
3480
+ const rootClassName$B = 'dot-button-toggle';
3785
3481
  const StyledToggleButtonGroup = styled(ToggleButtonGroup).withConfig({
3786
3482
  displayName: "ButtonTogglestyles__StyledToggleButtonGroup",
3787
3483
  componentId: "sc-1oh4ljv-0"
3788
3484
  })(["", ""], ({
3789
3485
  theme
3790
- }) => css(["&.", "{.dot-icon{+ p{margin-left:", "px;}i{height:auto;}}.MuiToggleButton-label{color:", ";p{margin-bottom:0;}}.MuiToggleButtonGroup-groupedHorizontal{border:1px solid ", ";border-radius:0;: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$C, theme.spacing(1), theme.palette.layer.n700, theme.palette.layer.n300, theme.palette.grey[200]));
3486
+ }) => css(["&.", "{.dot-icon{+ p{margin-left:", ";}i{color:", ";height:auto;}}.dot-typography{margin-bottom:0;}.MuiToggleButton-label{color:", ";p{margin-bottom:0;}}.MuiToggleButtonGroup-groupedHorizontal{border:1px solid ", ";border-radius:0;}.dot-tooltip{&:first-child .MuiToggleButtonGroup-groupedHorizontal{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:0;}&:last-child .MuiToggleButtonGroup-groupedHorizontal{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:0;}&:not(:first-child) .MuiToggleButtonGroup-groupedHorizontal{margin-left:-1px;}}& > .MuiToggleButtonGroup-groupedHorizontal{: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:", ";}&.Mui-selected{background:", ";}}"], rootClassName$B, theme.spacing(1), theme.palette.layer.n700, theme.palette.layer.n700, theme.palette.layer.n300, theme.palette.grey[200], selectedGray));
3791
3487
 
3792
3488
  const DotButtonToggle = ({
3793
3489
  ariaLabel,
@@ -3802,7 +3498,7 @@ const DotButtonToggle = ({
3802
3498
  size: _size = 'medium',
3803
3499
  value
3804
3500
  }) => {
3805
- const rootClasses = useStylesWithRootClass(rootClassName$C, className);
3501
+ const rootClasses = useStylesWithRootClass(rootClassName$B, className);
3806
3502
 
3807
3503
  const renderToggleButton = ({
3808
3504
  ariaLabel: optionAriaLabel,
@@ -3869,7 +3565,7 @@ const TooltipToggleButton = /*#__PURE__*/forwardRef((_a, ref) => {
3869
3565
  } = _a,
3870
3566
  props = __rest(_a, ["CustomTooltipProps"]);
3871
3567
 
3872
- return jsx(Tooltip, Object.assign({}, CustomTooltipProps, {
3568
+ return jsx(DotTooltip, Object.assign({}, CustomTooltipProps, {
3873
3569
  children: jsx(ToggleButton, Object.assign({
3874
3570
  ref: ref
3875
3571
  }, props), void 0)
@@ -3913,13 +3609,13 @@ const DotCardContent = ({
3913
3609
  }), void 0);
3914
3610
  };
3915
3611
 
3916
- const rootClassName$B = 'dot-card-footer';
3612
+ const rootClassName$A = 'dot-card-footer';
3917
3613
  const StyledDiv = styled.div.withConfig({
3918
3614
  displayName: "CardFooterstyles__StyledDiv",
3919
3615
  componentId: "koblh6-0"
3920
3616
  })(["", ""], ({
3921
3617
  theme
3922
- }) => css(["&.", "{padding:", "px;}"], rootClassName$B, theme.spacing(2)));
3618
+ }) => css(["&.", "{padding:", ";}"], rootClassName$A, theme.spacing(2)));
3923
3619
 
3924
3620
  const DotCardFooter = ({
3925
3621
  ariaLabel,
@@ -3927,7 +3623,7 @@ const DotCardFooter = ({
3927
3623
  className,
3928
3624
  'data-testid': dataTestId
3929
3625
  }) => {
3930
- const rootClasses = useStylesWithRootClass(rootClassName$B, className);
3626
+ const rootClasses = useStylesWithRootClass(rootClassName$A, className);
3931
3627
  return jsx(StyledDiv, Object.assign({
3932
3628
  "aria-label": ariaLabel,
3933
3629
  className: rootClasses,
@@ -3972,28 +3668,28 @@ const DotCardHeader = ({
3972
3668
  }, void 0);
3973
3669
  };
3974
3670
 
3975
- const rootClassName$A = 'dot-form-control-label';
3671
+ const rootClassName$z = 'dot-form-control-label';
3976
3672
  const StyledFormControlLabel = styled(FormControlLabel).withConfig({
3977
3673
  displayName: "FormControlLabelstyles__StyledFormControlLabel",
3978
3674
  componentId: "sc-1vt0om4-0"
3979
- })(["&.", "{.MuiFormControlLabel-label{margin-bottom:0;padding:0 0 0 4px;}&.MuiFormControlLabel-labelPlacementBottom{.MuiFormControlLabel-label{padding:4px 0 0 0;}}&.MuiFormControlLabel-labelPlacementTop{.MuiFormControlLabel-label{padding:0 0 4px 0;}}&.MuiFormControlLabel-labelPlacementStart{.MuiFormControlLabel-label{padding:0 4px 0;}}}"], rootClassName$A);
3675
+ })(["&.", "{.MuiFormControlLabel-label{margin-bottom:0;padding:0 0 0 4px;}&.MuiFormControlLabel-labelPlacementBottom{.MuiFormControlLabel-label{padding:4px 0 0 0;}}&.MuiFormControlLabel-labelPlacementTop{.MuiFormControlLabel-label{padding:0 0 4px 0;}}&.MuiFormControlLabel-labelPlacementStart{.MuiFormControlLabel-label{padding:0 4px 0;}}}"], rootClassName$z);
3980
3676
 
3981
- const rootClassName$z = 'dot-checkbox';
3677
+ const rootClassName$y = 'dot-checkbox';
3982
3678
  const StyledCheckbox = styled(Checkbox).withConfig({
3983
3679
  displayName: "Checkboxstyles__StyledCheckbox",
3984
3680
  componentId: "sc-1ubsn6i-0"
3985
3681
  })(["", ""], ({
3986
3682
  theme
3987
- }) => css(["&.", "{padding:", "px;}"], rootClassName$z, theme.spacing(1)));
3683
+ }) => css(["&.", "{padding:", ";&.MuiCheckbox-indeterminate{color:rgba(0,0,0,0.6);}}"], rootClassName$y, theme.spacing(1)));
3988
3684
 
3989
3685
  function DotCheckbox({
3990
3686
  ariaLabel,
3991
3687
  ariaLabelledby,
3992
3688
  checked,
3993
3689
  className,
3994
- disableRipple,
3995
3690
  'data-testid': dataTestId,
3996
3691
  disabled,
3692
+ disableRipple,
3997
3693
  id,
3998
3694
  indeterminate,
3999
3695
  inputRef,
@@ -4005,42 +3701,44 @@ function DotCheckbox({
4005
3701
  size = 'medium',
4006
3702
  value
4007
3703
  }) {
4008
- const rootClasses = useStylesWithRootClass(rootClassName$A, className);
3704
+ const rootClasses = useStylesWithRootClass(rootClassName$z, className);
4009
3705
 
4010
3706
  const handleChange = event => {
4011
3707
  onChange && onChange(event, event.target.value);
4012
3708
  };
4013
3709
 
3710
+ const checkboxControl = jsx(StyledCheckbox, {
3711
+ checked: checked,
3712
+ classes: {
3713
+ root: rootClassName$y
3714
+ },
3715
+ color: "primary",
3716
+ "data-testid": dataTestId,
3717
+ disableRipple: disableRipple,
3718
+ disabled: disabled,
3719
+ id: id,
3720
+ indeterminate: indeterminate,
3721
+ inputProps: {
3722
+ 'aria-label': ariaLabel || label,
3723
+ 'aria-labelledby': ariaLabelledby
3724
+ },
3725
+ inputRef: inputRef,
3726
+ name: name,
3727
+ onChange: handleChange,
3728
+ required: required,
3729
+ size: size,
3730
+ value: value
3731
+ }, void 0);
3732
+
4014
3733
  return jsx(StyledFormControlLabel, {
4015
3734
  className: rootClasses,
4016
- control: jsx(StyledCheckbox, {
4017
- checked: checked,
4018
- classes: {
4019
- root: rootClassName$z
4020
- },
4021
- color: "primary",
4022
- "data-testid": dataTestId,
4023
- disableRipple: disableRipple,
4024
- disabled: disabled,
4025
- id: id,
4026
- indeterminate: indeterminate,
4027
- inputProps: {
4028
- 'aria-label': ariaLabel ? ariaLabel : label,
4029
- 'aria-labelledby': ariaLabelledby
4030
- },
4031
- inputRef: inputRef,
4032
- name: name,
4033
- onChange: handleChange,
4034
- required: required,
4035
- size: size,
4036
- value: value
4037
- }, void 0),
3735
+ control: checkboxControl,
4038
3736
  label: label,
4039
3737
  labelPlacement: labelPlacement
4040
3738
  }, void 0);
4041
3739
  }
4042
3740
 
4043
- const rootClassName$y = 'dot-form-group';
3741
+ const rootClassName$x = 'dot-form-group';
4044
3742
  const groupLabelClassName = 'dot-form-group-label';
4045
3743
  const startAdornmentClassName = 'dot-start-adornment';
4046
3744
  const endAdornmentClassName = 'dot-end-adornment';
@@ -4048,9 +3746,9 @@ const placementClassName = 'dot-';
4048
3746
  const StyledFormControl = styled(FormControl).withConfig({
4049
3747
  displayName: "FormControlstyles__StyledFormControl",
4050
3748
  componentId: "sc-532kip-0"
4051
- })(["&.", "{.MuiFormLabel-root{width:100%;line-height:24px;margin-bottom:4px;display:flex;align-items:center;.", "{padding-left:4px;}.", "{padding-right:4px;}}&.", "{.MuiFormHelperText-root,.MuiFormLabel-root{display:flex;flex-direction:row-reverse;}}&.", "{.MuiFormHelperText-root,.MuiFormLabel-root{display:flex;justify-content:center;}}}"], rootClassName$y, endAdornmentClassName, startAdornmentClassName, `${placementClassName}start`, `${placementClassName}bottom`);
3749
+ })(["&.", "{.MuiFormLabel-root{width:100%;line-height:24px;margin-bottom:4px;display:flex;align-items:center;.", "{padding-left:4px;}.", "{padding-right:4px;}}&.", "{.MuiFormHelperText-root,.MuiFormLabel-root{display:flex;flex-direction:row-reverse;}}&.", "{.MuiFormHelperText-root,.MuiFormLabel-root{display:flex;justify-content:center;}}}"], rootClassName$x, endAdornmentClassName, startAdornmentClassName, `${placementClassName}start`, `${placementClassName}bottom`);
4052
3750
 
4053
- const rootClassName$x = 'dot-checkbox-group';
3751
+ const rootClassName$w = 'dot-checkbox-group';
4054
3752
  const wrapperClassName$1 = 'dot-checkbox-group-wrapper';
4055
3753
  const checkboxListClassName = 'dot-checkbox-list';
4056
3754
  const checkboxListItemClassName = 'dot-checkbox-list-item';
@@ -4059,16 +3757,16 @@ const StyledCheckboxGroup = styled.div.withConfig({
4059
3757
  componentId: "bhb21v-0"
4060
3758
  })(["", ""], ({
4061
3759
  theme
4062
- }) => css(["{&.", "{.", "{width:100%;}.MuiFormLabel-root{display:inline;width:100%;}.", "{list-style:none;margin-top:0;padding-left:", "px;.", "{margin:0;}}}"], wrapperClassName$1, rootClassName$x, checkboxListClassName, theme.spacing(2.5), rootClassName$A));
3760
+ }) => css(["{&.", "{.", "{width:100%;}.MuiFormLabel-root{display:inline;width:100%;}.", "{list-style:none;margin-top:0;padding-left:", ";.", "{margin:0;}}}"], wrapperClassName$1, rootClassName$w, checkboxListClassName, theme.spacing(2.5), rootClassName$z));
4063
3761
 
4064
- const rootClassName$w = 'dot-form-group';
3762
+ const rootClassName$v = 'dot-form-group';
4065
3763
  const StyledFormGroup = styled(FormGroup).withConfig({
4066
3764
  displayName: "FormGroupstyles__StyledFormGroup",
4067
3765
  componentId: "sc-1dlipcr-0"
4068
3766
  })(["", ""], ({
4069
3767
  theme,
4070
3768
  row
4071
- }) => css(["&.", "{& > *{margin:", ";}}"], rootClassName$w, row ? `${theme.spacing(0.5)}px` : 0));
3769
+ }) => css(["&.", "{& > *{margin:", ";}}"], rootClassName$v, row ? `${theme.spacing(0.5)}` : 0));
4072
3770
 
4073
3771
  function DotFormGroup({
4074
3772
  ariaLabel,
@@ -4077,7 +3775,7 @@ function DotFormGroup({
4077
3775
  'data-testid': dataTestId,
4078
3776
  row
4079
3777
  }) {
4080
- const rootClasses = useStylesWithRootClass(rootClassName$y, className);
3778
+ const rootClasses = useStylesWithRootClass(rootClassName$x, className);
4081
3779
  return jsx(StyledFormGroup, Object.assign({
4082
3780
  "aria-label": ariaLabel,
4083
3781
  classes: {
@@ -4117,7 +3815,7 @@ function DotCheckboxGroup({
4117
3815
  size = 'medium'
4118
3816
  }) {
4119
3817
  const placement = `${placementClassName}${labelPlacement}`;
4120
- const rootClasses = useStylesWithRootClass(rootClassName$y, rootClassName$x, className, placement);
3818
+ const rootClasses = useStylesWithRootClass(rootClassName$x, rootClassName$w, className, placement);
4121
3819
  const [selectedOptions, setSelectedOptions] = useState(defaultValues);
4122
3820
  const [allChecked, setAllChecked] = useState(false);
4123
3821
  /* This will ensure that state can be updated from the outside */
@@ -4214,13 +3912,13 @@ function DotCheckboxGroup({
4214
3912
  }), void 0);
4215
3913
  }
4216
3914
 
4217
- const rootClassName$v = 'dot-dialog';
3915
+ const rootClassName$u = 'dot-dialog';
4218
3916
  const StyledDialog = styled(Dialog).withConfig({
4219
3917
  displayName: "Dialogstyles__StyledDialog",
4220
3918
  componentId: "sc-1tkr4ex-0"
4221
3919
  })(["", ""], ({
4222
3920
  theme
4223
- }) => 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$v, theme.palette.product === 'agility' && theme.palette.layer.n50, theme.spacing(1, 2), theme.spacing(1), theme.spacing(1, 2), theme.spacing(2)));
3921
+ }) => css(["&.", "{.MuiDialog-paper{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:", ";}}.dot-dialog-content{padding:", ";overflow-y:auto;}.dot-dialog-actions{padding:", ";.cancel-button{color:inherit;}}}"], rootClassName$u, theme.spacing(1, 2), theme.spacing(1), theme.spacing(1, 2), theme.spacing(1)));
4224
3922
 
4225
3923
  const DotDialog = ({
4226
3924
  ariaLabel,
@@ -4237,7 +3935,7 @@ const DotDialog = ({
4237
3935
  submitButtonProps,
4238
3936
  title
4239
3937
  }) => {
4240
- const rootClasses = useStylesWithRootClass(rootClassName$v, className);
3938
+ const rootClasses = useStylesWithRootClass(rootClassName$u, className);
4241
3939
  const cancelClasses = useStylesWithRootClass(cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, 'cancel-button');
4242
3940
  const [isOpen, setIsOpen] = useState(open);
4243
3941
  useEffect(() => {
@@ -4280,15 +3978,13 @@ const DotDialog = ({
4280
3978
  onClose: handleClickAway,
4281
3979
  open: isOpen
4282
3980
  }, {
4283
- children: [jsxs(DialogTitle, Object.assign({
4284
- disableTypography: true
4285
- }, {
3981
+ children: [jsxs(DialogTitle, {
4286
3982
  children: [renderNodeOrTypography(title, 'h2'), closeIconVisible && jsx(DotIconButton, {
4287
3983
  iconId: "close",
4288
3984
  onClick: handleCancel,
4289
3985
  size: "small"
4290
3986
  }, void 0)]
4291
- }), void 0), jsx(DialogContent, Object.assign({
3987
+ }, void 0), jsx(DialogContent, Object.assign({
4292
3988
  classes: {
4293
3989
  root: `dot-dialog-content`
4294
3990
  }
@@ -4363,7 +4059,7 @@ const DotConfirmationDialog = ({
4363
4059
  }), void 0);
4364
4060
  };
4365
4061
 
4366
- const rootClassName$u = 'dot-grid';
4062
+ const rootClassName$t = 'dot-grid';
4367
4063
 
4368
4064
  const frGetter = value => typeof value === 'number' ? `repeat(${value}, 1fr)` : value;
4369
4065
 
@@ -4411,7 +4107,7 @@ const Grid = ({
4411
4107
  className,
4412
4108
  children
4413
4109
  }) => {
4414
- const rootClasses = useStylesWithRootClass(rootClassName$u, className);
4110
+ const rootClasses = useStylesWithRootClass(rootClassName$t, className);
4415
4111
  return jsx("div", Object.assign({
4416
4112
  className: rootClasses
4417
4113
  }, {
@@ -4432,7 +4128,7 @@ const StyledGrid = styled(Grid).withConfig({
4432
4128
  rows,
4433
4129
  theme,
4434
4130
  width
4435
- }) => css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$u, 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};`));
4131
+ }) => css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$t, 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};`));
4436
4132
  const CssGrid = props => {
4437
4133
  return jsx(StyledGrid, Object.assign({}, props), void 0);
4438
4134
  };
@@ -4600,13 +4296,13 @@ const CssGridDebug = ({
4600
4296
  }), void 0);
4601
4297
  };
4602
4298
 
4603
- const rootClassName$t = 'dot-empty-state';
4299
+ const rootClassName$s = 'dot-empty-state';
4604
4300
  const StyledEmptyState = styled.div.withConfig({
4605
4301
  displayName: "EmptyStatestyles__StyledEmptyState",
4606
4302
  componentId: "sc-1sftmht-0"
4607
4303
  })(["", ""], ({
4608
4304
  theme
4609
- }) => 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)));
4305
+ }) => css(["&.dot-empty-state{margin:0 auto;max-width:600px;text-align:center;.empty-state-image{min-height:239px;margin-bottom:", ";}h2{margin-bottom:", ";}.dot-button{margin-top:", ";}}"], theme.spacing(5), theme.spacing(1), theme.spacing(4)));
4610
4306
 
4611
4307
  const DotEmptyState = ({
4612
4308
  ariaLabel,
@@ -4618,7 +4314,7 @@ const DotEmptyState = ({
4618
4314
  subtitle,
4619
4315
  title
4620
4316
  }) => {
4621
- const rootClasses = useStylesWithRootClass(rootClassName$t, className);
4317
+ const rootClasses = useStylesWithRootClass(rootClassName$s, className);
4622
4318
  return jsxs(StyledEmptyState, Object.assign({
4623
4319
  "aria-label": ariaLabel,
4624
4320
  className: rootClasses,
@@ -4652,15 +4348,15 @@ const StyledRadioGroup = styled(RadioGroup).withConfig({
4652
4348
  componentId: "sc-84g3mq-1"
4653
4349
  })(["", ""], ({
4654
4350
  theme
4655
- }) => css(["{&.", "{padding-left:", "px;.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$A));
4351
+ }) => css(["{&.", "{padding-left:", ";.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$z));
4656
4352
 
4657
- const rootClassName$s = 'dot-form';
4353
+ const rootClassName$r = 'dot-form';
4658
4354
  const StyledFormContainer = styled.div.withConfig({
4659
4355
  displayName: "Formstyles__StyledFormContainer",
4660
4356
  componentId: "bbovqo-0"
4661
4357
  })(["", ""], ({
4662
4358
  theme
4663
- }) => css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$s, theme.spacing(3, 0), rootClassName$y, rootClassName$A, rootClassName$G, rootSelectClassName, theme.spacing(1, 0), rootClassName$x, groupClassName, rootClassName$A));
4359
+ }) => css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$r, theme.spacing(3, 0), rootClassName$x, rootClassName$z, rootClassName$Y, rootSelectClassName, theme.spacing(1, 0), rootClassName$w, groupClassName, rootClassName$z));
4664
4360
 
4665
4361
  const DotForm = ({
4666
4362
  ariaLabel,
@@ -4669,7 +4365,7 @@ const DotForm = ({
4669
4365
  'data-testid': dataTestId,
4670
4366
  onSubmit
4671
4367
  }) => {
4672
- const rootClasses = useStylesWithRootClass(rootClassName$s, className);
4368
+ const rootClasses = useStylesWithRootClass(rootClassName$r, className);
4673
4369
  return jsx("form", Object.assign({
4674
4370
  "aria-label": ariaLabel,
4675
4371
  "data-testid": dataTestId,
@@ -4684,11 +4380,11 @@ const DotForm = ({
4684
4380
  }), void 0);
4685
4381
  };
4686
4382
 
4687
- const rootClassName$r = 'dot-dynamic-form';
4383
+ const rootClassName$q = 'dot-dynamic-form';
4688
4384
  const StyledDynamicForm = styled(DotForm).withConfig({
4689
4385
  displayName: "DynamicFormstyles__StyledDynamicForm",
4690
4386
  componentId: "sc-1lnljcn-0"
4691
- })(["", ""], () => css(["&.", "{}"], rootClassName$r));
4387
+ })(["", ""], () => css(["&.", "{}"], rootClassName$q));
4692
4388
 
4693
4389
  const DATA_CONTROLS = ['dot-autocomplete', 'dot-checkbox', 'dot-checkbox-group', 'dot-input-select', 'dot-input-text', 'dot-radio-group', 'dot-switch'];
4694
4390
  /* Array of control types for which we don't have error state so validation doesn't make any sense */
@@ -4884,66 +4580,8 @@ const checkIfFormDataValid = formState => {
4884
4580
  return true;
4885
4581
  };
4886
4582
 
4887
- const DotInputLabel = ({
4888
- disabled: _disabled = false,
4889
- error: _error = false,
4890
- id,
4891
- label,
4892
- required
4893
- }) => {
4894
- return jsx(StyledInputLabel, Object.assign({
4895
- classes: {
4896
- root: labelClassName
4897
- },
4898
- disabled: _disabled,
4899
- error: _error,
4900
- htmlFor: id,
4901
- required: required,
4902
- shrink: false,
4903
- variant: "outlined"
4904
- }, {
4905
- children: jsx(DotTypography, Object.assign({
4906
- variant: "subtitle2"
4907
- }, {
4908
- children: label
4909
- }), void 0)
4910
- }), void 0);
4911
- };
4912
-
4913
4583
  const DELAY_MS = 300;
4914
4584
 
4915
- const EndAdornment = ({
4916
- endAdornmentTooltip,
4917
- error,
4918
- dataTestId,
4919
- endIcon,
4920
- success,
4921
- warning
4922
- }) => {
4923
- const renderIcon = iconType => jsx(DotIcon, {
4924
- "data-testid": dataTestId && `${dataTestId}-${iconType}-icon`,
4925
- iconId: `${iconType}-solid`
4926
- }, void 0);
4927
-
4928
- const errorIcon = error && renderIcon('error');
4929
- const successIcon = success && renderIcon('check');
4930
- const warningIcon = warning && renderIcon('warning');
4931
- const endAdornmentIcon = endIcon || errorIcon || warningIcon || successIcon;
4932
-
4933
- const styledAdornment = jsx(StyledAdornment, Object.assign({
4934
- className: `${adornmentIconClassName} end`,
4935
- position: "end"
4936
- }, {
4937
- children: endAdornmentIcon
4938
- }), void 0);
4939
-
4940
- return endAdornmentTooltip ? jsx(DotTooltip, Object.assign({
4941
- title: endAdornmentTooltip
4942
- }, {
4943
- children: styledAdornment
4944
- }), void 0) : styledAdornment;
4945
- };
4946
-
4947
4585
  const getInitialState = value => ({
4948
4586
  inputValue: value || ''
4949
4587
  });
@@ -4964,6 +4602,8 @@ const DotInputText = ({
4964
4602
  id,
4965
4603
  inputRef,
4966
4604
  label,
4605
+ maxRows,
4606
+ minRows,
4967
4607
  multiline: _multiline = false,
4968
4608
  name,
4969
4609
  onBlur,
@@ -4971,28 +4611,30 @@ const DotInputText = ({
4971
4611
  onFocus,
4972
4612
  onKeyDown,
4973
4613
  onMouseUp,
4974
- persistentLabel,
4975
4614
  placeholder,
4976
4615
  readOnly: _readOnly = false,
4977
4616
  required: _required = false,
4978
- rows,
4979
- rowsMax,
4980
- shrink,
4981
4617
  startIcon,
4982
4618
  size: _size = 'small',
4983
- success,
4984
4619
  type: _type = 'text',
4985
4620
  value,
4986
4621
  warning: _warning = false
4987
4622
  }) => {
4988
- const hasWarning = !_error && _warning && warningClassName;
4989
- const hasSuccess = !_error && !_warning && success && successClassName;
4990
- const hasEndAdornmentIcon = endIcon || _error || hasWarning || hasSuccess; // This state is used only with debounce feature enabled
4623
+ const hasWarning = !_error && _warning ? warningClassName : ''; // This state is used only with debounce feature enabled
4991
4624
 
4992
4625
  const [inputTextState, setInputTextState] = useState(hasDebounce && getInitialState(value));
4993
- const rootStyles = useStylesWithRootClass(rootClassName$G, className, hasWarning, hasSuccess); // Used to control text value from the consumer component
4626
+
4627
+ const renderIcon = iconType => jsx(DotIcon, {
4628
+ "data-testid": dataTestId && `${dataTestId}-${iconType}-icon`,
4629
+ iconId: `${iconType}-solid`
4630
+ }, void 0);
4631
+
4632
+ const rootStyles = useStylesWithRootClass(rootClassName$Y, className, hasWarning);
4633
+
4634
+ const endAdornmentIcon = endIcon || _error && renderIcon('error') || _warning && renderIcon('warning'); // Used to control text value from the consumer component
4994
4635
  // when debounce feature is enabled
4995
4636
 
4637
+
4996
4638
  useEffect(() => {
4997
4639
  if (hasDebounce && value !== inputTextState.inputValue) {
4998
4640
  setInputTextState(getInitialState(value));
@@ -5023,68 +4665,66 @@ const DotInputText = ({
5023
4665
  // in that case component is controlled
5024
4666
 
5025
4667
  const defaultInputValue = hasDebounce ? undefined : defaultValue;
5026
- return jsxs(Fragment$1, {
5027
- children: [persistentLabel && jsx(DotInputLabel, Object.assign({}, {
5028
- disabled: _disabled,
5029
- error: _error,
5030
- id,
5031
- label,
5032
- required: _required
5033
- }), void 0), jsx(StyledTextField, {
5034
- InputProps: {
5035
- startAdornment: startIcon && jsx(StyledAdornment, Object.assign({
5036
- className: `${adornmentIconClassName} start`,
5037
- position: "start"
5038
- }, {
5039
- children: startIcon
5040
- }), void 0),
5041
- endAdornment: hasEndAdornmentIcon && jsx(EndAdornment, Object.assign({}, {
5042
- endAdornmentTooltip,
5043
- error: _error,
5044
- dataTestId,
5045
- endIcon,
5046
- success,
5047
- warning: _warning
5048
- }), void 0)
5049
- },
5050
- "aria-label": name,
5051
- autoComplete: _autoComplete,
5052
- autoFocus: autoFocus,
5053
- classes: {
5054
- root: rootStyles
5055
- },
5056
- defaultValue: defaultInputValue,
5057
- disabled: _disabled,
5058
- error: _error,
5059
- fullWidth: _fullWidth,
5060
- helperText: helperText,
5061
- id: id,
5062
- InputLabelProps: {
5063
- shrink: shrink
5064
- },
5065
- inputProps: {
5066
- 'data-testid': dataTestId,
5067
- className: 'dot-input',
5068
- readOnly: _readOnly
5069
- },
5070
- inputRef: inputRef,
5071
- label: persistentLabel ? null : label,
5072
- multiline: _multiline,
5073
- name: name,
5074
- onBlur: onBlur,
5075
- onChange: hasDebounce ? handleChange : onChange,
5076
- onFocus: onFocus,
5077
- onKeyDown: onKeyDown,
5078
- onMouseUp: onMouseUp,
5079
- placeholder: placeholder,
5080
- required: _required,
5081
- rows: _multiline ? rows : null,
5082
- rowsMax: _multiline ? rowsMax : null,
5083
- size: _size,
5084
- type: _type,
5085
- value: inputTextValue,
5086
- variant: "outlined"
5087
- }, void 0)]
4668
+
4669
+ const renderEndAdornment = () => {
4670
+ const styledAdornment = jsx(StyledAdornment, Object.assign({
4671
+ className: `${adornmentIconClassName} end`,
4672
+ position: "end"
4673
+ }, {
4674
+ children: endAdornmentIcon
4675
+ }), void 0);
4676
+
4677
+ return endAdornmentTooltip ? jsx(DotTooltip, Object.assign({
4678
+ title: endAdornmentTooltip
4679
+ }, {
4680
+ children: styledAdornment
4681
+ }), void 0) : styledAdornment;
4682
+ };
4683
+
4684
+ return jsx(StyledTextField, {
4685
+ InputProps: {
4686
+ startAdornment: startIcon && jsx(StyledAdornment, Object.assign({
4687
+ className: `${adornmentIconClassName} start`,
4688
+ position: "start"
4689
+ }, {
4690
+ children: startIcon
4691
+ }), void 0),
4692
+ endAdornment: endAdornmentIcon && renderEndAdornment()
4693
+ },
4694
+ "aria-label": name,
4695
+ autoComplete: _autoComplete,
4696
+ autoFocus: autoFocus,
4697
+ classes: {
4698
+ root: rootStyles
4699
+ },
4700
+ defaultValue: defaultInputValue,
4701
+ disabled: _disabled,
4702
+ error: _error,
4703
+ fullWidth: _fullWidth,
4704
+ helperText: helperText,
4705
+ id: id,
4706
+ inputProps: {
4707
+ 'data-testid': dataTestId,
4708
+ className: 'dot-input',
4709
+ readOnly: _readOnly
4710
+ },
4711
+ inputRef: inputRef,
4712
+ label: label,
4713
+ multiline: _multiline,
4714
+ name: name,
4715
+ onBlur: onBlur,
4716
+ onChange: hasDebounce ? handleChange : onChange,
4717
+ onFocus: onFocus,
4718
+ onKeyDown: onKeyDown,
4719
+ onMouseUp: onMouseUp,
4720
+ placeholder: placeholder,
4721
+ required: _required,
4722
+ minRows: _multiline ? minRows : null,
4723
+ maxRows: _multiline ? maxRows : null,
4724
+ size: _size,
4725
+ type: _type,
4726
+ value: inputTextValue,
4727
+ variant: "outlined"
5088
4728
  }, void 0);
5089
4729
  };
5090
4730
 
@@ -5108,18 +4748,14 @@ const DotInputSelect = ({
5108
4748
  onFocus,
5109
4749
  onKeyDown,
5110
4750
  options: _options = [],
5111
- persistentLabel,
5112
4751
  required,
5113
- shrink,
5114
4752
  size: _size = 'small',
5115
4753
  startIcon,
5116
- success,
5117
4754
  value,
5118
4755
  warning: _warning = false
5119
4756
  }) => {
4757
+ const rootStyles = useStylesWithRootClass(rootSelectClassName, className);
5120
4758
  const hasWarning = !_error && _warning && warningClassName;
5121
- const hasSuccess = !_error && !_warning && success && successClassName;
5122
- const rootStyles = useStylesWithRootClass(rootSelectClassName, className, hasSuccess, hasWarning);
5123
4759
 
5124
4760
  const getOption = option => {
5125
4761
  return typeof option === 'string' ? option : option.option;
@@ -5129,78 +4765,67 @@ const DotInputSelect = ({
5129
4765
  return typeof option === 'string' ? option : (option === null || option === void 0 ? void 0 : option.value) || option.option;
5130
4766
  };
5131
4767
 
5132
- return jsxs(Fragment$1, {
5133
- children: [persistentLabel && jsx(DotInputLabel, Object.assign({}, {
5134
- disabled: _disabled,
5135
- error: _error,
5136
- id,
5137
- label,
5138
- required
5139
- }), void 0), jsx(StyledTextField, Object.assign({
5140
- InputProps: {
5141
- startAdornment: startIcon && jsx(StyledAdornment, Object.assign({
5142
- className: `${adornmentIconClassName} start`,
5143
- position: "start"
5144
- }, {
5145
- children: startIcon
5146
- }), void 0),
5147
- endAdornment: endIcon && jsx(StyledAdornment, Object.assign({
5148
- className: `${adornmentIconClassName} end`,
5149
- position: "end"
5150
- }, {
5151
- children: endIcon
5152
- }), void 0)
5153
- },
5154
- SelectProps: {
5155
- native: true
5156
- },
5157
- autoFocus: autoFocus,
5158
- className: rootStyles,
5159
- defaultValue: defaultValue,
5160
- disabled: _disabled,
5161
- error: _error,
5162
- fullWidth: _fullWidth,
5163
- helperText: helperText,
5164
- id: id,
5165
- InputLabelProps: {
5166
- shrink: shrink
5167
- },
5168
- inputProps: {
5169
- 'aria-label': ariaLabel,
5170
- 'data-testid': dataTestId,
5171
- className: 'dot-select'
5172
- },
5173
- inputRef: inputRef,
5174
- label: persistentLabel ? null : label,
5175
- multiline: false,
5176
- name: name,
5177
- onBlur: onBlur,
5178
- onChange: onChange,
5179
- onFocus: onFocus,
5180
- onKeyDown: onKeyDown,
5181
- required: required,
5182
- select: true,
5183
- size: _size,
5184
- value: value,
5185
- variant: "outlined"
5186
- }, {
5187
- children: _options.map(option => jsx("option", Object.assign({
5188
- className: "dot-option",
5189
- value: getValue(option)
4768
+ return jsx(StyledTextField, Object.assign({
4769
+ InputProps: {
4770
+ startAdornment: startIcon && jsx(StyledAdornment, Object.assign({
4771
+ className: `${adornmentIconClassName} start`,
4772
+ position: "start"
5190
4773
  }, {
5191
- children: getOption(option)
5192
- }), getValue(option)))
5193
- }), void 0)]
5194
- }, void 0);
4774
+ children: startIcon
4775
+ }), void 0),
4776
+ endAdornment: endIcon && jsx(StyledAdornment, Object.assign({
4777
+ className: `${adornmentIconClassName} end`,
4778
+ position: "end"
4779
+ }, {
4780
+ children: endIcon
4781
+ }), void 0)
4782
+ },
4783
+ SelectProps: {
4784
+ native: true
4785
+ },
4786
+ autoFocus: autoFocus,
4787
+ className: `${rootStyles} ${hasWarning}`,
4788
+ defaultValue: defaultValue,
4789
+ disabled: _disabled,
4790
+ error: _error,
4791
+ fullWidth: _fullWidth,
4792
+ helperText: helperText,
4793
+ id: id,
4794
+ inputProps: {
4795
+ 'aria-label': ariaLabel,
4796
+ 'data-testid': dataTestId,
4797
+ className: 'dot-select'
4798
+ },
4799
+ inputRef: inputRef,
4800
+ label: label,
4801
+ multiline: false,
4802
+ name: name,
4803
+ onBlur: onBlur,
4804
+ onChange: onChange,
4805
+ onFocus: onFocus,
4806
+ onKeyDown: onKeyDown,
4807
+ required: required,
4808
+ select: true,
4809
+ size: _size,
4810
+ value: value,
4811
+ variant: "outlined"
4812
+ }, {
4813
+ children: _options.map(option => jsx("option", Object.assign({
4814
+ className: "dot-option",
4815
+ value: getValue(option)
4816
+ }, {
4817
+ children: getOption(option)
4818
+ }), getValue(option)))
4819
+ }), void 0);
5195
4820
  };
5196
4821
 
5197
- const rootClassName$q = 'dot-progress-button';
4822
+ const rootClassName$p = 'dot-progress-button';
5198
4823
  const StyledProgressButton = styled(DotButton).withConfig({
5199
4824
  displayName: "ProgressButtonstyles__StyledProgressButton",
5200
4825
  componentId: "sc-1fvgky0-0"
5201
4826
  })(["", ""], ({
5202
4827
  theme
5203
- }) => css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$q, theme.palette.layer.n300));
4828
+ }) => css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$p, theme.palette.layer.n300));
5204
4829
 
5205
4830
  const SPINNER_DEFAULT_SIZE = 20;
5206
4831
  const SPINNER_LARGE_SIZE = 24;
@@ -5219,7 +4844,7 @@ const DotProgressButton = ({
5219
4844
  tooltip,
5220
4845
  type: _type = 'primary'
5221
4846
  }) => {
5222
- const rootClasses = useStylesWithRootClass(rootClassName$q, className);
4847
+ const rootClasses = useStylesWithRootClass(rootClassName$p, className);
5223
4848
  const isButtonDisabled = _disabled || _isLoading;
5224
4849
  const titleClasses = useStylesWithRootClass(_isLoading ? 'hidden' : '');
5225
4850
  const progressCircleSize = _size === 'large' ? SPINNER_LARGE_SIZE : SPINNER_DEFAULT_SIZE;
@@ -5247,13 +4872,13 @@ const DotProgressButton = ({
5247
4872
  }), void 0);
5248
4873
  };
5249
4874
 
5250
- const rootClassName$p = 'dot-radio';
4875
+ const rootClassName$o = 'dot-radio';
5251
4876
  const StyledRadioButton = styled(Radio).withConfig({
5252
4877
  displayName: "RadioButtonstyles__StyledRadioButton",
5253
4878
  componentId: "brp0sc-0"
5254
4879
  })(["", ""], ({
5255
4880
  theme
5256
- }) => css(["{&.", "{padding:8px;}"], rootClassName$p));
4881
+ }) => css(["{&.", "{padding:8px;}"], rootClassName$o));
5257
4882
 
5258
4883
  function DotRadioButton({
5259
4884
  ariaLabel,
@@ -5271,31 +4896,33 @@ function DotRadioButton({
5271
4896
  size = 'medium',
5272
4897
  value
5273
4898
  }) {
5274
- const rootClasses = useStylesWithRootClass(rootClassName$A, className);
4899
+ const rootClasses = useStylesWithRootClass(rootClassName$z, className);
5275
4900
 
5276
4901
  const handleChange = event => {
5277
4902
  onChange && onChange(event, event.target.value);
5278
4903
  };
5279
4904
 
4905
+ const radioControl = jsx(StyledRadioButton, {
4906
+ "aria-label": ariaLabel,
4907
+ checked: checked,
4908
+ classes: {
4909
+ root: rootClassName$o
4910
+ },
4911
+ color: "primary",
4912
+ "data-testid": dataTestId,
4913
+ disabled: disabled,
4914
+ id: id,
4915
+ inputRef: inputRef,
4916
+ name: name,
4917
+ onChange: handleChange,
4918
+ required: required,
4919
+ size: size
4920
+ }, void 0);
4921
+
5280
4922
  return jsx(StyledFormControlLabel, {
5281
4923
  className: rootClasses,
5282
- control: jsx(StyledRadioButton, {
5283
- "aria-label": ariaLabel,
5284
- checked: checked,
5285
- classes: {
5286
- root: rootClassName$p
5287
- },
5288
- color: "primary",
5289
- "data-testid": dataTestId,
5290
- disabled: disabled,
5291
- id: id,
5292
- inputRef: inputRef,
5293
- name: name,
5294
- onChange: handleChange,
5295
- required: required,
5296
- size: size
5297
- }, void 0),
5298
- label: label,
4924
+ control: radioControl,
4925
+ label: label || radioControl,
5299
4926
  labelPlacement: labelPlacement,
5300
4927
  value: value
5301
4928
  }, void 0);
@@ -5322,7 +4949,7 @@ const DotRadioGroup = ({
5322
4949
  size: _size = 'medium'
5323
4950
  }) => {
5324
4951
  const placement = `${placementClassName}${_labelPlacement}`;
5325
- const rootClasses = useStylesWithRootClass(rootClassName$y, className, placement);
4952
+ const rootClasses = useStylesWithRootClass(rootClassName$x, className, placement);
5326
4953
  const radioValue = value || defaultValue;
5327
4954
  const [selectedValue, setSelectedValue] = useState(radioValue);
5328
4955
  /* This will ensure that value can be updated from the outside */
@@ -5395,7 +5022,7 @@ const DotRadioGroup = ({
5395
5022
  }), void 0);
5396
5023
  };
5397
5024
 
5398
- const rootClassName$o = 'dot-switch';
5025
+ const rootClassName$n = 'dot-switch';
5399
5026
  const StyledSwitch = styled(Switch).withConfig({
5400
5027
  displayName: "Switchstyles__StyledSwitch",
5401
5028
  componentId: "eign2a-0"
@@ -5407,7 +5034,7 @@ const DotSwitch = ({
5407
5034
  ariaLabel,
5408
5035
  checked,
5409
5036
  className,
5410
- color: _color = 'primary',
5037
+ color,
5411
5038
  'data-testid': dataTestId,
5412
5039
  disabled: _disabled = false,
5413
5040
  id,
@@ -5417,31 +5044,33 @@ const DotSwitch = ({
5417
5044
  onChange,
5418
5045
  size: _size = 'medium'
5419
5046
  }) => {
5420
- const rootClasses = useStylesWithRootClass(rootClassName$o, className);
5047
+ const rootClasses = useStylesWithRootClass(rootClassName$n, className);
5421
5048
 
5422
5049
  const handleChange = event => {
5423
5050
  onChange && onChange(event);
5424
5051
  };
5425
5052
 
5053
+ const switchControl = jsx(StyledSwitch, {
5054
+ checked: checked,
5055
+ classes: {
5056
+ root: rootClasses
5057
+ },
5058
+ color: color,
5059
+ "data-testid": dataTestId,
5060
+ disabled: _disabled,
5061
+ id: id,
5062
+ inputProps: {
5063
+ 'aria-label': ariaLabel || label
5064
+ },
5065
+ inputRef: inputRef,
5066
+ onChange: handleChange,
5067
+ size: _size
5068
+ }, void 0);
5069
+
5426
5070
  return jsx(StyledFormControlLabel, {
5427
- className: rootClassName$A,
5428
- control: jsx(StyledSwitch, {
5429
- checked: checked,
5430
- classes: {
5431
- root: rootClasses
5432
- },
5433
- color: _color,
5434
- "data-testid": dataTestId,
5435
- disabled: _disabled,
5436
- id: id,
5437
- inputProps: {
5438
- 'aria-label': ariaLabel ? ariaLabel : label
5439
- },
5440
- inputRef: inputRef,
5441
- onChange: handleChange,
5442
- size: _size
5443
- }, void 0),
5444
- label: label,
5071
+ className: rootClassName$z,
5072
+ control: switchControl,
5073
+ label: label || switchControl,
5445
5074
  labelPlacement: _labelPlacement
5446
5075
  }, void 0);
5447
5076
  };
@@ -5757,7 +5386,7 @@ const DotDynamicForm = ({
5757
5386
  onChange,
5758
5387
  onSubmit
5759
5388
  }) => {
5760
- const rootClasses = useStylesWithRootClass(rootClassName$r, className); // Memoize this operation so that is doesn't get executed each time this
5389
+ const rootClasses = useStylesWithRootClass(rootClassName$q, className); // Memoize this operation so that is doesn't get executed each time this
5761
5390
  // component re-renders
5762
5391
 
5763
5392
  const initialFormState = useMemo(() => getInitialFormState(config, _liveValidation), [config, _liveValidation, getInitialFormState]);
@@ -6043,7 +5672,7 @@ const DotDynamicForm = ({
6043
5672
  }), void 0);
6044
5673
  };
6045
5674
 
6046
- const rootClassName$n = 'dot-inline-edit';
5675
+ const rootClassName$m = 'dot-inline-edit';
6047
5676
  const editModeClassName = 'dot-edit-mode';
6048
5677
  const viewModeClassName = 'dot-view-mode';
6049
5678
  const readOnlyClassName = 'dot-read-only';
@@ -6055,17 +5684,17 @@ const StyledInlineEdit = styled.div.withConfig({
6055
5684
  })(["", ""], ({
6056
5685
  theme,
6057
5686
  fullWidth
6058
- }) => css(["&.dot-inline-edit{display:", ";align-items:center;color:", ";min-width:", "px;.", "{display:flex;width:100%;position:relative;.dot-edit-icon{height:100%;position:absolute;right:0;width:40px;background-color:", ";border-radius:", ";display:none;.dot-i{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}}&:not(.", "):hover{border-radius:", "px;background-color:", ";cursor:pointer;.dot-edit-icon{display:block;}}.dot-view-mode-typography{padding:", ";margin-bottom:0;}}.dot-empty-value fieldset{border-color:", ";}.dot-adornment-error{color:", ";}.MuiInputBase-input{height:auto;}.MuiInputBase-root{margin-bottom:", "px;}", " .", " .dot-input{padding-left:", "px;}.MuiOutlinedInput-input:focus{cursor:auto;}.dot-counter-adornment{.dot-counter-max-length{color:", ";}.dot-counter-length,.dot-counter-max-length{&.dot-counter-limit{color:", ";}}}.dot-read-only-adornment{display:none;}.", "{display:flex;align-items:center;margin:", ";.dot-button{padding:", "px;margin-top:", ";margin-bottom:", ";}}}"], fullWidth ? 'flex' : 'inline-flex', theme.palette.grey[700], theme.spacing(32), viewModeClassName, theme.palette.layer.n50, theme.spacing(0, 0.5, 0.5, 0), readOnlyClassName, theme.spacing(0.5), theme.palette.layer.n50, theme.spacing(1.3125, 1), theme.palette.error[500], theme.palette.error[500], theme.spacing(0), ({
5687
+ }) => css(["&.dot-inline-edit{display:", ";align-items:center;color:", ";min-width:", ";.", "{display:flex;width:100%;position:relative;.dot-edit-icon{height:100%;position:absolute;right:0;width:40px;background-color:", ";border-radius:", ";display:none;.dot-i{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}}&:not(.", "):hover{border-radius:", ";background-color:", ";cursor:pointer;.dot-edit-icon{display:block;}}.dot-view-mode-typography{padding:", ";margin-bottom:0;}}.dot-empty-value fieldset{border-color:", ";}.dot-adornment-error{color:", ";}.MuiInputBase-input{height:auto;}.MuiInputBase-root{margin-bottom:", ";}", " .", " .dot-input{padding-left:", ";}.MuiOutlinedInput-input:focus{cursor:auto;}.dot-counter-adornment{.dot-counter-max-length{color:", ";}.dot-counter-length,.dot-counter-max-length{&.dot-counter-limit{color:", ";}&:hover{background:", ";}.editing-actions{display:flex;justify-content:flex-end;margin-top:", ";}.dot-icon-btn{background:", ";border:1px solid ", ";color:", ";margin-left:", ";padding:", ";}}}.dot-read-only-adornment{display:none;}.", "{display:flex;align-items:center;margin:", ";.dot-button{padding:", ";margin-top:", ";margin-bottom:", ";}}}"], fullWidth ? 'flex' : 'inline-flex', theme.palette.grey[700], theme.spacing(32), viewModeClassName, theme.palette.layer.n50, theme.spacing(0, 0.5, 0.5, 0), readOnlyClassName, theme.spacing(0.5), theme.palette.layer.n50, theme.spacing(1.3125, 1), theme.palette.error[500], theme.palette.error[500], theme.spacing(0), ({
6059
5688
  typography
6060
5689
  }) => typography && `
6061
5690
  .MuiInputBase-root {
6062
5691
  font-family: ${theme.typography[typography].fontFamily || 'inherit'};
6063
- font-size: ${theme.typography[typography].fontSize}px;
5692
+ font-size: ${theme.typography[typography].fontSize};
6064
5693
  line-height: ${theme.typography[typography].lineHeight || 'normal'};
6065
5694
  letter-spacing: ${theme.typography[typography].letterSpacing || 'normal'};
6066
5695
  text-transform: ${theme.typography[typography].textTransform || 'none'};
6067
5696
  }
6068
- `, editTextFieldClassName, theme.spacing(1), theme.palette.layer.n400, theme.palette.error[500], editActionsClassName, theme.spacing(0, 0, 0, 0.5), theme.spacing(0.75), theme.spacing(0), theme.spacing(0)));
5697
+ `, editTextFieldClassName, theme.spacing(1), theme.palette.layer.n400, theme.palette.error[500], theme.palette.grey[50], theme.spacing(0.5), theme.palette.grey[0], theme.palette.grey[300], theme.palette.grey[700], theme.spacing(1), theme.spacing(0.25), editActionsClassName, theme.spacing(0, 0, 0, 0.5), theme.spacing(0.75), theme.spacing(0), theme.spacing(0)));
6069
5698
 
6070
5699
  const getCounterAdornment = (currentLength, maxLength, dataTestId) => {
6071
5700
  if (currentLength === undefined || typeof currentLength !== 'number' || !maxLength || typeof maxLength !== 'number') return;
@@ -6123,8 +5752,8 @@ const applyBindings = (bindings, inlineEditText) => {
6123
5752
  // increment key value only if className value is defined
6124
5753
  className && key++;
6125
5754
  const nextStartingIndex = bindingStringIndex + stringBinding.length;
6126
- const previousText = text.substr(0, bindingStringIndex);
6127
- text = text.substr(nextStartingIndex, text.length);
5755
+ const previousText = text.substring(0, bindingStringIndex);
5756
+ text = text.substring(nextStartingIndex, text.length);
6128
5757
  bindingStringIndex = text.indexOf(stringBinding); // Add nodes to array
6129
5758
 
6130
5759
  boundNode = [boundNode, previousText, className ? jsx("span", Object.assign({
@@ -6166,7 +5795,7 @@ const DotInlineEdit = ({
6166
5795
  const inputRef = useRef();
6167
5796
  const inlineEditRef = useRef();
6168
5797
  const isSaveDisabled = checkIfEmptyValue(inputValue);
6169
- const rootClasses = useStylesWithRootClass(rootClassName$n, className, editing ? editModeClassName : '');
5798
+ const rootClasses = useStylesWithRootClass(rootClassName$m, className, editing ? editModeClassName : '');
6170
5799
 
6171
5800
  const handleInlineEditClick = () => {
6172
5801
  if (editing) return;
@@ -6339,14 +5968,14 @@ const DotInlineEdit = ({
6339
5968
  }), void 0);
6340
5969
  };
6341
5970
 
6342
- const rootClassName$m = 'dot-navigation-rail';
5971
+ const rootClassName$l = 'dot-navigation-rail';
6343
5972
  const StyledNavigationRail = styled.div.withConfig({
6344
5973
  displayName: "NavigationRailstyles__StyledNavigationRail",
6345
5974
  componentId: "sc-160kivd-0"
6346
5975
  })(["", ""], ({
6347
5976
  theme,
6348
5977
  railItemPosition
6349
- }) => 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;.rail-item-text{word-break:break-word;}}}}"], rootClassName$m, theme.palette.layer.n50, theme.palette.layer.n100, railItemPosition, theme.spacing(1, 0, 0), theme.palette.layer.n0, theme.palette.layer.n100));
5978
+ }) => css(["&.", "{background-color:", ";border-left:1px solid ", ";display:flex;flex-direction:column;justify-content:", ";padding:", ";width:72px;.rail-item-button{border-radius:0;display:flex;flex-basis:72px;flex-direction:column;margin:0;padding:0;width:100%;white-space:normal;word-break:break-word;.dot-icon{color:", ";}&.selected{background-color:", ";}&:focus-visible{background-color:", ";}}}"], rootClassName$l, theme.palette.layer.n50, theme.palette.layer.n100, railItemPosition, theme.spacing(1, 0, 0), theme.palette.grey[700], theme.palette.layer.n0, theme.palette.layer.n100));
6350
5979
 
6351
5980
  const MAX_ALLOWED_ITEMS = 7;
6352
5981
  const DotNavigationRail = ({
@@ -6358,7 +5987,7 @@ const DotNavigationRail = ({
6358
5987
  railItems,
6359
5988
  selectedIndex: _selectedIndex = 0
6360
5989
  }) => {
6361
- const rootClasses = useStylesWithRootClass(rootClassName$m, className);
5990
+ const rootClasses = useStylesWithRootClass(rootClassName$l, className);
6362
5991
  const [selectedItemIndex, setSelectedItemIndex] = useState(_selectedIndex);
6363
5992
  /* Used to change selected index programmatically from the consumer component */
6364
5993
 
@@ -6373,23 +6002,9 @@ const DotNavigationRail = ({
6373
6002
 
6374
6003
  const checkIfSelected = index => selectedItemIndex === index;
6375
6004
 
6376
- const renderIcon = (iconId, railIconBadge) => {
6377
- const icon = jsx(DotIcon, {
6378
- className: "rail-item-button-icon",
6379
- iconId: iconId
6380
- }, void 0);
6381
-
6382
- if (!railIconBadge) return icon;
6383
- return jsx(DotBadge, Object.assign({}, railIconBadge, {
6384
- className: "rail-item-badge",
6385
- children: icon
6386
- }), void 0);
6387
- };
6388
-
6389
6005
  const renderRailItems = () => {
6390
6006
  return railItems === null || railItems === void 0 ? void 0 : railItems.slice(0, MAX_ALLOWED_ITEMS).map(({
6391
6007
  ariaLabel: itemAriaLabel,
6392
- iconBadge,
6393
6008
  iconId,
6394
6009
  title
6395
6010
  }, index) => jsxs(DotButton, Object.assign({
@@ -6400,8 +6015,10 @@ const DotNavigationRail = ({
6400
6015
  onClick: onItemSelect(index),
6401
6016
  type: "text"
6402
6017
  }, {
6403
- children: [iconId && renderIcon(iconId, iconBadge), jsx(DotTypography, Object.assign({
6404
- className: "rail-item-text",
6018
+ children: [iconId && jsx(DotIcon, {
6019
+ className: "rail-item-button-icon",
6020
+ iconId: iconId
6021
+ }, void 0), jsx(DotTypography, Object.assign({
6405
6022
  variant: "body2"
6406
6023
  }, {
6407
6024
  children: title
@@ -6419,16 +6036,16 @@ const DotNavigationRail = ({
6419
6036
  }), void 0);
6420
6037
  };
6421
6038
 
6422
- const rootClassName$l = 'dot-pill';
6039
+ const rootClassName$k = 'dot-pill';
6423
6040
  const StyledPill = styled(Chip).withConfig({
6424
6041
  displayName: "Pillstyles__StyledPill",
6425
6042
  componentId: "l7oxi2-0"
6426
6043
  })(["", ""], ({
6427
6044
  theme
6428
- }) => css(["&.", "{background-color:", ";color:", ";&.error{background-color:", ";color:", ";}&.success{background-color:", ";color:", ";}&.warning{background-color:", ";color:", ";}&.in-progress{background-color:", ";color:", ";}"], rootClassName$l, ({
6045
+ }) => css(["&.", "{background-color:", ";color:", ";&.error{background-color:", ";color:", ";}&.success{background-color:", ";color:", ";}&.warning{background-color:", ";color:", ";}&.in-progress{background-color:", ";color:", ";}"], rootClassName$k, ({
6429
6046
  backgroundcolor
6430
6047
  }) => {
6431
- return backgroundcolor ? backgroundcolor : theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200];
6048
+ return backgroundcolor || theme.palette.grey[200];
6432
6049
  }, ({
6433
6050
  labelcolor
6434
6051
  }) => {
@@ -6445,7 +6062,7 @@ const DotPill = ({
6445
6062
  size: _size = 'medium',
6446
6063
  status: _status = 'default'
6447
6064
  }) => {
6448
- const rootClasses = useStylesWithRootClass(rootClassName$l, className, _status);
6065
+ const rootClasses = useStylesWithRootClass(rootClassName$k, className, _status);
6449
6066
  return jsx(StyledPill, {
6450
6067
  "aria-label": ariaLabel,
6451
6068
  backgroundcolor: backgroundcolor,
@@ -6460,13 +6077,13 @@ const DotPill = ({
6460
6077
  }, void 0);
6461
6078
  };
6462
6079
 
6463
- const rootClassName$k = 'dot-skeleton';
6080
+ const rootClassName$j = 'dot-skeleton';
6464
6081
  const StyledSkeleton = styled(Skeleton).withConfig({
6465
6082
  displayName: "Skeletonstyles__StyledSkeleton",
6466
6083
  componentId: "sc-17ayzv5-0"
6467
6084
  })(["", ""], ({
6468
6085
  theme
6469
- }) => css(["&.", "{background-color:", ";}"], rootClassName$k, theme.palette.grey[100]));
6086
+ }) => css(["&.", "{background-color:", ";}"], rootClassName$j, theme.palette.grey[100]));
6470
6087
 
6471
6088
  const DotSkeleton = ({
6472
6089
  ariaLabel,
@@ -6477,9 +6094,7 @@ const DotSkeleton = ({
6477
6094
  width,
6478
6095
  variant
6479
6096
  }) => {
6480
- const rootClasses = useStylesWithRootClass(rootClassName$k, className); // When we upgrade to Material UI v5 this must be removed!
6481
-
6482
- const skeletonVariant = variant === 'circular' ? 'circle' : variant === 'rectangular' ? 'rect' : variant;
6097
+ const rootClasses = useStylesWithRootClass(rootClassName$j, className);
6483
6098
  return jsx(StyledSkeleton, Object.assign({
6484
6099
  animation: "wave",
6485
6100
  "aria-label": ariaLabel,
@@ -6488,20 +6103,20 @@ const DotSkeleton = ({
6488
6103
  },
6489
6104
  "data-testid": dataTestId,
6490
6105
  height: height,
6491
- variant: skeletonVariant,
6106
+ variant: variant,
6492
6107
  width: width
6493
6108
  }, {
6494
6109
  children: children
6495
6110
  }), void 0);
6496
6111
  };
6497
6112
 
6498
- const rootClassName$j = 'dot-snackbar';
6113
+ const rootClassName$i = 'dot-snackbar';
6499
6114
  const StyledSnackbar = styled(Snackbar).withConfig({
6500
6115
  displayName: "Snackbarstyles__StyledSnackbar",
6501
6116
  componentId: "sc-1huxoy3-0"
6502
6117
  })(["", ""], ({
6503
6118
  theme
6504
- }) => css(["&.", "{.MuiSvgIcon-root{color:", ";}.MuiAlert-icon{padding:11px 0px;}.MuiAlert-message{padding:13px 0px;}&.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$j, theme.palette.layer.n0, levelFourth, theme.palette.primary[500], theme.palette.grey[900], theme.palette.grey[900], theme.palette.layer.n0, levelFourth, props => theme.palette[props.severity].main));
6119
+ }) => css(["&.", "{.MuiSvgIcon-root{color:", ";}.MuiAlert-icon{padding:11px 0px;}.MuiAlert-message{padding:13px 0px;}&.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$i, theme.palette.layer.n0, levelFourth, theme.palette.primary[500], theme.palette.grey[900], theme.palette.grey[900], theme.palette.layer.n0, levelFourth, props => theme.palette[props.severity].main));
6505
6120
 
6506
6121
  function addAutoHideDuration(severity) {
6507
6122
  return severity === 'error' ? null : 10000;
@@ -6537,7 +6152,7 @@ const DotSnackbar = ({
6537
6152
  onClose,
6538
6153
  action
6539
6154
  });
6540
- const rootClasses = useStylesWithRootClass(rootClassName$j, className);
6155
+ const rootClasses = useStylesWithRootClass(rootClassName$i, className);
6541
6156
  return jsx(StyledSnackbar, Object.assign({
6542
6157
  anchorOrigin: _anchorOrigin,
6543
6158
  "aria-label": ariaLabel,
@@ -6567,11 +6182,11 @@ const DotSnackbar = ({
6567
6182
  }), void 0);
6568
6183
  };
6569
6184
 
6570
- const rootClassName$i = 'dot-snackbar-container';
6185
+ const rootClassName$h = 'dot-snackbar-container';
6571
6186
  const StyledSnackbarContainer = styled.div.withConfig({
6572
6187
  displayName: "SnackbarContainerstyles__StyledSnackbarContainer",
6573
6188
  componentId: "sc-1ogwjuc-0"
6574
- })(["", ""], () => css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$i));
6189
+ })(["", ""], () => css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$h));
6575
6190
 
6576
6191
  const DotSnackbarContext = /*#__PURE__*/createContext({
6577
6192
  alerts: [],
@@ -6591,11 +6206,11 @@ const DotSnackbarContainer = () => {
6591
6206
  }
6592
6207
 
6593
6208
  return jsx(StyledSnackbarContainer, Object.assign({
6594
- className: rootClassName$i
6209
+ className: rootClassName$h
6595
6210
  }, {
6596
6211
  children: jsx("div", Object.assign({
6597
- className: rootClassName$i,
6598
- "data-testid": rootClassName$i
6212
+ className: rootClassName$h,
6213
+ "data-testid": rootClassName$h
6599
6214
  }, {
6600
6215
  children: alerts.slice().reverse().map(alert => {
6601
6216
  return jsx(DotSnackbar, Object.assign({
@@ -6653,13 +6268,13 @@ const useDotSnackbarContext = () => {
6653
6268
  return useContext(DotSnackbarContext);
6654
6269
  };
6655
6270
 
6656
- const rootClassName$h = 'dot-split-button-group';
6271
+ const rootClassName$g = 'dot-split-button-group';
6657
6272
  const StyledSplitButtonGroup = styled(ButtonGroup).withConfig({
6658
6273
  displayName: "SplitButtonstyles__StyledSplitButtonGroup",
6659
6274
  componentId: "ild520-0"
6660
6275
  })(["", ""], ({
6661
6276
  theme
6662
- }) => 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:", ";}.label-button{border-top-right-radius:0;border-bottom-right-radius:0;}.expand-button{border-left:1px solid ", ";&.Mui-disabled{border-left:0;}.MuiButton-label,.dot-icon{width:14px;height:14px;}}}"], rootClassName$h, 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']));
6277
+ }) => 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:", ";}.label-button{border-top-right-radius:0;border-bottom-right-radius:0;}.expand-button{border-left:1px solid ", ";border-top-left-radius:0;border-bottom-left-radius:0;&.Mui-disabled{border-left:0;}.MuiButton-label,.dot-icon{width:14px;height:14px;}}}"], rootClassName$g, 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']));
6663
6278
  const StyledMenu$2 = styled(DotMenu).withConfig({
6664
6279
  displayName: "SplitButtonstyles__StyledMenu",
6665
6280
  componentId: "ild520-1"
@@ -6685,13 +6300,10 @@ const DotSplitButton = ({
6685
6300
  onOptionClick,
6686
6301
  options: _options = [],
6687
6302
  size: _size = 'medium',
6688
-
6689
- /** The use of `titleTooltip` is deprecated and will be removed in the next major release */
6690
- titleTooltip,
6691
6303
  tooltip,
6692
6304
  type: _type = 'primary'
6693
6305
  }) => {
6694
- const rootClasses = useStylesWithRootClass(rootClassName$h, className, _type, _disabled ? 'disabled' : '');
6306
+ const rootClasses = useStylesWithRootClass(rootClassName$g, className, _type, _disabled ? 'disabled' : '');
6695
6307
  const [open, setOpen] = useState(false);
6696
6308
  const anchorRef = useRef(null);
6697
6309
  const hasEmptyOptions = _options.length === 0;
@@ -6708,17 +6320,11 @@ const DotSplitButton = ({
6708
6320
  const isMainOptionDisabled = _disabled || hasEmptyOptions || mainOptionDisabled;
6709
6321
  const isMenuButtonDisabled = _disabled || hasEmptyOptions || _options.length === 1;
6710
6322
 
6711
- const handleClick = (event, menuId, itemKey) => {
6323
+ const handleClick = (_event, _menuId, itemKey) => {
6712
6324
  setOpen(false);
6713
6325
  onOptionClick(itemKey);
6714
6326
  };
6715
6327
 
6716
- useEffect(() => {
6717
- // deprecation warning
6718
- if (titleTooltip) {
6719
- console.warn('The use of `titleTooltip` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
6720
- }
6721
- }, []);
6722
6328
  return jsxs(Fragment$1, {
6723
6329
  children: [jsxs(StyledSplitButtonGroup, Object.assign({
6724
6330
  "aria-label": ariaLabel,
@@ -6767,14 +6373,14 @@ const DotSplitButton = ({
6767
6373
  }, void 0);
6768
6374
  };
6769
6375
 
6770
- const rootClassName$g = 'dot-table-pagination';
6376
+ const rootClassName$f = 'dot-table-pagination';
6771
6377
  const StyledTablePagination = styled.div.withConfig({
6772
6378
  displayName: "TablePaginationstyles__StyledTablePagination",
6773
6379
  componentId: "bs7p0b-0"
6774
6380
  })(["", ""], ({
6775
6381
  theme,
6776
6382
  typography
6777
- }) => css([".", "{.dot-caption{font-size:", "px;margin:0;}.dot-menu{margin-bottom:0;}border-top:1px solid ", ";}"], rootClassName$g, theme.typography[typography].fontSize, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200]));
6383
+ }) => css([".", "{border-top:1px solid ", ";.dot-caption{font-size:", ";margin:0;}.dot-menu,.MuiInputBase-root{margin-bottom:0;}}"], rootClassName$f, theme.palette.grey[200], theme.typography[typography].fontSize));
6778
6384
 
6779
6385
  const ROWS_PER_PAGE_OPTIONS = [10, 25, 50, 100, 150, 200];
6780
6386
  /** This component wraps the TablePagination component from @material-ui. */
@@ -6784,20 +6390,20 @@ const DotTablePagination = ({
6784
6390
  className,
6785
6391
  count,
6786
6392
  'data-testid': dataTestId,
6787
- onChangePage,
6788
- onChangeRowsPerPage,
6393
+ onPageChange,
6394
+ onRowsPerPageChange,
6789
6395
  page: _page = 0,
6790
6396
  rowsPerPage: _rowsPerPage = 10,
6791
6397
  typography: _typography = 'body1'
6792
6398
  }) => {
6793
- const rootClasses = useStylesWithRootClass(rootClassName$g, className);
6399
+ const rootClasses = useStylesWithRootClass(rootClassName$f, className);
6794
6400
 
6795
6401
  const handlePageChange = (event, newPage) => {
6796
- onChangePage && onChangePage(newPage);
6402
+ onPageChange && onPageChange(newPage);
6797
6403
  };
6798
6404
 
6799
6405
  const handleChangeRowsPerPage = evt => {
6800
- onChangeRowsPerPage && onChangeRowsPerPage(evt);
6406
+ onRowsPerPageChange && onRowsPerPageChange(evt);
6801
6407
  };
6802
6408
 
6803
6409
  return (
@@ -6810,7 +6416,8 @@ const DotTablePagination = ({
6810
6416
  classes: {
6811
6417
  root: rootClasses,
6812
6418
  selectIcon: 'dot-icon',
6813
- caption: 'dot-caption',
6419
+ selectLabel: 'dot-caption',
6420
+ displayedRows: 'dot-caption',
6814
6421
  menuItem: 'dot-li',
6815
6422
  selectRoot: 'dot-menu'
6816
6423
  },
@@ -6827,25 +6434,26 @@ const DotTablePagination = ({
6827
6434
  );
6828
6435
  };
6829
6436
 
6830
- const rootClassName$f = 'dot-table';
6437
+ const rootClassName$e = 'dot-table';
6831
6438
  const StyledPaper = styled(Paper).withConfig({
6832
6439
  displayName: "Tablestyles__StyledPaper",
6833
6440
  componentId: "s95z6y-0"
6834
6441
  })(["", ""], ({
6835
6442
  theme
6836
- }) => css(["&.", "{background:", ";overflow:hidden;border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$f, theme.palette.product === 'agility' && theme.palette.layer.n50, theme.palette.layer.n100));
6443
+ }) => css(["&.", "{overflow:hidden;border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$e, theme.palette.layer.n100));
6837
6444
  const StyledTableContainer = styled(TableContainer).withConfig({
6838
6445
  displayName: "Tablestyles__StyledTableContainer",
6839
6446
  componentId: "s95z6y-1"
6840
6447
  })(["", ""], ({
6841
6448
  theme
6842
- }) => css(["&.dot-table-container{border-radius:4px;align-items:stretch;flex-direction:column;justify-content:center;table{width:100%;td,th{.dot-cell-typography{margin:0;}}.Mui-selected:not(:hover){background-color:", ";}.MuiTableRow-head{height:56px;}.MuiTableCell-root{border-bottom:1px solid ", ";&.MuiTableCell-stickyHeader{background:", ";}}.MuiTableRow-root{height:52px;}}}"], theme.palette.product === 'agility' ? theme.palette.agilityInterface.fixedCol : theme.palette.grey[200], theme.palette.layer.n100, theme.palette.product === 'agility' && theme.palette.layer.n50));
6449
+ }) => css(["&.dot-table-container{border-radius:4px;align-items:stretch;flex-direction:column;justify-content:center;table{width:100%;td,th{.dot-cell-typography{margin:0;}}.Mui-selected:not(:hover){background-color:", ";}.MuiTableRow-head{height:56px;}.MuiTableCell-root{border-bottom:1px solid ", ";}.MuiTableRow-root{height:52px;}}}"], theme.palette.grey[200], theme.palette.layer.n100));
6843
6450
  const StyledMenu$1 = styled(DotMenu).withConfig({
6844
6451
  displayName: "Tablestyles__StyledMenu",
6845
6452
  componentId: "s95z6y-2"
6846
6453
  })([".dot-ul > li{padding:0;> button{width:100%;margin:0;justify-content:flex-start;}}"]);
6847
6454
 
6848
- const getFormattedTableCellValue = (value, typographyVariant) => {
6455
+ const getFormattedTableCellValue = ( // eslint-disable-next-line @typescript-eslint/no-explicit-any
6456
+ value, typographyVariant) => {
6849
6457
  if (isString(value) || isNumber(value)) {
6850
6458
  return jsx(DotTypography, Object.assign({
6851
6459
  className: "dot-cell-typography",
@@ -6863,14 +6471,6 @@ const getFormattedTableCellValue = (value, typographyVariant) => {
6863
6471
  const getContainerMaxHeightStyle = (stickyHeader, maxHeight) => {
6864
6472
  const maxHeightStickyHeader = stickyHeader ? 'calc(100vh - 76px)' : '';
6865
6473
  return maxHeight ? maxHeight : maxHeightStickyHeader;
6866
- }; // Checks whether any table data cell (from the last column)
6867
- // is an array - if it is, that means that whole column can be
6868
- // considered an action column (action columns are always right aligned)
6869
-
6870
- const checkIfActionColumnExist = (columns, tableData) => {
6871
- if (!columns || columns.length < 1) return false;
6872
- const lastColumnId = columns[columns.length - 1].id;
6873
- return tableData.some(item => Array.isArray(item.rowData[lastColumnId]));
6874
6474
  };
6875
6475
  const getSelectedRowIds = (id, isChecked, selectedIds) => {
6876
6476
  const newIds = [...selectedIds];
@@ -6913,11 +6513,11 @@ const getBulkSelectedRowIds = (isChecked, selectedIds, pageData) => {
6913
6513
  return newIds;
6914
6514
  };
6915
6515
 
6916
- const rootClassName$e = 'dot-td';
6516
+ const rootClassName$d = 'dot-td';
6917
6517
  const StyledTableCell = styled(TableCell).withConfig({
6918
6518
  displayName: "TableCellstyles__StyledTableCell",
6919
6519
  componentId: "e84k25-0"
6920
- })(["", ""], () => css(["&.", "{padding-top:0;padding-bottom:0;&.noWrap,&.actionItems{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}&.actionItems{text-overflow:clip;text-align:right;}.action-cell-wrapper{width:100%;}}"], rootClassName$e));
6520
+ })(["", ""], () => css(["&.", "{padding-top:0;padding-bottom:0;&.noWrap,&.actionItems{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}&.actionItems{text-overflow:clip;text-align:right;}.action-cell-wrapper{width:100%;}}"], rootClassName$d));
6921
6521
 
6922
6522
  /**
6923
6523
  * A wrapper component around the TableCell component from @material-ui.
@@ -6964,7 +6564,7 @@ const DotBodyCell = ({
6964
6564
  setShowMenu(isOverflowing);
6965
6565
  };
6966
6566
 
6967
- const rootClasses = useStylesWithRootClass(rootClassName$e, className, noWrap && 'noWrap', Array.isArray(value) && 'actionItems');
6567
+ const rootClasses = useStylesWithRootClass(rootClassName$d, className, noWrap && 'noWrap', Array.isArray(value) && 'actionItems');
6968
6568
 
6969
6569
  const getTableCellValue = () => {
6970
6570
  if (Array.isArray(value)) {
@@ -7007,13 +6607,13 @@ const DotBodyCell = ({
7007
6607
  }), void 0);
7008
6608
  };
7009
6609
 
7010
- const rootClassName$d = 'dot-td-checkbox';
6610
+ const rootClassName$c = 'dot-td-checkbox';
7011
6611
  const StyledTableBodyCheckboxCell = styled(TableCell).withConfig({
7012
6612
  displayName: "TableBodyCheckboxCellstyles__StyledTableBodyCheckboxCell",
7013
6613
  componentId: "ebk3sz-0"
7014
6614
  })(["", ""], ({
7015
6615
  theme
7016
- }) => css(["&.", "{.dot-form-control-label{margin:0;}width:", "px;padding:", ";}"], rootClassName$d, theme.spacing(5), theme.spacing(0, 1)));
6616
+ }) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$c, theme.spacing(5), theme.spacing(0, 1)));
7017
6617
 
7018
6618
  const DotBodyCheckboxCell = ({
7019
6619
  ariaLabel,
@@ -7023,7 +6623,7 @@ const DotBodyCheckboxCell = ({
7023
6623
  onChange,
7024
6624
  rowId
7025
6625
  }) => {
7026
- const rootClasses = useStylesWithRootClass(rootClassName$d, className);
6626
+ const rootClasses = useStylesWithRootClass(rootClassName$c, className);
7027
6627
  const [isCheckboxChecked, setIsCheckboxChecked] = useState(isChecked);
7028
6628
  /** This effect is used when 'checked' status is changed from the outside */
7029
6629
 
@@ -7052,13 +6652,13 @@ const DotBodyCheckboxCell = ({
7052
6652
  }), void 0);
7053
6653
  };
7054
6654
 
7055
- const rootClassName$c = 'dot-tr';
6655
+ const rootClassName$b = 'dot-tr';
7056
6656
  const StyledTableRowStyles = styled(TableRow).withConfig({
7057
6657
  displayName: "TableRowstyles__StyledTableRowStyles",
7058
6658
  componentId: "a4fx2l-0"
7059
6659
  })(["", ""], ({
7060
6660
  theme
7061
- }) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$c, theme.palette.primary[50]));
6661
+ }) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$b, theme.palette.primary[50]));
7062
6662
 
7063
6663
  /**
7064
6664
  * A wrapper component around the TableRow component from @material-ui. This component can be used
@@ -7088,7 +6688,7 @@ const DotTableRow = ({
7088
6688
  selectedTableRowIds
7089
6689
  } = multiSelectBody || {};
7090
6690
  const isCheckboxChecked = selectedTableRowIds && selectedTableRowIds.includes(id) || false;
7091
- const rootClasses = useStylesWithRootClass(rootClassName$c, isCheckboxChecked ? 'selected' : undefined, className);
6691
+ const rootClasses = useStylesWithRootClass(rootClassName$b, isCheckboxChecked ? 'selected' : undefined, className);
7092
6692
 
7093
6693
  const renderCheckboxCell = () => {
7094
6694
  return jsx(DotBodyCheckboxCell, {
@@ -7135,13 +6735,13 @@ const EmptyDotRow = ({
7135
6735
  }), CreateUUID());
7136
6736
  };
7137
6737
 
7138
- const rootClassName$b = 'dot-tbody';
6738
+ const rootClassName$a = 'dot-tbody';
7139
6739
  const StyledTableBody = styled(TableBody).withConfig({
7140
6740
  displayName: "TableBodystyles__StyledTableBody",
7141
6741
  componentId: "wszqgk-0"
7142
6742
  })(["", ""], ({
7143
6743
  theme
7144
- }) => css(["&.", "{tr:hover{background-color:", ";}tr:last-child td{border-bottom:none;}.empty-row td{text-align:center;}}"], rootClassName$b, theme.palette.product === 'agility' ? theme.palette.agilityInterface.fixedCol : theme.palette.grey[50]));
6744
+ }) => css(["&.", "{tr:hover{background-color:", ";}tr:last-child td{border-bottom:none;}.empty-row td{text-align:center;}}"], rootClassName$a, theme.palette.grey[50]));
7145
6745
 
7146
6746
  /**
7147
6747
  * A wrapper component around the TableBody component from @material-ui. This component can be used
@@ -7196,7 +6796,7 @@ const DotTableBody = ({
7196
6796
  return jsxs(Fragment$1, {
7197
6797
  children: [jsx(StyledTableBody, Object.assign({
7198
6798
  classes: {
7199
- root: rootClassName$b
6799
+ root: rootClassName$a
7200
6800
  }
7201
6801
  }, {
7202
6802
  children: getTableBodyRows()
@@ -7212,11 +6812,13 @@ const DotTableBody = ({
7212
6812
  }, void 0);
7213
6813
  };
7214
6814
 
7215
- const rootClassName$a = 'dot-th';
6815
+ const rootClassName$9 = 'dot-th';
7216
6816
  const StyledTableHeaderCell = styled(TableCell).withConfig({
7217
6817
  displayName: "TableHeaderCellstyles__StyledTableHeaderCell",
7218
6818
  componentId: "nko9j-0"
7219
- })(["", ""], () => css(["&.", "{&.MuiTableCell-alignCenter > span.MuiTableSortLabel-root{padding-left:26px;}.dot-cell-typography{font-weight:700;}}"], rootClassName$a));
6819
+ })(["", ""], ({
6820
+ theme
6821
+ }) => css(["&.", "{&.MuiTableCell-alignCenter > span.MuiTableSortLabel-root{padding-left:26px;}.dot-cell-typography{font-family:", ";}}"], rootClassName$9, theme.typography.h4.fontFamily));
7220
6822
 
7221
6823
  /**
7222
6824
  * A wrapper component around the TableCell component from @material-ui. This component should only
@@ -7228,7 +6830,6 @@ const DotHeaderCell = ({
7228
6830
  typography,
7229
6831
  createSortHandler,
7230
6832
  id,
7231
- isInActionColumn,
7232
6833
  order,
7233
6834
  orderBy,
7234
6835
  sortable: _sortable = true,
@@ -7239,7 +6840,6 @@ const DotHeaderCell = ({
7239
6840
  }) => {
7240
6841
  const headerTitle = isString(value) ? value : null;
7241
6842
  const formattedValue = getFormattedTableCellValue(value, typography);
7242
- const cellAlignment = isInActionColumn ? 'right' : align;
7243
6843
 
7244
6844
  const getCellValue = () => {
7245
6845
  if (_sortable) {
@@ -7261,9 +6861,9 @@ const DotHeaderCell = ({
7261
6861
  width: width
7262
6862
  } : undefined;
7263
6863
  return jsx(StyledTableHeaderCell, Object.assign({
7264
- align: cellAlignment,
6864
+ align: align,
7265
6865
  classes: {
7266
- root: rootClassName$a
6866
+ root: rootClassName$9
7267
6867
  },
7268
6868
  sortDirection: _sortable ? sortDirection : undefined,
7269
6869
  style: headerCellStyle,
@@ -7273,13 +6873,13 @@ const DotHeaderCell = ({
7273
6873
  }), uid);
7274
6874
  };
7275
6875
 
7276
- const rootClassName$9 = 'dot-th-checkbox';
6876
+ const rootClassName$8 = 'dot-th-checkbox';
7277
6877
  const StyledTableHeaderCheckboxCell = styled(TableCell).withConfig({
7278
6878
  displayName: "TableHeaderCheckboxCellstyles__StyledTableHeaderCheckboxCell",
7279
6879
  componentId: "ymqg8x-0"
7280
6880
  })(["", ""], ({
7281
6881
  theme
7282
- }) => css(["&.", "{.dot-form-control-label{margin:0;}width:", "px;padding:", ";}"], rootClassName$9, theme.spacing(5), theme.spacing(0, 1)));
6882
+ }) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$8, theme.spacing(5), theme.spacing(0, 1)));
7283
6883
 
7284
6884
  const DotHeaderCheckboxCell = ({
7285
6885
  ariaLabel,
@@ -7288,7 +6888,7 @@ const DotHeaderCheckboxCell = ({
7288
6888
  multiSelectState,
7289
6889
  onCheckAllChange
7290
6890
  }) => {
7291
- const rootClasses = useStylesWithRootClass(rootClassName$9, className);
6891
+ const rootClasses = useStylesWithRootClass(rootClassName$8, className);
7292
6892
  const [checkboxState, setCheckboxState] = useState('unchecked');
7293
6893
  useEffect(() => {
7294
6894
  setCheckboxState(multiSelectState);
@@ -7331,7 +6931,6 @@ const DotHeaderCheckboxCell = ({
7331
6931
 
7332
6932
  const DotHeaderRow = ({
7333
6933
  columns,
7334
- hasActionColumn,
7335
6934
  multiSelectHeader,
7336
6935
  onRequestSort,
7337
6936
  order,
@@ -7389,12 +6988,10 @@ const DotHeaderRow = ({
7389
6988
  }
7390
6989
  }, {
7391
6990
  children: [multiSelectHeader && renderMultiSelectCell(), columns.map((cell, index) => {
7392
- const isInActionColumn = hasActionColumn && index === columns.length - 1;
7393
6991
  return jsx(DotHeaderCell, {
7394
6992
  align: cell.align,
7395
6993
  createSortHandler: createSortHandler,
7396
6994
  id: cell.id,
7397
- isInActionColumn: isInActionColumn,
7398
6995
  order: order,
7399
6996
  orderBy: orderBy,
7400
6997
  sortDirection: orderBy === cell.id ? order : undefined,
@@ -7410,13 +7007,13 @@ const DotHeaderRow = ({
7410
7007
  }), void 0);
7411
7008
  };
7412
7009
 
7413
- const rootClassName$8 = 'dot-table-selection-toolbar';
7010
+ const rootClassName$7 = 'dot-table-selection-toolbar';
7414
7011
  const StyledTableSelectionToolbar = styled(DotActionToolbar).withConfig({
7415
7012
  displayName: "TableSelectionToolbarstyles__StyledTableSelectionToolbar",
7416
7013
  componentId: "qpx3y9-0"
7417
7014
  })(["", ""], ({
7418
7015
  theme
7419
- }) => css(["&.", "{display:flex;align-items:center;justify-content:space-between;background-color:", ";.dot-selected-rows-container{display:flex;align-items:center;.dot-button{padding:", ";}}.dot-selected-rows-heading{font-weight:bold;}.dot-selected-rows-divider{padding:", ";}}"], rootClassName$8, theme.palette.primary[50], theme.spacing(0.25, 0.25, 0, 0.5), theme.spacing(0.25, 0, 0, 1)));
7016
+ }) => css(["&.", "{display:flex;align-items:center;justify-content:space-between;background-color:", ";.dot-selected-rows-container{display:flex;align-items:center;.dot-button{padding:", ";}}.dot-selected-rows-heading{font-weight:bold;}.dot-selected-rows-divider{padding:", ";}}"], rootClassName$7, theme.palette.primary[50], theme.spacing(0.25, 0.25, 0, 0.5), theme.spacing(0.25, 0, 0, 1)));
7420
7017
 
7421
7018
  const DotTableSelectionToolbar = ({
7422
7019
  ariaLabel,
@@ -7426,7 +7023,7 @@ const DotTableSelectionToolbar = ({
7426
7023
  onClearAll,
7427
7024
  selectedRowsNumber
7428
7025
  }) => {
7429
- const rootClasses = useStylesWithRootClass(rootClassName$8, className);
7026
+ const rootClasses = useStylesWithRootClass(rootClassName$7, className);
7430
7027
  return jsxs(StyledTableSelectionToolbar, Object.assign({
7431
7028
  ariaLabel: ariaLabel,
7432
7029
  className: rootClasses,
@@ -7527,7 +7124,7 @@ const DotTable = ({
7527
7124
  };
7528
7125
 
7529
7126
  const [pageData, setPageData] = useState(getSortedData().slice(0, rowsPerPage ? rowsPerPage : data.length));
7530
- const rootClasses = useStylesWithRootClass(rootClassName$f, className, _loading ? 'loading' : '');
7127
+ const rootClasses = useStylesWithRootClass(rootClassName$e, className, _loading ? 'loading' : '');
7531
7128
 
7532
7129
  const updateData = (newOrder, newOrderBy, newPage, newRowsPerPage) => {
7533
7130
  const newData = stableSort(data, getComparator(newOrder, newOrderBy));
@@ -7543,12 +7140,12 @@ const DotTable = ({
7543
7140
  onUpdateData ? onUpdateData(dataOrder, property, 0, tableRowsPerPage) : updateData(dataOrder, property, 0, tableRowsPerPage);
7544
7141
  };
7545
7142
 
7546
- const onChangePage = newPage => {
7143
+ const onPageChange = newPage => {
7547
7144
  setPage(newPage);
7548
7145
  onUpdateData ? onUpdateData(tableOrder, tableOrderBy, newPage, tableRowsPerPage) : updateData(tableOrder, tableOrderBy, newPage, tableRowsPerPage);
7549
7146
  };
7550
7147
 
7551
- const onChangeRowsPerPage = evt => {
7148
+ const onRowsPerPageChange = evt => {
7552
7149
  const newRowsPerPage = parseInt(evt.target.value);
7553
7150
  setRowsPerPage(newRowsPerPage);
7554
7151
  setPage(0);
@@ -7582,19 +7179,13 @@ const DotTable = ({
7582
7179
  return _loading ? getSkeletonData() : tableBodyData;
7583
7180
  };
7584
7181
 
7585
- const tableData = getData();
7586
- const hasActionColumn = checkIfActionColumnExist(columns, tableData);
7587
-
7588
- if (hasActionColumn) {
7589
- console.warn("The use of an array in the last column of rowData to indicate an Actions column is deprecated. Use 'DotTableActions' instead.");
7590
- } // If table is not paginated (rowsPerPage prop not provided), ignore 'count'.
7182
+ const tableData = getData(); // If table is not paginated (rowsPerPage prop not provided), ignore 'count'.
7591
7183
  // If paging is managed externally (onUpdateData callback provided) then use
7592
7184
  // the 'count' prop for total row count if it is provided, otherwise use
7593
7185
  // -1 (unknown). If paging is managed internally (onUpdateData not provided)
7594
7186
  // ignore 'count' prop and use the length of the provided 'data' for the
7595
7187
  // total row count.
7596
7188
 
7597
-
7598
7189
  const getTotalCount = () => {
7599
7190
  const validCount = count ? count : -1;
7600
7191
  const totalCount = onUpdateData ? validCount : data.length;
@@ -7675,7 +7266,6 @@ const DotTable = ({
7675
7266
  }, {
7676
7267
  children: [jsx(DotHeaderRow, {
7677
7268
  columns: columns,
7678
- hasActionColumn: hasActionColumn,
7679
7269
  multiSelectHeader: multiSelectHeader,
7680
7270
  onRequestSort: onSortRequest,
7681
7271
  order: tableOrder,
@@ -7693,8 +7283,8 @@ const DotTable = ({
7693
7283
  }), void 0)
7694
7284
  }), void 0), rowsPerPage && jsx(DotTablePagination, {
7695
7285
  count: getTotalCount(),
7696
- onChangePage: onChangePage,
7697
- onChangeRowsPerPage: onChangeRowsPerPage,
7286
+ onPageChange: onPageChange,
7287
+ onRowsPerPageChange: onRowsPerPageChange,
7698
7288
  page: tablePage,
7699
7289
  rowsPerPage: tableRowsPerPage,
7700
7290
  typography: _footerTypography
@@ -7737,7 +7327,7 @@ const DotTableAction = ({
7737
7327
  }, void 0);
7738
7328
  };
7739
7329
 
7740
- const rootClassName$7 = 'dot-table-actions';
7330
+ const rootClassName$6 = 'dot-table-actions';
7741
7331
  const TableActionsContainer = styled.div.withConfig({
7742
7332
  displayName: "TableActionsstyles__TableActionsContainer",
7743
7333
  componentId: "sc-8lo813-0"
@@ -7812,7 +7402,7 @@ const DotTableActions = ({
7812
7402
 
7813
7403
  return jsxs(Fragment$1, {
7814
7404
  children: [jsxs(TableActionsContainer, Object.assign({
7815
- className: rootClassName$7,
7405
+ className: rootClassName$6,
7816
7406
  ref: wrapperRef
7817
7407
  }, {
7818
7408
  children: [!showMenu && renderTableActions(), (showMenu || actions.length > 2) && jsx(DotIconButton, {
@@ -7835,13 +7425,13 @@ const DotTableActions = ({
7835
7425
  }, void 0);
7836
7426
  };
7837
7427
 
7838
- const rootClassName$6 = 'dot-tabs';
7428
+ const rootClassName$5 = 'dot-tabs';
7839
7429
  const StyledTabs = styled(Tabs).withConfig({
7840
7430
  displayName: "Tabsstyles__StyledTabs",
7841
7431
  componentId: "sc-1pmrz8k-0"
7842
7432
  })(["", ""], ({
7843
7433
  theme
7844
- }) => 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$6, 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));
7434
+ }) => css(["&.", "{&.MuiTabs-root{width:100%;}.dot-tab-label-container{display:flex;.dot-tab-label{padding-top:", ";}}.MuiTab-root{max-width:360px;min-width:0;}.MuiIcon-root{display:inline;padding-right:", ";}}"], rootClassName$5, theme.spacing(0.5), theme.spacing(0.5)));
7845
7435
 
7846
7436
  const DotTabs = ({
7847
7437
  centered: _centered = false,
@@ -7850,12 +7440,12 @@ const DotTabs = ({
7850
7440
  'data-testid': dataTestId,
7851
7441
  initialValue: _initialValue = 0,
7852
7442
  onChange,
7853
- scrollButtons: _scrollButtons = 'auto',
7443
+ scrollButtons,
7854
7444
  tabs,
7855
7445
  variant: _variant = 'standard'
7856
7446
  }) => {
7857
7447
  const [value, setValue] = useState(_initialValue);
7858
- const rootClasses = useStylesWithRootClass(rootClassName$6, className); // eslint-disable-next-line @typescript-eslint/no-explicit-any
7448
+ const rootClasses = useStylesWithRootClass(rootClassName$5, className); // eslint-disable-next-line @typescript-eslint/no-explicit-any
7859
7449
 
7860
7450
  const handleChange = (_event, val) => {
7861
7451
  setValue(val);
@@ -7900,7 +7490,7 @@ const DotTabs = ({
7900
7490
  "data-testid": dataTestId,
7901
7491
  indicatorColor: _color,
7902
7492
  onChange: handleChange,
7903
- scrollButtons: _scrollButtons,
7493
+ scrollButtons: scrollButtons,
7904
7494
  textColor: _color,
7905
7495
  value: value,
7906
7496
  variant: _variant
@@ -7909,9 +7499,9 @@ const DotTabs = ({
7909
7499
  }), void 0);
7910
7500
  };
7911
7501
 
7912
- const rootClassName$5 = 'dot-file-upload';
7913
- const containerClassName = `${rootClassName$5}-container`;
7914
- const dropZoneClassName = `${rootClassName$5}-drop-zone`;
7502
+ const rootClassName$4 = 'dot-file-upload';
7503
+ const containerClassName = `${rootClassName$4}-container`;
7504
+ const dropZoneClassName = `${rootClassName$4}-drop-zone`;
7915
7505
  const StyledFileUploadContainer = styled.div.withConfig({
7916
7506
  displayName: "FileUploadstyles__StyledFileUploadContainer",
7917
7507
  componentId: "sc-1q8bcxy-0"
@@ -7923,15 +7513,15 @@ const StyledFileUpload = styled.div.withConfig({
7923
7513
  componentId: "sc-1q8bcxy-1"
7924
7514
  })(["", ""], ({
7925
7515
  theme
7926
- }) => 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;text-align:center;&.disabled .dot-typography{color:", ";}.dot-icon{color:", ";font-size:100px;i.dot-i{height:100px;}}}"], rootClassName$5, 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));
7516
+ }) => 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:", ";text-align:center;&.disabled .dot-typography{color:", ";}.dot-icon{color:", ";font-size:100px;i.dot-i{height:100px;}}}"], rootClassName$4, 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));
7927
7517
 
7928
- const rootClassName$4 = 'dot-file-list-item';
7518
+ const rootClassName$3 = 'dot-file-list-item';
7929
7519
  const StyledFileListItem = styled(StyledListItem).withConfig({
7930
7520
  displayName: "FileListItemstyles__StyledFileListItem",
7931
7521
  componentId: "sc-6mp1tz-0"
7932
7522
  })(["", ""], ({
7933
7523
  theme
7934
- }) => 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:", ";}}}"], rootClassName$4, theme.palette.layer.n100, theme.palette.layer.n50, rootClassName$4, theme.palette.secondary.main, rootClassName$4, theme.palette.error.main, theme.spacing(1), theme.palette.error.main));
7524
+ }) => 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:", ";}.file-item-text{display:flex;flex-direction:column;.MuiTypography-body2{color:", ";}}}"], rootClassName$3, theme.palette.layer.n100, theme.palette.layer.n50, rootClassName$3, theme.palette.secondary.main, rootClassName$3, theme.palette.error.main, theme.spacing(1), theme.palette.error.main));
7935
7525
 
7936
7526
  const DotFileListItem = ({
7937
7527
  ariaLabel,
@@ -7944,7 +7534,7 @@ const DotFileListItem = ({
7944
7534
  file,
7945
7535
  onClick
7946
7536
  }) => {
7947
- const rootClasses = useStylesWithRootClass(rootClassName$4, className, _error ? 'file-error' : 'file-success');
7537
+ const rootClasses = useStylesWithRootClass(rootClassName$3, className, _error ? 'file-error' : 'file-success');
7948
7538
  const defaultIcon = _error ? 'error-solid' : 'check-solid';
7949
7539
  const [endIcon, setEndIcon] = useState(defaultIcon);
7950
7540
 
@@ -7979,7 +7569,7 @@ const DotFileListItem = ({
7979
7569
  children: errorText
7980
7570
  }), void 0)]
7981
7571
  }), void 0), jsx(DotIconButton, {
7982
- className: `${rootClassName$4}-end-icon`,
7572
+ className: `${rootClassName$3}-end-icon`,
7983
7573
  "data-testid": dataTestId && `${dataTestId}-end-icon`,
7984
7574
  disabled: disableDelete,
7985
7575
  iconId: endIcon,
@@ -8112,7 +7702,7 @@ const DotFileUpload = ({
8112
7702
  const [uploadedFiles, setUploadedFiles] = useState([]);
8113
7703
  const [hasMaxFilesError, setHasMaxFilesError] = useState(false);
8114
7704
  const isUploadDisabled = disabled || maxFiles && uploadedFiles.length >= maxFiles;
8115
- const rootClasses = useStylesWithRootClass(rootClassName$5, className, !_buttonOnly ? dropZoneClassName : '', isUploadDisabled ? 'disabled' : '');
7705
+ const rootClasses = useStylesWithRootClass(rootClassName$4, className, !_buttonOnly ? dropZoneClassName : '', isUploadDisabled ? 'disabled' : '');
8116
7706
  const maxFilesClasses = useStylesWithRootClass('dot-max-files-message', hasMaxFilesError ? 'dot-max-files-reached' : '');
8117
7707
  const allowMultiple = maxFiles === undefined || maxFiles > 1;
8118
7708
 
@@ -8189,11 +7779,11 @@ const DotFileUpload = ({
8189
7779
  }), void 0);
8190
7780
  };
8191
7781
 
8192
- const rootClassName$3 = 'dot-divider';
7782
+ const rootClassName$2 = 'dot-divider';
8193
7783
  const StyledDivider = styled(Divider).withConfig({
8194
7784
  displayName: "Dividerstyles__StyledDivider",
8195
7785
  componentId: "yu3sip-0"
8196
- })(["", ""], () => css(["&.", "{}"], rootClassName$3));
7786
+ })(["", ""], () => css(["&.", "{}"], rootClassName$2));
8197
7787
 
8198
7788
  const DotDivider = ({
8199
7789
  absolute,
@@ -8205,7 +7795,7 @@ const DotDivider = ({
8205
7795
  orientation,
8206
7796
  variant
8207
7797
  }) => {
8208
- const rootClasses = useStylesWithRootClass(rootClassName$3, className);
7798
+ const rootClasses = useStylesWithRootClass(rootClassName$2, className);
8209
7799
  return jsx(StyledDivider, {
8210
7800
  absolute: absolute,
8211
7801
  "aria-label": ariaLabel,
@@ -8220,12 +7810,6 @@ const DotDivider = ({
8220
7810
  }, void 0);
8221
7811
  };
8222
7812
 
8223
- const rootClassName$2 = 'dot-popper';
8224
- const StyledPopper = styled(Popper).withConfig({
8225
- displayName: "Popperstyles__StyledPopper",
8226
- componentId: "sd1h8p-0"
8227
- })(["", ""], () => css(["&.", "{}"], rootClassName$2));
8228
-
8229
7813
  const DotPopper = ({
8230
7814
  ariaLabel,
8231
7815
  anchorEl,
@@ -8237,7 +7821,7 @@ const DotPopper = ({
8237
7821
  open,
8238
7822
  placement
8239
7823
  }) => {
8240
- const rootClasses = useStylesWithRootClass(rootClassName$2, className);
7824
+ const rootClasses = useStylesWithRootClass(rootClassName$Q, className); // eslint-disable-next-line @typescript-eslint/no-explicit-any
8241
7825
 
8242
7826
  const handleClickAway = event => {
8243
7827
  if (onClickAway && (!anchorEl || !anchorEl.contains(event.currentTarget))) {
@@ -8245,7 +7829,7 @@ const DotPopper = ({
8245
7829
  }
8246
7830
  };
8247
7831
 
8248
- return jsx(StyledPopper, Object.assign({
7832
+ return jsx(StyledPopper$1, Object.assign({
8249
7833
  anchorEl: anchorEl,
8250
7834
  "aria-label": ariaLabel,
8251
7835
  className: rootClasses,