@digital-ai/dot-components 1.21.2 → 2.0.0-rc.2
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 +1 -34
- package/README.md +1 -1
- package/fonts/fonts.ts +6 -0
- package/index.d.ts +1 -0
- package/index.esm.js +489 -806
- package/index.umd.js +702 -1027
- package/lib/components/BaseButtonProps.d.ts +0 -2
- package/lib/components/accordion/Accordion.d.ts +1 -3
- package/lib/components/accordion/Accordion.styles.d.ts +1 -1
- package/lib/components/action-toolbar/ActionToolbar.styles.d.ts +1 -1
- package/lib/components/alert-banner/AlertBanner.styles.d.ts +1 -1
- package/lib/components/app-toolbar/AppToolbar.d.ts +1 -3
- package/lib/components/app-toolbar/AppToolbar.stories.data.d.ts +0 -1
- package/lib/components/app-toolbar/AppToolbar.styles.d.ts +0 -1
- package/lib/components/auto-complete/AutoComplete.d.ts +2 -2
- package/lib/components/auto-complete/AutoComplete.stories.styles.d.ts +2 -0
- package/lib/components/auto-complete/AutoComplete.styles.d.ts +1 -1
- package/lib/components/auto-complete/Autocomplete.stories.data.d.ts +1 -0
- package/lib/components/auto-complete/index.d.ts +1 -1
- package/lib/components/auto-complete/utils/helpers.d.ts +1 -2
- package/lib/components/avatar/Avatar.styles.d.ts +1 -1
- package/lib/components/avatar-group/AvatarGroup.d.ts +0 -1
- package/lib/components/avatar-group/AvatarGroup.styles.d.ts +3 -0
- package/lib/components/badge/Badge.styles.d.ts +1 -1
- package/lib/components/breadcrumbs/Breadcrumbs.d.ts +2 -4
- package/lib/components/breadcrumbs/Breadcrumbs.styles.d.ts +1 -1
- package/lib/components/breadcrumbs/utils/helpers.d.ts +2 -2
- package/lib/components/button/Button.d.ts +2 -2
- package/lib/components/button/Button.styles.d.ts +1 -1
- package/lib/components/button/IconButton.d.ts +1 -3
- package/lib/components/button/IconButton.styles.d.ts +1 -1
- package/lib/components/button-toggle/ButtonToggle.stories.data.d.ts +0 -1
- package/lib/components/button-toggle/ButtonToggle.styles.d.ts +1 -1
- package/lib/components/checkbox/Checkbox.d.ts +1 -2
- package/lib/components/checkbox/Checkbox.styles.d.ts +1 -1
- package/lib/components/chip/Chip.styles.d.ts +1 -1
- package/lib/components/css-grid/CssCell.d.ts +1 -1
- package/lib/components/css-grid/CssGrid.d.ts +14 -8
- package/lib/components/css-grid/CssGridDebug.d.ts +0 -1
- package/lib/components/dialog/Dialog.styles.d.ts +1 -1
- package/lib/components/divider/Divider.d.ts +0 -1
- package/lib/components/divider/Divider.styles.d.ts +1 -1
- package/lib/components/draggable-list/DraggableList.d.ts +0 -1
- package/lib/components/draggable-list/DraggableList.stories.data.d.ts +0 -1
- package/lib/components/draggable-list/utils/models.d.ts +1 -1
- package/lib/components/drawer/Drawer.styles.d.ts +1 -1
- package/lib/components/dynamic-form/DynamicForm.d.ts +0 -1
- package/lib/components/dynamic-form/DynamicForm.styles.d.ts +0 -1
- package/lib/components/dynamic-form/models.d.ts +1 -1
- package/lib/components/empty-state/EmptyState.d.ts +0 -1
- package/lib/components/file-upload/FileListItem.styles.d.ts +21 -25
- package/lib/components/file-upload/FileUpload.d.ts +1 -1
- package/lib/components/file-upload/FileUpload.stories.data.d.ts +0 -1
- package/lib/components/file-upload/uploadHelpers.d.ts +12 -0
- package/lib/components/form-controls/FormControl.styles.d.ts +1 -1
- package/lib/components/form-controls/FormControlLabel.styles.d.ts +1 -1
- package/lib/components/form-group/FormGroup.styles.d.ts +1 -1
- package/lib/components/icon/Icon.d.ts +2 -5
- package/lib/components/icon/Icon.styles.d.ts +3 -1
- package/lib/components/inline-edit/InlineEdit.d.ts +0 -1
- package/lib/components/input-form-fields/Input.stories.data.d.ts +0 -1
- package/lib/components/input-form-fields/InputFormFields.styles.d.ts +3 -2
- package/lib/components/input-form-fields/InputLabel.d.ts +0 -1
- package/lib/components/input-form-fields/InputSelect.d.ts +0 -1
- package/lib/components/input-form-fields/InputText.d.ts +7 -5
- package/lib/components/link/Link.d.ts +1 -3
- package/lib/components/link/Link.styles.d.ts +1 -1
- package/lib/components/list/List.d.ts +1 -2
- package/lib/components/list/List.styles.d.ts +1 -1
- package/lib/components/list/ListItem.styles.d.ts +21 -25
- package/lib/components/list/NestedList.styles.d.ts +0 -1
- package/lib/components/list/utils/models.d.ts +1 -9
- package/lib/components/menu/Menu.stories.data.d.ts +0 -1
- package/lib/components/menu/Menu.styles.d.ts +2 -3
- package/lib/components/menu/MenuList.d.ts +2 -2
- package/lib/components/menu/MenuList.styles.d.ts +1 -2
- package/lib/components/navigation-rail/NavigationRail.d.ts +0 -1
- package/lib/components/pill/Pill.d.ts +2 -2
- package/lib/components/pill/Pill.styles.d.ts +1 -1
- package/lib/components/popper/Popper.d.ts +1 -1
- package/lib/components/popper/Popper.stories.data.d.ts +0 -1
- package/lib/components/popper/Popper.styles.d.ts +2 -2
- package/lib/components/popper/index.d.ts +1 -1
- package/lib/components/progress/Progress.d.ts +2 -5
- package/lib/components/progress/Progress.styles.d.ts +1 -1
- package/lib/components/progress-button/ProgressButton.d.ts +0 -1
- package/lib/components/radio/RadioButton.styles.d.ts +1 -1
- package/lib/components/radio/RadioGroup.styles.d.ts +1 -1
- package/lib/components/sidebar/Sidebar.stories.data.d.ts +11 -5
- package/lib/components/skeleton/Skeleton.styles.d.ts +1 -1
- package/lib/components/snackbar/Snackbar.styles.d.ts +1 -1
- package/lib/components/snackbar/index.d.ts +1 -1
- package/lib/components/split-button/SplitButton.d.ts +1 -2
- package/lib/components/split-button/SplitButton.styles.d.ts +1 -2
- package/lib/components/switch/Switch.styles.d.ts +1 -1
- package/lib/components/table/Table.data.d.ts +0 -1
- package/lib/components/table/Table.stories.data.d.ts +1 -2
- package/lib/components/table/Table.styles.d.ts +2 -4
- package/lib/components/table/TableActions.d.ts +0 -1
- package/lib/components/table/TableActions.styles.d.ts +0 -1
- package/lib/components/table/TableBody.styles.d.ts +1 -1
- package/lib/components/table/TableBodyCheckboxCell.styles.d.ts +1 -1
- package/lib/components/table/TableCell.styles.d.ts +1 -1
- package/lib/components/table/TableHeader.d.ts +1 -4
- package/lib/components/table/TableHeaderCell.d.ts +1 -3
- package/lib/components/table/TableHeaderCell.styles.d.ts +1 -1
- package/lib/components/table/TableHeaderCheckboxCell.styles.d.ts +1 -1
- package/lib/components/table/TablePagination.d.ts +3 -3
- package/lib/components/table/TableRow.styles.d.ts +1 -1
- package/lib/components/table/TableSelectionToolbar.styles.d.ts +0 -1
- package/lib/components/table/utils/helpers.d.ts +1 -3
- package/lib/components/table/utils/models.d.ts +1 -1
- package/lib/components/tabs/Tabs.d.ts +1 -2
- package/lib/components/tabs/Tabs.styles.d.ts +1 -1
- package/lib/components/truncate-with-tooltip/TruncateWithTooltip.d.ts +0 -1
- package/lib/components/truncate-with-tooltip/TruncateWithTooltip.styles.d.ts +1 -1
- package/lib/components/typography/Typography.d.ts +1 -1
- package/lib/testing-utils/index.d.ts +2 -2
- package/lib/theme-provider/ThemeProvider.d.ts +4 -7
- package/lib/theme-provider/colors/light-theme-colors.d.ts +1 -2
- package/package.json +4 -5
package/index.esm.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import
|
|
4
|
-
import { Tooltip, Icon, Typography, Accordion,
|
|
5
|
-
import styled, { css, createGlobalStyle, ThemeProvider, keyframes } from 'styled-components';
|
|
6
|
-
import { createTheme, alpha } from '@material
|
|
7
|
-
import {
|
|
3
|
+
import { useState, useEffect, forwardRef, useRef, Fragment, createElement, useMemo, useContext, createContext, useCallback } from 'react';
|
|
4
|
+
import { Tooltip, Icon, Typography, Accordion, AccordionSummary, AccordionDetails, AccordionActions, InputAdornment, InputLabel, TextField, Toolbar, Alert, Fade, IconButton, Link, Avatar, List, ListItem, CircularProgress, Popper, MenuList, MenuItem, Paper, ClickAwayListener, Drawer, ListItemIcon, Collapse, ListSubheader, Divider, ListItemText, Badge, useMediaQuery, Autocomplete, Button, darken, Chip, AvatarGroup, Breadcrumbs, ToggleButtonGroup, ToggleButton, Card, CardContent, CardHeader, FormControlLabel, Checkbox, FormControl, FormGroup, FormLabel, FormHelperText, Dialog, DialogTitle, DialogContent, DialogActions, useTheme, RadioGroup, Radio, Switch, Skeleton, Snackbar, ButtonGroup, TablePagination, TableContainer, TableCell, TableRow, TableBody, TableSortLabel, TableHead, Table, Tabs, Tab } from '@mui/material';
|
|
5
|
+
import styled, { css, createGlobalStyle, ThemeProvider as ThemeProvider$1, keyframes } from 'styled-components';
|
|
6
|
+
import { createTheme, ThemeProvider, alpha } from '@mui/material/styles';
|
|
7
|
+
import { StylesProvider } from '@mui/styles';
|
|
8
8
|
import { useDropzone } from 'react-dropzone';
|
|
9
9
|
import GridLayout, { WidthProvider } from 'react-grid-layout';
|
|
10
10
|
|
|
@@ -41,11 +41,11 @@ const DotTooltip = ({
|
|
|
41
41
|
}), void 0) : children;
|
|
42
42
|
};
|
|
43
43
|
|
|
44
|
-
const rootClassName$
|
|
44
|
+
const rootClassName$_ = 'dot-icon';
|
|
45
45
|
const StyledIcon = styled(Icon).withConfig({
|
|
46
46
|
displayName: "Iconstyles__StyledIcon",
|
|
47
47
|
componentId: "st0ybo-0"
|
|
48
|
-
})(["&.", "{align-items:center;box-sizing:content-box;display:flex;float:left;font-size:20px;justify-content:center;&.MuiIcon-fontSizeLarge{font-size:28px;height:35px;width:35px;i{height:28px}}&.MuiIcon-fontSizeSmall{font-size:18px;i{height:18px;}}i{height:20px;&:before{font-family:'dot' !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}&.icon-applications:before{content:\"\\ea03\";}&.icon-migration:before{content:\"\\ea04\";}&.icon-cleanup:before{content:\"\\ea05\";}&.icon-user-add:before{content:\"\\ea06\";}&.icon-back-solid:before{content:\"\\ea07\";}&.icon-defect:before{content:\"\\ea08\";}&.icon-singleproject:before{content:\"\\e9f9\";}&.icon-share:before{content:\"\\e9fa\";}&.icon-requesttemplate:before{content:\"\\e9fb\";}&.icon-project:before{content:\"\\e9fc\";}&.icon-progresstracker:before{content:\"\\e9fd\";}&.icon-devops:before{content:\"\\e9fe\";}&.icon-closedproject:before{content:\"\\e9ff\";}&.icon-chess:before{content:\"\\ea00\";}&.icon-ball:before{content:\"\\ea01\";}&.icon-mobile:before{content:\"\\ea02\";}&.icon-ideaspace:before{content:\"\\e9de\";}&.icon-testtemplate:before{content:\"\\e9df\";}&.icon-regressionset:before{content:\"\\e9e0\";}&.icon-testset:before{content:\"\\e9e1\";}&.icon-forecast:before{content:\"\\e9e2\";}&.icon-bookmark:before{content:\"\\e9e3\";}&.icon-forward:before{content:\"\\e9e4\";}&.icon-assetapp:before{content:\"\\e9e5\";}&.icon-unbundle:before{content:\"\\e9e6\";}&.icon-stream:before{content:\"\\e9e7\";}&.icon-stream:before{content:\"\\e9e7\";}&.icon-hourglass:before{content:\"\\e9e8\";}&.icon-support:before{content:\"\\e9e9\";}&.icon-trophy:before{content:\"\\e9ea\";}&.icon-regression:before{content:\"\\e9eb\";}&.icon-tasktemplate:before{content:\"\\e9ec\";}&.icon-defecttemplate:before{content:\"\\e9ed\";}&.icon-request:before{content:\"\\e9ee\";}&.icon-activity:before{content:\"\\e9ef\";}&.icon-bulb:before{content:\"\\e9f0\";}&.icon-wallet:before{content:\"\\e9f1\";}&.icon-epic:before{content:\"\\e9f2\";}&.icon-column-swap-right:before{content:\"\\e9f3\";}&.icon-column-swap-left:before{content:\"\\e9f4\";}&.icon-gears:before{content:\"\\e9f5\";}&.icon-portfolioitemtemplate:before{content:\"\\e9f6\";}&.icon-storytemplate:before{content:\"\\e9f7\";}&.icon-story:before{content:\"\\e9f8\";}&.icon-check-line:before{content:\"\\e9dd\";}&.icon-plugins:before{content:\"\\e9dc\";}&.icon-integrations:before{content:\"\\e9db\";}&.icon-line-graph:before{content:\"\\e9d7\";}&.icon-rocket-filled:before{content:\"\\e9d8\";}&.icon-circle-check-outline:before{content:\"\\e9d9\";}&.icon-circle-info-outline:before{content:\"\\e9da\";}&.icon-analytics:before{content:\"\\e9d4\";}&.icon-Increment:before{content:\"\\e9d5\";}&.icon-Portfolio:before{content:\"\\e9d6\";}&.icon-user-security:before{content:\"\\e9d2\";}&.icon-rocket:before{content:\"\\e9d3\";}&.icon-merge:before{content:\"\\e9d1\";}&.icon-cpu:before{content:\"\\e9d0\";}&.icon-progression:before{content:\"\\e9cf\";}&.icon-commit:before{content:\"\\e95f\";}&.icon-design:before{content:\"\\e960\";}&.icon-key:before{content:\"\\e981\";}&.icon-infrastructure:before{content:\"\\e989\";}&.icon-report:before{content:\"\\e9ce\";}&.icon-package:before{content:\"\\e9c9\";}&.icon-security-off:before{content:\"\\e9ca\";}&.icon-security-on:before{content:\"\\e9cb\";}&.icon-marker-check:before{content:\"\\e9cc\";}&.icon-restore:before{content:\"\\e9cd\";}&.icon-check-outlined:before{content:\"\\e9c7\";}&.icon-circle-half-full:before{content:\"\\e9c8\";}&.icon-host:before{content:'\\e9b9';}&.icon-cluster:before{content:'\\e9ba';}&.icon-environment:before{content:'\\e9bb';}&.icon-monitor-controls:before{content:'\\e9bc';}&.icon-flag:before{content:'\\e9bd';}&.icon-satelite:before{content:'\\e9be';}&.icon-satelite-group:before{content:'\\e9bf';}&.icon-monitor-gears:before{content:'\\e9c0';}&.icon-patch:before{content:'\\e9b6';}&.icon-branch:before{content:'\\e9b4';}&.icon-send-airplane:before{content:'\\e9b5';}&.icon-briefcase:before{content:'\\e9b7';}&.icon-cluster-dependencies:before{content:'\\e9b8';}&.icon-script:before{content:'\\e966';}&.icon-pattern-bundle:before{content:'\\e967';}&.icon-outline:before{content:'\\e968';}&.icon-apps:before{content:'\\e969';}&.icon-archive:before{content:'\\e96a';}&.icon-arrow-down:before{content:'\\e96b';}&.icon-arrow-right:before{content:'\\e96c';}&.icon-arrow-up:before{content:'\\e96d';}&.icon-attachment:before{content:'\\e96e';}&.icon-board:before{content:'\\e96f';}&.icon-calendar:before{content:'\\e970';}&.icon-change:before{content:'\\e971';}&.icon-chevron-right:before{content:'\\e972';}&.icon-circle-minus-outlines:before{content:'\\e973';}&.icon-circle-paused:before{content:'\\e974';}&.icon-column:before{content:'\\e975';}&.icon-comment:before{content:'\\e976';}&.icon-configuration-preferences:before{content:'\\e977';}&.icon-conversation-bubbles:before{content:'\\e978';}&.icon-dashboard:before{content:'\\e979';}&.icon-database:before{content:'\\e97a';}&.icon-delivery-eta-icon:before{content:'\\e97b';}&.icon-download:before{content:'\\e97c';}&.icon-drag:before{content:'\\e97d';}&.icon-duplicate:before{content:'\\e97e';}&.icon-exit:before{content:'\\e97f';}&.icon-expand-chevrons:before{content:'\\e980';}&.icon-expander:before{content:'\\e981';}&.icon-file-image:before{content:'\\e982';}&.icon-file-lines:before{content:'\\e983';}&.icon-file-warning:before{content:'\\e984';}&.icon-file:before{content:'\\e985';}&.icon-filter:before{content:'\\e986';}&.icon-flag-none:before{content:'\\e987';}&.icon-folder:before{content:'\\e988';}&.icon-full-screen:before{content:'\\e989';}&.icon-fullscreen-enter:before{content:'\\e98a';}&.icon-fullscreen-exit:before{content:'\\e98b';}&.icon-grid:before{content:'\\e98c';}&.icon-hard-drive:before{content:'\\e98d';}&.icon-help:before{content:'\\e98e';}&.icon-history:before{content:'\\e98f';}&.icon-inbox:before{content:'\\e990';}&.icon-link:before{content:'\\e991';}&.icon-list:before{content:'\\e992';}&.icon-lock:before{content:'\\e993';}&.icon-mail:before{content:'\\e994';}&.icon-menu:before{content:'\\e995';}&.icon-monitor-satellite:before{content:'\\e996';}&.icon-monitor:before{content:'\\e997';}&.icon-notification-bell:before{content:'\\e998';}&.icon-open-new-tab:before{content:'\\e999';}&.icon-options:before{content:'\\e99a';}&.icon-parallel:before{content:'\\e99b';}&.icon-pending-clock:before{content:'\\e99c';}&.icon-play:before{content:'\\e99d';}&.icon-redo:before{content:'\\e99e';}&.icon-refresh:before{content:'\\e99f';}&.icon-release:before{content:'\\e9a0';}&.icon-search:before{content:'\\e9a3';}&.icon-sequential:before{content:'\\e9a4';}&.icon-sort-asc:before{content:'\\e9a5';}&.icon-sort-desc:before{content:'\\e9a6';}&.icon-star-favorites-active:before{content:'\\e9a7';}&.icon-star-favorites-default:before{content:'\\e9a8';}&.icon-target:before{content:'\\e9a9';}&.icon-task:before{content:'\\e9aa';}&.icon-template:before{content:'\\e9ab';}&.icon-undo:before{content:'\\e9ac';}&.icon-unlock:before{content:'\\e9ad';}&.icon-variable:before{content:'\\e9ae';}&.icon-vault:before{content:'\\e9af';}&.icon-visibility-off:before{content:'\\e9b0';}&.icon-visibility-on:before{content:'\\e9b1';}&.icon-webhook:before{content:'\\e9b2';}&.icon-wrench:before{content:'\\e9b3';}&.icon-bright:before{content:'\\e961';}&.icon-rogue-commits:before{content:'\\e962';}&.icon-home:before{content:'\\e963';}&.icon-blocking-issues:before{content:'\\e964';}&.icon-print-link:before{content:'\\e965';}&.icon-logo-deploy:before{content:'\\e902';}&.icon-logo-experitest:before{content:'\\e903';}&.icon-logo-numerify:before{content:'\\e904';}&.icon-logo-arxan:before{content:'\\e905';}&.icon-logo-continuum:before{content:'\\e906';}&.icon-logo-versionone:before{content:'\\e907';}&.icon-logo-release:before{content:'\\e908';}&.icon-warning-solid:before{content:'\\e909';}&.icon-warning-outline:before{content:'\\e90a';}&.icon-info-solid:before{content:'\\e90b';}&.icon-minus-solid:before{content:'\\e90c';}&.icon-check-solid:before{content:'\\e90d';}&.icon-error-solid:before{content:'\\e90e';}&.icon-error-outlines:before{content:'\\e90f';}&.icon-add-outlined:before{content:'\\e910';}&.icon-add-solid:before{content:'\\e911';}&.icon-clear-solid:before{content:'\\e912';}&.icon-dark:before{content:'\\e913';}&.icon-location:before{content:'\\e914';}&.icon-roadmap:before{content:'\\e915';}&.icon-follow-solid:before{content:'\\e916';}&.icon-follow-outlined:before{content:'\\e917';}&.icon-video:before{content:'\\e918';}&.icon-thumbs-down:before{content:'\\e919';}&.icon-camera:before{content:'\\e91a';}&.icon-users:before{content:'\\e91b';}&.icon-user:before{content:'\\e91c';}&.icon-announcement:before{content:'\\e91d';}&.icon-not-allowed:before{content:'\\e91e';}&.icon-zoom-out:before{content:'\\e91f';}&.icon-zoom-in:before{content:'\\e920';}&.icon-triangle:before{content:'\\e921';}&.icon-delay:before{content:'\\e922';}&.icon-circle-outline:before{content:'\\e923';}&.icon-circle:before{content:'\\e924';}&.icon-add-from-list:before{content:'\\e925';}&.icon-sync:before{content:'\\e926';}&.icon-keyboard:before{content:'\\e927';}&.icon-planner:before{content:'\\e928';}&.icon-tag:before{content:'\\e929';}&.icon-progress:before{content:'\\e92a';}&.icon-timeline:before{content:'\\e92b';}&.icon-abort:before{content:'\\e92c';}&.icon-cancel:before{content:'\\e92d';}&.icon-power:before{content:'\\e92e';}&.icon-resize:before{content:'\\e92f';}&.icon-close:before{content:'\\e930';}&.icon-save:before{content:'\\e931';}&.icon-drag-vertical-up-down:before{content:'\\e932';}&.icon-add:before{content:'\\e933';}&.icon-minus:before{content:'\\e934';}&.icon-target-none:before{content:'\\e935';}&.icon-placeholder:before{content:'\\e936';}&.icon-server:before{content:'\\e937';}&.icon-square-wrench:before{content:'\\e938';}&.icon-square-wrench-check:before{content:'\\e939';}&.icon-square-settings:before{content:'\\e93a';}&.icon-trigger:before{content:'\\e93c';}&.icon-precondition:before{content:'\\e93d';}&.icon-composition:before{content:'\\e93e';}&.icon-block:before{content:'\\e93f';}&.icon-group:before{content:'\\e940';}&.icon-settings-admin-opaque:before{content:'\\e941';}&.icon-puzzle:before{content:'\\e942';}&.icon-alphabet-icon:before{content:'\\e943';}&.icon-crop:before{content:'\\e944';}&.icon-upload-file:before{content:'\\e945';}&.icon-container:before{content:'\\e946';}&.icon-flag-risk:before{content:'\\e947';}&.icon-learn:before{content:'\\e948';}&.icon-tree:before{content:'\\e949';}&.icon-process-template:before{content:'\\e94a';}&.icon-flag-attention:before{content:'\\e94b';}&.icon-collection:before{content:'\\e94c';}&.icon-table:before{content:'\\e94d';}&.icon-linkBrakeIt:before{content:'\\e94e';}&.icon-move-folder:before{content:'\\e94f';}&.icon-columns:before{content:'\\e950';}&.icon-file-word-doc:before{content:'\\e951';}&.icon-file-ppt:before{content:'\\e952';}&.icon-file-zip:before{content:'\\e953';}&.icon-file-xls:before{content:'\\e954';}&.icon-file-pdf:before{content:'\\e955';}&.icon-file-xml:before{content:'\\e956';}&.icon-dictionary-locked:before{content:'\\e957';}&.icon-dictionary:before{content:'\\e958';}&.icon-file-dotted:before{content:'\\e959';}&.icon-file-circle-check:before{content:'\\e95a';}&.icon-back:before{content:'\\e95b';}&.icon-chevron-left:before{content:'\\e95c';}&.icon-chevron-up:before{content:'\\e95d';}&.icon-chevron-down:before{content:'\\e95e';}&.icon-return-level-up:before{content:'\\e95f';}&.icon-return:before{content:'\\e960';}&.icon-edit:before{content:'\\e900';}&.icon-delete:before{content:'\\e901';}&.icon-settings:before{content:\"\\e93b\";}&.icon-network-drive:before{content:\"\\e9a1\";}&.icon-GitOps:before{content:\"\\e9a2\";}&.icon-rss:before{content:\"\\e9c1\";}&.icon-bug:before{content:\"\\e9c2\";}&.icon-cloud:before{content:\"\\e9c3\";}&.icon-more-horizontal:before{content:\"\\e9c4\";}&.icon-expand:before{content:\"\\e9c5\";}&.icon-collapse:before{content:\"\\e9c6\";}}}}"], rootClassName$Z);
|
|
48
|
+
})(["&.", "{align-items:center;box-sizing:content-box;display:flex;float:left;font-size:20px;justify-content:center;&.MuiIcon-fontSizeLarge{font-size:28px;height:35px;width:35px;i{height:28px}}&.MuiIcon-fontSizeSmall{font-size:18px;i{height:18px;}}i{height:20px;&:before{font-family:'dot' !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}&.icon-applications:before{content:\"\\ea03\";}&.icon-migration:before{content:\"\\ea04\";}&.icon-cleanup:before{content:\"\\ea05\";}&.icon-user-add:before{content:\"\\ea06\";}&.icon-back-solid:before{content:\"\\ea07\";}&.icon-defect:before{content:\"\\ea08\";}&.icon-singleproject:before{content:\"\\e9f9\";}&.icon-share:before{content:\"\\e9fa\";}&.icon-requesttemplate:before{content:\"\\e9fb\";}&.icon-project:before{content:\"\\e9fc\";}&.icon-progresstracker:before{content:\"\\e9fd\";}&.icon-devops:before{content:\"\\e9fe\";}&.icon-closedproject:before{content:\"\\e9ff\";}&.icon-chess:before{content:\"\\ea00\";}&.icon-ball:before{content:\"\\ea01\";}&.icon-mobile:before{content:\"\\ea02\";}&.icon-ideaspace:before{content:\"\\e9de\";}&.icon-testtemplate:before{content:\"\\e9df\";}&.icon-regressionset:before{content:\"\\e9e0\";}&.icon-testset:before{content:\"\\e9e1\";}&.icon-forecast:before{content:\"\\e9e2\";}&.icon-bookmark:before{content:\"\\e9e3\";}&.icon-forward:before{content:\"\\e9e4\";}&.icon-assetapp:before{content:\"\\e9e5\";}&.icon-unbundle:before{content:\"\\e9e6\";}&.icon-stream:before{content:\"\\e9e7\";}&.icon-stream:before{content:\"\\e9e7\";}&.icon-hourglass:before{content:\"\\e9e8\";}&.icon-support:before{content:\"\\e9e9\";}&.icon-trophy:before{content:\"\\e9ea\";}&.icon-regression:before{content:\"\\e9eb\";}&.icon-tasktemplate:before{content:\"\\e9ec\";}&.icon-defecttemplate:before{content:\"\\e9ed\";}&.icon-request:before{content:\"\\e9ee\";}&.icon-activity:before{content:\"\\e9ef\";}&.icon-bulb:before{content:\"\\e9f0\";}&.icon-wallet:before{content:\"\\e9f1\";}&.icon-epic:before{content:\"\\e9f2\";}&.icon-column-swap-right:before{content:\"\\e9f3\";}&.icon-column-swap-left:before{content:\"\\e9f4\";}&.icon-gears:before{content:\"\\e9f5\";}&.icon-portfolioitemtemplate:before{content:\"\\e9f6\";}&.icon-storytemplate:before{content:\"\\e9f7\";}&.icon-story:before{content:\"\\e9f8\";}&.icon-check-line:before{content:\"\\e9dd\";}&.icon-plugins:before{content:\"\\e9dc\";}&.icon-integrations:before{content:\"\\e9db\";}&.icon-line-graph:before{content:\"\\e9d7\";}&.icon-rocket-filled:before{content:\"\\e9d8\";}&.icon-circle-check-outline:before{content:\"\\e9d9\";}&.icon-circle-info-outline:before{content:\"\\e9da\";}&.icon-analytics:before{content:\"\\e9d4\";}&.icon-Increment:before{content:\"\\e9d5\";}&.icon-Portfolio:before{content:\"\\e9d6\";}&.icon-user-security:before{content:\"\\e9d2\";}&.icon-rocket:before{content:\"\\e9d3\";}&.icon-merge:before{content:\"\\e9d1\";}&.icon-cpu:before{content:\"\\e9d0\";}&.icon-progression:before{content:\"\\e9cf\";}&.icon-commit:before{content:\"\\e95f\";}&.icon-design:before{content:\"\\e960\";}&.icon-key:before{content:\"\\e981\";}&.icon-infrastructure:before{content:\"\\e989\";}&.icon-report:before{content:\"\\e9ce\";}&.icon-package:before{content:\"\\e9c9\";}&.icon-security-off:before{content:\"\\e9ca\";}&.icon-security-on:before{content:\"\\e9cb\";}&.icon-marker-check:before{content:\"\\e9cc\";}&.icon-restore:before{content:\"\\e9cd\";}&.icon-check-outlined:before{content:\"\\e9c7\";}&.icon-circle-half-full:before{content:\"\\e9c8\";}&.icon-host:before{content:'\\e9b9';}&.icon-cluster:before{content:'\\e9ba';}&.icon-environment:before{content:'\\e9bb';}&.icon-monitor-controls:before{content:'\\e9bc';}&.icon-flag:before{content:'\\e9bd';}&.icon-satelite:before{content:'\\e9be';}&.icon-satelite-group:before{content:'\\e9bf';}&.icon-monitor-gears:before{content:'\\e9c0';}&.icon-patch:before{content:'\\e9b6';}&.icon-branch:before{content:'\\e9b4';}&.icon-send-airplane:before{content:'\\e9b5';}&.icon-briefcase:before{content:'\\e9b7';}&.icon-cluster-dependencies:before{content:'\\e9b8';}&.icon-script:before{content:'\\e966';}&.icon-pattern-bundle:before{content:'\\e967';}&.icon-outline:before{content:'\\e968';}&.icon-apps:before{content:'\\e969';}&.icon-archive:before{content:'\\e96a';}&.icon-arrow-down:before{content:'\\e96b';}&.icon-arrow-right:before{content:'\\e96c';}&.icon-arrow-up:before{content:'\\e96d';}&.icon-attachment:before{content:'\\e96e';}&.icon-board:before{content:'\\e96f';}&.icon-calendar:before{content:'\\e970';}&.icon-change:before{content:'\\e971';}&.icon-chevron-right:before{content:'\\e972';}&.icon-circle-minus-outlines:before{content:'\\e973';}&.icon-circle-paused:before{content:'\\e974';}&.icon-column:before{content:'\\e975';}&.icon-comment:before{content:'\\e976';}&.icon-configuration-preferences:before{content:'\\e977';}&.icon-conversation-bubbles:before{content:'\\e978';}&.icon-dashboard:before{content:'\\e979';}&.icon-database:before{content:'\\e97a';}&.icon-delivery-eta-icon:before{content:'\\e97b';}&.icon-download:before{content:'\\e97c';}&.icon-drag:before{content:'\\e97d';}&.icon-duplicate:before{content:'\\e97e';}&.icon-exit:before{content:'\\e97f';}&.icon-expand-chevrons:before{content:'\\e980';}&.icon-expander:before{content:'\\e981';}&.icon-file-image:before{content:'\\e982';}&.icon-file-lines:before{content:'\\e983';}&.icon-file-warning:before{content:'\\e984';}&.icon-file:before{content:'\\e985';}&.icon-filter:before{content:'\\e986';}&.icon-flag-none:before{content:'\\e987';}&.icon-folder:before{content:'\\e988';}&.icon-full-screen:before{content:'\\e989';}&.icon-fullscreen-enter:before{content:'\\e98a';}&.icon-fullscreen-exit:before{content:'\\e98b';}&.icon-grid:before{content:'\\e98c';}&.icon-hard-drive:before{content:'\\e98d';}&.icon-help:before{content:'\\e98e';}&.icon-history:before{content:'\\e98f';}&.icon-inbox:before{content:'\\e990';}&.icon-link:before{content:'\\e991';}&.icon-list:before{content:'\\e992';}&.icon-lock:before{content:'\\e993';}&.icon-mail:before{content:'\\e994';}&.icon-menu:before{content:'\\e995';}&.icon-monitor-satellite:before{content:'\\e996';}&.icon-monitor:before{content:'\\e997';}&.icon-notification-bell:before{content:'\\e998';}&.icon-open-new-tab:before{content:'\\e999';}&.icon-options:before{content:'\\e99a';}&.icon-parallel:before{content:'\\e99b';}&.icon-pending-clock:before{content:'\\e99c';}&.icon-play:before{content:'\\e99d';}&.icon-redo:before{content:'\\e99e';}&.icon-refresh:before{content:'\\e99f';}&.icon-release:before{content:'\\e9a0';}&.icon-search:before{content:'\\e9a3';}&.icon-sequential:before{content:'\\e9a4';}&.icon-sort-asc:before{content:'\\e9a5';}&.icon-sort-desc:before{content:'\\e9a6';}&.icon-star-favorites-active:before{content:'\\e9a7';}&.icon-star-favorites-default:before{content:'\\e9a8';}&.icon-target:before{content:'\\e9a9';}&.icon-task:before{content:'\\e9aa';}&.icon-template:before{content:'\\e9ab';}&.icon-undo:before{content:'\\e9ac';}&.icon-unlock:before{content:'\\e9ad';}&.icon-variable:before{content:'\\e9ae';}&.icon-vault:before{content:'\\e9af';}&.icon-visibility-off:before{content:'\\e9b0';}&.icon-visibility-on:before{content:'\\e9b1';}&.icon-webhook:before{content:'\\e9b2';}&.icon-wrench:before{content:'\\e9b3';}&.icon-bright:before{content:'\\e961';}&.icon-rogue-commits:before{content:'\\e962';}&.icon-home:before{content:'\\e963';}&.icon-blocking-issues:before{content:'\\e964';}&.icon-print-link:before{content:'\\e965';}&.icon-logo-deploy:before{content:'\\e902';}&.icon-logo-experitest:before{content:'\\e903';}&.icon-logo-numerify:before{content:'\\e904';}&.icon-logo-arxan:before{content:'\\e905';}&.icon-logo-continuum:before{content:'\\e906';}&.icon-logo-versionone:before{content:'\\e907';}&.icon-logo-release:before{content:'\\e908';}&.icon-warning-solid:before{content:'\\e909';}&.icon-warning-outline:before{content:'\\e90a';}&.icon-info-solid:before{content:'\\e90b';}&.icon-minus-solid:before{content:'\\e90c';}&.icon-check-solid:before{content:'\\e90d';}&.icon-error-solid:before{content:'\\e90e';}&.icon-error-outlines:before{content:'\\e90f';}&.icon-add-outlined:before{content:'\\e910';}&.icon-add-solid:before{content:'\\e911';}&.icon-clear-solid:before{content:'\\e912';}&.icon-dark:before{content:'\\e913';}&.icon-location:before{content:'\\e914';}&.icon-roadmap:before{content:'\\e915';}&.icon-follow-solid:before{content:'\\e916';}&.icon-follow-outlined:before{content:'\\e917';}&.icon-video:before{content:'\\e918';}&.icon-thumbs-down:before{content:'\\e919';}&.icon-camera:before{content:'\\e91a';}&.icon-users:before{content:'\\e91b';}&.icon-user:before{content:'\\e91c';}&.icon-announcement:before{content:'\\e91d';}&.icon-not-allowed:before{content:'\\e91e';}&.icon-zoom-out:before{content:'\\e91f';}&.icon-zoom-in:before{content:'\\e920';}&.icon-triangle:before{content:'\\e921';}&.icon-delay:before{content:'\\e922';}&.icon-circle-outline:before{content:'\\e923';}&.icon-circle:before{content:'\\e924';}&.icon-add-from-list:before{content:'\\e925';}&.icon-sync:before{content:'\\e926';}&.icon-keyboard:before{content:'\\e927';}&.icon-planner:before{content:'\\e928';}&.icon-tag:before{content:'\\e929';}&.icon-progress:before{content:'\\e92a';}&.icon-timeline:before{content:'\\e92b';}&.icon-abort:before{content:'\\e92c';}&.icon-cancel:before{content:'\\e92d';}&.icon-power:before{content:'\\e92e';}&.icon-resize:before{content:'\\e92f';}&.icon-close:before{content:'\\e930';}&.icon-save:before{content:'\\e931';}&.icon-drag-vertical-up-down:before{content:'\\e932';}&.icon-add:before{content:'\\e933';}&.icon-minus:before{content:'\\e934';}&.icon-target-none:before{content:'\\e935';}&.icon-placeholder:before{content:'\\e936';}&.icon-server:before{content:'\\e937';}&.icon-square-wrench:before{content:'\\e938';}&.icon-square-wrench-check:before{content:'\\e939';}&.icon-square-settings:before{content:'\\e93a';}&.icon-trigger:before{content:'\\e93c';}&.icon-precondition:before{content:'\\e93d';}&.icon-composition:before{content:'\\e93e';}&.icon-block:before{content:'\\e93f';}&.icon-group:before{content:'\\e940';}&.icon-settings-admin-opaque:before{content:'\\e941';}&.icon-puzzle:before{content:'\\e942';}&.icon-alphabet-icon:before{content:'\\e943';}&.icon-crop:before{content:'\\e944';}&.icon-upload-file:before{content:'\\e945';}&.icon-container:before{content:'\\e946';}&.icon-flag-risk:before{content:'\\e947';}&.icon-learn:before{content:'\\e948';}&.icon-tree:before{content:'\\e949';}&.icon-process-template:before{content:'\\e94a';}&.icon-flag-attention:before{content:'\\e94b';}&.icon-collection:before{content:'\\e94c';}&.icon-table:before{content:'\\e94d';}&.icon-linkBrakeIt:before{content:'\\e94e';}&.icon-move-folder:before{content:'\\e94f';}&.icon-columns:before{content:'\\e950';}&.icon-file-word-doc:before{content:'\\e951';}&.icon-file-ppt:before{content:'\\e952';}&.icon-file-zip:before{content:'\\e953';}&.icon-file-xls:before{content:'\\e954';}&.icon-file-pdf:before{content:'\\e955';}&.icon-file-xml:before{content:'\\e956';}&.icon-dictionary-locked:before{content:'\\e957';}&.icon-dictionary:before{content:'\\e958';}&.icon-file-dotted:before{content:'\\e959';}&.icon-file-circle-check:before{content:'\\e95a';}&.icon-back:before{content:'\\e95b';}&.icon-chevron-left:before{content:'\\e95c';}&.icon-chevron-up:before{content:'\\e95d';}&.icon-chevron-down:before{content:'\\e95e';}&.icon-return-level-up:before{content:'\\e95f';}&.icon-return:before{content:'\\e960';}&.icon-edit:before{content:'\\e900';}&.icon-delete:before{content:'\\e901';}&.icon-settings:before{content:\"\\e93b\";}&.icon-network-drive:before{content:\"\\e9a1\";}&.icon-GitOps:before{content:\"\\e9a2\";}&.icon-rss:before{content:\"\\e9c1\";}&.icon-bug:before{content:\"\\e9c2\";}&.icon-cloud:before{content:\"\\e9c3\";}&.icon-more-horizontal:before{content:\"\\e9c4\";}&.icon-expand:before{content:\"\\e9c5\";}&.icon-collapse:before{content:\"\\e9c6\";}}}}"], rootClassName$_);
|
|
49
49
|
|
|
50
50
|
const DotIcon = ({
|
|
51
51
|
ariaLabel,
|
|
@@ -53,23 +53,9 @@ const DotIcon = ({
|
|
|
53
53
|
'data-testid': dataTestId,
|
|
54
54
|
fontSize: _fontSize = 'medium',
|
|
55
55
|
iconId,
|
|
56
|
-
title,
|
|
57
56
|
tooltip
|
|
58
57
|
}) => {
|
|
59
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
60
|
-
|
|
61
|
-
useEffect(() => {
|
|
62
|
-
// 'inherit' causes the vertical alignment of the icon to be not be centered
|
|
63
|
-
// TO-DO: S-76846 MUI 5 change IconFontSize 'default' to 'medium'
|
|
64
|
-
if (_fontSize === 'inherit' || _fontSize === 'default') {
|
|
65
|
-
console.warn(`The use of \`fontSize: ${_fontSize}\` on \`DotIcon\` is deprecated and will be removed in the next release. Please consider using \`fontSize: medium\` instead.`);
|
|
66
|
-
} // deprecation warning
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
if (title) {
|
|
70
|
-
console.warn('The use of `title` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
|
|
71
|
-
}
|
|
72
|
-
}, []);
|
|
58
|
+
const rootClasses = useStylesWithRootClass(rootClassName$_, className);
|
|
73
59
|
return jsx(DotTooltip, Object.assign({
|
|
74
60
|
title: tooltip
|
|
75
61
|
}, {
|
|
@@ -80,7 +66,7 @@ const DotIcon = ({
|
|
|
80
66
|
root: rootClasses
|
|
81
67
|
},
|
|
82
68
|
"data-testid": dataTestId,
|
|
83
|
-
fontSize: _fontSize
|
|
69
|
+
fontSize: _fontSize
|
|
84
70
|
}, {
|
|
85
71
|
children: jsx("i", {
|
|
86
72
|
className: `icon-${iconId} dot-i`,
|
|
@@ -118,7 +104,7 @@ const DotTypography = ({
|
|
|
118
104
|
}), void 0);
|
|
119
105
|
};
|
|
120
106
|
|
|
121
|
-
const rootClassName$
|
|
107
|
+
const rootClassName$Z = 'dot-accordion';
|
|
122
108
|
const summaryClassName = 'dot-accordion-summary';
|
|
123
109
|
const detailClassName = 'dot-accordion-details';
|
|
124
110
|
const StyledAccordion = styled(Accordion).withConfig({
|
|
@@ -126,7 +112,134 @@ const StyledAccordion = styled(Accordion).withConfig({
|
|
|
126
112
|
componentId: "sc-1amx4r3-0"
|
|
127
113
|
})(["", ""], ({
|
|
128
114
|
theme
|
|
129
|
-
}) => css(["&.", "
|
|
115
|
+
}) => css(["&.", " .", "{align-items:center;display:flex;&.Mui-expanded{border-top:1px solid rgba(0,0,0,0.12);&:before{opacity:1;}}.MuiAccordionSummary-content{align-items:center;gap:", ";width:calc(100% - ", ");.dot-tooltip{overflow:hidden;}}.MuiAccordionSummary-expandIconWrapper{padding:", ";margin-right:", ";}.MuiTypography-root{margin-bottom:0;}.MuiTypography-body1{padding:2px 0;}}"], rootClassName$Z, summaryClassName, theme.spacing(1), theme.spacing(5), theme.spacing(1.5), theme.spacing(-1.5)));
|
|
116
|
+
|
|
117
|
+
const DotAccordion = ({
|
|
118
|
+
actions,
|
|
119
|
+
ariaLabel,
|
|
120
|
+
children,
|
|
121
|
+
className,
|
|
122
|
+
'data-testid': dataTestId = 'dot-accordion',
|
|
123
|
+
disabled: _disabled = false,
|
|
124
|
+
expanded,
|
|
125
|
+
hasElevation: _hasElevation = false,
|
|
126
|
+
onChange,
|
|
127
|
+
square: _square = false,
|
|
128
|
+
startIcon: _startIcon = null,
|
|
129
|
+
summary,
|
|
130
|
+
noWrap: _noWrap = true
|
|
131
|
+
}) => {
|
|
132
|
+
const rootClasses = useStylesWithRootClass(rootClassName$Z, className);
|
|
133
|
+
const [elevation, setElevation] = useState();
|
|
134
|
+
useEffect(() => {
|
|
135
|
+
if (onChange && expanded === undefined) {
|
|
136
|
+
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.');
|
|
137
|
+
}
|
|
138
|
+
}, []);
|
|
139
|
+
useEffect(() => {
|
|
140
|
+
setElevation(_hasElevation ? 1 : 0);
|
|
141
|
+
}, [_hasElevation]);
|
|
142
|
+
return jsxs(StyledAccordion, Object.assign({
|
|
143
|
+
"aria-label": ariaLabel,
|
|
144
|
+
className: rootClasses,
|
|
145
|
+
"data-testid": dataTestId,
|
|
146
|
+
disabled: _disabled,
|
|
147
|
+
elevation: elevation,
|
|
148
|
+
expanded: onChange ? expanded : undefined,
|
|
149
|
+
onChange: onChange,
|
|
150
|
+
square: _square
|
|
151
|
+
}, {
|
|
152
|
+
children: [jsxs(AccordionSummary, Object.assign({
|
|
153
|
+
classes: {
|
|
154
|
+
root: summaryClassName
|
|
155
|
+
},
|
|
156
|
+
"data-testid": `${dataTestId}-summary`,
|
|
157
|
+
expandIcon: jsx(DotIcon, {
|
|
158
|
+
iconId: "chevron-down"
|
|
159
|
+
}, void 0)
|
|
160
|
+
}, {
|
|
161
|
+
children: [_startIcon, jsx(DotTooltip, Object.assign({
|
|
162
|
+
"data-testid": "accordion-tooltip",
|
|
163
|
+
title: _noWrap ? summary : ''
|
|
164
|
+
}, {
|
|
165
|
+
children: jsx(DotTypography, Object.assign({
|
|
166
|
+
noWrap: _noWrap,
|
|
167
|
+
variant: "body1"
|
|
168
|
+
}, {
|
|
169
|
+
children: summary
|
|
170
|
+
}), void 0)
|
|
171
|
+
}), void 0)]
|
|
172
|
+
}), void 0), jsx(AccordionDetails, Object.assign({
|
|
173
|
+
classes: {
|
|
174
|
+
root: detailClassName
|
|
175
|
+
},
|
|
176
|
+
"data-testid": `${dataTestId}-details`
|
|
177
|
+
}, {
|
|
178
|
+
children: children
|
|
179
|
+
}), void 0), actions && jsx(AccordionActions, {
|
|
180
|
+
children: actions
|
|
181
|
+
}, void 0)]
|
|
182
|
+
}), void 0);
|
|
183
|
+
};
|
|
184
|
+
|
|
185
|
+
const rootClassName$Y = 'dot-text-field';
|
|
186
|
+
const rootSelectClassName = 'dot-select-field';
|
|
187
|
+
const labelClassName = 'dot-input-label';
|
|
188
|
+
const warningClassName = 'dot-warning';
|
|
189
|
+
const successClassName = 'dot-success';
|
|
190
|
+
const adornmentIconClassName = 'dot-adornment-icon';
|
|
191
|
+
const fieldsetClassName = 'MuiOutlinedInput-notchedOutline';
|
|
192
|
+
const StyledAdornment = styled(InputAdornment).withConfig({
|
|
193
|
+
displayName: "InputFormFieldsstyles__StyledAdornment",
|
|
194
|
+
componentId: "sc-1mbn9f0-0"
|
|
195
|
+
})([".dot-icon{font-size:24px;height:24px;padding:0;width:24px;}"]);
|
|
196
|
+
const StyledInputLabel = styled(InputLabel).withConfig({
|
|
197
|
+
displayName: "InputFormFieldsstyles__StyledInputLabel",
|
|
198
|
+
componentId: "sc-1mbn9f0-1"
|
|
199
|
+
})(["", ""], ({
|
|
200
|
+
theme
|
|
201
|
+
}) => css(["&.", "{transform:none;&.Mui-disabled .dot-typography{color:rgba(0,0,0,0.38);}&.Mui-error .dot-typography{color:", ";}.dot-typography{display:inline;}}"], labelClassName, theme.palette.error.main));
|
|
202
|
+
const StyledTextField = styled(TextField).withConfig({
|
|
203
|
+
displayName: "InputFormFieldsstyles__StyledTextField",
|
|
204
|
+
componentId: "sc-1mbn9f0-2"
|
|
205
|
+
})(["", ""], ({
|
|
206
|
+
theme,
|
|
207
|
+
InputProps
|
|
208
|
+
}) => css(["&.", "{.MuiInputBase-root{margin-bottom:0;}.MuiInputBase-input{box-sizing:content-box;}.MuiOutlinedInput-input{padding:", ";}.MuiInputBase-inputSizeSmall{padding-top:10.5px;padding-bottom:10.5px;}.MuiOutlinedInput-inputMultiline{padding:0;}}&.", ",&.", "{.", "{color:", ";.dot-icon i{margin-top:-2px;}}.MuiSelect-select:focus{background-color:transparent;}.Mui-error .", "{color:", ";}.MuiSelect-icon{right:", ";}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiFormLabel-root.Mui-focused{color:", ";}.", "{color:", ";}}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", "{color:", ";}}.MuiOutlinedInput-adornedStart{padding-left:12px;&.", " .", "{border-color:", ";}}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.MuiFormHelperText-root{font-family:", ";font-size:12px;font-weight:400;margin:", ";display:flex;align-items:flex-end;&:not(.Mui-error){color:", ";}}.MuiInputBase-inputAdornedStart{padding-left:12px;}.MuiInputBase-inputAdornedEnd{padding-right:12px;}.MuiFormHelperText-root{font-family:", ";font-size:", ";margin:", ";display:flex;align-items:flex-end;&:not(.Mui-error){color:", ";}&.read-only .MuiOutlinedInput-root:hover > fieldset{border-color:", ";}}}"], rootClassName$Y, InputProps.startAdornment ? `18px 12px 18px 0px` : `18px 12px`, rootSelectClassName, rootClassName$Y, adornmentIconClassName, theme.palette.layer.n700, adornmentIconClassName, theme.palette.error.main, InputProps.endAdornment ? `44px` : `12px`, successClassName, theme.palette.secondary.main, theme.palette.grey[700], adornmentIconClassName, theme.palette.secondary.main, warningClassName, theme.palette.warning.main, theme.palette.grey[700], adornmentIconClassName, theme.palette.warning.main, warningClassName, fieldsetClassName, theme.palette.warning[500], theme.palette.grey[700], theme.typography.body2.fontFamily, theme.spacing(0.5, 0, 0, 2), theme.palette.grey[400], theme.typography.fontFamily, theme.typography.body2.fontSize, theme.spacing(0, 0, 0, 2), theme.palette.grey[400], theme.palette.layer.n200));
|
|
209
|
+
|
|
210
|
+
const rootClassName$X = 'dot-action-toolbar';
|
|
211
|
+
const StyledToolbar = styled(Toolbar).withConfig({
|
|
212
|
+
displayName: "ActionToolbarstyles__StyledToolbar",
|
|
213
|
+
componentId: "sc-5llm03-0"
|
|
214
|
+
})(["", ""], ({
|
|
215
|
+
theme
|
|
216
|
+
}) => css(["&.", "{border-bottom:1px solid ", ";.", " .MuiInputBase-root{margin-bottom:0;}}"], rootClassName$X, theme.palette.grey[100], rootClassName$Y));
|
|
217
|
+
|
|
218
|
+
const DotActionToolbar = ({
|
|
219
|
+
ariaLabel,
|
|
220
|
+
children,
|
|
221
|
+
className,
|
|
222
|
+
'data-testid': dataTestId,
|
|
223
|
+
variant: _variant = 'dense'
|
|
224
|
+
}) => {
|
|
225
|
+
const rootClasses = useStylesWithRootClass(rootClassName$X, className);
|
|
226
|
+
return jsx(StyledToolbar, Object.assign({
|
|
227
|
+
"aria-label": ariaLabel,
|
|
228
|
+
className: rootClasses,
|
|
229
|
+
"data-testid": dataTestId,
|
|
230
|
+
variant: _variant
|
|
231
|
+
}, {
|
|
232
|
+
children: children
|
|
233
|
+
}), void 0);
|
|
234
|
+
};
|
|
235
|
+
|
|
236
|
+
const rootClassName$W = 'dot-alert-banner';
|
|
237
|
+
const StyledAlertBanner = styled(Alert).withConfig({
|
|
238
|
+
displayName: "AlertBannerstyles__StyledAlertBanner",
|
|
239
|
+
componentId: "sc-1u3aqgz-0"
|
|
240
|
+
})(["", ""], ({
|
|
241
|
+
theme
|
|
242
|
+
}) => css(["&.", "{align-items:center;border-radius:8px;display:flex;overflow:hidden;padding:", ";.MuiAlert-icon,.MuiAlert-message{padding:0;.dot-typography{margin-bottom:0;}}&.MuiAlert-standardSuccess{.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardInfo{background-color:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardWarning{background-color:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardError{background-color:", ";.dot-typography{color:", ";}.MuiAlert-icon{color:", ";}}}"], rootClassName$W, theme.spacing(0.75, 2), theme.palette.success[700], theme.palette.primary[50], theme.palette.primary[500], theme.palette.warning[100], theme.palette.grey[700], theme.palette.error[50], theme.palette.error[700], theme.palette.error[500]));
|
|
130
243
|
|
|
131
244
|
var LatoRegular = "data:font/woff;base64,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";
|
|
132
245
|
|
|
@@ -149,49 +262,18 @@ const GlobalFonts = createGlobalStyle(_t || (_t = _`
|
|
|
149
262
|
src: url(${0}) format('woff');
|
|
150
263
|
}
|
|
151
264
|
|
|
265
|
+
@font-face {
|
|
266
|
+
font-family: 'LatoBold';
|
|
267
|
+
font-weight: 700;
|
|
268
|
+
src: url(${0}) format('woff');
|
|
269
|
+
}
|
|
270
|
+
|
|
152
271
|
@font-face {
|
|
153
272
|
font-display: block;
|
|
154
273
|
font-family: 'dot';
|
|
155
274
|
src: url(${0}) format('woff');
|
|
156
275
|
}
|
|
157
|
-
`), LatoRegular, LatoBold, Dot);
|
|
158
|
-
|
|
159
|
-
const n0$2 = '#E6F0F4'; // level-0
|
|
160
|
-
|
|
161
|
-
const n50$2 = '#FFFFFF'; // level-1
|
|
162
|
-
|
|
163
|
-
const n100$2 = '#C3DBE4'; // level-2
|
|
164
|
-
|
|
165
|
-
const n200$2 = '#9FC5D5'; // level-3
|
|
166
|
-
|
|
167
|
-
const n300$2 = '#7CB0C5';
|
|
168
|
-
const n400$2 = '#589BB6'; // text-3
|
|
169
|
-
|
|
170
|
-
const n500$2 = '#438098'; // text-2
|
|
171
|
-
|
|
172
|
-
const n600$2 = '#326174'; // text-1
|
|
173
|
-
|
|
174
|
-
const n700$2 = '#244451'; // text-0
|
|
175
|
-
|
|
176
|
-
const n800$1 = '#14262E';
|
|
177
|
-
const n900$1 = '#000000';
|
|
178
|
-
|
|
179
|
-
const n0$1 = '#050A0A'; // level-0
|
|
180
|
-
|
|
181
|
-
const n50$1 = '#14262E'; // level-1
|
|
182
|
-
|
|
183
|
-
const n100$1 = '#244451'; // level-2
|
|
184
|
-
|
|
185
|
-
const n200$1 = '#336275'; // level-3
|
|
186
|
-
|
|
187
|
-
const n300$1 = '#7CB0C5';
|
|
188
|
-
const n400$1 = '#9FC5D5'; // text-3
|
|
189
|
-
|
|
190
|
-
const n500$1 = '#E6F0F4'; // text-2
|
|
191
|
-
|
|
192
|
-
const n600$1 = '#C3DBE4'; // text-1
|
|
193
|
-
|
|
194
|
-
const n700$1 = '#FFFFFF'; // text-0
|
|
276
|
+
`), LatoRegular, LatoBold, LatoBold, Dot);
|
|
195
277
|
|
|
196
278
|
//Primary blue
|
|
197
279
|
//https://zeroheight.com/4a9ac476a/p/22005a-color/t/6288e9
|
|
@@ -309,8 +391,7 @@ const pA100 = '#ff9cd1';
|
|
|
309
391
|
const pA200 = '#ff69b9';
|
|
310
392
|
const pA400 = '#ff36a2';
|
|
311
393
|
const pA700 = '#ff1d96';
|
|
312
|
-
const
|
|
313
|
-
const agilityLightGreen = '#e4efd3';
|
|
394
|
+
const selectedGray = 'rgba(0, 0, 0, 0.12)';
|
|
314
395
|
|
|
315
396
|
var lightThemeColors = /*#__PURE__*/Object.freeze({
|
|
316
397
|
__proto__: null,
|
|
@@ -415,12 +496,25 @@ var lightThemeColors = /*#__PURE__*/Object.freeze({
|
|
|
415
496
|
pA200: pA200,
|
|
416
497
|
pA400: pA400,
|
|
417
498
|
pA700: pA700,
|
|
418
|
-
|
|
419
|
-
agilityLightGreen: agilityLightGreen
|
|
499
|
+
selectedGray: selectedGray
|
|
420
500
|
});
|
|
421
501
|
|
|
422
|
-
const
|
|
423
|
-
|
|
502
|
+
const componentOverrides = {
|
|
503
|
+
MuiMenu: {
|
|
504
|
+
defaultProps: {
|
|
505
|
+
TransitionComponent: Fade
|
|
506
|
+
}
|
|
507
|
+
},
|
|
508
|
+
MuiPopover: {
|
|
509
|
+
defaultProps: {
|
|
510
|
+
TransitionComponent: Fade
|
|
511
|
+
}
|
|
512
|
+
},
|
|
513
|
+
MuiTooltip: {
|
|
514
|
+
defaultProps: {
|
|
515
|
+
TransitionComponent: Fade
|
|
516
|
+
}
|
|
517
|
+
}
|
|
424
518
|
};
|
|
425
519
|
const typographyOptions = {
|
|
426
520
|
fontFamily: 'Lato, sans-serif',
|
|
@@ -432,49 +526,42 @@ const typographyOptions = {
|
|
|
432
526
|
},
|
|
433
527
|
h1: {
|
|
434
528
|
fontSize: 24,
|
|
435
|
-
fontFamily: '
|
|
436
|
-
fontWeight: 700,
|
|
529
|
+
fontFamily: 'LatoBold, sans-serif',
|
|
437
530
|
lineHeight: '30px'
|
|
438
531
|
},
|
|
439
532
|
h2: {
|
|
440
533
|
fontSize: 20,
|
|
441
|
-
fontFamily: '
|
|
442
|
-
fontWeight: 700,
|
|
534
|
+
fontFamily: 'LatoBold, sans-serif',
|
|
443
535
|
lineHeight: '26px',
|
|
444
536
|
letterSpacing: '0.02em'
|
|
445
537
|
},
|
|
446
538
|
h3: {
|
|
447
539
|
fontSize: 17,
|
|
448
|
-
fontFamily: '
|
|
449
|
-
fontWeight: 700,
|
|
540
|
+
fontFamily: 'LatoBold, sans-serif',
|
|
450
541
|
lineHeight: '24px',
|
|
451
542
|
letterSpacing: '0.02em'
|
|
452
543
|
},
|
|
453
544
|
h4: {
|
|
454
545
|
fontSize: 14,
|
|
455
|
-
fontFamily: '
|
|
456
|
-
fontWeight: 700,
|
|
546
|
+
fontFamily: 'LatoBold, sans-serif',
|
|
457
547
|
lineHeight: '18px',
|
|
458
548
|
letterSpacing: '0.03em'
|
|
459
549
|
},
|
|
460
550
|
h5: {
|
|
461
551
|
fontSize: 12,
|
|
462
|
-
fontFamily: '
|
|
463
|
-
fontWeight: 700,
|
|
552
|
+
fontFamily: 'LatoBold, sans-serif',
|
|
464
553
|
lineHeight: '18px',
|
|
465
554
|
letterSpacing: '0.03em'
|
|
466
555
|
},
|
|
467
556
|
subtitle1: {
|
|
468
|
-
fontFamily: '
|
|
469
|
-
fontWeight: 700,
|
|
557
|
+
fontFamily: 'LatoBold, sans-serif',
|
|
470
558
|
fontSize: 17,
|
|
471
559
|
lineHeight: '23px',
|
|
472
560
|
letterSpacing: '0.03em',
|
|
473
561
|
marginBottom: 1
|
|
474
562
|
},
|
|
475
563
|
subtitle2: {
|
|
476
|
-
fontFamily: '
|
|
477
|
-
fontWeight: 700,
|
|
564
|
+
fontFamily: 'LatoBold, sans-serif',
|
|
478
565
|
fontSize: 14,
|
|
479
566
|
lineHeight: '20px',
|
|
480
567
|
letterSpacing: '0.03em',
|
|
@@ -494,7 +581,7 @@ const typographyOptions = {
|
|
|
494
581
|
},
|
|
495
582
|
caption: {
|
|
496
583
|
fontSize: 10,
|
|
497
|
-
fontFamily: '
|
|
584
|
+
fontFamily: 'LatoBold, sans-serif',
|
|
498
585
|
fontWeight: 700,
|
|
499
586
|
lineHeight: '16px',
|
|
500
587
|
letterSpacing: '0.03em',
|
|
@@ -560,148 +647,10 @@ const avatarColors = {
|
|
|
560
647
|
backgroundColor: n200
|
|
561
648
|
}
|
|
562
649
|
};
|
|
563
|
-
const agilityLightTheme = createTheme({
|
|
564
|
-
breakpoints: Object.assign({}, breakpointOptions),
|
|
565
|
-
palette: {
|
|
566
|
-
type: 'light',
|
|
567
|
-
product: 'agility',
|
|
568
|
-
avatarColors: Object.assign({}, avatarColors),
|
|
569
|
-
background: {
|
|
570
|
-
default: n0$2
|
|
571
|
-
},
|
|
572
|
-
icon: {
|
|
573
|
-
checkOutline: '#1E88E5',
|
|
574
|
-
emphasized: '#C6F1FF',
|
|
575
|
-
fileDotted: '#3949AB',
|
|
576
|
-
improve: '#3D8B40',
|
|
577
|
-
improveHover: '#6BA568',
|
|
578
|
-
maintain: '#EA1C0D',
|
|
579
|
-
maintainHover: '#F96244',
|
|
580
|
-
rogueCommits: '#FFB300',
|
|
581
|
-
unknown: '#4B626D',
|
|
582
|
-
unknownHover: '#71828B'
|
|
583
|
-
},
|
|
584
|
-
layer: {
|
|
585
|
-
n0: n0$2,
|
|
586
|
-
n50: n50$2,
|
|
587
|
-
n100: n100$2,
|
|
588
|
-
n200: n200$2,
|
|
589
|
-
n300: n300$2,
|
|
590
|
-
n400: n400$2,
|
|
591
|
-
n500: n500$2,
|
|
592
|
-
n600: n600$2,
|
|
593
|
-
n700: n700$2,
|
|
594
|
-
n800: n800$1,
|
|
595
|
-
n900: n900$1
|
|
596
|
-
},
|
|
597
|
-
agilityInterface: {
|
|
598
|
-
activeBg: 'rgba(121, 181, 34, 0.2)',
|
|
599
|
-
activeCardBg: '#EDF9DD',
|
|
600
|
-
cardBg: n50$2,
|
|
601
|
-
disabledText: '#A1BFCB',
|
|
602
|
-
fixedCol: n0$2,
|
|
603
|
-
headerBg: n700,
|
|
604
|
-
helpColor: '#FF5722',
|
|
605
|
-
menuBg: n50$2,
|
|
606
|
-
panelBgActive: n50$2,
|
|
607
|
-
panelBgDefault: '#9FC6D5',
|
|
608
|
-
panelTextActive: n700$2,
|
|
609
|
-
panelTextDefault: n700$2,
|
|
610
|
-
projectNavBg: 'rgba(67, 128, 152, 0.2)',
|
|
611
|
-
sideNavBorder: n300$2,
|
|
612
|
-
sideNavHoverBg: agilityLightGreen,
|
|
613
|
-
sideNavHoverBorder: agilityGreen,
|
|
614
|
-
sideNavHoverText: g500,
|
|
615
|
-
sideNavSubHeaderText: n400$2,
|
|
616
|
-
textColor: n700$2,
|
|
617
|
-
topBarIconHoverBg: '#667384',
|
|
618
|
-
warnCardBg: '#FBE9E7'
|
|
619
|
-
}
|
|
620
|
-
},
|
|
621
|
-
props: {
|
|
622
|
-
MuiTooltip: componentTransition,
|
|
623
|
-
MuiPopover: componentTransition,
|
|
624
|
-
MuiMenu: componentTransition
|
|
625
|
-
},
|
|
626
|
-
typography: Object.assign(Object.assign({}, typographyOptions), {
|
|
627
|
-
allVariants: Object.assign(Object.assign({}, typographyOptions.allVariants), {
|
|
628
|
-
color: n700$2
|
|
629
|
-
})
|
|
630
|
-
})
|
|
631
|
-
});
|
|
632
|
-
const agilityDarkTheme = createTheme({
|
|
633
|
-
breakpoints: Object.assign({}, breakpointOptions),
|
|
634
|
-
palette: {
|
|
635
|
-
type: 'dark',
|
|
636
|
-
product: 'agility',
|
|
637
|
-
avatarColors: Object.assign({}, avatarColors),
|
|
638
|
-
background: {
|
|
639
|
-
default: n0$1
|
|
640
|
-
},
|
|
641
|
-
icon: {
|
|
642
|
-
checkOutline: '#42A5F5',
|
|
643
|
-
emphasized: '#C6F1FF',
|
|
644
|
-
fileDotted: '#9FA8DA',
|
|
645
|
-
improve: '#6EC071',
|
|
646
|
-
improveHover: '#1A6D25',
|
|
647
|
-
maintain: '#F77066',
|
|
648
|
-
maintainHover: '#C50000',
|
|
649
|
-
rogueCommits: '#FFB300',
|
|
650
|
-
unknown: '#B7C6CD',
|
|
651
|
-
unknownHover: '#88979D'
|
|
652
|
-
},
|
|
653
|
-
layer: {
|
|
654
|
-
n0: n0$1,
|
|
655
|
-
n50: n50$1,
|
|
656
|
-
n100: n100$1,
|
|
657
|
-
n200: n200$1,
|
|
658
|
-
n300: n300$1,
|
|
659
|
-
n400: n400$1,
|
|
660
|
-
n500: n500$1,
|
|
661
|
-
n600: n600$1,
|
|
662
|
-
n700: n700$1,
|
|
663
|
-
n800: n700$1,
|
|
664
|
-
n900: n700$1
|
|
665
|
-
},
|
|
666
|
-
agilityInterface: {
|
|
667
|
-
activeBg: 'rgba(121, 181, 34, 0.2)',
|
|
668
|
-
activeCardBg: '#405F12',
|
|
669
|
-
cardBg: n200$1,
|
|
670
|
-
disabledText: n200$1,
|
|
671
|
-
fixedCol: '#1C3540',
|
|
672
|
-
headerBg: '#14272E',
|
|
673
|
-
helpColor: '#FF5722',
|
|
674
|
-
menuBg: n100$1,
|
|
675
|
-
panelBgActive: n300$1,
|
|
676
|
-
panelBgDefault: '#14272E',
|
|
677
|
-
panelTextActive: '#14272E',
|
|
678
|
-
panelTextDefault: '#9FC6D5',
|
|
679
|
-
projectNavBg: 'rgba(67, 128, 152, 0.2)',
|
|
680
|
-
sideNavBorder: n200$1,
|
|
681
|
-
sideNavHoverBg: n100$1,
|
|
682
|
-
sideNavHoverBorder: n300$1,
|
|
683
|
-
sideNavHoverText: n300$1,
|
|
684
|
-
sideNavSubHeaderText: '#9FC6D5',
|
|
685
|
-
textColor: n700$1,
|
|
686
|
-
topBarIconHoverBg: n100$1,
|
|
687
|
-
warnCardBg: '#7A4637'
|
|
688
|
-
}
|
|
689
|
-
},
|
|
690
|
-
props: {
|
|
691
|
-
MuiTooltip: componentTransition,
|
|
692
|
-
MuiPopover: componentTransition,
|
|
693
|
-
MuiMenu: componentTransition
|
|
694
|
-
},
|
|
695
|
-
typography: Object.assign(Object.assign({}, typographyOptions), {
|
|
696
|
-
allVariants: Object.assign(Object.assign({}, typographyOptions.allVariants), {
|
|
697
|
-
color: n700$1
|
|
698
|
-
})
|
|
699
|
-
})
|
|
700
|
-
});
|
|
701
650
|
const darkTheme = createTheme({
|
|
702
651
|
breakpoints: Object.assign({}, breakpointOptions),
|
|
703
652
|
palette: {
|
|
704
|
-
|
|
653
|
+
mode: 'dark',
|
|
705
654
|
avatarColors: Object.assign({}, avatarColors),
|
|
706
655
|
icon: {
|
|
707
656
|
checkOutline: b500,
|
|
@@ -733,11 +682,7 @@ const darkTheme = createTheme({
|
|
|
733
682
|
primary: n0
|
|
734
683
|
}
|
|
735
684
|
},
|
|
736
|
-
|
|
737
|
-
MuiTooltip: componentTransition,
|
|
738
|
-
MuiPopover: componentTransition,
|
|
739
|
-
MuiMenu: componentTransition
|
|
740
|
-
},
|
|
685
|
+
components: componentOverrides,
|
|
741
686
|
typography: Object.assign(Object.assign({}, typographyOptions), {
|
|
742
687
|
allVariants: Object.assign(Object.assign({}, typographyOptions.allVariants), {
|
|
743
688
|
color: n0
|
|
@@ -747,7 +692,7 @@ const darkTheme = createTheme({
|
|
|
747
692
|
const lightTheme = createTheme({
|
|
748
693
|
breakpoints: Object.assign({}, breakpointOptions),
|
|
749
694
|
palette: {
|
|
750
|
-
|
|
695
|
+
mode: 'light',
|
|
751
696
|
avatarColors: Object.assign({}, avatarColors),
|
|
752
697
|
background: {
|
|
753
698
|
default: n0
|
|
@@ -883,11 +828,7 @@ const lightTheme = createTheme({
|
|
|
883
828
|
},
|
|
884
829
|
tonalOffset: 0.2
|
|
885
830
|
},
|
|
886
|
-
|
|
887
|
-
MuiTooltip: componentTransition,
|
|
888
|
-
MuiPopover: componentTransition,
|
|
889
|
-
MuiMenu: componentTransition
|
|
890
|
-
},
|
|
831
|
+
components: componentOverrides,
|
|
891
832
|
typography: Object.assign(Object.assign({}, typographyOptions), {
|
|
892
833
|
allVariants: Object.assign(Object.assign({}, typographyOptions.allVariants), {
|
|
893
834
|
color: n700
|
|
@@ -898,33 +839,14 @@ function DotThemeProvider({
|
|
|
898
839
|
children,
|
|
899
840
|
theme = lightTheme
|
|
900
841
|
}) {
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
if (typeof theme === 'string') {
|
|
904
|
-
switch (theme) {
|
|
905
|
-
case 'dark':
|
|
906
|
-
userTheme = darkTheme;
|
|
907
|
-
break;
|
|
908
|
-
|
|
909
|
-
case 'agility-dark':
|
|
910
|
-
userTheme = agilityDarkTheme;
|
|
911
|
-
break;
|
|
912
|
-
|
|
913
|
-
case 'agility-light':
|
|
914
|
-
userTheme = agilityLightTheme;
|
|
915
|
-
break;
|
|
916
|
-
}
|
|
917
|
-
} else {
|
|
918
|
-
userTheme = theme;
|
|
919
|
-
}
|
|
920
|
-
|
|
842
|
+
const userTheme = typeof theme === 'string' && theme === 'dark' ? darkTheme : lightTheme;
|
|
921
843
|
return jsx(StylesProvider, Object.assign({
|
|
922
844
|
injectFirst: true
|
|
923
845
|
}, {
|
|
924
|
-
children: jsx(
|
|
846
|
+
children: jsx(ThemeProvider, Object.assign({
|
|
925
847
|
theme: userTheme
|
|
926
848
|
}, {
|
|
927
|
-
children: jsxs(ThemeProvider, Object.assign({
|
|
849
|
+
children: jsxs(ThemeProvider$1, Object.assign({
|
|
928
850
|
theme: userTheme
|
|
929
851
|
}, {
|
|
930
852
|
children: [jsx(GlobalFonts, {}, void 0), children]
|
|
@@ -960,115 +882,6 @@ const renderNodeOrTypography = (content, typographyVariant = 'body1') => {
|
|
|
960
882
|
}), void 0) : content;
|
|
961
883
|
};
|
|
962
884
|
|
|
963
|
-
const DotAccordion = ({
|
|
964
|
-
actions,
|
|
965
|
-
ariaLabel,
|
|
966
|
-
children,
|
|
967
|
-
className,
|
|
968
|
-
'data-testid': dataTestId = 'dot-accordion',
|
|
969
|
-
defaultExpanded,
|
|
970
|
-
disabled: _disabled = false,
|
|
971
|
-
expanded,
|
|
972
|
-
hasElevation: _hasElevation = false,
|
|
973
|
-
onChange,
|
|
974
|
-
square: _square = false,
|
|
975
|
-
startIcon,
|
|
976
|
-
summary,
|
|
977
|
-
noWrap: _noWrap = true
|
|
978
|
-
}) => {
|
|
979
|
-
const rootClasses = useStylesWithRootClass(rootClassName$Y, className);
|
|
980
|
-
const [elevation, setElevation] = useState();
|
|
981
|
-
useEffect(() => {
|
|
982
|
-
if (defaultExpanded !== undefined) {
|
|
983
|
-
console.warn('The use of `defaultExpanded` is deprecated and will be removed in the next major release, please use `expanded` instead.');
|
|
984
|
-
}
|
|
985
|
-
|
|
986
|
-
if (onChange && expanded === undefined) {
|
|
987
|
-
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.');
|
|
988
|
-
}
|
|
989
|
-
}, []);
|
|
990
|
-
useEffect(() => {
|
|
991
|
-
setElevation(_hasElevation ? 1 : 0);
|
|
992
|
-
}, [_hasElevation]);
|
|
993
|
-
let dftExpanded = defaultExpanded;
|
|
994
|
-
|
|
995
|
-
if (dftExpanded === undefined) {
|
|
996
|
-
dftExpanded = expanded === undefined ? false : expanded;
|
|
997
|
-
}
|
|
998
|
-
|
|
999
|
-
return jsxs(StyledAccordion, Object.assign({
|
|
1000
|
-
"aria-label": ariaLabel,
|
|
1001
|
-
className: rootClasses,
|
|
1002
|
-
"data-testid": dataTestId,
|
|
1003
|
-
defaultExpanded: dftExpanded,
|
|
1004
|
-
disabled: _disabled,
|
|
1005
|
-
elevation: elevation,
|
|
1006
|
-
expanded: onChange ? expanded : undefined,
|
|
1007
|
-
onChange: onChange,
|
|
1008
|
-
square: _square
|
|
1009
|
-
}, {
|
|
1010
|
-
children: [jsxs(AccordionSummary, Object.assign({
|
|
1011
|
-
className: summaryClassName,
|
|
1012
|
-
"data-testid": `${dataTestId}-summary`,
|
|
1013
|
-
expandIcon: jsx(DotIcon, {
|
|
1014
|
-
iconId: "chevron-down"
|
|
1015
|
-
}, void 0)
|
|
1016
|
-
}, {
|
|
1017
|
-
children: [startIcon, jsx(DotTooltip, Object.assign({
|
|
1018
|
-
title: _noWrap && isString(summary) ? summary : ''
|
|
1019
|
-
}, {
|
|
1020
|
-
children: jsx(DotTypography, Object.assign({
|
|
1021
|
-
noWrap: _noWrap,
|
|
1022
|
-
variant: "body1"
|
|
1023
|
-
}, {
|
|
1024
|
-
children: summary
|
|
1025
|
-
}), void 0)
|
|
1026
|
-
}), void 0)]
|
|
1027
|
-
}), void 0), jsx(AccordionDetails, Object.assign({
|
|
1028
|
-
className: detailClassName,
|
|
1029
|
-
"data-testid": `${dataTestId}-details`
|
|
1030
|
-
}, {
|
|
1031
|
-
children: children
|
|
1032
|
-
}), void 0), jsx(Divider, {}, void 0), actions && jsx(AccordionActions, {
|
|
1033
|
-
children: actions
|
|
1034
|
-
}, void 0)]
|
|
1035
|
-
}), void 0);
|
|
1036
|
-
};
|
|
1037
|
-
|
|
1038
|
-
const rootClassName$X = 'dot-action-toolbar';
|
|
1039
|
-
const StyledToolbar = styled(Toolbar).withConfig({
|
|
1040
|
-
displayName: "ActionToolbarstyles__StyledToolbar",
|
|
1041
|
-
componentId: "sc-5llm03-0"
|
|
1042
|
-
})(["", ""], ({
|
|
1043
|
-
theme
|
|
1044
|
-
}) => css(["&.", "{border-bottom:1px solid ", ";}"], rootClassName$X, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[100]));
|
|
1045
|
-
|
|
1046
|
-
const DotActionToolbar = ({
|
|
1047
|
-
ariaLabel,
|
|
1048
|
-
children,
|
|
1049
|
-
className,
|
|
1050
|
-
'data-testid': dataTestId,
|
|
1051
|
-
variant: _variant = 'dense'
|
|
1052
|
-
}) => {
|
|
1053
|
-
const rootClasses = useStylesWithRootClass(rootClassName$X, className);
|
|
1054
|
-
return jsx(StyledToolbar, Object.assign({
|
|
1055
|
-
"aria-label": ariaLabel,
|
|
1056
|
-
className: rootClasses,
|
|
1057
|
-
"data-testid": dataTestId,
|
|
1058
|
-
variant: _variant
|
|
1059
|
-
}, {
|
|
1060
|
-
children: children
|
|
1061
|
-
}), void 0);
|
|
1062
|
-
};
|
|
1063
|
-
|
|
1064
|
-
const rootClassName$W = 'dot-alert-banner';
|
|
1065
|
-
const StyledAlertBanner = styled(Alert).withConfig({
|
|
1066
|
-
displayName: "AlertBannerstyles__StyledAlertBanner",
|
|
1067
|
-
componentId: "sc-1u3aqgz-0"
|
|
1068
|
-
})(["", ""], ({
|
|
1069
|
-
theme
|
|
1070
|
-
}) => css(["&.", "{align-items:center;border-radius:0;display:flex;overflow:hidden;.MuiAlert-icon,.MuiAlert-message{padding:0;.dot-typography{margin-bottom:0;}}&.MuiAlert-standardSuccess{.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardInfo{background-color:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardWarning{background-color:", ";color:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardError{.MuiAlert-icon,.dot-typography{color:", ";}}}"], rootClassName$W, theme.palette.success[700], theme.palette.primary[50], theme.palette.primary[500], theme.palette.warning[100], theme.palette.grey[700], theme.palette.grey[700], theme.palette.error[700]));
|
|
1071
|
-
|
|
1072
885
|
const DotAlertBanner = ({
|
|
1073
886
|
action,
|
|
1074
887
|
ariaLabel,
|
|
@@ -1142,9 +955,7 @@ const rootClassName$V = 'dot-icon-btn';
|
|
|
1142
955
|
const StyledIconButton = styled(IconButton).withConfig({
|
|
1143
956
|
displayName: "IconButtonstyles__StyledIconButton",
|
|
1144
957
|
componentId: "eko0kb-0"
|
|
1145
|
-
})(["", ""], ({
|
|
1146
|
-
theme
|
|
1147
|
-
}) => 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));
|
|
958
|
+
})(["", ""], () => css(["&.", "{font-size:inherit;padding:10px;.dot-icon.MuiIcon-fontSizeSmall{padding:1px;}&.MuiIconButton-sizeSmall{padding:3px;}}"], rootClassName$V));
|
|
1148
959
|
|
|
1149
960
|
const DotIconButton = ({
|
|
1150
961
|
ariaLabel,
|
|
@@ -1156,18 +967,12 @@ const DotIconButton = ({
|
|
|
1156
967
|
iconId,
|
|
1157
968
|
iconSize: _iconSize = 'small',
|
|
1158
969
|
onClick,
|
|
1159
|
-
titleTooltip,
|
|
1160
970
|
tooltip,
|
|
1161
971
|
size: _size = 'medium'
|
|
1162
972
|
}) => {
|
|
1163
973
|
const rootClasses = useStylesWithRootClass(rootClassName$V, className);
|
|
1164
|
-
useEffect(() => {
|
|
1165
|
-
// deprecation warning
|
|
1166
|
-
if (titleTooltip) {
|
|
1167
|
-
console.warn('The use of `titleTooltip` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
|
|
1168
|
-
}
|
|
1169
|
-
}, []);
|
|
1170
974
|
return jsx(DotTooltip, Object.assign({
|
|
975
|
+
"data-testid": "icon-button-tooltip",
|
|
1171
976
|
title: tooltip
|
|
1172
977
|
}, {
|
|
1173
978
|
children: jsx(StyledIconButton, Object.assign({
|
|
@@ -1195,9 +1000,7 @@ const rootClassName$U = 'dot-link';
|
|
|
1195
1000
|
const StyledLink = styled(Link).withConfig({
|
|
1196
1001
|
displayName: "Linkstyles__StyledLink",
|
|
1197
1002
|
componentId: "sc-1lpmaww-0"
|
|
1198
|
-
})(["", ""], ({
|
|
1199
|
-
theme
|
|
1200
|
-
}) => css(["&.", "{color:", ";cursor:pointer;&:hover:not(.MuiLink-underlineHover){text-decoration:none;}}"], rootClassName$U, theme.palette.product === 'agility' && theme.palette.layer.n700));
|
|
1003
|
+
})(["", ""], () => css(["&.", "{cursor:pointer;&:hover:not(.MuiLink-underlineHover){text-decoration:none;}}"], rootClassName$U));
|
|
1201
1004
|
|
|
1202
1005
|
const DotLink = ({
|
|
1203
1006
|
ariaLabel,
|
|
@@ -1211,9 +1014,8 @@ const DotLink = ({
|
|
|
1211
1014
|
rel: _rel = 'noreferrer',
|
|
1212
1015
|
tabIndex: _tabIndex = 0,
|
|
1213
1016
|
target,
|
|
1214
|
-
title,
|
|
1215
1017
|
tooltip,
|
|
1216
|
-
underline
|
|
1018
|
+
underline
|
|
1217
1019
|
}) => {
|
|
1218
1020
|
const rootClasses = useStylesWithRootClass(rootClassName$U, className);
|
|
1219
1021
|
|
|
@@ -1222,14 +1024,8 @@ const DotLink = ({
|
|
|
1222
1024
|
event.preventDefault();
|
|
1223
1025
|
onClick(event);
|
|
1224
1026
|
}
|
|
1225
|
-
};
|
|
1226
|
-
|
|
1027
|
+
};
|
|
1227
1028
|
|
|
1228
|
-
useEffect(() => {
|
|
1229
|
-
if (title) {
|
|
1230
|
-
console.warn('The use of `title` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
|
|
1231
|
-
}
|
|
1232
|
-
}, []);
|
|
1233
1029
|
return jsx(DotTooltip, Object.assign({
|
|
1234
1030
|
title: tooltip
|
|
1235
1031
|
}, {
|
|
@@ -1247,7 +1043,7 @@ const DotLink = ({
|
|
|
1247
1043
|
rel: _rel,
|
|
1248
1044
|
tabIndex: _tabIndex,
|
|
1249
1045
|
target: target,
|
|
1250
|
-
underline:
|
|
1046
|
+
underline: underline
|
|
1251
1047
|
}, {
|
|
1252
1048
|
children: children
|
|
1253
1049
|
}), void 0)
|
|
@@ -1265,14 +1061,14 @@ const StyledAvatar = styled(Avatar).withConfig({
|
|
|
1265
1061
|
componentId: "sc-13bzj2s-0"
|
|
1266
1062
|
})(["", ""], ({
|
|
1267
1063
|
theme
|
|
1268
|
-
}) => css(["&.
|
|
1064
|
+
}) => css(["&.", "{display:inline-flex;background-color:", ";border:0px;&:focus-visible{box-shadow:0px 0px 0px 3px ", ",0px 0px 0px 5px ", ";outline:0;}img{width:auto;height:105%;}.dot-i,.dot-typography{color:", ";margin-bottom:0;}&.small{height:", ";width:", ";}&.medium{height:", ";width:", ";}&.large{height:", ";width:", ";}}"], rootClassName$T, ({
|
|
1269
1065
|
color
|
|
1270
1066
|
}) => {
|
|
1271
|
-
return
|
|
1067
|
+
return color === 'default' ? theme.palette.layer.n0 : color && theme.palette.avatarColors[color] ? theme.palette.avatarColors[color].backgroundColor : theme.palette.avatarColors['default'].backgroundColor;
|
|
1272
1068
|
}, theme.palette.layer.n0, theme.palette.layer.n900, ({
|
|
1273
1069
|
color
|
|
1274
1070
|
}) => {
|
|
1275
|
-
return
|
|
1071
|
+
return color === 'default' ? theme.palette.layer.n700 : color && theme.palette.avatarColors[color] ? theme.palette.avatarColors[color].color : theme.palette.avatarColors['default'].color;
|
|
1276
1072
|
}, theme.spacing(avatarSpacing.small), theme.spacing(avatarSpacing.small), theme.spacing(avatarSpacing.medium), theme.spacing(avatarSpacing.medium), theme.spacing(avatarSpacing.large), theme.spacing(avatarSpacing.large)));
|
|
1277
1073
|
|
|
1278
1074
|
const AvatarContent = ({
|
|
@@ -1385,7 +1181,7 @@ const StyledList = styled(List).withConfig({
|
|
|
1385
1181
|
componentId: "wxwqwr-0"
|
|
1386
1182
|
})(["", ""], ({
|
|
1387
1183
|
theme
|
|
1388
|
-
}) => css(["&.", "{background:", ";&.", " .", "{padding-left:", "
|
|
1184
|
+
}) => css(["&.", "{background:", ";&.", " .", "{padding-left:", ";}.MuiListSubheader-root{padding:0;.MuiTypography-root{padding:", ";}}}"], rootClassName$S, theme.palette.layer.n0, nestedListClassName, listItemRootClass, theme.spacing(4), theme.spacing(1)));
|
|
1389
1185
|
|
|
1390
1186
|
const getChevronIcon = (nestedListType, isOpened) => {
|
|
1391
1187
|
if (nestedListType !== 'expandable') {
|
|
@@ -1407,7 +1203,7 @@ const StyledListItem = styled(ListItem).withConfig({
|
|
|
1407
1203
|
componentId: "sc-1fawh8v-0"
|
|
1408
1204
|
})(["", ""], ({
|
|
1409
1205
|
theme
|
|
1410
|
-
}) => css(["&.", "{&.", "{padding:0;}p.MuiTypography-root{margin-bottom:0;}.", "{align-items:center;display:flex;flex-grow:2;}.", " .MuiIcon-root{margin-right:", "
|
|
1206
|
+
}) => css(["&.", "{&.", "{padding:0;}p.MuiTypography-root{margin-bottom:0;}.", "{align-items:center;display:flex;flex-grow:2;}.", " .MuiIcon-root{margin-right:", ";}.dot-icon i:before{color:", ";}}"], listItemRootClass, flyoutListItemClassName, listItemLinkClassName, flyoutItemLinkClassName, theme.spacing(4), theme.palette.text.primary));
|
|
1411
1207
|
|
|
1412
1208
|
const rootClassName$R = 'dot-progress';
|
|
1413
1209
|
const StyledCircularProgress = styled(CircularProgress).withConfig({
|
|
@@ -1422,20 +1218,13 @@ const DotProgress = ({
|
|
|
1422
1218
|
'data-testid': dataTestId,
|
|
1423
1219
|
size: _size = 40,
|
|
1424
1220
|
thickness: _thickness = 3.6,
|
|
1425
|
-
title,
|
|
1426
1221
|
tooltip: _tooltip = 'loading data',
|
|
1427
1222
|
value,
|
|
1428
1223
|
variant: _variant = 'indeterminate'
|
|
1429
1224
|
}) => {
|
|
1430
1225
|
const rootClasses = useStylesWithRootClass(rootClassName$R, className);
|
|
1431
|
-
useEffect(() => {
|
|
1432
|
-
// deprecation warning
|
|
1433
|
-
if (title) {
|
|
1434
|
-
console.warn('The use of `title` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
|
|
1435
|
-
}
|
|
1436
|
-
}, []);
|
|
1437
1226
|
return jsx(DotTooltip, Object.assign({
|
|
1438
|
-
title: _tooltip
|
|
1227
|
+
title: _tooltip
|
|
1439
1228
|
}, {
|
|
1440
1229
|
children: jsx(StyledCircularProgress, {
|
|
1441
1230
|
"aria-label": ariaLabel,
|
|
@@ -1469,26 +1258,33 @@ var variables = /*#__PURE__*/Object.freeze({
|
|
|
1469
1258
|
levelTop: levelTop
|
|
1470
1259
|
});
|
|
1471
1260
|
|
|
1261
|
+
const rootClassName$Q = 'dot-popper';
|
|
1262
|
+
const StyledPopper$1 = styled(Popper).withConfig({
|
|
1263
|
+
displayName: "Popperstyles__StyledPopper",
|
|
1264
|
+
componentId: "sd1h8p-0"
|
|
1265
|
+
})(["", ""], ({
|
|
1266
|
+
theme
|
|
1267
|
+
}) => css(["&.", "{font-family:", ";}"], rootClassName$Q, theme.typography.fontFamily));
|
|
1268
|
+
|
|
1472
1269
|
const flyoutMenuClassName = 'dot-flyout-menu';
|
|
1473
|
-
const rootClassName$
|
|
1474
|
-
const popperClassName = 'dot-popper';
|
|
1270
|
+
const rootClassName$P = 'dot-menu';
|
|
1475
1271
|
const getListMaxHeight = maxHeight => isString(maxHeight) ? maxHeight : `${maxHeight}px`;
|
|
1476
|
-
const StyledPopper
|
|
1272
|
+
const StyledPopper = styled(Popper).withConfig({
|
|
1477
1273
|
displayName: "Menustyles__StyledPopper",
|
|
1478
1274
|
componentId: "sc-134fmqu-0"
|
|
1479
1275
|
})(["", ""], ({
|
|
1480
1276
|
theme
|
|
1481
|
-
}) => css(["&.", "{z-index:", ";}&.", ",&.", "{&.loading .MuiPaper-root{align-items:center;display:flex;justify-content:center;min-height:200px;min-width:200px;}ul,.dot-action-item{
|
|
1277
|
+
}) => css(["&.", "{font-family:", ";z-index:", ";}&.", ",&.", "{&.loading .MuiPaper-root{align-items:center;display:flex;justify-content:center;min-height:200px;min-width:200px;}ul,.dot-action-item{.dot-action-item-text{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;}}ul{box-sizing:content-box;min-width:112px;overflow:auto;", " .dot-li{min-height:auto;}}.dot-action-item{height:", ";border-top:1px solid ", ";line-height:inherit;button.dot-button{border-radius:", ";justify-content:flex-start;height:100%;margin:0;&:focus-visible{background-color:", ";}.MuiButton-label{gap:", ";.MuiButton-startIcon{margin-left:0;.dot-icon{flex-shrink:0;}}}}}}"], rootClassName$Q, theme.typography.fontFamily, levelSecond, rootClassName$P, rootClassName$Q, ({
|
|
1482
1278
|
$maxHeight
|
|
1483
1279
|
}) => $maxHeight !== undefined && `
|
|
1484
1280
|
max-height: ${getListMaxHeight($maxHeight)};
|
|
1485
|
-
`, theme.
|
|
1281
|
+
`, theme.spacing(7), theme.palette.grey[100], theme.spacing(0, 0, 0.5, 0.5), theme.palette.layer.n100, theme.spacing(3)));
|
|
1486
1282
|
|
|
1487
1283
|
const MENU_ITEM_HEIGHT_NORMAL = 33;
|
|
1488
1284
|
const MENU_ITEM_HEIGHT_DENSE = 28;
|
|
1489
1285
|
const DEFAULT_MAX_VISIBLE_ITEMS = 7;
|
|
1490
1286
|
|
|
1491
|
-
const rootClassName$
|
|
1287
|
+
const rootClassName$O = 'dot-ul';
|
|
1492
1288
|
const listItemClassName$1 = 'dot-li';
|
|
1493
1289
|
const listItemWithSubmenuClassName = 'dot-li-with-submenu';
|
|
1494
1290
|
const StyledMenuList = styled(MenuList).withConfig({
|
|
@@ -1496,7 +1292,7 @@ const StyledMenuList = styled(MenuList).withConfig({
|
|
|
1496
1292
|
componentId: "yqdwwg-0"
|
|
1497
1293
|
})(["", ""], ({
|
|
1498
1294
|
theme
|
|
1499
|
-
}) => css(["&.", "{.dot-li{justify-content:space-between;gap:", "
|
|
1295
|
+
}) => css(["&.", "{.dot-li{justify-content:space-between;gap:", ";&.", "{padding-right:", ";}}}"], rootClassName$O, theme.spacing(3), listItemWithSubmenuClassName, theme.spacing(0.5)));
|
|
1500
1296
|
|
|
1501
1297
|
const getDefaultItemHeight = isDense => isDense ? MENU_ITEM_HEIGHT_DENSE : MENU_ITEM_HEIGHT_NORMAL;
|
|
1502
1298
|
const calculateItemHeight = (isDense, customItemHeight, menuItemHeight) => {
|
|
@@ -1574,7 +1370,7 @@ const DotMenuList = /*#__PURE__*/forwardRef(({
|
|
|
1574
1370
|
onSubMenuCreate,
|
|
1575
1371
|
selectedKey
|
|
1576
1372
|
}, ref) => {
|
|
1577
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1373
|
+
const rootClasses = useStylesWithRootClass(rootClassName$O, className);
|
|
1578
1374
|
const [activeSubmenu, setActiveSubmenu] = useState(null);
|
|
1579
1375
|
const [subItemAnchorEl, setSubItemAnchorEl] = useState(null);
|
|
1580
1376
|
|
|
@@ -1653,7 +1449,7 @@ const DotMenuList = /*#__PURE__*/forwardRef(({
|
|
|
1653
1449
|
divider: divider,
|
|
1654
1450
|
onClick: handleClick,
|
|
1655
1451
|
onMouseEnter: getMouseEnterHandler(key, hasSubmenu),
|
|
1656
|
-
|
|
1452
|
+
ref: ref,
|
|
1657
1453
|
style: {
|
|
1658
1454
|
height: itemHeight
|
|
1659
1455
|
},
|
|
@@ -1691,7 +1487,7 @@ const DotMenu = ({
|
|
|
1691
1487
|
open: _open = false,
|
|
1692
1488
|
selectedKey
|
|
1693
1489
|
}) => {
|
|
1694
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1490
|
+
const rootClasses = useStylesWithRootClass(rootClassName$P, className, _loading ? 'loading' : '');
|
|
1695
1491
|
const isSubmenu = checkIfSubmenu(anchorEl);
|
|
1696
1492
|
const hasSubItems = checkForSubItems(_menuItems); // Timeout object is customizable when Menu component is either submenu
|
|
1697
1493
|
// (it is opened within parent menu) or it contains at least one item which
|
|
@@ -1715,7 +1511,8 @@ const DotMenu = ({
|
|
|
1715
1511
|
event.preventDefault();
|
|
1716
1512
|
onLeave(event);
|
|
1717
1513
|
}
|
|
1718
|
-
};
|
|
1514
|
+
}; // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1515
|
+
|
|
1719
1516
|
|
|
1720
1517
|
const handleClickAway = event => {
|
|
1721
1518
|
if (onLeave && (!anchorEl || !anchorEl.contains(event.currentTarget))) {
|
|
@@ -1723,7 +1520,7 @@ const DotMenu = ({
|
|
|
1723
1520
|
}
|
|
1724
1521
|
};
|
|
1725
1522
|
|
|
1726
|
-
return jsx(StyledPopper
|
|
1523
|
+
return jsx(StyledPopper, Object.assign({
|
|
1727
1524
|
anchorEl: anchorEl,
|
|
1728
1525
|
"aria-label": ariaLabel,
|
|
1729
1526
|
className: rootClasses,
|
|
@@ -1748,7 +1545,7 @@ const DotMenu = ({
|
|
|
1748
1545
|
onClickAway: handleClickAway
|
|
1749
1546
|
}, {
|
|
1750
1547
|
children: _loading ? jsx(DotProgress, {
|
|
1751
|
-
|
|
1548
|
+
"data-testid": "loading-indicator",
|
|
1752
1549
|
tooltip: "Loading Data...",
|
|
1753
1550
|
value: 20
|
|
1754
1551
|
}, void 0) : jsx(DotMenuList, {
|
|
@@ -1792,13 +1589,13 @@ const CreateUUID = () => {
|
|
|
1792
1589
|
});
|
|
1793
1590
|
};
|
|
1794
1591
|
|
|
1795
|
-
const rootClassName$
|
|
1592
|
+
const rootClassName$N = 'dot-drawer';
|
|
1796
1593
|
const StyledDrawer = styled(Drawer).withConfig({
|
|
1797
1594
|
displayName: "Drawerstyles__StyledDrawer",
|
|
1798
1595
|
componentId: "sc-1uiowy0-0"
|
|
1799
1596
|
})(["", ""], ({
|
|
1800
1597
|
theme
|
|
1801
|
-
}) => css(["&.", " .MuiBackdrop-root{background-color:", ";}.dot-drawer-paper{
|
|
1598
|
+
}) => css(["&.", " .MuiBackdrop-root{background-color:", ";}.dot-drawer-paper{height:", ";padding:", ";width:", ";}"], rootClassName$N, alpha(theme.palette.grey[900], 0.7), ({
|
|
1802
1599
|
height,
|
|
1803
1600
|
anchor
|
|
1804
1601
|
}) => anchor === 'left' || anchor === 'right' ? '100%' : height, theme.spacing(2), ({
|
|
@@ -1806,13 +1603,13 @@ const StyledDrawer = styled(Drawer).withConfig({
|
|
|
1806
1603
|
anchor
|
|
1807
1604
|
}) => anchor === 'bottom' || anchor === 'top' ? 'auto' : width));
|
|
1808
1605
|
|
|
1809
|
-
const rootClassName$
|
|
1606
|
+
const rootClassName$M = 'dot-drawer-header';
|
|
1810
1607
|
const StyleDrawerHeader = styled.div.withConfig({
|
|
1811
1608
|
displayName: "DrawerHeaderstyles__StyleDrawerHeader",
|
|
1812
1609
|
componentId: "sc-2d2xd3-0"
|
|
1813
1610
|
})(["", ""], ({
|
|
1814
1611
|
theme
|
|
1815
|
-
}) => css(["&.", "{padding:", ";display:flex;align-items:center;.close-button{margin-left:auto;}}"], rootClassName$
|
|
1612
|
+
}) => css(["&.", "{padding:", ";display:flex;align-items:center;.close-button{margin-left:auto;}}"], rootClassName$M, theme.spacing(0, 0, 2)));
|
|
1816
1613
|
|
|
1817
1614
|
const DotDrawerHeader = ({
|
|
1818
1615
|
ariaLabel,
|
|
@@ -1822,7 +1619,7 @@ const DotDrawerHeader = ({
|
|
|
1822
1619
|
onClose,
|
|
1823
1620
|
variant
|
|
1824
1621
|
}) => {
|
|
1825
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1622
|
+
const rootClasses = useStylesWithRootClass(rootClassName$M, className);
|
|
1826
1623
|
return jsxs(StyleDrawerHeader, Object.assign({
|
|
1827
1624
|
"aria-label": ariaLabel,
|
|
1828
1625
|
className: rootClasses,
|
|
@@ -1836,11 +1633,11 @@ const DotDrawerHeader = ({
|
|
|
1836
1633
|
}), void 0);
|
|
1837
1634
|
};
|
|
1838
1635
|
|
|
1839
|
-
const rootClassName$
|
|
1636
|
+
const rootClassName$L = 'dot-drawer-body';
|
|
1840
1637
|
const StyleDrawerBody = styled.div.withConfig({
|
|
1841
1638
|
displayName: "DrawerBodystyles__StyleDrawerBody",
|
|
1842
1639
|
componentId: "sc-1mpmjdk-0"
|
|
1843
|
-
})(["", ""], () => css(["&.", "{display:flex;.dot-drawer-close-button{align-self:self-start;padding:0;margin-left:auto;}}"], rootClassName$
|
|
1640
|
+
})(["", ""], () => css(["&.", "{display:flex;.dot-drawer-close-button{align-self:self-start;padding:0;margin-left:auto;}}"], rootClassName$L));
|
|
1844
1641
|
|
|
1845
1642
|
const DotDrawerBody = ({
|
|
1846
1643
|
ariaLabel,
|
|
@@ -1851,7 +1648,7 @@ const DotDrawerBody = ({
|
|
|
1851
1648
|
onClose,
|
|
1852
1649
|
variant
|
|
1853
1650
|
}) => {
|
|
1854
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1651
|
+
const rootClasses = useStylesWithRootClass(rootClassName$L, className);
|
|
1855
1652
|
return jsxs(StyleDrawerBody, Object.assign({
|
|
1856
1653
|
"aria-label": ariaLabel,
|
|
1857
1654
|
className: rootClasses,
|
|
@@ -1865,13 +1662,13 @@ const DotDrawerBody = ({
|
|
|
1865
1662
|
}), void 0);
|
|
1866
1663
|
};
|
|
1867
1664
|
|
|
1868
|
-
const rootClassName$
|
|
1665
|
+
const rootClassName$K = 'dot-drawer-footer';
|
|
1869
1666
|
const StyleDrawerFooter = styled.div.withConfig({
|
|
1870
1667
|
displayName: "DrawerFooterstyles__StyleDrawerFooter",
|
|
1871
1668
|
componentId: "sc-1ki05ze-0"
|
|
1872
1669
|
})(["", ""], ({
|
|
1873
1670
|
theme
|
|
1874
|
-
}) => css(["&.", "{padding:", ";}"], rootClassName$
|
|
1671
|
+
}) => css(["&.", "{padding:", ";}"], rootClassName$K, theme.spacing(2, 0, 0)));
|
|
1875
1672
|
|
|
1876
1673
|
const DotDrawerFooter = ({
|
|
1877
1674
|
ariaLabel,
|
|
@@ -1879,7 +1676,7 @@ const DotDrawerFooter = ({
|
|
|
1879
1676
|
className,
|
|
1880
1677
|
'data-testid': dataTestId
|
|
1881
1678
|
}) => {
|
|
1882
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1679
|
+
const rootClasses = useStylesWithRootClass(rootClassName$K, className);
|
|
1883
1680
|
return jsx(StyleDrawerFooter, Object.assign({
|
|
1884
1681
|
"aria-label": ariaLabel,
|
|
1885
1682
|
className: rootClasses,
|
|
@@ -1911,7 +1708,7 @@ const DotDrawer = ({
|
|
|
1911
1708
|
console.warn('Please use `children` or `drawerBodyProps`. If both are used, `children` is ignored.');
|
|
1912
1709
|
}
|
|
1913
1710
|
}, []);
|
|
1914
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1711
|
+
const rootClasses = useStylesWithRootClass(rootClassName$N, className);
|
|
1915
1712
|
const headerExists = !!drawerHeaderProps;
|
|
1916
1713
|
const bodyTestId = drawerBodyProps ? drawerBodyProps[`data-testid`] : 'drawer-body';
|
|
1917
1714
|
return jsxs(StyledDrawer, Object.assign({
|
|
@@ -2059,7 +1856,6 @@ const DotList = ({
|
|
|
2059
1856
|
component: item.component,
|
|
2060
1857
|
"data-testid": `${dataTestId}-item-${index}`,
|
|
2061
1858
|
endIcon: item.endIcon,
|
|
2062
|
-
endIconId: item.endIconId,
|
|
2063
1859
|
href: item.href,
|
|
2064
1860
|
isOpened: listItemIndex === index,
|
|
2065
1861
|
items: item.items,
|
|
@@ -2072,10 +1868,8 @@ const DotList = ({
|
|
|
2072
1868
|
secondaryText: item.secondaryText,
|
|
2073
1869
|
selected: item.selected,
|
|
2074
1870
|
startIcon: item.startIcon,
|
|
2075
|
-
startIconId: item.startIconId,
|
|
2076
1871
|
target: item.target,
|
|
2077
1872
|
text: item.text,
|
|
2078
|
-
title: item.title,
|
|
2079
1873
|
tooltip: item.tooltip,
|
|
2080
1874
|
tooltipPlacement: item.tooltipPlacement || DEFAULT_TOOLTIP_PLACEMENT
|
|
2081
1875
|
}, index);
|
|
@@ -2089,12 +1883,10 @@ const DotListItem = ({
|
|
|
2089
1883
|
'data-testid': dataTestId,
|
|
2090
1884
|
divider: _divider = false,
|
|
2091
1885
|
endIcon,
|
|
2092
|
-
endIconId,
|
|
2093
1886
|
href,
|
|
2094
1887
|
isOpened,
|
|
2095
1888
|
onClick,
|
|
2096
1889
|
onMenuLeave,
|
|
2097
|
-
index,
|
|
2098
1890
|
items: _items2 = [],
|
|
2099
1891
|
menuPlacement,
|
|
2100
1892
|
nestedDrawerLeftSpacing,
|
|
@@ -2103,37 +1895,16 @@ const DotListItem = ({
|
|
|
2103
1895
|
secondaryText,
|
|
2104
1896
|
selected,
|
|
2105
1897
|
startIcon,
|
|
2106
|
-
startIconId,
|
|
2107
1898
|
target,
|
|
2108
1899
|
text,
|
|
2109
|
-
title,
|
|
2110
1900
|
tooltip,
|
|
2111
1901
|
tooltipPlacement: _tooltipPlacement = DEFAULT_TOOLTIP_PLACEMENT
|
|
2112
1902
|
}) => {
|
|
2113
1903
|
const hasChildren = _items2.length > 0;
|
|
2114
1904
|
const isFlyout = nestedListType === 'menu' && hasChildren;
|
|
2115
1905
|
const [anchorEl, setAnchorEl] = useState(null);
|
|
2116
|
-
const
|
|
2117
|
-
const showEndIcon = endIcon || endIconId || hasChildren;
|
|
1906
|
+
const showEndIcon = endIcon || hasChildren;
|
|
2118
1907
|
const rootClasses = useStylesWithRootClass(listItemRootClass, className, isOpened ? 'open' : '');
|
|
2119
|
-
useEffect(() => {
|
|
2120
|
-
// deprecation warnings
|
|
2121
|
-
if (title) {
|
|
2122
|
-
console.warn('The use of `title` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
|
|
2123
|
-
}
|
|
2124
|
-
|
|
2125
|
-
if (index) {
|
|
2126
|
-
console.warn('The use of `index` is deprecated and will be removed in the next major release.');
|
|
2127
|
-
}
|
|
2128
|
-
|
|
2129
|
-
if (startIconId) {
|
|
2130
|
-
console.warn('The use of `startIconId` is deprecated and will be removed in the next major release, please use `startIcon` instead.');
|
|
2131
|
-
}
|
|
2132
|
-
|
|
2133
|
-
if (endIconId) {
|
|
2134
|
-
console.warn('The use of `endIconId` is deprecated and will be removed in the next major release, please use `endIcon` instead.');
|
|
2135
|
-
}
|
|
2136
|
-
}, []);
|
|
2137
1908
|
|
|
2138
1909
|
const toggleOpen = event => setAnchorEl(event.currentTarget);
|
|
2139
1910
|
|
|
@@ -2153,18 +1924,10 @@ const DotListItem = ({
|
|
|
2153
1924
|
children: text
|
|
2154
1925
|
}), void 0);
|
|
2155
1926
|
|
|
2156
|
-
const renderListItemStartIcon = () => {
|
|
2157
|
-
return jsx(ListItemIcon, {
|
|
2158
|
-
children: startIcon ? startIcon : jsx(DotIcon, {
|
|
2159
|
-
iconId: startIconId
|
|
2160
|
-
}, void 0)
|
|
2161
|
-
}, void 0);
|
|
2162
|
-
};
|
|
2163
|
-
|
|
2164
1927
|
const renderListItemEndIcon = () => {
|
|
2165
1928
|
if (hasChildren || !endIcon) {
|
|
2166
1929
|
return jsx(DotIcon, {
|
|
2167
|
-
iconId: hasChildren
|
|
1930
|
+
iconId: hasChildren && getChevronIcon(nestedListType, isOpened)
|
|
2168
1931
|
}, void 0);
|
|
2169
1932
|
}
|
|
2170
1933
|
|
|
@@ -2175,7 +1938,7 @@ const DotListItem = ({
|
|
|
2175
1938
|
children: [jsx(DotTooltip, Object.assign({
|
|
2176
1939
|
"data-testid": `${dataTestId}-tooltip`,
|
|
2177
1940
|
placement: _tooltipPlacement,
|
|
2178
|
-
title: tooltip
|
|
1941
|
+
title: tooltip
|
|
2179
1942
|
}, {
|
|
2180
1943
|
children: jsxs(StyledListItem, Object.assign({
|
|
2181
1944
|
"aria-label": ariaLabel,
|
|
@@ -2194,7 +1957,9 @@ const DotListItem = ({
|
|
|
2194
1957
|
children: [jsxs("span", Object.assign({
|
|
2195
1958
|
className: listItemLinkClassName
|
|
2196
1959
|
}, {
|
|
2197
|
-
children: [
|
|
1960
|
+
children: [startIcon && jsx(ListItemIcon, {
|
|
1961
|
+
children: startIcon
|
|
1962
|
+
}, void 0), renderListItemText()]
|
|
2198
1963
|
}), void 0), showEndIcon && renderListItemEndIcon()]
|
|
2199
1964
|
}), void 0)
|
|
2200
1965
|
}), void 0), hasChildren && jsx(NestedList, {
|
|
@@ -2225,12 +1990,6 @@ const NestedList = ({
|
|
|
2225
1990
|
const flyoutItemClasses = useStylesWithRootClass(listItemRootClass, flyoutListItemClassName);
|
|
2226
1991
|
const flyoutSpanClasses = useStylesWithRootClass(listItemLinkClassName, flyoutItemLinkClassName);
|
|
2227
1992
|
|
|
2228
|
-
const getNestedListItemIcon = icon => {
|
|
2229
|
-
return typeof icon === 'string' ? jsx(DotIcon, {
|
|
2230
|
-
iconId: icon
|
|
2231
|
-
}, void 0) : icon;
|
|
2232
|
-
};
|
|
2233
|
-
|
|
2234
1993
|
if (type === 'expandable') {
|
|
2235
1994
|
return jsx(Collapse, Object.assign({
|
|
2236
1995
|
in: open,
|
|
@@ -2254,7 +2013,6 @@ const NestedList = ({
|
|
|
2254
2013
|
href,
|
|
2255
2014
|
target,
|
|
2256
2015
|
onClick,
|
|
2257
|
-
title,
|
|
2258
2016
|
tooltip,
|
|
2259
2017
|
tooltipPlacement = DEFAULT_TOOLTIP_PLACEMENT,
|
|
2260
2018
|
text
|
|
@@ -2262,7 +2020,7 @@ const NestedList = ({
|
|
|
2262
2020
|
return {
|
|
2263
2021
|
children: jsx(DotTooltip, Object.assign({
|
|
2264
2022
|
placement: tooltipPlacement,
|
|
2265
|
-
title: tooltip
|
|
2023
|
+
title: tooltip
|
|
2266
2024
|
}, {
|
|
2267
2025
|
children: jsx(StyledListItem, Object.assign({
|
|
2268
2026
|
className: flyoutItemClasses,
|
|
@@ -2275,7 +2033,7 @@ const NestedList = ({
|
|
|
2275
2033
|
children: jsxs("span", Object.assign({
|
|
2276
2034
|
className: flyoutSpanClasses
|
|
2277
2035
|
}, {
|
|
2278
|
-
children: [
|
|
2036
|
+
children: [item.startIcon, jsx(DotTypography, Object.assign({
|
|
2279
2037
|
variant: "body1"
|
|
2280
2038
|
}, {
|
|
2281
2039
|
children: text
|
|
@@ -2331,7 +2089,7 @@ var _path$2, _path2$2, _path3, _path4;
|
|
|
2331
2089
|
|
|
2332
2090
|
var _excluded$2 = ["title", "titleId"];
|
|
2333
2091
|
|
|
2334
|
-
function _extends$2() { _extends$2 = Object.assign
|
|
2092
|
+
function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
|
|
2335
2093
|
|
|
2336
2094
|
function _objectWithoutProperties$2(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$2(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
2337
2095
|
|
|
@@ -2375,7 +2133,7 @@ var _path$1, _path2$1;
|
|
|
2375
2133
|
|
|
2376
2134
|
var _excluded$1 = ["title", "titleId"];
|
|
2377
2135
|
|
|
2378
|
-
function _extends$1() { _extends$1 = Object.assign
|
|
2136
|
+
function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
|
|
2379
2137
|
|
|
2380
2138
|
function _objectWithoutProperties$1(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
2381
2139
|
|
|
@@ -2407,13 +2165,13 @@ function SvgLogoDigitalAi(_ref, svgRef) {
|
|
|
2407
2165
|
|
|
2408
2166
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgLogoDigitalAi);
|
|
2409
2167
|
|
|
2410
|
-
const rootClassName$
|
|
2168
|
+
const rootClassName$J = 'dot-sidebar';
|
|
2411
2169
|
const StyledSidebar = styled.aside.withConfig({
|
|
2412
2170
|
displayName: "Sidebarstyles__StyledSidebar",
|
|
2413
2171
|
componentId: "l3atb4-0"
|
|
2414
2172
|
})(["", ""], ({
|
|
2415
2173
|
theme
|
|
2416
|
-
}) => css(["&.", "{align-items:stretch;background:", ";border-width:0 1px;border-style:solid;border-color:", ";box-
|
|
2174
|
+
}) => css(["&.", "{align-items:stretch;background:", ";border-width:0 1px;border-style:solid;border-color:", ";box-sizing:border-box;color:", ";display:flex;height:100%;flex-direction:column;justify-content:space-between;letter-spacing:0.01em;-o-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;-moz-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;-webkit-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;header{align-items:center;border-bottom:1px solid;border-bottom-color:", ";display:flex;height:40px;flex-shrink:0;overflow:hidden;padding:", ";white-space:nowrap;&.app-logo{box-sizing:border-box;.dot-app-logo{svg,img{max-width:100%;}}}.dot-avatar{margin-right:", ";}}.go-back{align-items:center;border-bottom:1px solid;border-bottom-color:", ";display:flex;.go-back-button{margin:", ";background-color:", ";&:hover{background-color:", ";}&:focus-visible{box-shadow:0 0 0 2px ", ",0 0 0 4px ", ";}}}hr.MuiDivider-root{border-color:", ";margin:", ";}.MuiListSubheader-root{border-bottom:1px solid ", ";margin:", ";.dot-typography{display:block;margin:0;padding:", ";}}ul.side-nav{background:transparent;flex-grow:2;overflow-x:hidden;overflow-y:auto;padding:0;width:auto;.dot-nested-list{background:transparent;}.", "{.dot-drawer-paper{padding:", ";overflow-y:auto;border-right:1px solid ", ";box-shadow:0 0 5px 0 rgba(0,0,0,0.15);}.MuiTypography-root.MuiTypography-subtitle2{line-height:40px;}.", "{margin:0;padding-left:", ";}}.dot-list-item{height:", ";padding:0;&.Mui-focusVisible{box-shadow:inset 0 0 0 2px ", ";border:2px solid ", ";}&.open{border:'none';}.dot-list-item-link .dot-icon{margin-right:", ";}.dot-icon{border-radius:50%;height:40px;margin:", ";width:40px;}.dot-typography{white-space:nowrap;}}}.toggle-nav{border-top:1px solid;border-top-color:", ";padding:", ";text-align:right;.dot-icon{transform:rotate(0deg);-o-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;-moz-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;-webkit-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;}}.powered-by{border-top:1px solid;border-top-color:", ";color:", ";display:flex;flex-direction:column;flex-shrink:0;font-size:12px;overflow:hidden;padding:", ";p.desc{white-space:nowrap;}.company-name{margin-top:", ";}.d-icon{display:none;}}&.collapsed{overflow:hidden;width:58px;-o-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;-moz-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;-webkit-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;li.MuiListSubheader-root .dot-typography,.go-back .MuiTypography-root,.MuiListItem-divider .dot-list-item-link,.child,.powered-by .company-name,.powered-by p.desc{display:none;}.dot-nested-drawer li.MuiListSubheader-root .dot-typography,.powered-by .d-icon{display:block;}header .dot-app-logo{text-align:center;}ul.side-nav{width:56px;.dot-list-item{margin-left:0;}.toggle-nav{align-self:center;}}.powered-by{align-items:center;}}}"], rootClassName$J, theme.palette.layer.n50, theme.palette.layer.n100, theme.palette.grey[700], theme.palette.layer.n100, theme.spacing(1, 2), theme.spacing(1), theme.palette.layer.n100, theme.spacing(0.5, 1), theme.palette.layer.n100, theme.palette.layer.n200, theme.palette.layer.n0, theme.palette.layer.n900, theme.palette.layer.n100, theme.spacing(1, 0), theme.palette.layer.n100, theme.spacing(0, 0, 1), theme.spacing(1.5, 2), nestedDrawerClassName, theme.spacing(2), theme.palette.layer.n100, listItemRootClass, theme.spacing(2), '44px', theme.palette.layer.n0, theme.palette.layer.n900, theme.spacing(1), theme.spacing(0, 1), theme.palette.layer.n100, theme.spacing(1), theme.palette.layer.n100, theme.palette.grey[400], theme.spacing(1), theme.spacing(1)));
|
|
2417
2175
|
|
|
2418
2176
|
const Brand = ({
|
|
2419
2177
|
brandDesc
|
|
@@ -2496,7 +2254,7 @@ const DotSidebar = ({
|
|
|
2496
2254
|
const displayHeader = title || hasAppLogo;
|
|
2497
2255
|
const openClass = isOpen ? 'open' : 'collapsed';
|
|
2498
2256
|
|
|
2499
|
-
const checkPrimaryNavMissingIcons = () => _navItems.some(item => !item.divider && !item.
|
|
2257
|
+
const checkPrimaryNavMissingIcons = () => _navItems.some(item => !item.divider && !item.startIcon);
|
|
2500
2258
|
|
|
2501
2259
|
useEffect(() => {
|
|
2502
2260
|
// Incorrect usage warning
|
|
@@ -2516,7 +2274,7 @@ const DotSidebar = ({
|
|
|
2516
2274
|
};
|
|
2517
2275
|
|
|
2518
2276
|
const sidebarClasses = useStylesWithRootClass('side-nav', openClass);
|
|
2519
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2277
|
+
const rootClasses = useStylesWithRootClass(rootClassName$J, openClass, className);
|
|
2520
2278
|
return jsxs(StyledSidebar, Object.assign({
|
|
2521
2279
|
"aria-label": ariaLabel,
|
|
2522
2280
|
className: rootClasses,
|
|
@@ -2582,13 +2340,13 @@ const DotSidebar = ({
|
|
|
2582
2340
|
}), void 0);
|
|
2583
2341
|
};
|
|
2584
2342
|
|
|
2585
|
-
const rootClassName$
|
|
2343
|
+
const rootClassName$I = 'dot-badge';
|
|
2586
2344
|
const StyledBadge = styled(Badge).withConfig({
|
|
2587
2345
|
displayName: "Badgestyles__StyledBadge",
|
|
2588
2346
|
componentId: "sc-1brv3h5-0"
|
|
2589
2347
|
})(["", ""], ({
|
|
2590
2348
|
theme
|
|
2591
|
-
}) => css(["&.", "{.MuiBadge-badge{background-color:", ";&:not(.MuiBadge-dot){font-size:10px;height:", "
|
|
2349
|
+
}) => css(["&.", "{.MuiBadge-badge{background-color:", ";&:not(.MuiBadge-dot){font-size:10px;height:", ";min-width:", ";padding:", ";}}}"], rootClassName$I, ({
|
|
2592
2350
|
$badgeColor
|
|
2593
2351
|
}) => {
|
|
2594
2352
|
return $badgeColor;
|
|
@@ -2606,7 +2364,7 @@ const DotBadge = ({
|
|
|
2606
2364
|
overlap,
|
|
2607
2365
|
variant: _variant = 'dot'
|
|
2608
2366
|
}) => {
|
|
2609
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2367
|
+
const rootClasses = useStylesWithRootClass(rootClassName$I, className);
|
|
2610
2368
|
return jsx(StyledBadge, Object.assign({
|
|
2611
2369
|
"$badgeColor": badgeColor,
|
|
2612
2370
|
anchorOrigin: {
|
|
@@ -2633,7 +2391,7 @@ var _path, _path2;
|
|
|
2633
2391
|
|
|
2634
2392
|
var _excluded = ["title", "titleId"];
|
|
2635
2393
|
|
|
2636
|
-
function _extends() { _extends = Object.assign
|
|
2394
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2637
2395
|
|
|
2638
2396
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
2639
2397
|
|
|
@@ -2665,7 +2423,7 @@ function SvgLogoDigitalAiWhite(_ref, svgRef) {
|
|
|
2665
2423
|
|
|
2666
2424
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgLogoDigitalAiWhite);
|
|
2667
2425
|
|
|
2668
|
-
const rootClassName$
|
|
2426
|
+
const rootClassName$H = 'dot-app-toolbar';
|
|
2669
2427
|
const denseClassName = 'dense';
|
|
2670
2428
|
const StyledMainMenu = styled(DotDrawer).withConfig({
|
|
2671
2429
|
displayName: "AppToolbarstyles__StyledMainMenu",
|
|
@@ -2678,10 +2436,9 @@ const StyledAppToolbar = styled.header.withConfig({
|
|
|
2678
2436
|
componentId: "sc-3kokby-1"
|
|
2679
2437
|
})(["", ""], ({
|
|
2680
2438
|
theme
|
|
2681
|
-
}) => 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:", "
|
|
2439
|
+
}) => css(["&.", "{align-items:center;background:", ";border-bottom:4px solid ", ";box-sizing:border-box;color:", ";display:flex;height:64px;padding:", ";position:fixed;width:100%;z-index:", ";top:0;left:0;right:0;&.without-menu-icon{padding-left:", ";}&.", "{height:48px;}.dot-main-menu-btn,.dot-right-side{.dot-icon-btn{color:", ";}}.dot-main-menu-btn{text-align:center;}.dot-branding{align-items:center;display:flex;padding:", ";.primary-logo,.app-logo{margin-right:", ";}.primary-logo,.dot-app-logo{display:flex;max-width:200px;svg,img{max-height:36px;max-width:200px;}}a{line-height:0;}.divider{margin-left:", ";}}div.dot-right-side{display:flex;flex-grow:2;justify-content:flex-end;.dot-badge .MuiBadge-anchorOriginTopRightRectangular{top:", ";right:", ";}}.avatar-wrapper{display:flex;align-items:center;justify-content:center;width:40px;button.dot-avatar:focus-visible{box-shadow:0px 0px 0px 3px ", ",0px 0px 0px 5px ", ";}}}"], rootClassName$H, theme.palette.grey[700], theme.palette.grey[100], theme.palette.grey[0], theme.spacing(1.5, 2, 1.5, 1), levelFourth, theme.spacing(1.5), denseClassName, theme.palette.grey[100], theme.spacing(0, 4, 0, 0.75), theme.spacing(1.5), theme.spacing(2), theme.spacing(1.5), theme.spacing(1.5), theme.palette.layer.n900, theme.palette.layer.n0));
|
|
2682
2440
|
|
|
2683
2441
|
const DotAppToolbar = ({
|
|
2684
|
-
appName,
|
|
2685
2442
|
appLogo,
|
|
2686
2443
|
appLogoHref: _appLogoHref = '/',
|
|
2687
2444
|
appLogoSmall,
|
|
@@ -2705,7 +2462,7 @@ const DotAppToolbar = ({
|
|
|
2705
2462
|
const displayAppLogo = appLogo || appLogoSmall;
|
|
2706
2463
|
const mainMenuRef = useRef(null);
|
|
2707
2464
|
const denseClass = _dense ? denseClassName : '';
|
|
2708
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2465
|
+
const rootClasses = useStylesWithRootClass(rootClassName$H, className, denseClass, showMainMenu ? '' : 'without-menu-icon');
|
|
2709
2466
|
const mainMenuClasses = useStylesWithRootClass('dot-main-menu', denseClass, menuOpen ? 'open' : '');
|
|
2710
2467
|
const targetBreakpoint = useMediaQuery(theme => theme.breakpoints.up('md'));
|
|
2711
2468
|
useEffect(() => {
|
|
@@ -2729,11 +2486,6 @@ const DotAppToolbar = ({
|
|
|
2729
2486
|
|
|
2730
2487
|
(_a = mainMenuRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', handleInsideMenuClick);
|
|
2731
2488
|
};
|
|
2732
|
-
} // deprecation warning
|
|
2733
|
-
|
|
2734
|
-
|
|
2735
|
-
if (appName) {
|
|
2736
|
-
console.warn('The use of `appName` is deprecated and will be removed in the next major release, please use either `children` or `appLogo` instead.');
|
|
2737
2489
|
}
|
|
2738
2490
|
}, []);
|
|
2739
2491
|
|
|
@@ -2810,6 +2562,7 @@ const DotAppToolbar = ({
|
|
|
2810
2562
|
href: _primaryLogoHref
|
|
2811
2563
|
}, {
|
|
2812
2564
|
children: customLogo ? customLogo : jsx(DotTooltip, Object.assign({
|
|
2565
|
+
"data-testid": "logo-tooltip",
|
|
2813
2566
|
title: "digital.ai"
|
|
2814
2567
|
}, {
|
|
2815
2568
|
children: jsx(ForwardRef, {}, void 0)
|
|
@@ -2824,10 +2577,6 @@ const DotAppToolbar = ({
|
|
|
2824
2577
|
className: "dot-app-logo",
|
|
2825
2578
|
smallOnly: !targetBreakpoint
|
|
2826
2579
|
}, void 0)
|
|
2827
|
-
}), void 0), appName && jsx(DotTypography, Object.assign({
|
|
2828
|
-
className: "dot-product-name"
|
|
2829
|
-
}, {
|
|
2830
|
-
children: appName
|
|
2831
2580
|
}), void 0)]
|
|
2832
2581
|
}), void 0), children, jsxs("div", Object.assign({
|
|
2833
2582
|
className: "dot-right-side"
|
|
@@ -2845,7 +2594,7 @@ const DotAppToolbar = ({
|
|
|
2845
2594
|
}), void 0);
|
|
2846
2595
|
};
|
|
2847
2596
|
|
|
2848
|
-
const rootClassName$
|
|
2597
|
+
const rootClassName$G = 'dot-autocomplete';
|
|
2849
2598
|
const inputRootClassName = 'dot-input-root';
|
|
2850
2599
|
const inputMediumClassName = 'dot-input-medium';
|
|
2851
2600
|
const StyledAutocomplete = styled(Autocomplete).withConfig({
|
|
@@ -2853,31 +2602,7 @@ const StyledAutocomplete = styled(Autocomplete).withConfig({
|
|
|
2853
2602
|
componentId: "j2sgjy-0"
|
|
2854
2603
|
})(["", ""], ({
|
|
2855
2604
|
theme
|
|
2856
|
-
}) => css(["&.", "{.", ".", "{padding-top:", ";padding-bottom:", ";}.dot-text-field{.warning-icon{color:", ";}.error-icon{color:", ";}}}"], rootClassName$
|
|
2857
|
-
|
|
2858
|
-
const rootClassName$G = 'dot-text-field';
|
|
2859
|
-
const rootSelectClassName = 'dot-select-field';
|
|
2860
|
-
const labelClassName = 'dot-input-label';
|
|
2861
|
-
const warningClassName = 'dot-warning';
|
|
2862
|
-
const successClassName = 'dot-success';
|
|
2863
|
-
const adornmentIconClassName = 'dot-adornment-icon';
|
|
2864
|
-
const StyledAdornment = styled(InputAdornment).withConfig({
|
|
2865
|
-
displayName: "InputFormFieldsstyles__StyledAdornment",
|
|
2866
|
-
componentId: "sc-1mbn9f0-0"
|
|
2867
|
-
})([".dot-icon{font-size:24px;height:24px;padding:0;width:24px;}"]);
|
|
2868
|
-
const StyledInputLabel = styled(InputLabel).withConfig({
|
|
2869
|
-
displayName: "InputFormFieldsstyles__StyledInputLabel",
|
|
2870
|
-
componentId: "sc-1mbn9f0-1"
|
|
2871
|
-
})(["", ""], ({
|
|
2872
|
-
theme
|
|
2873
|
-
}) => css(["&.", "{transform:none;&.Mui-disabled .dot-typography{color:rgba(0,0,0,0.38);}&.Mui-error .dot-typography{color:", ";}.dot-typography{display:inline;}}"], labelClassName, theme.palette.error.main));
|
|
2874
|
-
const StyledTextField = styled(TextField).withConfig({
|
|
2875
|
-
displayName: "InputFormFieldsstyles__StyledTextField",
|
|
2876
|
-
componentId: "sc-1mbn9f0-2"
|
|
2877
|
-
})(["", ""], ({
|
|
2878
|
-
theme,
|
|
2879
|
-
InputProps
|
|
2880
|
-
}) => css(["&.", "{.MuiInputBase-root{background:", ";margin-bottom:0;}.MuiInputBase-input{box-sizing:content-box;}.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiOutlinedInput-input{padding:", ";}.MuiOutlinedInput-inputMarginDense{padding-top:10.5px;padding-bottom:10.5px;}.MuiOutlinedInput-inputMultiline{padding:0;}}&.", ",&.", "{.dot-adornment-icon .dot-icon i{margin-top:-2px;}.MuiFormLabel-root.Mui-focused{color:", ";}select.dot-select{background:", ";}.MuiSelect-select:focus{background-color:transparent;}.Mui-error .", "{color:", ";}.MuiSelect-icon{right:", ";}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiFormLabel-root.Mui-focused{color:", ";}.", "{color:", ";}}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", "{color:", ";}}.MuiOutlinedInput-adornedStart{padding-left:12px;}.MuiFormHelperText-root{font-family:", ";font-size:", "px;font-weight:400;margin:", ";display:flex;align-items:flex-end;&:not(.Mui-error){color:", ";}}.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:", ";}&.read-only .MuiOutlinedInput-root:hover > fieldset{border-color:", ";}}"], rootClassName$G, theme.palette.product === 'agility' && theme.palette.layer.n0, theme.palette.product === 'agility' && theme.palette.layer.n100, InputProps.startAdornment ? `18px 12px 18px 0px` : `18px 12px`, rootSelectClassName, rootClassName$G, theme.palette.product === 'agility' && theme.palette.layer.n700, theme.palette.product === 'agility' && theme.palette.layer.n0, adornmentIconClassName, theme.palette.error.main, InputProps.endAdornment ? `44px` : `12px`, successClassName, theme.palette.secondary.main, theme.palette.grey[700], adornmentIconClassName, theme.palette.secondary.main, warningClassName, theme.palette.warning.main, theme.palette.grey[700], adornmentIconClassName, theme.palette.warning.main, theme.typography.body2.fontFamily, theme.typography.body2.fontSize, theme.spacing(0.5, 0, 0, 2), theme.palette.grey[400], theme.palette.product === 'agility' && agilityGreen, theme.palette.layer.n200));
|
|
2605
|
+
}) => css(["&.", "{.", ".", "{padding-top:", ";padding-bottom:", ";}.dot-text-field{.warning-icon{color:", ";}.error-icon{color:", ";}}}"], rootClassName$G, inputRootClassName, inputMediumClassName, theme.spacing(0), theme.spacing(0), theme.palette.warning.main, theme.palette.error.main));
|
|
2881
2606
|
|
|
2882
2607
|
const rootClassName$F = 'dot-button';
|
|
2883
2608
|
const StyledButton = styled(Button).withConfig({
|
|
@@ -2885,11 +2610,11 @@ const StyledButton = styled(Button).withConfig({
|
|
|
2885
2610
|
componentId: "sx99hh-0"
|
|
2886
2611
|
})(["", ""], ({
|
|
2887
2612
|
theme
|
|
2888
|
-
}) => css(["&.", "{margin:", "
|
|
2613
|
+
}) => css(["&.", "{margin:", ";min-width:auto;white-space:nowrap;&.MuiButton-outlined{border-color:rgba(0,0,0,0.23);color:", ";}&.MuiButton-containedSecondary{background-color:", ";&:hover,&:active{background-color:", ";}}&.MuiButton-text{padding:6px 16px;}span.dot-icon{padding:0;i{height:auto;}}}"], rootClassName$F, theme.spacing(0.5), theme.palette.grey[700], theme.palette.error.main, darken(theme.palette.error.main, 0.2)));
|
|
2889
2614
|
|
|
2890
2615
|
/** This component wraps the Button component from @material-ui. */
|
|
2891
2616
|
|
|
2892
|
-
const DotButton = /*#__PURE__*/
|
|
2617
|
+
const DotButton = /*#__PURE__*/forwardRef(({
|
|
2893
2618
|
ariaLabel,
|
|
2894
2619
|
autoFocus: _autoFocus = false,
|
|
2895
2620
|
children,
|
|
@@ -2903,9 +2628,6 @@ const DotButton = /*#__PURE__*/React__default.forwardRef(({
|
|
|
2903
2628
|
onClick,
|
|
2904
2629
|
size: _size = 'medium',
|
|
2905
2630
|
startIcon,
|
|
2906
|
-
|
|
2907
|
-
/** The use of `titleTooltip` is deprecated and will be removed in the next major release */
|
|
2908
|
-
titleTooltip,
|
|
2909
2631
|
tooltip,
|
|
2910
2632
|
type: _type = 'primary'
|
|
2911
2633
|
}, ref) => {
|
|
@@ -2915,7 +2637,7 @@ const DotButton = /*#__PURE__*/React__default.forwardRef(({
|
|
|
2915
2637
|
|
|
2916
2638
|
switch (_type) {
|
|
2917
2639
|
case 'destructive':
|
|
2918
|
-
color = _disabled ? '
|
|
2640
|
+
color = _disabled ? 'inherit' : 'secondary';
|
|
2919
2641
|
variant = 'contained';
|
|
2920
2642
|
break;
|
|
2921
2643
|
|
|
@@ -2925,22 +2647,16 @@ const DotButton = /*#__PURE__*/React__default.forwardRef(({
|
|
|
2925
2647
|
break;
|
|
2926
2648
|
|
|
2927
2649
|
case 'outlined':
|
|
2928
|
-
color = '
|
|
2650
|
+
color = 'inherit';
|
|
2929
2651
|
variant = 'outlined';
|
|
2930
2652
|
break;
|
|
2931
2653
|
|
|
2932
2654
|
case 'text':
|
|
2933
|
-
color = '
|
|
2655
|
+
color = 'inherit';
|
|
2934
2656
|
variant = 'text';
|
|
2935
2657
|
break;
|
|
2936
2658
|
}
|
|
2937
2659
|
|
|
2938
|
-
useEffect(() => {
|
|
2939
|
-
// deprecation warning
|
|
2940
|
-
if (titleTooltip) {
|
|
2941
|
-
console.warn('The use of `titleTooltip` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
|
|
2942
|
-
}
|
|
2943
|
-
}, []);
|
|
2944
2660
|
return jsx(DotTooltip, Object.assign({
|
|
2945
2661
|
title: tooltip
|
|
2946
2662
|
}, {
|
|
@@ -2998,7 +2714,7 @@ const DotChip = ({
|
|
|
2998
2714
|
|
|
2999
2715
|
const getChipLabel = () => {
|
|
3000
2716
|
if (_charactersLimit <= 0 || children.length < _charactersLimit) return children;
|
|
3001
|
-
const label = `${children.
|
|
2717
|
+
const label = `${children.substring(0, _charactersLimit)}...`;
|
|
3002
2718
|
return jsx(DotTooltip, Object.assign({
|
|
3003
2719
|
title: children
|
|
3004
2720
|
}, {
|
|
@@ -3128,8 +2844,8 @@ const DotAutoComplete = ({
|
|
|
3128
2844
|
const [isOpened, setIsOpened] = useState(false);
|
|
3129
2845
|
const [inputText, setInputText] = useState('');
|
|
3130
2846
|
const textFieldWarningClassName = !_error && _warning && warningClassName;
|
|
3131
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
3132
|
-
const textFieldRootClasses = useStylesWithRootClass(rootClassName$
|
|
2847
|
+
const rootClasses = useStylesWithRootClass(rootClassName$G, className);
|
|
2848
|
+
const textFieldRootClasses = useStylesWithRootClass(rootClassName$Y, className, _readOnly ? 'read-only' : '', textFieldWarningClassName);
|
|
3133
2849
|
const inputRootClasses = useStylesWithRootClass(inputRootClassName, _dense ? '' : inputMediumClassName);
|
|
3134
2850
|
let textFieldInput; // Used for focus management while popper is opened
|
|
3135
2851
|
|
|
@@ -3180,8 +2896,8 @@ const DotAutoComplete = ({
|
|
|
3180
2896
|
|
|
3181
2897
|
|
|
3182
2898
|
const DotPopper = props => {
|
|
3183
|
-
if (!isActionItemDefined) return jsx(StyledPopper
|
|
3184
|
-
className:
|
|
2899
|
+
if (!isActionItemDefined) return jsx(StyledPopper, Object.assign({}, props, {
|
|
2900
|
+
className: rootClassName$Q,
|
|
3185
2901
|
disablePortal: _disablePortal,
|
|
3186
2902
|
"$maxHeight": maxHeight
|
|
3187
2903
|
}), void 0); // Disable action if customer explicitly enabled duplicate
|
|
@@ -3204,8 +2920,8 @@ const DotAutoComplete = ({
|
|
|
3204
2920
|
}), void 0) : itemText;
|
|
3205
2921
|
const paperProps = props.children.props;
|
|
3206
2922
|
const paperChildren = paperProps.children;
|
|
3207
|
-
return jsx(StyledPopper
|
|
3208
|
-
className:
|
|
2923
|
+
return jsx(StyledPopper, Object.assign({}, props, {
|
|
2924
|
+
className: rootClassName$Q,
|
|
3209
2925
|
disablePortal: _disablePortal,
|
|
3210
2926
|
"$maxHeight": maxHeight
|
|
3211
2927
|
}, {
|
|
@@ -3407,6 +3123,12 @@ const DotAutoComplete = ({
|
|
|
3407
3123
|
}, void 0);
|
|
3408
3124
|
};
|
|
3409
3125
|
|
|
3126
|
+
const rootClassName$D = 'dot-avatar-group';
|
|
3127
|
+
const StyledAvatarGroup = styled(AvatarGroup).withConfig({
|
|
3128
|
+
displayName: "AvatarGroupstyles__StyledAvatarGroup",
|
|
3129
|
+
componentId: "sc-25by6z-0"
|
|
3130
|
+
})(["", ""], () => css(["&.", "{justify-content:flex-end;.MuiAvatar-root{border:none;}}}"], rootClassName$D));
|
|
3131
|
+
|
|
3410
3132
|
const DotAvatarGroup = ({
|
|
3411
3133
|
ariaLabel,
|
|
3412
3134
|
avatars,
|
|
@@ -3415,8 +3137,8 @@ const DotAvatarGroup = ({
|
|
|
3415
3137
|
max: _max = 3,
|
|
3416
3138
|
spacing: _spacing = 'medium'
|
|
3417
3139
|
}) => {
|
|
3418
|
-
const rootClasses = useStylesWithRootClass(
|
|
3419
|
-
return jsx(
|
|
3140
|
+
const rootClasses = useStylesWithRootClass(rootClassName$D, className);
|
|
3141
|
+
return jsx(StyledAvatarGroup, Object.assign({
|
|
3420
3142
|
"aria-label": ariaLabel,
|
|
3421
3143
|
classes: {
|
|
3422
3144
|
root: rootClasses
|
|
@@ -3431,20 +3153,20 @@ const DotAvatarGroup = ({
|
|
|
3431
3153
|
}), void 0);
|
|
3432
3154
|
};
|
|
3433
3155
|
|
|
3434
|
-
const rootClassName$
|
|
3156
|
+
const rootClassName$C = 'dot-breadcrumbs';
|
|
3435
3157
|
const breadcrumbsWrapperClass = 'dot-breadcrumbs-wrapper';
|
|
3436
3158
|
const StyledBreadcrumbsWrapper = styled.div.withConfig({
|
|
3437
3159
|
displayName: "Breadcrumbsstyles__StyledBreadcrumbsWrapper",
|
|
3438
3160
|
componentId: "sc-7cg374-0"
|
|
3439
3161
|
})(["", ""], ({
|
|
3440
3162
|
theme
|
|
3441
|
-
}) => css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$
|
|
3163
|
+
}) => css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$C, theme.spacing(0.5, 2)));
|
|
3442
3164
|
const StyledBreadcrumbs = styled(Breadcrumbs).withConfig({
|
|
3443
3165
|
displayName: "Breadcrumbsstyles__StyledBreadcrumbs",
|
|
3444
3166
|
componentId: "sc-7cg374-1"
|
|
3445
3167
|
})(["", ""], ({
|
|
3446
3168
|
theme
|
|
3447
|
-
}) => 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$
|
|
3169
|
+
}) => css(["&.", "{margin-bottom:0;.MuiBreadcrumbs-ol{flex-wrap:nowrap;}.MuiBreadcrumbs-li,.separator{color:", ";margin:0;white-space:nowrap;}.separator{font-size:12px;width:20px;height:20px;padding:0;}.MuiBreadcrumbs-separator{margin:0;}.MuiLink-underlineHover{cursor:pointer;}.MuiBreadcrumbs-li:last-child{overflow:hidden;text-overflow:ellipsis;}.breadcrumb{padding:", ";}.current-page{color:", ";cursor:default;}}"], rootClassName$C, theme.palette.grey[300], theme.spacing(0.5, 2), theme.palette.grey[700]));
|
|
3448
3170
|
|
|
3449
3171
|
const compareWidth = (parentEl, childEl) => {
|
|
3450
3172
|
return parentEl.getBoundingClientRect().width < childEl.getBoundingClientRect().width;
|
|
@@ -3691,8 +3413,7 @@ const DotBreadcrumbs = ({
|
|
|
3691
3413
|
'data-testid': dataTestId,
|
|
3692
3414
|
expansionMenu: _expansionMenu = false,
|
|
3693
3415
|
items,
|
|
3694
|
-
maxItems
|
|
3695
|
-
minWidth
|
|
3416
|
+
maxItems
|
|
3696
3417
|
}) => {
|
|
3697
3418
|
const wrapperRootClasses = useStylesWithRootClass(breadcrumbsWrapperClass, className);
|
|
3698
3419
|
const wrapperRef = useRef();
|
|
@@ -3723,18 +3444,12 @@ const DotBreadcrumbs = ({
|
|
|
3723
3444
|
const onMenuLeave = _event => {
|
|
3724
3445
|
setMenuOpen(false);
|
|
3725
3446
|
};
|
|
3726
|
-
|
|
3727
|
-
useEffect(() => {
|
|
3728
|
-
// deprecation warning
|
|
3729
|
-
if (minWidth) {
|
|
3730
|
-
console.warn('The use of `minWidth` is deprecated and will be removed in the next major release');
|
|
3731
|
-
}
|
|
3732
|
-
}, []);
|
|
3733
3447
|
/* Build and connect expansion menu if 'expansionMenu' is set to true.
|
|
3734
3448
|
In order for this to be functioning properly we need to set 'items' in
|
|
3735
3449
|
the dependencies list as it will re-trigger hook if items array change.
|
|
3736
3450
|
*/
|
|
3737
3451
|
|
|
3452
|
+
|
|
3738
3453
|
useEffect(() => {
|
|
3739
3454
|
if (!_expansionMenu || !breadcrumbRef || !breadcrumbRef.current) return;
|
|
3740
3455
|
const expandElement = getExpandElement(breadcrumbRef.current);
|
|
@@ -3758,7 +3473,7 @@ const DotBreadcrumbs = ({
|
|
|
3758
3473
|
children: [jsx(StyledBreadcrumbs, Object.assign({
|
|
3759
3474
|
"aria-label": "breadcrumb",
|
|
3760
3475
|
classes: {
|
|
3761
|
-
root: rootClassName$
|
|
3476
|
+
root: rootClassName$C,
|
|
3762
3477
|
ol: 'dot-ol',
|
|
3763
3478
|
li: 'dot-li'
|
|
3764
3479
|
},
|
|
@@ -3769,10 +3484,7 @@ const DotBreadcrumbs = ({
|
|
|
3769
3484
|
separator: jsx(DotIcon, {
|
|
3770
3485
|
className: "separator",
|
|
3771
3486
|
iconId: "chevron-right"
|
|
3772
|
-
}, void 0)
|
|
3773
|
-
style: {
|
|
3774
|
-
width: minWidth
|
|
3775
|
-
}
|
|
3487
|
+
}, void 0)
|
|
3776
3488
|
}, {
|
|
3777
3489
|
children: mapBreadcrumbItems(items, breadcrumbItemRefs, {
|
|
3778
3490
|
isLastItemFullyVisible,
|
|
@@ -3791,7 +3503,7 @@ const DotBreadcrumbs = ({
|
|
|
3791
3503
|
}), void 0);
|
|
3792
3504
|
};
|
|
3793
3505
|
|
|
3794
|
-
|
|
3506
|
+
/******************************************************************************
|
|
3795
3507
|
Copyright (c) Microsoft Corporation.
|
|
3796
3508
|
|
|
3797
3509
|
Permission to use, copy, modify, and/or distribute this software for any
|
|
@@ -3828,13 +3540,13 @@ function __awaiter(thisArg, _arguments, P, generator) {
|
|
|
3828
3540
|
});
|
|
3829
3541
|
}
|
|
3830
3542
|
|
|
3831
|
-
const rootClassName$
|
|
3543
|
+
const rootClassName$B = 'dot-button-toggle';
|
|
3832
3544
|
const StyledToggleButtonGroup = styled(ToggleButtonGroup).withConfig({
|
|
3833
3545
|
displayName: "ButtonTogglestyles__StyledToggleButtonGroup",
|
|
3834
3546
|
componentId: "sc-1oh4ljv-0"
|
|
3835
3547
|
})(["", ""], ({
|
|
3836
3548
|
theme
|
|
3837
|
-
}) => css(["&.", "{.dot-icon{+ p{margin-left:", "
|
|
3549
|
+
}) => css(["&.", "{.dot-icon{+ p{margin-left:", ";}i{color:", ";height:auto;}}.dot-typography{margin-bottom:0;}.MuiToggleButton-label{color:", ";p{margin-bottom:0;}}.MuiToggleButtonGroup-groupedHorizontal{border:1px solid ", ";border-radius:0;}.dot-tooltip{&:first-child .MuiToggleButtonGroup-groupedHorizontal{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:0;}&:last-child .MuiToggleButtonGroup-groupedHorizontal{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:0;}&:not(:first-child) .MuiToggleButtonGroup-groupedHorizontal{margin-left:-1px;}}& > .MuiToggleButtonGroup-groupedHorizontal{:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:0;}:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:0;}}}.MuiButtonBase-root{&.Mui-disabled p,&.Mui-disabled .dot-icon{color:", ";}&.Mui-selected{background:", ";}}"], rootClassName$B, theme.spacing(1), theme.palette.layer.n700, theme.palette.layer.n700, theme.palette.layer.n300, theme.palette.grey[200], selectedGray));
|
|
3838
3550
|
|
|
3839
3551
|
const DotButtonToggle = ({
|
|
3840
3552
|
ariaLabel,
|
|
@@ -3849,7 +3561,7 @@ const DotButtonToggle = ({
|
|
|
3849
3561
|
size: _size = 'medium',
|
|
3850
3562
|
value
|
|
3851
3563
|
}) => {
|
|
3852
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
3564
|
+
const rootClasses = useStylesWithRootClass(rootClassName$B, className);
|
|
3853
3565
|
|
|
3854
3566
|
const renderToggleButton = ({
|
|
3855
3567
|
ariaLabel: optionAriaLabel,
|
|
@@ -3916,7 +3628,7 @@ const TooltipToggleButton = /*#__PURE__*/forwardRef((_a, ref) => {
|
|
|
3916
3628
|
} = _a,
|
|
3917
3629
|
props = __rest(_a, ["CustomTooltipProps"]);
|
|
3918
3630
|
|
|
3919
|
-
return jsx(
|
|
3631
|
+
return jsx(DotTooltip, Object.assign({}, CustomTooltipProps, {
|
|
3920
3632
|
children: jsx(ToggleButton, Object.assign({
|
|
3921
3633
|
ref: ref
|
|
3922
3634
|
}, props), void 0)
|
|
@@ -3960,13 +3672,13 @@ const DotCardContent = ({
|
|
|
3960
3672
|
}), void 0);
|
|
3961
3673
|
};
|
|
3962
3674
|
|
|
3963
|
-
const rootClassName$
|
|
3675
|
+
const rootClassName$A = 'dot-card-footer';
|
|
3964
3676
|
const StyledDiv = styled.div.withConfig({
|
|
3965
3677
|
displayName: "CardFooterstyles__StyledDiv",
|
|
3966
3678
|
componentId: "koblh6-0"
|
|
3967
3679
|
})(["", ""], ({
|
|
3968
3680
|
theme
|
|
3969
|
-
}) => css(["&.", "{padding:", "
|
|
3681
|
+
}) => css(["&.", "{padding:", ";}"], rootClassName$A, theme.spacing(2)));
|
|
3970
3682
|
|
|
3971
3683
|
const DotCardFooter = ({
|
|
3972
3684
|
ariaLabel,
|
|
@@ -3974,7 +3686,7 @@ const DotCardFooter = ({
|
|
|
3974
3686
|
className,
|
|
3975
3687
|
'data-testid': dataTestId
|
|
3976
3688
|
}) => {
|
|
3977
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
3689
|
+
const rootClasses = useStylesWithRootClass(rootClassName$A, className);
|
|
3978
3690
|
return jsx(StyledDiv, Object.assign({
|
|
3979
3691
|
"aria-label": ariaLabel,
|
|
3980
3692
|
className: rootClasses,
|
|
@@ -4019,28 +3731,28 @@ const DotCardHeader = ({
|
|
|
4019
3731
|
}, void 0);
|
|
4020
3732
|
};
|
|
4021
3733
|
|
|
4022
|
-
const rootClassName$
|
|
3734
|
+
const rootClassName$z = 'dot-form-control-label';
|
|
4023
3735
|
const StyledFormControlLabel = styled(FormControlLabel).withConfig({
|
|
4024
3736
|
displayName: "FormControlLabelstyles__StyledFormControlLabel",
|
|
4025
3737
|
componentId: "sc-1vt0om4-0"
|
|
4026
|
-
})(["&.", "{.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$
|
|
3738
|
+
})(["&.", "{.MuiFormControlLabel-label{margin-bottom:0;padding:0 0 0 4px;}&.MuiFormControlLabel-labelPlacementBottom{.MuiFormControlLabel-label{padding:4px 0 0 0;}}&.MuiFormControlLabel-labelPlacementTop{.MuiFormControlLabel-label{padding:0 0 4px 0;}}&.MuiFormControlLabel-labelPlacementStart{.MuiFormControlLabel-label{padding:0 4px 0;}}}"], rootClassName$z);
|
|
4027
3739
|
|
|
4028
|
-
const rootClassName$
|
|
3740
|
+
const rootClassName$y = 'dot-checkbox';
|
|
4029
3741
|
const StyledCheckbox = styled(Checkbox).withConfig({
|
|
4030
3742
|
displayName: "Checkboxstyles__StyledCheckbox",
|
|
4031
3743
|
componentId: "sc-1ubsn6i-0"
|
|
4032
3744
|
})(["", ""], ({
|
|
4033
3745
|
theme
|
|
4034
|
-
}) => css(["&.", "{padding:", "
|
|
3746
|
+
}) => css(["&.", "{padding:", ";&.MuiCheckbox-indeterminate{color:rgba(0,0,0,0.6);}}"], rootClassName$y, theme.spacing(1)));
|
|
4035
3747
|
|
|
4036
3748
|
function DotCheckbox({
|
|
4037
3749
|
ariaLabel,
|
|
4038
3750
|
ariaLabelledby,
|
|
4039
3751
|
checked,
|
|
4040
3752
|
className,
|
|
4041
|
-
disableRipple,
|
|
4042
3753
|
'data-testid': dataTestId,
|
|
4043
3754
|
disabled,
|
|
3755
|
+
disableRipple,
|
|
4044
3756
|
id,
|
|
4045
3757
|
indeterminate,
|
|
4046
3758
|
inputRef,
|
|
@@ -4052,42 +3764,44 @@ function DotCheckbox({
|
|
|
4052
3764
|
size = 'medium',
|
|
4053
3765
|
value
|
|
4054
3766
|
}) {
|
|
4055
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
3767
|
+
const rootClasses = useStylesWithRootClass(rootClassName$z, className);
|
|
4056
3768
|
|
|
4057
3769
|
const handleChange = event => {
|
|
4058
3770
|
onChange && onChange(event, event.target.value);
|
|
4059
3771
|
};
|
|
4060
3772
|
|
|
3773
|
+
const checkboxControl = jsx(StyledCheckbox, {
|
|
3774
|
+
checked: checked,
|
|
3775
|
+
classes: {
|
|
3776
|
+
root: rootClassName$y
|
|
3777
|
+
},
|
|
3778
|
+
color: "primary",
|
|
3779
|
+
"data-testid": dataTestId,
|
|
3780
|
+
disableRipple: disableRipple,
|
|
3781
|
+
disabled: disabled,
|
|
3782
|
+
id: id,
|
|
3783
|
+
indeterminate: indeterminate,
|
|
3784
|
+
inputProps: {
|
|
3785
|
+
'aria-label': ariaLabel || label,
|
|
3786
|
+
'aria-labelledby': ariaLabelledby
|
|
3787
|
+
},
|
|
3788
|
+
inputRef: inputRef,
|
|
3789
|
+
name: name,
|
|
3790
|
+
onChange: handleChange,
|
|
3791
|
+
required: required,
|
|
3792
|
+
size: size,
|
|
3793
|
+
value: value
|
|
3794
|
+
}, void 0);
|
|
3795
|
+
|
|
4061
3796
|
return jsx(StyledFormControlLabel, {
|
|
4062
3797
|
className: rootClasses,
|
|
4063
|
-
control:
|
|
4064
|
-
checked: checked,
|
|
4065
|
-
classes: {
|
|
4066
|
-
root: rootClassName$z
|
|
4067
|
-
},
|
|
4068
|
-
color: "primary",
|
|
4069
|
-
"data-testid": dataTestId,
|
|
4070
|
-
disableRipple: disableRipple,
|
|
4071
|
-
disabled: disabled,
|
|
4072
|
-
id: id,
|
|
4073
|
-
indeterminate: indeterminate,
|
|
4074
|
-
inputProps: {
|
|
4075
|
-
'aria-label': ariaLabel ? ariaLabel : label,
|
|
4076
|
-
'aria-labelledby': ariaLabelledby
|
|
4077
|
-
},
|
|
4078
|
-
inputRef: inputRef,
|
|
4079
|
-
name: name,
|
|
4080
|
-
onChange: handleChange,
|
|
4081
|
-
required: required,
|
|
4082
|
-
size: size,
|
|
4083
|
-
value: value
|
|
4084
|
-
}, void 0),
|
|
3798
|
+
control: checkboxControl,
|
|
4085
3799
|
label: label,
|
|
4086
3800
|
labelPlacement: labelPlacement
|
|
4087
3801
|
}, void 0);
|
|
4088
3802
|
}
|
|
4089
3803
|
|
|
4090
|
-
const rootClassName$
|
|
3804
|
+
const rootClassName$x = 'dot-form-group';
|
|
4091
3805
|
const groupLabelClassName = 'dot-form-group-label';
|
|
4092
3806
|
const startAdornmentClassName = 'dot-start-adornment';
|
|
4093
3807
|
const endAdornmentClassName = 'dot-end-adornment';
|
|
@@ -4095,9 +3809,9 @@ const placementClassName = 'dot-';
|
|
|
4095
3809
|
const StyledFormControl = styled(FormControl).withConfig({
|
|
4096
3810
|
displayName: "FormControlstyles__StyledFormControl",
|
|
4097
3811
|
componentId: "sc-532kip-0"
|
|
4098
|
-
})(["&.", "{.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$
|
|
3812
|
+
})(["&.", "{.MuiFormLabel-root{width:100%;line-height:24px;margin-bottom:4px;display:flex;align-items:center;.", "{padding-left:4px;}.", "{padding-right:4px;}}&.", "{.MuiFormHelperText-root,.MuiFormLabel-root{display:flex;flex-direction:row-reverse;}}&.", "{.MuiFormHelperText-root,.MuiFormLabel-root{display:flex;justify-content:center;}}}"], rootClassName$x, endAdornmentClassName, startAdornmentClassName, `${placementClassName}start`, `${placementClassName}bottom`);
|
|
4099
3813
|
|
|
4100
|
-
const rootClassName$
|
|
3814
|
+
const rootClassName$w = 'dot-checkbox-group';
|
|
4101
3815
|
const wrapperClassName$1 = 'dot-checkbox-group-wrapper';
|
|
4102
3816
|
const checkboxListClassName = 'dot-checkbox-list';
|
|
4103
3817
|
const checkboxListItemClassName = 'dot-checkbox-list-item';
|
|
@@ -4106,16 +3820,16 @@ const StyledCheckboxGroup = styled.div.withConfig({
|
|
|
4106
3820
|
componentId: "bhb21v-0"
|
|
4107
3821
|
})(["", ""], ({
|
|
4108
3822
|
theme
|
|
4109
|
-
}) => css(["{&.", "{.", "{width:100%;}.MuiFormLabel-root{display:inline;width:100%;}.MuiFormHelperText-root{font-family:", ";font-size:", "px;font-weight:", ";&:not(.Mui-error){color:", ";}}.", "{list-style:none;margin-top:0;padding-left:", "
|
|
3823
|
+
}) => css(["{&.", "{.", "{width:100%;}.MuiFormLabel-root{display:inline;width:100%;}.MuiFormHelperText-root{font-family:", ";font-size:", "px;font-weight:", ";&:not(.Mui-error){color:", ";}}.", "{list-style:none;margin-top:0;padding-left:", ";.", "{margin:0;}}}"], wrapperClassName$1, rootClassName$w, theme.typography.body2.fontFamily, theme.typography.body2.fontSize, theme.typography.body2.fontWeight, theme.palette.grey[400], checkboxListClassName, theme.spacing(2.5), rootClassName$z));
|
|
4110
3824
|
|
|
4111
|
-
const rootClassName$
|
|
3825
|
+
const rootClassName$v = 'dot-form-group';
|
|
4112
3826
|
const StyledFormGroup = styled(FormGroup).withConfig({
|
|
4113
3827
|
displayName: "FormGroupstyles__StyledFormGroup",
|
|
4114
3828
|
componentId: "sc-1dlipcr-0"
|
|
4115
3829
|
})(["", ""], ({
|
|
4116
3830
|
theme,
|
|
4117
3831
|
row
|
|
4118
|
-
}) => css(["&.", "{& > *{margin:", ";}}"], rootClassName$
|
|
3832
|
+
}) => css(["&.", "{& > *{margin:", ";}}"], rootClassName$v, row ? `${theme.spacing(0.5)}` : 0));
|
|
4119
3833
|
|
|
4120
3834
|
function DotFormGroup({
|
|
4121
3835
|
ariaLabel,
|
|
@@ -4124,7 +3838,7 @@ function DotFormGroup({
|
|
|
4124
3838
|
'data-testid': dataTestId,
|
|
4125
3839
|
row
|
|
4126
3840
|
}) {
|
|
4127
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
3841
|
+
const rootClasses = useStylesWithRootClass(rootClassName$x, className);
|
|
4128
3842
|
return jsx(StyledFormGroup, Object.assign({
|
|
4129
3843
|
"aria-label": ariaLabel,
|
|
4130
3844
|
classes: {
|
|
@@ -4164,7 +3878,7 @@ function DotCheckboxGroup({
|
|
|
4164
3878
|
size = 'medium'
|
|
4165
3879
|
}) {
|
|
4166
3880
|
const placement = `${placementClassName}${labelPlacement}`;
|
|
4167
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
3881
|
+
const rootClasses = useStylesWithRootClass(rootClassName$x, rootClassName$w, className, placement);
|
|
4168
3882
|
const [selectedOptions, setSelectedOptions] = useState(defaultValues);
|
|
4169
3883
|
const [allChecked, setAllChecked] = useState(false);
|
|
4170
3884
|
/* This will ensure that state can be updated from the outside */
|
|
@@ -4261,13 +3975,13 @@ function DotCheckboxGroup({
|
|
|
4261
3975
|
}), void 0);
|
|
4262
3976
|
}
|
|
4263
3977
|
|
|
4264
|
-
const rootClassName$
|
|
3978
|
+
const rootClassName$u = 'dot-dialog';
|
|
4265
3979
|
const StyledDialog = styled(Dialog).withConfig({
|
|
4266
3980
|
displayName: "Dialogstyles__StyledDialog",
|
|
4267
3981
|
componentId: "sc-1tkr4ex-0"
|
|
4268
3982
|
})(["", ""], ({
|
|
4269
3983
|
theme
|
|
4270
|
-
}) => css(["&.", "{.MuiDialog-paper{
|
|
3984
|
+
}) => css(["&.", "{.MuiDialog-paper{min-width:280px;max-height:80vh;max-width:80vw;}.MuiDialogTitle-root{align-items:center;display:flex;flex-wrap:nowrap;padding:", ";h2{flex-grow:1;}.dot-icon-button{margin-left:", ";}}.dot-dialog-content{padding:", ";overflow-y:auto;}.dot-dialog-actions{padding:", ";.cancel-button{color:inherit;}}}"], rootClassName$u, theme.spacing(1, 2), theme.spacing(1), theme.spacing(1, 2), theme.spacing(1)));
|
|
4271
3985
|
|
|
4272
3986
|
const DotDialog = ({
|
|
4273
3987
|
ariaLabel,
|
|
@@ -4284,7 +3998,7 @@ const DotDialog = ({
|
|
|
4284
3998
|
submitButtonProps,
|
|
4285
3999
|
title
|
|
4286
4000
|
}) => {
|
|
4287
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4001
|
+
const rootClasses = useStylesWithRootClass(rootClassName$u, className);
|
|
4288
4002
|
const cancelClasses = useStylesWithRootClass(cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, 'cancel-button');
|
|
4289
4003
|
const [isOpen, setIsOpen] = useState(open);
|
|
4290
4004
|
useEffect(() => {
|
|
@@ -4327,15 +4041,13 @@ const DotDialog = ({
|
|
|
4327
4041
|
onClose: handleClickAway,
|
|
4328
4042
|
open: isOpen
|
|
4329
4043
|
}, {
|
|
4330
|
-
children: [jsxs(DialogTitle,
|
|
4331
|
-
disableTypography: true
|
|
4332
|
-
}, {
|
|
4044
|
+
children: [jsxs(DialogTitle, {
|
|
4333
4045
|
children: [renderNodeOrTypography(title, 'h2'), closeIconVisible && jsx(DotIconButton, {
|
|
4334
4046
|
iconId: "close",
|
|
4335
4047
|
onClick: handleCancel,
|
|
4336
4048
|
size: "small"
|
|
4337
4049
|
}, void 0)]
|
|
4338
|
-
}
|
|
4050
|
+
}, void 0), jsx(DialogContent, Object.assign({
|
|
4339
4051
|
classes: {
|
|
4340
4052
|
root: `dot-dialog-content`
|
|
4341
4053
|
}
|
|
@@ -4410,7 +4122,7 @@ const DotConfirmationDialog = ({
|
|
|
4410
4122
|
}), void 0);
|
|
4411
4123
|
};
|
|
4412
4124
|
|
|
4413
|
-
const rootClassName$
|
|
4125
|
+
const rootClassName$t = 'dot-grid';
|
|
4414
4126
|
|
|
4415
4127
|
const frGetter = value => typeof value === 'number' ? `repeat(${value}, 1fr)` : value;
|
|
4416
4128
|
|
|
@@ -4458,7 +4170,7 @@ const Grid = ({
|
|
|
4458
4170
|
className,
|
|
4459
4171
|
children
|
|
4460
4172
|
}) => {
|
|
4461
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4173
|
+
const rootClasses = useStylesWithRootClass(rootClassName$t, className);
|
|
4462
4174
|
return jsx("div", Object.assign({
|
|
4463
4175
|
className: rootClasses
|
|
4464
4176
|
}, {
|
|
@@ -4479,7 +4191,7 @@ const StyledGrid = styled(Grid).withConfig({
|
|
|
4479
4191
|
rows,
|
|
4480
4192
|
theme,
|
|
4481
4193
|
width
|
|
4482
|
-
}) => css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$
|
|
4194
|
+
}) => css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$t, frGetter(rows), columns ? `${columns && `grid-template-columns: ${frGetter(columns)}`};` : breakpointsGetter$1(theme, _columnsBreakpoints, _columnGap, _rowGap), gridTemplateAreas && `grid-template-areas: ${gridTemplateAreas};`, gap && `grid-gap: ${gap};`, width && `width: ${width};`, height && `height: ${height};`));
|
|
4483
4195
|
const CssGrid = props => {
|
|
4484
4196
|
return jsx(StyledGrid, Object.assign({}, props), void 0);
|
|
4485
4197
|
};
|
|
@@ -4647,13 +4359,13 @@ const CssGridDebug = ({
|
|
|
4647
4359
|
}), void 0);
|
|
4648
4360
|
};
|
|
4649
4361
|
|
|
4650
|
-
const rootClassName$
|
|
4362
|
+
const rootClassName$s = 'dot-empty-state';
|
|
4651
4363
|
const StyledEmptyState = styled.div.withConfig({
|
|
4652
4364
|
displayName: "EmptyStatestyles__StyledEmptyState",
|
|
4653
4365
|
componentId: "sc-1sftmht-0"
|
|
4654
4366
|
})(["", ""], ({
|
|
4655
4367
|
theme
|
|
4656
|
-
}) => css(["&.dot-empty-state{margin:0 auto;max-width:600px;text-align:center;.empty-state-image{min-height:239px;margin-bottom:", "
|
|
4368
|
+
}) => css(["&.dot-empty-state{margin:0 auto;max-width:600px;text-align:center;.empty-state-image{min-height:239px;margin-bottom:", ";}h2{margin-bottom:", ";}.dot-button{margin-top:", ";}}"], theme.spacing(5), theme.spacing(1), theme.spacing(4)));
|
|
4657
4369
|
|
|
4658
4370
|
const DotEmptyState = ({
|
|
4659
4371
|
ariaLabel,
|
|
@@ -4665,7 +4377,7 @@ const DotEmptyState = ({
|
|
|
4665
4377
|
subtitle,
|
|
4666
4378
|
title
|
|
4667
4379
|
}) => {
|
|
4668
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4380
|
+
const rootClasses = useStylesWithRootClass(rootClassName$s, className);
|
|
4669
4381
|
return jsxs(StyledEmptyState, Object.assign({
|
|
4670
4382
|
"aria-label": ariaLabel,
|
|
4671
4383
|
className: rootClasses,
|
|
@@ -4701,15 +4413,15 @@ const StyledRadioGroup = styled(RadioGroup).withConfig({
|
|
|
4701
4413
|
componentId: "sc-84g3mq-1"
|
|
4702
4414
|
})(["", ""], ({
|
|
4703
4415
|
theme
|
|
4704
|
-
}) => css(["{&.", "{padding-left:", "
|
|
4416
|
+
}) => css(["{&.", "{padding-left:", ";.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$z));
|
|
4705
4417
|
|
|
4706
|
-
const rootClassName$
|
|
4418
|
+
const rootClassName$r = 'dot-form';
|
|
4707
4419
|
const StyledFormContainer = styled.div.withConfig({
|
|
4708
4420
|
displayName: "Formstyles__StyledFormContainer",
|
|
4709
4421
|
componentId: "bbovqo-0"
|
|
4710
4422
|
})(["", ""], ({
|
|
4711
4423
|
theme
|
|
4712
|
-
}) => css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$
|
|
4424
|
+
}) => css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$r, theme.spacing(3, 0), rootClassName$x, rootClassName$z, rootClassName$Y, rootSelectClassName, theme.spacing(1, 0), rootClassName$w, groupClassName, rootClassName$z));
|
|
4713
4425
|
|
|
4714
4426
|
const DotForm = ({
|
|
4715
4427
|
ariaLabel,
|
|
@@ -4718,7 +4430,7 @@ const DotForm = ({
|
|
|
4718
4430
|
'data-testid': dataTestId,
|
|
4719
4431
|
onSubmit
|
|
4720
4432
|
}) => {
|
|
4721
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4433
|
+
const rootClasses = useStylesWithRootClass(rootClassName$r, className);
|
|
4722
4434
|
return jsx("form", Object.assign({
|
|
4723
4435
|
"aria-label": ariaLabel,
|
|
4724
4436
|
"data-testid": dataTestId,
|
|
@@ -4733,11 +4445,11 @@ const DotForm = ({
|
|
|
4733
4445
|
}), void 0);
|
|
4734
4446
|
};
|
|
4735
4447
|
|
|
4736
|
-
const rootClassName$
|
|
4448
|
+
const rootClassName$q = 'dot-dynamic-form';
|
|
4737
4449
|
const StyledDynamicForm = styled(DotForm).withConfig({
|
|
4738
4450
|
displayName: "DynamicFormstyles__StyledDynamicForm",
|
|
4739
4451
|
componentId: "sc-1lnljcn-0"
|
|
4740
|
-
})(["", ""], () => css(["&.", "{}"], rootClassName$
|
|
4452
|
+
})(["", ""], () => css(["&.", "{}"], rootClassName$q));
|
|
4741
4453
|
|
|
4742
4454
|
const DATA_CONTROLS = ['dot-autocomplete', 'dot-checkbox', 'dot-checkbox-group', 'dot-input-select', 'dot-input-text', 'dot-radio-group', 'dot-switch'];
|
|
4743
4455
|
/* Array of control types for which we don't have error state so validation doesn't make any sense */
|
|
@@ -5013,6 +4725,8 @@ const DotInputText = ({
|
|
|
5013
4725
|
id,
|
|
5014
4726
|
inputRef,
|
|
5015
4727
|
label,
|
|
4728
|
+
maxRows,
|
|
4729
|
+
minRows,
|
|
5016
4730
|
multiline: _multiline = false,
|
|
5017
4731
|
name,
|
|
5018
4732
|
onBlur,
|
|
@@ -5024,8 +4738,6 @@ const DotInputText = ({
|
|
|
5024
4738
|
placeholder,
|
|
5025
4739
|
readOnly: _readOnly = false,
|
|
5026
4740
|
required: _required = false,
|
|
5027
|
-
rows,
|
|
5028
|
-
rowsMax,
|
|
5029
4741
|
shrink,
|
|
5030
4742
|
startIcon,
|
|
5031
4743
|
size: _size = 'small',
|
|
@@ -5039,7 +4751,7 @@ const DotInputText = ({
|
|
|
5039
4751
|
const hasEndAdornmentIcon = endIcon || _error || hasWarning || hasSuccess; // This state is used only with debounce feature enabled
|
|
5040
4752
|
|
|
5041
4753
|
const [inputTextState, setInputTextState] = useState(hasDebounce && getInitialState(value));
|
|
5042
|
-
const rootStyles = useStylesWithRootClass(rootClassName$
|
|
4754
|
+
const rootStyles = useStylesWithRootClass(rootClassName$Y, className, hasWarning, hasSuccess, _readOnly ? 'read-only' : ''); // Used to control text value from the consumer component
|
|
5043
4755
|
// when debounce feature is enabled
|
|
5044
4756
|
|
|
5045
4757
|
useEffect(() => {
|
|
@@ -5128,8 +4840,8 @@ const DotInputText = ({
|
|
|
5128
4840
|
onMouseUp: onMouseUp,
|
|
5129
4841
|
placeholder: placeholder,
|
|
5130
4842
|
required: _required,
|
|
5131
|
-
|
|
5132
|
-
|
|
4843
|
+
minRows: _multiline ? minRows : null,
|
|
4844
|
+
maxRows: _multiline ? maxRows : null,
|
|
5133
4845
|
size: _size,
|
|
5134
4846
|
type: _type,
|
|
5135
4847
|
value: inputTextValue,
|
|
@@ -5249,13 +4961,13 @@ const DotInputSelect = ({
|
|
|
5249
4961
|
}, void 0);
|
|
5250
4962
|
};
|
|
5251
4963
|
|
|
5252
|
-
const rootClassName$
|
|
4964
|
+
const rootClassName$p = 'dot-progress-button';
|
|
5253
4965
|
const StyledProgressButton = styled(DotButton).withConfig({
|
|
5254
4966
|
displayName: "ProgressButtonstyles__StyledProgressButton",
|
|
5255
4967
|
componentId: "sc-1fvgky0-0"
|
|
5256
4968
|
})(["", ""], ({
|
|
5257
4969
|
theme
|
|
5258
|
-
}) => css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$
|
|
4970
|
+
}) => css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$p, theme.palette.layer.n300));
|
|
5259
4971
|
|
|
5260
4972
|
const SPINNER_DEFAULT_SIZE = 20;
|
|
5261
4973
|
const SPINNER_LARGE_SIZE = 24;
|
|
@@ -5274,7 +4986,7 @@ const DotProgressButton = ({
|
|
|
5274
4986
|
tooltip,
|
|
5275
4987
|
type: _type = 'primary'
|
|
5276
4988
|
}) => {
|
|
5277
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4989
|
+
const rootClasses = useStylesWithRootClass(rootClassName$p, className);
|
|
5278
4990
|
const isButtonDisabled = _disabled || _isLoading;
|
|
5279
4991
|
const titleClasses = useStylesWithRootClass(_isLoading ? 'hidden' : '');
|
|
5280
4992
|
const progressCircleSize = _size === 'large' ? SPINNER_LARGE_SIZE : SPINNER_DEFAULT_SIZE;
|
|
@@ -5302,11 +5014,11 @@ const DotProgressButton = ({
|
|
|
5302
5014
|
}), void 0);
|
|
5303
5015
|
};
|
|
5304
5016
|
|
|
5305
|
-
const rootClassName$
|
|
5017
|
+
const rootClassName$o = 'dot-radio';
|
|
5306
5018
|
const StyledRadioButton = styled(Radio).withConfig({
|
|
5307
5019
|
displayName: "RadioButtonstyles__StyledRadioButton",
|
|
5308
5020
|
componentId: "brp0sc-0"
|
|
5309
|
-
})(["", ""], () => css(["{&.", "{padding:8px;}"], rootClassName$
|
|
5021
|
+
})(["", ""], () => css(["{&.", "{padding:8px;}"], rootClassName$o));
|
|
5310
5022
|
|
|
5311
5023
|
function DotRadioButton({
|
|
5312
5024
|
ariaLabel,
|
|
@@ -5324,31 +5036,33 @@ function DotRadioButton({
|
|
|
5324
5036
|
size = 'medium',
|
|
5325
5037
|
value
|
|
5326
5038
|
}) {
|
|
5327
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5039
|
+
const rootClasses = useStylesWithRootClass(rootClassName$z, className);
|
|
5328
5040
|
|
|
5329
5041
|
const handleChange = event => {
|
|
5330
5042
|
onChange && onChange(event, event.target.value);
|
|
5331
5043
|
};
|
|
5332
5044
|
|
|
5045
|
+
const radioControl = jsx(StyledRadioButton, {
|
|
5046
|
+
"aria-label": ariaLabel,
|
|
5047
|
+
checked: checked,
|
|
5048
|
+
classes: {
|
|
5049
|
+
root: rootClassName$o
|
|
5050
|
+
},
|
|
5051
|
+
color: "primary",
|
|
5052
|
+
"data-testid": dataTestId,
|
|
5053
|
+
disabled: disabled,
|
|
5054
|
+
id: id,
|
|
5055
|
+
inputRef: inputRef,
|
|
5056
|
+
name: name,
|
|
5057
|
+
onChange: handleChange,
|
|
5058
|
+
required: required,
|
|
5059
|
+
size: size
|
|
5060
|
+
}, void 0);
|
|
5061
|
+
|
|
5333
5062
|
return jsx(StyledFormControlLabel, {
|
|
5334
5063
|
className: rootClasses,
|
|
5335
|
-
control:
|
|
5336
|
-
|
|
5337
|
-
checked: checked,
|
|
5338
|
-
classes: {
|
|
5339
|
-
root: rootClassName$p
|
|
5340
|
-
},
|
|
5341
|
-
color: "primary",
|
|
5342
|
-
"data-testid": dataTestId,
|
|
5343
|
-
disabled: disabled,
|
|
5344
|
-
id: id,
|
|
5345
|
-
inputRef: inputRef,
|
|
5346
|
-
name: name,
|
|
5347
|
-
onChange: handleChange,
|
|
5348
|
-
required: required,
|
|
5349
|
-
size: size
|
|
5350
|
-
}, void 0),
|
|
5351
|
-
label: label,
|
|
5064
|
+
control: radioControl,
|
|
5065
|
+
label: label || radioControl,
|
|
5352
5066
|
labelPlacement: labelPlacement,
|
|
5353
5067
|
value: value
|
|
5354
5068
|
}, void 0);
|
|
@@ -5375,7 +5089,7 @@ const DotRadioGroup = ({
|
|
|
5375
5089
|
size: _size = 'medium'
|
|
5376
5090
|
}) => {
|
|
5377
5091
|
const placement = `${placementClassName}${_labelPlacement}`;
|
|
5378
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5092
|
+
const rootClasses = useStylesWithRootClass(rootClassName$x, className, placement);
|
|
5379
5093
|
const radioValue = value || defaultValue;
|
|
5380
5094
|
const [selectedValue, setSelectedValue] = useState(radioValue);
|
|
5381
5095
|
/* This will ensure that value can be updated from the outside */
|
|
@@ -5448,7 +5162,7 @@ const DotRadioGroup = ({
|
|
|
5448
5162
|
}), void 0);
|
|
5449
5163
|
};
|
|
5450
5164
|
|
|
5451
|
-
const rootClassName$
|
|
5165
|
+
const rootClassName$n = 'dot-switch';
|
|
5452
5166
|
const StyledSwitch = styled(Switch).withConfig({
|
|
5453
5167
|
displayName: "Switchstyles__StyledSwitch",
|
|
5454
5168
|
componentId: "eign2a-0"
|
|
@@ -5460,7 +5174,7 @@ const DotSwitch = ({
|
|
|
5460
5174
|
ariaLabel,
|
|
5461
5175
|
checked,
|
|
5462
5176
|
className,
|
|
5463
|
-
color
|
|
5177
|
+
color,
|
|
5464
5178
|
'data-testid': dataTestId,
|
|
5465
5179
|
disabled: _disabled = false,
|
|
5466
5180
|
id,
|
|
@@ -5470,31 +5184,33 @@ const DotSwitch = ({
|
|
|
5470
5184
|
onChange,
|
|
5471
5185
|
size: _size = 'medium'
|
|
5472
5186
|
}) => {
|
|
5473
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5187
|
+
const rootClasses = useStylesWithRootClass(rootClassName$n, className);
|
|
5474
5188
|
|
|
5475
5189
|
const handleChange = event => {
|
|
5476
5190
|
onChange && onChange(event);
|
|
5477
5191
|
};
|
|
5478
5192
|
|
|
5193
|
+
const switchControl = jsx(StyledSwitch, {
|
|
5194
|
+
checked: checked,
|
|
5195
|
+
classes: {
|
|
5196
|
+
root: rootClasses
|
|
5197
|
+
},
|
|
5198
|
+
color: color,
|
|
5199
|
+
"data-testid": dataTestId,
|
|
5200
|
+
disabled: _disabled,
|
|
5201
|
+
id: id,
|
|
5202
|
+
inputProps: {
|
|
5203
|
+
'aria-label': ariaLabel || label
|
|
5204
|
+
},
|
|
5205
|
+
inputRef: inputRef,
|
|
5206
|
+
onChange: handleChange,
|
|
5207
|
+
size: _size
|
|
5208
|
+
}, void 0);
|
|
5209
|
+
|
|
5479
5210
|
return jsx(StyledFormControlLabel, {
|
|
5480
|
-
className: rootClassName$
|
|
5481
|
-
control:
|
|
5482
|
-
|
|
5483
|
-
classes: {
|
|
5484
|
-
root: rootClasses
|
|
5485
|
-
},
|
|
5486
|
-
color: _color,
|
|
5487
|
-
"data-testid": dataTestId,
|
|
5488
|
-
disabled: _disabled,
|
|
5489
|
-
id: id,
|
|
5490
|
-
inputProps: {
|
|
5491
|
-
'aria-label': ariaLabel ? ariaLabel : label
|
|
5492
|
-
},
|
|
5493
|
-
inputRef: inputRef,
|
|
5494
|
-
onChange: handleChange,
|
|
5495
|
-
size: _size
|
|
5496
|
-
}, void 0),
|
|
5497
|
-
label: label,
|
|
5211
|
+
className: rootClassName$z,
|
|
5212
|
+
control: switchControl,
|
|
5213
|
+
label: label || switchControl,
|
|
5498
5214
|
labelPlacement: _labelPlacement
|
|
5499
5215
|
}, void 0);
|
|
5500
5216
|
};
|
|
@@ -5809,7 +5525,7 @@ const DotDynamicForm = ({
|
|
|
5809
5525
|
onChange,
|
|
5810
5526
|
onSubmit
|
|
5811
5527
|
}) => {
|
|
5812
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5528
|
+
const rootClasses = useStylesWithRootClass(rootClassName$q, className); // Memoize this operation so that is doesn't get executed each time this
|
|
5813
5529
|
// component re-renders
|
|
5814
5530
|
|
|
5815
5531
|
const initialFormState = useMemo(() => getInitialFormState(config, _liveValidation), [config, _liveValidation, getInitialFormState]);
|
|
@@ -6094,7 +5810,7 @@ const DotDynamicForm = ({
|
|
|
6094
5810
|
}), void 0);
|
|
6095
5811
|
};
|
|
6096
5812
|
|
|
6097
|
-
const rootClassName$
|
|
5813
|
+
const rootClassName$m = 'dot-inline-edit';
|
|
6098
5814
|
const editModeClassName = 'dot-edit-mode';
|
|
6099
5815
|
const viewModeClassName = 'dot-view-mode';
|
|
6100
5816
|
const readOnlyClassName = 'dot-read-only';
|
|
@@ -6106,17 +5822,17 @@ const StyledInlineEdit = styled.div.withConfig({
|
|
|
6106
5822
|
})(["", ""], ({
|
|
6107
5823
|
theme,
|
|
6108
5824
|
fullWidth
|
|
6109
|
-
}) => css(["&.dot-inline-edit{display:", ";align-items:center;color:", ";min-width:", "
|
|
5825
|
+
}) => css(["&.dot-inline-edit{display:", ";align-items:center;color:", ";min-width:", ";&:not(.", "):focus-visible{border-radius:", "px;background-color:", ";cursor:pointer;outline:0;.dot-edit-icon{display:block;}}.", "{display:flex;width:100%;position:relative;.dot-edit-icon{height:100%;position:absolute;right:0;width:40px;background-color:", ";border-radius:", ";display:none;.dot-i{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}}&:not(.", "):hover{border-radius:", ";background-color:", ";cursor:pointer;.dot-edit-icon{display:block;}}.dot-view-mode-typography{padding:", ";margin-bottom:0;}}.dot-empty-value fieldset{border-color:", ";}.dot-adornment-error{color:", ";}.MuiInputBase-input{height:auto;}.MuiInputBase-root{margin-bottom:", ";}", " .", " .dot-input{padding-left:", ";}.MuiOutlinedInput-input:focus{cursor:auto;}.dot-counter-adornment{.dot-counter-max-length{color:", ";}.dot-counter-length,.dot-counter-max-length{&.dot-counter-limit{color:", ";}&:hover{background:", ";}.editing-actions{display:flex;justify-content:flex-end;margin-top:", ";}.dot-icon-btn{background:", ";border:1px solid ", ";color:", ";margin-left:", ";padding:", ";}}}.dot-read-only-adornment{display:none;}.", "{display:flex;align-items:center;margin:", ";.dot-button{padding:", ";margin-top:", ";margin-bottom:", ";}}}"], fullWidth ? 'flex' : 'inline-flex', theme.palette.grey[700], theme.spacing(32), readOnlyClassName, theme.spacing(0.5), theme.palette.layer.n50, viewModeClassName, theme.palette.layer.n50, theme.spacing(0, 0.5, 0.5, 0), readOnlyClassName, theme.spacing(0.5), theme.palette.layer.n50, theme.spacing(1.3125, 1), theme.palette.error[500], theme.palette.error[500], theme.spacing(0), ({
|
|
6110
5826
|
typography
|
|
6111
5827
|
}) => typography && `
|
|
6112
5828
|
.MuiInputBase-root {
|
|
6113
5829
|
font-family: ${theme.typography[typography].fontFamily || 'inherit'};
|
|
6114
|
-
font-size: ${theme.typography[typography].fontSize}
|
|
5830
|
+
font-size: ${theme.typography[typography].fontSize};
|
|
6115
5831
|
line-height: ${theme.typography[typography].lineHeight || 'normal'};
|
|
6116
5832
|
letter-spacing: ${theme.typography[typography].letterSpacing || 'normal'};
|
|
6117
5833
|
text-transform: ${theme.typography[typography].textTransform || 'none'};
|
|
6118
5834
|
}
|
|
6119
|
-
`, editTextFieldClassName, theme.spacing(1), theme.palette.layer.n400, theme.palette.error[500], editActionsClassName, theme.spacing(0, 0, 0, 0.5), theme.spacing(0.75), theme.spacing(0), theme.spacing(0)));
|
|
5835
|
+
`, editTextFieldClassName, theme.spacing(1), theme.palette.layer.n400, theme.palette.error[500], theme.palette.grey[50], theme.spacing(0.5), theme.palette.grey[0], theme.palette.grey[300], theme.palette.grey[700], theme.spacing(1), theme.spacing(0.25), editActionsClassName, theme.spacing(0, 0, 0, 0.5), theme.spacing(0.75), theme.spacing(0), theme.spacing(0)));
|
|
6120
5836
|
|
|
6121
5837
|
const getCounterAdornment = (currentLength, maxLength, dataTestId) => {
|
|
6122
5838
|
if (currentLength === undefined || typeof currentLength !== 'number' || !maxLength || typeof maxLength !== 'number') return;
|
|
@@ -6174,8 +5890,8 @@ const applyBindings = (bindings, inlineEditText) => {
|
|
|
6174
5890
|
// increment key value only if className value is defined
|
|
6175
5891
|
className && key++;
|
|
6176
5892
|
const nextStartingIndex = bindingStringIndex + stringBinding.length;
|
|
6177
|
-
const previousText = text.
|
|
6178
|
-
text = text.
|
|
5893
|
+
const previousText = text.substring(0, bindingStringIndex);
|
|
5894
|
+
text = text.substring(nextStartingIndex, text.length);
|
|
6179
5895
|
bindingStringIndex = text.indexOf(stringBinding); // Add nodes to array
|
|
6180
5896
|
|
|
6181
5897
|
boundNode = [boundNode, previousText, className ? jsx("span", Object.assign({
|
|
@@ -6221,7 +5937,7 @@ const DotInlineEdit = ({
|
|
|
6221
5937
|
const inputRef = useRef();
|
|
6222
5938
|
const inlineEditRef = useRef();
|
|
6223
5939
|
const isSaveDisabled = checkIfEmptyValue(inputValue);
|
|
6224
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5940
|
+
const rootClasses = useStylesWithRootClass(rootClassName$m, className, editing ? editModeClassName : '');
|
|
6225
5941
|
|
|
6226
5942
|
const handleShowTooltip = visible => {
|
|
6227
5943
|
if (isNotReadOnlyOrEditing) {
|
|
@@ -6417,14 +6133,14 @@ const DotInlineEdit = ({
|
|
|
6417
6133
|
}), void 0);
|
|
6418
6134
|
};
|
|
6419
6135
|
|
|
6420
|
-
const rootClassName$
|
|
6136
|
+
const rootClassName$l = 'dot-navigation-rail';
|
|
6421
6137
|
const StyledNavigationRail = styled.div.withConfig({
|
|
6422
6138
|
displayName: "NavigationRailstyles__StyledNavigationRail",
|
|
6423
6139
|
componentId: "sc-160kivd-0"
|
|
6424
6140
|
})(["", ""], ({
|
|
6425
6141
|
theme,
|
|
6426
6142
|
railItemPosition
|
|
6427
|
-
}) => css(["&.", "{background-color:", ";border-left:1px solid ", ";display:flex;flex-direction:column;justify-content:", ";padding:", ";width:72px;.rail-item-button{flex-basis:72px;
|
|
6143
|
+
}) => css(["&.", "{background-color:", ";border-left:1px solid ", ";display:flex;flex-direction:column;justify-content:", ";padding:", ";width:72px;.rail-item-button{border-radius:0;display:flex;flex-basis:72px;flex-direction:column;margin:0;padding:0;width:100%;white-space:normal;word-break:break-word;.dot-icon{color:", ";}&.selected{background-color:", ";}&:focus-visible{background-color:", ";}.MuiButton-label{display:flex;flex-direction:column;.rail-item-text{word-break:break-word;}}}}"], rootClassName$l, theme.palette.layer.n50, theme.palette.layer.n100, railItemPosition, theme.spacing(1, 0, 0), theme.palette.grey[700], theme.palette.layer.n0, theme.palette.layer.n100));
|
|
6428
6144
|
|
|
6429
6145
|
const MAX_ALLOWED_ITEMS = 7;
|
|
6430
6146
|
const DotNavigationRail = ({
|
|
@@ -6436,7 +6152,7 @@ const DotNavigationRail = ({
|
|
|
6436
6152
|
railItems,
|
|
6437
6153
|
selectedIndex: _selectedIndex = 0
|
|
6438
6154
|
}) => {
|
|
6439
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6155
|
+
const rootClasses = useStylesWithRootClass(rootClassName$l, className);
|
|
6440
6156
|
const [selectedItemIndex, setSelectedItemIndex] = useState(_selectedIndex);
|
|
6441
6157
|
/* Used to change selected index programmatically from the consumer component */
|
|
6442
6158
|
|
|
@@ -6497,16 +6213,16 @@ const DotNavigationRail = ({
|
|
|
6497
6213
|
}), void 0);
|
|
6498
6214
|
};
|
|
6499
6215
|
|
|
6500
|
-
const rootClassName$
|
|
6216
|
+
const rootClassName$k = 'dot-pill';
|
|
6501
6217
|
const StyledPill = styled(Chip).withConfig({
|
|
6502
6218
|
displayName: "Pillstyles__StyledPill",
|
|
6503
6219
|
componentId: "l7oxi2-0"
|
|
6504
6220
|
})(["", ""], ({
|
|
6505
6221
|
theme
|
|
6506
|
-
}) => css(["&.", "{background-color:", ";color:", ";border-color:", ";&.error{background-color:", ";color:", ";}&.success{background-color:", ";color:", ";}&.warning{background-color:", ";color:", ";}&.in-progress{background-color:", ";color:", ";}"], rootClassName$
|
|
6222
|
+
}) => css(["&.", "{background-color:", ";color:", ";border-color:", ";&.error{background-color:", ";color:", ";}&.success{background-color:", ";color:", ";}&.warning{background-color:", ";color:", ";}&.in-progress{background-color:", ";color:", ";}"], rootClassName$k, ({
|
|
6507
6223
|
backgroundcolor
|
|
6508
6224
|
}) => {
|
|
6509
|
-
return backgroundcolor
|
|
6225
|
+
return backgroundcolor || theme.palette.grey[200];
|
|
6510
6226
|
}, ({
|
|
6511
6227
|
labelcolor
|
|
6512
6228
|
}) => {
|
|
@@ -6528,9 +6244,9 @@ const DotPill = ({
|
|
|
6528
6244
|
labelcolor,
|
|
6529
6245
|
size: _size = 'medium',
|
|
6530
6246
|
status: _status = 'default',
|
|
6531
|
-
variant: _variant = '
|
|
6247
|
+
variant: _variant = 'filled'
|
|
6532
6248
|
}) => {
|
|
6533
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6249
|
+
const rootClasses = useStylesWithRootClass(rootClassName$k, className, _status);
|
|
6534
6250
|
return jsx(StyledPill, {
|
|
6535
6251
|
"aria-label": ariaLabel,
|
|
6536
6252
|
bordercolor: bordercolor,
|
|
@@ -6548,13 +6264,13 @@ const DotPill = ({
|
|
|
6548
6264
|
}, void 0);
|
|
6549
6265
|
};
|
|
6550
6266
|
|
|
6551
|
-
const rootClassName$
|
|
6267
|
+
const rootClassName$j = 'dot-skeleton';
|
|
6552
6268
|
const StyledSkeleton = styled(Skeleton).withConfig({
|
|
6553
6269
|
displayName: "Skeletonstyles__StyledSkeleton",
|
|
6554
6270
|
componentId: "sc-17ayzv5-0"
|
|
6555
6271
|
})(["", ""], ({
|
|
6556
6272
|
theme
|
|
6557
|
-
}) => css(["&.", "{background-color:", ";}"], rootClassName$
|
|
6273
|
+
}) => css(["&.", "{background-color:", ";}"], rootClassName$j, theme.palette.grey[100]));
|
|
6558
6274
|
|
|
6559
6275
|
const DotSkeleton = ({
|
|
6560
6276
|
ariaLabel,
|
|
@@ -6565,9 +6281,7 @@ const DotSkeleton = ({
|
|
|
6565
6281
|
width,
|
|
6566
6282
|
variant
|
|
6567
6283
|
}) => {
|
|
6568
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6569
|
-
|
|
6570
|
-
const skeletonVariant = variant === 'circular' ? 'circle' : variant === 'rectangular' ? 'rect' : variant;
|
|
6284
|
+
const rootClasses = useStylesWithRootClass(rootClassName$j, className);
|
|
6571
6285
|
return jsx(StyledSkeleton, Object.assign({
|
|
6572
6286
|
animation: "wave",
|
|
6573
6287
|
"aria-label": ariaLabel,
|
|
@@ -6576,20 +6290,20 @@ const DotSkeleton = ({
|
|
|
6576
6290
|
},
|
|
6577
6291
|
"data-testid": dataTestId,
|
|
6578
6292
|
height: height,
|
|
6579
|
-
variant:
|
|
6293
|
+
variant: variant,
|
|
6580
6294
|
width: width
|
|
6581
6295
|
}, {
|
|
6582
6296
|
children: children
|
|
6583
6297
|
}), void 0);
|
|
6584
6298
|
};
|
|
6585
6299
|
|
|
6586
|
-
const rootClassName$
|
|
6300
|
+
const rootClassName$i = 'dot-snackbar';
|
|
6587
6301
|
const StyledSnackbar = styled(Snackbar).withConfig({
|
|
6588
6302
|
displayName: "Snackbarstyles__StyledSnackbar",
|
|
6589
6303
|
componentId: "sc-1huxoy3-0"
|
|
6590
6304
|
})(["", ""], ({
|
|
6591
6305
|
theme
|
|
6592
|
-
}) => 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$
|
|
6306
|
+
}) => css(["&.", "{.MuiSvgIcon-root{color:", ";}.MuiAlert-icon{padding:11px 0px;}.MuiAlert-message{padding:13px 0px;}&.MuiSnackbar-anchorOriginTopRight{top:0px;z-index:", ";}.MuiAlert-root{&.MuiAlert-standardInfo{background-color:", ";}&.MuiAlert-standardWarning{color:", ";.MuiSvgIcon-root{color:", ";}}max-width:500px;min-width:344px;color:", ";z-index:", ";position:relative;margin-top:108px;background-color:", ";@media (min-width:720px){.MuiAlert-root{top:112px;position:relative;}}}"], rootClassName$i, theme.palette.layer.n0, levelFourth, theme.palette.primary[500], theme.palette.grey[900], theme.palette.grey[900], theme.palette.layer.n0, levelFourth, props => theme.palette[props.severity].main));
|
|
6593
6307
|
|
|
6594
6308
|
function addAutoHideDuration(severity) {
|
|
6595
6309
|
return severity === 'error' ? null : 10000;
|
|
@@ -6625,7 +6339,7 @@ const DotSnackbar = ({
|
|
|
6625
6339
|
onClose,
|
|
6626
6340
|
action
|
|
6627
6341
|
});
|
|
6628
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6342
|
+
const rootClasses = useStylesWithRootClass(rootClassName$i, className);
|
|
6629
6343
|
return jsx(StyledSnackbar, Object.assign({
|
|
6630
6344
|
anchorOrigin: _anchorOrigin,
|
|
6631
6345
|
"aria-label": ariaLabel,
|
|
@@ -6655,11 +6369,11 @@ const DotSnackbar = ({
|
|
|
6655
6369
|
}), void 0);
|
|
6656
6370
|
};
|
|
6657
6371
|
|
|
6658
|
-
const rootClassName$
|
|
6372
|
+
const rootClassName$h = 'dot-snackbar-container';
|
|
6659
6373
|
const StyledSnackbarContainer = styled.div.withConfig({
|
|
6660
6374
|
displayName: "SnackbarContainerstyles__StyledSnackbarContainer",
|
|
6661
6375
|
componentId: "sc-1ogwjuc-0"
|
|
6662
|
-
})(["", ""], () => css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$
|
|
6376
|
+
})(["", ""], () => css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$h));
|
|
6663
6377
|
|
|
6664
6378
|
const DotSnackbarContext = /*#__PURE__*/createContext({
|
|
6665
6379
|
alerts: [],
|
|
@@ -6679,11 +6393,11 @@ const DotSnackbarContainer = () => {
|
|
|
6679
6393
|
}
|
|
6680
6394
|
|
|
6681
6395
|
return jsx(StyledSnackbarContainer, Object.assign({
|
|
6682
|
-
className: rootClassName$
|
|
6396
|
+
className: rootClassName$h
|
|
6683
6397
|
}, {
|
|
6684
6398
|
children: jsx("div", Object.assign({
|
|
6685
|
-
className: rootClassName$
|
|
6686
|
-
"data-testid": rootClassName$
|
|
6399
|
+
className: rootClassName$h,
|
|
6400
|
+
"data-testid": rootClassName$h
|
|
6687
6401
|
}, {
|
|
6688
6402
|
children: alerts.slice().reverse().map(alert => {
|
|
6689
6403
|
return jsx(DotSnackbar, Object.assign({
|
|
@@ -6741,13 +6455,13 @@ const useDotSnackbarContext = () => {
|
|
|
6741
6455
|
return useContext(DotSnackbarContext);
|
|
6742
6456
|
};
|
|
6743
6457
|
|
|
6744
|
-
const rootClassName$
|
|
6458
|
+
const rootClassName$g = 'dot-split-button-group';
|
|
6745
6459
|
const StyledSplitButtonGroup = styled(ButtonGroup).withConfig({
|
|
6746
6460
|
displayName: "SplitButtonstyles__StyledSplitButtonGroup",
|
|
6747
6461
|
componentId: "ild520-0"
|
|
6748
6462
|
})(["", ""], ({
|
|
6749
6463
|
theme
|
|
6750
|
-
}) => css(["&.", "{box-shadow:0px 3px 1px -2px rgb(0 0 0 / 20%),0px 2px 2px 0px rgb(0 0 0 / 14%),0px 1px 5px 0px rgb(0 0 0 / 12%);&.disabled{box-shadow:none;.dot-button{background:", ";border:1px solid ", ";}}&.outlined,&.text{box-shadow:none;.expand-button{border-left:none;}}&.outlined .dot-button{border-color:", ";}&.destructive .expand-button{border-left-color:", ";}.dot-button{box-shadow:none;margin:0;padding:", ";}.label-button{border-top-right-radius:0;border-bottom-right-radius:0;}.expand-button{border-left:1px solid ", ";&.Mui-disabled{border-left:0;}.MuiButton-label,.dot-icon{width:14px;height:14px;}}}"], rootClassName$
|
|
6464
|
+
}) => css(["&.", "{box-shadow:0px 3px 1px -2px rgb(0 0 0 / 20%),0px 2px 2px 0px rgb(0 0 0 / 14%),0px 1px 5px 0px rgb(0 0 0 / 12%);&.disabled{box-shadow:none;.dot-button{background:", ";border:1px solid ", ";}}&.outlined,&.text{box-shadow:none;.expand-button{border-left:none;}}&.outlined .dot-button{border-color:", ";}&.destructive .expand-button{border-left-color:", ";}.dot-button{box-shadow:none;margin:0;padding:", ";}.label-button{border-top-right-radius:0;border-bottom-right-radius:0;}.expand-button{border-left:1px solid ", ";border-top-left-radius:0;border-bottom-left-radius:0;&.Mui-disabled{border-left:0;}.MuiButton-label,.dot-icon{width:14px;height:14px;}}}"], rootClassName$g, theme.palette.grey['50'], theme.palette.grey['200'], theme.palette.grey['300'], theme.palette.error['800'], theme.spacing(0.75, 1.5), theme.palette.primary['800']));
|
|
6751
6465
|
const StyledMenu$2 = styled(DotMenu).withConfig({
|
|
6752
6466
|
displayName: "SplitButtonstyles__StyledMenu",
|
|
6753
6467
|
componentId: "ild520-1"
|
|
@@ -6773,13 +6487,10 @@ const DotSplitButton = ({
|
|
|
6773
6487
|
onOptionClick,
|
|
6774
6488
|
options: _options = [],
|
|
6775
6489
|
size: _size = 'medium',
|
|
6776
|
-
|
|
6777
|
-
/** The use of `titleTooltip` is deprecated and will be removed in the next major release */
|
|
6778
|
-
titleTooltip,
|
|
6779
6490
|
tooltip,
|
|
6780
6491
|
type: _type = 'primary'
|
|
6781
6492
|
}) => {
|
|
6782
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6493
|
+
const rootClasses = useStylesWithRootClass(rootClassName$g, className, _type, _disabled ? 'disabled' : '');
|
|
6783
6494
|
const [open, setOpen] = useState(false);
|
|
6784
6495
|
const anchorRef = useRef(null);
|
|
6785
6496
|
const hasEmptyOptions = _options.length === 0;
|
|
@@ -6796,17 +6507,11 @@ const DotSplitButton = ({
|
|
|
6796
6507
|
const isMainOptionDisabled = _disabled || hasEmptyOptions || mainOptionDisabled;
|
|
6797
6508
|
const isMenuButtonDisabled = _disabled || hasEmptyOptions || _options.length === 1;
|
|
6798
6509
|
|
|
6799
|
-
const handleClick = (
|
|
6510
|
+
const handleClick = (_event, _menuId, itemKey) => {
|
|
6800
6511
|
setOpen(false);
|
|
6801
6512
|
onOptionClick(itemKey);
|
|
6802
6513
|
};
|
|
6803
6514
|
|
|
6804
|
-
useEffect(() => {
|
|
6805
|
-
// deprecation warning
|
|
6806
|
-
if (titleTooltip) {
|
|
6807
|
-
console.warn('The use of `titleTooltip` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
|
|
6808
|
-
}
|
|
6809
|
-
}, []);
|
|
6810
6515
|
return jsxs(Fragment$1, {
|
|
6811
6516
|
children: [jsxs(StyledSplitButtonGroup, Object.assign({
|
|
6812
6517
|
"aria-label": ariaLabel,
|
|
@@ -6855,14 +6560,14 @@ const DotSplitButton = ({
|
|
|
6855
6560
|
}, void 0);
|
|
6856
6561
|
};
|
|
6857
6562
|
|
|
6858
|
-
const rootClassName$
|
|
6563
|
+
const rootClassName$f = 'dot-table-pagination';
|
|
6859
6564
|
const StyledTablePagination = styled.div.withConfig({
|
|
6860
6565
|
displayName: "TablePaginationstyles__StyledTablePagination",
|
|
6861
6566
|
componentId: "bs7p0b-0"
|
|
6862
6567
|
})(["", ""], ({
|
|
6863
6568
|
theme,
|
|
6864
6569
|
typography
|
|
6865
|
-
}) => css([".", "{
|
|
6570
|
+
}) => css([".", "{border-top:1px solid ", ";.dot-caption{font-size:", ";margin:0;}.dot-menu,.MuiInputBase-root{margin-bottom:0;}}"], rootClassName$f, theme.palette.grey[200], theme.typography[typography].fontSize));
|
|
6866
6571
|
|
|
6867
6572
|
const ROWS_PER_PAGE_OPTIONS = [10, 25, 50, 100, 150, 200];
|
|
6868
6573
|
/** This component wraps the TablePagination component from @material-ui. */
|
|
@@ -6872,20 +6577,20 @@ const DotTablePagination = ({
|
|
|
6872
6577
|
className,
|
|
6873
6578
|
count,
|
|
6874
6579
|
'data-testid': dataTestId,
|
|
6875
|
-
|
|
6876
|
-
|
|
6580
|
+
onPageChange,
|
|
6581
|
+
onRowsPerPageChange,
|
|
6877
6582
|
page: _page = 0,
|
|
6878
6583
|
rowsPerPage: _rowsPerPage = 10,
|
|
6879
6584
|
typography: _typography = 'body1'
|
|
6880
6585
|
}) => {
|
|
6881
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6586
|
+
const rootClasses = useStylesWithRootClass(rootClassName$f, className);
|
|
6882
6587
|
|
|
6883
6588
|
const handlePageChange = (event, newPage) => {
|
|
6884
|
-
|
|
6589
|
+
onPageChange && onPageChange(newPage);
|
|
6885
6590
|
};
|
|
6886
6591
|
|
|
6887
6592
|
const handleChangeRowsPerPage = evt => {
|
|
6888
|
-
|
|
6593
|
+
onRowsPerPageChange && onRowsPerPageChange(evt);
|
|
6889
6594
|
};
|
|
6890
6595
|
|
|
6891
6596
|
return (
|
|
@@ -6898,7 +6603,8 @@ const DotTablePagination = ({
|
|
|
6898
6603
|
classes: {
|
|
6899
6604
|
root: rootClasses,
|
|
6900
6605
|
selectIcon: 'dot-icon',
|
|
6901
|
-
|
|
6606
|
+
selectLabel: 'dot-caption',
|
|
6607
|
+
displayedRows: 'dot-caption',
|
|
6902
6608
|
menuItem: 'dot-li',
|
|
6903
6609
|
selectRoot: 'dot-menu'
|
|
6904
6610
|
},
|
|
@@ -6915,25 +6621,26 @@ const DotTablePagination = ({
|
|
|
6915
6621
|
);
|
|
6916
6622
|
};
|
|
6917
6623
|
|
|
6918
|
-
const rootClassName$
|
|
6624
|
+
const rootClassName$e = 'dot-table';
|
|
6919
6625
|
const StyledPaper = styled(Paper).withConfig({
|
|
6920
6626
|
displayName: "Tablestyles__StyledPaper",
|
|
6921
6627
|
componentId: "s95z6y-0"
|
|
6922
6628
|
})(["", ""], ({
|
|
6923
6629
|
theme
|
|
6924
|
-
}) => css(["&.", "{
|
|
6630
|
+
}) => css(["&.", "{overflow:hidden;border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$e, theme.palette.layer.n100));
|
|
6925
6631
|
const StyledTableContainer = styled(TableContainer).withConfig({
|
|
6926
6632
|
displayName: "Tablestyles__StyledTableContainer",
|
|
6927
6633
|
componentId: "s95z6y-1"
|
|
6928
6634
|
})(["", ""], ({
|
|
6929
6635
|
theme
|
|
6930
|
-
}) => 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 ", "
|
|
6636
|
+
}) => css(["&.dot-table-container{border-radius:4px;align-items:stretch;flex-direction:column;justify-content:center;table{width:100%;td,th{.dot-cell-typography{margin:0;}}.Mui-selected:not(:hover){background-color:", ";}.MuiTableRow-head{height:56px;}.MuiTableCell-root{border-bottom:1px solid ", ";}.MuiTableRow-root{height:52px;}}}"], theme.palette.grey[200], theme.palette.layer.n100));
|
|
6931
6637
|
const StyledMenu$1 = styled(DotMenu).withConfig({
|
|
6932
6638
|
displayName: "Tablestyles__StyledMenu",
|
|
6933
6639
|
componentId: "s95z6y-2"
|
|
6934
6640
|
})([".dot-ul > li{padding:0;> button{width:100%;margin:0;justify-content:flex-start;}}"]);
|
|
6935
6641
|
|
|
6936
|
-
const getFormattedTableCellValue = (
|
|
6642
|
+
const getFormattedTableCellValue = ( // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
6643
|
+
value, typographyVariant) => {
|
|
6937
6644
|
if (isString(value) || isNumber(value)) {
|
|
6938
6645
|
return jsx(DotTypography, Object.assign({
|
|
6939
6646
|
className: "dot-cell-typography",
|
|
@@ -6951,14 +6658,6 @@ const getFormattedTableCellValue = (value, typographyVariant) => {
|
|
|
6951
6658
|
const getContainerMaxHeightStyle = (stickyHeader, maxHeight) => {
|
|
6952
6659
|
const maxHeightStickyHeader = stickyHeader ? 'calc(100vh - 76px)' : '';
|
|
6953
6660
|
return maxHeight ? maxHeight : maxHeightStickyHeader;
|
|
6954
|
-
}; // Checks whether any table data cell (from the last column)
|
|
6955
|
-
// is an array - if it is, that means that whole column can be
|
|
6956
|
-
// considered an action column (action columns are always right aligned)
|
|
6957
|
-
|
|
6958
|
-
const checkIfActionColumnExist = (columns, tableData) => {
|
|
6959
|
-
if (!columns || columns.length < 1) return false;
|
|
6960
|
-
const lastColumnId = columns[columns.length - 1].id;
|
|
6961
|
-
return tableData.some(item => Array.isArray(item.rowData[lastColumnId]));
|
|
6962
6661
|
};
|
|
6963
6662
|
const getSelectedRowIds = (id, isChecked, selectedIds) => {
|
|
6964
6663
|
const newIds = [...selectedIds];
|
|
@@ -7001,11 +6700,11 @@ const getBulkSelectedRowIds = (isChecked, selectedIds, pageData) => {
|
|
|
7001
6700
|
return newIds;
|
|
7002
6701
|
};
|
|
7003
6702
|
|
|
7004
|
-
const rootClassName$
|
|
6703
|
+
const rootClassName$d = 'dot-td';
|
|
7005
6704
|
const StyledTableCell = styled(TableCell).withConfig({
|
|
7006
6705
|
displayName: "TableCellstyles__StyledTableCell",
|
|
7007
6706
|
componentId: "e84k25-0"
|
|
7008
|
-
})(["", ""], () => 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$
|
|
6707
|
+
})(["", ""], () => css(["&.", "{padding-top:0;padding-bottom:0;&.noWrap,&.actionItems{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}&.actionItems{text-overflow:clip;text-align:right;}.action-cell-wrapper{width:100%;}}"], rootClassName$d));
|
|
7009
6708
|
|
|
7010
6709
|
/**
|
|
7011
6710
|
* A wrapper component around the TableCell component from @material-ui.
|
|
@@ -7052,7 +6751,7 @@ const DotBodyCell = ({
|
|
|
7052
6751
|
setShowMenu(isOverflowing);
|
|
7053
6752
|
};
|
|
7054
6753
|
|
|
7055
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6754
|
+
const rootClasses = useStylesWithRootClass(rootClassName$d, className, noWrap && 'noWrap', Array.isArray(value) && 'actionItems');
|
|
7056
6755
|
|
|
7057
6756
|
const getTableCellValue = () => {
|
|
7058
6757
|
if (Array.isArray(value)) {
|
|
@@ -7095,13 +6794,13 @@ const DotBodyCell = ({
|
|
|
7095
6794
|
}), void 0);
|
|
7096
6795
|
};
|
|
7097
6796
|
|
|
7098
|
-
const rootClassName$
|
|
6797
|
+
const rootClassName$c = 'dot-td-checkbox';
|
|
7099
6798
|
const StyledTableBodyCheckboxCell = styled(TableCell).withConfig({
|
|
7100
6799
|
displayName: "TableBodyCheckboxCellstyles__StyledTableBodyCheckboxCell",
|
|
7101
6800
|
componentId: "ebk3sz-0"
|
|
7102
6801
|
})(["", ""], ({
|
|
7103
6802
|
theme
|
|
7104
|
-
}) => css(["&.", "{.dot-form-control-label{margin:0;}width:", "
|
|
6803
|
+
}) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$c, theme.spacing(5), theme.spacing(0, 1)));
|
|
7105
6804
|
|
|
7106
6805
|
const DotBodyCheckboxCell = ({
|
|
7107
6806
|
ariaLabel,
|
|
@@ -7111,7 +6810,7 @@ const DotBodyCheckboxCell = ({
|
|
|
7111
6810
|
onChange,
|
|
7112
6811
|
rowId
|
|
7113
6812
|
}) => {
|
|
7114
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6813
|
+
const rootClasses = useStylesWithRootClass(rootClassName$c, className);
|
|
7115
6814
|
const [isCheckboxChecked, setIsCheckboxChecked] = useState(isChecked);
|
|
7116
6815
|
/** This effect is used when 'checked' status is changed from the outside */
|
|
7117
6816
|
|
|
@@ -7140,13 +6839,13 @@ const DotBodyCheckboxCell = ({
|
|
|
7140
6839
|
}), void 0);
|
|
7141
6840
|
};
|
|
7142
6841
|
|
|
7143
|
-
const rootClassName$
|
|
6842
|
+
const rootClassName$b = 'dot-tr';
|
|
7144
6843
|
const StyledTableRowStyles = styled(TableRow).withConfig({
|
|
7145
6844
|
displayName: "TableRowstyles__StyledTableRowStyles",
|
|
7146
6845
|
componentId: "a4fx2l-0"
|
|
7147
6846
|
})(["", ""], ({
|
|
7148
6847
|
theme
|
|
7149
|
-
}) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$
|
|
6848
|
+
}) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$b, theme.palette.primary[50]));
|
|
7150
6849
|
|
|
7151
6850
|
/**
|
|
7152
6851
|
* A wrapper component around the TableRow component from @material-ui. This component can be used
|
|
@@ -7176,7 +6875,7 @@ const DotTableRow = ({
|
|
|
7176
6875
|
selectedTableRowIds
|
|
7177
6876
|
} = multiSelectBody || {};
|
|
7178
6877
|
const isCheckboxChecked = selectedTableRowIds && selectedTableRowIds.includes(id) || false;
|
|
7179
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6878
|
+
const rootClasses = useStylesWithRootClass(rootClassName$b, isCheckboxChecked ? 'selected' : undefined, className);
|
|
7180
6879
|
|
|
7181
6880
|
const renderCheckboxCell = () => {
|
|
7182
6881
|
return jsx(DotBodyCheckboxCell, {
|
|
@@ -7223,13 +6922,13 @@ const EmptyDotRow = ({
|
|
|
7223
6922
|
}), CreateUUID());
|
|
7224
6923
|
};
|
|
7225
6924
|
|
|
7226
|
-
const rootClassName$
|
|
6925
|
+
const rootClassName$a = 'dot-tbody';
|
|
7227
6926
|
const StyledTableBody = styled(TableBody).withConfig({
|
|
7228
6927
|
displayName: "TableBodystyles__StyledTableBody",
|
|
7229
6928
|
componentId: "wszqgk-0"
|
|
7230
6929
|
})(["", ""], ({
|
|
7231
6930
|
theme
|
|
7232
|
-
}) => css(["&.", "{tr:hover{background-color:", ";}tr:last-child td{border-bottom:none;}.empty-row td{text-align:center;}}"], rootClassName$
|
|
6931
|
+
}) => css(["&.", "{tr:hover{background-color:", ";}tr:last-child td{border-bottom:none;}.empty-row td{text-align:center;}}"], rootClassName$a, theme.palette.grey[50]));
|
|
7233
6932
|
|
|
7234
6933
|
/**
|
|
7235
6934
|
* A wrapper component around the TableBody component from @material-ui. This component can be used
|
|
@@ -7284,7 +6983,7 @@ const DotTableBody = ({
|
|
|
7284
6983
|
return jsxs(Fragment$1, {
|
|
7285
6984
|
children: [jsx(StyledTableBody, Object.assign({
|
|
7286
6985
|
classes: {
|
|
7287
|
-
root: rootClassName$
|
|
6986
|
+
root: rootClassName$a
|
|
7288
6987
|
}
|
|
7289
6988
|
}, {
|
|
7290
6989
|
children: getTableBodyRows()
|
|
@@ -7300,11 +6999,13 @@ const DotTableBody = ({
|
|
|
7300
6999
|
}, void 0);
|
|
7301
7000
|
};
|
|
7302
7001
|
|
|
7303
|
-
const rootClassName$
|
|
7002
|
+
const rootClassName$9 = 'dot-th';
|
|
7304
7003
|
const StyledTableHeaderCell = styled(TableCell).withConfig({
|
|
7305
7004
|
displayName: "TableHeaderCellstyles__StyledTableHeaderCell",
|
|
7306
7005
|
componentId: "nko9j-0"
|
|
7307
|
-
})(["", ""], (
|
|
7006
|
+
})(["", ""], ({
|
|
7007
|
+
theme
|
|
7008
|
+
}) => css(["&.", "{&.MuiTableCell-alignCenter > span.MuiTableSortLabel-root{padding-left:26px;}.dot-cell-typography{font-family:", ";}}"], rootClassName$9, theme.typography.h4.fontFamily));
|
|
7308
7009
|
|
|
7309
7010
|
/**
|
|
7310
7011
|
* A wrapper component around the TableCell component from @material-ui. This component should only
|
|
@@ -7316,7 +7017,6 @@ const DotHeaderCell = ({
|
|
|
7316
7017
|
typography,
|
|
7317
7018
|
createSortHandler,
|
|
7318
7019
|
id,
|
|
7319
|
-
isInActionColumn,
|
|
7320
7020
|
order,
|
|
7321
7021
|
orderBy,
|
|
7322
7022
|
sortable: _sortable = true,
|
|
@@ -7327,7 +7027,6 @@ const DotHeaderCell = ({
|
|
|
7327
7027
|
}) => {
|
|
7328
7028
|
const headerTitle = isString(value) ? value : null;
|
|
7329
7029
|
const formattedValue = getFormattedTableCellValue(value, typography);
|
|
7330
|
-
const cellAlignment = isInActionColumn ? 'right' : align;
|
|
7331
7030
|
|
|
7332
7031
|
const getCellValue = () => {
|
|
7333
7032
|
if (_sortable) {
|
|
@@ -7349,9 +7048,9 @@ const DotHeaderCell = ({
|
|
|
7349
7048
|
width: width
|
|
7350
7049
|
} : undefined;
|
|
7351
7050
|
return jsx(StyledTableHeaderCell, Object.assign({
|
|
7352
|
-
align:
|
|
7051
|
+
align: align,
|
|
7353
7052
|
classes: {
|
|
7354
|
-
root: rootClassName$
|
|
7053
|
+
root: rootClassName$9
|
|
7355
7054
|
},
|
|
7356
7055
|
sortDirection: _sortable ? sortDirection : undefined,
|
|
7357
7056
|
style: headerCellStyle,
|
|
@@ -7361,13 +7060,13 @@ const DotHeaderCell = ({
|
|
|
7361
7060
|
}), uid);
|
|
7362
7061
|
};
|
|
7363
7062
|
|
|
7364
|
-
const rootClassName$
|
|
7063
|
+
const rootClassName$8 = 'dot-th-checkbox';
|
|
7365
7064
|
const StyledTableHeaderCheckboxCell = styled(TableCell).withConfig({
|
|
7366
7065
|
displayName: "TableHeaderCheckboxCellstyles__StyledTableHeaderCheckboxCell",
|
|
7367
7066
|
componentId: "ymqg8x-0"
|
|
7368
7067
|
})(["", ""], ({
|
|
7369
7068
|
theme
|
|
7370
|
-
}) => css(["&.", "{.dot-form-control-label{margin:0;}width:", "
|
|
7069
|
+
}) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$8, theme.spacing(5), theme.spacing(0, 1)));
|
|
7371
7070
|
|
|
7372
7071
|
const DotHeaderCheckboxCell = ({
|
|
7373
7072
|
ariaLabel,
|
|
@@ -7376,7 +7075,7 @@ const DotHeaderCheckboxCell = ({
|
|
|
7376
7075
|
multiSelectState,
|
|
7377
7076
|
onCheckAllChange
|
|
7378
7077
|
}) => {
|
|
7379
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7078
|
+
const rootClasses = useStylesWithRootClass(rootClassName$8, className);
|
|
7380
7079
|
const [checkboxState, setCheckboxState] = useState('unchecked');
|
|
7381
7080
|
useEffect(() => {
|
|
7382
7081
|
setCheckboxState(multiSelectState);
|
|
@@ -7419,7 +7118,6 @@ const DotHeaderCheckboxCell = ({
|
|
|
7419
7118
|
|
|
7420
7119
|
const DotHeaderRow = ({
|
|
7421
7120
|
columns,
|
|
7422
|
-
hasActionColumn,
|
|
7423
7121
|
multiSelectHeader,
|
|
7424
7122
|
onRequestSort,
|
|
7425
7123
|
order,
|
|
@@ -7476,13 +7174,11 @@ const DotHeaderRow = ({
|
|
|
7476
7174
|
root: 'dot-tr'
|
|
7477
7175
|
}
|
|
7478
7176
|
}, {
|
|
7479
|
-
children: [multiSelectHeader && renderMultiSelectCell(), columns.map(
|
|
7480
|
-
const isInActionColumn = hasActionColumn && index === columns.length - 1;
|
|
7177
|
+
children: [multiSelectHeader && renderMultiSelectCell(), columns.map(cell => {
|
|
7481
7178
|
return jsx(DotHeaderCell, {
|
|
7482
7179
|
align: cell.align,
|
|
7483
7180
|
createSortHandler: createSortHandler,
|
|
7484
7181
|
id: cell.id,
|
|
7485
|
-
isInActionColumn: isInActionColumn,
|
|
7486
7182
|
order: order,
|
|
7487
7183
|
orderBy: orderBy,
|
|
7488
7184
|
sortDirection: orderBy === cell.id ? order : undefined,
|
|
@@ -7498,13 +7194,13 @@ const DotHeaderRow = ({
|
|
|
7498
7194
|
}), void 0);
|
|
7499
7195
|
};
|
|
7500
7196
|
|
|
7501
|
-
const rootClassName$
|
|
7197
|
+
const rootClassName$7 = 'dot-table-selection-toolbar';
|
|
7502
7198
|
const StyledTableSelectionToolbar = styled(DotActionToolbar).withConfig({
|
|
7503
7199
|
displayName: "TableSelectionToolbarstyles__StyledTableSelectionToolbar",
|
|
7504
7200
|
componentId: "qpx3y9-0"
|
|
7505
7201
|
})(["", ""], ({
|
|
7506
7202
|
theme
|
|
7507
|
-
}) => 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$
|
|
7203
|
+
}) => css(["&.", "{display:flex;align-items:center;justify-content:space-between;background-color:", ";.dot-selected-rows-container{display:flex;align-items:center;.dot-button{padding:", ";}}.dot-selected-rows-heading{font-weight:bold;}.dot-selected-rows-divider{padding:", ";}}"], rootClassName$7, theme.palette.primary[50], theme.spacing(0.25, 0.25, 0, 0.5), theme.spacing(0.25, 0, 0, 1)));
|
|
7508
7204
|
|
|
7509
7205
|
const DotTableSelectionToolbar = ({
|
|
7510
7206
|
ariaLabel,
|
|
@@ -7514,7 +7210,7 @@ const DotTableSelectionToolbar = ({
|
|
|
7514
7210
|
onClearAll,
|
|
7515
7211
|
selectedRowsNumber
|
|
7516
7212
|
}) => {
|
|
7517
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7213
|
+
const rootClasses = useStylesWithRootClass(rootClassName$7, className);
|
|
7518
7214
|
return jsxs(StyledTableSelectionToolbar, Object.assign({
|
|
7519
7215
|
ariaLabel: ariaLabel,
|
|
7520
7216
|
className: rootClasses,
|
|
@@ -7615,7 +7311,7 @@ const DotTable = ({
|
|
|
7615
7311
|
};
|
|
7616
7312
|
|
|
7617
7313
|
const [pageData, setPageData] = useState(getSortedData().slice(0, rowsPerPage ? rowsPerPage : data.length));
|
|
7618
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7314
|
+
const rootClasses = useStylesWithRootClass(rootClassName$e, className, _loading ? 'loading' : '');
|
|
7619
7315
|
|
|
7620
7316
|
const updateData = (newOrder, newOrderBy, newPage, newRowsPerPage) => {
|
|
7621
7317
|
const newData = stableSort(data, getComparator(newOrder, newOrderBy));
|
|
@@ -7631,12 +7327,12 @@ const DotTable = ({
|
|
|
7631
7327
|
onUpdateData ? onUpdateData(dataOrder, property, 0, tableRowsPerPage) : updateData(dataOrder, property, 0, tableRowsPerPage);
|
|
7632
7328
|
};
|
|
7633
7329
|
|
|
7634
|
-
const
|
|
7330
|
+
const onPageChange = newPage => {
|
|
7635
7331
|
setPage(newPage);
|
|
7636
7332
|
onUpdateData ? onUpdateData(tableOrder, tableOrderBy, newPage, tableRowsPerPage) : updateData(tableOrder, tableOrderBy, newPage, tableRowsPerPage);
|
|
7637
7333
|
};
|
|
7638
7334
|
|
|
7639
|
-
const
|
|
7335
|
+
const onRowsPerPageChange = evt => {
|
|
7640
7336
|
const newRowsPerPage = parseInt(evt.target.value);
|
|
7641
7337
|
setRowsPerPage(newRowsPerPage);
|
|
7642
7338
|
setPage(0);
|
|
@@ -7670,19 +7366,13 @@ const DotTable = ({
|
|
|
7670
7366
|
return _loading ? getSkeletonData() : tableBodyData;
|
|
7671
7367
|
};
|
|
7672
7368
|
|
|
7673
|
-
const tableData = getData();
|
|
7674
|
-
const hasActionColumn = checkIfActionColumnExist(columns, tableData);
|
|
7675
|
-
|
|
7676
|
-
if (hasActionColumn) {
|
|
7677
|
-
console.warn("The use of an array in the last column of rowData to indicate an Actions column is deprecated. Use 'DotTableActions' instead.");
|
|
7678
|
-
} // If table is not paginated (rowsPerPage prop not provided), ignore 'count'.
|
|
7369
|
+
const tableData = getData(); // If table is not paginated (rowsPerPage prop not provided), ignore 'count'.
|
|
7679
7370
|
// If paging is managed externally (onUpdateData callback provided) then use
|
|
7680
7371
|
// the 'count' prop for total row count if it is provided, otherwise use
|
|
7681
7372
|
// -1 (unknown). If paging is managed internally (onUpdateData not provided)
|
|
7682
7373
|
// ignore 'count' prop and use the length of the provided 'data' for the
|
|
7683
7374
|
// total row count.
|
|
7684
7375
|
|
|
7685
|
-
|
|
7686
7376
|
const getTotalCount = () => {
|
|
7687
7377
|
const validCount = count ? count : -1;
|
|
7688
7378
|
const totalCount = onUpdateData ? validCount : data.length;
|
|
@@ -7763,7 +7453,6 @@ const DotTable = ({
|
|
|
7763
7453
|
}, {
|
|
7764
7454
|
children: [jsx(DotHeaderRow, {
|
|
7765
7455
|
columns: columns,
|
|
7766
|
-
hasActionColumn: hasActionColumn,
|
|
7767
7456
|
multiSelectHeader: multiSelectHeader,
|
|
7768
7457
|
onRequestSort: onSortRequest,
|
|
7769
7458
|
order: tableOrder,
|
|
@@ -7781,8 +7470,8 @@ const DotTable = ({
|
|
|
7781
7470
|
}), void 0)
|
|
7782
7471
|
}), void 0), rowsPerPage && jsx(DotTablePagination, {
|
|
7783
7472
|
count: getTotalCount(),
|
|
7784
|
-
|
|
7785
|
-
|
|
7473
|
+
onPageChange: onPageChange,
|
|
7474
|
+
onRowsPerPageChange: onRowsPerPageChange,
|
|
7786
7475
|
page: tablePage,
|
|
7787
7476
|
rowsPerPage: tableRowsPerPage,
|
|
7788
7477
|
typography: _footerTypography
|
|
@@ -7825,7 +7514,7 @@ const DotTableAction = ({
|
|
|
7825
7514
|
}, void 0);
|
|
7826
7515
|
};
|
|
7827
7516
|
|
|
7828
|
-
const rootClassName$
|
|
7517
|
+
const rootClassName$6 = 'dot-table-actions';
|
|
7829
7518
|
const TableActionsContainer = styled.div.withConfig({
|
|
7830
7519
|
displayName: "TableActionsstyles__TableActionsContainer",
|
|
7831
7520
|
componentId: "sc-8lo813-0"
|
|
@@ -7900,7 +7589,7 @@ const DotTableActions = ({
|
|
|
7900
7589
|
|
|
7901
7590
|
return jsxs(Fragment$1, {
|
|
7902
7591
|
children: [jsxs(TableActionsContainer, Object.assign({
|
|
7903
|
-
className: rootClassName$
|
|
7592
|
+
className: rootClassName$6,
|
|
7904
7593
|
ref: wrapperRef
|
|
7905
7594
|
}, {
|
|
7906
7595
|
children: [!showMenu && renderTableActions(), (showMenu || actions.length > 2) && jsx(DotIconButton, {
|
|
@@ -7923,13 +7612,13 @@ const DotTableActions = ({
|
|
|
7923
7612
|
}, void 0);
|
|
7924
7613
|
};
|
|
7925
7614
|
|
|
7926
|
-
const rootClassName$
|
|
7615
|
+
const rootClassName$5 = 'dot-tabs';
|
|
7927
7616
|
const StyledTabs = styled(Tabs).withConfig({
|
|
7928
7617
|
displayName: "Tabsstyles__StyledTabs",
|
|
7929
7618
|
componentId: "sc-1pmrz8k-0"
|
|
7930
7619
|
})(["", ""], ({
|
|
7931
7620
|
theme
|
|
7932
|
-
}) => css(["&.", "{&.MuiTabs-root{width:100%;}.dot-tab-label-container{display:flex;.dot-tab-label{padding-top:", "
|
|
7621
|
+
}) => css(["&.", "{&.MuiTabs-root{width:100%;}.dot-tab-label-container{display:flex;.dot-tab-label{padding-top:", ";}}.MuiTab-root{max-width:360px;min-width:0;}.MuiIcon-root{display:inline;padding-right:", ";}}"], rootClassName$5, theme.spacing(0.5), theme.spacing(0.5)));
|
|
7933
7622
|
|
|
7934
7623
|
const DotTabs = ({
|
|
7935
7624
|
centered: _centered = false,
|
|
@@ -7938,12 +7627,12 @@ const DotTabs = ({
|
|
|
7938
7627
|
'data-testid': dataTestId,
|
|
7939
7628
|
initialValue: _initialValue = 0,
|
|
7940
7629
|
onChange,
|
|
7941
|
-
scrollButtons
|
|
7630
|
+
scrollButtons,
|
|
7942
7631
|
tabs,
|
|
7943
7632
|
variant: _variant = 'standard'
|
|
7944
7633
|
}) => {
|
|
7945
7634
|
const [value, setValue] = useState(_initialValue);
|
|
7946
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7635
|
+
const rootClasses = useStylesWithRootClass(rootClassName$5, className); // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
7947
7636
|
|
|
7948
7637
|
const handleChange = (_event, val) => {
|
|
7949
7638
|
setValue(val);
|
|
@@ -7988,7 +7677,7 @@ const DotTabs = ({
|
|
|
7988
7677
|
"data-testid": dataTestId,
|
|
7989
7678
|
indicatorColor: _color,
|
|
7990
7679
|
onChange: handleChange,
|
|
7991
|
-
scrollButtons:
|
|
7680
|
+
scrollButtons: scrollButtons,
|
|
7992
7681
|
textColor: _color,
|
|
7993
7682
|
value: value,
|
|
7994
7683
|
variant: _variant
|
|
@@ -7997,9 +7686,9 @@ const DotTabs = ({
|
|
|
7997
7686
|
}), void 0);
|
|
7998
7687
|
};
|
|
7999
7688
|
|
|
8000
|
-
const rootClassName$
|
|
8001
|
-
const containerClassName = `${rootClassName$
|
|
8002
|
-
const dropZoneClassName = `${rootClassName$
|
|
7689
|
+
const rootClassName$4 = 'dot-file-upload';
|
|
7690
|
+
const containerClassName = `${rootClassName$4}-container`;
|
|
7691
|
+
const dropZoneClassName = `${rootClassName$4}-drop-zone`;
|
|
8003
7692
|
const StyledFileUploadContainer = styled.div.withConfig({
|
|
8004
7693
|
displayName: "FileUploadstyles__StyledFileUploadContainer",
|
|
8005
7694
|
componentId: "sc-1q8bcxy-0"
|
|
@@ -8011,15 +7700,15 @@ const StyledFileUpload = styled.div.withConfig({
|
|
|
8011
7700
|
componentId: "sc-1q8bcxy-1"
|
|
8012
7701
|
})(["", ""], ({
|
|
8013
7702
|
theme
|
|
8014
|
-
}) => 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:", "
|
|
7703
|
+
}) => css(["&.", ".", "{align-items:center;background:", ";border:2px dashed ", ";border-radius:4px;color:", ";display:flex;flex-direction:column;flex-wrap:wrap;height:240px;justify-content:center;padding:", ";margin-bottom:", ";text-align:center;&.disabled .dot-typography{color:", ";}.dot-icon{color:", ";font-size:100px;i.dot-i{height:100px;}}}"], rootClassName$4, dropZoneClassName, theme.palette.layer.n50, theme.palette.layer.n300, theme.palette.layer.n500, theme.spacing(3, 0), theme.spacing(1), theme.palette.layer.n300, theme.palette.layer.n100));
|
|
8015
7704
|
|
|
8016
|
-
const rootClassName$
|
|
7705
|
+
const rootClassName$3 = 'dot-file-list-item';
|
|
8017
7706
|
const StyledFileListItem = styled(StyledListItem).withConfig({
|
|
8018
7707
|
displayName: "FileListItemstyles__StyledFileListItem",
|
|
8019
7708
|
componentId: "sc-6mp1tz-0"
|
|
8020
7709
|
})(["", ""], ({
|
|
8021
7710
|
theme
|
|
8022
|
-
}) => css(["&.", "{border-bottom:1px solid ", ";&:hover{cursor:pointer;background:", ";}&:focus-visible{background-color:", ";outline:none;}&.file-success:not(:hover,:focus-visible) .", "-end-icon{i:before{color:", ";}&:focus-visible i:before{color:unset;}}&.file-error:not(:hover,:focus-visible) .", "-end-icon{i:before,.MuiListItemText-secondary{color:", ";}&:focus-visible i:before{color:unset;}}.dot-typography,.file-item-text{flex-grow:2;padding-left:", "
|
|
7711
|
+
}) => css(["&.", "{border-bottom:1px solid ", ";&:hover{cursor:pointer;background:", ";}&:focus-visible{background-color:", ";outline:none;}&.file-success:not(:hover,:focus-visible) .", "-end-icon{i:before{color:", ";}&:focus-visible i:before{color:unset;}}&.file-error:not(:hover,:focus-visible) .", "-end-icon{i:before,.MuiListItemText-secondary{color:", ";}&:focus-visible i:before{color:unset;}}.dot-typography,.file-item-text{flex-grow:2;padding-left:", ";}.file-item-text{display:flex;flex-direction:column;.MuiTypography-body2{color:", ";}}}"], rootClassName$3, theme.palette.layer.n100, theme.palette.layer.n50, theme.palette.layer.n100, rootClassName$3, theme.palette.secondary.main, rootClassName$3, theme.palette.error.main, theme.spacing(1), theme.palette.error.main));
|
|
8023
7712
|
|
|
8024
7713
|
const DotFileListItem = ({
|
|
8025
7714
|
ariaLabel,
|
|
@@ -8034,7 +7723,7 @@ const DotFileListItem = ({
|
|
|
8034
7723
|
onKeyPress,
|
|
8035
7724
|
tabIndex: _tabIndex = 0
|
|
8036
7725
|
}) => {
|
|
8037
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7726
|
+
const rootClasses = useStylesWithRootClass(rootClassName$3, className, _error ? 'file-error' : 'file-success');
|
|
8038
7727
|
const defaultIcon = _error ? 'error-solid' : 'check-solid';
|
|
8039
7728
|
const [endIcon, setEndIcon] = useState(defaultIcon);
|
|
8040
7729
|
|
|
@@ -8073,7 +7762,7 @@ const DotFileListItem = ({
|
|
|
8073
7762
|
children: errorText
|
|
8074
7763
|
}), void 0)]
|
|
8075
7764
|
}), void 0), jsx(DotIconButton, {
|
|
8076
|
-
className: `${rootClassName$
|
|
7765
|
+
className: `${rootClassName$3}-end-icon`,
|
|
8077
7766
|
"data-testid": dataTestId && `${dataTestId}-end-icon`,
|
|
8078
7767
|
disabled: disableDelete,
|
|
8079
7768
|
iconId: endIcon,
|
|
@@ -8206,7 +7895,7 @@ const DotFileUpload = ({
|
|
|
8206
7895
|
const [uploadedFiles, setUploadedFiles] = useState([]);
|
|
8207
7896
|
const [hasMaxFilesError, setHasMaxFilesError] = useState(false);
|
|
8208
7897
|
const isUploadDisabled = disabled || maxFiles && uploadedFiles.length >= maxFiles;
|
|
8209
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7898
|
+
const rootClasses = useStylesWithRootClass(rootClassName$4, className, !_buttonOnly ? dropZoneClassName : '', isUploadDisabled ? 'disabled' : '');
|
|
8210
7899
|
const maxFilesClasses = useStylesWithRootClass('dot-max-files-message', hasMaxFilesError ? 'dot-max-files-reached' : '');
|
|
8211
7900
|
const allowMultiple = maxFiles === undefined || maxFiles > 1;
|
|
8212
7901
|
|
|
@@ -8283,11 +7972,11 @@ const DotFileUpload = ({
|
|
|
8283
7972
|
}), void 0);
|
|
8284
7973
|
};
|
|
8285
7974
|
|
|
8286
|
-
const rootClassName$
|
|
7975
|
+
const rootClassName$2 = 'dot-divider';
|
|
8287
7976
|
const StyledDivider = styled(Divider).withConfig({
|
|
8288
7977
|
displayName: "Dividerstyles__StyledDivider",
|
|
8289
7978
|
componentId: "yu3sip-0"
|
|
8290
|
-
})(["", ""], () => css(["&.", "{}"], rootClassName$
|
|
7979
|
+
})(["", ""], () => css(["&.", "{}"], rootClassName$2));
|
|
8291
7980
|
|
|
8292
7981
|
const DotDivider = ({
|
|
8293
7982
|
absolute,
|
|
@@ -8299,7 +7988,7 @@ const DotDivider = ({
|
|
|
8299
7988
|
orientation,
|
|
8300
7989
|
variant
|
|
8301
7990
|
}) => {
|
|
8302
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7991
|
+
const rootClasses = useStylesWithRootClass(rootClassName$2, className);
|
|
8303
7992
|
return jsx(StyledDivider, {
|
|
8304
7993
|
absolute: absolute,
|
|
8305
7994
|
"aria-label": ariaLabel,
|
|
@@ -8314,12 +8003,6 @@ const DotDivider = ({
|
|
|
8314
8003
|
}, void 0);
|
|
8315
8004
|
};
|
|
8316
8005
|
|
|
8317
|
-
const rootClassName$2 = 'dot-popper';
|
|
8318
|
-
const StyledPopper = styled(Popper).withConfig({
|
|
8319
|
-
displayName: "Popperstyles__StyledPopper",
|
|
8320
|
-
componentId: "sd1h8p-0"
|
|
8321
|
-
})(["", ""], () => css(["&.", "{}"], rootClassName$2));
|
|
8322
|
-
|
|
8323
8006
|
const DotPopper = ({
|
|
8324
8007
|
ariaLabel,
|
|
8325
8008
|
anchorEl,
|
|
@@ -8331,7 +8014,7 @@ const DotPopper = ({
|
|
|
8331
8014
|
open,
|
|
8332
8015
|
placement
|
|
8333
8016
|
}) => {
|
|
8334
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
8017
|
+
const rootClasses = useStylesWithRootClass(rootClassName$Q, className); // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
8335
8018
|
|
|
8336
8019
|
const handleClickAway = event => {
|
|
8337
8020
|
if (onClickAway && (!anchorEl || !anchorEl.contains(event.currentTarget))) {
|
|
@@ -8339,7 +8022,7 @@ const DotPopper = ({
|
|
|
8339
8022
|
}
|
|
8340
8023
|
};
|
|
8341
8024
|
|
|
8342
|
-
return jsx(StyledPopper, Object.assign({
|
|
8025
|
+
return jsx(StyledPopper$1, Object.assign({
|
|
8343
8026
|
anchorEl: anchorEl,
|
|
8344
8027
|
"aria-label": ariaLabel,
|
|
8345
8028
|
className: rootClasses,
|