@digital-ai/dot-components 1.11.3 → 1.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/CHANGE_LOG.md +41 -6
  2. package/index.esm.js +488 -288
  3. package/index.umd.js +728 -458
  4. package/lib/components/draggable-list/DraggableList.d.ts +16 -0
  5. package/lib/components/draggable-list/DraggableList.stories.data.d.ts +15 -0
  6. package/lib/components/draggable-list/DraggableList.stories.styles.d.ts +4 -0
  7. package/lib/components/draggable-list/DraggableList.styles.d.ts +3 -0
  8. package/lib/components/draggable-list/index.d.ts +2 -0
  9. package/lib/components/draggable-list/utils/helpers.d.ts +4 -0
  10. package/lib/components/draggable-list/utils/models.d.ts +5 -0
  11. package/lib/components/helpers.d.ts +4 -0
  12. package/lib/components/index.d.ts +8 -3
  13. package/lib/components/inline-edit/InlineEdit.d.ts +12 -19
  14. package/lib/components/inline-edit/InlineEdit.styles.d.ts +11 -1
  15. package/lib/components/inline-edit/index.d.ts +3 -0
  16. package/lib/components/inline-edit/utils/helpers.d.ts +3 -0
  17. package/lib/components/inline-edit/utils/models.d.ts +5 -0
  18. package/lib/components/input-form-fields/InputFormFields.propTypes.d.ts +3 -1
  19. package/lib/components/input-form-fields/InputText.d.ts +1 -1
  20. package/lib/components/list/utils/models.d.ts +1 -1
  21. package/lib/components/snackbar/Snackbar.d.ts +5 -1
  22. package/lib/components/snackbar/index.d.ts +4 -0
  23. package/lib/components/truncate-with-tooltip/TruncateWithTooltip.d.ts +8 -0
  24. package/lib/components/truncate-with-tooltip/TruncateWithTooltip.styles.d.ts +3 -0
  25. package/lib/components/truncate-with-tooltip/index.d.ts +2 -0
  26. package/lib/components/truncate-with-tooltip/utils/helpers.d.ts +2 -0
  27. package/package.json +3 -2
package/index.esm.js CHANGED
@@ -1,10 +1,11 @@
1
1
  import * as React from 'react';
2
- import React__default, { useEffect, useState, forwardRef, Fragment, useRef, useMemo, useContext, createContext } from 'react';
2
+ import React__default, { useEffect, useState, forwardRef, useRef, Fragment, useMemo, useContext, createContext } from 'react';
3
3
  import { Tooltip, Icon, Typography, Accordion, AccordionSummary, AccordionDetails, Divider, AccordionActions, Toolbar, StylesProvider, MuiThemeProvider, IconButton, Link, Avatar, List, ListItem, CircularProgress, Popper, MenuList, MenuItem, Grow, Paper, ClickAwayListener, Drawer, ListItemIcon, ListItemText, Collapse, ListSubheader, useMediaQuery, InputAdornment, TextField, Button, darken, Chip, Badge, 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';
4
4
  import styled, { css, createGlobalStyle, ThemeProvider, keyframes } from 'styled-components';
5
5
  import { Alert, Autocomplete, AvatarGroup, ToggleButtonGroup, ToggleButton, Skeleton } from '@material-ui/lab';
6
6
  import { createTheme, alpha } from '@material-ui/core/styles';
7
7
  import { useDropzone } from 'react-dropzone';
8
+ import GridLayout, { WidthProvider } from 'react-grid-layout';
8
9
 
9
10
  function useStylesWithRootClass(name, className, ...args) {
10
11
  // combine the root classes into one string
@@ -35,11 +36,11 @@ const DotTooltip = ({
35
36
  }, /*#__PURE__*/React__default.createElement("span", null, children)) : children;
36
37
  };
37
38
 
38
- const rootClassName$V = 'dot-icon';
39
+ const rootClassName$X = 'dot-icon';
39
40
  const StyledIcon = styled(Icon).withConfig({
40
41
  displayName: "Iconstyles__StyledIcon",
41
42
  componentId: "st0ybo-0"
42
- })(["&.", "{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-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$V);
43
+ })(["&.", "{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-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$X);
43
44
 
44
45
  const DotIcon = ({
45
46
  ariaLabel,
@@ -50,7 +51,7 @@ const DotIcon = ({
50
51
  title,
51
52
  tooltip
52
53
  }) => {
53
- const rootClasses = useStylesWithRootClass(rootClassName$V, className); // deprecation warning(s)
54
+ const rootClasses = useStylesWithRootClass(rootClassName$X, className); // deprecation warning(s)
54
55
 
55
56
  useEffect(() => {
56
57
  // 'inherit' causes the vertical alignment of the icon to be not be centered
@@ -101,7 +102,7 @@ const DotTypography = ({
101
102
  }, children);
102
103
  };
103
104
 
104
- const rootClassName$U = 'dot-accordion';
105
+ const rootClassName$W = 'dot-accordion';
105
106
  const summaryClassName = 'dot-accordion-summary';
106
107
  const detailClassName = 'dot-accordion-details';
107
108
  const StyledAccordion = styled(Accordion).withConfig({
@@ -109,7 +110,7 @@ const StyledAccordion = styled(Accordion).withConfig({
109
110
  componentId: "sc-1amx4r3-0"
110
111
  })(["", ""], ({
111
112
  theme
112
- }) => 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$U, theme.palette.product === 'agility' && theme.palette.layer.n50, summaryClassName, theme.spacing(1), theme.spacing(5)));
113
+ }) => 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$W, theme.palette.product === 'agility' && theme.palette.layer.n50, summaryClassName, theme.spacing(1), theme.spacing(5)));
113
114
 
114
115
  const DotAccordion = ({
115
116
  actions,
@@ -127,7 +128,7 @@ const DotAccordion = ({
127
128
  summary,
128
129
  noWrap: _noWrap = true
129
130
  }) => {
130
- const rootClasses = useStylesWithRootClass(rootClassName$U, className);
131
+ const rootClasses = useStylesWithRootClass(rootClassName$W, className);
131
132
  const [elevation, setElevation] = useState();
132
133
  useEffect(() => {
133
134
  if (defaultExpanded !== undefined) {
@@ -174,13 +175,13 @@ const DotAccordion = ({
174
175
  }, children), /*#__PURE__*/React__default.createElement(Divider, null), actions && /*#__PURE__*/React__default.createElement(AccordionActions, null, actions));
175
176
  };
176
177
 
177
- const rootClassName$T = 'dot-action-toolbar';
178
+ const rootClassName$V = 'dot-action-toolbar';
178
179
  const StyledToolbar = styled(Toolbar).withConfig({
179
180
  displayName: "ActionToolbarstyles__StyledToolbar",
180
181
  componentId: "sc-5llm03-0"
181
182
  })(["", ""], ({
182
183
  theme
183
- }) => css(["&.", "{border-bottom:1px solid ", ";}"], rootClassName$T, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[100]));
184
+ }) => css(["&.", "{border-bottom:1px solid ", ";}"], rootClassName$V, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[100]));
184
185
 
185
186
  const DotActionToolbar = ({
186
187
  ariaLabel,
@@ -189,7 +190,7 @@ const DotActionToolbar = ({
189
190
  'data-testid': dataTestId,
190
191
  variant: _variant = 'dense'
191
192
  }) => {
192
- const rootClasses = useStylesWithRootClass(rootClassName$T, className);
193
+ const rootClasses = useStylesWithRootClass(rootClassName$V, className);
193
194
  return /*#__PURE__*/React__default.createElement(StyledToolbar, {
194
195
  "aria-label": ariaLabel,
195
196
  className: rootClasses,
@@ -198,13 +199,13 @@ const DotActionToolbar = ({
198
199
  }, children);
199
200
  };
200
201
 
201
- const rootClassName$S = 'dot-alert-banner';
202
+ const rootClassName$U = 'dot-alert-banner';
202
203
  const StyledAlertBanner = styled(Alert).withConfig({
203
204
  displayName: "AlertBannerstyles__StyledAlertBanner",
204
205
  componentId: "sc-1u3aqgz-0"
205
206
  })(["", ""], ({
206
207
  theme
207
- }) => css(["&.", "{border-radius:0;padding:", ";display:flex;align-items:center;.MuiAlert-icon,.MuiAlert-message{padding:0;.dot-typography{margin-bottom:0;}}&.MuiAlert-standardSuccess{.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardInfo{background-color:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardWarning{background-color:", ";color:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardError{.MuiAlert-icon,.dot-typography{color:", ";}}}"], rootClassName$S, theme.spacing(2, 2), theme.palette.success[700], theme.palette.primary[50], theme.palette.primary[500], theme.palette.warning[100], theme.palette.grey[700], theme.palette.grey[700], theme.palette.error[700]));
208
+ }) => css(["&.", "{border-radius:0;padding:", ";display:flex;align-items:center;.MuiAlert-icon,.MuiAlert-message{padding:0;.dot-typography{margin-bottom:0;}}&.MuiAlert-standardSuccess{.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardInfo{background-color:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardWarning{background-color:", ";color:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardError{.MuiAlert-icon,.dot-typography{color:", ";}}}"], rootClassName$U, theme.spacing(2, 2), theme.palette.success[700], theme.palette.primary[50], theme.palette.primary[500], theme.palette.warning[100], theme.palette.grey[700], theme.palette.grey[700], theme.palette.error[700]));
208
209
 
209
210
  var LatoRegular = "data:font/woff;base64,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";
210
211
 
@@ -981,6 +982,10 @@ const calculateNumberFromText = text => {
981
982
 
982
983
  return parseInt(charCodes, 10);
983
984
  };
985
+ const calculateWidth = width => {
986
+ if (!width) return;
987
+ return isString(width) ? width : `${width}px`;
988
+ };
984
989
  const getAvatarColorForInputText = value => {
985
990
  const colorOptions = [...Object.keys(avatarColors)];
986
991
  if (!value || !colorOptions || colorOptions.length <= 0) return 'default';
@@ -989,6 +994,11 @@ const getAvatarColorForInputText = value => {
989
994
  };
990
995
  const isString = str => typeof str === 'string';
991
996
  const isNumber = num => typeof num === 'number';
997
+ const renderNodeOrTypography = (content, typographyVariant = 'body1') => {
998
+ return isString(content) ? /*#__PURE__*/React__default.createElement(DotTypography, {
999
+ variant: typographyVariant
1000
+ }, content) : content;
1001
+ };
992
1002
 
993
1003
  const DotAlertBanner = ({
994
1004
  action,
@@ -1012,7 +1022,7 @@ const DotAlertBanner = ({
1012
1022
  success: AlertBannerIcon('check-solid'),
1013
1023
  warning: AlertBannerIcon('warning-solid')
1014
1024
  };
1015
- const rootClasses = useStylesWithRootClass(rootClassName$S, className);
1025
+ const rootClasses = useStylesWithRootClass(rootClassName$U, className);
1016
1026
  /* For simple string use default component, for everything else use 'div' */
1017
1027
 
1018
1028
  const typographyComponent = isString(children) ? undefined : 'div';
@@ -1049,13 +1059,13 @@ const DotAppLogo = ({
1049
1059
  }, displaySmallLogo ? appLogoSmall : appLogo);
1050
1060
  };
1051
1061
 
1052
- const rootClassName$R = 'dot-icon-btn';
1062
+ const rootClassName$T = 'dot-icon-btn';
1053
1063
  const StyledIconButton = styled(IconButton).withConfig({
1054
1064
  displayName: "IconButtonstyles__StyledIconButton",
1055
1065
  componentId: "eko0kb-0"
1056
1066
  })(["", ""], ({
1057
1067
  theme
1058
- }) => 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$R, 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));
1068
+ }) => 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$T, 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));
1059
1069
 
1060
1070
  const DotIconButton = ({
1061
1071
  ariaLabel,
@@ -1071,7 +1081,7 @@ const DotIconButton = ({
1071
1081
  tooltip,
1072
1082
  size: _size = 'medium'
1073
1083
  }) => {
1074
- const rootClasses = useStylesWithRootClass(rootClassName$R, className);
1084
+ const rootClasses = useStylesWithRootClass(rootClassName$T, className);
1075
1085
  useEffect(() => {
1076
1086
  // deprecation warning
1077
1087
  if (titleTooltip) {
@@ -1098,13 +1108,13 @@ const DotIconButton = ({
1098
1108
  })));
1099
1109
  };
1100
1110
 
1101
- const rootClassName$Q = 'dot-link';
1111
+ const rootClassName$S = 'dot-link';
1102
1112
  const StyledLink = styled(Link).withConfig({
1103
1113
  displayName: "Linkstyles__StyledLink",
1104
1114
  componentId: "sc-1lpmaww-0"
1105
1115
  })(["", ""], ({
1106
1116
  theme
1107
- }) => css(["&.", "{color:", ";cursor:pointer;&:hover:not(.MuiLink-underlineHover){text-decoration:none;}}"], rootClassName$Q, theme.palette.product === 'agility' && theme.palette.layer.n700));
1117
+ }) => css(["&.", "{color:", ";cursor:pointer;&:hover:not(.MuiLink-underlineHover){text-decoration:none;}}"], rootClassName$S, theme.palette.product === 'agility' && theme.palette.layer.n700));
1108
1118
 
1109
1119
  const DotLink = ({
1110
1120
  ariaLabel,
@@ -1122,7 +1132,7 @@ const DotLink = ({
1122
1132
  tooltip,
1123
1133
  underline: _underline = 'always'
1124
1134
  }) => {
1125
- const rootClasses = useStylesWithRootClass(rootClassName$Q, className);
1135
+ const rootClasses = useStylesWithRootClass(rootClassName$S, className);
1126
1136
 
1127
1137
  const handleKeyPress = event => {
1128
1138
  if (onClick && event.key === 'Enter') {
@@ -1157,7 +1167,7 @@ const DotLink = ({
1157
1167
  }, children));
1158
1168
  };
1159
1169
 
1160
- const rootClassName$P = 'dot-avatar';
1170
+ const rootClassName$R = 'dot-avatar';
1161
1171
  const avatarSpacing = {
1162
1172
  small: 3,
1163
1173
  medium: 5,
@@ -1236,7 +1246,7 @@ const DotAvatar = ({
1236
1246
  variant: _variant = 'circular',
1237
1247
  style
1238
1248
  }) => {
1239
- const rootClasses = useStylesWithRootClass(rootClassName$P, className);
1249
+ const rootClasses = useStylesWithRootClass(rootClassName$R, className);
1240
1250
 
1241
1251
  const getAvatarColor = () => {
1242
1252
  if (color) return color;
@@ -1271,7 +1281,7 @@ const DotAvatar = ({
1271
1281
  })));
1272
1282
  };
1273
1283
 
1274
- const rootClassName$O = 'dot-list';
1284
+ const rootClassName$Q = 'dot-list';
1275
1285
  const listItemRootClass = 'dot-list-item';
1276
1286
  const nestedListClassName = 'dot-nested-list';
1277
1287
  const nestedDrawerClassName = 'dot-nested-drawer';
@@ -1280,7 +1290,7 @@ const StyledList = styled(List).withConfig({
1280
1290
  componentId: "wxwqwr-0"
1281
1291
  })(["", ""], ({
1282
1292
  theme
1283
- }) => css(["&.", "{background:", ";&.", " .", "{padding-left:", "px;}.MuiListSubheader-root{padding:0;.MuiTypography-root{padding:", "px;}}}"], rootClassName$O, theme.palette.layer.n0, nestedListClassName, listItemRootClass, theme.spacing(4), theme.spacing(1)));
1293
+ }) => css(["&.", "{background:", ";&.", " .", "{padding-left:", "px;}.MuiListSubheader-root{padding:0;.MuiTypography-root{padding:", "px;}}}"], rootClassName$Q, theme.palette.layer.n0, nestedListClassName, listItemRootClass, theme.spacing(4), theme.spacing(1)));
1284
1294
 
1285
1295
  const getChevronIcon = (nestedListType, isOpened) => {
1286
1296
  if (nestedListType !== 'expandable') {
@@ -1304,11 +1314,11 @@ const StyledListItem = styled(ListItem).withConfig({
1304
1314
  theme
1305
1315
  }) => 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));
1306
1316
 
1307
- const rootClassName$N = 'dot-progress';
1317
+ const rootClassName$P = 'dot-progress';
1308
1318
  const StyledCircularProgress = styled(CircularProgress).withConfig({
1309
1319
  displayName: "Progressstyles__StyledCircularProgress",
1310
1320
  componentId: "sc-1gs77rb-0"
1311
- })(["&.", "{&.MuiCircularProgress-colorSecondary{color:#649a3d;}}"], rootClassName$N);
1321
+ })(["&.", "{&.MuiCircularProgress-colorSecondary{color:#649a3d;}}"], rootClassName$P);
1312
1322
 
1313
1323
  const DotProgress = ({
1314
1324
  ariaLabel,
@@ -1322,7 +1332,7 @@ const DotProgress = ({
1322
1332
  value,
1323
1333
  variant: _variant = 'indeterminate'
1324
1334
  }) => {
1325
- const rootClasses = useStylesWithRootClass(rootClassName$N, className);
1335
+ const rootClasses = useStylesWithRootClass(rootClassName$P, className);
1326
1336
  useEffect(() => {
1327
1337
  // deprecation warning
1328
1338
  if (title) {
@@ -1363,7 +1373,7 @@ var variables = /*#__PURE__*/Object.freeze({
1363
1373
  });
1364
1374
 
1365
1375
  const flyoutMenuClassName = 'dot-flyout-menu';
1366
- const rootClassName$M = 'dot-menu';
1376
+ const rootClassName$O = 'dot-menu';
1367
1377
  const popperClassName = 'dot-popper';
1368
1378
  const getListMaxHeight = maxHeight => isString(maxHeight) ? maxHeight : `${maxHeight}px`;
1369
1379
  const StyledPopper$1 = styled(Popper).withConfig({
@@ -1371,7 +1381,7 @@ const StyledPopper$1 = styled(Popper).withConfig({
1371
1381
  componentId: "sc-134fmqu-0"
1372
1382
  })(["", ""], ({
1373
1383
  theme
1374
- }) => 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$M, popperClassName, theme.palette.product === 'agility' && theme.palette.agilityInterface.menuBg, ({
1384
+ }) => 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$O, popperClassName, theme.palette.product === 'agility' && theme.palette.agilityInterface.menuBg, ({
1375
1385
  $maxHeight
1376
1386
  }) => $maxHeight !== undefined && `
1377
1387
  max-height: ${getListMaxHeight($maxHeight)};
@@ -1381,15 +1391,15 @@ const MENU_ITEM_HEIGHT_NORMAL = 33;
1381
1391
  const MENU_ITEM_HEIGHT_DENSE = 28;
1382
1392
  const DEFAULT_MAX_VISIBLE_ITEMS = 7;
1383
1393
 
1384
- const rootClassName$L = 'dot-ul';
1385
- const listItemClassName = 'dot-li';
1394
+ const rootClassName$N = 'dot-ul';
1395
+ const listItemClassName$1 = 'dot-li';
1386
1396
  const listItemWithSubmenuClassName = 'dot-li-with-submenu';
1387
1397
  const StyledMenuList = styled(MenuList).withConfig({
1388
1398
  displayName: "MenuListstyles__StyledMenuList",
1389
1399
  componentId: "yqdwwg-0"
1390
1400
  })(["", ""], ({
1391
1401
  theme
1392
- }) => css(["&.", "{.dot-li{justify-content:space-between;gap:", "px;&.", "{padding-right:", "px;}}}"], rootClassName$L, theme.spacing(3), listItemWithSubmenuClassName, theme.spacing(0.5)));
1402
+ }) => css(["&.", "{.dot-li{justify-content:space-between;gap:", "px;&.", "{padding-right:", "px;}}}"], rootClassName$N, theme.spacing(3), listItemWithSubmenuClassName, theme.spacing(0.5)));
1393
1403
 
1394
1404
  const getDefaultItemHeight = isDense => isDense ? MENU_ITEM_HEIGHT_DENSE : MENU_ITEM_HEIGHT_NORMAL;
1395
1405
  const calculateItemHeight = (isDense, customItemHeight, menuItemHeight) => {
@@ -1467,7 +1477,7 @@ const DotMenuList = /*#__PURE__*/forwardRef(({
1467
1477
  onSubMenuCreate,
1468
1478
  selectedKey
1469
1479
  }, ref) => {
1470
- const rootClasses = useStylesWithRootClass(rootClassName$L, className);
1480
+ const rootClasses = useStylesWithRootClass(rootClassName$N, className);
1471
1481
  const [activeSubmenu, setActiveSubmenu] = useState(null);
1472
1482
  const [subItemAnchorEl, setSubItemAnchorEl] = useState(null);
1473
1483
 
@@ -1521,7 +1531,7 @@ const DotMenuList = /*#__PURE__*/forwardRef(({
1521
1531
  const isFirstItem = index === 0;
1522
1532
  const hasSubmenu = !!subItems;
1523
1533
  const hasAutoFocus = checkForAutoFocus(autoFocusItem, isFirstItem);
1524
- const menuItemClasses = useStylesWithRootClass(listItemClassName, hasSubmenu ? listItemWithSubmenuClassName : '', classes ? classes : '');
1534
+ const menuItemClasses = useStylesWithRootClass(listItemClassName$1, hasSubmenu ? listItemWithSubmenuClassName : '', classes ? classes : '');
1525
1535
 
1526
1536
  const handleClick = event => {
1527
1537
  // Execute select callback only for items which does not have
@@ -1581,7 +1591,7 @@ const DotMenu = ({
1581
1591
  open: _open = false,
1582
1592
  selectedKey
1583
1593
  }) => {
1584
- const rootClasses = useStylesWithRootClass(rootClassName$M, className, _loading ? 'loading' : '');
1594
+ const rootClasses = useStylesWithRootClass(rootClassName$O, className, _loading ? 'loading' : '');
1585
1595
  const isSubmenu = checkIfSubmenu(anchorEl);
1586
1596
  const hasSubItems = checkForSubItems(_menuItems); // Timeout object is customizable when Menu component is either submenu
1587
1597
  // (it is opened within parent menu) or it contains at least one item which
@@ -1674,13 +1684,13 @@ const CreateUUID = () => {
1674
1684
  });
1675
1685
  };
1676
1686
 
1677
- const rootClassName$K = 'dot-drawer';
1687
+ const rootClassName$M = 'dot-drawer';
1678
1688
  const StyledDrawer = styled(Drawer).withConfig({
1679
1689
  displayName: "Drawerstyles__StyledDrawer",
1680
1690
  componentId: "sc-1uiowy0-0"
1681
1691
  })(["", ""], ({
1682
1692
  theme
1683
- }) => css(["&.", " .MuiBackdrop-root{background-color:", ";}.dot-drawer-paper{background-color:", ";height:", ";padding:", "px;width:", ";}"], rootClassName$K, alpha(theme.palette.grey[900], 0.7), theme.palette.product === 'agility' && theme.palette.layer.n50, ({
1693
+ }) => css(["&.", " .MuiBackdrop-root{background-color:", ";}.dot-drawer-paper{background-color:", ";height:", ";padding:", "px;width:", ";}"], rootClassName$M, alpha(theme.palette.grey[900], 0.7), theme.palette.product === 'agility' && theme.palette.layer.n50, ({
1684
1694
  height,
1685
1695
  anchor
1686
1696
  }) => anchor === 'left' || anchor === 'right' ? '100%' : height, theme.spacing(2), ({
@@ -1688,13 +1698,13 @@ const StyledDrawer = styled(Drawer).withConfig({
1688
1698
  anchor
1689
1699
  }) => anchor === 'bottom' || anchor === 'top' ? 'auto' : width));
1690
1700
 
1691
- const rootClassName$J = 'dot-drawer-header';
1701
+ const rootClassName$L = 'dot-drawer-header';
1692
1702
  const StyleDrawerHeader = styled.div.withConfig({
1693
1703
  displayName: "DrawerHeaderstyles__StyleDrawerHeader",
1694
1704
  componentId: "sc-2d2xd3-0"
1695
1705
  })(["", ""], ({
1696
1706
  theme
1697
- }) => css(["&.", "{padding:", ";display:flex;align-items:center;.close-button{margin-left:auto;}}"], rootClassName$J, theme.spacing(0, 0, 2)));
1707
+ }) => css(["&.", "{padding:", ";display:flex;align-items:center;.close-button{margin-left:auto;}}"], rootClassName$L, theme.spacing(0, 0, 2)));
1698
1708
 
1699
1709
  const DotDrawerHeader = ({
1700
1710
  ariaLabel,
@@ -1704,7 +1714,7 @@ const DotDrawerHeader = ({
1704
1714
  onClose,
1705
1715
  variant
1706
1716
  }) => {
1707
- const rootClasses = useStylesWithRootClass(rootClassName$J, className);
1717
+ const rootClasses = useStylesWithRootClass(rootClassName$L, className);
1708
1718
  return /*#__PURE__*/React__default.createElement(StyleDrawerHeader, {
1709
1719
  "aria-label": ariaLabel,
1710
1720
  className: rootClasses,
@@ -1716,13 +1726,13 @@ const DotDrawerHeader = ({
1716
1726
  }));
1717
1727
  };
1718
1728
 
1719
- const rootClassName$I = 'dot-drawer-body';
1729
+ const rootClassName$K = 'dot-drawer-body';
1720
1730
  const StyleDrawerBody = styled.div.withConfig({
1721
1731
  displayName: "DrawerBodystyles__StyleDrawerBody",
1722
1732
  componentId: "sc-1mpmjdk-0"
1723
1733
  })(["", ""], ({
1724
1734
  theme
1725
- }) => css(["&.", "{display:flex;.dot-drawer-close-button{align-self:self-start;padding:0;margin-left:auto;}}"], rootClassName$I));
1735
+ }) => css(["&.", "{display:flex;.dot-drawer-close-button{align-self:self-start;padding:0;margin-left:auto;}}"], rootClassName$K));
1726
1736
 
1727
1737
  const DotDrawerBody = ({
1728
1738
  ariaLabel,
@@ -1733,7 +1743,7 @@ const DotDrawerBody = ({
1733
1743
  onClose,
1734
1744
  variant
1735
1745
  }) => {
1736
- const rootClasses = useStylesWithRootClass(rootClassName$I, className);
1746
+ const rootClasses = useStylesWithRootClass(rootClassName$K, className);
1737
1747
  return /*#__PURE__*/React__default.createElement(StyleDrawerBody, {
1738
1748
  "aria-label": ariaLabel,
1739
1749
  className: rootClasses,
@@ -1745,13 +1755,13 @@ const DotDrawerBody = ({
1745
1755
  }));
1746
1756
  };
1747
1757
 
1748
- const rootClassName$H = 'dot-drawer-footer';
1758
+ const rootClassName$J = 'dot-drawer-footer';
1749
1759
  const StyleDrawerFooter = styled.div.withConfig({
1750
1760
  displayName: "DrawerFooterstyles__StyleDrawerFooter",
1751
1761
  componentId: "sc-1ki05ze-0"
1752
1762
  })(["", ""], ({
1753
1763
  theme
1754
- }) => css(["&.", "{padding:", ";}"], rootClassName$H, theme.spacing(2, 0, 0)));
1764
+ }) => css(["&.", "{padding:", ";}"], rootClassName$J, theme.spacing(2, 0, 0)));
1755
1765
 
1756
1766
  const DotDrawerFooter = ({
1757
1767
  ariaLabel,
@@ -1759,7 +1769,7 @@ const DotDrawerFooter = ({
1759
1769
  className,
1760
1770
  'data-testid': dataTestId
1761
1771
  }) => {
1762
- const rootClasses = useStylesWithRootClass(rootClassName$H, className);
1772
+ const rootClasses = useStylesWithRootClass(rootClassName$J, className);
1763
1773
  return /*#__PURE__*/React__default.createElement(StyleDrawerFooter, {
1764
1774
  "aria-label": ariaLabel,
1765
1775
  className: rootClasses,
@@ -1789,7 +1799,7 @@ const DotDrawer = ({
1789
1799
  console.warn('Please use `children` or `drawerBodyProps`. If both are used, `children` is ignored.');
1790
1800
  }
1791
1801
  }, []);
1792
- const rootClasses = useStylesWithRootClass(rootClassName$K, className);
1802
+ const rootClasses = useStylesWithRootClass(rootClassName$M, className);
1793
1803
  const headerExists = !!drawerHeaderProps;
1794
1804
  const bodyTestId = drawerBodyProps ? drawerBodyProps[`data-testid`] : 'drawer-body';
1795
1805
  return /*#__PURE__*/React__default.createElement(StyledDrawer, {
@@ -1864,8 +1874,9 @@ const DotList = ({
1864
1874
  nestedListType: _nestedListType = 'expandable',
1865
1875
  width: _width = 240
1866
1876
  }) => {
1867
- const rootClasses = useStylesWithRootClass(rootClassName$O, className);
1877
+ const rootClasses = useStylesWithRootClass(rootClassName$Q, className);
1868
1878
  const listWidth = typeof _width === 'number' ? `${_width}px` : _width;
1879
+ const listRef = useRef();
1869
1880
  const [listItemIndex, setListItemIndex] = useState(null);
1870
1881
 
1871
1882
  const updateSelectedListItem = currentIndex => {
@@ -1881,6 +1892,7 @@ const DotList = ({
1881
1892
  "data-testid": dataTestId,
1882
1893
  dense: _dense,
1883
1894
  disablePadding: _disablePadding,
1895
+ ref: listRef,
1884
1896
  style: {
1885
1897
  width: listWidth
1886
1898
  }
@@ -1892,7 +1904,15 @@ const DotList = ({
1892
1904
  (_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item, e);
1893
1905
  };
1894
1906
 
1895
- const handleMenuLeave = () => setListItemIndex(null);
1907
+ const handleMenuLeave = event => {
1908
+ var _a, _b; // Remove index only if clicked element is not found within the list
1909
+
1910
+
1911
+ if (!((_a = listRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
1912
+ setListItemIndex(null);
1913
+ (_b = item.onMenuLeave) === null || _b === void 0 ? void 0 : _b.call(item, event);
1914
+ }
1915
+ };
1896
1916
 
1897
1917
  if (item.child) {
1898
1918
  return /*#__PURE__*/React__default.createElement(Fragment, {
@@ -1990,18 +2010,11 @@ const DotListItem = ({
1990
2010
  const toggleOpen = event => setAnchorEl(event.currentTarget);
1991
2011
 
1992
2012
  const handleClick = event => {
1993
- if (onClick) {
1994
- event.stopPropagation();
1995
- onClick(event);
1996
- }
1997
-
2013
+ onClick === null || onClick === void 0 ? void 0 : onClick(event);
1998
2014
  toggleOpen(event);
1999
2015
  };
2000
2016
 
2001
- const handleMenuLeave = () => {
2002
- onMenuLeave();
2003
- setAnchorEl(null);
2004
- };
2017
+ const handleMenuLeave = event => onMenuLeave(event);
2005
2018
 
2006
2019
  const renderListItemText = () => primaryText && secondaryText ? /*#__PURE__*/React__default.createElement(ListItemText, {
2007
2020
  primary: primaryText,
@@ -2240,13 +2253,13 @@ function SvgLogoDigitalAi(_ref, svgRef) {
2240
2253
 
2241
2254
  var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgLogoDigitalAi);
2242
2255
 
2243
- const rootClassName$G = 'dot-sidebar';
2256
+ const rootClassName$I = 'dot-sidebar';
2244
2257
  const StyledSidebar = styled.aside.withConfig({
2245
2258
  displayName: "Sidebarstyles__StyledSidebar",
2246
2259
  componentId: "l3atb4-0"
2247
2260
  })(["", ""], ({
2248
2261
  theme
2249
- }) => 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{margin:0;}}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;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$G, theme.palette.product === 'agility' ? theme.palette.layer.n50 : theme.palette.grey[50], theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && '0 0 5px rgba(0, 0, 0, 0.15)', theme.palette.product === 'agility' ? theme.palette.layer.n700 : theme.palette.grey[700], theme.palette.product === 'agility' && `${theme.spacing(2)}px`, theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && `${theme.spacing(1)}px`, theme.palette.product === 'agililty' ? theme.spacing(0, 0, 1) : theme.spacing(1, 2), theme.spacing(1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.spacing(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.grey[100], theme.palette.product === 'agility' ? theme.spacing(2, 0) : theme.spacing(1, 0), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.spacing(0, 0, 1), nestedDrawerClassName, theme.spacing(2), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && '10px', theme.palette.product === 'agility' && 'none', theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavSubHeaderText, theme.palette.product === 'agility' && '11px', theme.palette.product === 'agility' && '10px 0 0', theme.palette.product === 'agility' && '0 8px', listItemRootClass, theme.spacing(2), theme.palette.product === 'agility' ? '40px' : '44px', theme.palette.product === 'agility' && `${theme.spacing(1)}px`, theme.palette.product === 'agility' && 'transparent', theme.palette.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.grey[100], theme.spacing(1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.grey[400], theme.spacing(1), theme.spacing(1), theme.palette.product === 'agility' && theme.spacing(2, 0)));
2262
+ }) => 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{margin:0;}}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;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$I, theme.palette.product === 'agility' ? theme.palette.layer.n50 : theme.palette.grey[50], theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && '0 0 5px rgba(0, 0, 0, 0.15)', theme.palette.product === 'agility' ? theme.palette.layer.n700 : theme.palette.grey[700], theme.palette.product === 'agility' && `${theme.spacing(2)}px`, theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && `${theme.spacing(1)}px`, theme.palette.product === 'agililty' ? theme.spacing(0, 0, 1) : theme.spacing(1, 2), theme.spacing(1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.spacing(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.grey[100], theme.palette.product === 'agility' ? theme.spacing(2, 0) : theme.spacing(1, 0), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.spacing(0, 0, 1), nestedDrawerClassName, theme.spacing(2), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && '10px', theme.palette.product === 'agility' && 'none', theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavSubHeaderText, theme.palette.product === 'agility' && '11px', theme.palette.product === 'agility' && '10px 0 0', theme.palette.product === 'agility' && '0 8px', listItemRootClass, theme.spacing(2), theme.palette.product === 'agility' ? '40px' : '44px', theme.palette.product === 'agility' && `${theme.spacing(1)}px`, theme.palette.product === 'agility' && 'transparent', theme.palette.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.grey[100], theme.spacing(1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.grey[400], theme.spacing(1), theme.spacing(1), theme.palette.product === 'agility' && theme.spacing(2, 0)));
2250
2263
 
2251
2264
  const Brand = ({
2252
2265
  brandDesc
@@ -2335,7 +2348,7 @@ const DotSidebar = ({
2335
2348
  };
2336
2349
 
2337
2350
  const sidebarClasses = useStylesWithRootClass('side-nav', openClass);
2338
- const rootClasses = useStylesWithRootClass(rootClassName$G, openClass, className);
2351
+ const rootClasses = useStylesWithRootClass(rootClassName$I, openClass, className);
2339
2352
  return /*#__PURE__*/React__default.createElement(StyledSidebar, {
2340
2353
  "aria-label": ariaLabel,
2341
2354
  className: rootClasses,
@@ -2425,7 +2438,7 @@ function SvgLogoDigitalAiWhite(_ref, svgRef) {
2425
2438
 
2426
2439
  var ForwardRef = /*#__PURE__*/React.forwardRef(SvgLogoDigitalAiWhite);
2427
2440
 
2428
- const rootClassName$F = 'dot-app-toolbar';
2441
+ const rootClassName$H = 'dot-app-toolbar';
2429
2442
  const denseClassName = 'dense';
2430
2443
  const StyledMainMenu = styled(DotDrawer).withConfig({
2431
2444
  displayName: "AppToolbarstyles__StyledMainMenu",
@@ -2438,7 +2451,7 @@ const StyledAppToolbar = styled.header.withConfig({
2438
2451
  componentId: "sc-3kokby-1"
2439
2452
  })(["", ""], ({
2440
2453
  theme
2441
- }) => 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;}.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$F, 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.palette.layer.n900, theme.palette.layer.n0));
2454
+ }) => 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;}.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.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.palette.layer.n900, theme.palette.layer.n0));
2442
2455
 
2443
2456
  const DotAppToolbar = ({
2444
2457
  appName,
@@ -2464,7 +2477,7 @@ const DotAppToolbar = ({
2464
2477
  const displayAppLogo = appLogo || appLogoSmall;
2465
2478
  const mainMenuRef = useRef(null);
2466
2479
  const denseClass = _dense ? denseClassName : '';
2467
- const rootClasses = useStylesWithRootClass(rootClassName$F, className, denseClass, showMainMenu ? '' : 'without-menu-icon');
2480
+ const rootClasses = useStylesWithRootClass(rootClassName$H, className, denseClass, showMainMenu ? '' : 'without-menu-icon');
2468
2481
  const mainMenuClasses = useStylesWithRootClass('dot-main-menu', denseClass, menuOpen ? 'open' : '');
2469
2482
  const targetBreakpoint = useMediaQuery(theme => theme.breakpoints.up('md'));
2470
2483
  useEffect(() => {
@@ -2558,7 +2571,7 @@ const DotAppToolbar = ({
2558
2571
  }, avatar)));
2559
2572
  };
2560
2573
 
2561
- const rootClassName$E = 'dot-autocomplete';
2574
+ const rootClassName$G = 'dot-autocomplete';
2562
2575
  const inputRootClassName = 'dot-input-root';
2563
2576
  const inputMediumClassName = 'dot-input-medium';
2564
2577
  const StyledAutocomplete = styled(Autocomplete).withConfig({
@@ -2566,9 +2579,9 @@ const StyledAutocomplete = styled(Autocomplete).withConfig({
2566
2579
  componentId: "j2sgjy-0"
2567
2580
  })(["", ""], ({
2568
2581
  theme
2569
- }) => css(["&.", "{.", ".", "{padding-top:", ";padding-bottom:", ";}}"], rootClassName$E, inputRootClassName, inputMediumClassName, theme.spacing(0), theme.spacing(0)));
2582
+ }) => css(["&.", "{.", ".", "{padding-top:", ";padding-bottom:", ";}}"], rootClassName$G, inputRootClassName, inputMediumClassName, theme.spacing(0), theme.spacing(0)));
2570
2583
 
2571
- const rootClassName$D = 'dot-text-field';
2584
+ const rootClassName$F = 'dot-text-field';
2572
2585
  const rootSelectClassName = 'dot-select-field';
2573
2586
  const warningClassName = 'dot-warning';
2574
2587
  const adornmentIconClassName = 'dot-adornment-icon';
@@ -2582,15 +2595,15 @@ const StyledTextField = styled(TextField).withConfig({
2582
2595
  })(["", ""], ({
2583
2596
  theme,
2584
2597
  InputProps
2585
- }) => css(["&.", "{.MuiInputBase-root{background:", "}.MuiInputBase-input{box-sizing:content-box;}.MuiOutlinedInput-notchedOutline{border-color:", "}.MuiOutlinedInput-input{padding:", ";}.MuiOutlinedInput-inputMarginDense{padding-top:10.5px;padding-bottom:10.5px;}.MuiOutlinedInput-inputMultiline{padding:0;}}&.", ",&.", "{.dot-adornment-icon .dot-icon i{margin-top:-2px;}.MuiFormLabel-root.Mui-focused{color:", "}select.dot-select{background:", ";}.MuiSelect-select:focus{background-color:transparent;}.Mui-error .", "{color:", ";}.MuiSelect-icon{right:", ";}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", "{color:", ";}}.MuiOutlinedInput-adornedStart{padding-left:12px;}.MuiOutlinedInput-adornedEnd{padding-right:12px;}.MuiFormHelperText-root{font-size:", "px;margin:", ";display:flex;align-items:flex-end;&:not(.Mui-error){color:", ";}}.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:", ";}"], rootClassName$D, 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$D, theme.palette.product === 'agility' && theme.palette.layer.n700, theme.palette.product === 'agility' && theme.palette.layer.n0, adornmentIconClassName, theme.palette.error[500], InputProps.endAdornment ? `44px` : `12px`, warningClassName, theme.palette.warning[500], theme.palette.grey[700], adornmentIconClassName, theme.palette.warning[500], theme.typography.body2.fontSize, theme.spacing(0, 0, 0, 2), theme.palette.grey[700], theme.palette.product === 'agility' && agilityGreen));
2598
+ }) => css(["&.", "{.MuiInputBase-root{background:", "}.MuiInputBase-input{box-sizing:content-box;}.MuiOutlinedInput-notchedOutline{border-color:", "}.MuiOutlinedInput-input{padding:", ";}.MuiOutlinedInput-inputMarginDense{padding-top:10.5px;padding-bottom:10.5px;}.MuiOutlinedInput-inputMultiline{padding:0;}}&.", ",&.", "{.dot-adornment-icon .dot-icon i{margin-top:-2px;}.MuiFormLabel-root.Mui-focused{color:", "}select.dot-select{background:", ";}.MuiSelect-select:focus{background-color:transparent;}.Mui-error .", "{color:", ";}.MuiSelect-icon{right:", ";}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", "{color:", ";}}.MuiOutlinedInput-adornedStart{padding-left:12px;}.MuiOutlinedInput-adornedEnd{padding-right:12px;}.MuiFormHelperText-root{font-size:", "px;margin:", ";display:flex;align-items:flex-end;&:not(.Mui-error){color:", ";}}.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:", ";}"], rootClassName$F, 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$F, theme.palette.product === 'agility' && theme.palette.layer.n700, theme.palette.product === 'agility' && theme.palette.layer.n0, adornmentIconClassName, theme.palette.error[500], InputProps.endAdornment ? `44px` : `12px`, warningClassName, theme.palette.warning[500], theme.palette.grey[700], adornmentIconClassName, theme.palette.warning[500], theme.typography.body2.fontSize, theme.spacing(0, 0, 0, 2), theme.palette.grey[700], theme.palette.product === 'agility' && agilityGreen));
2586
2599
 
2587
- const rootClassName$C = 'dot-button';
2600
+ const rootClassName$E = 'dot-button';
2588
2601
  const StyledButton = styled(Button).withConfig({
2589
2602
  displayName: "Buttonstyles__StyledButton",
2590
2603
  componentId: "sx99hh-0"
2591
2604
  })(["", ""], ({
2592
2605
  theme
2593
- }) => 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$C, theme.spacing(0.5), theme.palette.product === 'agility' && agilityGreen, theme.palette.error.main, darken(theme.palette.error.main, 0.2)));
2606
+ }) => 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$E, theme.spacing(0.5), theme.palette.product === 'agility' && agilityGreen, theme.palette.error.main, darken(theme.palette.error.main, 0.2)));
2594
2607
 
2595
2608
  /** This component wraps the Button component from @material-ui. */
2596
2609
 
@@ -2614,7 +2627,7 @@ const DotButton = /*#__PURE__*/React__default.forwardRef(({
2614
2627
  tooltip,
2615
2628
  type: _type = 'primary'
2616
2629
  }, ref) => {
2617
- const rootClasses = useStylesWithRootClass(rootClassName$C, className);
2630
+ const rootClasses = useStylesWithRootClass(rootClassName$E, className);
2618
2631
  let color;
2619
2632
  let variant;
2620
2633
 
@@ -2669,13 +2682,13 @@ const DotButton = /*#__PURE__*/React__default.forwardRef(({
2669
2682
  }, children));
2670
2683
  });
2671
2684
 
2672
- const rootClassName$B = 'dot-chip';
2685
+ const rootClassName$D = 'dot-chip';
2673
2686
  const StyledChip = styled(Chip).withConfig({
2674
2687
  displayName: "Chipstyles__StyledChip",
2675
2688
  componentId: "f1tsra-0"
2676
2689
  })(["", ""], ({
2677
2690
  theme
2678
- }) => css(["&.", "{border-color:", ";.dot-icon i{height:auto;}&.MuiChip-sizeSmall{.dot-icon,.dot-avatar{width:18px;height:18px;}}&.Mui-error{background-color:", ";border-color:", ";.MuiChip-deleteIcon{color:", ";}}&:not(.Mui-error){&:hover{background-color:", ";}.MuiChip-deleteIcon{&:hover{color:", ";}}}.MuiChip-deleteIcon{width:18px;height:18px;color:", ";}}"], rootClassName$B, theme.palette.grey[300], theme.palette.error[50], theme.palette.error.main, theme.palette.error.main, theme.palette.grey[50], theme.palette.grey[400], theme.palette.grey[300]));
2691
+ }) => css(["&.", "{border-color:", ";.dot-icon i{height:auto;}&.MuiChip-sizeSmall{.dot-icon,.dot-avatar{width:18px;height:18px;}}&.Mui-error{background-color:", ";border-color:", ";.MuiChip-deleteIcon{color:", ";}}&:not(.Mui-error){&:hover{background-color:", ";}.MuiChip-deleteIcon{&:hover{color:", ";}}}.MuiChip-deleteIcon{width:18px;height:18px;color:", ";}}"], rootClassName$D, theme.palette.grey[300], theme.palette.error[50], theme.palette.error.main, theme.palette.error.main, theme.palette.grey[50], theme.palette.grey[400], theme.palette.grey[300]));
2679
2692
 
2680
2693
  const DEFAULT_CHARACTERS_LIMIT = 32;
2681
2694
  const DotChip = ({
@@ -2695,7 +2708,7 @@ const DotChip = ({
2695
2708
  startIcon
2696
2709
  }) => {
2697
2710
  const errorClass = _error ? 'Mui-error' : '';
2698
- const rootClasses = useStylesWithRootClass(rootClassName$B, className, errorClass);
2711
+ const rootClasses = useStylesWithRootClass(rootClassName$D, className, errorClass);
2699
2712
 
2700
2713
  const getChipLabel = () => {
2701
2714
  if (_charactersLimit <= 0 || children.length < _charactersLimit) return children;
@@ -2811,8 +2824,8 @@ const DotAutoComplete = ({
2811
2824
  const isActionItemDefined = onActionItemClick !== undefined;
2812
2825
  const [isOpened, setIsOpened] = useState(false);
2813
2826
  const [inputText, setInputText] = useState('');
2814
- const rootClasses = useStylesWithRootClass(rootClassName$E, className);
2815
- const textFieldRootClasses = useStylesWithRootClass(rootClassName$D, className);
2827
+ const rootClasses = useStylesWithRootClass(rootClassName$G, className);
2828
+ const textFieldRootClasses = useStylesWithRootClass(rootClassName$F, className);
2816
2829
  const inputRootClasses = useStylesWithRootClass(inputRootClassName, _dense ? '' : inputMediumClassName);
2817
2830
  let textFieldInput; // Used for focus management while popper is opened
2818
2831
 
@@ -3067,13 +3080,13 @@ const DotAvatarGroup = ({
3067
3080
  }))));
3068
3081
  };
3069
3082
 
3070
- const rootClassName$A = 'dot-badge';
3083
+ const rootClassName$C = 'dot-badge';
3071
3084
  const StyledBadge = styled(Badge).withConfig({
3072
3085
  displayName: "Badgestyles__StyledBadge",
3073
3086
  componentId: "sc-1brv3h5-0"
3074
3087
  })(["", ""], ({
3075
3088
  theme
3076
- }) => css(["&.", "{.MuiBadge-badge{background-color:", ";&:not(.MuiBadge-dot){font-size:10px;height:", "px;min-width:", "px;padding:", ";}}}"], rootClassName$A, ({
3089
+ }) => css(["&.", "{.MuiBadge-badge{background-color:", ";&:not(.MuiBadge-dot){font-size:10px;height:", "px;min-width:", "px;padding:", ";}}}"], rootClassName$C, ({
3077
3090
  $badgeColor
3078
3091
  }) => {
3079
3092
  return $badgeColor;
@@ -3091,7 +3104,7 @@ const DotBadge = ({
3091
3104
  overlap,
3092
3105
  variant: _variant = 'dot'
3093
3106
  }) => {
3094
- const rootClasses = useStylesWithRootClass(rootClassName$A, className);
3107
+ const rootClasses = useStylesWithRootClass(rootClassName$C, className);
3095
3108
  return /*#__PURE__*/React__default.createElement(StyledBadge, {
3096
3109
  "$badgeColor": badgeColor,
3097
3110
  anchorOrigin: {
@@ -3112,20 +3125,20 @@ const DotBadge = ({
3112
3125
  }, children);
3113
3126
  };
3114
3127
 
3115
- const rootClassName$z = 'dot-breadcrumbs';
3128
+ const rootClassName$B = 'dot-breadcrumbs';
3116
3129
  const breadcrumbsWrapperClass = 'dot-breadcrumbs-wrapper';
3117
3130
  const StyledBreadcrumbsWrapper = styled.div.withConfig({
3118
3131
  displayName: "Breadcrumbsstyles__StyledBreadcrumbsWrapper",
3119
3132
  componentId: "sc-7cg374-0"
3120
3133
  })(["", ""], ({
3121
3134
  theme
3122
- }) => css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$z, theme.spacing(0.5, 2)));
3135
+ }) => css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$B, theme.spacing(0.5, 2)));
3123
3136
  const StyledBreadcrumbs = styled(Breadcrumbs).withConfig({
3124
3137
  displayName: "Breadcrumbsstyles__StyledBreadcrumbs",
3125
3138
  componentId: "sc-7cg374-1"
3126
3139
  })(["", ""], ({
3127
3140
  theme
3128
- }) => 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$z, theme.palette.grey[300], theme.spacing(0.5, 2), theme.palette.grey[700]));
3141
+ }) => 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$B, theme.palette.grey[300], theme.spacing(0.5, 2), theme.palette.grey[700]));
3129
3142
 
3130
3143
  const compareWidth = (parentEl, childEl) => {
3131
3144
  return parentEl.getBoundingClientRect().width < childEl.getBoundingClientRect().width;
@@ -3429,7 +3442,7 @@ const DotBreadcrumbs = ({
3429
3442
  }, /*#__PURE__*/React__default.createElement(StyledBreadcrumbs, {
3430
3443
  "aria-label": "breadcrumb",
3431
3444
  classes: {
3432
- root: rootClassName$z,
3445
+ root: rootClassName$B,
3433
3446
  ol: 'dot-ol',
3434
3447
  li: 'dot-li'
3435
3448
  },
@@ -3459,13 +3472,13 @@ const DotBreadcrumbs = ({
3459
3472
  }));
3460
3473
  };
3461
3474
 
3462
- const rootClassName$y = 'dot-button-toggle';
3475
+ const rootClassName$A = 'dot-button-toggle';
3463
3476
  const StyledToggleButtonGroup = styled(ToggleButtonGroup).withConfig({
3464
3477
  displayName: "ButtonTogglestyles__StyledToggleButtonGroup",
3465
3478
  componentId: "sc-1oh4ljv-0"
3466
3479
  })(["", ""], ({
3467
3480
  theme
3468
- }) => css(["&.", "{.dot-icon{+ p{margin-left:", "px;}i{height:auto;}}.MuiToggleButton-label{color:", ";p{margin-bottom:0;}}.MuiToggleButtonGroup-groupedHorizontal{border:1px solid ", ";border-radius:0px;:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:0;}:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:0;}}}.MuiButtonBase-root{&.Mui-disabled p,&.Mui-disabled .dot-icon{color:", ";}}"], rootClassName$y, theme.spacing(1), theme.palette.layer.n700, theme.palette.layer.n300, theme.palette.grey[200]));
3481
+ }) => css(["&.", "{.dot-icon{+ p{margin-left:", "px;}i{height:auto;}}.MuiToggleButton-label{color:", ";p{margin-bottom:0;}}.MuiToggleButtonGroup-groupedHorizontal{border:1px solid ", ";border-radius:0px;:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:0;}:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:0;}}}.MuiButtonBase-root{&.Mui-disabled p,&.Mui-disabled .dot-icon{color:", ";}}"], rootClassName$A, theme.spacing(1), theme.palette.layer.n700, theme.palette.layer.n300, theme.palette.grey[200]));
3469
3482
 
3470
3483
  const DotButtonToggle = ({
3471
3484
  ariaLabel,
@@ -3480,7 +3493,7 @@ const DotButtonToggle = ({
3480
3493
  size: _size = 'medium',
3481
3494
  value
3482
3495
  }) => {
3483
- const rootClasses = useStylesWithRootClass(rootClassName$y, className);
3496
+ const rootClasses = useStylesWithRootClass(rootClassName$A, className);
3484
3497
  return /*#__PURE__*/React__default.createElement(StyledToggleButtonGroup, {
3485
3498
  "aria-label": ariaLabel,
3486
3499
  classes: {
@@ -3549,13 +3562,13 @@ const DotCardContent = ({
3549
3562
  }, children);
3550
3563
  };
3551
3564
 
3552
- const rootClassName$x = 'dot-card-footer';
3565
+ const rootClassName$z = 'dot-card-footer';
3553
3566
  const StyledDiv = styled.div.withConfig({
3554
3567
  displayName: "CardFooterstyles__StyledDiv",
3555
3568
  componentId: "koblh6-0"
3556
3569
  })(["", ""], ({
3557
3570
  theme
3558
- }) => css(["&.", "{padding:", "px;}"], rootClassName$x, theme.spacing(2)));
3571
+ }) => css(["&.", "{padding:", "px;}"], rootClassName$z, theme.spacing(2)));
3559
3572
 
3560
3573
  const DotCardFooter = ({
3561
3574
  ariaLabel,
@@ -3563,7 +3576,7 @@ const DotCardFooter = ({
3563
3576
  className,
3564
3577
  'data-testid': dataTestId
3565
3578
  }) => {
3566
- const rootClasses = useStylesWithRootClass(rootClassName$x, className);
3579
+ const rootClasses = useStylesWithRootClass(rootClassName$z, className);
3567
3580
  return /*#__PURE__*/React__default.createElement(StyledDiv, {
3568
3581
  "aria-label": ariaLabel,
3569
3582
  className: rootClasses,
@@ -3606,19 +3619,19 @@ const DotCardHeader = ({
3606
3619
  });
3607
3620
  };
3608
3621
 
3609
- const rootClassName$w = 'dot-form-control-label';
3622
+ const rootClassName$y = 'dot-form-control-label';
3610
3623
  const StyledFormControlLabel = styled(FormControlLabel).withConfig({
3611
3624
  displayName: "FormControlLabelstyles__StyledFormControlLabel",
3612
3625
  componentId: "sc-1vt0om4-0"
3613
- })(["&.", "{.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$w);
3626
+ })(["&.", "{.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$y);
3614
3627
 
3615
- const rootClassName$v = 'dot-checkbox';
3628
+ const rootClassName$x = 'dot-checkbox';
3616
3629
  const StyledCheckbox = styled(Checkbox).withConfig({
3617
3630
  displayName: "Checkboxstyles__StyledCheckbox",
3618
3631
  componentId: "sc-1ubsn6i-0"
3619
3632
  })(["", ""], ({
3620
3633
  theme
3621
- }) => css(["&.", "{padding:", "px;}"], rootClassName$v, theme.spacing(1)));
3634
+ }) => css(["&.", "{padding:", "px;}"], rootClassName$x, theme.spacing(1)));
3622
3635
 
3623
3636
  function DotCheckbox({
3624
3637
  ariaLabel,
@@ -3639,7 +3652,7 @@ function DotCheckbox({
3639
3652
  size = 'medium',
3640
3653
  value
3641
3654
  }) {
3642
- const rootClasses = useStylesWithRootClass(rootClassName$w, className);
3655
+ const rootClasses = useStylesWithRootClass(rootClassName$y, className);
3643
3656
 
3644
3657
  const handleChange = event => {
3645
3658
  onChange && onChange(event, event.target.value);
@@ -3650,7 +3663,7 @@ function DotCheckbox({
3650
3663
  control: /*#__PURE__*/React__default.createElement(StyledCheckbox, {
3651
3664
  checked: checked,
3652
3665
  classes: {
3653
- root: rootClassName$v
3666
+ root: rootClassName$x
3654
3667
  },
3655
3668
  color: "primary",
3656
3669
  "data-testid": dataTestId,
@@ -3674,7 +3687,7 @@ function DotCheckbox({
3674
3687
  });
3675
3688
  }
3676
3689
 
3677
- const rootClassName$u = 'dot-form-group';
3690
+ const rootClassName$w = 'dot-form-group';
3678
3691
  const groupLabelClassName = 'dot-form-group-label';
3679
3692
  const startAdornmentClassName = 'dot-start-adornment';
3680
3693
  const endAdornmentClassName = 'dot-end-adornment';
@@ -3682,9 +3695,9 @@ const placementClassName = 'dot-';
3682
3695
  const StyledFormControl = styled(FormControl).withConfig({
3683
3696
  displayName: "FormControlstyles__StyledFormControl",
3684
3697
  componentId: "sc-532kip-0"
3685
- })(["&.", "{.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$u, endAdornmentClassName, startAdornmentClassName, `${placementClassName}start`, `${placementClassName}bottom`);
3698
+ })(["&.", "{.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$w, endAdornmentClassName, startAdornmentClassName, `${placementClassName}start`, `${placementClassName}bottom`);
3686
3699
 
3687
- const rootClassName$t = 'dot-checkbox-group';
3700
+ const rootClassName$v = 'dot-checkbox-group';
3688
3701
  const wrapperClassName$1 = 'dot-checkbox-group-wrapper';
3689
3702
  const checkboxListClassName = 'dot-checkbox-list';
3690
3703
  const checkboxListItemClassName = 'dot-checkbox-list-item';
@@ -3693,16 +3706,16 @@ const StyledCheckboxGroup = styled.div.withConfig({
3693
3706
  componentId: "bhb21v-0"
3694
3707
  })(["", ""], ({
3695
3708
  theme
3696
- }) => css(["{&.", "{.", "{width:100%;}.MuiFormLabel-root{display:inline;width:100%;}.", "{list-style:none;margin-top:0;padding-left:", "px;.", "{margin:0;}}}"], wrapperClassName$1, rootClassName$t, checkboxListClassName, theme.spacing(2.5), rootClassName$w));
3709
+ }) => css(["{&.", "{.", "{width:100%;}.MuiFormLabel-root{display:inline;width:100%;}.", "{list-style:none;margin-top:0;padding-left:", "px;.", "{margin:0;}}}"], wrapperClassName$1, rootClassName$v, checkboxListClassName, theme.spacing(2.5), rootClassName$y));
3697
3710
 
3698
- const rootClassName$s = 'dot-form-group';
3711
+ const rootClassName$u = 'dot-form-group';
3699
3712
  const StyledFormGroup = styled(FormGroup).withConfig({
3700
3713
  displayName: "FormGroupstyles__StyledFormGroup",
3701
3714
  componentId: "sc-1dlipcr-0"
3702
3715
  })(["", ""], ({
3703
3716
  theme,
3704
3717
  row
3705
- }) => css(["&.", "{& > *{margin:", ";}}"], rootClassName$s, row ? `${theme.spacing(0.5)}px` : 0));
3718
+ }) => css(["&.", "{& > *{margin:", ";}}"], rootClassName$u, row ? `${theme.spacing(0.5)}px` : 0));
3706
3719
 
3707
3720
  function DotFormGroup({
3708
3721
  ariaLabel,
@@ -3711,7 +3724,7 @@ function DotFormGroup({
3711
3724
  'data-testid': dataTestId,
3712
3725
  row
3713
3726
  }) {
3714
- const rootClasses = useStylesWithRootClass(rootClassName$u, className);
3727
+ const rootClasses = useStylesWithRootClass(rootClassName$w, className);
3715
3728
  return /*#__PURE__*/React__default.createElement(StyledFormGroup, {
3716
3729
  "aria-label": ariaLabel,
3717
3730
  classes: {
@@ -3749,7 +3762,7 @@ function DotCheckboxGroup({
3749
3762
  size = 'medium'
3750
3763
  }) {
3751
3764
  const placement = `${placementClassName}${labelPlacement}`;
3752
- const rootClasses = useStylesWithRootClass(rootClassName$u, rootClassName$t, className, placement);
3765
+ const rootClasses = useStylesWithRootClass(rootClassName$w, rootClassName$v, className, placement);
3753
3766
  const [selectedOptions, setSelectedOptions] = useState(defaultValues);
3754
3767
  const [allChecked, setAllChecked] = useState(false);
3755
3768
  /* This will ensure that state can be updated from the outside */
@@ -3831,13 +3844,13 @@ function DotCheckboxGroup({
3831
3844
  }, renderOptions), helperText && /*#__PURE__*/React__default.createElement(FormHelperText, null, helperText)));
3832
3845
  }
3833
3846
 
3834
- const rootClassName$r = 'dot-dialog';
3847
+ const rootClassName$t = 'dot-dialog';
3835
3848
  const StyledDialog = styled(Dialog).withConfig({
3836
3849
  displayName: "Dialogstyles__StyledDialog",
3837
3850
  componentId: "sc-1tkr4ex-0"
3838
3851
  })(["", ""], ({
3839
3852
  theme
3840
- }) => 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$r, theme.palette.product === 'agility' && theme.palette.layer.n50, theme.spacing(1, 2), theme.spacing(1), theme.spacing(1, 2), theme.spacing(2)));
3853
+ }) => 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$t, theme.palette.product === 'agility' && theme.palette.layer.n50, theme.spacing(1, 2), theme.spacing(1), theme.spacing(1, 2), theme.spacing(2)));
3841
3854
 
3842
3855
  const DotDialog = ({
3843
3856
  ariaLabel,
@@ -3854,7 +3867,7 @@ const DotDialog = ({
3854
3867
  submitButtonProps,
3855
3868
  title
3856
3869
  }) => {
3857
- const rootClasses = useStylesWithRootClass(rootClassName$r, className);
3870
+ const rootClasses = useStylesWithRootClass(rootClassName$t, className);
3858
3871
  const cancelClasses = useStylesWithRootClass(cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, 'cancel-button');
3859
3872
  const [isOpen, setIsOpen] = useState(open);
3860
3873
  useEffect(() => {
@@ -3898,9 +3911,7 @@ const DotDialog = ({
3898
3911
  open: isOpen
3899
3912
  }, /*#__PURE__*/React__default.createElement(DialogTitle, {
3900
3913
  disableTypography: true
3901
- }, /*#__PURE__*/React__default.createElement(DotTypography, {
3902
- variant: "h2"
3903
- }, title), closeIconVisible && /*#__PURE__*/React__default.createElement(DotIconButton, {
3914
+ }, renderNodeOrTypography(title, 'h2'), closeIconVisible && /*#__PURE__*/React__default.createElement(DotIconButton, {
3904
3915
  iconId: "close",
3905
3916
  onClick: handleCancel,
3906
3917
  size: "small"
@@ -3908,7 +3919,7 @@ const DotDialog = ({
3908
3919
  classes: {
3909
3920
  root: `dot-dialog-content`
3910
3921
  }
3911
- }, children), /*#__PURE__*/React__default.createElement(DialogActions, {
3922
+ }, renderNodeOrTypography(children)), /*#__PURE__*/React__default.createElement(DialogActions, {
3912
3923
  classes: {
3913
3924
  root: `dot-dialog-actions`
3914
3925
  }
@@ -3968,7 +3979,7 @@ const DotConfirmationDialog = ({
3968
3979
  }, _message);
3969
3980
  };
3970
3981
 
3971
- const rootClassName$q = 'dot-grid';
3982
+ const rootClassName$s = 'dot-grid';
3972
3983
 
3973
3984
  const frGetter = value => typeof value === 'number' ? `repeat(${value}, 1fr)` : value;
3974
3985
 
@@ -4016,7 +4027,7 @@ const Grid = ({
4016
4027
  className,
4017
4028
  children
4018
4029
  }) => {
4019
- const rootClasses = useStylesWithRootClass(rootClassName$q, className);
4030
+ const rootClasses = useStylesWithRootClass(rootClassName$s, className);
4020
4031
  return /*#__PURE__*/React__default.createElement("div", {
4021
4032
  className: rootClasses
4022
4033
  }, children);
@@ -4035,7 +4046,7 @@ const StyledGrid = styled(Grid).withConfig({
4035
4046
  rows,
4036
4047
  theme,
4037
4048
  width
4038
- }) => css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$q, 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};`));
4049
+ }) => css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$s, 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};`));
4039
4050
  const CssGrid = props => {
4040
4051
  return /*#__PURE__*/React__default.createElement(StyledGrid, Object.assign({}, props));
4041
4052
  };
@@ -4178,7 +4189,7 @@ const CssGridDebug = ({
4178
4189
  })));
4179
4190
  };
4180
4191
 
4181
- const rootClassName$p = 'dot-empty-state';
4192
+ const rootClassName$r = 'dot-empty-state';
4182
4193
  const StyledEmptyState = styled.div.withConfig({
4183
4194
  displayName: "EmptyStatestyles__StyledEmptyState",
4184
4195
  componentId: "sc-1sftmht-0"
@@ -4196,7 +4207,7 @@ const DotEmptyState = ({
4196
4207
  subtitle,
4197
4208
  title
4198
4209
  }) => {
4199
- const rootClasses = useStylesWithRootClass(rootClassName$p, className);
4210
+ const rootClasses = useStylesWithRootClass(rootClassName$r, className);
4200
4211
  return /*#__PURE__*/React__default.createElement(StyledEmptyState, {
4201
4212
  "aria-label": ariaLabel,
4202
4213
  className: rootClasses,
@@ -4224,15 +4235,15 @@ const StyledRadioGroup = styled(RadioGroup).withConfig({
4224
4235
  componentId: "sc-84g3mq-1"
4225
4236
  })(["", ""], ({
4226
4237
  theme
4227
- }) => css(["{&.", "{padding-left:", "px;.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$w));
4238
+ }) => css(["{&.", "{padding-left:", "px;.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$y));
4228
4239
 
4229
- const rootClassName$o = 'dot-form';
4240
+ const rootClassName$q = 'dot-form';
4230
4241
  const StyledFormContainer = styled.div.withConfig({
4231
4242
  displayName: "Formstyles__StyledFormContainer",
4232
4243
  componentId: "bbovqo-0"
4233
4244
  })(["", ""], ({
4234
4245
  theme
4235
- }) => css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$o, theme.spacing(3, 0), rootClassName$u, rootClassName$w, rootClassName$D, rootSelectClassName, theme.spacing(1, 0), rootClassName$t, groupClassName, rootClassName$w));
4246
+ }) => css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$q, theme.spacing(3, 0), rootClassName$w, rootClassName$y, rootClassName$F, rootSelectClassName, theme.spacing(1, 0), rootClassName$v, groupClassName, rootClassName$y));
4236
4247
 
4237
4248
  const DotForm = ({
4238
4249
  ariaLabel,
@@ -4241,7 +4252,7 @@ const DotForm = ({
4241
4252
  'data-testid': dataTestId,
4242
4253
  onSubmit
4243
4254
  }) => {
4244
- const rootClasses = useStylesWithRootClass(rootClassName$o, className);
4255
+ const rootClasses = useStylesWithRootClass(rootClassName$q, className);
4245
4256
  return /*#__PURE__*/React__default.createElement("form", {
4246
4257
  "aria-label": ariaLabel,
4247
4258
  "data-testid": dataTestId,
@@ -4252,11 +4263,11 @@ const DotForm = ({
4252
4263
  }, children));
4253
4264
  };
4254
4265
 
4255
- const rootClassName$n = 'dot-dynamic-form';
4266
+ const rootClassName$p = 'dot-dynamic-form';
4256
4267
  const StyledDynamicForm = styled(DotForm).withConfig({
4257
4268
  displayName: "DynamicFormstyles__StyledDynamicForm",
4258
4269
  componentId: "sc-1lnljcn-0"
4259
- })(["", ""], () => css(["&.", "{}"], rootClassName$n));
4270
+ })(["", ""], () => css(["&.", "{}"], rootClassName$p));
4260
4271
 
4261
4272
  const DATA_CONTROLS = ['dot-autocomplete', 'dot-checkbox', 'dot-checkbox-group', 'dot-input-select', 'dot-input-text', 'dot-radio-group', 'dot-switch'];
4262
4273
  /* Array of control types for which we don't have error state so validation doesn't make any sense */
@@ -4478,6 +4489,7 @@ const DotInputText = ({
4478
4489
  onChange,
4479
4490
  onFocus,
4480
4491
  onKeyDown,
4492
+ onMouseUp,
4481
4493
  placeholder,
4482
4494
  readOnly: _readOnly = false,
4483
4495
  required: _required = false,
@@ -4498,7 +4510,7 @@ const DotInputText = ({
4498
4510
  iconId: `${iconType}-solid`
4499
4511
  });
4500
4512
 
4501
- const rootStyles = useStylesWithRootClass(rootClassName$D, className, hasWarning);
4513
+ const rootStyles = useStylesWithRootClass(rootClassName$F, className, hasWarning);
4502
4514
 
4503
4515
  const endAdornmentIcon = endIcon || _error && renderIcon('error') || _warning && renderIcon('warning'); // Used to control text value from the consumer component
4504
4516
  // when debounce feature is enabled
@@ -4570,6 +4582,7 @@ const DotInputText = ({
4570
4582
  onChange: hasDebounce ? handleChange : onChange,
4571
4583
  onFocus: onFocus,
4572
4584
  onKeyDown: onKeyDown,
4585
+ onMouseUp: onMouseUp,
4573
4586
  placeholder: placeholder,
4574
4587
  required: _required,
4575
4588
  rows: _multiline ? rows : null,
@@ -4665,13 +4678,13 @@ const DotInputSelect = ({
4665
4678
  }, getOption(option))));
4666
4679
  };
4667
4680
 
4668
- const rootClassName$m = 'dot-progress-button';
4681
+ const rootClassName$o = 'dot-progress-button';
4669
4682
  const StyledProgressButton = styled(DotButton).withConfig({
4670
4683
  displayName: "ProgressButtonstyles__StyledProgressButton",
4671
4684
  componentId: "sc-1fvgky0-0"
4672
4685
  })(["", ""], ({
4673
4686
  theme
4674
- }) => css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$m, theme.palette.layer.n300));
4687
+ }) => css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$o, theme.palette.layer.n300));
4675
4688
 
4676
4689
  const SPINNER_DEFAULT_SIZE = 20;
4677
4690
  const SPINNER_LARGE_SIZE = 24;
@@ -4690,7 +4703,7 @@ const DotProgressButton = ({
4690
4703
  tooltip,
4691
4704
  type: _type = 'primary'
4692
4705
  }) => {
4693
- const rootClasses = useStylesWithRootClass(rootClassName$m, className);
4706
+ const rootClasses = useStylesWithRootClass(rootClassName$o, className);
4694
4707
  const isButtonDisabled = _disabled || _isLoading;
4695
4708
  const titleClasses = useStylesWithRootClass(_isLoading ? 'hidden' : '');
4696
4709
  const progressCircleSize = _size === 'large' ? SPINNER_LARGE_SIZE : SPINNER_DEFAULT_SIZE;
@@ -4714,13 +4727,13 @@ const DotProgressButton = ({
4714
4727
  }));
4715
4728
  };
4716
4729
 
4717
- const rootClassName$l = 'dot-radio';
4730
+ const rootClassName$n = 'dot-radio';
4718
4731
  const StyledRadioButton = styled(Radio).withConfig({
4719
4732
  displayName: "RadioButtonstyles__StyledRadioButton",
4720
4733
  componentId: "brp0sc-0"
4721
4734
  })(["", ""], ({
4722
4735
  theme
4723
- }) => css(["{&.", "{padding:8px;}"], rootClassName$l));
4736
+ }) => css(["{&.", "{padding:8px;}"], rootClassName$n));
4724
4737
 
4725
4738
  function DotRadioButton({
4726
4739
  ariaLabel,
@@ -4738,7 +4751,7 @@ function DotRadioButton({
4738
4751
  size = 'medium',
4739
4752
  value
4740
4753
  }) {
4741
- const rootClasses = useStylesWithRootClass(rootClassName$w, className);
4754
+ const rootClasses = useStylesWithRootClass(rootClassName$y, className);
4742
4755
 
4743
4756
  const handleChange = event => {
4744
4757
  onChange && onChange(event, event.target.value);
@@ -4750,7 +4763,7 @@ function DotRadioButton({
4750
4763
  "aria-label": ariaLabel,
4751
4764
  checked: checked,
4752
4765
  classes: {
4753
- root: rootClassName$l
4766
+ root: rootClassName$n
4754
4767
  },
4755
4768
  color: "primary",
4756
4769
  "data-testid": dataTestId,
@@ -4789,7 +4802,7 @@ const DotRadioGroup = ({
4789
4802
  size: _size = 'medium'
4790
4803
  }) => {
4791
4804
  const placement = `${placementClassName}${_labelPlacement}`;
4792
- const rootClasses = useStylesWithRootClass(rootClassName$u, className, placement);
4805
+ const rootClasses = useStylesWithRootClass(rootClassName$w, className, placement);
4793
4806
  const radioValue = value || defaultValue;
4794
4807
  const [selectedValue, setSelectedValue] = useState(radioValue);
4795
4808
  /* This will ensure that value can be updated from the outside */
@@ -4847,7 +4860,7 @@ const DotRadioGroup = ({
4847
4860
  }, renderOptions), helperText && /*#__PURE__*/React__default.createElement(FormHelperText, null, helperText)));
4848
4861
  };
4849
4862
 
4850
- const rootClassName$k = 'dot-switch';
4863
+ const rootClassName$m = 'dot-switch';
4851
4864
  const StyledSwitch = styled(Switch).withConfig({
4852
4865
  displayName: "Switchstyles__StyledSwitch",
4853
4866
  componentId: "eign2a-0"
@@ -4869,14 +4882,14 @@ const DotSwitch = ({
4869
4882
  onChange,
4870
4883
  size: _size = 'medium'
4871
4884
  }) => {
4872
- const rootClasses = useStylesWithRootClass(rootClassName$k, className);
4885
+ const rootClasses = useStylesWithRootClass(rootClassName$m, className);
4873
4886
 
4874
4887
  const handleChange = event => {
4875
4888
  onChange && onChange(event);
4876
4889
  };
4877
4890
 
4878
4891
  return /*#__PURE__*/React__default.createElement(StyledFormControlLabel, {
4879
- className: rootClassName$w,
4892
+ className: rootClassName$y,
4880
4893
  control: /*#__PURE__*/React__default.createElement(StyledSwitch, {
4881
4894
  checked: checked,
4882
4895
  classes: {
@@ -5227,7 +5240,7 @@ const DotDynamicForm = ({
5227
5240
  onChange,
5228
5241
  onSubmit
5229
5242
  }) => {
5230
- const rootClasses = useStylesWithRootClass(rootClassName$n, className); // Memoize this operation so that is doesn't get executed each time this
5243
+ const rootClasses = useStylesWithRootClass(rootClassName$p, className); // Memoize this operation so that is doesn't get executed each time this
5231
5244
  // component re-renders
5232
5245
 
5233
5246
  const initialFormState = useMemo(() => getInitialFormState(config, _liveValidation), [config, _liveValidation, getInitialFormState]);
@@ -5537,13 +5550,58 @@ function __awaiter(thisArg, _arguments, P, generator) {
5537
5550
  });
5538
5551
  }
5539
5552
 
5540
- const rootClassName$j = 'dot-inline-edit';
5553
+ const rootClassName$l = 'dot-inline-edit';
5554
+ const editModeClassName = 'dot-edit-mode';
5555
+ const viewModeClassName = 'dot-view-mode';
5556
+ const readOnlyClassName = 'dot-read-only';
5557
+ const editActionsClassName = 'dot-edit-actions';
5558
+ const editTextFieldClassName = 'dot-edit-text-field';
5541
5559
  const StyledInlineEdit = styled.div.withConfig({
5542
5560
  displayName: "InlineEditstyles__StyledInlineEdit",
5543
5561
  componentId: "sc-10l2c0v-0"
5544
5562
  })(["", ""], ({
5545
- theme
5546
- }) => css(["&.dot-inline-edit{color:", ";&:not(.disabled):not(.editing){&:hover,&:focus{.MuiInputAdornment-root{display:flex;}}}.MuiInputAdornment-root{display:none;}.editing-actions{display:flex;justify-content:flex-end;margin-top:", "px;.dot-icon-btn{background:", ";border:1px solid ", ";color:", ";margin-left:", "px;padding:", "px;&:hover{background:", ";}}}.inline-edit{&:hover,&:focus,&:active{cursor:pointer;}}.MuiOutlinedInput-adornedEnd{padding-right:0;margin-left:0;.dot-icon{height:auto;width:auto;}}}"], theme.palette.grey[700], theme.spacing(0.5), theme.palette.grey[0], theme.palette.grey[300], theme.palette.grey[700], theme.spacing(1), theme.spacing(0.25), theme.palette.grey[50]));
5563
+ theme,
5564
+ fullWidth
5565
+ }) => 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), ({
5566
+ typography
5567
+ }) => typography && `
5568
+ .MuiInputBase-root {
5569
+ font-family: ${theme.typography[typography].fontFamily || 'inherit'};
5570
+ font-size: ${theme.typography[typography].fontSize}px;
5571
+ line-height: ${theme.typography[typography].lineHeight || 'normal'};
5572
+ letter-spacing: ${theme.typography[typography].letterSpacing || 'normal'};
5573
+ text-transform: ${theme.typography[typography].textTransform || 'none'};
5574
+ }
5575
+ `, 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)));
5576
+
5577
+ const getCounterAdornment = (currentLength, maxLength, dataTestId) => {
5578
+ if (currentLength === undefined || typeof currentLength !== 'number' || !maxLength || typeof maxLength !== 'number') return;
5579
+ const isLimitReached = currentLength >= maxLength;
5580
+ const limitClass = isLimitReached ? 'dot-counter-limit' : '';
5581
+ const currentLengthClasses = useStylesWithRootClass('dot-counter-length', limitClass);
5582
+ const maxLengthClasses = useStylesWithRootClass('dot-counter-max-length', limitClass);
5583
+ return /*#__PURE__*/React__default.createElement(InputAdornment, {
5584
+ className: "dot-counter-adornment",
5585
+ "data-testid": dataTestId && `${dataTestId}-counter`,
5586
+ position: "end"
5587
+ }, /*#__PURE__*/React__default.createElement("span", {
5588
+ className: currentLengthClasses,
5589
+ "data-testid": dataTestId && `${dataTestId}-counter-current`
5590
+ }, currentLength), /*#__PURE__*/React__default.createElement("span", {
5591
+ className: maxLengthClasses,
5592
+ "data-testid": dataTestId && `${dataTestId}-counter-max`
5593
+ }, "/", maxLength));
5594
+ };
5595
+ const getWarningAdornment = () => {
5596
+ return /*#__PURE__*/React__default.createElement(InputAdornment, {
5597
+ position: "end"
5598
+ }, /*#__PURE__*/React__default.createElement(DotTooltip, {
5599
+ title: "You must specify the value or press ESC to revert"
5600
+ }, /*#__PURE__*/React__default.createElement(DotIcon, {
5601
+ className: "dot-adornment-error",
5602
+ iconId: "error-solid"
5603
+ })));
5604
+ };
5547
5605
 
5548
5606
  /**
5549
5607
  * @experimental This component is still in development
@@ -5551,141 +5609,177 @@ const StyledInlineEdit = styled.div.withConfig({
5551
5609
 
5552
5610
  const DotInlineEdit = ({
5553
5611
  ariaLabel,
5554
- autoFocus,
5612
+ charactersLimit,
5555
5613
  className,
5556
5614
  'data-testid': dataTestId,
5557
- disabled: _disabled = false,
5558
- error: _error = false,
5559
5615
  fullWidth: _fullWidth = true,
5560
- helperText,
5616
+ hideActionButtons,
5561
5617
  name,
5562
- onEditStateChange: _onEditStateChange = undefined,
5563
- onLabelChange: _onLabelChange = undefined,
5564
- readOnly: _readOnly = false,
5565
- required: _required = false,
5566
- size: _size = 'small',
5618
+ onChange,
5619
+ onEditStateChange,
5620
+ readOnly,
5621
+ typography: _typography = 'body1',
5567
5622
  value: _value = ''
5568
5623
  }) => {
5569
- const rootClasses = useStylesWithRootClass(rootClassName$j, className);
5570
5624
  const [editing, setEditing] = useState(false);
5571
5625
  const [originalValue, setOriginalValue] = useState('');
5572
5626
  const [inputValue, setInputValue] = useState(_value);
5627
+ const inputRef = useRef();
5628
+ const inlineEditRef = useRef();
5629
+ const rootClasses = useStylesWithRootClass(rootClassName$l, className, editing ? editModeClassName : '');
5573
5630
 
5574
- const handleClick = event => {
5575
- const inputElement = event.target; // only fire if clicking on input element
5631
+ const handleInlineEditClick = () => {
5632
+ if (editing) return;
5633
+ setOriginalValue(inputValue);
5634
+ setEditing(true);
5576
5635
 
5577
- if (inputElement.type === 'text') {
5578
- setOriginalValue(inputElement.value);
5579
- setEditing(true);
5580
-
5581
- if (_onEditStateChange) {
5582
- _onEditStateChange(true);
5583
- }
5636
+ if (onEditStateChange) {
5637
+ onEditStateChange(true);
5584
5638
  }
5585
5639
  };
5586
5640
 
5587
- const onConfirm = () => __awaiter(void 0, void 0, void 0, function* () {
5588
- if (_onLabelChange) {
5589
- const errorText = yield _onLabelChange(inputValue);
5641
+ const handleSave = () => __awaiter(void 0, void 0, void 0, function* () {
5642
+ var _a;
5590
5643
 
5591
- if (errorText != null) {
5592
- window.alert(errorText);
5593
- return;
5594
- }
5644
+ if (!inputValue) return;
5645
+ const isSuccess = yield onChange(inputValue);
5646
+
5647
+ if (!isSuccess) {
5648
+ (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
5649
+ return;
5595
5650
  }
5596
5651
 
5597
5652
  setEditing(false);
5598
- setInputValue(inputValue);
5599
5653
 
5600
- if (_onEditStateChange) {
5601
- _onEditStateChange(false);
5654
+ if (onEditStateChange) {
5655
+ onEditStateChange(false);
5602
5656
  }
5603
5657
  });
5604
5658
 
5605
- const onCancel = () => {
5659
+ const handleCancel = () => {
5606
5660
  setEditing(false);
5607
5661
  setInputValue(originalValue);
5608
5662
 
5609
- if (_onEditStateChange) {
5610
- _onEditStateChange(false);
5663
+ if (onEditStateChange) {
5664
+ onEditStateChange(false);
5611
5665
  }
5612
5666
  };
5613
5667
 
5614
- const onKeyPress = event => {
5615
- const inputWrapper = event.target;
5616
-
5668
+ const handleKeyPress = event => __awaiter(void 0, void 0, void 0, function* () {
5617
5669
  switch (event.key) {
5618
5670
  case 'Enter':
5619
- onConfirm();
5620
- inputWrapper.blur();
5671
+ // Save only when Enter is pressed within input field
5672
+ if (inputRef.current !== event.target) return;
5673
+ yield handleSave();
5621
5674
  break;
5622
5675
 
5623
5676
  case 'Escape':
5624
- onCancel();
5625
- inputWrapper.blur();
5677
+ handleCancel();
5626
5678
  break;
5627
5679
  }
5680
+ });
5681
+
5682
+ const handleBlur = event => __awaiter(void 0, void 0, void 0, function* () {
5683
+ if (!event.relatedTarget || !inlineEditRef.current.contains(event.relatedTarget)) {
5684
+ yield handleSave();
5685
+ }
5686
+ });
5687
+
5688
+ const renderEndAdornment = () => {
5689
+ if (inputValue === '') {
5690
+ return getWarningAdornment();
5691
+ }
5692
+
5693
+ if (charactersLimit && !charactersLimit.hideCounter) {
5694
+ return getCounterAdornment(inputValue.length, charactersLimit.maxLength, dataTestId);
5695
+ }
5696
+ };
5697
+
5698
+ const renderViewMode = () => {
5699
+ const viewModeClasses = useStylesWithRootClass(viewModeClassName, readOnly ? readOnlyClassName : '');
5700
+ return /*#__PURE__*/React__default.createElement("div", {
5701
+ className: viewModeClasses,
5702
+ "data-testid": dataTestId && `${dataTestId}-view-mode-wrapper`
5703
+ }, /*#__PURE__*/React__default.createElement(DotTypography, {
5704
+ className: "dot-view-mode-typography",
5705
+ "data-testid": dataTestId && `${dataTestId}-view-mode-typography`,
5706
+ variant: _typography
5707
+ }, inputValue), /*#__PURE__*/React__default.createElement(DotIcon, {
5708
+ className: "dot-edit-icon",
5709
+ "data-testid": dataTestId && `${dataTestId}-edit-icon`,
5710
+ iconId: "edit"
5711
+ }));
5712
+ };
5713
+
5714
+ const renderEditMode = () => {
5715
+ const isSaveDisabled = inputValue === '';
5716
+ const textFieldClasses = useStylesWithRootClass(editTextFieldClassName, inputValue === '' ? 'dot-empty-value' : '');
5717
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TextField, {
5718
+ InputProps: {
5719
+ endAdornment: renderEndAdornment()
5720
+ },
5721
+ "aria-label": name,
5722
+ autoFocus: true,
5723
+ autoComplete: "off",
5724
+ className: textFieldClasses,
5725
+ error: false,
5726
+ fullWidth: _fullWidth,
5727
+ inputProps: {
5728
+ 'data-testid': dataTestId,
5729
+ className: 'dot-input',
5730
+ maxLength: charactersLimit === null || charactersLimit === void 0 ? void 0 : charactersLimit.maxLength
5731
+ },
5732
+ inputRef: inputRef,
5733
+ multiline: false,
5734
+ name: name,
5735
+ onChange: event => setInputValue(event.target.value),
5736
+ size: "small",
5737
+ type: "text",
5738
+ value: inputValue,
5739
+ variant: "outlined"
5740
+ }), !hideActionButtons && /*#__PURE__*/React__default.createElement("div", {
5741
+ className: editActionsClassName
5742
+ }, /*#__PURE__*/React__default.createElement(DotButton, {
5743
+ "data-testid": dataTestId && `${dataTestId}-cancel`,
5744
+ onClick: handleCancel,
5745
+ size: "small",
5746
+ tooltip: "Cancel [ESC]",
5747
+ type: "outlined"
5748
+ }, /*#__PURE__*/React__default.createElement(DotIcon, {
5749
+ iconId: "close"
5750
+ })), /*#__PURE__*/React__default.createElement(DotButton, {
5751
+ "data-testid": dataTestId && `${dataTestId}-save`,
5752
+ disabled: isSaveDisabled,
5753
+ onClick: handleSave,
5754
+ size: "small",
5755
+ tooltip: "Save [ENTER]",
5756
+ type: "outlined"
5757
+ }, /*#__PURE__*/React__default.createElement(DotIcon, {
5758
+ iconId: "check-line"
5759
+ }))));
5628
5760
  };
5629
5761
 
5630
5762
  return /*#__PURE__*/React__default.createElement(StyledInlineEdit, {
5631
5763
  "aria-label": ariaLabel,
5632
- className: `${rootClasses} ${editing ? 'editing' : _disabled ? 'disabled' : ''}`,
5633
- "data-testid": "inline-edit-wrapper",
5634
- onClick: event => !_disabled && handleClick(event),
5635
- onKeyDown: event => onKeyPress(event)
5636
- }, /*#__PURE__*/React__default.createElement(TextField, {
5637
- InputProps: {
5638
- endAdornment: /*#__PURE__*/React__default.createElement(InputAdornment, {
5639
- position: "end"
5640
- }, /*#__PURE__*/React__default.createElement(DotIcon, {
5641
- iconId: "edit"
5642
- }))
5643
- },
5644
- "aria-label": name,
5645
- autoComplete: "off",
5646
- autoFocus: autoFocus,
5647
- disabled: _disabled,
5648
- error: _error,
5764
+ className: rootClasses,
5765
+ "data-testid": dataTestId,
5649
5766
  fullWidth: _fullWidth,
5650
- helperText: helperText,
5651
- inputProps: {
5652
- 'data-testid': dataTestId,
5653
- className: 'dot-input',
5654
- readOnly: _readOnly
5655
- },
5656
- multiline: false,
5657
- name: name,
5658
- onChange: event => setInputValue(event.target.value),
5659
- required: _required,
5660
- size: _size,
5661
- type: "text",
5662
- value: inputValue,
5663
- variant: "outlined"
5664
- }), editing && /*#__PURE__*/React__default.createElement("div", {
5665
- className: "editing-actions"
5666
- }, /*#__PURE__*/React__default.createElement(DotIconButton, {
5667
- "data-testid": "inline-edit-cancel",
5668
- iconId: "close",
5669
- onClick: onCancel,
5670
- size: "small",
5671
- tooltip: "Cancel [esc]"
5672
- }), /*#__PURE__*/React__default.createElement(DotIconButton, {
5673
- "data-testid": "inline-edit-confirm",
5674
- iconId: "block",
5675
- onClick: onConfirm,
5676
- size: "small",
5677
- tooltip: "Cancel [enter]"
5678
- })));
5767
+ onBlur: !readOnly && editing ? handleBlur : undefined,
5768
+ onClick: !readOnly ? handleInlineEditClick : undefined,
5769
+ onKeyDown: !readOnly ? event => handleKeyPress(event) : undefined,
5770
+ ref: inlineEditRef,
5771
+ typography: _typography
5772
+ }, editing ? renderEditMode() : renderViewMode());
5679
5773
  };
5680
5774
 
5681
- const rootClassName$i = 'dot-navigation-rail';
5775
+ const rootClassName$k = 'dot-navigation-rail';
5682
5776
  const StyledNavigationRail = styled.div.withConfig({
5683
5777
  displayName: "NavigationRailstyles__StyledNavigationRail",
5684
5778
  componentId: "sc-160kivd-0"
5685
5779
  })(["", ""], ({
5686
5780
  theme,
5687
5781
  railItemPosition
5688
- }) => css(["&.", "{background-color:", ";border-left:1px solid ", ";display:flex;flex-direction:column;justify-content:", ";padding:", ";width:72px;.rail-item-button{flex-basis:72px;border-radius:0;margin:0;padding:0;width:100%;white-space:normal;&.selected{background-color:", ";}&:focus-visible{background-color:", ";}.MuiButton-label{display:flex;flex-direction:column;word-break:break-word;}}}"], rootClassName$i, theme.palette.layer.n50, theme.palette.layer.n100, railItemPosition, theme.spacing(1, 0, 0), theme.palette.layer.n0, theme.palette.layer.n100));
5782
+ }) => css(["&.", "{background-color:", ";border-left:1px solid ", ";display:flex;flex-direction:column;justify-content:", ";padding:", ";width:72px;.rail-item-button{flex-basis:72px;border-radius:0;margin:0;padding:0;width:100%;white-space:normal;&.selected{background-color:", ";}&:focus-visible{background-color:", ";}.MuiButton-label{display:flex;flex-direction:column;word-break:break-word;}}}"], rootClassName$k, theme.palette.layer.n50, theme.palette.layer.n100, railItemPosition, theme.spacing(1, 0, 0), theme.palette.layer.n0, theme.palette.layer.n100));
5689
5783
 
5690
5784
  const MAX_ALLOWED_ITEMS = 7;
5691
5785
  const DotNavigationRail = ({
@@ -5697,7 +5791,7 @@ const DotNavigationRail = ({
5697
5791
  railItems,
5698
5792
  selectedIndex: _selectedIndex = 0
5699
5793
  }) => {
5700
- const rootClasses = useStylesWithRootClass(rootClassName$i, className);
5794
+ const rootClasses = useStylesWithRootClass(rootClassName$k, className);
5701
5795
  const [selectedItemIndex, setSelectedItemIndex] = useState(_selectedIndex);
5702
5796
 
5703
5797
  const onItemSelect = index => () => {
@@ -5736,13 +5830,13 @@ const DotNavigationRail = ({
5736
5830
  }, railItems && renderRailItems());
5737
5831
  };
5738
5832
 
5739
- const rootClassName$h = 'dot-pill';
5833
+ const rootClassName$j = 'dot-pill';
5740
5834
  const StyledPill = styled(Chip).withConfig({
5741
5835
  displayName: "Pillstyles__StyledPill",
5742
5836
  componentId: "l7oxi2-0"
5743
5837
  })(["", ""], ({
5744
5838
  theme
5745
- }) => css(["&.", "{background-color:", ";color:", ";&.error{background-color:", ";color:", ";}&.success{background-color:", ";color:", ";}&.warning{background-color:", ";color:", ";}&.in-progress{background-color:", ";color:", ";}"], rootClassName$h, ({
5839
+ }) => css(["&.", "{background-color:", ";color:", ";&.error{background-color:", ";color:", ";}&.success{background-color:", ";color:", ";}&.warning{background-color:", ";color:", ";}&.in-progress{background-color:", ";color:", ";}"], rootClassName$j, ({
5746
5840
  backgroundcolor
5747
5841
  }) => {
5748
5842
  return backgroundcolor ? backgroundcolor : theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200];
@@ -5762,7 +5856,7 @@ const DotPill = ({
5762
5856
  size: _size = 'medium',
5763
5857
  status: _status = 'default'
5764
5858
  }) => {
5765
- const rootClasses = useStylesWithRootClass(rootClassName$h, className, _status);
5859
+ const rootClasses = useStylesWithRootClass(rootClassName$j, className, _status);
5766
5860
  return /*#__PURE__*/React__default.createElement(StyledPill, {
5767
5861
  "aria-label": ariaLabel,
5768
5862
  backgroundcolor: backgroundcolor,
@@ -5777,13 +5871,13 @@ const DotPill = ({
5777
5871
  });
5778
5872
  };
5779
5873
 
5780
- const rootClassName$g = 'dot-skeleton';
5874
+ const rootClassName$i = 'dot-skeleton';
5781
5875
  const StyledSkeleton = styled(Skeleton).withConfig({
5782
5876
  displayName: "Skeletonstyles__StyledSkeleton",
5783
5877
  componentId: "sc-17ayzv5-0"
5784
5878
  })(["", ""], ({
5785
5879
  theme
5786
- }) => css(["&.", "{background-color:", ";}"], rootClassName$g, theme.palette.grey[100]));
5880
+ }) => css(["&.", "{background-color:", ";}"], rootClassName$i, theme.palette.grey[100]));
5787
5881
 
5788
5882
  const DotSkeleton = ({
5789
5883
  ariaLabel,
@@ -5794,7 +5888,7 @@ const DotSkeleton = ({
5794
5888
  width,
5795
5889
  variant
5796
5890
  }) => {
5797
- const rootClasses = useStylesWithRootClass(rootClassName$g, className); // When we upgrade to Material UI v5 this must be removed!
5891
+ const rootClasses = useStylesWithRootClass(rootClassName$i, className); // When we upgrade to Material UI v5 this must be removed!
5798
5892
 
5799
5893
  const skeletonVariant = variant === 'circular' ? 'circle' : variant === 'rectangular' ? 'rect' : variant;
5800
5894
  return /*#__PURE__*/React__default.createElement(StyledSkeleton, {
@@ -5810,13 +5904,13 @@ const DotSkeleton = ({
5810
5904
  }, children);
5811
5905
  };
5812
5906
 
5813
- const rootClassName$f = 'dot-snackbar';
5907
+ const rootClassName$h = 'dot-snackbar';
5814
5908
  const StyledSnackbar = styled(Snackbar).withConfig({
5815
5909
  displayName: "Snackbarstyles__StyledSnackbar",
5816
5910
  componentId: "sc-1huxoy3-0"
5817
5911
  })(["", ""], ({
5818
5912
  theme
5819
- }) => css(["&.", "{.MuiSvgIcon-root{color:", ";}.MuiAlert-icon{padding:11px 0px;}.MuiAlert-message{padding:13px 0px;word-break:break-all;}&.MuiSnackbar-anchorOriginTopRight{top:0px;z-index:", ";}.MuiAlert-root{&.MuiAlert-standardInfo{background-color:", ";}&.MuiAlert-standardWarning{color:", ";.MuiSvgIcon-root{color:", ";}}max-width:500px;min-width:344px;color:", ";z-index:", ";position:relative;margin-top:108px;background-color:", ";@media (min-width:720px){.MuiAlert-root{top:112px;position:relative;}}}"], rootClassName$f, 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));
5913
+ }) => 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$h, 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));
5820
5914
 
5821
5915
  function addAutoHideDuration(severity) {
5822
5916
  return severity === 'error' ? null : 10000;
@@ -5831,8 +5925,13 @@ function checkForConflictingEventHandlers({
5831
5925
  }
5832
5926
  }
5833
5927
 
5928
+ const DEFAULT_ANCHOR_ORIGIN = {
5929
+ vertical: 'top',
5930
+ horizontal: 'right'
5931
+ };
5834
5932
  const DotSnackbar = ({
5835
5933
  action,
5934
+ anchorOrigin: _anchorOrigin = DEFAULT_ANCHOR_ORIGIN,
5836
5935
  ariaLabel,
5837
5936
  children,
5838
5937
  className,
@@ -5847,12 +5946,9 @@ const DotSnackbar = ({
5847
5946
  onClose,
5848
5947
  action
5849
5948
  });
5850
- const rootClasses = useStylesWithRootClass(rootClassName$f, className);
5949
+ const rootClasses = useStylesWithRootClass(rootClassName$h, className);
5851
5950
  return /*#__PURE__*/React__default.createElement(StyledSnackbar, {
5852
- anchorOrigin: {
5853
- vertical: 'top',
5854
- horizontal: 'right'
5855
- },
5951
+ anchorOrigin: _anchorOrigin,
5856
5952
  "aria-label": ariaLabel,
5857
5953
  autoHideDuration: autoHideDuration,
5858
5954
  classes: {
@@ -5874,11 +5970,11 @@ const DotSnackbar = ({
5874
5970
  }, children)));
5875
5971
  };
5876
5972
 
5877
- const rootClassName$e = 'dot-snackbar-container';
5973
+ const rootClassName$g = 'dot-snackbar-container';
5878
5974
  const StyledSnackbarContainer = styled.div.withConfig({
5879
5975
  displayName: "SnackbarContainerstyles__StyledSnackbarContainer",
5880
5976
  componentId: "sc-1ogwjuc-0"
5881
- })(["", ""], () => css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$e));
5977
+ })(["", ""], () => css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$g));
5882
5978
 
5883
5979
  const DotSnackbarContext = /*#__PURE__*/createContext({
5884
5980
  alerts: [],
@@ -5898,10 +5994,10 @@ const DotSnackbarContainer = () => {
5898
5994
  }
5899
5995
 
5900
5996
  return /*#__PURE__*/React__default.createElement(StyledSnackbarContainer, {
5901
- className: rootClassName$e
5997
+ className: rootClassName$g
5902
5998
  }, /*#__PURE__*/React__default.createElement("div", {
5903
- className: rootClassName$e,
5904
- "data-testid": rootClassName$e
5999
+ className: rootClassName$g,
6000
+ "data-testid": rootClassName$g
5905
6001
  }, alerts.slice().reverse().map(alert => {
5906
6002
  return /*#__PURE__*/React__default.createElement(DotSnackbar, {
5907
6003
  key: alert.id,
@@ -5953,13 +6049,13 @@ const useDotSnackbarContext = () => {
5953
6049
  return useContext(DotSnackbarContext);
5954
6050
  };
5955
6051
 
5956
- const rootClassName$d = 'dot-split-button-group';
6052
+ const rootClassName$f = 'dot-split-button-group';
5957
6053
  const StyledSplitButtonGroup = styled(ButtonGroup).withConfig({
5958
6054
  displayName: "SplitButtonstyles__StyledSplitButtonGroup",
5959
6055
  componentId: "ild520-0"
5960
6056
  })(["", ""], ({
5961
6057
  theme
5962
- }) => css(["&.", "{box-shadow:0px 3px 1px -2px rgb(0 0 0 / 20%),0px 2px 2px 0px rgb(0 0 0 / 14%),0px 1px 5px 0px rgb(0 0 0 / 12%);&.disabled{box-shadow:none;.dot-button{background:", ";border:1px solid ", ";}}&.outlined,&.text{box-shadow:none;.expand-button{border-left:none;}}&.outlined .dot-button{border-color:", ";}&.destructive .expand-button{border-left-color:", ";}.dot-button{box-shadow:none;margin:0;padding:", ";}.expand-button{border-left:1px solid ", ";&.Mui-disabled{border-left:0;}.MuiButton-label,.dot-icon{width:14px;height:14px;}}}"], rootClassName$d, 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']));
6058
+ }) => css(["&.", "{box-shadow:0px 3px 1px -2px rgb(0 0 0 / 20%),0px 2px 2px 0px rgb(0 0 0 / 14%),0px 1px 5px 0px rgb(0 0 0 / 12%);&.disabled{box-shadow:none;.dot-button{background:", ";border:1px solid ", ";}}&.outlined,&.text{box-shadow:none;.expand-button{border-left:none;}}&.outlined .dot-button{border-color:", ";}&.destructive .expand-button{border-left-color:", ";}.dot-button{box-shadow:none;margin:0;padding:", ";}.expand-button{border-left:1px solid ", ";&.Mui-disabled{border-left:0;}.MuiButton-label,.dot-icon{width:14px;height:14px;}}}"], rootClassName$f, 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']));
5963
6059
  const StyledMenu$1 = styled(DotMenu).withConfig({
5964
6060
  displayName: "SplitButtonstyles__StyledMenu",
5965
6061
  componentId: "ild520-1"
@@ -5986,7 +6082,7 @@ const DotSplitButton = ({
5986
6082
  tooltip,
5987
6083
  type: _type = 'primary'
5988
6084
  }) => {
5989
- const rootClasses = useStylesWithRootClass(rootClassName$d, className, _type, _disabled ? 'disabled' : '');
6085
+ const rootClasses = useStylesWithRootClass(rootClassName$f, className, _type, _disabled ? 'disabled' : '');
5990
6086
  const [open, setOpen] = useState(false);
5991
6087
  const anchorRef = useRef(null);
5992
6088
  const optionIndexMap = {};
@@ -6051,14 +6147,14 @@ const DotSplitButton = ({
6051
6147
  }));
6052
6148
  };
6053
6149
 
6054
- const rootClassName$c = 'dot-table-pagination';
6150
+ const rootClassName$e = 'dot-table-pagination';
6055
6151
  const StyledTablePagination = styled.div.withConfig({
6056
6152
  displayName: "TablePaginationstyles__StyledTablePagination",
6057
6153
  componentId: "bs7p0b-0"
6058
6154
  })(["", ""], ({
6059
6155
  theme,
6060
6156
  typography
6061
- }) => css([".", "{.dot-caption{font-size:", "px;margin:0;}.dot-menu{margin-bottom:0;}border-top:1px solid ", ";}"], rootClassName$c, theme.typography[typography].fontSize, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200]));
6157
+ }) => css([".", "{.dot-caption{font-size:", "px;margin:0;}.dot-menu{margin-bottom:0;}border-top:1px solid ", ";}"], rootClassName$e, theme.typography[typography].fontSize, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200]));
6062
6158
 
6063
6159
  const ROWS_PER_PAGE_OPTIONS = [10, 25, 50, 100, 150, 200];
6064
6160
  /** This component wraps the TablePagination component from @material-ui. */
@@ -6074,7 +6170,7 @@ const DotTablePagination = ({
6074
6170
  rowsPerPage: _rowsPerPage = 10,
6075
6171
  typography: _typography = 'body1'
6076
6172
  }) => {
6077
- const rootClasses = useStylesWithRootClass(rootClassName$c, className);
6173
+ const rootClasses = useStylesWithRootClass(rootClassName$e, className);
6078
6174
 
6079
6175
  const handlePageChange = (event, newPage) => {
6080
6176
  onChangePage && onChangePage(newPage);
@@ -6111,13 +6207,13 @@ const DotTablePagination = ({
6111
6207
  );
6112
6208
  };
6113
6209
 
6114
- const rootClassName$b = 'dot-table';
6210
+ const rootClassName$d = 'dot-table';
6115
6211
  const StyledPaper = styled(Paper).withConfig({
6116
6212
  displayName: "Tablestyles__StyledPaper",
6117
6213
  componentId: "s95z6y-0"
6118
6214
  })(["", ""], ({
6119
6215
  theme
6120
- }) => css(["&.", "{background:", ";border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$b, theme.palette.product === 'agility' && theme.palette.layer.n50, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200]));
6216
+ }) => css(["&.", "{background:", ";border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$d, theme.palette.product === 'agility' && theme.palette.layer.n50, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200]));
6121
6217
  const StyledTableContainer = styled(TableContainer).withConfig({
6122
6218
  displayName: "Tablestyles__StyledTableContainer",
6123
6219
  componentId: "s95z6y-1"
@@ -6195,11 +6291,11 @@ const getBulkSelectedRowIds = (isChecked, selectedIds, pageData) => {
6195
6291
  return newIds;
6196
6292
  };
6197
6293
 
6198
- const rootClassName$a = 'dot-td';
6294
+ const rootClassName$c = 'dot-td';
6199
6295
  const StyledTableCell = styled(TableCell).withConfig({
6200
6296
  displayName: "TableCellstyles__StyledTableCell",
6201
6297
  componentId: "e84k25-0"
6202
- })(["", ""], () => 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$a));
6298
+ })(["", ""], () => 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$c));
6203
6299
 
6204
6300
  /**
6205
6301
  * A wrapper component around the TableCell component from @material-ui.
@@ -6246,7 +6342,7 @@ const DotBodyCell = ({
6246
6342
  setShowMenu(isOverflowing);
6247
6343
  };
6248
6344
 
6249
- const rootClasses = useStylesWithRootClass(rootClassName$a, className, noWrap && 'noWrap', Array.isArray(value) && 'actionItems');
6345
+ const rootClasses = useStylesWithRootClass(rootClassName$c, className, noWrap && 'noWrap', Array.isArray(value) && 'actionItems');
6250
6346
 
6251
6347
  const getTableCellValue = () => {
6252
6348
  if (Array.isArray(value)) {
@@ -6286,13 +6382,13 @@ const DotBodyCell = ({
6286
6382
  }, getTableCellValue());
6287
6383
  };
6288
6384
 
6289
- const rootClassName$9 = 'dot-td-checkbox';
6385
+ const rootClassName$b = 'dot-td-checkbox';
6290
6386
  const StyledTableBodyCheckboxCell = styled(TableCell).withConfig({
6291
6387
  displayName: "TableBodyCheckboxCellstyles__StyledTableBodyCheckboxCell",
6292
6388
  componentId: "ebk3sz-0"
6293
6389
  })(["", ""], ({
6294
6390
  theme
6295
- }) => css(["&.", "{padding-top:", ";padding-bottom:", ";}"], rootClassName$9, theme.spacing(0), theme.spacing(0)));
6391
+ }) => css(["&.", "{padding-top:", ";padding-bottom:", ";}"], rootClassName$b, theme.spacing(0), theme.spacing(0)));
6296
6392
 
6297
6393
  const DotBodyCheckboxCell = ({
6298
6394
  ariaLabel,
@@ -6302,7 +6398,7 @@ const DotBodyCheckboxCell = ({
6302
6398
  onChange,
6303
6399
  rowId
6304
6400
  }) => {
6305
- const rootClasses = useStylesWithRootClass(rootClassName$9, className);
6401
+ const rootClasses = useStylesWithRootClass(rootClassName$b, className);
6306
6402
  const [isCheckboxChecked, setIsCheckboxChecked] = useState(isChecked);
6307
6403
  /** This effect is used when 'checked' status is changed from the outside */
6308
6404
 
@@ -6329,13 +6425,13 @@ const DotBodyCheckboxCell = ({
6329
6425
  }));
6330
6426
  };
6331
6427
 
6332
- const rootClassName$8 = 'dot-tr';
6428
+ const rootClassName$a = 'dot-tr';
6333
6429
  const StyledTableRowStyles = styled(TableRow).withConfig({
6334
6430
  displayName: "TableRowstyles__StyledTableRowStyles",
6335
6431
  componentId: "a4fx2l-0"
6336
6432
  })(["", ""], ({
6337
6433
  theme
6338
- }) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$8, theme.palette.primary[50]));
6434
+ }) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$a, theme.palette.primary[50]));
6339
6435
 
6340
6436
  /**
6341
6437
  * A wrapper component around the TableRow component from @material-ui. This component can be used
@@ -6365,7 +6461,7 @@ const DotTableRow = ({
6365
6461
  selectedTableRowIds
6366
6462
  } = multiSelectBody || {};
6367
6463
  const isCheckboxChecked = selectedTableRowIds && selectedTableRowIds.includes(id) || false;
6368
- const rootClasses = useStylesWithRootClass(rootClassName$8, isCheckboxChecked ? 'selected' : undefined, className);
6464
+ const rootClasses = useStylesWithRootClass(rootClassName$a, isCheckboxChecked ? 'selected' : undefined, className);
6369
6465
 
6370
6466
  const renderCheckboxCell = () => {
6371
6467
  return /*#__PURE__*/React__default.createElement(DotBodyCheckboxCell, {
@@ -6410,13 +6506,13 @@ const EmptyDotRow = ({
6410
6506
  }));
6411
6507
  };
6412
6508
 
6413
- const rootClassName$7 = 'dot-tbody';
6509
+ const rootClassName$9 = 'dot-tbody';
6414
6510
  const StyledTableBody = styled(TableBody).withConfig({
6415
6511
  displayName: "TableBodystyles__StyledTableBody",
6416
6512
  componentId: "wszqgk-0"
6417
6513
  })(["", ""], ({
6418
6514
  theme
6419
- }) => css(["&.", "{tr:hover{background-color:", ";}tr:last-child td{border-bottom:none;}.empty-row td{text-align:center;}}"], rootClassName$7, theme.palette.product === 'agility' ? theme.palette.agilityInterface.fixedCol : theme.palette.grey[50]));
6515
+ }) => css(["&.", "{tr:hover{background-color:", ";}tr:last-child td{border-bottom:none;}.empty-row td{text-align:center;}}"], rootClassName$9, theme.palette.product === 'agility' ? theme.palette.agilityInterface.fixedCol : theme.palette.grey[50]));
6420
6516
 
6421
6517
  /**
6422
6518
  * A wrapper component around the TableBody component from @material-ui. This component can be used
@@ -6471,22 +6567,24 @@ const DotTableBody = ({
6471
6567
 
6472
6568
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledTableBody, {
6473
6569
  classes: {
6474
- root: rootClassName$7
6570
+ root: rootClassName$9
6475
6571
  }
6476
6572
  }, getTableBodyRows()), /*#__PURE__*/React__default.createElement(StyledMenu, {
6477
6573
  anchorEl: anchorEl,
6574
+ disablePortal: true,
6478
6575
  id: menuId,
6479
6576
  menuItems: menuProps,
6577
+ menuPlacement: "bottom-end",
6480
6578
  onLeave: onLeave,
6481
6579
  open: open
6482
6580
  }));
6483
6581
  };
6484
6582
 
6485
- const rootClassName$6 = 'dot-th';
6583
+ const rootClassName$8 = 'dot-th';
6486
6584
  const StyledTableHeaderCell = styled(TableCell).withConfig({
6487
6585
  displayName: "TableHeaderCellstyles__StyledTableHeaderCell",
6488
6586
  componentId: "nko9j-0"
6489
- })(["", ""], () => css(["&.", "{&.MuiTableCell-alignCenter > span.MuiTableSortLabel-root{padding-left:26px;}.dot-cell-typography{font-weight:700;}}"], rootClassName$6));
6587
+ })(["", ""], () => css(["&.", "{&.MuiTableCell-alignCenter > span.MuiTableSortLabel-root{padding-left:26px;}.dot-cell-typography{font-weight:700;}}"], rootClassName$8));
6490
6588
 
6491
6589
  /**
6492
6590
  * A wrapper component around the TableCell component from @material-ui. This component should only
@@ -6531,7 +6629,7 @@ const DotHeaderCell = ({
6531
6629
  return /*#__PURE__*/React__default.createElement(StyledTableHeaderCell, {
6532
6630
  align: cellAlignment,
6533
6631
  classes: {
6534
- root: rootClassName$6
6632
+ root: rootClassName$8
6535
6633
  },
6536
6634
  key: uid,
6537
6635
  sortDirection: _sortable ? sortDirection : undefined,
@@ -6540,13 +6638,13 @@ const DotHeaderCell = ({
6540
6638
  }, getCellValue());
6541
6639
  };
6542
6640
 
6543
- const rootClassName$5 = 'dot-th-checkbox';
6641
+ const rootClassName$7 = 'dot-th-checkbox';
6544
6642
  const StyledTableHeaderCheckboxCell = styled(TableCell).withConfig({
6545
6643
  displayName: "TableHeaderCheckboxCellstyles__StyledTableHeaderCheckboxCell",
6546
6644
  componentId: "ymqg8x-0"
6547
6645
  })(["", ""], ({
6548
6646
  theme
6549
- }) => css(["&.", "{padding-top:", ";padding-bottom:", ";}"], rootClassName$5, theme.spacing(0), theme.spacing(0)));
6647
+ }) => css(["&.", "{padding-top:", ";padding-bottom:", ";}"], rootClassName$7, theme.spacing(0), theme.spacing(0)));
6550
6648
 
6551
6649
  const DotHeaderCheckboxCell = ({
6552
6650
  ariaLabel,
@@ -6555,7 +6653,7 @@ const DotHeaderCheckboxCell = ({
6555
6653
  multiSelectState,
6556
6654
  onCheckAllChange
6557
6655
  }) => {
6558
- const rootClasses = useStylesWithRootClass(rootClassName$5, className);
6656
+ const rootClasses = useStylesWithRootClass(rootClassName$7, className);
6559
6657
  const [checkboxState, setCheckboxState] = useState('unchecked');
6560
6658
  useEffect(() => {
6561
6659
  setCheckboxState(multiSelectState);
@@ -6672,13 +6770,13 @@ const DotHeaderRow = ({
6672
6770
  })));
6673
6771
  };
6674
6772
 
6675
- const rootClassName$4 = 'dot-table-selection-toolbar';
6773
+ const rootClassName$6 = 'dot-table-selection-toolbar';
6676
6774
  const StyledTableSelectionToolbar = styled(DotActionToolbar).withConfig({
6677
6775
  displayName: "TableSelectionToolbarstyles__StyledTableSelectionToolbar",
6678
6776
  componentId: "qpx3y9-0"
6679
6777
  })(["", ""], ({
6680
6778
  theme
6681
- }) => 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$4, theme.palette.primary[50], theme.spacing(0.25, 0.25, 0, 0.5), theme.spacing(0.25, 0, 0, 1)));
6779
+ }) => 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$6, theme.palette.primary[50], theme.spacing(0.25, 0.25, 0, 0.5), theme.spacing(0.25, 0, 0, 1)));
6682
6780
 
6683
6781
  const DotTableSelectionToolbar = ({
6684
6782
  ariaLabel,
@@ -6688,7 +6786,7 @@ const DotTableSelectionToolbar = ({
6688
6786
  onClearAll,
6689
6787
  selectedRowsNumber
6690
6788
  }) => {
6691
- const rootClasses = useStylesWithRootClass(rootClassName$4, className);
6789
+ const rootClasses = useStylesWithRootClass(rootClassName$6, className);
6692
6790
  return /*#__PURE__*/React__default.createElement(StyledTableSelectionToolbar, {
6693
6791
  ariaLabel: ariaLabel,
6694
6792
  className: rootClasses,
@@ -6775,7 +6873,7 @@ const DotTable = ({
6775
6873
  };
6776
6874
 
6777
6875
  const [pageData, setPageData] = useState(getSortedData().slice(0, rowsPerPage ? rowsPerPage : data.length));
6778
- const rootClasses = useStylesWithRootClass(rootClassName$b, className, _loading ? 'loading' : '');
6876
+ const rootClasses = useStylesWithRootClass(rootClassName$d, className, _loading ? 'loading' : '');
6779
6877
 
6780
6878
  const updateData = (newOrder, newOrderBy, newPage, newRowsPerPage) => {
6781
6879
  const newData = stableSort(data, getComparator(newOrder, newOrderBy));
@@ -6935,13 +7033,13 @@ const DotTable = ({
6935
7033
  }));
6936
7034
  };
6937
7035
 
6938
- const rootClassName$3 = 'dot-tabs';
7036
+ const rootClassName$5 = 'dot-tabs';
6939
7037
  const StyledTabs = styled(Tabs).withConfig({
6940
7038
  displayName: "Tabsstyles__StyledTabs",
6941
7039
  componentId: "sc-1pmrz8k-0"
6942
7040
  })(["", ""], ({
6943
7041
  theme
6944
- }) => 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$3, 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));
7042
+ }) => 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$5, 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));
6945
7043
 
6946
7044
  const DotTabs = ({
6947
7045
  centered: _centered = false,
@@ -6955,7 +7053,7 @@ const DotTabs = ({
6955
7053
  variant: _variant = 'standard'
6956
7054
  }) => {
6957
7055
  const [value, setValue] = useState(_initialValue);
6958
- const rootClasses = useStylesWithRootClass(rootClassName$3, className); // eslint-disable-next-line @typescript-eslint/no-explicit-any
7056
+ const rootClasses = useStylesWithRootClass(rootClassName$5, className); // eslint-disable-next-line @typescript-eslint/no-explicit-any
6959
7057
 
6960
7058
  const handleChange = (_event, val) => {
6961
7059
  setValue(val);
@@ -6999,10 +7097,10 @@ const DotTabs = ({
6999
7097
  }, tabArray);
7000
7098
  };
7001
7099
 
7002
- const rootClassName$2 = 'dot-file-upload';
7003
- const containerClassName = `${rootClassName$2}-container`;
7004
- const fileClassName = `${rootClassName$2}-item`;
7005
- const dropZoneClassName = `${rootClassName$2}-drop-zone`;
7100
+ const rootClassName$4 = 'dot-file-upload';
7101
+ const containerClassName = `${rootClassName$4}-container`;
7102
+ const fileClassName = `${rootClassName$4}-item`;
7103
+ const dropZoneClassName = `${rootClassName$4}-drop-zone`;
7006
7104
  const StyledFileUploadContainer = styled.div.withConfig({
7007
7105
  displayName: "FileUploadstyles__StyledFileUploadContainer",
7008
7106
  componentId: "sc-1q8bcxy-0"
@@ -7014,7 +7112,7 @@ const StyledFileUpload = styled.div.withConfig({
7014
7112
  componentId: "sc-1q8bcxy-1"
7015
7113
  })(["", ""], ({
7016
7114
  theme
7017
- }) => css(["&.", ".", "{align-items:center;background:", ";border:2px dashed ", ";border-radius:4px;color:", ";display:flex;flex-direction:column;flex-wrap:wrap;height:240px;justify-content:center;padding:", ";margin-bottom:", "px;&.disabled .dot-typography{color:", ";}.dot-icon{color:", ";font-size:100px;i.dot-i{height:100px;}}}"], rootClassName$2, 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));
7115
+ }) => css(["&.", ".", "{align-items:center;background:", ";border:2px dashed ", ";border-radius:4px;color:", ";display:flex;flex-direction:column;flex-wrap:wrap;height:240px;justify-content:center;padding:", ";margin-bottom:", "px;&.disabled .dot-typography{color:", ";}.dot-icon{color:", ";font-size:100px;i.dot-i{height:100px;}}}"], rootClassName$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));
7018
7116
 
7019
7117
  const DotFileListItem = ({
7020
7118
  ariaLabel,
@@ -7097,7 +7195,7 @@ const DotFileUpload = ({
7097
7195
  onChange,
7098
7196
  onDragEnter
7099
7197
  }) => {
7100
- const rootClasses = useStylesWithRootClass(rootClassName$2, className, !_buttonOnly ? dropZoneClassName : '', disabled ? 'disabled' : '');
7198
+ const rootClasses = useStylesWithRootClass(rootClassName$4, className, !_buttonOnly ? dropZoneClassName : '', disabled ? 'disabled' : '');
7101
7199
  const {
7102
7200
  acceptedFiles,
7103
7201
  fileRejections,
@@ -7185,11 +7283,11 @@ const DotFileUpload = ({
7185
7283
  }));
7186
7284
  };
7187
7285
 
7188
- const rootClassName$1 = 'dot-divider';
7286
+ const rootClassName$3 = 'dot-divider';
7189
7287
  const StyledDivider = styled(Divider).withConfig({
7190
7288
  displayName: "Dividerstyles__StyledDivider",
7191
7289
  componentId: "yu3sip-0"
7192
- })(["", ""], () => css(["&.", "{}"], rootClassName$1));
7290
+ })(["", ""], () => css(["&.", "{}"], rootClassName$3));
7193
7291
 
7194
7292
  const DotDivider = ({
7195
7293
  absolute,
@@ -7201,7 +7299,7 @@ const DotDivider = ({
7201
7299
  orientation,
7202
7300
  variant
7203
7301
  }) => {
7204
- const rootClasses = useStylesWithRootClass(rootClassName$1, className);
7302
+ const rootClasses = useStylesWithRootClass(rootClassName$3, className);
7205
7303
  return /*#__PURE__*/React__default.createElement(StyledDivider, {
7206
7304
  absolute: absolute,
7207
7305
  "aria-label": ariaLabel,
@@ -7216,11 +7314,11 @@ const DotDivider = ({
7216
7314
  });
7217
7315
  };
7218
7316
 
7219
- const rootClassName = 'dot-popper';
7317
+ const rootClassName$2 = 'dot-popper';
7220
7318
  const StyledPopper = styled(Popper).withConfig({
7221
7319
  displayName: "Popperstyles__StyledPopper",
7222
7320
  componentId: "sd1h8p-0"
7223
- })(["", ""], () => css(["&.", "{}"], rootClassName));
7321
+ })(["", ""], () => css(["&.", "{}"], rootClassName$2));
7224
7322
 
7225
7323
  const DotPopper = ({
7226
7324
  ariaLabel,
@@ -7233,7 +7331,7 @@ const DotPopper = ({
7233
7331
  open,
7234
7332
  placement
7235
7333
  }) => {
7236
- const rootClasses = useStylesWithRootClass(rootClassName, className);
7334
+ const rootClasses = useStylesWithRootClass(rootClassName$2, className);
7237
7335
 
7238
7336
  const handleClickAway = event => {
7239
7337
  if (onClickAway && (!anchorEl || !anchorEl.contains(event.currentTarget))) {
@@ -7263,4 +7361,106 @@ const DotPopper = ({
7263
7361
  }, children)))));
7264
7362
  };
7265
7363
 
7266
- export { Cell, CssCell, CssGrid, CssGridDebug, DotAccordion, DotActionToolbar, DotAlertBanner, DotAppLogo, DotAppToolbar, DotAutoComplete, DotAvatar, DotAvatarGroup, DotBadge, DotBreadcrumbs, DotButton, DotButtonToggle, DotCard, DotCardContent, DotCardFooter, DotCardHeader, DotCheckbox, DotCheckboxGroup, DotChip, DotConfirmationDialog, DotDialog, DotDivider, DotDrawer, DotDynamicForm, DotEmptyState, DotFileUpload, DotForm, DotFormGroup, DotHeaderRow, DotIcon, DotIconButton, DotInlineEdit, DotInputSelect, DotInputText, DotLink, DotList, DotMenu, DotNavigationRail, DotPill, DotPopper, DotProgress, DotProgressButton, DotRadioButton, DotRadioGroup, DotSidebar, DotSkeleton, DotSnackbar, DotSnackbarContainer, DotSnackbarProvider, DotSplitButton, DotSwitch, DotTable, DotTablePagination, DotTabs, DotThemeProvider, DotTooltip, DotTypography, avatarColors, lightThemeColors as lightColors, parseAutoCompleteValue, variables as themeVariables, typographyOptions, useDotSnackbarContext };
7364
+ const rootClassName$1 = 'dot-truncate-with-tooltip';
7365
+ const StyledTruncateWithTooltip = styled(Tooltip).withConfig({
7366
+ displayName: "TruncateWithTooltipstyles__StyledTruncateWithTooltip",
7367
+ componentId: "sc-1o80lur-0"
7368
+ })(["", ""], () => css(["&.", "{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}&.dot-characters-limit{display:inline;}"], rootClassName$1));
7369
+
7370
+ const getTruncatedLabel = (label, charactersLimit) => {
7371
+ if (!charactersLimit || charactersLimit <= 0 || label.length < charactersLimit) return label;
7372
+ return `${label.substr(0, charactersLimit)}...`;
7373
+ };
7374
+
7375
+ const DotTruncateWithTooltip = ({
7376
+ ariaLabel,
7377
+ charactersLimit,
7378
+ className,
7379
+ 'data-testid': dataTestId,
7380
+ label,
7381
+ width
7382
+ }) => {
7383
+ const rootClasses = useStylesWithRootClass(rootClassName$1, className, charactersLimit ? 'dot-characters-limit' : '');
7384
+ return /*#__PURE__*/React__default.createElement(StyledTruncateWithTooltip, {
7385
+ "aria-label": ariaLabel,
7386
+ className: rootClasses,
7387
+ "data-testid": dataTestId,
7388
+ title: label,
7389
+ style: {
7390
+ width: calculateWidth(width)
7391
+ }
7392
+ }, /*#__PURE__*/React__default.createElement("span", null, getTruncatedLabel(label, charactersLimit)));
7393
+ };
7394
+
7395
+ const rootClassName = 'dot-draggable-list';
7396
+ const listItemClassName = 'dot-draggable-list-item';
7397
+ const StyledDraggableList = styled.div.withConfig({
7398
+ displayName: "DraggableListstyles__StyledDraggableList",
7399
+ componentId: "sc-1nekees-0"
7400
+ })(["", ""], ({
7401
+ theme
7402
+ }) => css(["&.", " .", ".react-draggable-dragging{background-color:", ";}"], rootClassName, listItemClassName, theme.palette.grey[50]));
7403
+
7404
+ const getOrderedListItems = (layout, listItems) => {
7405
+ if (!listItems || !layout) return [];
7406
+ listItems.sort((a, b) => layout.find(layoutItem => layoutItem.i === a.id).y - layout.find(layoutItem => layoutItem.i === b.id).y);
7407
+ return listItems;
7408
+ };
7409
+ const getListItemLayout = listItems => {
7410
+ return listItems === null || listItems === void 0 ? void 0 : listItems.map((item, index) => ({
7411
+ i: item.id,
7412
+ x: 0,
7413
+ y: index,
7414
+ w: 1,
7415
+ h: 1
7416
+ }));
7417
+ };
7418
+
7419
+ const DEFAULT_LIST_WIDTH = 240;
7420
+ const DEFAULT_LIST_ITEM_HEIGHT = 36;
7421
+ const ListGridLayout = WidthProvider(GridLayout);
7422
+ const DotDraggableList = ({
7423
+ ariaLabel,
7424
+ className,
7425
+ 'data-testid': dataTestId,
7426
+ items,
7427
+ onChange,
7428
+ width: _width = DEFAULT_LIST_WIDTH,
7429
+ rowHeight: _rowHeight = DEFAULT_LIST_ITEM_HEIGHT
7430
+ }) => {
7431
+ const rootClasses = useStylesWithRootClass(rootClassName, className);
7432
+ const listWidth = typeof _width === 'number' ? `${_width}px` : _width;
7433
+
7434
+ const handleLayoutChange = () => layout => onChange(getOrderedListItems(layout, items));
7435
+
7436
+ return /*#__PURE__*/React__default.createElement(StyledDraggableList, {
7437
+ "aria-label": ariaLabel,
7438
+ className: rootClasses,
7439
+ "data-testid": dataTestId
7440
+ }, /*#__PURE__*/React__default.createElement(List, {
7441
+ "data-testid": dataTestId && `${dataTestId}-ul`,
7442
+ style: {
7443
+ width: listWidth
7444
+ }
7445
+ }, /*#__PURE__*/React__default.createElement(ListGridLayout, {
7446
+ className: "layout",
7447
+ layout: getListItemLayout(items),
7448
+ cols: 1,
7449
+ margin: [0, 0],
7450
+ onLayoutChange: onChange && handleLayoutChange(),
7451
+ rowHeight: _rowHeight
7452
+ }, items.map(({
7453
+ id: itemId,
7454
+ children
7455
+ }) => {
7456
+ return /*#__PURE__*/React__default.createElement(ListItem, {
7457
+ key: itemId,
7458
+ button: true,
7459
+ children: renderNodeOrTypography(children),
7460
+ className: listItemClassName,
7461
+ disableRipple: true
7462
+ });
7463
+ }))));
7464
+ };
7465
+
7466
+ export { Cell, CssCell, CssGrid, CssGridDebug, DotAccordion, DotActionToolbar, DotAlertBanner, DotAppLogo, DotAppToolbar, DotAutoComplete, DotAvatar, DotAvatarGroup, DotBadge, DotBreadcrumbs, DotButton, DotButtonToggle, DotCard, DotCardContent, DotCardFooter, DotCardHeader, DotCheckbox, DotCheckboxGroup, DotChip, DotConfirmationDialog, DotDialog, DotDivider, DotDraggableList, DotDrawer, DotDynamicForm, DotEmptyState, DotFileUpload, DotForm, DotFormGroup, DotHeaderRow, DotIcon, DotIconButton, DotInlineEdit, DotInputSelect, DotInputText, DotLink, DotList, DotMenu, DotNavigationRail, DotPill, DotPopper, DotProgress, DotProgressButton, DotRadioButton, DotRadioGroup, DotSidebar, DotSkeleton, DotSnackbar, DotSnackbarContainer, DotSnackbarProvider, DotSplitButton, DotSwitch, DotTable, DotTablePagination, DotTabs, DotThemeProvider, DotTooltip, DotTruncateWithTooltip, DotTypography, avatarColors, lightThemeColors as lightColors, parseAutoCompleteValue, variables as themeVariables, typographyOptions, useDotSnackbarContext };