@digital-ai/dot-components 1.14.0 → 1.16.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 +53 -24
- package/index.esm.js +573 -373
- package/index.umd.js +757 -530
- package/lib/components/app-toolbar/AppToolbar.d.ts +11 -1
- package/lib/components/app-toolbar/AppToolbar.stories.data.d.ts +2 -9
- package/lib/components/button/index.d.ts +4 -0
- package/lib/components/file-upload/FileListItem.d.ts +9 -4
- package/lib/components/file-upload/FileListItem.styles.d.ts +40 -0
- package/lib/components/file-upload/FileUpload.d.ts +6 -1
- package/lib/components/file-upload/FileUpload.stories.data.d.ts +6 -0
- package/lib/components/file-upload/FileUpload.stories.styles.d.ts +2 -0
- package/lib/components/file-upload/index.d.ts +4 -0
- package/lib/components/file-upload/utils/helpers.d.ts +12 -4
- package/lib/components/file-upload/utils/models.d.ts +18 -0
- package/lib/components/index.d.ts +9 -11
- package/lib/components/navigation-rail/NavigationRail.stories.styles.d.ts +2 -0
- package/lib/components/navigation-rail/index.d.ts +2 -0
- package/lib/components/switch/index.d.ts +2 -0
- package/lib/components/table/Table.stories.data.d.ts +5 -21
- package/lib/components/table/TableAction.d.ts +12 -0
- package/lib/components/table/TableActions.d.ts +8 -0
- package/lib/components/table/TableActions.styles.d.ts +4 -0
- package/lib/components/table/TableHeader.d.ts +1 -0
- package/lib/components/table/TableHeaderCell.d.ts +1 -1
- package/lib/components/table/index.d.ts +2 -0
- package/package.json +1 -1
package/index.esm.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import React__default, { useEffect, useState, forwardRef, useRef, Fragment, useMemo, useContext, createContext } from 'react';
|
|
3
|
-
import { Tooltip, Icon, Typography, Accordion, AccordionSummary, AccordionDetails, Divider, AccordionActions, Toolbar,
|
|
2
|
+
import React__default, { useEffect, useState, forwardRef, useRef, Fragment, useMemo, useContext, createContext, useCallback } from 'react';
|
|
3
|
+
import { Tooltip, Icon, Typography, Accordion, StylesProvider, MuiThemeProvider, AccordionSummary, AccordionDetails, Divider, AccordionActions, Toolbar, IconButton, Link, Avatar, List, ListItem, CircularProgress, Popper, MenuList, MenuItem, Grow, Paper, ClickAwayListener, Drawer, ListItemIcon, ListItemText, Collapse, ListSubheader, Badge, useMediaQuery, InputAdornment, TextField, Button, darken, Chip, Breadcrumbs, Card, CardContent, CardHeader, FormControlLabel, Checkbox, FormControl, FormGroup, FormLabel, FormHelperText, Dialog, DialogTitle, DialogContent, DialogActions, useTheme, RadioGroup, Radio, Switch, Snackbar, ButtonGroup, TablePagination, TableContainer, TableCell, TableRow, TableBody, TableSortLabel, TableHead, Table, Tabs, Tab } from '@material-ui/core';
|
|
4
4
|
import styled, { css, createGlobalStyle, ThemeProvider, keyframes } from 'styled-components';
|
|
5
|
-
import { Alert, Autocomplete, AvatarGroup, ToggleButtonGroup, ToggleButton, Skeleton } from '@material-ui/lab';
|
|
6
5
|
import { createTheme, alpha } from '@material-ui/core/styles';
|
|
6
|
+
import { Alert, Autocomplete, AvatarGroup, ToggleButtonGroup, ToggleButton, Skeleton } from '@material-ui/lab';
|
|
7
7
|
import { useDropzone } from 'react-dropzone';
|
|
8
8
|
import GridLayout, { WidthProvider } from 'react-grid-layout';
|
|
9
9
|
|
|
@@ -36,11 +36,11 @@ const DotTooltip = ({
|
|
|
36
36
|
}, /*#__PURE__*/React__default.createElement("span", null, children)) : children;
|
|
37
37
|
};
|
|
38
38
|
|
|
39
|
-
const rootClassName$
|
|
39
|
+
const rootClassName$Z = 'dot-icon';
|
|
40
40
|
const StyledIcon = styled(Icon).withConfig({
|
|
41
41
|
displayName: "Iconstyles__StyledIcon",
|
|
42
42
|
componentId: "st0ybo-0"
|
|
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
|
+
})(["&.", "{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$Z);
|
|
44
44
|
|
|
45
45
|
const DotIcon = ({
|
|
46
46
|
ariaLabel,
|
|
@@ -51,7 +51,7 @@ const DotIcon = ({
|
|
|
51
51
|
title,
|
|
52
52
|
tooltip
|
|
53
53
|
}) => {
|
|
54
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
54
|
+
const rootClasses = useStylesWithRootClass(rootClassName$Z, className); // deprecation warning(s)
|
|
55
55
|
|
|
56
56
|
useEffect(() => {
|
|
57
57
|
// 'inherit' causes the vertical alignment of the icon to be not be centered
|
|
@@ -102,7 +102,7 @@ const DotTypography = ({
|
|
|
102
102
|
}, children);
|
|
103
103
|
};
|
|
104
104
|
|
|
105
|
-
const rootClassName$
|
|
105
|
+
const rootClassName$Y = 'dot-accordion';
|
|
106
106
|
const summaryClassName = 'dot-accordion-summary';
|
|
107
107
|
const detailClassName = 'dot-accordion-details';
|
|
108
108
|
const StyledAccordion = styled(Accordion).withConfig({
|
|
@@ -110,102 +110,7 @@ const StyledAccordion = styled(Accordion).withConfig({
|
|
|
110
110
|
componentId: "sc-1amx4r3-0"
|
|
111
111
|
})(["", ""], ({
|
|
112
112
|
theme
|
|
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$
|
|
114
|
-
|
|
115
|
-
const DotAccordion = ({
|
|
116
|
-
actions,
|
|
117
|
-
ariaLabel,
|
|
118
|
-
children,
|
|
119
|
-
className,
|
|
120
|
-
'data-testid': dataTestId = 'dot-accordion',
|
|
121
|
-
defaultExpanded,
|
|
122
|
-
disabled: _disabled = false,
|
|
123
|
-
expanded,
|
|
124
|
-
hasElevation: _hasElevation = false,
|
|
125
|
-
onChange,
|
|
126
|
-
square: _square = false,
|
|
127
|
-
startIcon,
|
|
128
|
-
summary,
|
|
129
|
-
noWrap: _noWrap = true
|
|
130
|
-
}) => {
|
|
131
|
-
const rootClasses = useStylesWithRootClass(rootClassName$W, className);
|
|
132
|
-
const [elevation, setElevation] = useState();
|
|
133
|
-
useEffect(() => {
|
|
134
|
-
if (defaultExpanded !== undefined) {
|
|
135
|
-
console.warn('The use of `defaultExpanded` is deprecated and will be removed in the next major release, please use `expanded` instead.');
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
if (onChange && expanded === undefined) {
|
|
139
|
-
console.warn('The use of an `onChange` callback makes this a controlled component but no `expanded` state has been provided. In effect, this makes the component disabled.');
|
|
140
|
-
}
|
|
141
|
-
}, []);
|
|
142
|
-
useEffect(() => {
|
|
143
|
-
setElevation(_hasElevation ? 1 : 0);
|
|
144
|
-
}, [_hasElevation]);
|
|
145
|
-
let dftExpanded = defaultExpanded;
|
|
146
|
-
|
|
147
|
-
if (dftExpanded === undefined) {
|
|
148
|
-
dftExpanded = expanded === undefined ? false : expanded;
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
return /*#__PURE__*/React__default.createElement(StyledAccordion, {
|
|
152
|
-
"aria-label": ariaLabel,
|
|
153
|
-
className: rootClasses,
|
|
154
|
-
"data-testid": dataTestId,
|
|
155
|
-
defaultExpanded: dftExpanded,
|
|
156
|
-
disabled: _disabled,
|
|
157
|
-
elevation: elevation,
|
|
158
|
-
expanded: onChange ? expanded : undefined,
|
|
159
|
-
onChange: onChange,
|
|
160
|
-
square: _square
|
|
161
|
-
}, /*#__PURE__*/React__default.createElement(AccordionSummary, {
|
|
162
|
-
className: summaryClassName,
|
|
163
|
-
"data-testid": `${dataTestId}-summary`,
|
|
164
|
-
expandIcon: /*#__PURE__*/React__default.createElement(DotIcon, {
|
|
165
|
-
iconId: "chevron-down"
|
|
166
|
-
})
|
|
167
|
-
}, startIcon, /*#__PURE__*/React__default.createElement(DotTooltip, {
|
|
168
|
-
title: _noWrap ? summary : ''
|
|
169
|
-
}, /*#__PURE__*/React__default.createElement(DotTypography, {
|
|
170
|
-
noWrap: _noWrap,
|
|
171
|
-
variant: "body1"
|
|
172
|
-
}, summary))), /*#__PURE__*/React__default.createElement(AccordionDetails, {
|
|
173
|
-
className: detailClassName,
|
|
174
|
-
"data-testid": `${dataTestId}-details`
|
|
175
|
-
}, children), /*#__PURE__*/React__default.createElement(Divider, null), actions && /*#__PURE__*/React__default.createElement(AccordionActions, null, actions));
|
|
176
|
-
};
|
|
177
|
-
|
|
178
|
-
const rootClassName$V = 'dot-action-toolbar';
|
|
179
|
-
const StyledToolbar = styled(Toolbar).withConfig({
|
|
180
|
-
displayName: "ActionToolbarstyles__StyledToolbar",
|
|
181
|
-
componentId: "sc-5llm03-0"
|
|
182
|
-
})(["", ""], ({
|
|
183
|
-
theme
|
|
184
|
-
}) => css(["&.", "{border-bottom:1px solid ", ";}"], rootClassName$V, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[100]));
|
|
185
|
-
|
|
186
|
-
const DotActionToolbar = ({
|
|
187
|
-
ariaLabel,
|
|
188
|
-
children,
|
|
189
|
-
className,
|
|
190
|
-
'data-testid': dataTestId,
|
|
191
|
-
variant: _variant = 'dense'
|
|
192
|
-
}) => {
|
|
193
|
-
const rootClasses = useStylesWithRootClass(rootClassName$V, className);
|
|
194
|
-
return /*#__PURE__*/React__default.createElement(StyledToolbar, {
|
|
195
|
-
"aria-label": ariaLabel,
|
|
196
|
-
className: rootClasses,
|
|
197
|
-
"data-testid": dataTestId,
|
|
198
|
-
variant: _variant
|
|
199
|
-
}, children);
|
|
200
|
-
};
|
|
201
|
-
|
|
202
|
-
const rootClassName$U = 'dot-alert-banner';
|
|
203
|
-
const StyledAlertBanner = styled(Alert).withConfig({
|
|
204
|
-
displayName: "AlertBannerstyles__StyledAlertBanner",
|
|
205
|
-
componentId: "sc-1u3aqgz-0"
|
|
206
|
-
})(["", ""], ({
|
|
207
|
-
theme
|
|
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]));
|
|
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$Y, theme.palette.product === 'agility' && theme.palette.layer.n50, summaryClassName, theme.spacing(1), theme.spacing(5)));
|
|
209
114
|
|
|
210
115
|
var LatoRegular = "data:font/woff;base64,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";
|
|
211
116
|
|
|
@@ -1000,6 +905,101 @@ const renderNodeOrTypography = (content, typographyVariant = 'body1') => {
|
|
|
1000
905
|
}, content) : content;
|
|
1001
906
|
};
|
|
1002
907
|
|
|
908
|
+
const DotAccordion = ({
|
|
909
|
+
actions,
|
|
910
|
+
ariaLabel,
|
|
911
|
+
children,
|
|
912
|
+
className,
|
|
913
|
+
'data-testid': dataTestId = 'dot-accordion',
|
|
914
|
+
defaultExpanded,
|
|
915
|
+
disabled: _disabled = false,
|
|
916
|
+
expanded,
|
|
917
|
+
hasElevation: _hasElevation = false,
|
|
918
|
+
onChange,
|
|
919
|
+
square: _square = false,
|
|
920
|
+
startIcon,
|
|
921
|
+
summary,
|
|
922
|
+
noWrap: _noWrap = true
|
|
923
|
+
}) => {
|
|
924
|
+
const rootClasses = useStylesWithRootClass(rootClassName$Y, className);
|
|
925
|
+
const [elevation, setElevation] = useState();
|
|
926
|
+
useEffect(() => {
|
|
927
|
+
if (defaultExpanded !== undefined) {
|
|
928
|
+
console.warn('The use of `defaultExpanded` is deprecated and will be removed in the next major release, please use `expanded` instead.');
|
|
929
|
+
}
|
|
930
|
+
|
|
931
|
+
if (onChange && expanded === undefined) {
|
|
932
|
+
console.warn('The use of an `onChange` callback makes this a controlled component but no `expanded` state has been provided. In effect, this makes the component disabled.');
|
|
933
|
+
}
|
|
934
|
+
}, []);
|
|
935
|
+
useEffect(() => {
|
|
936
|
+
setElevation(_hasElevation ? 1 : 0);
|
|
937
|
+
}, [_hasElevation]);
|
|
938
|
+
let dftExpanded = defaultExpanded;
|
|
939
|
+
|
|
940
|
+
if (dftExpanded === undefined) {
|
|
941
|
+
dftExpanded = expanded === undefined ? false : expanded;
|
|
942
|
+
}
|
|
943
|
+
|
|
944
|
+
return /*#__PURE__*/React__default.createElement(StyledAccordion, {
|
|
945
|
+
"aria-label": ariaLabel,
|
|
946
|
+
className: rootClasses,
|
|
947
|
+
"data-testid": dataTestId,
|
|
948
|
+
defaultExpanded: dftExpanded,
|
|
949
|
+
disabled: _disabled,
|
|
950
|
+
elevation: elevation,
|
|
951
|
+
expanded: onChange ? expanded : undefined,
|
|
952
|
+
onChange: onChange,
|
|
953
|
+
square: _square
|
|
954
|
+
}, /*#__PURE__*/React__default.createElement(AccordionSummary, {
|
|
955
|
+
className: summaryClassName,
|
|
956
|
+
"data-testid": `${dataTestId}-summary`,
|
|
957
|
+
expandIcon: /*#__PURE__*/React__default.createElement(DotIcon, {
|
|
958
|
+
iconId: "chevron-down"
|
|
959
|
+
})
|
|
960
|
+
}, startIcon, /*#__PURE__*/React__default.createElement(DotTooltip, {
|
|
961
|
+
title: _noWrap && isString(summary) ? summary : ''
|
|
962
|
+
}, /*#__PURE__*/React__default.createElement(DotTypography, {
|
|
963
|
+
noWrap: _noWrap,
|
|
964
|
+
variant: "body1"
|
|
965
|
+
}, summary))), /*#__PURE__*/React__default.createElement(AccordionDetails, {
|
|
966
|
+
className: detailClassName,
|
|
967
|
+
"data-testid": `${dataTestId}-details`
|
|
968
|
+
}, children), /*#__PURE__*/React__default.createElement(Divider, null), actions && /*#__PURE__*/React__default.createElement(AccordionActions, null, actions));
|
|
969
|
+
};
|
|
970
|
+
|
|
971
|
+
const rootClassName$X = 'dot-action-toolbar';
|
|
972
|
+
const StyledToolbar = styled(Toolbar).withConfig({
|
|
973
|
+
displayName: "ActionToolbarstyles__StyledToolbar",
|
|
974
|
+
componentId: "sc-5llm03-0"
|
|
975
|
+
})(["", ""], ({
|
|
976
|
+
theme
|
|
977
|
+
}) => css(["&.", "{border-bottom:1px solid ", ";}"], rootClassName$X, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[100]));
|
|
978
|
+
|
|
979
|
+
const DotActionToolbar = ({
|
|
980
|
+
ariaLabel,
|
|
981
|
+
children,
|
|
982
|
+
className,
|
|
983
|
+
'data-testid': dataTestId,
|
|
984
|
+
variant: _variant = 'dense'
|
|
985
|
+
}) => {
|
|
986
|
+
const rootClasses = useStylesWithRootClass(rootClassName$X, className);
|
|
987
|
+
return /*#__PURE__*/React__default.createElement(StyledToolbar, {
|
|
988
|
+
"aria-label": ariaLabel,
|
|
989
|
+
className: rootClasses,
|
|
990
|
+
"data-testid": dataTestId,
|
|
991
|
+
variant: _variant
|
|
992
|
+
}, children);
|
|
993
|
+
};
|
|
994
|
+
|
|
995
|
+
const rootClassName$W = 'dot-alert-banner';
|
|
996
|
+
const StyledAlertBanner = styled(Alert).withConfig({
|
|
997
|
+
displayName: "AlertBannerstyles__StyledAlertBanner",
|
|
998
|
+
componentId: "sc-1u3aqgz-0"
|
|
999
|
+
})(["", ""], ({
|
|
1000
|
+
theme
|
|
1001
|
+
}) => 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$W, 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]));
|
|
1002
|
+
|
|
1003
1003
|
const DotAlertBanner = ({
|
|
1004
1004
|
action,
|
|
1005
1005
|
ariaLabel,
|
|
@@ -1022,7 +1022,7 @@ const DotAlertBanner = ({
|
|
|
1022
1022
|
success: AlertBannerIcon('check-solid'),
|
|
1023
1023
|
warning: AlertBannerIcon('warning-solid')
|
|
1024
1024
|
};
|
|
1025
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1025
|
+
const rootClasses = useStylesWithRootClass(rootClassName$W, className);
|
|
1026
1026
|
/* For simple string use default component, for everything else use 'div' */
|
|
1027
1027
|
|
|
1028
1028
|
const typographyComponent = isString(children) ? undefined : 'div';
|
|
@@ -1059,13 +1059,13 @@ const DotAppLogo = ({
|
|
|
1059
1059
|
}, displaySmallLogo ? appLogoSmall : appLogo);
|
|
1060
1060
|
};
|
|
1061
1061
|
|
|
1062
|
-
const rootClassName$
|
|
1062
|
+
const rootClassName$V = 'dot-icon-btn';
|
|
1063
1063
|
const StyledIconButton = styled(IconButton).withConfig({
|
|
1064
1064
|
displayName: "IconButtonstyles__StyledIconButton",
|
|
1065
1065
|
componentId: "eko0kb-0"
|
|
1066
1066
|
})(["", ""], ({
|
|
1067
1067
|
theme
|
|
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$
|
|
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$V, theme.palette.product === 'agility' && '1px solid transparent', theme.palette.product === 'agility' && theme.palette.layer.n400, theme.palette.product === 'agility' && theme.palette.agilityInterface.textColor, theme.palette.product === 'agility' && theme.palette.layer.n0, theme.palette.product === 'agility' && theme.palette.agilityInterface.activeCardBg, theme.palette.product === 'agility' && g500));
|
|
1069
1069
|
|
|
1070
1070
|
const DotIconButton = ({
|
|
1071
1071
|
ariaLabel,
|
|
@@ -1081,7 +1081,7 @@ const DotIconButton = ({
|
|
|
1081
1081
|
tooltip,
|
|
1082
1082
|
size: _size = 'medium'
|
|
1083
1083
|
}) => {
|
|
1084
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1084
|
+
const rootClasses = useStylesWithRootClass(rootClassName$V, className);
|
|
1085
1085
|
useEffect(() => {
|
|
1086
1086
|
// deprecation warning
|
|
1087
1087
|
if (titleTooltip) {
|
|
@@ -1108,13 +1108,13 @@ const DotIconButton = ({
|
|
|
1108
1108
|
})));
|
|
1109
1109
|
};
|
|
1110
1110
|
|
|
1111
|
-
const rootClassName$
|
|
1111
|
+
const rootClassName$U = 'dot-link';
|
|
1112
1112
|
const StyledLink = styled(Link).withConfig({
|
|
1113
1113
|
displayName: "Linkstyles__StyledLink",
|
|
1114
1114
|
componentId: "sc-1lpmaww-0"
|
|
1115
1115
|
})(["", ""], ({
|
|
1116
1116
|
theme
|
|
1117
|
-
}) => 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$U, theme.palette.product === 'agility' && theme.palette.layer.n700));
|
|
1118
1118
|
|
|
1119
1119
|
const DotLink = ({
|
|
1120
1120
|
ariaLabel,
|
|
@@ -1132,7 +1132,7 @@ const DotLink = ({
|
|
|
1132
1132
|
tooltip,
|
|
1133
1133
|
underline: _underline = 'always'
|
|
1134
1134
|
}) => {
|
|
1135
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1135
|
+
const rootClasses = useStylesWithRootClass(rootClassName$U, className);
|
|
1136
1136
|
|
|
1137
1137
|
const handleKeyPress = event => {
|
|
1138
1138
|
if (onClick && event.key === 'Enter') {
|
|
@@ -1167,7 +1167,7 @@ const DotLink = ({
|
|
|
1167
1167
|
}, children));
|
|
1168
1168
|
};
|
|
1169
1169
|
|
|
1170
|
-
const rootClassName$
|
|
1170
|
+
const rootClassName$T = 'dot-avatar';
|
|
1171
1171
|
const avatarSpacing = {
|
|
1172
1172
|
small: 3,
|
|
1173
1173
|
medium: 5,
|
|
@@ -1178,7 +1178,7 @@ const StyledAvatar = styled(Avatar).withConfig({
|
|
|
1178
1178
|
componentId: "sc-13bzj2s-0"
|
|
1179
1179
|
})(["", ""], ({
|
|
1180
1180
|
theme
|
|
1181
|
-
}) => css(["&.MuiAvatar-root{display:inline-flex;background-color:", ";border:0px;&:focus-visible{box-shadow:0px 0px 0px 3px ", ",0px 0px 0px 5px ", ";outline:0;}.dot-i,.dot-typography{color:", ";}&.small{height:", "px;width:", "px;}&.medium{height:", "px;width:", "px;}&.large{height:", "px;width:", "px;}}"], ({
|
|
1181
|
+
}) => css(["&.MuiAvatar-root{display:inline-flex;background-color:", ";border:0px;&:focus-visible{box-shadow:0px 0px 0px 3px ", ",0px 0px 0px 5px ", ";outline:0;}.dot-i,.dot-typography{color:", ";margin-bottom:0;}&.small{height:", "px;width:", "px;}&.medium{height:", "px;width:", "px;}&.large{height:", "px;width:", "px;}}"], ({
|
|
1182
1182
|
color
|
|
1183
1183
|
}) => {
|
|
1184
1184
|
return theme.palette.product === 'agility' && color === 'default' ? theme.palette.layer.n0 : color && theme.palette.avatarColors[color] ? theme.palette.avatarColors[color].backgroundColor : theme.palette.avatarColors['default'].backgroundColor;
|
|
@@ -1246,7 +1246,7 @@ const DotAvatar = ({
|
|
|
1246
1246
|
variant: _variant = 'circular',
|
|
1247
1247
|
style
|
|
1248
1248
|
}) => {
|
|
1249
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1249
|
+
const rootClasses = useStylesWithRootClass(rootClassName$T, className);
|
|
1250
1250
|
|
|
1251
1251
|
const getAvatarColor = () => {
|
|
1252
1252
|
if (color) return color;
|
|
@@ -1281,7 +1281,7 @@ const DotAvatar = ({
|
|
|
1281
1281
|
})));
|
|
1282
1282
|
};
|
|
1283
1283
|
|
|
1284
|
-
const rootClassName$
|
|
1284
|
+
const rootClassName$S = 'dot-list';
|
|
1285
1285
|
const listItemRootClass = 'dot-list-item';
|
|
1286
1286
|
const nestedListClassName = 'dot-nested-list';
|
|
1287
1287
|
const nestedDrawerClassName = 'dot-nested-drawer';
|
|
@@ -1290,7 +1290,7 @@ const StyledList = styled(List).withConfig({
|
|
|
1290
1290
|
componentId: "wxwqwr-0"
|
|
1291
1291
|
})(["", ""], ({
|
|
1292
1292
|
theme
|
|
1293
|
-
}) => 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$S, theme.palette.layer.n0, nestedListClassName, listItemRootClass, theme.spacing(4), theme.spacing(1)));
|
|
1294
1294
|
|
|
1295
1295
|
const getChevronIcon = (nestedListType, isOpened) => {
|
|
1296
1296
|
if (nestedListType !== 'expandable') {
|
|
@@ -1314,11 +1314,11 @@ const StyledListItem = styled(ListItem).withConfig({
|
|
|
1314
1314
|
theme
|
|
1315
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));
|
|
1316
1316
|
|
|
1317
|
-
const rootClassName$
|
|
1317
|
+
const rootClassName$R = 'dot-progress';
|
|
1318
1318
|
const StyledCircularProgress = styled(CircularProgress).withConfig({
|
|
1319
1319
|
displayName: "Progressstyles__StyledCircularProgress",
|
|
1320
1320
|
componentId: "sc-1gs77rb-0"
|
|
1321
|
-
})(["&.", "{&.MuiCircularProgress-colorSecondary{color:#649a3d;}}"], rootClassName$
|
|
1321
|
+
})(["&.", "{&.MuiCircularProgress-colorSecondary{color:#649a3d;}}"], rootClassName$R);
|
|
1322
1322
|
|
|
1323
1323
|
const DotProgress = ({
|
|
1324
1324
|
ariaLabel,
|
|
@@ -1332,7 +1332,7 @@ const DotProgress = ({
|
|
|
1332
1332
|
value,
|
|
1333
1333
|
variant: _variant = 'indeterminate'
|
|
1334
1334
|
}) => {
|
|
1335
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1335
|
+
const rootClasses = useStylesWithRootClass(rootClassName$R, className);
|
|
1336
1336
|
useEffect(() => {
|
|
1337
1337
|
// deprecation warning
|
|
1338
1338
|
if (title) {
|
|
@@ -1373,7 +1373,7 @@ var variables = /*#__PURE__*/Object.freeze({
|
|
|
1373
1373
|
});
|
|
1374
1374
|
|
|
1375
1375
|
const flyoutMenuClassName = 'dot-flyout-menu';
|
|
1376
|
-
const rootClassName$
|
|
1376
|
+
const rootClassName$Q = 'dot-menu';
|
|
1377
1377
|
const popperClassName = 'dot-popper';
|
|
1378
1378
|
const getListMaxHeight = maxHeight => isString(maxHeight) ? maxHeight : `${maxHeight}px`;
|
|
1379
1379
|
const StyledPopper$1 = styled(Popper).withConfig({
|
|
@@ -1381,7 +1381,7 @@ const StyledPopper$1 = styled(Popper).withConfig({
|
|
|
1381
1381
|
componentId: "sc-134fmqu-0"
|
|
1382
1382
|
})(["", ""], ({
|
|
1383
1383
|
theme
|
|
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$
|
|
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$Q, popperClassName, theme.palette.product === 'agility' && theme.palette.agilityInterface.menuBg, ({
|
|
1385
1385
|
$maxHeight
|
|
1386
1386
|
}) => $maxHeight !== undefined && `
|
|
1387
1387
|
max-height: ${getListMaxHeight($maxHeight)};
|
|
@@ -1391,7 +1391,7 @@ const MENU_ITEM_HEIGHT_NORMAL = 33;
|
|
|
1391
1391
|
const MENU_ITEM_HEIGHT_DENSE = 28;
|
|
1392
1392
|
const DEFAULT_MAX_VISIBLE_ITEMS = 7;
|
|
1393
1393
|
|
|
1394
|
-
const rootClassName$
|
|
1394
|
+
const rootClassName$P = 'dot-ul';
|
|
1395
1395
|
const listItemClassName$1 = 'dot-li';
|
|
1396
1396
|
const listItemWithSubmenuClassName = 'dot-li-with-submenu';
|
|
1397
1397
|
const StyledMenuList = styled(MenuList).withConfig({
|
|
@@ -1399,7 +1399,7 @@ const StyledMenuList = styled(MenuList).withConfig({
|
|
|
1399
1399
|
componentId: "yqdwwg-0"
|
|
1400
1400
|
})(["", ""], ({
|
|
1401
1401
|
theme
|
|
1402
|
-
}) => 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$P, theme.spacing(3), listItemWithSubmenuClassName, theme.spacing(0.5)));
|
|
1403
1403
|
|
|
1404
1404
|
const getDefaultItemHeight = isDense => isDense ? MENU_ITEM_HEIGHT_DENSE : MENU_ITEM_HEIGHT_NORMAL;
|
|
1405
1405
|
const calculateItemHeight = (isDense, customItemHeight, menuItemHeight) => {
|
|
@@ -1477,7 +1477,7 @@ const DotMenuList = /*#__PURE__*/forwardRef(({
|
|
|
1477
1477
|
onSubMenuCreate,
|
|
1478
1478
|
selectedKey
|
|
1479
1479
|
}, ref) => {
|
|
1480
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1480
|
+
const rootClasses = useStylesWithRootClass(rootClassName$P, className);
|
|
1481
1481
|
const [activeSubmenu, setActiveSubmenu] = useState(null);
|
|
1482
1482
|
const [subItemAnchorEl, setSubItemAnchorEl] = useState(null);
|
|
1483
1483
|
|
|
@@ -1591,7 +1591,7 @@ const DotMenu = ({
|
|
|
1591
1591
|
open: _open = false,
|
|
1592
1592
|
selectedKey
|
|
1593
1593
|
}) => {
|
|
1594
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1594
|
+
const rootClasses = useStylesWithRootClass(rootClassName$Q, className, _loading ? 'loading' : '');
|
|
1595
1595
|
const isSubmenu = checkIfSubmenu(anchorEl);
|
|
1596
1596
|
const hasSubItems = checkForSubItems(_menuItems); // Timeout object is customizable when Menu component is either submenu
|
|
1597
1597
|
// (it is opened within parent menu) or it contains at least one item which
|
|
@@ -1684,13 +1684,13 @@ const CreateUUID = () => {
|
|
|
1684
1684
|
});
|
|
1685
1685
|
};
|
|
1686
1686
|
|
|
1687
|
-
const rootClassName$
|
|
1687
|
+
const rootClassName$O = 'dot-drawer';
|
|
1688
1688
|
const StyledDrawer = styled(Drawer).withConfig({
|
|
1689
1689
|
displayName: "Drawerstyles__StyledDrawer",
|
|
1690
1690
|
componentId: "sc-1uiowy0-0"
|
|
1691
1691
|
})(["", ""], ({
|
|
1692
1692
|
theme
|
|
1693
|
-
}) => 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$O, alpha(theme.palette.grey[900], 0.7), theme.palette.product === 'agility' && theme.palette.layer.n50, ({
|
|
1694
1694
|
height,
|
|
1695
1695
|
anchor
|
|
1696
1696
|
}) => anchor === 'left' || anchor === 'right' ? '100%' : height, theme.spacing(2), ({
|
|
@@ -1698,13 +1698,13 @@ const StyledDrawer = styled(Drawer).withConfig({
|
|
|
1698
1698
|
anchor
|
|
1699
1699
|
}) => anchor === 'bottom' || anchor === 'top' ? 'auto' : width));
|
|
1700
1700
|
|
|
1701
|
-
const rootClassName$
|
|
1701
|
+
const rootClassName$N = 'dot-drawer-header';
|
|
1702
1702
|
const StyleDrawerHeader = styled.div.withConfig({
|
|
1703
1703
|
displayName: "DrawerHeaderstyles__StyleDrawerHeader",
|
|
1704
1704
|
componentId: "sc-2d2xd3-0"
|
|
1705
1705
|
})(["", ""], ({
|
|
1706
1706
|
theme
|
|
1707
|
-
}) => 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$N, theme.spacing(0, 0, 2)));
|
|
1708
1708
|
|
|
1709
1709
|
const DotDrawerHeader = ({
|
|
1710
1710
|
ariaLabel,
|
|
@@ -1714,7 +1714,7 @@ const DotDrawerHeader = ({
|
|
|
1714
1714
|
onClose,
|
|
1715
1715
|
variant
|
|
1716
1716
|
}) => {
|
|
1717
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1717
|
+
const rootClasses = useStylesWithRootClass(rootClassName$N, className);
|
|
1718
1718
|
return /*#__PURE__*/React__default.createElement(StyleDrawerHeader, {
|
|
1719
1719
|
"aria-label": ariaLabel,
|
|
1720
1720
|
className: rootClasses,
|
|
@@ -1726,13 +1726,13 @@ const DotDrawerHeader = ({
|
|
|
1726
1726
|
}));
|
|
1727
1727
|
};
|
|
1728
1728
|
|
|
1729
|
-
const rootClassName$
|
|
1729
|
+
const rootClassName$M = 'dot-drawer-body';
|
|
1730
1730
|
const StyleDrawerBody = styled.div.withConfig({
|
|
1731
1731
|
displayName: "DrawerBodystyles__StyleDrawerBody",
|
|
1732
1732
|
componentId: "sc-1mpmjdk-0"
|
|
1733
1733
|
})(["", ""], ({
|
|
1734
1734
|
theme
|
|
1735
|
-
}) => 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$M));
|
|
1736
1736
|
|
|
1737
1737
|
const DotDrawerBody = ({
|
|
1738
1738
|
ariaLabel,
|
|
@@ -1743,7 +1743,7 @@ const DotDrawerBody = ({
|
|
|
1743
1743
|
onClose,
|
|
1744
1744
|
variant
|
|
1745
1745
|
}) => {
|
|
1746
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1746
|
+
const rootClasses = useStylesWithRootClass(rootClassName$M, className);
|
|
1747
1747
|
return /*#__PURE__*/React__default.createElement(StyleDrawerBody, {
|
|
1748
1748
|
"aria-label": ariaLabel,
|
|
1749
1749
|
className: rootClasses,
|
|
@@ -1755,13 +1755,13 @@ const DotDrawerBody = ({
|
|
|
1755
1755
|
}));
|
|
1756
1756
|
};
|
|
1757
1757
|
|
|
1758
|
-
const rootClassName$
|
|
1758
|
+
const rootClassName$L = 'dot-drawer-footer';
|
|
1759
1759
|
const StyleDrawerFooter = styled.div.withConfig({
|
|
1760
1760
|
displayName: "DrawerFooterstyles__StyleDrawerFooter",
|
|
1761
1761
|
componentId: "sc-1ki05ze-0"
|
|
1762
1762
|
})(["", ""], ({
|
|
1763
1763
|
theme
|
|
1764
|
-
}) => css(["&.", "{padding:", ";}"], rootClassName$
|
|
1764
|
+
}) => css(["&.", "{padding:", ";}"], rootClassName$L, theme.spacing(2, 0, 0)));
|
|
1765
1765
|
|
|
1766
1766
|
const DotDrawerFooter = ({
|
|
1767
1767
|
ariaLabel,
|
|
@@ -1769,7 +1769,7 @@ const DotDrawerFooter = ({
|
|
|
1769
1769
|
className,
|
|
1770
1770
|
'data-testid': dataTestId
|
|
1771
1771
|
}) => {
|
|
1772
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1772
|
+
const rootClasses = useStylesWithRootClass(rootClassName$L, className);
|
|
1773
1773
|
return /*#__PURE__*/React__default.createElement(StyleDrawerFooter, {
|
|
1774
1774
|
"aria-label": ariaLabel,
|
|
1775
1775
|
className: rootClasses,
|
|
@@ -1799,7 +1799,7 @@ const DotDrawer = ({
|
|
|
1799
1799
|
console.warn('Please use `children` or `drawerBodyProps`. If both are used, `children` is ignored.');
|
|
1800
1800
|
}
|
|
1801
1801
|
}, []);
|
|
1802
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1802
|
+
const rootClasses = useStylesWithRootClass(rootClassName$O, className);
|
|
1803
1803
|
const headerExists = !!drawerHeaderProps;
|
|
1804
1804
|
const bodyTestId = drawerBodyProps ? drawerBodyProps[`data-testid`] : 'drawer-body';
|
|
1805
1805
|
return /*#__PURE__*/React__default.createElement(StyledDrawer, {
|
|
@@ -1874,7 +1874,7 @@ const DotList = ({
|
|
|
1874
1874
|
nestedListType: _nestedListType = 'expandable',
|
|
1875
1875
|
width: _width = 240
|
|
1876
1876
|
}) => {
|
|
1877
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1877
|
+
const rootClasses = useStylesWithRootClass(rootClassName$S, className);
|
|
1878
1878
|
const listWidth = typeof _width === 'number' ? `${_width}px` : _width;
|
|
1879
1879
|
const listRef = useRef();
|
|
1880
1880
|
const [listItemIndex, setListItemIndex] = useState(null);
|
|
@@ -2253,13 +2253,13 @@ function SvgLogoDigitalAi(_ref, svgRef) {
|
|
|
2253
2253
|
|
|
2254
2254
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgLogoDigitalAi);
|
|
2255
2255
|
|
|
2256
|
-
const rootClassName$
|
|
2256
|
+
const rootClassName$K = 'dot-sidebar';
|
|
2257
2257
|
const StyledSidebar = styled.aside.withConfig({
|
|
2258
2258
|
displayName: "Sidebarstyles__StyledSidebar",
|
|
2259
2259
|
componentId: "l3atb4-0"
|
|
2260
2260
|
})(["", ""], ({
|
|
2261
2261
|
theme
|
|
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;overflow-y:scroll;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;overflow-y:scroll;border-right:1px solid ", ";box-shadow:0 0 5px 0 rgba(0,0,0,0.15);padding-top:", ";}.MuiTypography-root.MuiTypography-subtitle2{border:", ";color:", ";font-size:", ";line-height:40px;margin:", ";padding:", ";}.", "{margin:0;padding-left:", "px;}}.dot-list-item{height:", ";padding:0;margin-bottom:", ";&.MuiListItem-root.Mui-selected,&.MuiListItem-root.Mui-selected:hover,&:hover{background-color:", ";}&.Mui-focusVisible{box-shadow:inset 0 0 0 2px ", ";border:2px solid ", ";}&:hover,&:active,&:focus{.dot-typography,.dot-icon i.dot-i:before{color:", ";}}&.open{background-color:", ";border:", ";border-radius:", ";&:hover{background-color:", ";}}.MuiTouchRipple-root{display:", ";}.dot-list-item-link .dot-icon{margin-right:", "px;}.dot-icon{border-radius:50%;height:40px;margin:", ";width:40px;}.dot-typography{white-space:nowrap;}}}.toggle-nav{border-top:1px solid;border-top-color:", ";padding:", "px;text-align:right;.dot-icon{transform:rotate(0deg);-o-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;-moz-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;-webkit-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;}}.powered-by{border-top:1px solid;border-top-color:", ";color:", ";display:flex;flex-direction:column;flex-shrink:0;font-size:12px;overflow:hidden;padding:", "px;p.desc{white-space:nowrap;}.company-name{margin-top:", "px;}.d-icon{display:none;}}&.collapsed{overflow:hidden;padding:", ";width:58px;-o-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;-moz-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;-webkit-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;li.MuiListSubheader-root .dot-typography,.go-back .MuiTypography-root,.MuiListItem-divider .dot-list-item-link,.child,.powered-by .company-name,.powered-by p.desc{display:none;}.dot-nested-drawer li.MuiListSubheader-root .dot-typography,.powered-by .d-icon{display:block;}header .dot-app-logo{text-align:center;}ul.side-nav{width:56px;.dot-list-item{margin-left:0;}.toggle-nav{align-self:center;}}.powered-by{align-items:center;}}}"], rootClassName$K, theme.palette.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)));
|
|
2263
2263
|
|
|
2264
2264
|
const Brand = ({
|
|
2265
2265
|
brandDesc
|
|
@@ -2348,7 +2348,7 @@ const DotSidebar = ({
|
|
|
2348
2348
|
};
|
|
2349
2349
|
|
|
2350
2350
|
const sidebarClasses = useStylesWithRootClass('side-nav', openClass);
|
|
2351
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2351
|
+
const rootClasses = useStylesWithRootClass(rootClassName$K, openClass, className);
|
|
2352
2352
|
return /*#__PURE__*/React__default.createElement(StyledSidebar, {
|
|
2353
2353
|
"aria-label": ariaLabel,
|
|
2354
2354
|
className: rootClasses,
|
|
@@ -2402,6 +2402,51 @@ const DotSidebar = ({
|
|
|
2402
2402
|
}));
|
|
2403
2403
|
};
|
|
2404
2404
|
|
|
2405
|
+
const rootClassName$J = 'dot-badge';
|
|
2406
|
+
const StyledBadge = styled(Badge).withConfig({
|
|
2407
|
+
displayName: "Badgestyles__StyledBadge",
|
|
2408
|
+
componentId: "sc-1brv3h5-0"
|
|
2409
|
+
})(["", ""], ({
|
|
2410
|
+
theme
|
|
2411
|
+
}) => css(["&.", "{.MuiBadge-badge{background-color:", ";&:not(.MuiBadge-dot){font-size:10px;height:", "px;min-width:", "px;padding:", ";}}}"], rootClassName$J, ({
|
|
2412
|
+
$badgeColor
|
|
2413
|
+
}) => {
|
|
2414
|
+
return $badgeColor;
|
|
2415
|
+
}, theme.spacing(2), theme.spacing(2), theme.spacing(0, 0.5)));
|
|
2416
|
+
|
|
2417
|
+
const DotBadge = ({
|
|
2418
|
+
ariaLabel,
|
|
2419
|
+
badgeColor,
|
|
2420
|
+
badgeContent,
|
|
2421
|
+
children,
|
|
2422
|
+
className,
|
|
2423
|
+
'data-testid': dataTestId,
|
|
2424
|
+
invisible,
|
|
2425
|
+
max,
|
|
2426
|
+
overlap,
|
|
2427
|
+
variant: _variant = 'dot'
|
|
2428
|
+
}) => {
|
|
2429
|
+
const rootClasses = useStylesWithRootClass(rootClassName$J, className);
|
|
2430
|
+
return /*#__PURE__*/React__default.createElement(StyledBadge, {
|
|
2431
|
+
"$badgeColor": badgeColor,
|
|
2432
|
+
anchorOrigin: {
|
|
2433
|
+
vertical: 'top',
|
|
2434
|
+
horizontal: 'right'
|
|
2435
|
+
},
|
|
2436
|
+
"aria-label": ariaLabel,
|
|
2437
|
+
badgeContent: badgeContent,
|
|
2438
|
+
classes: {
|
|
2439
|
+
root: rootClasses
|
|
2440
|
+
},
|
|
2441
|
+
color: "primary",
|
|
2442
|
+
"data-testid": dataTestId,
|
|
2443
|
+
invisible: invisible,
|
|
2444
|
+
max: max,
|
|
2445
|
+
overlap: overlap,
|
|
2446
|
+
variant: _variant
|
|
2447
|
+
}, children);
|
|
2448
|
+
};
|
|
2449
|
+
|
|
2405
2450
|
var _path, _path2;
|
|
2406
2451
|
|
|
2407
2452
|
var _excluded = ["title", "titleId"];
|
|
@@ -2438,7 +2483,7 @@ function SvgLogoDigitalAiWhite(_ref, svgRef) {
|
|
|
2438
2483
|
|
|
2439
2484
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgLogoDigitalAiWhite);
|
|
2440
2485
|
|
|
2441
|
-
const rootClassName$
|
|
2486
|
+
const rootClassName$I = 'dot-app-toolbar';
|
|
2442
2487
|
const denseClassName = 'dense';
|
|
2443
2488
|
const StyledMainMenu = styled(DotDrawer).withConfig({
|
|
2444
2489
|
displayName: "AppToolbarstyles__StyledMainMenu",
|
|
@@ -2451,7 +2496,7 @@ const StyledAppToolbar = styled.header.withConfig({
|
|
|
2451
2496
|
componentId: "sc-3kokby-1"
|
|
2452
2497
|
})(["", ""], ({
|
|
2453
2498
|
theme
|
|
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$
|
|
2499
|
+
}) => css(["&.", "{align-items:center;background:", ";border-bottom:4px solid ", ";box-sizing:border-box;color:", ";display:flex;height:64px;padding:", ";position:fixed;width:100%;z-index:", ";top:0;left:0;right:0;&.without-menu-icon{padding-left:", "px;}&.", "{height:48px;}.dot-main-menu-btn,.dot-right-side{.dot-icon-btn{border:", ";color:", ";&:hover,&:active,&:focus{background:", ";}}}.dot-main-menu-btn{text-align:center;}.dot-branding{align-items:center;display:flex;padding:", ";.primary-logo,.app-logo{margin-right:", "px;}.primary-logo,.dot-app-logo{display:flex;max-width:200px;svg,img{max-height:36px;max-width:200px;}}a{line-height:0;}.dot-product-name{color:", ";font-size:18px;margin:", ";}.divider{margin-left:", "px;}}div.dot-right-side{display:flex;flex-grow:2;justify-content:flex-end;.dot-badge .MuiBadge-anchorOriginTopRightRectangle{top:", "px;right:", "px;}}.avatar-wrapper{display:flex;align-items:center;justify-content:center;width:40px;button.dot-avatar:focus-visible{box-shadow:0px 0px 0px 3px ", ",0px 0px 0px 5px ", ";}}}"], rootClassName$I, theme.palette.product === 'agility' ? theme.palette.agilityInterface.headerBg : theme.palette.grey[700], theme.palette.grey[100], theme.palette.grey[0], theme.spacing(1.5, 2, 1.5, 1), levelFourth, theme.spacing(1.5), denseClassName, theme.palette.product === 'agility' && 'none', theme.palette.grey[100], theme.palette.product === 'agility' && theme.palette.agilityInterface.topBarIconHoverBg, theme.spacing(0, 4, 0, 0.75), theme.spacing(1.5), theme.palette.grey[100], theme.spacing(0, 1.5), theme.spacing(2), theme.spacing(1.5), theme.spacing(1.5), theme.palette.layer.n900, theme.palette.layer.n0));
|
|
2455
2500
|
|
|
2456
2501
|
const DotAppToolbar = ({
|
|
2457
2502
|
appName,
|
|
@@ -2477,7 +2522,7 @@ const DotAppToolbar = ({
|
|
|
2477
2522
|
const displayAppLogo = appLogo || appLogoSmall;
|
|
2478
2523
|
const mainMenuRef = useRef(null);
|
|
2479
2524
|
const denseClass = _dense ? denseClassName : '';
|
|
2480
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2525
|
+
const rootClasses = useStylesWithRootClass(rootClassName$I, className, denseClass, showMainMenu ? '' : 'without-menu-icon');
|
|
2481
2526
|
const mainMenuClasses = useStylesWithRootClass('dot-main-menu', denseClass, menuOpen ? 'open' : '');
|
|
2482
2527
|
const targetBreakpoint = useMediaQuery(theme => theme.breakpoints.up('md'));
|
|
2483
2528
|
useEffect(() => {
|
|
@@ -2508,6 +2553,27 @@ const DotAppToolbar = ({
|
|
|
2508
2553
|
console.warn('The use of `appName` is deprecated and will be removed in the next major release, please use either `children` or `appLogo` instead.');
|
|
2509
2554
|
}
|
|
2510
2555
|
}, []);
|
|
2556
|
+
|
|
2557
|
+
const renderNavItems = _navItems.map((item, index) => {
|
|
2558
|
+
return /*#__PURE__*/React__default.createElement(DotBadge, {
|
|
2559
|
+
badgeColor: item.badgeColor,
|
|
2560
|
+
badgeContent: item.badgeContent,
|
|
2561
|
+
"data-testid": "dot-app-toolbar-badge",
|
|
2562
|
+
invisible: !item.displayBadge,
|
|
2563
|
+
key: index,
|
|
2564
|
+
variant: item.badgeVariant
|
|
2565
|
+
}, /*#__PURE__*/React__default.createElement(DotIconButton, {
|
|
2566
|
+
className: item.className,
|
|
2567
|
+
"data-testid": "dot-app-toolbar-icon-button",
|
|
2568
|
+
iconId: item.iconId,
|
|
2569
|
+
iconSize: "medium",
|
|
2570
|
+
key: index,
|
|
2571
|
+
onClick: event => item.onClick && item.onClick(event),
|
|
2572
|
+
size: "medium",
|
|
2573
|
+
tooltip: item.tooltip
|
|
2574
|
+
}));
|
|
2575
|
+
});
|
|
2576
|
+
|
|
2511
2577
|
return /*#__PURE__*/React__default.createElement(StyledAppToolbar, {
|
|
2512
2578
|
"aria-label": ariaLabel,
|
|
2513
2579
|
className: rootClasses,
|
|
@@ -2558,20 +2624,14 @@ const DotAppToolbar = ({
|
|
|
2558
2624
|
className: "dot-product-name"
|
|
2559
2625
|
}, appName)), children, /*#__PURE__*/React__default.createElement("div", {
|
|
2560
2626
|
className: "dot-right-side"
|
|
2561
|
-
}, _navItems.length > 0 && /*#__PURE__*/React__default.createElement("nav",
|
|
2562
|
-
|
|
2563
|
-
|
|
2564
|
-
iconSize: "medium",
|
|
2565
|
-
key: index,
|
|
2566
|
-
onClick: event => item.onClick && item.onClick(event),
|
|
2567
|
-
size: "medium",
|
|
2568
|
-
tooltip: item.tooltip
|
|
2569
|
-
}))), avatar && /*#__PURE__*/React__default.createElement("div", {
|
|
2627
|
+
}, _navItems.length > 0 && /*#__PURE__*/React__default.createElement("nav", {
|
|
2628
|
+
"data-testid": "right-side-nav"
|
|
2629
|
+
}, renderNavItems), avatar && /*#__PURE__*/React__default.createElement("div", {
|
|
2570
2630
|
className: "avatar-wrapper"
|
|
2571
2631
|
}, avatar)));
|
|
2572
2632
|
};
|
|
2573
2633
|
|
|
2574
|
-
const rootClassName$
|
|
2634
|
+
const rootClassName$H = 'dot-autocomplete';
|
|
2575
2635
|
const inputRootClassName = 'dot-input-root';
|
|
2576
2636
|
const inputMediumClassName = 'dot-input-medium';
|
|
2577
2637
|
const StyledAutocomplete = styled(Autocomplete).withConfig({
|
|
@@ -2579,9 +2639,9 @@ const StyledAutocomplete = styled(Autocomplete).withConfig({
|
|
|
2579
2639
|
componentId: "j2sgjy-0"
|
|
2580
2640
|
})(["", ""], ({
|
|
2581
2641
|
theme
|
|
2582
|
-
}) => css(["&.", "{.", ".", "{padding-top:", ";padding-bottom:", ";}}"], rootClassName$
|
|
2642
|
+
}) => css(["&.", "{.", ".", "{padding-top:", ";padding-bottom:", ";}}"], rootClassName$H, inputRootClassName, inputMediumClassName, theme.spacing(0), theme.spacing(0)));
|
|
2583
2643
|
|
|
2584
|
-
const rootClassName$
|
|
2644
|
+
const rootClassName$G = 'dot-text-field';
|
|
2585
2645
|
const rootSelectClassName = 'dot-select-field';
|
|
2586
2646
|
const warningClassName = 'dot-warning';
|
|
2587
2647
|
const adornmentIconClassName = 'dot-adornment-icon';
|
|
@@ -2595,15 +2655,15 @@ const StyledTextField = styled(TextField).withConfig({
|
|
|
2595
2655
|
})(["", ""], ({
|
|
2596
2656
|
theme,
|
|
2597
2657
|
InputProps
|
|
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$
|
|
2658
|
+
}) => 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$G, theme.palette.product === 'agility' && theme.palette.layer.n0, theme.palette.product === 'agility' && theme.palette.layer.n100, InputProps.startAdornment ? `18px 12px 18px 0px` : `18px 12px`, rootSelectClassName, rootClassName$G, theme.palette.product === 'agility' && theme.palette.layer.n700, theme.palette.product === 'agility' && theme.palette.layer.n0, adornmentIconClassName, theme.palette.error[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));
|
|
2599
2659
|
|
|
2600
|
-
const rootClassName$
|
|
2660
|
+
const rootClassName$F = 'dot-button';
|
|
2601
2661
|
const StyledButton = styled(Button).withConfig({
|
|
2602
2662
|
displayName: "Buttonstyles__StyledButton",
|
|
2603
2663
|
componentId: "sx99hh-0"
|
|
2604
2664
|
})(["", ""], ({
|
|
2605
2665
|
theme
|
|
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$
|
|
2666
|
+
}) => css(["&.", "{margin:", "px;min-width:auto;white-space:nowrap;&.MuiButton-containedPrimary{background-color:", ";}&.MuiButton-containedSecondary{background-color:", ";&:hover,&:active{background-color:", ";}}&.MuiButton-text{padding:6px 16px;}span.dot-icon{padding:0;i{height:auto;}}}"], rootClassName$F, theme.spacing(0.5), theme.palette.product === 'agility' && agilityGreen, theme.palette.error.main, darken(theme.palette.error.main, 0.2)));
|
|
2607
2667
|
|
|
2608
2668
|
/** This component wraps the Button component from @material-ui. */
|
|
2609
2669
|
|
|
@@ -2627,7 +2687,7 @@ const DotButton = /*#__PURE__*/React__default.forwardRef(({
|
|
|
2627
2687
|
tooltip,
|
|
2628
2688
|
type: _type = 'primary'
|
|
2629
2689
|
}, ref) => {
|
|
2630
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2690
|
+
const rootClasses = useStylesWithRootClass(rootClassName$F, className);
|
|
2631
2691
|
let color;
|
|
2632
2692
|
let variant;
|
|
2633
2693
|
|
|
@@ -2682,13 +2742,13 @@ const DotButton = /*#__PURE__*/React__default.forwardRef(({
|
|
|
2682
2742
|
}, children));
|
|
2683
2743
|
});
|
|
2684
2744
|
|
|
2685
|
-
const rootClassName$
|
|
2745
|
+
const rootClassName$E = 'dot-chip';
|
|
2686
2746
|
const StyledChip = styled(Chip).withConfig({
|
|
2687
2747
|
displayName: "Chipstyles__StyledChip",
|
|
2688
2748
|
componentId: "f1tsra-0"
|
|
2689
2749
|
})(["", ""], ({
|
|
2690
2750
|
theme
|
|
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$
|
|
2751
|
+
}) => 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$E, 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]));
|
|
2692
2752
|
|
|
2693
2753
|
const DEFAULT_CHARACTERS_LIMIT = 32;
|
|
2694
2754
|
const DotChip = ({
|
|
@@ -2708,7 +2768,7 @@ const DotChip = ({
|
|
|
2708
2768
|
startIcon
|
|
2709
2769
|
}) => {
|
|
2710
2770
|
const errorClass = _error ? 'Mui-error' : '';
|
|
2711
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2771
|
+
const rootClasses = useStylesWithRootClass(rootClassName$E, className, errorClass);
|
|
2712
2772
|
|
|
2713
2773
|
const getChipLabel = () => {
|
|
2714
2774
|
if (_charactersLimit <= 0 || children.length < _charactersLimit) return children;
|
|
@@ -2824,8 +2884,8 @@ const DotAutoComplete = ({
|
|
|
2824
2884
|
const isActionItemDefined = onActionItemClick !== undefined;
|
|
2825
2885
|
const [isOpened, setIsOpened] = useState(false);
|
|
2826
2886
|
const [inputText, setInputText] = useState('');
|
|
2827
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2828
|
-
const textFieldRootClasses = useStylesWithRootClass(rootClassName$
|
|
2887
|
+
const rootClasses = useStylesWithRootClass(rootClassName$H, className);
|
|
2888
|
+
const textFieldRootClasses = useStylesWithRootClass(rootClassName$G, className);
|
|
2829
2889
|
const inputRootClasses = useStylesWithRootClass(inputRootClassName, _dense ? '' : inputMediumClassName);
|
|
2830
2890
|
let textFieldInput; // Used for focus management while popper is opened
|
|
2831
2891
|
|
|
@@ -3080,65 +3140,20 @@ const DotAvatarGroup = ({
|
|
|
3080
3140
|
}))));
|
|
3081
3141
|
};
|
|
3082
3142
|
|
|
3083
|
-
const rootClassName$
|
|
3084
|
-
const StyledBadge = styled(Badge).withConfig({
|
|
3085
|
-
displayName: "Badgestyles__StyledBadge",
|
|
3086
|
-
componentId: "sc-1brv3h5-0"
|
|
3087
|
-
})(["", ""], ({
|
|
3088
|
-
theme
|
|
3089
|
-
}) => css(["&.", "{.MuiBadge-badge{background-color:", ";&:not(.MuiBadge-dot){font-size:10px;height:", "px;min-width:", "px;padding:", ";}}}"], rootClassName$C, ({
|
|
3090
|
-
$badgeColor
|
|
3091
|
-
}) => {
|
|
3092
|
-
return $badgeColor;
|
|
3093
|
-
}, theme.spacing(2), theme.spacing(2), theme.spacing(0, 0.5)));
|
|
3094
|
-
|
|
3095
|
-
const DotBadge = ({
|
|
3096
|
-
ariaLabel,
|
|
3097
|
-
badgeColor,
|
|
3098
|
-
badgeContent,
|
|
3099
|
-
children,
|
|
3100
|
-
className,
|
|
3101
|
-
'data-testid': dataTestId,
|
|
3102
|
-
invisible,
|
|
3103
|
-
max,
|
|
3104
|
-
overlap,
|
|
3105
|
-
variant: _variant = 'dot'
|
|
3106
|
-
}) => {
|
|
3107
|
-
const rootClasses = useStylesWithRootClass(rootClassName$C, className);
|
|
3108
|
-
return /*#__PURE__*/React__default.createElement(StyledBadge, {
|
|
3109
|
-
"$badgeColor": badgeColor,
|
|
3110
|
-
anchorOrigin: {
|
|
3111
|
-
vertical: 'top',
|
|
3112
|
-
horizontal: 'right'
|
|
3113
|
-
},
|
|
3114
|
-
"aria-label": ariaLabel,
|
|
3115
|
-
badgeContent: badgeContent,
|
|
3116
|
-
classes: {
|
|
3117
|
-
root: rootClasses
|
|
3118
|
-
},
|
|
3119
|
-
color: "primary",
|
|
3120
|
-
"data-testid": dataTestId,
|
|
3121
|
-
invisible: invisible,
|
|
3122
|
-
max: max,
|
|
3123
|
-
overlap: overlap,
|
|
3124
|
-
variant: _variant
|
|
3125
|
-
}, children);
|
|
3126
|
-
};
|
|
3127
|
-
|
|
3128
|
-
const rootClassName$B = 'dot-breadcrumbs';
|
|
3143
|
+
const rootClassName$D = 'dot-breadcrumbs';
|
|
3129
3144
|
const breadcrumbsWrapperClass = 'dot-breadcrumbs-wrapper';
|
|
3130
3145
|
const StyledBreadcrumbsWrapper = styled.div.withConfig({
|
|
3131
3146
|
displayName: "Breadcrumbsstyles__StyledBreadcrumbsWrapper",
|
|
3132
3147
|
componentId: "sc-7cg374-0"
|
|
3133
3148
|
})(["", ""], ({
|
|
3134
3149
|
theme
|
|
3135
|
-
}) => css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$
|
|
3150
|
+
}) => css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$D, theme.spacing(0.5, 2)));
|
|
3136
3151
|
const StyledBreadcrumbs = styled(Breadcrumbs).withConfig({
|
|
3137
3152
|
displayName: "Breadcrumbsstyles__StyledBreadcrumbs",
|
|
3138
3153
|
componentId: "sc-7cg374-1"
|
|
3139
3154
|
})(["", ""], ({
|
|
3140
3155
|
theme
|
|
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$
|
|
3156
|
+
}) => css(["&.", "{margin-bottom:0;.MuiBreadcrumbs-ol{flex-wrap:nowrap;}.MuiBreadcrumbs-li,.separator{color:", ";margin:0;white-space:nowrap;}.separator{font-size:12px;width:20px;height:20px;padding:0;}.MuiBreadcrumbs-separator{margin:0;}.MuiLink-underlineHover{cursor:pointer;}.MuiBreadcrumbs-li:last-child{overflow:hidden;text-overflow:ellipsis;}.breadcrumb{padding:", ";}.current-page{color:", ";cursor:default;}}"], rootClassName$D, theme.palette.grey[300], theme.spacing(0.5, 2), theme.palette.grey[700]));
|
|
3142
3157
|
|
|
3143
3158
|
const compareWidth = (parentEl, childEl) => {
|
|
3144
3159
|
return parentEl.getBoundingClientRect().width < childEl.getBoundingClientRect().width;
|
|
@@ -3442,7 +3457,7 @@ const DotBreadcrumbs = ({
|
|
|
3442
3457
|
}, /*#__PURE__*/React__default.createElement(StyledBreadcrumbs, {
|
|
3443
3458
|
"aria-label": "breadcrumb",
|
|
3444
3459
|
classes: {
|
|
3445
|
-
root: rootClassName$
|
|
3460
|
+
root: rootClassName$D,
|
|
3446
3461
|
ol: 'dot-ol',
|
|
3447
3462
|
li: 'dot-li'
|
|
3448
3463
|
},
|
|
@@ -3472,13 +3487,13 @@ const DotBreadcrumbs = ({
|
|
|
3472
3487
|
}));
|
|
3473
3488
|
};
|
|
3474
3489
|
|
|
3475
|
-
const rootClassName$
|
|
3490
|
+
const rootClassName$C = 'dot-button-toggle';
|
|
3476
3491
|
const StyledToggleButtonGroup = styled(ToggleButtonGroup).withConfig({
|
|
3477
3492
|
displayName: "ButtonTogglestyles__StyledToggleButtonGroup",
|
|
3478
3493
|
componentId: "sc-1oh4ljv-0"
|
|
3479
3494
|
})(["", ""], ({
|
|
3480
3495
|
theme
|
|
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$
|
|
3496
|
+
}) => 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$C, theme.spacing(1), theme.palette.layer.n700, theme.palette.layer.n300, theme.palette.grey[200]));
|
|
3482
3497
|
|
|
3483
3498
|
const DotButtonToggle = ({
|
|
3484
3499
|
ariaLabel,
|
|
@@ -3493,7 +3508,7 @@ const DotButtonToggle = ({
|
|
|
3493
3508
|
size: _size = 'medium',
|
|
3494
3509
|
value
|
|
3495
3510
|
}) => {
|
|
3496
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
3511
|
+
const rootClasses = useStylesWithRootClass(rootClassName$C, className);
|
|
3497
3512
|
return /*#__PURE__*/React__default.createElement(StyledToggleButtonGroup, {
|
|
3498
3513
|
"aria-label": ariaLabel,
|
|
3499
3514
|
classes: {
|
|
@@ -3562,13 +3577,13 @@ const DotCardContent = ({
|
|
|
3562
3577
|
}, children);
|
|
3563
3578
|
};
|
|
3564
3579
|
|
|
3565
|
-
const rootClassName$
|
|
3580
|
+
const rootClassName$B = 'dot-card-footer';
|
|
3566
3581
|
const StyledDiv = styled.div.withConfig({
|
|
3567
3582
|
displayName: "CardFooterstyles__StyledDiv",
|
|
3568
3583
|
componentId: "koblh6-0"
|
|
3569
3584
|
})(["", ""], ({
|
|
3570
3585
|
theme
|
|
3571
|
-
}) => css(["&.", "{padding:", "px;}"], rootClassName$
|
|
3586
|
+
}) => css(["&.", "{padding:", "px;}"], rootClassName$B, theme.spacing(2)));
|
|
3572
3587
|
|
|
3573
3588
|
const DotCardFooter = ({
|
|
3574
3589
|
ariaLabel,
|
|
@@ -3576,7 +3591,7 @@ const DotCardFooter = ({
|
|
|
3576
3591
|
className,
|
|
3577
3592
|
'data-testid': dataTestId
|
|
3578
3593
|
}) => {
|
|
3579
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
3594
|
+
const rootClasses = useStylesWithRootClass(rootClassName$B, className);
|
|
3580
3595
|
return /*#__PURE__*/React__default.createElement(StyledDiv, {
|
|
3581
3596
|
"aria-label": ariaLabel,
|
|
3582
3597
|
className: rootClasses,
|
|
@@ -3619,19 +3634,19 @@ const DotCardHeader = ({
|
|
|
3619
3634
|
});
|
|
3620
3635
|
};
|
|
3621
3636
|
|
|
3622
|
-
const rootClassName$
|
|
3637
|
+
const rootClassName$A = 'dot-form-control-label';
|
|
3623
3638
|
const StyledFormControlLabel = styled(FormControlLabel).withConfig({
|
|
3624
3639
|
displayName: "FormControlLabelstyles__StyledFormControlLabel",
|
|
3625
3640
|
componentId: "sc-1vt0om4-0"
|
|
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$
|
|
3641
|
+
})(["&.", "{.MuiFormControlLabel-label{margin-bottom:0;padding:0 0 0 4px;}&.MuiFormControlLabel-labelPlacementBottom{.MuiFormControlLabel-label{padding:4px 0 0 0;}}&.MuiFormControlLabel-labelPlacementTop{.MuiFormControlLabel-label{padding:0 0 4px 0;}}&.MuiFormControlLabel-labelPlacementStart{.MuiFormControlLabel-label{padding:0 4px 0;}}}"], rootClassName$A);
|
|
3627
3642
|
|
|
3628
|
-
const rootClassName$
|
|
3643
|
+
const rootClassName$z = 'dot-checkbox';
|
|
3629
3644
|
const StyledCheckbox = styled(Checkbox).withConfig({
|
|
3630
3645
|
displayName: "Checkboxstyles__StyledCheckbox",
|
|
3631
3646
|
componentId: "sc-1ubsn6i-0"
|
|
3632
3647
|
})(["", ""], ({
|
|
3633
3648
|
theme
|
|
3634
|
-
}) => css(["&.", "{padding:", "px;}"], rootClassName$
|
|
3649
|
+
}) => css(["&.", "{padding:", "px;}"], rootClassName$z, theme.spacing(1)));
|
|
3635
3650
|
|
|
3636
3651
|
function DotCheckbox({
|
|
3637
3652
|
ariaLabel,
|
|
@@ -3652,7 +3667,7 @@ function DotCheckbox({
|
|
|
3652
3667
|
size = 'medium',
|
|
3653
3668
|
value
|
|
3654
3669
|
}) {
|
|
3655
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
3670
|
+
const rootClasses = useStylesWithRootClass(rootClassName$A, className);
|
|
3656
3671
|
|
|
3657
3672
|
const handleChange = event => {
|
|
3658
3673
|
onChange && onChange(event, event.target.value);
|
|
@@ -3663,7 +3678,7 @@ function DotCheckbox({
|
|
|
3663
3678
|
control: /*#__PURE__*/React__default.createElement(StyledCheckbox, {
|
|
3664
3679
|
checked: checked,
|
|
3665
3680
|
classes: {
|
|
3666
|
-
root: rootClassName$
|
|
3681
|
+
root: rootClassName$z
|
|
3667
3682
|
},
|
|
3668
3683
|
color: "primary",
|
|
3669
3684
|
"data-testid": dataTestId,
|
|
@@ -3687,7 +3702,7 @@ function DotCheckbox({
|
|
|
3687
3702
|
});
|
|
3688
3703
|
}
|
|
3689
3704
|
|
|
3690
|
-
const rootClassName$
|
|
3705
|
+
const rootClassName$y = 'dot-form-group';
|
|
3691
3706
|
const groupLabelClassName = 'dot-form-group-label';
|
|
3692
3707
|
const startAdornmentClassName = 'dot-start-adornment';
|
|
3693
3708
|
const endAdornmentClassName = 'dot-end-adornment';
|
|
@@ -3695,9 +3710,9 @@ const placementClassName = 'dot-';
|
|
|
3695
3710
|
const StyledFormControl = styled(FormControl).withConfig({
|
|
3696
3711
|
displayName: "FormControlstyles__StyledFormControl",
|
|
3697
3712
|
componentId: "sc-532kip-0"
|
|
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$
|
|
3713
|
+
})(["&.", "{.MuiFormLabel-root{width:100%;line-height:24px;margin-bottom:4px;display:flex;align-items:center;.", "{padding-left:4px;}.", "{padding-right:4px;}}&.", "{.MuiFormHelperText-root,.MuiFormLabel-root{display:flex;flex-direction:row-reverse;}}&.", "{.MuiFormHelperText-root,.MuiFormLabel-root{display:flex;justify-content:center;}}}"], rootClassName$y, endAdornmentClassName, startAdornmentClassName, `${placementClassName}start`, `${placementClassName}bottom`);
|
|
3699
3714
|
|
|
3700
|
-
const rootClassName$
|
|
3715
|
+
const rootClassName$x = 'dot-checkbox-group';
|
|
3701
3716
|
const wrapperClassName$1 = 'dot-checkbox-group-wrapper';
|
|
3702
3717
|
const checkboxListClassName = 'dot-checkbox-list';
|
|
3703
3718
|
const checkboxListItemClassName = 'dot-checkbox-list-item';
|
|
@@ -3706,16 +3721,16 @@ const StyledCheckboxGroup = styled.div.withConfig({
|
|
|
3706
3721
|
componentId: "bhb21v-0"
|
|
3707
3722
|
})(["", ""], ({
|
|
3708
3723
|
theme
|
|
3709
|
-
}) => css(["{&.", "{.", "{width:100%;}.MuiFormLabel-root{display:inline;width:100%;}.", "{list-style:none;margin-top:0;padding-left:", "px;.", "{margin:0;}}}"], wrapperClassName$1, rootClassName$
|
|
3724
|
+
}) => css(["{&.", "{.", "{width:100%;}.MuiFormLabel-root{display:inline;width:100%;}.", "{list-style:none;margin-top:0;padding-left:", "px;.", "{margin:0;}}}"], wrapperClassName$1, rootClassName$x, checkboxListClassName, theme.spacing(2.5), rootClassName$A));
|
|
3710
3725
|
|
|
3711
|
-
const rootClassName$
|
|
3726
|
+
const rootClassName$w = 'dot-form-group';
|
|
3712
3727
|
const StyledFormGroup = styled(FormGroup).withConfig({
|
|
3713
3728
|
displayName: "FormGroupstyles__StyledFormGroup",
|
|
3714
3729
|
componentId: "sc-1dlipcr-0"
|
|
3715
3730
|
})(["", ""], ({
|
|
3716
3731
|
theme,
|
|
3717
3732
|
row
|
|
3718
|
-
}) => css(["&.", "{& > *{margin:", ";}}"], rootClassName$
|
|
3733
|
+
}) => css(["&.", "{& > *{margin:", ";}}"], rootClassName$w, row ? `${theme.spacing(0.5)}px` : 0));
|
|
3719
3734
|
|
|
3720
3735
|
function DotFormGroup({
|
|
3721
3736
|
ariaLabel,
|
|
@@ -3724,7 +3739,7 @@ function DotFormGroup({
|
|
|
3724
3739
|
'data-testid': dataTestId,
|
|
3725
3740
|
row
|
|
3726
3741
|
}) {
|
|
3727
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
3742
|
+
const rootClasses = useStylesWithRootClass(rootClassName$y, className);
|
|
3728
3743
|
return /*#__PURE__*/React__default.createElement(StyledFormGroup, {
|
|
3729
3744
|
"aria-label": ariaLabel,
|
|
3730
3745
|
classes: {
|
|
@@ -3762,7 +3777,7 @@ function DotCheckboxGroup({
|
|
|
3762
3777
|
size = 'medium'
|
|
3763
3778
|
}) {
|
|
3764
3779
|
const placement = `${placementClassName}${labelPlacement}`;
|
|
3765
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
3780
|
+
const rootClasses = useStylesWithRootClass(rootClassName$y, rootClassName$x, className, placement);
|
|
3766
3781
|
const [selectedOptions, setSelectedOptions] = useState(defaultValues);
|
|
3767
3782
|
const [allChecked, setAllChecked] = useState(false);
|
|
3768
3783
|
/* This will ensure that state can be updated from the outside */
|
|
@@ -3844,13 +3859,13 @@ function DotCheckboxGroup({
|
|
|
3844
3859
|
}, renderOptions), helperText && /*#__PURE__*/React__default.createElement(FormHelperText, null, helperText)));
|
|
3845
3860
|
}
|
|
3846
3861
|
|
|
3847
|
-
const rootClassName$
|
|
3862
|
+
const rootClassName$v = 'dot-dialog';
|
|
3848
3863
|
const StyledDialog = styled(Dialog).withConfig({
|
|
3849
3864
|
displayName: "Dialogstyles__StyledDialog",
|
|
3850
3865
|
componentId: "sc-1tkr4ex-0"
|
|
3851
3866
|
})(["", ""], ({
|
|
3852
3867
|
theme
|
|
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$
|
|
3868
|
+
}) => css(["&.", "{.MuiDialog-paper{background-color:", ";min-width:280px;max-height:80vh;max-width:80vw;}.MuiDialogTitle-root{align-items:center;display:flex;flex-wrap:nowrap;padding:", ";h2{flex-grow:1;}.dot-icon-button{margin-left:", "px;}}.dot-dialog-content{padding:", ";overflow-y:auto;}.dot-dialog-actions{padding:", ";.cancel-button{color:inherit;}}}"], rootClassName$v, theme.palette.product === 'agility' && theme.palette.layer.n50, theme.spacing(1, 2), theme.spacing(1), theme.spacing(1, 2), theme.spacing(2)));
|
|
3854
3869
|
|
|
3855
3870
|
const DotDialog = ({
|
|
3856
3871
|
ariaLabel,
|
|
@@ -3867,7 +3882,7 @@ const DotDialog = ({
|
|
|
3867
3882
|
submitButtonProps,
|
|
3868
3883
|
title
|
|
3869
3884
|
}) => {
|
|
3870
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
3885
|
+
const rootClasses = useStylesWithRootClass(rootClassName$v, className);
|
|
3871
3886
|
const cancelClasses = useStylesWithRootClass(cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, 'cancel-button');
|
|
3872
3887
|
const [isOpen, setIsOpen] = useState(open);
|
|
3873
3888
|
useEffect(() => {
|
|
@@ -3979,7 +3994,7 @@ const DotConfirmationDialog = ({
|
|
|
3979
3994
|
}, _message);
|
|
3980
3995
|
};
|
|
3981
3996
|
|
|
3982
|
-
const rootClassName$
|
|
3997
|
+
const rootClassName$u = 'dot-grid';
|
|
3983
3998
|
|
|
3984
3999
|
const frGetter = value => typeof value === 'number' ? `repeat(${value}, 1fr)` : value;
|
|
3985
4000
|
|
|
@@ -4027,7 +4042,7 @@ const Grid = ({
|
|
|
4027
4042
|
className,
|
|
4028
4043
|
children
|
|
4029
4044
|
}) => {
|
|
4030
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4045
|
+
const rootClasses = useStylesWithRootClass(rootClassName$u, className);
|
|
4031
4046
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
4032
4047
|
className: rootClasses
|
|
4033
4048
|
}, children);
|
|
@@ -4046,7 +4061,7 @@ const StyledGrid = styled(Grid).withConfig({
|
|
|
4046
4061
|
rows,
|
|
4047
4062
|
theme,
|
|
4048
4063
|
width
|
|
4049
|
-
}) => css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$
|
|
4064
|
+
}) => css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$u, frGetter(rows), columns ? `${columns && `grid-template-columns: ${frGetter(columns)}`};` : breakpointsGetter$1(theme, _columnsBreakpoints, _columnGap, _rowGap), gridTemplateAreas && `grid-template-areas: ${gridTemplateAreas};`, gap && `grid-gap: ${gap};`, width && `width: ${width};`, height && `height: ${height};`));
|
|
4050
4065
|
const CssGrid = props => {
|
|
4051
4066
|
return /*#__PURE__*/React__default.createElement(StyledGrid, Object.assign({}, props));
|
|
4052
4067
|
};
|
|
@@ -4189,7 +4204,7 @@ const CssGridDebug = ({
|
|
|
4189
4204
|
})));
|
|
4190
4205
|
};
|
|
4191
4206
|
|
|
4192
|
-
const rootClassName$
|
|
4207
|
+
const rootClassName$t = 'dot-empty-state';
|
|
4193
4208
|
const StyledEmptyState = styled.div.withConfig({
|
|
4194
4209
|
displayName: "EmptyStatestyles__StyledEmptyState",
|
|
4195
4210
|
componentId: "sc-1sftmht-0"
|
|
@@ -4207,7 +4222,7 @@ const DotEmptyState = ({
|
|
|
4207
4222
|
subtitle,
|
|
4208
4223
|
title
|
|
4209
4224
|
}) => {
|
|
4210
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4225
|
+
const rootClasses = useStylesWithRootClass(rootClassName$t, className);
|
|
4211
4226
|
return /*#__PURE__*/React__default.createElement(StyledEmptyState, {
|
|
4212
4227
|
"aria-label": ariaLabel,
|
|
4213
4228
|
className: rootClasses,
|
|
@@ -4235,15 +4250,15 @@ const StyledRadioGroup = styled(RadioGroup).withConfig({
|
|
|
4235
4250
|
componentId: "sc-84g3mq-1"
|
|
4236
4251
|
})(["", ""], ({
|
|
4237
4252
|
theme
|
|
4238
|
-
}) => css(["{&.", "{padding-left:", "px;.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$
|
|
4253
|
+
}) => css(["{&.", "{padding-left:", "px;.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$A));
|
|
4239
4254
|
|
|
4240
|
-
const rootClassName$
|
|
4255
|
+
const rootClassName$s = 'dot-form';
|
|
4241
4256
|
const StyledFormContainer = styled.div.withConfig({
|
|
4242
4257
|
displayName: "Formstyles__StyledFormContainer",
|
|
4243
4258
|
componentId: "bbovqo-0"
|
|
4244
4259
|
})(["", ""], ({
|
|
4245
4260
|
theme
|
|
4246
|
-
}) => css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$
|
|
4261
|
+
}) => css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$s, theme.spacing(3, 0), rootClassName$y, rootClassName$A, rootClassName$G, rootSelectClassName, theme.spacing(1, 0), rootClassName$x, groupClassName, rootClassName$A));
|
|
4247
4262
|
|
|
4248
4263
|
const DotForm = ({
|
|
4249
4264
|
ariaLabel,
|
|
@@ -4252,7 +4267,7 @@ const DotForm = ({
|
|
|
4252
4267
|
'data-testid': dataTestId,
|
|
4253
4268
|
onSubmit
|
|
4254
4269
|
}) => {
|
|
4255
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4270
|
+
const rootClasses = useStylesWithRootClass(rootClassName$s, className);
|
|
4256
4271
|
return /*#__PURE__*/React__default.createElement("form", {
|
|
4257
4272
|
"aria-label": ariaLabel,
|
|
4258
4273
|
"data-testid": dataTestId,
|
|
@@ -4263,11 +4278,11 @@ const DotForm = ({
|
|
|
4263
4278
|
}, children));
|
|
4264
4279
|
};
|
|
4265
4280
|
|
|
4266
|
-
const rootClassName$
|
|
4281
|
+
const rootClassName$r = 'dot-dynamic-form';
|
|
4267
4282
|
const StyledDynamicForm = styled(DotForm).withConfig({
|
|
4268
4283
|
displayName: "DynamicFormstyles__StyledDynamicForm",
|
|
4269
4284
|
componentId: "sc-1lnljcn-0"
|
|
4270
|
-
})(["", ""], () => css(["&.", "{}"], rootClassName$
|
|
4285
|
+
})(["", ""], () => css(["&.", "{}"], rootClassName$r));
|
|
4271
4286
|
|
|
4272
4287
|
const DATA_CONTROLS = ['dot-autocomplete', 'dot-checkbox', 'dot-checkbox-group', 'dot-input-select', 'dot-input-text', 'dot-radio-group', 'dot-switch'];
|
|
4273
4288
|
/* Array of control types for which we don't have error state so validation doesn't make any sense */
|
|
@@ -4510,7 +4525,7 @@ const DotInputText = ({
|
|
|
4510
4525
|
iconId: `${iconType}-solid`
|
|
4511
4526
|
});
|
|
4512
4527
|
|
|
4513
|
-
const rootStyles = useStylesWithRootClass(rootClassName$
|
|
4528
|
+
const rootStyles = useStylesWithRootClass(rootClassName$G, className, hasWarning);
|
|
4514
4529
|
|
|
4515
4530
|
const endAdornmentIcon = endIcon || _error && renderIcon('error') || _warning && renderIcon('warning'); // Used to control text value from the consumer component
|
|
4516
4531
|
// when debounce feature is enabled
|
|
@@ -4678,13 +4693,13 @@ const DotInputSelect = ({
|
|
|
4678
4693
|
}, getOption(option))));
|
|
4679
4694
|
};
|
|
4680
4695
|
|
|
4681
|
-
const rootClassName$
|
|
4696
|
+
const rootClassName$q = 'dot-progress-button';
|
|
4682
4697
|
const StyledProgressButton = styled(DotButton).withConfig({
|
|
4683
4698
|
displayName: "ProgressButtonstyles__StyledProgressButton",
|
|
4684
4699
|
componentId: "sc-1fvgky0-0"
|
|
4685
4700
|
})(["", ""], ({
|
|
4686
4701
|
theme
|
|
4687
|
-
}) => css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$
|
|
4702
|
+
}) => css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$q, theme.palette.layer.n300));
|
|
4688
4703
|
|
|
4689
4704
|
const SPINNER_DEFAULT_SIZE = 20;
|
|
4690
4705
|
const SPINNER_LARGE_SIZE = 24;
|
|
@@ -4703,7 +4718,7 @@ const DotProgressButton = ({
|
|
|
4703
4718
|
tooltip,
|
|
4704
4719
|
type: _type = 'primary'
|
|
4705
4720
|
}) => {
|
|
4706
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4721
|
+
const rootClasses = useStylesWithRootClass(rootClassName$q, className);
|
|
4707
4722
|
const isButtonDisabled = _disabled || _isLoading;
|
|
4708
4723
|
const titleClasses = useStylesWithRootClass(_isLoading ? 'hidden' : '');
|
|
4709
4724
|
const progressCircleSize = _size === 'large' ? SPINNER_LARGE_SIZE : SPINNER_DEFAULT_SIZE;
|
|
@@ -4727,13 +4742,13 @@ const DotProgressButton = ({
|
|
|
4727
4742
|
}));
|
|
4728
4743
|
};
|
|
4729
4744
|
|
|
4730
|
-
const rootClassName$
|
|
4745
|
+
const rootClassName$p = 'dot-radio';
|
|
4731
4746
|
const StyledRadioButton = styled(Radio).withConfig({
|
|
4732
4747
|
displayName: "RadioButtonstyles__StyledRadioButton",
|
|
4733
4748
|
componentId: "brp0sc-0"
|
|
4734
4749
|
})(["", ""], ({
|
|
4735
4750
|
theme
|
|
4736
|
-
}) => css(["{&.", "{padding:8px;}"], rootClassName$
|
|
4751
|
+
}) => css(["{&.", "{padding:8px;}"], rootClassName$p));
|
|
4737
4752
|
|
|
4738
4753
|
function DotRadioButton({
|
|
4739
4754
|
ariaLabel,
|
|
@@ -4751,7 +4766,7 @@ function DotRadioButton({
|
|
|
4751
4766
|
size = 'medium',
|
|
4752
4767
|
value
|
|
4753
4768
|
}) {
|
|
4754
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4769
|
+
const rootClasses = useStylesWithRootClass(rootClassName$A, className);
|
|
4755
4770
|
|
|
4756
4771
|
const handleChange = event => {
|
|
4757
4772
|
onChange && onChange(event, event.target.value);
|
|
@@ -4763,7 +4778,7 @@ function DotRadioButton({
|
|
|
4763
4778
|
"aria-label": ariaLabel,
|
|
4764
4779
|
checked: checked,
|
|
4765
4780
|
classes: {
|
|
4766
|
-
root: rootClassName$
|
|
4781
|
+
root: rootClassName$p
|
|
4767
4782
|
},
|
|
4768
4783
|
color: "primary",
|
|
4769
4784
|
"data-testid": dataTestId,
|
|
@@ -4802,7 +4817,7 @@ const DotRadioGroup = ({
|
|
|
4802
4817
|
size: _size = 'medium'
|
|
4803
4818
|
}) => {
|
|
4804
4819
|
const placement = `${placementClassName}${_labelPlacement}`;
|
|
4805
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4820
|
+
const rootClasses = useStylesWithRootClass(rootClassName$y, className, placement);
|
|
4806
4821
|
const radioValue = value || defaultValue;
|
|
4807
4822
|
const [selectedValue, setSelectedValue] = useState(radioValue);
|
|
4808
4823
|
/* This will ensure that value can be updated from the outside */
|
|
@@ -4860,7 +4875,7 @@ const DotRadioGroup = ({
|
|
|
4860
4875
|
}, renderOptions), helperText && /*#__PURE__*/React__default.createElement(FormHelperText, null, helperText)));
|
|
4861
4876
|
};
|
|
4862
4877
|
|
|
4863
|
-
const rootClassName$
|
|
4878
|
+
const rootClassName$o = 'dot-switch';
|
|
4864
4879
|
const StyledSwitch = styled(Switch).withConfig({
|
|
4865
4880
|
displayName: "Switchstyles__StyledSwitch",
|
|
4866
4881
|
componentId: "eign2a-0"
|
|
@@ -4882,14 +4897,14 @@ const DotSwitch = ({
|
|
|
4882
4897
|
onChange,
|
|
4883
4898
|
size: _size = 'medium'
|
|
4884
4899
|
}) => {
|
|
4885
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4900
|
+
const rootClasses = useStylesWithRootClass(rootClassName$o, className);
|
|
4886
4901
|
|
|
4887
4902
|
const handleChange = event => {
|
|
4888
4903
|
onChange && onChange(event);
|
|
4889
4904
|
};
|
|
4890
4905
|
|
|
4891
4906
|
return /*#__PURE__*/React__default.createElement(StyledFormControlLabel, {
|
|
4892
|
-
className: rootClassName$
|
|
4907
|
+
className: rootClassName$A,
|
|
4893
4908
|
control: /*#__PURE__*/React__default.createElement(StyledSwitch, {
|
|
4894
4909
|
checked: checked,
|
|
4895
4910
|
classes: {
|
|
@@ -5240,7 +5255,7 @@ const DotDynamicForm = ({
|
|
|
5240
5255
|
onChange,
|
|
5241
5256
|
onSubmit
|
|
5242
5257
|
}) => {
|
|
5243
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5258
|
+
const rootClasses = useStylesWithRootClass(rootClassName$r, className); // Memoize this operation so that is doesn't get executed each time this
|
|
5244
5259
|
// component re-renders
|
|
5245
5260
|
|
|
5246
5261
|
const initialFormState = useMemo(() => getInitialFormState(config, _liveValidation), [config, _liveValidation, getInitialFormState]);
|
|
@@ -5550,7 +5565,7 @@ function __awaiter(thisArg, _arguments, P, generator) {
|
|
|
5550
5565
|
});
|
|
5551
5566
|
}
|
|
5552
5567
|
|
|
5553
|
-
const rootClassName$
|
|
5568
|
+
const rootClassName$n = 'dot-inline-edit';
|
|
5554
5569
|
const editModeClassName = 'dot-edit-mode';
|
|
5555
5570
|
const viewModeClassName = 'dot-view-mode';
|
|
5556
5571
|
const readOnlyClassName = 'dot-read-only';
|
|
@@ -5659,7 +5674,7 @@ const DotInlineEdit = ({
|
|
|
5659
5674
|
const [inputValue, setInputValue] = useState(_value);
|
|
5660
5675
|
const inputRef = useRef();
|
|
5661
5676
|
const inlineEditRef = useRef();
|
|
5662
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5677
|
+
const rootClasses = useStylesWithRootClass(rootClassName$n, className, editing ? editModeClassName : '');
|
|
5663
5678
|
|
|
5664
5679
|
const handleInlineEditClick = () => {
|
|
5665
5680
|
if (editing) return;
|
|
@@ -5808,14 +5823,14 @@ const DotInlineEdit = ({
|
|
|
5808
5823
|
}, editing ? renderEditMode() : renderViewMode());
|
|
5809
5824
|
};
|
|
5810
5825
|
|
|
5811
|
-
const rootClassName$
|
|
5826
|
+
const rootClassName$m = 'dot-navigation-rail';
|
|
5812
5827
|
const StyledNavigationRail = styled.div.withConfig({
|
|
5813
5828
|
displayName: "NavigationRailstyles__StyledNavigationRail",
|
|
5814
5829
|
componentId: "sc-160kivd-0"
|
|
5815
5830
|
})(["", ""], ({
|
|
5816
5831
|
theme,
|
|
5817
5832
|
railItemPosition
|
|
5818
|
-
}) => 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$
|
|
5833
|
+
}) => 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$m, theme.palette.layer.n50, theme.palette.layer.n100, railItemPosition, theme.spacing(1, 0, 0), theme.palette.layer.n0, theme.palette.layer.n100));
|
|
5819
5834
|
|
|
5820
5835
|
const MAX_ALLOWED_ITEMS = 7;
|
|
5821
5836
|
const DotNavigationRail = ({
|
|
@@ -5827,8 +5842,13 @@ const DotNavigationRail = ({
|
|
|
5827
5842
|
railItems,
|
|
5828
5843
|
selectedIndex: _selectedIndex = 0
|
|
5829
5844
|
}) => {
|
|
5830
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5845
|
+
const rootClasses = useStylesWithRootClass(rootClassName$m, className);
|
|
5831
5846
|
const [selectedItemIndex, setSelectedItemIndex] = useState(_selectedIndex);
|
|
5847
|
+
/* Used to change selected index programmatically from the consumer component */
|
|
5848
|
+
|
|
5849
|
+
useEffect(() => {
|
|
5850
|
+
setSelectedItemIndex(_selectedIndex);
|
|
5851
|
+
}, [_selectedIndex]);
|
|
5832
5852
|
|
|
5833
5853
|
const onItemSelect = index => () => {
|
|
5834
5854
|
setSelectedItemIndex(index);
|
|
@@ -5866,13 +5886,13 @@ const DotNavigationRail = ({
|
|
|
5866
5886
|
}, railItems && renderRailItems());
|
|
5867
5887
|
};
|
|
5868
5888
|
|
|
5869
|
-
const rootClassName$
|
|
5889
|
+
const rootClassName$l = 'dot-pill';
|
|
5870
5890
|
const StyledPill = styled(Chip).withConfig({
|
|
5871
5891
|
displayName: "Pillstyles__StyledPill",
|
|
5872
5892
|
componentId: "l7oxi2-0"
|
|
5873
5893
|
})(["", ""], ({
|
|
5874
5894
|
theme
|
|
5875
|
-
}) => css(["&.", "{background-color:", ";color:", ";&.error{background-color:", ";color:", ";}&.success{background-color:", ";color:", ";}&.warning{background-color:", ";color:", ";}&.in-progress{background-color:", ";color:", ";}"], rootClassName$
|
|
5895
|
+
}) => css(["&.", "{background-color:", ";color:", ";&.error{background-color:", ";color:", ";}&.success{background-color:", ";color:", ";}&.warning{background-color:", ";color:", ";}&.in-progress{background-color:", ";color:", ";}"], rootClassName$l, ({
|
|
5876
5896
|
backgroundcolor
|
|
5877
5897
|
}) => {
|
|
5878
5898
|
return backgroundcolor ? backgroundcolor : theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200];
|
|
@@ -5892,7 +5912,7 @@ const DotPill = ({
|
|
|
5892
5912
|
size: _size = 'medium',
|
|
5893
5913
|
status: _status = 'default'
|
|
5894
5914
|
}) => {
|
|
5895
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5915
|
+
const rootClasses = useStylesWithRootClass(rootClassName$l, className, _status);
|
|
5896
5916
|
return /*#__PURE__*/React__default.createElement(StyledPill, {
|
|
5897
5917
|
"aria-label": ariaLabel,
|
|
5898
5918
|
backgroundcolor: backgroundcolor,
|
|
@@ -5907,13 +5927,13 @@ const DotPill = ({
|
|
|
5907
5927
|
});
|
|
5908
5928
|
};
|
|
5909
5929
|
|
|
5910
|
-
const rootClassName$
|
|
5930
|
+
const rootClassName$k = 'dot-skeleton';
|
|
5911
5931
|
const StyledSkeleton = styled(Skeleton).withConfig({
|
|
5912
5932
|
displayName: "Skeletonstyles__StyledSkeleton",
|
|
5913
5933
|
componentId: "sc-17ayzv5-0"
|
|
5914
5934
|
})(["", ""], ({
|
|
5915
5935
|
theme
|
|
5916
|
-
}) => css(["&.", "{background-color:", ";}"], rootClassName$
|
|
5936
|
+
}) => css(["&.", "{background-color:", ";}"], rootClassName$k, theme.palette.grey[100]));
|
|
5917
5937
|
|
|
5918
5938
|
const DotSkeleton = ({
|
|
5919
5939
|
ariaLabel,
|
|
@@ -5924,7 +5944,7 @@ const DotSkeleton = ({
|
|
|
5924
5944
|
width,
|
|
5925
5945
|
variant
|
|
5926
5946
|
}) => {
|
|
5927
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5947
|
+
const rootClasses = useStylesWithRootClass(rootClassName$k, className); // When we upgrade to Material UI v5 this must be removed!
|
|
5928
5948
|
|
|
5929
5949
|
const skeletonVariant = variant === 'circular' ? 'circle' : variant === 'rectangular' ? 'rect' : variant;
|
|
5930
5950
|
return /*#__PURE__*/React__default.createElement(StyledSkeleton, {
|
|
@@ -5940,13 +5960,13 @@ const DotSkeleton = ({
|
|
|
5940
5960
|
}, children);
|
|
5941
5961
|
};
|
|
5942
5962
|
|
|
5943
|
-
const rootClassName$
|
|
5963
|
+
const rootClassName$j = 'dot-snackbar';
|
|
5944
5964
|
const StyledSnackbar = styled(Snackbar).withConfig({
|
|
5945
5965
|
displayName: "Snackbarstyles__StyledSnackbar",
|
|
5946
5966
|
componentId: "sc-1huxoy3-0"
|
|
5947
5967
|
})(["", ""], ({
|
|
5948
5968
|
theme
|
|
5949
|
-
}) => 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$
|
|
5969
|
+
}) => css(["&.", "{.MuiSvgIcon-root{color:", ";}.MuiAlert-icon{padding:11px 0px;}.MuiAlert-message{padding:13px 0px;}&.MuiSnackbar-anchorOriginTopRight{top:0px;z-index:", ";}.MuiAlert-root{&.MuiAlert-standardInfo{background-color:", ";}&.MuiAlert-standardWarning{color:", ";.MuiSvgIcon-root{color:", ";}}max-width:500px;min-width:344px;color:", ";z-index:", ";position:relative;margin-top:108px;background-color:", ";@media (min-width:720px){.MuiAlert-root{top:112px;position:relative;}}}"], rootClassName$j, theme.palette.layer.n0, levelFourth, theme.palette.primary[500], theme.palette.grey[900], theme.palette.grey[900], theme.palette.layer.n0, levelFourth, props => theme.palette[props.severity].main));
|
|
5950
5970
|
|
|
5951
5971
|
function addAutoHideDuration(severity) {
|
|
5952
5972
|
return severity === 'error' ? null : 10000;
|
|
@@ -5982,7 +6002,7 @@ const DotSnackbar = ({
|
|
|
5982
6002
|
onClose,
|
|
5983
6003
|
action
|
|
5984
6004
|
});
|
|
5985
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6005
|
+
const rootClasses = useStylesWithRootClass(rootClassName$j, className);
|
|
5986
6006
|
return /*#__PURE__*/React__default.createElement(StyledSnackbar, {
|
|
5987
6007
|
anchorOrigin: _anchorOrigin,
|
|
5988
6008
|
"aria-label": ariaLabel,
|
|
@@ -6006,11 +6026,11 @@ const DotSnackbar = ({
|
|
|
6006
6026
|
}, children)));
|
|
6007
6027
|
};
|
|
6008
6028
|
|
|
6009
|
-
const rootClassName$
|
|
6029
|
+
const rootClassName$i = 'dot-snackbar-container';
|
|
6010
6030
|
const StyledSnackbarContainer = styled.div.withConfig({
|
|
6011
6031
|
displayName: "SnackbarContainerstyles__StyledSnackbarContainer",
|
|
6012
6032
|
componentId: "sc-1ogwjuc-0"
|
|
6013
|
-
})(["", ""], () => css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$
|
|
6033
|
+
})(["", ""], () => css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$i));
|
|
6014
6034
|
|
|
6015
6035
|
const DotSnackbarContext = /*#__PURE__*/createContext({
|
|
6016
6036
|
alerts: [],
|
|
@@ -6030,10 +6050,10 @@ const DotSnackbarContainer = () => {
|
|
|
6030
6050
|
}
|
|
6031
6051
|
|
|
6032
6052
|
return /*#__PURE__*/React__default.createElement(StyledSnackbarContainer, {
|
|
6033
|
-
className: rootClassName$
|
|
6053
|
+
className: rootClassName$i
|
|
6034
6054
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
6035
|
-
className: rootClassName$
|
|
6036
|
-
"data-testid": rootClassName$
|
|
6055
|
+
className: rootClassName$i,
|
|
6056
|
+
"data-testid": rootClassName$i
|
|
6037
6057
|
}, alerts.slice().reverse().map(alert => {
|
|
6038
6058
|
return /*#__PURE__*/React__default.createElement(DotSnackbar, {
|
|
6039
6059
|
key: alert.id,
|
|
@@ -6085,14 +6105,14 @@ const useDotSnackbarContext = () => {
|
|
|
6085
6105
|
return useContext(DotSnackbarContext);
|
|
6086
6106
|
};
|
|
6087
6107
|
|
|
6088
|
-
const rootClassName$
|
|
6108
|
+
const rootClassName$h = 'dot-split-button-group';
|
|
6089
6109
|
const StyledSplitButtonGroup = styled(ButtonGroup).withConfig({
|
|
6090
6110
|
displayName: "SplitButtonstyles__StyledSplitButtonGroup",
|
|
6091
6111
|
componentId: "ild520-0"
|
|
6092
6112
|
})(["", ""], ({
|
|
6093
6113
|
theme
|
|
6094
|
-
}) => 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$
|
|
6095
|
-
const StyledMenu$
|
|
6114
|
+
}) => 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$h, theme.palette.grey['50'], theme.palette.grey['200'], theme.palette.grey['300'], theme.palette.error['800'], theme.spacing(0.75, 1.5), theme.palette.primary['800']));
|
|
6115
|
+
const StyledMenu$2 = styled(DotMenu).withConfig({
|
|
6096
6116
|
displayName: "SplitButtonstyles__StyledMenu",
|
|
6097
6117
|
componentId: "ild520-1"
|
|
6098
6118
|
})(["&.dot-menu{z-index:", ";}"], levelTop);
|
|
@@ -6118,7 +6138,7 @@ const DotSplitButton = ({
|
|
|
6118
6138
|
tooltip,
|
|
6119
6139
|
type: _type = 'primary'
|
|
6120
6140
|
}) => {
|
|
6121
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6141
|
+
const rootClasses = useStylesWithRootClass(rootClassName$h, className, _type, _disabled ? 'disabled' : '');
|
|
6122
6142
|
const [open, setOpen] = useState(false);
|
|
6123
6143
|
const anchorRef = useRef(null);
|
|
6124
6144
|
const optionIndexMap = {};
|
|
@@ -6171,7 +6191,7 @@ const DotSplitButton = ({
|
|
|
6171
6191
|
fontSize: "small",
|
|
6172
6192
|
iconId: "arrow-down",
|
|
6173
6193
|
tooltip: tooltip
|
|
6174
|
-
}))), /*#__PURE__*/React__default.createElement(StyledMenu$
|
|
6194
|
+
}))), /*#__PURE__*/React__default.createElement(StyledMenu$2, {
|
|
6175
6195
|
anchorEl: anchorRef.current,
|
|
6176
6196
|
disablePortal: disablePortal,
|
|
6177
6197
|
id: "dot-menu-id",
|
|
@@ -6183,14 +6203,14 @@ const DotSplitButton = ({
|
|
|
6183
6203
|
}));
|
|
6184
6204
|
};
|
|
6185
6205
|
|
|
6186
|
-
const rootClassName$
|
|
6206
|
+
const rootClassName$g = 'dot-table-pagination';
|
|
6187
6207
|
const StyledTablePagination = styled.div.withConfig({
|
|
6188
6208
|
displayName: "TablePaginationstyles__StyledTablePagination",
|
|
6189
6209
|
componentId: "bs7p0b-0"
|
|
6190
6210
|
})(["", ""], ({
|
|
6191
6211
|
theme,
|
|
6192
6212
|
typography
|
|
6193
|
-
}) => css([".", "{.dot-caption{font-size:", "px;margin:0;}.dot-menu{margin-bottom:0;}border-top:1px solid ", ";}"], rootClassName$
|
|
6213
|
+
}) => css([".", "{.dot-caption{font-size:", "px;margin:0;}.dot-menu{margin-bottom:0;}border-top:1px solid ", ";}"], rootClassName$g, theme.typography[typography].fontSize, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200]));
|
|
6194
6214
|
|
|
6195
6215
|
const ROWS_PER_PAGE_OPTIONS = [10, 25, 50, 100, 150, 200];
|
|
6196
6216
|
/** This component wraps the TablePagination component from @material-ui. */
|
|
@@ -6206,7 +6226,7 @@ const DotTablePagination = ({
|
|
|
6206
6226
|
rowsPerPage: _rowsPerPage = 10,
|
|
6207
6227
|
typography: _typography = 'body1'
|
|
6208
6228
|
}) => {
|
|
6209
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6229
|
+
const rootClasses = useStylesWithRootClass(rootClassName$g, className);
|
|
6210
6230
|
|
|
6211
6231
|
const handlePageChange = (event, newPage) => {
|
|
6212
6232
|
onChangePage && onChangePage(newPage);
|
|
@@ -6243,20 +6263,20 @@ const DotTablePagination = ({
|
|
|
6243
6263
|
);
|
|
6244
6264
|
};
|
|
6245
6265
|
|
|
6246
|
-
const rootClassName$
|
|
6266
|
+
const rootClassName$f = 'dot-table';
|
|
6247
6267
|
const StyledPaper = styled(Paper).withConfig({
|
|
6248
6268
|
displayName: "Tablestyles__StyledPaper",
|
|
6249
6269
|
componentId: "s95z6y-0"
|
|
6250
6270
|
})(["", ""], ({
|
|
6251
6271
|
theme
|
|
6252
|
-
}) => css(["&.", "{background:", ";border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$
|
|
6272
|
+
}) => css(["&.", "{background:", ";overflow:hidden;border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$f, theme.palette.product === 'agility' && theme.palette.layer.n50, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200]));
|
|
6253
6273
|
const StyledTableContainer = styled(TableContainer).withConfig({
|
|
6254
6274
|
displayName: "Tablestyles__StyledTableContainer",
|
|
6255
6275
|
componentId: "s95z6y-1"
|
|
6256
6276
|
})(["", ""], ({
|
|
6257
6277
|
theme
|
|
6258
6278
|
}) => css(["&.dot-table-container{border-radius:4px;align-items:stretch;flex-direction:column;justify-content:center;table{width:100%;td,th{.dot-cell-typography{margin:0;}}.Mui-selected:not(:hover){background-color:", ";}.MuiTableRow-head{height:56px;}.MuiTableCell-root{border-bottom:1px solid ", ";&.MuiTableCell-stickyHeader{background:", ";}}.MuiTableRow-root{height:52px;}}}"], theme.palette.product === 'agility' ? theme.palette.agilityInterface.fixedCol : theme.palette.grey[200], theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200], theme.palette.product === 'agility' && theme.palette.layer.n50));
|
|
6259
|
-
const StyledMenu = styled(DotMenu).withConfig({
|
|
6279
|
+
const StyledMenu$1 = styled(DotMenu).withConfig({
|
|
6260
6280
|
displayName: "Tablestyles__StyledMenu",
|
|
6261
6281
|
componentId: "s95z6y-2"
|
|
6262
6282
|
})([".dot-ul > li{padding:0;> button{width:100%;margin:0;justify-content:flex-start;}}"]);
|
|
@@ -6327,11 +6347,11 @@ const getBulkSelectedRowIds = (isChecked, selectedIds, pageData) => {
|
|
|
6327
6347
|
return newIds;
|
|
6328
6348
|
};
|
|
6329
6349
|
|
|
6330
|
-
const rootClassName$
|
|
6350
|
+
const rootClassName$e = 'dot-td';
|
|
6331
6351
|
const StyledTableCell = styled(TableCell).withConfig({
|
|
6332
6352
|
displayName: "TableCellstyles__StyledTableCell",
|
|
6333
6353
|
componentId: "e84k25-0"
|
|
6334
|
-
})(["", ""], () => 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$
|
|
6354
|
+
})(["", ""], () => css(["&.", "{padding-top:0;padding-bottom:0;&.noWrap,&.actionItems{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}&.actionItems{text-overflow:clip;text-align:right;}.action-cell-wrapper{width:100%;}}"], rootClassName$e));
|
|
6335
6355
|
|
|
6336
6356
|
/**
|
|
6337
6357
|
* A wrapper component around the TableCell component from @material-ui.
|
|
@@ -6378,7 +6398,7 @@ const DotBodyCell = ({
|
|
|
6378
6398
|
setShowMenu(isOverflowing);
|
|
6379
6399
|
};
|
|
6380
6400
|
|
|
6381
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6401
|
+
const rootClasses = useStylesWithRootClass(rootClassName$e, className, noWrap && 'noWrap', Array.isArray(value) && 'actionItems');
|
|
6382
6402
|
|
|
6383
6403
|
const getTableCellValue = () => {
|
|
6384
6404
|
if (Array.isArray(value)) {
|
|
@@ -6418,13 +6438,13 @@ const DotBodyCell = ({
|
|
|
6418
6438
|
}, getTableCellValue());
|
|
6419
6439
|
};
|
|
6420
6440
|
|
|
6421
|
-
const rootClassName$
|
|
6441
|
+
const rootClassName$d = 'dot-td-checkbox';
|
|
6422
6442
|
const StyledTableBodyCheckboxCell = styled(TableCell).withConfig({
|
|
6423
6443
|
displayName: "TableBodyCheckboxCellstyles__StyledTableBodyCheckboxCell",
|
|
6424
6444
|
componentId: "ebk3sz-0"
|
|
6425
6445
|
})(["", ""], ({
|
|
6426
6446
|
theme
|
|
6427
|
-
}) => css(["&.", "{
|
|
6447
|
+
}) => css(["&.", "{.dot-form-control-label{margin:0;}width:", "px;padding:", ";}"], rootClassName$d, theme.spacing(5), theme.spacing(0, 1)));
|
|
6428
6448
|
|
|
6429
6449
|
const DotBodyCheckboxCell = ({
|
|
6430
6450
|
ariaLabel,
|
|
@@ -6434,7 +6454,7 @@ const DotBodyCheckboxCell = ({
|
|
|
6434
6454
|
onChange,
|
|
6435
6455
|
rowId
|
|
6436
6456
|
}) => {
|
|
6437
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6457
|
+
const rootClasses = useStylesWithRootClass(rootClassName$d, className);
|
|
6438
6458
|
const [isCheckboxChecked, setIsCheckboxChecked] = useState(isChecked);
|
|
6439
6459
|
/** This effect is used when 'checked' status is changed from the outside */
|
|
6440
6460
|
|
|
@@ -6461,13 +6481,13 @@ const DotBodyCheckboxCell = ({
|
|
|
6461
6481
|
}));
|
|
6462
6482
|
};
|
|
6463
6483
|
|
|
6464
|
-
const rootClassName$
|
|
6484
|
+
const rootClassName$c = 'dot-tr';
|
|
6465
6485
|
const StyledTableRowStyles = styled(TableRow).withConfig({
|
|
6466
6486
|
displayName: "TableRowstyles__StyledTableRowStyles",
|
|
6467
6487
|
componentId: "a4fx2l-0"
|
|
6468
6488
|
})(["", ""], ({
|
|
6469
6489
|
theme
|
|
6470
|
-
}) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$
|
|
6490
|
+
}) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$c, theme.palette.primary[50]));
|
|
6471
6491
|
|
|
6472
6492
|
/**
|
|
6473
6493
|
* A wrapper component around the TableRow component from @material-ui. This component can be used
|
|
@@ -6497,7 +6517,7 @@ const DotTableRow = ({
|
|
|
6497
6517
|
selectedTableRowIds
|
|
6498
6518
|
} = multiSelectBody || {};
|
|
6499
6519
|
const isCheckboxChecked = selectedTableRowIds && selectedTableRowIds.includes(id) || false;
|
|
6500
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6520
|
+
const rootClasses = useStylesWithRootClass(rootClassName$c, isCheckboxChecked ? 'selected' : undefined, className);
|
|
6501
6521
|
|
|
6502
6522
|
const renderCheckboxCell = () => {
|
|
6503
6523
|
return /*#__PURE__*/React__default.createElement(DotBodyCheckboxCell, {
|
|
@@ -6542,13 +6562,13 @@ const EmptyDotRow = ({
|
|
|
6542
6562
|
}));
|
|
6543
6563
|
};
|
|
6544
6564
|
|
|
6545
|
-
const rootClassName$
|
|
6565
|
+
const rootClassName$b = 'dot-tbody';
|
|
6546
6566
|
const StyledTableBody = styled(TableBody).withConfig({
|
|
6547
6567
|
displayName: "TableBodystyles__StyledTableBody",
|
|
6548
6568
|
componentId: "wszqgk-0"
|
|
6549
6569
|
})(["", ""], ({
|
|
6550
6570
|
theme
|
|
6551
|
-
}) => css(["&.", "{tr:hover{background-color:", ";}tr:last-child td{border-bottom:none;}.empty-row td{text-align:center;}}"], rootClassName$
|
|
6571
|
+
}) => css(["&.", "{tr:hover{background-color:", ";}tr:last-child td{border-bottom:none;}.empty-row td{text-align:center;}}"], rootClassName$b, theme.palette.product === 'agility' ? theme.palette.agilityInterface.fixedCol : theme.palette.grey[50]));
|
|
6552
6572
|
|
|
6553
6573
|
/**
|
|
6554
6574
|
* A wrapper component around the TableBody component from @material-ui. This component can be used
|
|
@@ -6603,9 +6623,9 @@ const DotTableBody = ({
|
|
|
6603
6623
|
|
|
6604
6624
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledTableBody, {
|
|
6605
6625
|
classes: {
|
|
6606
|
-
root: rootClassName$
|
|
6626
|
+
root: rootClassName$b
|
|
6607
6627
|
}
|
|
6608
|
-
}, getTableBodyRows()), /*#__PURE__*/React__default.createElement(StyledMenu, {
|
|
6628
|
+
}, getTableBodyRows()), /*#__PURE__*/React__default.createElement(StyledMenu$1, {
|
|
6609
6629
|
anchorEl: anchorEl,
|
|
6610
6630
|
disablePortal: true,
|
|
6611
6631
|
id: menuId,
|
|
@@ -6616,11 +6636,11 @@ const DotTableBody = ({
|
|
|
6616
6636
|
}));
|
|
6617
6637
|
};
|
|
6618
6638
|
|
|
6619
|
-
const rootClassName$
|
|
6639
|
+
const rootClassName$a = 'dot-th';
|
|
6620
6640
|
const StyledTableHeaderCell = styled(TableCell).withConfig({
|
|
6621
6641
|
displayName: "TableHeaderCellstyles__StyledTableHeaderCell",
|
|
6622
6642
|
componentId: "nko9j-0"
|
|
6623
|
-
})(["", ""], () => css(["&.", "{&.MuiTableCell-alignCenter > span.MuiTableSortLabel-root{padding-left:26px;}.dot-cell-typography{font-weight:700;}}"], rootClassName$
|
|
6643
|
+
})(["", ""], () => css(["&.", "{&.MuiTableCell-alignCenter > span.MuiTableSortLabel-root{padding-left:26px;}.dot-cell-typography{font-weight:700;}}"], rootClassName$a));
|
|
6624
6644
|
|
|
6625
6645
|
/**
|
|
6626
6646
|
* A wrapper component around the TableCell component from @material-ui. This component should only
|
|
@@ -6665,7 +6685,7 @@ const DotHeaderCell = ({
|
|
|
6665
6685
|
return /*#__PURE__*/React__default.createElement(StyledTableHeaderCell, {
|
|
6666
6686
|
align: cellAlignment,
|
|
6667
6687
|
classes: {
|
|
6668
|
-
root: rootClassName$
|
|
6688
|
+
root: rootClassName$a
|
|
6669
6689
|
},
|
|
6670
6690
|
key: uid,
|
|
6671
6691
|
sortDirection: _sortable ? sortDirection : undefined,
|
|
@@ -6674,13 +6694,13 @@ const DotHeaderCell = ({
|
|
|
6674
6694
|
}, getCellValue());
|
|
6675
6695
|
};
|
|
6676
6696
|
|
|
6677
|
-
const rootClassName$
|
|
6697
|
+
const rootClassName$9 = 'dot-th-checkbox';
|
|
6678
6698
|
const StyledTableHeaderCheckboxCell = styled(TableCell).withConfig({
|
|
6679
6699
|
displayName: "TableHeaderCheckboxCellstyles__StyledTableHeaderCheckboxCell",
|
|
6680
6700
|
componentId: "ymqg8x-0"
|
|
6681
6701
|
})(["", ""], ({
|
|
6682
6702
|
theme
|
|
6683
|
-
}) => css(["&.", "{
|
|
6703
|
+
}) => css(["&.", "{.dot-form-control-label{margin:0;}width:", "px;padding:", ";}"], rootClassName$9, theme.spacing(5), theme.spacing(0, 1)));
|
|
6684
6704
|
|
|
6685
6705
|
const DotHeaderCheckboxCell = ({
|
|
6686
6706
|
ariaLabel,
|
|
@@ -6689,7 +6709,7 @@ const DotHeaderCheckboxCell = ({
|
|
|
6689
6709
|
multiSelectState,
|
|
6690
6710
|
onCheckAllChange
|
|
6691
6711
|
}) => {
|
|
6692
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6712
|
+
const rootClasses = useStylesWithRootClass(rootClassName$9, className);
|
|
6693
6713
|
const [checkboxState, setCheckboxState] = useState('unchecked');
|
|
6694
6714
|
useEffect(() => {
|
|
6695
6715
|
setCheckboxState(multiSelectState);
|
|
@@ -6806,13 +6826,13 @@ const DotHeaderRow = ({
|
|
|
6806
6826
|
})));
|
|
6807
6827
|
};
|
|
6808
6828
|
|
|
6809
|
-
const rootClassName$
|
|
6829
|
+
const rootClassName$8 = 'dot-table-selection-toolbar';
|
|
6810
6830
|
const StyledTableSelectionToolbar = styled(DotActionToolbar).withConfig({
|
|
6811
6831
|
displayName: "TableSelectionToolbarstyles__StyledTableSelectionToolbar",
|
|
6812
6832
|
componentId: "qpx3y9-0"
|
|
6813
6833
|
})(["", ""], ({
|
|
6814
6834
|
theme
|
|
6815
|
-
}) => 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$
|
|
6835
|
+
}) => css(["&.", "{display:flex;align-items:center;justify-content:space-between;background-color:", ";.dot-selected-rows-container{display:flex;align-items:center;.dot-button{padding:", ";}}.dot-selected-rows-heading{font-weight:bold;}.dot-selected-rows-divider{padding:", ";}}"], rootClassName$8, theme.palette.primary[50], theme.spacing(0.25, 0.25, 0, 0.5), theme.spacing(0.25, 0, 0, 1)));
|
|
6816
6836
|
|
|
6817
6837
|
const DotTableSelectionToolbar = ({
|
|
6818
6838
|
ariaLabel,
|
|
@@ -6822,7 +6842,7 @@ const DotTableSelectionToolbar = ({
|
|
|
6822
6842
|
onClearAll,
|
|
6823
6843
|
selectedRowsNumber
|
|
6824
6844
|
}) => {
|
|
6825
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6845
|
+
const rootClasses = useStylesWithRootClass(rootClassName$8, className);
|
|
6826
6846
|
return /*#__PURE__*/React__default.createElement(StyledTableSelectionToolbar, {
|
|
6827
6847
|
ariaLabel: ariaLabel,
|
|
6828
6848
|
className: rootClasses,
|
|
@@ -6909,7 +6929,7 @@ const DotTable = ({
|
|
|
6909
6929
|
};
|
|
6910
6930
|
|
|
6911
6931
|
const [pageData, setPageData] = useState(getSortedData().slice(0, rowsPerPage ? rowsPerPage : data.length));
|
|
6912
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6932
|
+
const rootClasses = useStylesWithRootClass(rootClassName$f, className, _loading ? 'loading' : '');
|
|
6913
6933
|
|
|
6914
6934
|
const updateData = (newOrder, newOrderBy, newPage, newRowsPerPage) => {
|
|
6915
6935
|
const newData = stableSort(data, getComparator(newOrder, newOrderBy));
|
|
@@ -6961,13 +6981,18 @@ const DotTable = ({
|
|
|
6961
6981
|
};
|
|
6962
6982
|
|
|
6963
6983
|
const tableData = getData();
|
|
6964
|
-
const hasActionColumn = checkIfActionColumnExist(columns, tableData);
|
|
6984
|
+
const hasActionColumn = checkIfActionColumnExist(columns, tableData);
|
|
6985
|
+
|
|
6986
|
+
if (hasActionColumn) {
|
|
6987
|
+
console.warn("The use of an array in the last column of rowData to indicate an Actions column is deprecated. Use 'DotTableActions' instead.");
|
|
6988
|
+
} // If table is not paginated (rowsPerPage prop not provided), ignore 'count'.
|
|
6965
6989
|
// If paging is managed externally (onUpdateData callback provided) then use
|
|
6966
6990
|
// the 'count' prop for total row count if it is provided, otherwise use
|
|
6967
6991
|
// -1 (unknown). If paging is managed internally (onUpdateData not provided)
|
|
6968
6992
|
// ignore 'count' prop and use the length of the provided 'data' for the
|
|
6969
6993
|
// total row count.
|
|
6970
6994
|
|
|
6995
|
+
|
|
6971
6996
|
const getTotalCount = () => {
|
|
6972
6997
|
const validCount = count ? count : -1;
|
|
6973
6998
|
const totalCount = onUpdateData ? validCount : data.length;
|
|
@@ -7069,13 +7094,140 @@ const DotTable = ({
|
|
|
7069
7094
|
}));
|
|
7070
7095
|
};
|
|
7071
7096
|
|
|
7072
|
-
const
|
|
7097
|
+
const getMenuItem = action => {
|
|
7098
|
+
const startIcon = action.iconId && /*#__PURE__*/React__default.createElement(DotIcon, {
|
|
7099
|
+
iconId: action.iconId
|
|
7100
|
+
});
|
|
7101
|
+
return /*#__PURE__*/React__default.createElement(DotButton, {
|
|
7102
|
+
className: "table-menu-button",
|
|
7103
|
+
"data-testid": action['data-testid'],
|
|
7104
|
+
disabled: action.disabled,
|
|
7105
|
+
startIcon: startIcon,
|
|
7106
|
+
onClick: action.onClick,
|
|
7107
|
+
type: "text"
|
|
7108
|
+
}, action.label);
|
|
7109
|
+
};
|
|
7110
|
+
const DotTableAction = ({
|
|
7111
|
+
'data-testid': dataTestId,
|
|
7112
|
+
disabled: _disabled = false,
|
|
7113
|
+
iconId,
|
|
7114
|
+
onClick,
|
|
7115
|
+
tooltip
|
|
7116
|
+
}) => {
|
|
7117
|
+
return /*#__PURE__*/React__default.createElement(DotIconButton, {
|
|
7118
|
+
className: "dot-table-action-icon",
|
|
7119
|
+
"data-testid": dataTestId,
|
|
7120
|
+
disabled: _disabled,
|
|
7121
|
+
iconId: iconId,
|
|
7122
|
+
iconSize: "small",
|
|
7123
|
+
onClick: onClick,
|
|
7124
|
+
size: "small",
|
|
7125
|
+
tooltip: tooltip
|
|
7126
|
+
});
|
|
7127
|
+
};
|
|
7128
|
+
|
|
7129
|
+
const rootClassName$7 = 'dot-table-actions';
|
|
7130
|
+
const TableActionsContainer = styled.div.withConfig({
|
|
7131
|
+
displayName: "TableActionsstyles__TableActionsContainer",
|
|
7132
|
+
componentId: "sc-8lo813-0"
|
|
7133
|
+
})(["overflow:hidden;text-overflow:clip;text-align:right;"]);
|
|
7134
|
+
const StyledMenu = styled(DotMenu).withConfig({
|
|
7135
|
+
displayName: "TableActionsstyles__StyledMenu",
|
|
7136
|
+
componentId: "sc-8lo813-1"
|
|
7137
|
+
})(["", ""], ({
|
|
7138
|
+
theme
|
|
7139
|
+
}) => css(["&.dot-menu .table-menu-button{margin-left:0;padding-left:0;&:hover{background-color:", ";}}"], theme.palette.grey[50]));
|
|
7140
|
+
|
|
7141
|
+
const DotTableActions = ({
|
|
7142
|
+
actions,
|
|
7143
|
+
id
|
|
7144
|
+
}) => {
|
|
7145
|
+
const wrapperRef = useRef(null);
|
|
7146
|
+
const [menuItems, setMenuItems] = useState();
|
|
7147
|
+
const [selectionMap, setSelectionMap] = useState();
|
|
7148
|
+
const [anchorEl, setAnchorEl] = useState(null);
|
|
7149
|
+
const [showMenu, setShowMenu] = useState(false);
|
|
7150
|
+
const [menuOpen, setMenuOpen] = useState(false);
|
|
7151
|
+
useEffect(() => {
|
|
7152
|
+
const items = actions.map(action => ({
|
|
7153
|
+
ariaLabel: action.ariaLabel,
|
|
7154
|
+
children: getMenuItem(action),
|
|
7155
|
+
disabled: action.disabled,
|
|
7156
|
+
key: action.id
|
|
7157
|
+
}));
|
|
7158
|
+
setMenuItems(items);
|
|
7159
|
+
const map = {};
|
|
7160
|
+
actions.forEach(action => {
|
|
7161
|
+
map[action.id] = action;
|
|
7162
|
+
});
|
|
7163
|
+
setSelectionMap(map);
|
|
7164
|
+
checkForOverflowing();
|
|
7165
|
+
window.addEventListener('resize', checkForOverflowing);
|
|
7166
|
+
return () => {
|
|
7167
|
+
window.removeEventListener('resize', checkForOverflowing);
|
|
7168
|
+
};
|
|
7169
|
+
}, []);
|
|
7170
|
+
|
|
7171
|
+
const checkForOverflowing = () => {
|
|
7172
|
+
if (actions.length > 1) {
|
|
7173
|
+
const actionIcons = document.getElementsByClassName('dot-table-action-icon');
|
|
7174
|
+
const actionTableCellWidth = 3 * (actionIcons.length > 0 && actionIcons[0].clientWidth);
|
|
7175
|
+
const isOverflowing = actionTableCellWidth > (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current.clientWidth);
|
|
7176
|
+
setShowMenu(isOverflowing);
|
|
7177
|
+
}
|
|
7178
|
+
};
|
|
7179
|
+
|
|
7180
|
+
const toggleMenu = event => {
|
|
7181
|
+
setAnchorEl(event.currentTarget);
|
|
7182
|
+
setMenuOpen(!menuOpen);
|
|
7183
|
+
};
|
|
7184
|
+
|
|
7185
|
+
const onSelect = (_event, _menuId, itemKey) => {
|
|
7186
|
+
selectionMap[itemKey].onClick(null);
|
|
7187
|
+
};
|
|
7188
|
+
|
|
7189
|
+
const onLeave = () => {
|
|
7190
|
+
setMenuOpen(false);
|
|
7191
|
+
};
|
|
7192
|
+
|
|
7193
|
+
const renderTableActions = () => {
|
|
7194
|
+
return actions && actions.map((action, index) => index < 2 && /*#__PURE__*/React__default.createElement(DotTableAction, {
|
|
7195
|
+
iconId: action.iconId,
|
|
7196
|
+
label: action.label,
|
|
7197
|
+
key: `action-${index}`,
|
|
7198
|
+
tooltip: action.tooltip || action.label,
|
|
7199
|
+
onClick: action.onClick
|
|
7200
|
+
}));
|
|
7201
|
+
};
|
|
7202
|
+
|
|
7203
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TableActionsContainer, {
|
|
7204
|
+
className: rootClassName$7,
|
|
7205
|
+
ref: wrapperRef
|
|
7206
|
+
}, !showMenu && renderTableActions(), (showMenu || actions.length > 2) && /*#__PURE__*/React__default.createElement(DotIconButton, {
|
|
7207
|
+
className: "dot-table-action-icon",
|
|
7208
|
+
iconId: "options",
|
|
7209
|
+
iconSize: "small",
|
|
7210
|
+
onClick: toggleMenu,
|
|
7211
|
+
size: "small",
|
|
7212
|
+
tooltip: "More options"
|
|
7213
|
+
})), /*#__PURE__*/React__default.createElement(StyledMenu, {
|
|
7214
|
+
anchorEl: anchorEl,
|
|
7215
|
+
id: id,
|
|
7216
|
+
menuItems: menuItems,
|
|
7217
|
+
menuPlacement: "bottom-end",
|
|
7218
|
+
onLeave: onLeave,
|
|
7219
|
+
open: menuOpen,
|
|
7220
|
+
onSelect: onSelect
|
|
7221
|
+
}));
|
|
7222
|
+
};
|
|
7223
|
+
|
|
7224
|
+
const rootClassName$6 = 'dot-tabs';
|
|
7073
7225
|
const StyledTabs = styled(Tabs).withConfig({
|
|
7074
7226
|
displayName: "Tabsstyles__StyledTabs",
|
|
7075
7227
|
componentId: "sc-1pmrz8k-0"
|
|
7076
7228
|
})(["", ""], ({
|
|
7077
7229
|
theme
|
|
7078
|
-
}) => 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$
|
|
7230
|
+
}) => css(["&.", "{&.MuiTabs-root{width:100%;}.dot-tab-label-container{display:flex;.dot-tab-label{padding-top:", "px;}}.MuiTab-root{color:", ";max-width:360px;min-width:0;&:hover{background-color:", ";color:", ";}&.Mui-selected{color:", ";}&.Mui-disabled{color:", ";}&.MuiTab-textColorPrimary:hover{background-color:", ";}&.MuiTab-textColorSecondary:hover{background-color:", ";}}.MuiIcon-root{display:inline;padding-right:", "px;}.MuiTabs-indicator{background-color:", ";}}"], rootClassName$6, theme.spacing(0.5), theme.palette.product === 'agility' && theme.palette.layer.n700, theme.palette.product === 'agility' && theme.palette.agilityInterface.activeCardBg, theme.palette.product === 'agility' && agilityGreen, theme.palette.product === 'agility' && agilityGreen, theme.palette.product === 'agility' && theme.palette.agilityInterface.disabledText, theme.palette.product !== 'agility' && alpha(theme.palette.primary.main, 0.12), theme.palette.product !== 'agility' && alpha(theme.palette.secondary.main, 0.12), theme.spacing(0.5), theme.palette.product === 'agility' && agilityGreen));
|
|
7079
7231
|
|
|
7080
7232
|
const DotTabs = ({
|
|
7081
7233
|
centered: _centered = false,
|
|
@@ -7089,7 +7241,7 @@ const DotTabs = ({
|
|
|
7089
7241
|
variant: _variant = 'standard'
|
|
7090
7242
|
}) => {
|
|
7091
7243
|
const [value, setValue] = useState(_initialValue);
|
|
7092
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7244
|
+
const rootClasses = useStylesWithRootClass(rootClassName$6, className); // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
7093
7245
|
|
|
7094
7246
|
const handleChange = (_event, val) => {
|
|
7095
7247
|
setValue(val);
|
|
@@ -7133,42 +7285,61 @@ const DotTabs = ({
|
|
|
7133
7285
|
}, tabArray);
|
|
7134
7286
|
};
|
|
7135
7287
|
|
|
7136
|
-
const rootClassName$
|
|
7137
|
-
const containerClassName = `${rootClassName$
|
|
7138
|
-
const
|
|
7139
|
-
const dropZoneClassName = `${rootClassName$4}-drop-zone`;
|
|
7288
|
+
const rootClassName$5 = 'dot-file-upload';
|
|
7289
|
+
const containerClassName = `${rootClassName$5}-container`;
|
|
7290
|
+
const dropZoneClassName = `${rootClassName$5}-drop-zone`;
|
|
7140
7291
|
const StyledFileUploadContainer = styled.div.withConfig({
|
|
7141
7292
|
displayName: "FileUploadstyles__StyledFileUploadContainer",
|
|
7142
7293
|
componentId: "sc-1q8bcxy-0"
|
|
7143
7294
|
})(["", ""], ({
|
|
7144
7295
|
theme
|
|
7145
|
-
}) => css(["&.", "{.dot-max-files-message.dot-max-files-reached{color:", ";}
|
|
7296
|
+
}) => css(["&.", "{.dot-max-files-message.dot-max-files-reached{color:", ";}}"], containerClassName, theme.palette.error[500]));
|
|
7146
7297
|
const StyledFileUpload = styled.div.withConfig({
|
|
7147
7298
|
displayName: "FileUploadstyles__StyledFileUpload",
|
|
7148
7299
|
componentId: "sc-1q8bcxy-1"
|
|
7149
7300
|
})(["", ""], ({
|
|
7150
7301
|
theme
|
|
7151
|
-
}) => css(["&.", ".", "{align-items:center;background:", ";border:2px dashed ", ";border-radius:4px;color:", ";display:flex;flex-direction:column;flex-wrap:wrap;height:240px;justify-content:center;padding:", ";margin-bottom:", "px;text-align:center;&.disabled .dot-typography{color:", ";}.dot-icon{color:", ";font-size:100px;i.dot-i{height:100px;}}}"], rootClassName$
|
|
7302
|
+
}) => css(["&.", ".", "{align-items:center;background:", ";border:2px dashed ", ";border-radius:4px;color:", ";display:flex;flex-direction:column;flex-wrap:wrap;height:240px;justify-content:center;padding:", ";margin-bottom:", "px;text-align:center;&.disabled .dot-typography{color:", ";}.dot-icon{color:", ";font-size:100px;i.dot-i{height:100px;}}}"], rootClassName$5, dropZoneClassName, theme.palette.layer.n50, theme.palette.layer.n300, theme.palette.layer.n500, theme.spacing(3, 0), theme.spacing(1), theme.palette.layer.n300, theme.palette.layer.n100));
|
|
7303
|
+
|
|
7304
|
+
const rootClassName$4 = 'dot-file-list-item';
|
|
7305
|
+
const StyledFileListItem = styled(StyledListItem).withConfig({
|
|
7306
|
+
displayName: "FileListItemstyles__StyledFileListItem",
|
|
7307
|
+
componentId: "sc-6mp1tz-0"
|
|
7308
|
+
})(["", ""], ({
|
|
7309
|
+
theme
|
|
7310
|
+
}) => css(["&.", "{border-bottom:1px solid ", ";&:hover{cursor:pointer;background:", ";}&.file-success:not(:hover){.", "-end-icon .dot-icon i:before{color:", ";}}&.file-error:not(:hover){.MuiListItemText-secondary,.", "-end-icon .dot-icon i:before{color:", ";}}.dot-typography,.file-item-text{flex-grow:2;padding-left:", "px;}.file-item-text{display:flex;flex-direction:column;.MuiTypography-body2{color:", ";}}}"], rootClassName$4, theme.palette.layer.n100, theme.palette.layer.n50, rootClassName$4, theme.palette.secondary.main, rootClassName$4, theme.palette.error.main, theme.spacing(1), theme.palette.error.main));
|
|
7152
7311
|
|
|
7153
7312
|
const DotFileListItem = ({
|
|
7154
7313
|
ariaLabel,
|
|
7155
7314
|
className,
|
|
7156
7315
|
'data-testid': dataTestId,
|
|
7157
7316
|
deleteFile,
|
|
7317
|
+
disableDelete,
|
|
7158
7318
|
error: _error = false,
|
|
7159
7319
|
errorText,
|
|
7160
|
-
file
|
|
7320
|
+
file,
|
|
7321
|
+
onClick
|
|
7161
7322
|
}) => {
|
|
7162
|
-
const rootClasses = useStylesWithRootClass(
|
|
7323
|
+
const rootClasses = useStylesWithRootClass(rootClassName$4, className, _error ? 'file-error' : 'file-success');
|
|
7163
7324
|
const defaultIcon = _error ? 'error-solid' : 'check-solid';
|
|
7164
7325
|
const [endIcon, setEndIcon] = useState(defaultIcon);
|
|
7165
|
-
|
|
7326
|
+
|
|
7327
|
+
const handleItemClick = clickedFile => _event => onClick === null || onClick === void 0 ? void 0 : onClick(clickedFile);
|
|
7328
|
+
|
|
7329
|
+
const handleItemDelete = fileId => event => {
|
|
7330
|
+
event.stopPropagation();
|
|
7331
|
+
deleteFile(fileId);
|
|
7332
|
+
};
|
|
7333
|
+
|
|
7334
|
+
return /*#__PURE__*/React__default.createElement(StyledFileListItem, {
|
|
7166
7335
|
"aria-label": ariaLabel,
|
|
7167
7336
|
className: rootClasses,
|
|
7168
7337
|
"data-testid": dataTestId,
|
|
7338
|
+
onClick: handleItemClick(file),
|
|
7169
7339
|
onMouseEnter: () => setEndIcon('delete'),
|
|
7170
7340
|
onMouseLeave: () => setEndIcon(defaultIcon)
|
|
7171
7341
|
}, /*#__PURE__*/React__default.createElement(DotIcon, {
|
|
7342
|
+
"data-testid": dataTestId && `${dataTestId}-start-icon`,
|
|
7172
7343
|
iconId: "file"
|
|
7173
7344
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
7174
7345
|
className: "file-item-text"
|
|
@@ -7177,9 +7348,11 @@ const DotFileListItem = ({
|
|
|
7177
7348
|
}, file.path), _error && /*#__PURE__*/React__default.createElement(DotTypography, {
|
|
7178
7349
|
variant: "body2"
|
|
7179
7350
|
}, errorText)), /*#__PURE__*/React__default.createElement(DotIconButton, {
|
|
7180
|
-
className: `${
|
|
7351
|
+
className: `${rootClassName$4}-end-icon`,
|
|
7352
|
+
"data-testid": dataTestId && `${dataTestId}-end-icon`,
|
|
7353
|
+
disabled: disableDelete,
|
|
7181
7354
|
iconId: endIcon,
|
|
7182
|
-
onClick: (
|
|
7355
|
+
onClick: handleItemDelete(file.id)
|
|
7183
7356
|
}));
|
|
7184
7357
|
};
|
|
7185
7358
|
|
|
@@ -7216,8 +7389,25 @@ const renderDropzoneContent = ({
|
|
|
7216
7389
|
return isDragActive ? renderActiveDragArea() : renderDragAndDropArea(isUploadDisabled, open);
|
|
7217
7390
|
}
|
|
7218
7391
|
};
|
|
7219
|
-
const getUploadedFilesList = (
|
|
7220
|
-
|
|
7392
|
+
const getUploadedFilesList = ({
|
|
7393
|
+
maxSize,
|
|
7394
|
+
onFileClick,
|
|
7395
|
+
onFileDelete,
|
|
7396
|
+
uploadedFiles
|
|
7397
|
+
}) => uploadedFiles.map((fileToBeParsed, index) => parseListItem({
|
|
7398
|
+
fileToBeParsed,
|
|
7399
|
+
onFileDelete,
|
|
7400
|
+
onFileClick,
|
|
7401
|
+
index,
|
|
7402
|
+
maxSize
|
|
7403
|
+
}));
|
|
7404
|
+
const parseListItem = ({
|
|
7405
|
+
onFileDelete,
|
|
7406
|
+
onFileClick,
|
|
7407
|
+
fileToBeParsed,
|
|
7408
|
+
index,
|
|
7409
|
+
maxSize
|
|
7410
|
+
}) => {
|
|
7221
7411
|
const fileErrors = fileToBeParsed.errors;
|
|
7222
7412
|
const parsedFile = fileToBeParsed.file;
|
|
7223
7413
|
const hasErrors = fileErrors.length > 0;
|
|
@@ -7242,13 +7432,22 @@ const parseListItem = (deleteFile, fileToBeParsed, maxSize) => {
|
|
|
7242
7432
|
|
|
7243
7433
|
return {
|
|
7244
7434
|
child: /*#__PURE__*/React__default.createElement(DotFileListItem, {
|
|
7245
|
-
deleteFile:
|
|
7435
|
+
deleteFile: onFileDelete,
|
|
7246
7436
|
error: hasErrors,
|
|
7247
7437
|
errorText: errorText,
|
|
7248
|
-
file:
|
|
7438
|
+
file: {
|
|
7439
|
+
id: index,
|
|
7440
|
+
path: parsedFile.path
|
|
7441
|
+
},
|
|
7442
|
+
onClick: onFileClick
|
|
7249
7443
|
})
|
|
7250
7444
|
};
|
|
7251
7445
|
};
|
|
7446
|
+
const mapAcceptedFiles = files => files.map(value => ({
|
|
7447
|
+
file: value,
|
|
7448
|
+
errors: []
|
|
7449
|
+
}));
|
|
7450
|
+
const joinAcceptedAndRejectedFiles = (filesAccepted, filesRejected) => mapAcceptedFiles(filesAccepted).concat(filesRejected);
|
|
7252
7451
|
|
|
7253
7452
|
const DotFileUpload = ({
|
|
7254
7453
|
accept,
|
|
@@ -7257,20 +7456,45 @@ const DotFileUpload = ({
|
|
|
7257
7456
|
className,
|
|
7258
7457
|
'data-testid': dataTestId,
|
|
7259
7458
|
disabled,
|
|
7459
|
+
hideFilesList,
|
|
7260
7460
|
maxFiles,
|
|
7261
7461
|
maxSize,
|
|
7262
7462
|
onChange,
|
|
7263
|
-
onDragEnter
|
|
7463
|
+
onDragEnter,
|
|
7464
|
+
onFileClick
|
|
7264
7465
|
}) => {
|
|
7265
7466
|
const [uploadedFiles, setUploadedFiles] = useState([]);
|
|
7266
7467
|
const [hasMaxFilesError, setHasMaxFilesError] = useState(false);
|
|
7267
7468
|
const isUploadDisabled = disabled || maxFiles && uploadedFiles.length >= maxFiles;
|
|
7268
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7469
|
+
const rootClasses = useStylesWithRootClass(rootClassName$5, className, !_buttonOnly ? dropZoneClassName : '', isUploadDisabled ? 'disabled' : '');
|
|
7269
7470
|
const maxFilesClasses = useStylesWithRootClass('dot-max-files-message', hasMaxFilesError ? 'dot-max-files-reached' : '');
|
|
7270
7471
|
const allowMultiple = maxFiles === undefined || maxFiles > 1;
|
|
7472
|
+
|
|
7473
|
+
const setNewlyUploadedFiles = (acceptedFiles, fileRejections) => {
|
|
7474
|
+
const joinedFiles = joinAcceptedAndRejectedFiles(acceptedFiles, fileRejections);
|
|
7475
|
+
setUploadedFiles(joinedFiles);
|
|
7476
|
+
onChange(joinedFiles);
|
|
7477
|
+
};
|
|
7478
|
+
|
|
7479
|
+
const parseFiles = (acceptedFiles, fileRejections) => {
|
|
7480
|
+
const totalFilesToUpload = uploadedFiles.length + acceptedFiles.length + fileRejections.length;
|
|
7481
|
+
const isMaxFilesReached = maxFiles && totalFilesToUpload > maxFiles;
|
|
7482
|
+
|
|
7483
|
+
if (isMaxFilesReached) {
|
|
7484
|
+
setHasMaxFilesError(true);
|
|
7485
|
+
return;
|
|
7486
|
+
}
|
|
7487
|
+
|
|
7488
|
+
setHasMaxFilesError(false);
|
|
7489
|
+
const joinedUploadedFiles = joinAcceptedAndRejectedFiles(acceptedFiles, fileRejections);
|
|
7490
|
+
setUploadedFiles(joinedUploadedFiles);
|
|
7491
|
+
onChange(joinedUploadedFiles);
|
|
7492
|
+
};
|
|
7493
|
+
|
|
7494
|
+
const onDrop = useCallback((acceptedFiles, fileRejections) => {
|
|
7495
|
+
hideFilesList ? setNewlyUploadedFiles(acceptedFiles, fileRejections) : parseFiles(acceptedFiles, fileRejections);
|
|
7496
|
+
}, [hideFilesList, setNewlyUploadedFiles, parseFiles]);
|
|
7271
7497
|
const {
|
|
7272
|
-
acceptedFiles,
|
|
7273
|
-
fileRejections,
|
|
7274
7498
|
getRootProps,
|
|
7275
7499
|
getInputProps,
|
|
7276
7500
|
isDragActive,
|
|
@@ -7281,46 +7505,22 @@ const DotFileUpload = ({
|
|
|
7281
7505
|
maxSize: maxSize * 1000000,
|
|
7282
7506
|
multiple: allowMultiple,
|
|
7283
7507
|
noClick: true,
|
|
7284
|
-
onDragEnter
|
|
7508
|
+
onDragEnter,
|
|
7509
|
+
onDrop
|
|
7285
7510
|
});
|
|
7286
|
-
useEffect(() => {
|
|
7287
|
-
onChange(uploadedFiles);
|
|
7288
|
-
}, [uploadedFiles]);
|
|
7289
|
-
|
|
7290
|
-
const deleteFile = fileToBeRemoved => {
|
|
7291
|
-
const parsedFiles = []; // `File` is nested inside uploadedFiles, making it difficult to find the index
|
|
7292
|
-
// map through uploadedFiles and extract `File` object into new array
|
|
7293
7511
|
|
|
7294
|
-
|
|
7295
|
-
|
|
7296
|
-
});
|
|
7297
|
-
const fileToBeRemovedIndex = parsedFiles.indexOf(fileToBeRemoved);
|
|
7298
|
-
uploadedFiles.splice(fileToBeRemovedIndex, 1);
|
|
7512
|
+
const deleteFile = fileIndexToBeRemoved => {
|
|
7513
|
+
uploadedFiles.splice(fileIndexToBeRemoved, 1);
|
|
7299
7514
|
setUploadedFiles([...uploadedFiles]);
|
|
7515
|
+
onChange(uploadedFiles);
|
|
7300
7516
|
};
|
|
7301
7517
|
|
|
7302
|
-
const
|
|
7303
|
-
|
|
7304
|
-
|
|
7305
|
-
|
|
7306
|
-
|
|
7307
|
-
|
|
7308
|
-
return;
|
|
7309
|
-
}
|
|
7310
|
-
|
|
7311
|
-
setHasMaxFilesError(false); // map through accepted files and make them same shape as rejected files
|
|
7312
|
-
|
|
7313
|
-
const mappedFiles = acceptedFiles.map(value => ({
|
|
7314
|
-
file: value,
|
|
7315
|
-
errors: []
|
|
7316
|
-
}));
|
|
7317
|
-
setUploadedFiles(uploadedFiles.concat(mappedFiles).concat(fileRejections));
|
|
7318
|
-
};
|
|
7319
|
-
|
|
7320
|
-
useEffect(() => {
|
|
7321
|
-
parseFiles();
|
|
7322
|
-
}, [acceptedFiles, fileRejections]);
|
|
7323
|
-
const uploadedFilesList = getUploadedFilesList(uploadedFiles, maxSize, deleteFile);
|
|
7518
|
+
const uploadedFilesList = getUploadedFilesList({
|
|
7519
|
+
maxSize,
|
|
7520
|
+
onFileClick,
|
|
7521
|
+
onFileDelete: deleteFile,
|
|
7522
|
+
uploadedFiles
|
|
7523
|
+
});
|
|
7324
7524
|
return /*#__PURE__*/React__default.createElement(StyledFileUploadContainer, {
|
|
7325
7525
|
className: containerClassName
|
|
7326
7526
|
}, /*#__PURE__*/React__default.createElement(StyledFileUpload, Object.assign({}, getRootProps(), {
|
|
@@ -7332,7 +7532,7 @@ const DotFileUpload = ({
|
|
|
7332
7532
|
isDragActive,
|
|
7333
7533
|
isUploadDisabled,
|
|
7334
7534
|
open
|
|
7335
|
-
})), maxSize && renderMaxSizeMessage(maxSize), maxFiles && renderMaxFilesMessage(maxFiles, maxFilesClasses), /*#__PURE__*/React__default.createElement(DotList, {
|
|
7535
|
+
})), maxSize && renderMaxSizeMessage(maxSize), maxFiles && renderMaxFilesMessage(maxFiles, maxFilesClasses), !hideFilesList && /*#__PURE__*/React__default.createElement(DotList, {
|
|
7336
7536
|
"data-testid": dataTestId && `${dataTestId}-file-list`,
|
|
7337
7537
|
items: uploadedFilesList,
|
|
7338
7538
|
width: "100%"
|
|
@@ -7519,4 +7719,4 @@ const DotDraggableList = ({
|
|
|
7519
7719
|
}))));
|
|
7520
7720
|
};
|
|
7521
7721
|
|
|
7522
|
-
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 };
|
|
7722
|
+
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, DotFileListItem, 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, DotTableAction, DotTableActions, DotTablePagination, DotTabs, DotThemeProvider, DotTooltip, DotTruncateWithTooltip, DotTypography, avatarColors, lightThemeColors as lightColors, parseAutoCompleteValue, variables as themeVariables, typographyOptions, useDotSnackbarContext };
|