@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.
- package/CHANGE_LOG.md +41 -6
- package/index.esm.js +488 -288
- package/index.umd.js +728 -458
- package/lib/components/draggable-list/DraggableList.d.ts +16 -0
- package/lib/components/draggable-list/DraggableList.stories.data.d.ts +15 -0
- package/lib/components/draggable-list/DraggableList.stories.styles.d.ts +4 -0
- package/lib/components/draggable-list/DraggableList.styles.d.ts +3 -0
- package/lib/components/draggable-list/index.d.ts +2 -0
- package/lib/components/draggable-list/utils/helpers.d.ts +4 -0
- package/lib/components/draggable-list/utils/models.d.ts +5 -0
- package/lib/components/helpers.d.ts +4 -0
- package/lib/components/index.d.ts +8 -3
- package/lib/components/inline-edit/InlineEdit.d.ts +12 -19
- package/lib/components/inline-edit/InlineEdit.styles.d.ts +11 -1
- package/lib/components/inline-edit/index.d.ts +3 -0
- package/lib/components/inline-edit/utils/helpers.d.ts +3 -0
- package/lib/components/inline-edit/utils/models.d.ts +5 -0
- package/lib/components/input-form-fields/InputFormFields.propTypes.d.ts +3 -1
- package/lib/components/input-form-fields/InputText.d.ts +1 -1
- package/lib/components/list/utils/models.d.ts +1 -1
- package/lib/components/snackbar/Snackbar.d.ts +5 -1
- package/lib/components/snackbar/index.d.ts +4 -0
- package/lib/components/truncate-with-tooltip/TruncateWithTooltip.d.ts +8 -0
- package/lib/components/truncate-with-tooltip/TruncateWithTooltip.styles.d.ts +3 -0
- package/lib/components/truncate-with-tooltip/index.d.ts +2 -0
- package/lib/components/truncate-with-tooltip/utils/helpers.d.ts +2 -0
- 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,
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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 =
|
|
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
|
-
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
2582
|
+
}) => css(["&.", "{.", ".", "{padding-top:", ";padding-bottom:", ";}}"], rootClassName$G, inputRootClassName, inputMediumClassName, theme.spacing(0), theme.spacing(0)));
|
|
2570
2583
|
|
|
2571
|
-
const rootClassName$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
2815
|
-
const textFieldRootClasses = useStylesWithRootClass(rootClassName$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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(
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
4238
|
+
}) => css(["{&.", "{padding-left:", "px;.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$y));
|
|
4228
4239
|
|
|
4229
|
-
const rootClassName$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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
|
-
|
|
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
|
-
|
|
5612
|
+
charactersLimit,
|
|
5555
5613
|
className,
|
|
5556
5614
|
'data-testid': dataTestId,
|
|
5557
|
-
disabled: _disabled = false,
|
|
5558
|
-
error: _error = false,
|
|
5559
5615
|
fullWidth: _fullWidth = true,
|
|
5560
|
-
|
|
5616
|
+
hideActionButtons,
|
|
5561
5617
|
name,
|
|
5562
|
-
|
|
5563
|
-
|
|
5564
|
-
readOnly
|
|
5565
|
-
|
|
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
|
|
5575
|
-
|
|
5631
|
+
const handleInlineEditClick = () => {
|
|
5632
|
+
if (editing) return;
|
|
5633
|
+
setOriginalValue(inputValue);
|
|
5634
|
+
setEditing(true);
|
|
5576
5635
|
|
|
5577
|
-
if (
|
|
5578
|
-
|
|
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
|
|
5588
|
-
|
|
5589
|
-
const errorText = yield _onLabelChange(inputValue);
|
|
5641
|
+
const handleSave = () => __awaiter(void 0, void 0, void 0, function* () {
|
|
5642
|
+
var _a;
|
|
5590
5643
|
|
|
5591
|
-
|
|
5592
|
-
|
|
5593
|
-
|
|
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 (
|
|
5601
|
-
|
|
5654
|
+
if (onEditStateChange) {
|
|
5655
|
+
onEditStateChange(false);
|
|
5602
5656
|
}
|
|
5603
5657
|
});
|
|
5604
5658
|
|
|
5605
|
-
const
|
|
5659
|
+
const handleCancel = () => {
|
|
5606
5660
|
setEditing(false);
|
|
5607
5661
|
setInputValue(originalValue);
|
|
5608
5662
|
|
|
5609
|
-
if (
|
|
5610
|
-
|
|
5663
|
+
if (onEditStateChange) {
|
|
5664
|
+
onEditStateChange(false);
|
|
5611
5665
|
}
|
|
5612
5666
|
};
|
|
5613
5667
|
|
|
5614
|
-
const
|
|
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
|
-
|
|
5620
|
-
|
|
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
|
-
|
|
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:
|
|
5633
|
-
"data-testid":
|
|
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
|
-
|
|
5651
|
-
|
|
5652
|
-
|
|
5653
|
-
|
|
5654
|
-
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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;
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
5997
|
+
className: rootClassName$g
|
|
5902
5998
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
5903
|
-
className: rootClassName$
|
|
5904
|
-
"data-testid": rootClassName$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
7003
|
-
const containerClassName = `${rootClassName$
|
|
7004
|
-
const fileClassName = `${rootClassName$
|
|
7005
|
-
const dropZoneClassName = `${rootClassName$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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$
|
|
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
|
-
|
|
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 };
|