@digital-ai/dot-components 2.5.4 → 2.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGE_LOG.md +29 -6
- package/index.esm.js +842 -223
- package/index.umd.js +1079 -395
- package/lib/components/index.d.ts +3 -0
- package/lib/components/input-form-fields/common.styles.d.ts +1 -0
- package/lib/components/stepper/Stepper.d.ts +60 -0
- package/lib/components/stepper/Stepper.stories.d.ts +10 -0
- package/lib/components/stepper/Stepper.stories.data.d.ts +80 -0
- package/lib/components/stepper/Stepper.styles.d.ts +11 -0
- package/lib/components/time-picker/TimePicker.d.ts +48 -0
- package/lib/components/time-picker/TimePicker.stories.d.ts +20 -0
- package/lib/components/time-picker/TimePicker.stories.styles.d.ts +6 -0
- package/lib/components/time-picker/TimePicker.styles.d.ts +7 -0
- package/lib/components/time-picker/index.d.ts +3 -0
- package/lib/components/time-picker/utils/helpers.d.ts +11 -0
- package/lib/components/time-picker/utils/models.d.ts +4 -0
- package/lib/testing-utils/intersection-observer-mock.d.ts +1 -0
- package/lib/testing-utils/scroll-into-view-mock.d.ts +1 -0
- package/package.json +1 -1
package/index.esm.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { useState, useEffect, useRef, useMemo, useContext, createContext, forwardRef, Fragment, useCallback, createElement } from 'react';
|
|
4
|
-
import { Tooltip, Icon, Typography, Accordion, AccordionSummary, AccordionDetails, AccordionActions, InputAdornment, InputLabel, TextField, Toolbar, Alert, Fade, Avatar, Button, darken, Link, List, ListItem, CircularProgress, Popper, MenuList, MenuItem, Paper, ClickAwayListener, Drawer, IconButton, ListItemIcon, Collapse, ListSubheader, Divider, ListItemText, Badge, useMediaQuery, Autocomplete, Chip, AvatarGroup, Breadcrumbs, ToggleButtonGroup, ToggleButton, Card, CardContent, CardHeader, FormControlLabel, Checkbox, FormControl, FormGroup, FormLabel, FormHelperText, Dialog, DialogContent, DialogActions, useTheme as useTheme$1, RadioGroup, Radio, Switch, Skeleton, Snackbar, ButtonGroup, TablePagination, TableContainer, TableCell, TableRow, TableBody, TableSortLabel, TableHead, Table, Tabs, Tab, LinearProgress } from '@mui/material';
|
|
3
|
+
import { useState, useEffect, useRef, useMemo, useContext, createContext, forwardRef, Fragment, useCallback, createElement, useLayoutEffect } from 'react';
|
|
4
|
+
import { Tooltip, Icon, Typography, Accordion, AccordionSummary, AccordionDetails, AccordionActions, InputAdornment, InputLabel, TextField, Toolbar, Alert, Fade, Avatar, Button, darken, Link, List, ListItem, CircularProgress, Popper, MenuList, MenuItem, Paper, ClickAwayListener, Drawer, IconButton, ListItemIcon, Collapse, ListSubheader, Divider, ListItemText, Badge, useMediaQuery, Autocomplete, Chip, AvatarGroup, Breadcrumbs, ToggleButtonGroup, ToggleButton, Card, CardContent, CardHeader, FormControlLabel, Checkbox, FormControl, FormGroup, FormLabel, FormHelperText, Dialog, DialogContent, DialogActions, useTheme as useTheme$1, RadioGroup, Radio, Switch, Skeleton, Snackbar, ButtonGroup, Stepper, Step, StepLabel, StepContent, TablePagination, TableContainer, TableCell, TableRow, TableBody, TableSortLabel, TableHead, Table, Tabs, Tab, LinearProgress } from '@mui/material';
|
|
5
5
|
import '@digital-ai/dot-icons';
|
|
6
6
|
import styled, { css, createGlobalStyle, ThemeProvider as ThemeProvider$1, keyframes } from 'styled-components';
|
|
7
7
|
import { createTheme, ThemeProvider, alpha, useTheme } from '@mui/material/styles';
|
|
@@ -11,8 +11,9 @@ import { useDropzone } from 'react-dropzone';
|
|
|
11
11
|
import GridLayout, { WidthProvider } from 'react-grid-layout';
|
|
12
12
|
import dayjs from 'dayjs';
|
|
13
13
|
import updateLocale from 'dayjs/plugin/updateLocale';
|
|
14
|
-
import { DatePicker, PickersDay, LocalizationProvider } from '@mui/x-date-pickers';
|
|
14
|
+
import { DatePicker, PickersDay, LocalizationProvider, TimePicker } from '@mui/x-date-pickers';
|
|
15
15
|
import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
|
|
16
|
+
import utc from 'dayjs/plugin/utc';
|
|
16
17
|
|
|
17
18
|
function useStylesWithRootClass(name, className, ...args) {
|
|
18
19
|
// combine the root classes into one string
|
|
@@ -47,11 +48,11 @@ const DotTooltip = ({
|
|
|
47
48
|
}), void 0) : children;
|
|
48
49
|
};
|
|
49
50
|
|
|
50
|
-
const rootClassName$
|
|
51
|
+
const rootClassName$15 = 'dot-icon';
|
|
51
52
|
const StyledIcon = styled(Icon).withConfig({
|
|
52
53
|
displayName: "Iconstyles__StyledIcon",
|
|
53
54
|
componentId: "st0ybo-0"
|
|
54
|
-
})(["", ""], () => css(["&.", "{font-size:20px;&.MuiIcon-fontSizeLarge{font-size:28px;height:35px;width:35px;i{height:28px;}}&.MuiIcon-fontSizeSmall{font-size:18px;i{height:18px;}}i{height:20px;}}"], rootClassName$
|
|
55
|
+
})(["", ""], () => css(["&.", "{font-size:20px;&.MuiIcon-fontSizeLarge{font-size:28px;height:35px;width:35px;i{height:28px;}}&.MuiIcon-fontSizeSmall{font-size:18px;i{height:18px;}}i{height:20px;}}"], rootClassName$15));
|
|
55
56
|
|
|
56
57
|
const DotIcon = ({
|
|
57
58
|
ariaLabel,
|
|
@@ -61,7 +62,7 @@ const DotIcon = ({
|
|
|
61
62
|
iconId,
|
|
62
63
|
tooltip
|
|
63
64
|
}) => {
|
|
64
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
65
|
+
const rootClasses = useStylesWithRootClass(rootClassName$15, className);
|
|
65
66
|
return jsx(DotTooltip, Object.assign({
|
|
66
67
|
title: tooltip
|
|
67
68
|
}, {
|
|
@@ -110,7 +111,7 @@ const DotTypography = ({
|
|
|
110
111
|
}), void 0);
|
|
111
112
|
};
|
|
112
113
|
|
|
113
|
-
const rootClassName$
|
|
114
|
+
const rootClassName$14 = 'dot-accordion';
|
|
114
115
|
const summaryClassName = 'dot-accordion-summary';
|
|
115
116
|
const detailClassName = 'dot-accordion-details';
|
|
116
117
|
const StyledAccordion = styled(Accordion).withConfig({
|
|
@@ -118,7 +119,7 @@ const StyledAccordion = styled(Accordion).withConfig({
|
|
|
118
119
|
componentId: "sc-1amx4r3-0"
|
|
119
120
|
})(["", ""], ({
|
|
120
121
|
theme
|
|
121
|
-
}) => 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$
|
|
122
|
+
}) => 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$14, summaryClassName, theme.spacing(1), theme.spacing(5), theme.spacing(1.5), theme.spacing(-1.5)));
|
|
122
123
|
|
|
123
124
|
const DotAccordion = ({
|
|
124
125
|
actions,
|
|
@@ -135,7 +136,7 @@ const DotAccordion = ({
|
|
|
135
136
|
summary,
|
|
136
137
|
noWrap: _noWrap = true
|
|
137
138
|
}) => {
|
|
138
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
139
|
+
const rootClasses = useStylesWithRootClass(rootClassName$14, className);
|
|
139
140
|
const [elevation, setElevation] = useState();
|
|
140
141
|
useEffect(() => {
|
|
141
142
|
if (onChange && expanded === undefined) {
|
|
@@ -190,8 +191,9 @@ const DotAccordion = ({
|
|
|
190
191
|
|
|
191
192
|
const formHelperTextRootStyles = theme => css(["font-family:", ";font-size:", "px;font-weight:400;margin:", ";display:flex;align-items:flex-end;&:not(.Mui-error){color:", ";}&.read-only .MuiOutlinedInput-root:hover > fieldset{border-color:", ";}"], theme.typography.fontFamily, theme.typography.body2.fontSize, theme.spacing(0.5, 0, 0, 1.5), theme.palette.grey[400], theme.palette.layer.n200);
|
|
192
193
|
const adornmentIconStyles = () => css(["font-size:24px;height:24px;padding:0;width:24px;"]);
|
|
194
|
+
const pickerInputStyles = theme => css(["label:not(.MuiInputLabel-shrink){top:-5px;}.MuiInputBase-root{margin-bottom:0;.dot-error-icon{margin-right:", ";color:", ";}.dot-icon{", ";}}.MuiInputBase-input{height:", ";padding:", ";}.MuiFormHelperText-root{", ";}"], theme.spacing(0.5), theme.palette.error.main, adornmentIconStyles(), theme.spacing(2), theme.spacing(1.5, 0, 1.5, 2), formHelperTextRootStyles(theme));
|
|
193
195
|
|
|
194
|
-
const rootClassName$
|
|
196
|
+
const rootClassName$13 = 'dot-text-field';
|
|
195
197
|
const rootSelectClassName = 'dot-select-field';
|
|
196
198
|
const labelClassName = 'dot-input-label';
|
|
197
199
|
const errorClassName = 'dot-error';
|
|
@@ -219,15 +221,15 @@ const StyledTextField = styled(TextField).withConfig({
|
|
|
219
221
|
})(["", ""], ({
|
|
220
222
|
theme,
|
|
221
223
|
InputProps
|
|
222
|
-
}) => 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;&:not(textarea){height:19px;}}.MuiInputBase-inputMultiline{padding:0;}}&.", ",&.", "{.", "{color:", ";.dot-icon i{margin-top:-2px;}}.MuiInputBase-root{margin-bottom:0;}.MuiInputBase-inputSizeSmall:not(textarea){height:19px;padding-top:10.5px;padding-bottom:10.5px;}select.dot-select{padding-left:", ";}.MuiSelect-select:focus{background-color:transparent;}.MuiSelect-icon{right:", ";}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiFormLabel-root.Mui-focused{color:", ";}.", " .dot-icon{color:", ";}}&.", "{.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", " .dot-icon{color:", ";}}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", " .dot-icon{color:", ";}}.MuiOutlinedInput-adornedStart{padding-left:12px;&.", " .", "{border-color:", ";}}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.MuiInputBase-inputAdornedStart{padding-left:12px;}.MuiInputBase-inputAdornedEnd{padding-right:12px;}.MuiFormHelperText-root{", ";}}"], rootClassName$
|
|
224
|
+
}) => 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;&:not(textarea){height:19px;}}.MuiInputBase-inputMultiline{padding:0;}}&.", ",&.", "{.", "{color:", ";.dot-icon i{margin-top:-2px;}}.MuiInputBase-root{margin-bottom:0;}.MuiInputBase-inputSizeSmall:not(textarea){height:19px;padding-top:10.5px;padding-bottom:10.5px;}select.dot-select{padding-left:", ";}.MuiSelect-select:focus{background-color:transparent;}.MuiSelect-icon{right:", ";}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiFormLabel-root.Mui-focused{color:", ";}.", " .dot-icon{color:", ";}}&.", "{.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", " .dot-icon{color:", ";}}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", " .dot-icon{color:", ";}}.MuiOutlinedInput-adornedStart{padding-left:12px;&.", " .", "{border-color:", ";}}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.MuiInputBase-inputAdornedStart{padding-left:12px;}.MuiInputBase-inputAdornedEnd{padding-right:12px;}.MuiFormHelperText-root{", ";}}"], rootClassName$13, InputProps.startAdornment ? `18px 12px 18px 0px` : `18px 12px`, rootSelectClassName, rootClassName$13, adornmentIconClassName, theme.palette.layer.n700, theme.spacing(1.5), InputProps.endAdornment ? `44px` : `12px`, successClassName, theme.palette.secondary.main, theme.palette.grey[700], adornmentIconClassName, theme.palette.secondary.main, errorClassName, theme.palette.error.main, adornmentIconClassName, theme.palette.error.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], formHelperTextRootStyles(theme)));
|
|
223
225
|
|
|
224
|
-
const rootClassName$
|
|
226
|
+
const rootClassName$12 = 'dot-action-toolbar';
|
|
225
227
|
const StyledToolbar = styled(Toolbar).withConfig({
|
|
226
228
|
displayName: "ActionToolbarstyles__StyledToolbar",
|
|
227
229
|
componentId: "sc-5llm03-0"
|
|
228
230
|
})(["", ""], ({
|
|
229
231
|
theme
|
|
230
|
-
}) => css(["&.", "{border-bottom:1px solid ", ";.", " .MuiInputBase-root{margin-bottom:0;}}"], rootClassName$
|
|
232
|
+
}) => css(["&.", "{border-bottom:1px solid ", ";.", " .MuiInputBase-root{margin-bottom:0;}}"], rootClassName$12, theme.palette.grey[100], rootClassName$13));
|
|
231
233
|
|
|
232
234
|
const DotActionToolbar = ({
|
|
233
235
|
ariaLabel,
|
|
@@ -236,7 +238,7 @@ const DotActionToolbar = ({
|
|
|
236
238
|
'data-testid': dataTestId,
|
|
237
239
|
variant: _variant = 'dense'
|
|
238
240
|
}) => {
|
|
239
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
241
|
+
const rootClasses = useStylesWithRootClass(rootClassName$12, className);
|
|
240
242
|
return jsx(StyledToolbar, Object.assign({
|
|
241
243
|
"aria-label": ariaLabel,
|
|
242
244
|
className: rootClasses,
|
|
@@ -247,13 +249,13 @@ const DotActionToolbar = ({
|
|
|
247
249
|
}), void 0);
|
|
248
250
|
};
|
|
249
251
|
|
|
250
|
-
const rootClassName
|
|
252
|
+
const rootClassName$11 = 'dot-alert-banner';
|
|
251
253
|
const StyledAlertBanner = styled(Alert).withConfig({
|
|
252
254
|
displayName: "AlertBannerstyles__StyledAlertBanner",
|
|
253
255
|
componentId: "sc-1u3aqgz-0"
|
|
254
256
|
})(["", ""], ({
|
|
255
257
|
theme
|
|
256
|
-
}) => css(["&.", "{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;min-height:48px;overflow:hidden;padding:", ";.dot-icon,.MuiAlert-icon,.MuiAlert-message{padding:0;.dot-typography{margin-bottom:0;}}&.MuiAlert-standardSuccess{.dot-icon,.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardInfo{background-color:", ";.dot-icon,.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardWarning{background-color:", ";.dot-icon,.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardError{background-color:", ";.dot-typography{color:", ";}.dot-icon,.MuiAlert-icon{color:", ";}}}"], rootClassName
|
|
258
|
+
}) => css(["&.", "{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;min-height:48px;overflow:hidden;padding:", ";.dot-icon,.MuiAlert-icon,.MuiAlert-message{padding:0;.dot-typography{margin-bottom:0;}}&.MuiAlert-standardSuccess{.dot-icon,.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardInfo{background-color:", ";.dot-icon,.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardWarning{background-color:", ";.dot-icon,.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardError{background-color:", ";.dot-typography{color:", ";}.dot-icon,.MuiAlert-icon{color:", ";}}}"], rootClassName$11, 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]));
|
|
257
259
|
|
|
258
260
|
var LatoRegular = "data:font/woff;base64,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";
|
|
259
261
|
|
|
@@ -935,7 +937,7 @@ const DotAlertBanner = ({
|
|
|
935
937
|
success: AlertBannerIcon('check-solid'),
|
|
936
938
|
warning: AlertBannerIcon('warning-solid')
|
|
937
939
|
};
|
|
938
|
-
const rootClasses = useStylesWithRootClass(rootClassName
|
|
940
|
+
const rootClasses = useStylesWithRootClass(rootClassName$11, severity, className);
|
|
939
941
|
/* For simple string use default component, for everything else use 'div' */
|
|
940
942
|
const typographyComponent = isString$1(children) ? undefined : 'div';
|
|
941
943
|
return jsx(StyledAlertBanner, Object.assign({
|
|
@@ -1592,7 +1594,7 @@ const useDotCoreApiContext = () => {
|
|
|
1592
1594
|
return useContext(DotCoreApiContext);
|
|
1593
1595
|
};
|
|
1594
1596
|
|
|
1595
|
-
const rootClassName$
|
|
1597
|
+
const rootClassName$10 = 'dot-avatar';
|
|
1596
1598
|
const avatarSpacing = {
|
|
1597
1599
|
small: 3,
|
|
1598
1600
|
medium: 5,
|
|
@@ -1603,7 +1605,7 @@ const StyledAvatar = styled(Avatar).withConfig({
|
|
|
1603
1605
|
componentId: "sc-13bzj2s-0"
|
|
1604
1606
|
})(["", ""], ({
|
|
1605
1607
|
theme
|
|
1606
|
-
}) => 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$
|
|
1608
|
+
}) => 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$10, ({
|
|
1607
1609
|
color
|
|
1608
1610
|
}) => {
|
|
1609
1611
|
return color && theme.palette.avatarColors[color] ? theme.palette.avatarColors[color].backgroundColor : theme.palette.avatarColors['default'].backgroundColor;
|
|
@@ -1667,7 +1669,7 @@ const DotAvatar = ({
|
|
|
1667
1669
|
variant: _variant = 'circular',
|
|
1668
1670
|
style
|
|
1669
1671
|
}) => {
|
|
1670
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1672
|
+
const rootClasses = useStylesWithRootClass(rootClassName$10, className);
|
|
1671
1673
|
const getAvatarColor = () => {
|
|
1672
1674
|
if (color) return color;
|
|
1673
1675
|
if (_text && _text !== alt) return getAvatarColorForInputText(_text);
|
|
@@ -1705,13 +1707,13 @@ const DotAvatar = ({
|
|
|
1705
1707
|
}), void 0);
|
|
1706
1708
|
};
|
|
1707
1709
|
|
|
1708
|
-
const rootClassName
|
|
1710
|
+
const rootClassName$$ = 'dot-button';
|
|
1709
1711
|
const StyledButton = styled(Button).withConfig({
|
|
1710
1712
|
displayName: "Buttonstyles__StyledButton",
|
|
1711
1713
|
componentId: "sx99hh-0"
|
|
1712
1714
|
})(["", ""], ({
|
|
1713
1715
|
theme
|
|
1714
|
-
}) => css(["&.", "{margin:", ";min-width:auto;white-space:nowrap;&.MuiButton-outlined:not([disabled]){border-color:rgba(0,0,0,0.23);color:", ";}&:not(.MuiButton-sizeLarge):not(.MuiButton-sizeSmall){height:", ";}&.MuiButton-containedSecondary{background-color:", ";&:hover,&:active{background-color:", ";}}&.MuiButton-text{padding:6px 16px;}.dot-icon{display:flex;padding:0;}}"], rootClassName
|
|
1716
|
+
}) => css(["&.", "{margin:", ";min-width:auto;white-space:nowrap;&.MuiButton-outlined:not([disabled]){border-color:rgba(0,0,0,0.23);color:", ";}&:not(.MuiButton-sizeLarge):not(.MuiButton-sizeSmall){height:", ";}&.MuiButton-containedSecondary{background-color:", ";&:hover,&:active{background-color:", ";}}&.MuiButton-text{padding:6px 16px;}.dot-icon{display:flex;padding:0;}}"], rootClassName$$, theme.spacing(0.5), theme.palette.grey[700], theme.spacing(5), theme.palette.error.main, darken(theme.palette.error.main, 0.2)));
|
|
1715
1717
|
|
|
1716
1718
|
/** This component wraps the Button component from @material-ui. */
|
|
1717
1719
|
const DotButton = /*#__PURE__*/forwardRef(({
|
|
@@ -1731,7 +1733,7 @@ const DotButton = /*#__PURE__*/forwardRef(({
|
|
|
1731
1733
|
tooltip,
|
|
1732
1734
|
type: _type = 'primary'
|
|
1733
1735
|
}, ref) => {
|
|
1734
|
-
const rootClasses = useStylesWithRootClass(rootClassName
|
|
1736
|
+
const rootClasses = useStylesWithRootClass(rootClassName$$, className);
|
|
1735
1737
|
let color;
|
|
1736
1738
|
let variant;
|
|
1737
1739
|
switch (_type) {
|
|
@@ -1779,11 +1781,11 @@ const DotButton = /*#__PURE__*/forwardRef(({
|
|
|
1779
1781
|
}), void 0);
|
|
1780
1782
|
});
|
|
1781
1783
|
|
|
1782
|
-
const rootClassName$
|
|
1784
|
+
const rootClassName$_ = 'dot-link';
|
|
1783
1785
|
const StyledLink = styled(Link).withConfig({
|
|
1784
1786
|
displayName: "Linkstyles__StyledLink",
|
|
1785
1787
|
componentId: "sc-1lpmaww-0"
|
|
1786
|
-
})(["", ""], () => css(["&.", "{cursor:pointer;&:hover:not(.MuiLink-underlineHover){text-decoration:none;}}"], rootClassName$
|
|
1788
|
+
})(["", ""], () => css(["&.", "{cursor:pointer;&:hover:not(.MuiLink-underlineHover){text-decoration:none;}}"], rootClassName$_));
|
|
1787
1789
|
|
|
1788
1790
|
const DotLink = ({
|
|
1789
1791
|
ariaLabel,
|
|
@@ -1801,7 +1803,7 @@ const DotLink = ({
|
|
|
1801
1803
|
tooltip,
|
|
1802
1804
|
underline
|
|
1803
1805
|
}) => {
|
|
1804
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1806
|
+
const rootClasses = useStylesWithRootClass(rootClassName$_, className);
|
|
1805
1807
|
const handleKeyPress = event => {
|
|
1806
1808
|
if (onClick && event.key === 'Enter') {
|
|
1807
1809
|
event.preventDefault();
|
|
@@ -1833,7 +1835,7 @@ const DotLink = ({
|
|
|
1833
1835
|
}), void 0);
|
|
1834
1836
|
};
|
|
1835
1837
|
|
|
1836
|
-
const rootClassName$
|
|
1838
|
+
const rootClassName$Z = 'dot-list';
|
|
1837
1839
|
const listItemRootClass = 'dot-list-item';
|
|
1838
1840
|
const nestedListClassName = 'dot-nested-list';
|
|
1839
1841
|
const nestedDrawerClassName = 'dot-nested-drawer';
|
|
@@ -1842,7 +1844,7 @@ const StyledList = styled(List).withConfig({
|
|
|
1842
1844
|
componentId: "wxwqwr-0"
|
|
1843
1845
|
})(["", ""], ({
|
|
1844
1846
|
theme
|
|
1845
|
-
}) => css(["&.", "{background:", ";.dot-icon{color:", ";}&.", " .", "{padding-left:", ";}.MuiListSubheader-root{padding:0;.MuiTypography-root{padding:", ";}}}"], rootClassName$
|
|
1847
|
+
}) => css(["&.", "{background:", ";.dot-icon{color:", ";}&.", " .", "{padding-left:", ";}.MuiListSubheader-root{padding:0;.MuiTypography-root{padding:", ";}}}"], rootClassName$Z, theme.palette.layer.n0, theme.palette.layer.n700, nestedListClassName, listItemRootClass, theme.spacing(4), theme.spacing(1)));
|
|
1846
1848
|
|
|
1847
1849
|
const getChevronIcon = (nestedListType, isOpened) => {
|
|
1848
1850
|
if (nestedListType !== 'expandable') {
|
|
@@ -1864,11 +1866,11 @@ const StyledListItem = styled(ListItem).withConfig({
|
|
|
1864
1866
|
theme
|
|
1865
1867
|
}) => 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));
|
|
1866
1868
|
|
|
1867
|
-
const rootClassName$
|
|
1869
|
+
const rootClassName$Y = 'dot-progress';
|
|
1868
1870
|
const StyledCircularProgress = styled(CircularProgress).withConfig({
|
|
1869
1871
|
displayName: "Progressstyles__StyledCircularProgress",
|
|
1870
1872
|
componentId: "sc-1gs77rb-0"
|
|
1871
|
-
})(["&.", "{&.MuiCircularProgress-colorSecondary{color:#649a3d;}}"], rootClassName$
|
|
1873
|
+
})(["&.", "{&.MuiCircularProgress-colorSecondary{color:#649a3d;}}"], rootClassName$Y);
|
|
1872
1874
|
|
|
1873
1875
|
const DotProgress = ({
|
|
1874
1876
|
ariaLabel,
|
|
@@ -1881,7 +1883,7 @@ const DotProgress = ({
|
|
|
1881
1883
|
value,
|
|
1882
1884
|
variant: _variant = 'indeterminate'
|
|
1883
1885
|
}) => {
|
|
1884
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1886
|
+
const rootClasses = useStylesWithRootClass(rootClassName$Y, className);
|
|
1885
1887
|
return jsx(DotTooltip, Object.assign({
|
|
1886
1888
|
title: _tooltip
|
|
1887
1889
|
}, {
|
|
@@ -1917,23 +1919,23 @@ var variables = /*#__PURE__*/Object.freeze({
|
|
|
1917
1919
|
levelTop: levelTop
|
|
1918
1920
|
});
|
|
1919
1921
|
|
|
1920
|
-
const rootClassName$
|
|
1922
|
+
const rootClassName$X = 'dot-popper';
|
|
1921
1923
|
const StyledPopper$1 = styled(Popper).withConfig({
|
|
1922
1924
|
displayName: "Popperstyles__StyledPopper",
|
|
1923
1925
|
componentId: "sd1h8p-0"
|
|
1924
1926
|
})(["", ""], ({
|
|
1925
1927
|
theme
|
|
1926
|
-
}) => css(["&.", "{font-family:", ";font-size:", "px;}"], rootClassName$
|
|
1928
|
+
}) => css(["&.", "{font-family:", ";font-size:", "px;}"], rootClassName$X, theme.typography.fontFamily, theme.typography.body1.fontSize));
|
|
1927
1929
|
|
|
1928
1930
|
const flyoutMenuClassName = 'dot-flyout-menu';
|
|
1929
|
-
const rootClassName$
|
|
1931
|
+
const rootClassName$W = 'dot-menu';
|
|
1930
1932
|
const getListMaxHeight = maxHeight => isString$1(maxHeight) ? maxHeight : `${maxHeight}px`;
|
|
1931
1933
|
const StyledPopper = styled(Popper).withConfig({
|
|
1932
1934
|
displayName: "Menustyles__StyledPopper",
|
|
1933
1935
|
componentId: "sc-134fmqu-0"
|
|
1934
1936
|
})(["", ""], ({
|
|
1935
1937
|
theme
|
|
1936
|
-
}) => css(["&.", "{font-family:", ";font-size:", "px;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$
|
|
1938
|
+
}) => css(["&.", "{font-family:", ";font-size:", "px;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$X, theme.typography.fontFamily, theme.typography.body1.fontSize, levelSecond, rootClassName$W, rootClassName$X, ({
|
|
1937
1939
|
$maxHeight
|
|
1938
1940
|
}) => $maxHeight !== undefined && `
|
|
1939
1941
|
max-height: ${getListMaxHeight($maxHeight)};
|
|
@@ -1943,7 +1945,7 @@ const MENU_ITEM_HEIGHT_NORMAL = 48;
|
|
|
1943
1945
|
const MENU_ITEM_HEIGHT_DENSE = 36;
|
|
1944
1946
|
const DEFAULT_MAX_VISIBLE_ITEMS = 7;
|
|
1945
1947
|
|
|
1946
|
-
const rootClassName$
|
|
1948
|
+
const rootClassName$V = 'dot-ul';
|
|
1947
1949
|
const listItemClassName$1 = 'dot-li';
|
|
1948
1950
|
const listItemWithSubmenuClassName = 'dot-li-with-submenu';
|
|
1949
1951
|
const StyledMenuList = styled(MenuList).withConfig({
|
|
@@ -1951,7 +1953,7 @@ const StyledMenuList = styled(MenuList).withConfig({
|
|
|
1951
1953
|
componentId: "yqdwwg-0"
|
|
1952
1954
|
})(["", ""], ({
|
|
1953
1955
|
theme
|
|
1954
|
-
}) => css(["&.", "{.dot-li{font-size:", "px;justify-content:space-between;gap:", ";&:hover{background:", ";}&.Mui-selected,&.Mui-selected:hover{background:", ";}&.", "{padding-right:", ";}}}"], rootClassName$
|
|
1956
|
+
}) => css(["&.", "{.dot-li{font-size:", "px;justify-content:space-between;gap:", ";&:hover{background:", ";}&.Mui-selected,&.Mui-selected:hover{background:", ";}&.", "{padding-right:", ";}}}"], rootClassName$V, theme.typography.body1.fontSize, theme.spacing(3), hoverGray, lightSelectedGray, listItemWithSubmenuClassName, theme.spacing(0.5)));
|
|
1955
1957
|
|
|
1956
1958
|
const getDefaultItemHeight = isDense => isDense ? MENU_ITEM_HEIGHT_DENSE : MENU_ITEM_HEIGHT_NORMAL;
|
|
1957
1959
|
const calculateItemHeight = (isDense, customItemHeight, menuItemHeight) => {
|
|
@@ -2024,7 +2026,7 @@ const DotMenuList = /*#__PURE__*/forwardRef(({
|
|
|
2024
2026
|
onSubMenuCreate,
|
|
2025
2027
|
selectedKey
|
|
2026
2028
|
}, ref) => {
|
|
2027
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2029
|
+
const rootClasses = useStylesWithRootClass(rootClassName$V, className);
|
|
2028
2030
|
const [activeSubmenu, setActiveSubmenu] = useState(null);
|
|
2029
2031
|
const [subItemAnchorEl, setSubItemAnchorEl] = useState(null);
|
|
2030
2032
|
const openSubmenu = (target, itemKey) => {
|
|
@@ -2134,7 +2136,7 @@ const DotMenu = ({
|
|
|
2134
2136
|
open: _open = false,
|
|
2135
2137
|
selectedKey
|
|
2136
2138
|
}) => {
|
|
2137
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2139
|
+
const rootClasses = useStylesWithRootClass(rootClassName$W, className, _loading ? 'loading' : '');
|
|
2138
2140
|
const isSubmenu = checkIfSubmenu(anchorEl);
|
|
2139
2141
|
const hasSubItems = checkForSubItems(_menuItems);
|
|
2140
2142
|
// Timeout object is customizable when Menu component is either submenu
|
|
@@ -2232,13 +2234,13 @@ const CreateUUID = () => {
|
|
|
2232
2234
|
});
|
|
2233
2235
|
};
|
|
2234
2236
|
|
|
2235
|
-
const rootClassName$
|
|
2237
|
+
const rootClassName$U = 'dot-drawer';
|
|
2236
2238
|
const StyledDrawer = styled(Drawer).withConfig({
|
|
2237
2239
|
displayName: "Drawerstyles__StyledDrawer",
|
|
2238
2240
|
componentId: "sc-1uiowy0-0"
|
|
2239
2241
|
})(["", ""], ({
|
|
2240
2242
|
theme
|
|
2241
|
-
}) => css(["&.", " .MuiBackdrop-root{background-color:", ";}.dot-drawer-paper{height:", ";padding:", ";width:", ";}"], rootClassName$
|
|
2243
|
+
}) => css(["&.", " .MuiBackdrop-root{background-color:", ";}.dot-drawer-paper{height:", ";padding:", ";width:", ";}"], rootClassName$U, alpha(theme.palette.grey[900], 0.7), ({
|
|
2242
2244
|
height,
|
|
2243
2245
|
anchor
|
|
2244
2246
|
}) => anchor === 'left' || anchor === 'right' ? '100%' : height, theme.spacing(2), ({
|
|
@@ -2246,19 +2248,19 @@ const StyledDrawer = styled(Drawer).withConfig({
|
|
|
2246
2248
|
anchor
|
|
2247
2249
|
}) => anchor === 'bottom' || anchor === 'top' ? 'auto' : width));
|
|
2248
2250
|
|
|
2249
|
-
const rootClassName$
|
|
2251
|
+
const rootClassName$T = 'dot-drawer-header';
|
|
2250
2252
|
const StyleDrawerHeader = styled.div.withConfig({
|
|
2251
2253
|
displayName: "DrawerHeaderstyles__StyleDrawerHeader",
|
|
2252
2254
|
componentId: "sc-2d2xd3-0"
|
|
2253
2255
|
})(["", ""], ({
|
|
2254
2256
|
theme
|
|
2255
|
-
}) => css(["&.", "{padding:", ";display:flex;align-items:center;.close-button{margin-left:auto;}}"], rootClassName$
|
|
2257
|
+
}) => css(["&.", "{padding:", ";display:flex;align-items:center;.close-button{margin-left:auto;}}"], rootClassName$T, theme.spacing(0, 0, 2)));
|
|
2256
2258
|
|
|
2257
|
-
const rootClassName$
|
|
2259
|
+
const rootClassName$S = 'dot-icon-btn';
|
|
2258
2260
|
const StyledIconButton = styled(IconButton).withConfig({
|
|
2259
2261
|
displayName: "IconButtonstyles__StyledIconButton",
|
|
2260
2262
|
componentId: "eko0kb-0"
|
|
2261
|
-
})(["", ""], () => css(["&.", "{font-size:inherit;padding:10px;.dot-icon.MuiIcon-fontSizeSmall{padding:1px;}&.MuiIconButton-sizeSmall{padding:3px;}&.ripple-disabled{&:hover,&:active,&:focus{background:", ";}}"], rootClassName$
|
|
2263
|
+
})(["", ""], () => css(["&.", "{font-size:inherit;padding:10px;.dot-icon.MuiIcon-fontSizeSmall{padding:1px;}&.MuiIconButton-sizeSmall{padding:3px;}&.ripple-disabled{&:hover,&:active,&:focus{background:", ";}}"], rootClassName$S, hoverGray));
|
|
2262
2264
|
|
|
2263
2265
|
const DotIconButton = ({
|
|
2264
2266
|
ariaLabel,
|
|
@@ -2274,7 +2276,7 @@ const DotIconButton = ({
|
|
|
2274
2276
|
size: _size = 'medium'
|
|
2275
2277
|
}) => {
|
|
2276
2278
|
const rippleClassName = _disableRipple ? 'ripple-disabled' : '';
|
|
2277
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2279
|
+
const rootClasses = useStylesWithRootClass(rootClassName$S, rippleClassName, className);
|
|
2278
2280
|
return jsx(DotTooltip, Object.assign({
|
|
2279
2281
|
"data-testid": "icon-button-tooltip",
|
|
2280
2282
|
title: tooltip
|
|
@@ -2308,7 +2310,7 @@ const DotDrawerHeader = ({
|
|
|
2308
2310
|
onClose,
|
|
2309
2311
|
variant
|
|
2310
2312
|
}) => {
|
|
2311
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2313
|
+
const rootClasses = useStylesWithRootClass(rootClassName$T, className);
|
|
2312
2314
|
return jsxs(StyleDrawerHeader, Object.assign({
|
|
2313
2315
|
"aria-label": ariaLabel,
|
|
2314
2316
|
className: rootClasses,
|
|
@@ -2322,11 +2324,11 @@ const DotDrawerHeader = ({
|
|
|
2322
2324
|
}), void 0);
|
|
2323
2325
|
};
|
|
2324
2326
|
|
|
2325
|
-
const rootClassName$
|
|
2327
|
+
const rootClassName$R = 'dot-drawer-body';
|
|
2326
2328
|
const StyleDrawerBody = styled.div.withConfig({
|
|
2327
2329
|
displayName: "DrawerBodystyles__StyleDrawerBody",
|
|
2328
2330
|
componentId: "sc-1mpmjdk-0"
|
|
2329
|
-
})(["", ""], () => css(["&.", "{display:flex;.dot-drawer-close-button{align-self:self-start;padding:0;margin-left:auto;}}"], rootClassName$
|
|
2331
|
+
})(["", ""], () => css(["&.", "{display:flex;.dot-drawer-close-button{align-self:self-start;padding:0;margin-left:auto;}}"], rootClassName$R));
|
|
2330
2332
|
|
|
2331
2333
|
const DotDrawerBody = ({
|
|
2332
2334
|
ariaLabel,
|
|
@@ -2337,7 +2339,7 @@ const DotDrawerBody = ({
|
|
|
2337
2339
|
onClose,
|
|
2338
2340
|
variant
|
|
2339
2341
|
}) => {
|
|
2340
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2342
|
+
const rootClasses = useStylesWithRootClass(rootClassName$R, className);
|
|
2341
2343
|
return jsxs(StyleDrawerBody, Object.assign({
|
|
2342
2344
|
"aria-label": ariaLabel,
|
|
2343
2345
|
className: rootClasses,
|
|
@@ -2351,13 +2353,13 @@ const DotDrawerBody = ({
|
|
|
2351
2353
|
}), void 0);
|
|
2352
2354
|
};
|
|
2353
2355
|
|
|
2354
|
-
const rootClassName$
|
|
2356
|
+
const rootClassName$Q = 'dot-drawer-footer';
|
|
2355
2357
|
const StyleDrawerFooter = styled.div.withConfig({
|
|
2356
2358
|
displayName: "DrawerFooterstyles__StyleDrawerFooter",
|
|
2357
2359
|
componentId: "sc-1ki05ze-0"
|
|
2358
2360
|
})(["", ""], ({
|
|
2359
2361
|
theme
|
|
2360
|
-
}) => css(["&.", "{padding:", ";}"], rootClassName$
|
|
2362
|
+
}) => css(["&.", "{padding:", ";}"], rootClassName$Q, theme.spacing(2, 0, 0)));
|
|
2361
2363
|
|
|
2362
2364
|
const DotDrawerFooter = ({
|
|
2363
2365
|
ariaLabel,
|
|
@@ -2365,7 +2367,7 @@ const DotDrawerFooter = ({
|
|
|
2365
2367
|
className,
|
|
2366
2368
|
'data-testid': dataTestId
|
|
2367
2369
|
}) => {
|
|
2368
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2370
|
+
const rootClasses = useStylesWithRootClass(rootClassName$Q, className);
|
|
2369
2371
|
return jsx(StyleDrawerFooter, Object.assign({
|
|
2370
2372
|
"aria-label": ariaLabel,
|
|
2371
2373
|
className: rootClasses,
|
|
@@ -2402,7 +2404,7 @@ const DotDrawer = ({
|
|
|
2402
2404
|
onClose(event);
|
|
2403
2405
|
}
|
|
2404
2406
|
};
|
|
2405
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2407
|
+
const rootClasses = useStylesWithRootClass(rootClassName$U, className);
|
|
2406
2408
|
const headerExists = !!drawerHeaderProps;
|
|
2407
2409
|
const bodyTestId = drawerBodyProps ? drawerBodyProps[`data-testid`] : 'drawer-body';
|
|
2408
2410
|
return jsxs(StyledDrawer, Object.assign({
|
|
@@ -2488,7 +2490,7 @@ const DotList = ({
|
|
|
2488
2490
|
nestedListType: _nestedListType = 'expandable',
|
|
2489
2491
|
width: _width = 240
|
|
2490
2492
|
}) => {
|
|
2491
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2493
|
+
const rootClasses = useStylesWithRootClass(rootClassName$Z, className);
|
|
2492
2494
|
const listWidth = typeof _width === 'number' ? `${_width}px` : _width;
|
|
2493
2495
|
const listRef = useRef();
|
|
2494
2496
|
const [listItemIndex, setListItemIndex] = useState(null);
|
|
@@ -2861,7 +2863,7 @@ const DotInputText = ({
|
|
|
2861
2863
|
const hasEndAdornmentIcon = endIcon || _error || hasWarning || hasSuccess;
|
|
2862
2864
|
// This state is used only with debounce feature enabled
|
|
2863
2865
|
const [inputTextState, setInputTextState] = useState(hasDebounce && getInitialState(value));
|
|
2864
|
-
const rootStyles = useStylesWithRootClass(rootClassName$
|
|
2866
|
+
const rootStyles = useStylesWithRootClass(rootClassName$13, hasError, hasWarning, hasSuccess, _readOnly ? 'read-only' : '');
|
|
2865
2867
|
// Used to control text value from the consumer component
|
|
2866
2868
|
// when debounce feature is enabled
|
|
2867
2869
|
useEffect(() => {
|
|
@@ -2969,11 +2971,11 @@ const DotInputText = ({
|
|
|
2969
2971
|
}), void 0);
|
|
2970
2972
|
};
|
|
2971
2973
|
|
|
2972
|
-
const rootClassName$
|
|
2974
|
+
const rootClassName$P = 'dot-search-input';
|
|
2973
2975
|
const StyledSearchInput = styled.span.withConfig({
|
|
2974
2976
|
displayName: "SearchInputstyles__StyledSearchInput",
|
|
2975
2977
|
componentId: "qlwzku-0"
|
|
2976
|
-
})(["", ""], () => css(["&.", "{}"], rootClassName$
|
|
2978
|
+
})(["", ""], () => css(["&.", "{}"], rootClassName$P));
|
|
2977
2979
|
|
|
2978
2980
|
function SearchInput({
|
|
2979
2981
|
'data-testid': dataTestId,
|
|
@@ -2986,7 +2988,7 @@ function SearchInput({
|
|
|
2986
2988
|
tooltip = null,
|
|
2987
2989
|
value
|
|
2988
2990
|
}) {
|
|
2989
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2991
|
+
const rootClasses = useStylesWithRootClass(rootClassName$P, className);
|
|
2990
2992
|
const [searchText, setSearchText] = useState(value);
|
|
2991
2993
|
let previousSearchText = '';
|
|
2992
2994
|
const handleChange = useCallback(event => {
|
|
@@ -3037,13 +3039,13 @@ function SearchInput({
|
|
|
3037
3039
|
}), void 0);
|
|
3038
3040
|
}
|
|
3039
3041
|
|
|
3040
|
-
const rootClassName$
|
|
3042
|
+
const rootClassName$O = 'dot-copy-button';
|
|
3041
3043
|
const StyledCopyButton = styled.span.withConfig({
|
|
3042
3044
|
displayName: "CopyButtonstyles__StyledCopyButton",
|
|
3043
3045
|
componentId: "sc-18ff0u-0"
|
|
3044
3046
|
})(["", ""], ({
|
|
3045
3047
|
theme
|
|
3046
|
-
}) => css(["&.", "{.copied-to-clipboard{color:", ";}}"], rootClassName$
|
|
3048
|
+
}) => css(["&.", "{.copied-to-clipboard{color:", ";}}"], rootClassName$O, theme.palette.success[400]));
|
|
3047
3049
|
|
|
3048
3050
|
const DotCopyButton = ({
|
|
3049
3051
|
ariaLabel: _ariaLabel = 'Copy to clipboard',
|
|
@@ -3072,7 +3074,7 @@ const DotCopyButton = ({
|
|
|
3072
3074
|
return false;
|
|
3073
3075
|
};
|
|
3074
3076
|
return jsxs(StyledCopyButton, Object.assign({
|
|
3075
|
-
className: rootClassName$
|
|
3077
|
+
className: rootClassName$O,
|
|
3076
3078
|
"data-testid": dataTestId
|
|
3077
3079
|
}, {
|
|
3078
3080
|
children: [!showCopiedIcon && jsx(DotIconButton, {
|
|
@@ -3313,13 +3315,13 @@ const recentAppInstancesSetter = (latestInstance, maxRecentItems
|
|
|
3313
3315
|
};
|
|
3314
3316
|
};
|
|
3315
3317
|
|
|
3316
|
-
const rootClassName$
|
|
3318
|
+
const rootClassName$N = 'dot-app-switcher';
|
|
3317
3319
|
const StyledAppSwitcher = styled(DotDrawer).withConfig({
|
|
3318
3320
|
displayName: "AppSwitcherstyles__StyledAppSwitcher",
|
|
3319
3321
|
componentId: "hhxfqg-0"
|
|
3320
3322
|
})(["", ""], ({
|
|
3321
3323
|
theme
|
|
3322
|
-
}) => css(["&.", "{.dot-drawer-paper{padding:0;width:382px;}.content{padding:", ";overflow-y:auto;}.app-menu-item{display:flex;justify-content:space-between;align-items:center;}.dot-link,.product-menu-item{display:flex;justify-content:space-between;align-items:center;width:100%;height:60px;margin-bottom:", ";text-decoration:none;cursor:pointer;}.logo-title{display:flex;align-items:center;gap:16px;width:100%;.start-icon{width:40px;display:flex;justify-content:space-around;align-items:center;}}.dot-avatar{flex-basis:40px;}.section-title{display:flex;align-items:center;height:30px;padding:", ";margin:", ";border-bottom:1px solid ", ";}.dot-app-switcher-app-title{min-width:150px;}.dot-icon{flex-basis:content;}.app-switcher-header{.app-switcher-header-title{display:flex;align-items:center;}display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid ", ";padding:", ";.app-switcher-label{padding-left:", ";}}.app-switcher-back-button{&.dot-button.MuiButton-text{padding-left:0;}}.product-heading{display:flex;align-items:center;gap:16px;}.product-applications{margin-top:", ";width:100%;}.app-instance-search{margin-top:", ";}}"], rootClassName$
|
|
3324
|
+
}) => css(["&.", "{.dot-drawer-paper{padding:0;width:382px;}.content{padding:", ";overflow-y:auto;}.app-menu-item{display:flex;justify-content:space-between;align-items:center;}.dot-link,.product-menu-item{display:flex;justify-content:space-between;align-items:center;width:100%;height:60px;margin-bottom:", ";text-decoration:none;cursor:pointer;}.logo-title{display:flex;align-items:center;gap:16px;width:100%;.start-icon{width:40px;display:flex;justify-content:space-around;align-items:center;}}.dot-avatar{flex-basis:40px;}.section-title{display:flex;align-items:center;height:30px;padding:", ";margin:", ";border-bottom:1px solid ", ";}.dot-app-switcher-app-title{min-width:150px;}.dot-icon{flex-basis:content;}.app-switcher-header{.app-switcher-header-title{display:flex;align-items:center;}display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid ", ";padding:", ";.app-switcher-label{padding-left:", ";}}.app-switcher-back-button{&.dot-button.MuiButton-text{padding-left:0;}}.product-heading{display:flex;align-items:center;gap:16px;}.product-applications{margin-top:", ";width:100%;}.app-instance-search{margin-top:", ";}}"], rootClassName$N, theme.spacing(0, 2, 1, 2), theme.spacing(1), theme.spacing(0, 0, 0, 2), theme.spacing(0, -2, 0), theme.palette.grey[100], theme.palette.grey[100], theme.spacing(0, 2, 1, 2), theme.spacing(2), theme.spacing(2), theme.spacing(2)));
|
|
3323
3325
|
|
|
3324
3326
|
const DotAppSwitcherView = ({
|
|
3325
3327
|
activeApp,
|
|
@@ -3340,7 +3342,7 @@ const DotAppSwitcherView = ({
|
|
|
3340
3342
|
if (dotCoreApiContext !== null) {
|
|
3341
3343
|
setSelectedAppType = dotCoreApiContext.setSelectedAppSwitcherAppType;
|
|
3342
3344
|
}
|
|
3343
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
3345
|
+
const rootClasses = useStylesWithRootClass(rootClassName$N, className);
|
|
3344
3346
|
const [appTypeMap, setAppTypeMap] = useState();
|
|
3345
3347
|
const [appTypeLabels, setAppTypeLabels] = useState();
|
|
3346
3348
|
const [appTypeMenuItems, setAppTypeMenuItems] = useState();
|
|
@@ -3721,19 +3723,19 @@ function SvgLogoDigitalAiWhite(_ref, svgRef) {
|
|
|
3721
3723
|
}
|
|
3722
3724
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgLogoDigitalAiWhite);
|
|
3723
3725
|
|
|
3724
|
-
const rootClassName$
|
|
3726
|
+
const rootClassName$M = 'dot-sidebar';
|
|
3725
3727
|
const StyledSidebar = styled.aside.withConfig({
|
|
3726
3728
|
displayName: "Sidebarstyles__StyledSidebar",
|
|
3727
3729
|
componentId: "l3atb4-0"
|
|
3728
3730
|
})(["", ""], ({
|
|
3729
3731
|
theme
|
|
3730
|
-
}) => 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 ", ";}}.back-button-text{margin-right:", ";}}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:44px;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$
|
|
3732
|
+
}) => 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 ", ";}}.back-button-text{margin-right:", ";}}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:44px;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$M, 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.spacing(2.5), 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), 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)));
|
|
3731
3733
|
|
|
3732
|
-
const rootClassName$
|
|
3734
|
+
const rootClassName$L = 'dot-truncate-with-tooltip';
|
|
3733
3735
|
const StyledTruncateWithTooltip = styled(Tooltip).withConfig({
|
|
3734
3736
|
displayName: "TruncateWithTooltipstyles__StyledTruncateWithTooltip",
|
|
3735
3737
|
componentId: "sc-1o80lur-0"
|
|
3736
|
-
})(["", ""], () => css(["&.", "{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}&.dot-characters-limit{display:inline;}"], rootClassName$
|
|
3738
|
+
})(["", ""], () => css(["&.", "{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}&.dot-characters-limit{display:inline;}"], rootClassName$L));
|
|
3737
3739
|
|
|
3738
3740
|
const getTruncatedLabel = (label, charactersLimit) => {
|
|
3739
3741
|
if (!charactersLimit || charactersLimit <= 0 || label.length < charactersLimit) return label;
|
|
@@ -3752,7 +3754,7 @@ const DotTruncateWithTooltip = ({
|
|
|
3752
3754
|
label,
|
|
3753
3755
|
width
|
|
3754
3756
|
}) => {
|
|
3755
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
3757
|
+
const rootClasses = useStylesWithRootClass(rootClassName$L, className, charactersLimit ? 'dot-characters-limit' : '');
|
|
3756
3758
|
return jsx(StyledTruncateWithTooltip, Object.assign({
|
|
3757
3759
|
"aria-label": ariaLabel,
|
|
3758
3760
|
className: rootClasses,
|
|
@@ -3868,7 +3870,7 @@ const DotSidebar = ({
|
|
|
3868
3870
|
setIsOpen(!isOpen);
|
|
3869
3871
|
};
|
|
3870
3872
|
const sidebarClasses = useStylesWithRootClass('side-nav', openClass);
|
|
3871
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
3873
|
+
const rootClasses = useStylesWithRootClass(rootClassName$M, openClass, className);
|
|
3872
3874
|
return jsxs(StyledSidebar, Object.assign({
|
|
3873
3875
|
"aria-label": ariaLabel,
|
|
3874
3876
|
className: rootClasses,
|
|
@@ -3939,13 +3941,13 @@ const DotSidebar = ({
|
|
|
3939
3941
|
}), void 0);
|
|
3940
3942
|
};
|
|
3941
3943
|
|
|
3942
|
-
const rootClassName$
|
|
3944
|
+
const rootClassName$K = 'dot-badge';
|
|
3943
3945
|
const StyledBadge = styled(Badge).withConfig({
|
|
3944
3946
|
displayName: "Badgestyles__StyledBadge",
|
|
3945
3947
|
componentId: "sc-1brv3h5-0"
|
|
3946
3948
|
})(["", ""], ({
|
|
3947
3949
|
theme
|
|
3948
|
-
}) => css(["&.", "{color:", ";word-break:normal;.MuiBadge-badge{background-color:", ";&.MuiBadge-standard{font-size:10px;height:", ";min-width:", ";padding:", ";}}}"], rootClassName$
|
|
3950
|
+
}) => css(["&.", "{color:", ";word-break:normal;.MuiBadge-badge{background-color:", ";&.MuiBadge-standard{font-size:10px;height:", ";min-width:", ";padding:", ";}}}"], rootClassName$K, theme.palette.text.primary, ({
|
|
3949
3951
|
$badgeColor
|
|
3950
3952
|
}) => {
|
|
3951
3953
|
return $badgeColor;
|
|
@@ -3963,7 +3965,7 @@ const DotBadge = ({
|
|
|
3963
3965
|
overlap,
|
|
3964
3966
|
variant: _variant = 'dot'
|
|
3965
3967
|
}) => {
|
|
3966
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
3968
|
+
const rootClasses = useStylesWithRootClass(rootClassName$K, className);
|
|
3967
3969
|
return jsx(StyledBadge, Object.assign({
|
|
3968
3970
|
"$badgeColor": badgeColor,
|
|
3969
3971
|
anchorOrigin: {
|
|
@@ -3986,7 +3988,7 @@ const DotBadge = ({
|
|
|
3986
3988
|
}), void 0);
|
|
3987
3989
|
};
|
|
3988
3990
|
|
|
3989
|
-
const rootClassName$
|
|
3991
|
+
const rootClassName$J = 'dot-app-toolbar';
|
|
3990
3992
|
const denseClassName = 'dense';
|
|
3991
3993
|
const StyledMainMenu = styled(DotDrawer).withConfig({
|
|
3992
3994
|
displayName: "AppToolbarstyles__StyledMainMenu",
|
|
@@ -3999,7 +4001,7 @@ const StyledAppToolbar = styled.header.withConfig({
|
|
|
3999
4001
|
componentId: "sc-3kokby-1"
|
|
4000
4002
|
})(["", ""], ({
|
|
4001
4003
|
theme
|
|
4002
|
-
}) => 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$
|
|
4004
|
+
}) => 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$J, 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));
|
|
4003
4005
|
|
|
4004
4006
|
const DotAppToolbar = ({
|
|
4005
4007
|
ariaLabel,
|
|
@@ -4027,7 +4029,7 @@ const DotAppToolbar = ({
|
|
|
4027
4029
|
const displayAppLogo = appLogo || appLogoSmall;
|
|
4028
4030
|
const mainMenuRef = useRef(null);
|
|
4029
4031
|
const denseClass = _dense ? denseClassName : '';
|
|
4030
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4032
|
+
const rootClasses = useStylesWithRootClass(rootClassName$J, className, denseClass, showMainMenu ? '' : 'without-menu-icon');
|
|
4031
4033
|
const mainMenuClasses = useStylesWithRootClass('dot-main-menu', denseClass, menuOpen ? 'open' : '');
|
|
4032
4034
|
const targetBreakpoint = useMediaQuery(theme => theme.breakpoints.up('md'));
|
|
4033
4035
|
useEffect(() => {
|
|
@@ -4168,7 +4170,7 @@ const DotAppToolbar = ({
|
|
|
4168
4170
|
}), void 0) : appToolbar;
|
|
4169
4171
|
};
|
|
4170
4172
|
|
|
4171
|
-
const rootClassName$
|
|
4173
|
+
const rootClassName$I = 'dot-autocomplete';
|
|
4172
4174
|
const inputRootClassName = 'dot-input-root';
|
|
4173
4175
|
const inputMediumClassName = 'dot-input-medium';
|
|
4174
4176
|
const StyledAutocomplete = styled(Autocomplete).withConfig({
|
|
@@ -4176,15 +4178,15 @@ const StyledAutocomplete = styled(Autocomplete).withConfig({
|
|
|
4176
4178
|
componentId: "j2sgjy-0"
|
|
4177
4179
|
})(["", ""], ({
|
|
4178
4180
|
theme
|
|
4179
|
-
}) => css(["&.", "{&.", " .dot-text-field .", "{height:56px;padding-left:", ";}.", "{padding-top:", ";padding-bottom:", ";}.dot-chip:first-child{margin-left:", ";}.dot-text-field{.", "{min-height:", ";}.warning-icon{color:", ";}.error-icon{color:", ";}}}"], rootClassName$
|
|
4181
|
+
}) => css(["&.", "{&.", " .dot-text-field .", "{height:56px;padding-left:", ";}.", "{padding-top:", ";padding-bottom:", ";}.dot-chip:first-child{margin-left:", ";}.dot-text-field{.", "{min-height:", ";}.warning-icon{color:", ";}.error-icon{color:", ";}}}"], rootClassName$I, inputMediumClassName, inputRootClassName, theme.spacing(2), inputRootClassName, theme.spacing(0), theme.spacing(0), theme.spacing(0), inputRootClassName, theme.spacing(5), theme.palette.warning.main, theme.palette.error.main));
|
|
4180
4182
|
|
|
4181
|
-
const rootClassName$
|
|
4183
|
+
const rootClassName$H = 'dot-chip';
|
|
4182
4184
|
const StyledChip = styled(Chip).withConfig({
|
|
4183
4185
|
displayName: "Chipstyles__StyledChip",
|
|
4184
4186
|
componentId: "f1tsra-0"
|
|
4185
4187
|
})(["", ""], ({
|
|
4186
4188
|
theme
|
|
4187
|
-
}) => css(["&.", "{border-color:", ";.dot-icon i{height:auto;}&.MuiChip-sizeSmall{.dot-icon,.dot-avatar{width:18px;height:18px;}}&.Mui-error{background-color:", ";border-color:", ";.MuiChip-deleteIcon{color:", ";}}&:not(.Mui-error){&:hover{background-color:", ";}.MuiChip-deleteIcon{&:hover{color:", ";}}}.MuiChip-deleteIcon{width:18px;height:18px;color:", ";}}"], rootClassName$
|
|
4189
|
+
}) => css(["&.", "{border-color:", ";.dot-icon i{height:auto;}&.MuiChip-sizeSmall{.dot-icon,.dot-avatar{width:18px;height:18px;}}&.Mui-error{background-color:", ";border-color:", ";.MuiChip-deleteIcon{color:", ";}}&:not(.Mui-error){&:hover{background-color:", ";}.MuiChip-deleteIcon{&:hover{color:", ";}}}.MuiChip-deleteIcon{width:18px;height:18px;color:", ";}}"], rootClassName$H, theme.palette.grey[300], theme.palette.error[50], theme.palette.error.main, theme.palette.error.main, theme.palette.grey[50], theme.palette.grey[400], theme.palette.grey[300]));
|
|
4188
4190
|
|
|
4189
4191
|
const DEFAULT_CHARACTERS_LIMIT = 32;
|
|
4190
4192
|
const DotChip = ({
|
|
@@ -4204,7 +4206,7 @@ const DotChip = ({
|
|
|
4204
4206
|
startIcon
|
|
4205
4207
|
}) => {
|
|
4206
4208
|
const errorClass = _error ? 'Mui-error' : '';
|
|
4207
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4209
|
+
const rootClasses = useStylesWithRootClass(rootClassName$H, className, errorClass);
|
|
4208
4210
|
const getChipLabel = () => {
|
|
4209
4211
|
if (_charactersLimit <= 0 || children.length < _charactersLimit) return children;
|
|
4210
4212
|
const label = `${children.substring(0, _charactersLimit)}...`;
|
|
@@ -4336,8 +4338,8 @@ const DotAutoComplete = ({
|
|
|
4336
4338
|
const [isOpened, setIsOpened] = useState(false);
|
|
4337
4339
|
const [inputText, setInputText] = useState('');
|
|
4338
4340
|
const textFieldWarningClassName = !_error && _warning && warningClassName;
|
|
4339
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4340
|
-
const textFieldRootClasses = useStylesWithRootClass(rootClassName$
|
|
4341
|
+
const rootClasses = useStylesWithRootClass(rootClassName$I, _size === 'medium' && inputMediumClassName, className);
|
|
4342
|
+
const textFieldRootClasses = useStylesWithRootClass(rootClassName$13, className, _readOnly ? 'read-only' : '', textFieldWarningClassName);
|
|
4341
4343
|
const inputRootClasses = useStylesWithRootClass(inputRootClassName, !_dense && inputMediumClassName);
|
|
4342
4344
|
let textFieldInput;
|
|
4343
4345
|
// Used for focus management while popper is opened
|
|
@@ -4383,7 +4385,7 @@ const DotAutoComplete = ({
|
|
|
4383
4385
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
4384
4386
|
const DotPopper = props => {
|
|
4385
4387
|
if (!isActionItemDefined) return jsx(StyledPopper, Object.assign({}, props, {
|
|
4386
|
-
className: rootClassName$
|
|
4388
|
+
className: rootClassName$X,
|
|
4387
4389
|
disablePortal: _disablePortal,
|
|
4388
4390
|
"$maxHeight": maxHeight
|
|
4389
4391
|
}), void 0);
|
|
@@ -4407,7 +4409,7 @@ const DotAutoComplete = ({
|
|
|
4407
4409
|
const paperProps = props.children.props;
|
|
4408
4410
|
const paperChildren = paperProps.children;
|
|
4409
4411
|
return jsx(StyledPopper, Object.assign({}, props, {
|
|
4410
|
-
className: rootClassName$
|
|
4412
|
+
className: rootClassName$X,
|
|
4411
4413
|
disablePortal: _disablePortal,
|
|
4412
4414
|
"$maxHeight": maxHeight
|
|
4413
4415
|
}, {
|
|
@@ -4609,11 +4611,11 @@ const DotAutoComplete = ({
|
|
|
4609
4611
|
}, void 0);
|
|
4610
4612
|
};
|
|
4611
4613
|
|
|
4612
|
-
const rootClassName$
|
|
4614
|
+
const rootClassName$G = 'dot-avatar-group';
|
|
4613
4615
|
const StyledAvatarGroup = styled(AvatarGroup).withConfig({
|
|
4614
4616
|
displayName: "AvatarGroupstyles__StyledAvatarGroup",
|
|
4615
4617
|
componentId: "sc-25by6z-0"
|
|
4616
|
-
})(["", ""], () => css(["&.", "{justify-content:flex-end;.MuiAvatar-root{border:none;}}}"], rootClassName$
|
|
4618
|
+
})(["", ""], () => css(["&.", "{justify-content:flex-end;.MuiAvatar-root{border:none;}}}"], rootClassName$G));
|
|
4617
4619
|
|
|
4618
4620
|
const DotAvatarGroup = ({
|
|
4619
4621
|
ariaLabel,
|
|
@@ -4623,7 +4625,7 @@ const DotAvatarGroup = ({
|
|
|
4623
4625
|
max: _max = 3,
|
|
4624
4626
|
spacing: _spacing = 'medium'
|
|
4625
4627
|
}) => {
|
|
4626
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4628
|
+
const rootClasses = useStylesWithRootClass(rootClassName$G, className);
|
|
4627
4629
|
return jsx(StyledAvatarGroup, Object.assign({
|
|
4628
4630
|
"aria-label": ariaLabel,
|
|
4629
4631
|
classes: {
|
|
@@ -4639,20 +4641,20 @@ const DotAvatarGroup = ({
|
|
|
4639
4641
|
}), void 0);
|
|
4640
4642
|
};
|
|
4641
4643
|
|
|
4642
|
-
const rootClassName$
|
|
4644
|
+
const rootClassName$F = 'dot-breadcrumbs';
|
|
4643
4645
|
const breadcrumbsWrapperClass = 'dot-breadcrumbs-wrapper';
|
|
4644
4646
|
const StyledBreadcrumbsWrapper = styled.div.withConfig({
|
|
4645
4647
|
displayName: "Breadcrumbsstyles__StyledBreadcrumbsWrapper",
|
|
4646
4648
|
componentId: "sc-7cg374-0"
|
|
4647
4649
|
})(["", ""], ({
|
|
4648
4650
|
theme
|
|
4649
|
-
}) => css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$
|
|
4651
|
+
}) => css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$F, theme.spacing(0.5, 2)));
|
|
4650
4652
|
const StyledBreadcrumbs = styled(Breadcrumbs).withConfig({
|
|
4651
4653
|
displayName: "Breadcrumbsstyles__StyledBreadcrumbs",
|
|
4652
4654
|
componentId: "sc-7cg374-1"
|
|
4653
4655
|
})(["", ""], ({
|
|
4654
4656
|
theme
|
|
4655
|
-
}) => 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$
|
|
4657
|
+
}) => 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$F, theme.palette.grey[300], theme.spacing(0.5, 2), theme.palette.grey[700]));
|
|
4656
4658
|
|
|
4657
4659
|
const compareWidth = (parentEl, childEl) => {
|
|
4658
4660
|
return parentEl.getBoundingClientRect().width < childEl.getBoundingClientRect().width;
|
|
@@ -4943,7 +4945,7 @@ const DotBreadcrumbs = ({
|
|
|
4943
4945
|
children: [jsx(StyledBreadcrumbs, Object.assign({
|
|
4944
4946
|
"aria-label": "breadcrumb",
|
|
4945
4947
|
classes: {
|
|
4946
|
-
root: rootClassName$
|
|
4948
|
+
root: rootClassName$F,
|
|
4947
4949
|
ol: 'dot-ol',
|
|
4948
4950
|
li: 'dot-li'
|
|
4949
4951
|
},
|
|
@@ -4973,13 +4975,13 @@ const DotBreadcrumbs = ({
|
|
|
4973
4975
|
}), void 0);
|
|
4974
4976
|
};
|
|
4975
4977
|
|
|
4976
|
-
const rootClassName$
|
|
4978
|
+
const rootClassName$E = 'dot-button-toggle';
|
|
4977
4979
|
const StyledToggleButtonGroup = styled(ToggleButtonGroup).withConfig({
|
|
4978
4980
|
displayName: "ButtonTogglestyles__StyledToggleButtonGroup",
|
|
4979
4981
|
componentId: "sc-1oh4ljv-0"
|
|
4980
4982
|
})(["", ""], ({
|
|
4981
4983
|
theme
|
|
4982
|
-
}) => css(["&.", "{button:not(.MuiToggleButton-sizeLarge):not(.MuiToggleButton-sizeSmall){height:", ";.dot-icon{width:", ";}}.dot-icon{color:", ";+ p{margin-left:", ";}i{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{&.MuiToggleButton-standard{background:", ";}.dot-typography{color:inherit;}}}"], rootClassName$
|
|
4984
|
+
}) => css(["&.", "{button:not(.MuiToggleButton-sizeLarge):not(.MuiToggleButton-sizeSmall){height:", ";.dot-icon{width:", ";}}.dot-icon{color:", ";display:flex;+ p{margin-left:", ";}i{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{&.MuiToggleButton-standard{background:", ";}.dot-typography{color:inherit;}}}"], rootClassName$E, theme.spacing(5), theme.spacing(2), theme.palette.layer.n700, theme.spacing(1), theme.palette.layer.n700, theme.palette.layer.n300, theme.palette.grey[200], selectedGray));
|
|
4983
4985
|
|
|
4984
4986
|
const DotButtonToggle = ({
|
|
4985
4987
|
ariaLabel,
|
|
@@ -4995,7 +4997,7 @@ const DotButtonToggle = ({
|
|
|
4995
4997
|
size: _size = 'medium',
|
|
4996
4998
|
value
|
|
4997
4999
|
}) => {
|
|
4998
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5000
|
+
const rootClasses = useStylesWithRootClass(rootClassName$E, className);
|
|
4999
5001
|
const renderToggleButton = ({
|
|
5000
5002
|
ariaLabel: optionAriaLabel,
|
|
5001
5003
|
className: optionClassName,
|
|
@@ -5101,13 +5103,13 @@ const DotCardContent = ({
|
|
|
5101
5103
|
}), void 0);
|
|
5102
5104
|
};
|
|
5103
5105
|
|
|
5104
|
-
const rootClassName$
|
|
5106
|
+
const rootClassName$D = 'dot-card-footer';
|
|
5105
5107
|
const StyledDiv = styled.div.withConfig({
|
|
5106
5108
|
displayName: "CardFooterstyles__StyledDiv",
|
|
5107
5109
|
componentId: "koblh6-0"
|
|
5108
5110
|
})(["", ""], ({
|
|
5109
5111
|
theme
|
|
5110
|
-
}) => css(["&.", "{padding:", ";}"], rootClassName$
|
|
5112
|
+
}) => css(["&.", "{padding:", ";}"], rootClassName$D, theme.spacing(2)));
|
|
5111
5113
|
|
|
5112
5114
|
const DotCardFooter = ({
|
|
5113
5115
|
ariaLabel,
|
|
@@ -5115,7 +5117,7 @@ const DotCardFooter = ({
|
|
|
5115
5117
|
className,
|
|
5116
5118
|
'data-testid': dataTestId
|
|
5117
5119
|
}) => {
|
|
5118
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5120
|
+
const rootClasses = useStylesWithRootClass(rootClassName$D, className);
|
|
5119
5121
|
return jsx(StyledDiv, Object.assign({
|
|
5120
5122
|
"aria-label": ariaLabel,
|
|
5121
5123
|
className: rootClasses,
|
|
@@ -5160,19 +5162,19 @@ const DotCardHeader = ({
|
|
|
5160
5162
|
}, void 0);
|
|
5161
5163
|
};
|
|
5162
5164
|
|
|
5163
|
-
const rootClassName$
|
|
5165
|
+
const rootClassName$C = 'dot-form-control-label';
|
|
5164
5166
|
const StyledFormControlLabel = styled(FormControlLabel).withConfig({
|
|
5165
5167
|
displayName: "FormControlLabelstyles__StyledFormControlLabel",
|
|
5166
5168
|
componentId: "sc-1vt0om4-0"
|
|
5167
|
-
})(["&.", "{.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$
|
|
5169
|
+
})(["&.", "{.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$C);
|
|
5168
5170
|
|
|
5169
|
-
const rootClassName$
|
|
5171
|
+
const rootClassName$B = 'dot-checkbox';
|
|
5170
5172
|
const StyledCheckbox = styled(Checkbox).withConfig({
|
|
5171
5173
|
displayName: "Checkboxstyles__StyledCheckbox",
|
|
5172
5174
|
componentId: "sc-1ubsn6i-0"
|
|
5173
5175
|
})(["", ""], ({
|
|
5174
5176
|
theme
|
|
5175
|
-
}) => css(["&.", "{padding:", ";&.MuiCheckbox-indeterminate{color:rgba(0,0,0,0.6);}}"], rootClassName$
|
|
5177
|
+
}) => css(["&.", "{padding:", ";&.MuiCheckbox-indeterminate{color:rgba(0,0,0,0.6);}}"], rootClassName$B, theme.spacing(1)));
|
|
5176
5178
|
|
|
5177
5179
|
function DotCheckbox({
|
|
5178
5180
|
ariaLabel,
|
|
@@ -5193,14 +5195,14 @@ function DotCheckbox({
|
|
|
5193
5195
|
size = 'medium',
|
|
5194
5196
|
value
|
|
5195
5197
|
}) {
|
|
5196
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5198
|
+
const rootClasses = useStylesWithRootClass(rootClassName$C, className);
|
|
5197
5199
|
const handleChange = event => {
|
|
5198
5200
|
onChange && onChange(event, event.target.value);
|
|
5199
5201
|
};
|
|
5200
5202
|
const checkboxControl = jsx(StyledCheckbox, {
|
|
5201
5203
|
checked: checked,
|
|
5202
5204
|
classes: {
|
|
5203
|
-
root: rootClassName$
|
|
5205
|
+
root: rootClassName$B
|
|
5204
5206
|
},
|
|
5205
5207
|
color: "primary",
|
|
5206
5208
|
"data-testid": dataTestId,
|
|
@@ -5227,7 +5229,7 @@ function DotCheckbox({
|
|
|
5227
5229
|
}, void 0);
|
|
5228
5230
|
}
|
|
5229
5231
|
|
|
5230
|
-
const rootClassName$
|
|
5232
|
+
const rootClassName$A = 'dot-form-group';
|
|
5231
5233
|
const groupLabelClassName = 'dot-form-group-label';
|
|
5232
5234
|
const startAdornmentClassName = 'dot-start-adornment';
|
|
5233
5235
|
const endAdornmentClassName = 'dot-end-adornment';
|
|
@@ -5235,9 +5237,9 @@ const placementClassName = 'dot-';
|
|
|
5235
5237
|
const StyledFormControl = styled(FormControl).withConfig({
|
|
5236
5238
|
displayName: "FormControlstyles__StyledFormControl",
|
|
5237
5239
|
componentId: "sc-532kip-0"
|
|
5238
|
-
})(["&.", "{.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$
|
|
5240
|
+
})(["&.", "{.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$A, endAdornmentClassName, startAdornmentClassName, `${placementClassName}start`, `${placementClassName}bottom`);
|
|
5239
5241
|
|
|
5240
|
-
const rootClassName$
|
|
5242
|
+
const rootClassName$z = 'dot-checkbox-group';
|
|
5241
5243
|
const wrapperClassName$1 = 'dot-checkbox-group-wrapper';
|
|
5242
5244
|
const checkboxListClassName = 'dot-checkbox-list';
|
|
5243
5245
|
const checkboxListItemClassName = 'dot-checkbox-list-item';
|
|
@@ -5246,16 +5248,16 @@ const StyledCheckboxGroup = styled.div.withConfig({
|
|
|
5246
5248
|
componentId: "bhb21v-0"
|
|
5247
5249
|
})(["", ""], ({
|
|
5248
5250
|
theme
|
|
5249
|
-
}) => 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$
|
|
5251
|
+
}) => 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$z, theme.typography.body2.fontFamily, theme.typography.body2.fontSize, theme.typography.body2.fontWeight, theme.palette.grey[400], checkboxListClassName, theme.spacing(2.5), rootClassName$C));
|
|
5250
5252
|
|
|
5251
|
-
const rootClassName$
|
|
5253
|
+
const rootClassName$y = 'dot-form-group';
|
|
5252
5254
|
const StyledFormGroup = styled(FormGroup).withConfig({
|
|
5253
5255
|
displayName: "FormGroupstyles__StyledFormGroup",
|
|
5254
5256
|
componentId: "sc-1dlipcr-0"
|
|
5255
5257
|
})(["", ""], ({
|
|
5256
5258
|
theme,
|
|
5257
5259
|
row
|
|
5258
|
-
}) => css(["&.", "{& > *{margin:", ";}}"], rootClassName$
|
|
5260
|
+
}) => css(["&.", "{& > *{margin:", ";}}"], rootClassName$y, row ? `${theme.spacing(0.5)}` : 0));
|
|
5259
5261
|
|
|
5260
5262
|
function DotFormGroup({
|
|
5261
5263
|
ariaLabel,
|
|
@@ -5264,7 +5266,7 @@ function DotFormGroup({
|
|
|
5264
5266
|
'data-testid': dataTestId,
|
|
5265
5267
|
row
|
|
5266
5268
|
}) {
|
|
5267
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5269
|
+
const rootClasses = useStylesWithRootClass(rootClassName$A, className);
|
|
5268
5270
|
return jsx(StyledFormGroup, Object.assign({
|
|
5269
5271
|
"aria-label": ariaLabel,
|
|
5270
5272
|
classes: {
|
|
@@ -5304,7 +5306,7 @@ function DotCheckboxGroup({
|
|
|
5304
5306
|
size = 'medium'
|
|
5305
5307
|
}) {
|
|
5306
5308
|
const placement = `${placementClassName}${labelPlacement}`;
|
|
5307
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5309
|
+
const rootClasses = useStylesWithRootClass(rootClassName$A, rootClassName$z, className, placement);
|
|
5308
5310
|
const [selectedOptions, setSelectedOptions] = useState(defaultValues);
|
|
5309
5311
|
const [allChecked, setAllChecked] = useState(false);
|
|
5310
5312
|
/* This will ensure that state can be updated from the outside */
|
|
@@ -5396,13 +5398,13 @@ function DotCheckboxGroup({
|
|
|
5396
5398
|
}), void 0);
|
|
5397
5399
|
}
|
|
5398
5400
|
|
|
5399
|
-
const rootClassName$
|
|
5401
|
+
const rootClassName$x = 'dot-dialog';
|
|
5400
5402
|
const StyledDialog = styled(Dialog).withConfig({
|
|
5401
5403
|
displayName: "Dialogstyles__StyledDialog",
|
|
5402
5404
|
componentId: "sc-1tkr4ex-0"
|
|
5403
5405
|
})(["", ""], ({
|
|
5404
5406
|
theme
|
|
5405
|
-
}) => css(["&.", "{.MuiDialog-paper{min-width:280px;max-height:80vh;max-width:80vw;}.MuiDialogTitle-root,.dot-dialog-title{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$
|
|
5407
|
+
}) => css(["&.", "{.MuiDialog-paper{min-width:280px;max-height:80vh;max-width:80vw;}.MuiDialogTitle-root,.dot-dialog-title{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$x, theme.spacing(1, 2), theme.spacing(1), theme.spacing(1, 2), theme.spacing(1)));
|
|
5406
5408
|
|
|
5407
5409
|
const DotDialog = ({
|
|
5408
5410
|
ariaLabel,
|
|
@@ -5420,7 +5422,7 @@ const DotDialog = ({
|
|
|
5420
5422
|
submitButtonProps,
|
|
5421
5423
|
title
|
|
5422
5424
|
}) => {
|
|
5423
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5425
|
+
const rootClasses = useStylesWithRootClass(rootClassName$x, className);
|
|
5424
5426
|
const cancelClasses = useStylesWithRootClass(cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, 'cancel-button');
|
|
5425
5427
|
const [isOpen, setIsOpen] = useState(open);
|
|
5426
5428
|
useEffect(() => {
|
|
@@ -5537,7 +5539,7 @@ const DotConfirmationDialog = ({
|
|
|
5537
5539
|
}), void 0);
|
|
5538
5540
|
};
|
|
5539
5541
|
|
|
5540
|
-
const rootClassName$
|
|
5542
|
+
const rootClassName$w = 'dot-grid';
|
|
5541
5543
|
const frGetter = value => typeof value === 'number' ? `repeat(${value}, 1fr)` : value;
|
|
5542
5544
|
const breakpointsGetter$1 = (theme, columnsBreakpoints, columnGap, rowGap) => `${theme.breakpoints.up('xs')} {
|
|
5543
5545
|
column-gap: ${`${columnGap.xs}px`};
|
|
@@ -5582,7 +5584,7 @@ const Grid = ({
|
|
|
5582
5584
|
className,
|
|
5583
5585
|
children
|
|
5584
5586
|
}) => {
|
|
5585
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5587
|
+
const rootClasses = useStylesWithRootClass(rootClassName$w, className);
|
|
5586
5588
|
return jsx("div", Object.assign({
|
|
5587
5589
|
className: rootClasses
|
|
5588
5590
|
}, {
|
|
@@ -5603,7 +5605,7 @@ const StyledGrid = styled(Grid).withConfig({
|
|
|
5603
5605
|
rows,
|
|
5604
5606
|
theme,
|
|
5605
5607
|
width
|
|
5606
|
-
}) => css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$
|
|
5608
|
+
}) => css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$w, 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};`));
|
|
5607
5609
|
const CssGrid = props => {
|
|
5608
5610
|
return jsx(StyledGrid, Object.assign({}, props), void 0);
|
|
5609
5611
|
};
|
|
@@ -5759,7 +5761,7 @@ const CssGridDebug = ({
|
|
|
5759
5761
|
}), void 0);
|
|
5760
5762
|
};
|
|
5761
5763
|
|
|
5762
|
-
const rootClassName$
|
|
5764
|
+
const rootClassName$v = 'dot-empty-state';
|
|
5763
5765
|
const StyledEmptyState = styled.div.withConfig({
|
|
5764
5766
|
displayName: "EmptyStatestyles__StyledEmptyState",
|
|
5765
5767
|
componentId: "sc-1sftmht-0"
|
|
@@ -5777,7 +5779,7 @@ const DotEmptyState = ({
|
|
|
5777
5779
|
subtitle,
|
|
5778
5780
|
title
|
|
5779
5781
|
}) => {
|
|
5780
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5782
|
+
const rootClasses = useStylesWithRootClass(rootClassName$v, className);
|
|
5781
5783
|
return jsxs(StyledEmptyState, Object.assign({
|
|
5782
5784
|
"aria-label": ariaLabel,
|
|
5783
5785
|
className: rootClasses,
|
|
@@ -5813,15 +5815,15 @@ const StyledRadioGroup = styled(RadioGroup).withConfig({
|
|
|
5813
5815
|
componentId: "sc-84g3mq-1"
|
|
5814
5816
|
})(["", ""], ({
|
|
5815
5817
|
theme
|
|
5816
|
-
}) => css(["{&.", "{padding-left:", ";.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$
|
|
5818
|
+
}) => css(["{&.", "{padding-left:", ";.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$C));
|
|
5817
5819
|
|
|
5818
|
-
const rootClassName$
|
|
5820
|
+
const rootClassName$u = 'dot-form';
|
|
5819
5821
|
const StyledFormContainer = styled.div.withConfig({
|
|
5820
5822
|
displayName: "Formstyles__StyledFormContainer",
|
|
5821
5823
|
componentId: "bbovqo-0"
|
|
5822
5824
|
})(["", ""], ({
|
|
5823
5825
|
theme
|
|
5824
|
-
}) => css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$
|
|
5826
|
+
}) => css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$u, theme.spacing(3, 0), rootClassName$A, rootClassName$C, rootClassName$13, rootSelectClassName, theme.spacing(1, 0), rootClassName$z, groupClassName, rootClassName$C));
|
|
5825
5827
|
|
|
5826
5828
|
const DotForm = ({
|
|
5827
5829
|
ariaLabel,
|
|
@@ -5830,7 +5832,7 @@ const DotForm = ({
|
|
|
5830
5832
|
'data-testid': dataTestId,
|
|
5831
5833
|
onSubmit
|
|
5832
5834
|
}) => {
|
|
5833
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5835
|
+
const rootClasses = useStylesWithRootClass(rootClassName$u, className);
|
|
5834
5836
|
return jsx("form", Object.assign({
|
|
5835
5837
|
"aria-label": ariaLabel,
|
|
5836
5838
|
"data-testid": dataTestId,
|
|
@@ -5845,11 +5847,11 @@ const DotForm = ({
|
|
|
5845
5847
|
}), void 0);
|
|
5846
5848
|
};
|
|
5847
5849
|
|
|
5848
|
-
const rootClassName$
|
|
5850
|
+
const rootClassName$t = 'dot-dynamic-form';
|
|
5849
5851
|
const StyledDynamicForm = styled(DotForm).withConfig({
|
|
5850
5852
|
displayName: "DynamicFormstyles__StyledDynamicForm",
|
|
5851
5853
|
componentId: "sc-1lnljcn-0"
|
|
5852
|
-
})(["", ""], () => css(["&.", "{}"], rootClassName$
|
|
5854
|
+
})(["", ""], () => css(["&.", "{}"], rootClassName$t));
|
|
5853
5855
|
|
|
5854
5856
|
const DATA_CONTROLS = ['dot-autocomplete', 'dot-checkbox', 'dot-checkbox-group', 'dot-input-select', 'dot-input-text', 'dot-radio-group', 'dot-switch'];
|
|
5855
5857
|
/* Array of control types for which we don't have error state so validation doesn't make any sense */
|
|
@@ -6136,13 +6138,13 @@ const DotInputSelect = ({
|
|
|
6136
6138
|
}), void 0);
|
|
6137
6139
|
};
|
|
6138
6140
|
|
|
6139
|
-
const rootClassName$
|
|
6141
|
+
const rootClassName$s = 'dot-progress-button';
|
|
6140
6142
|
const StyledProgressButton = styled(DotButton).withConfig({
|
|
6141
6143
|
displayName: "ProgressButtonstyles__StyledProgressButton",
|
|
6142
6144
|
componentId: "sc-1fvgky0-0"
|
|
6143
6145
|
})(["", ""], ({
|
|
6144
6146
|
theme
|
|
6145
|
-
}) => css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$
|
|
6147
|
+
}) => css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$s, theme.palette.layer.n300));
|
|
6146
6148
|
|
|
6147
6149
|
const SPINNER_DEFAULT_SIZE = 20;
|
|
6148
6150
|
const SPINNER_LARGE_SIZE = 24;
|
|
@@ -6161,7 +6163,7 @@ const DotProgressButton = ({
|
|
|
6161
6163
|
tooltip,
|
|
6162
6164
|
type: _type = 'primary'
|
|
6163
6165
|
}) => {
|
|
6164
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6166
|
+
const rootClasses = useStylesWithRootClass(rootClassName$s, className);
|
|
6165
6167
|
const isButtonDisabled = _disabled || _isLoading;
|
|
6166
6168
|
const titleClasses = useStylesWithRootClass(_isLoading ? 'hidden' : '');
|
|
6167
6169
|
const progressCircleSize = _size === 'large' ? SPINNER_LARGE_SIZE : SPINNER_DEFAULT_SIZE;
|
|
@@ -6189,11 +6191,11 @@ const DotProgressButton = ({
|
|
|
6189
6191
|
}), void 0);
|
|
6190
6192
|
};
|
|
6191
6193
|
|
|
6192
|
-
const rootClassName$
|
|
6194
|
+
const rootClassName$r = 'dot-radio';
|
|
6193
6195
|
const StyledRadioButton = styled(Radio).withConfig({
|
|
6194
6196
|
displayName: "RadioButtonstyles__StyledRadioButton",
|
|
6195
6197
|
componentId: "brp0sc-0"
|
|
6196
|
-
})(["", ""], () => css(["{&.", "{padding:8px;}"], rootClassName$
|
|
6198
|
+
})(["", ""], () => css(["{&.", "{padding:8px;}"], rootClassName$r));
|
|
6197
6199
|
|
|
6198
6200
|
function DotRadioButton({
|
|
6199
6201
|
ariaLabel,
|
|
@@ -6211,7 +6213,7 @@ function DotRadioButton({
|
|
|
6211
6213
|
size = 'medium',
|
|
6212
6214
|
value
|
|
6213
6215
|
}) {
|
|
6214
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6216
|
+
const rootClasses = useStylesWithRootClass(rootClassName$C, className);
|
|
6215
6217
|
const handleChange = event => {
|
|
6216
6218
|
onChange && onChange(event, event.target.value);
|
|
6217
6219
|
};
|
|
@@ -6219,7 +6221,7 @@ function DotRadioButton({
|
|
|
6219
6221
|
"aria-label": ariaLabel,
|
|
6220
6222
|
checked: checked,
|
|
6221
6223
|
classes: {
|
|
6222
|
-
root: rootClassName$
|
|
6224
|
+
root: rootClassName$r
|
|
6223
6225
|
},
|
|
6224
6226
|
color: "primary",
|
|
6225
6227
|
"data-testid": dataTestId,
|
|
@@ -6261,7 +6263,7 @@ const DotRadioGroup = ({
|
|
|
6261
6263
|
size: _size = 'medium'
|
|
6262
6264
|
}) => {
|
|
6263
6265
|
const placement = `${placementClassName}${_labelPlacement}`;
|
|
6264
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6266
|
+
const rootClasses = useStylesWithRootClass(rootClassName$A, className, placement);
|
|
6265
6267
|
const radioValue = value || defaultValue;
|
|
6266
6268
|
const [selectedValue, setSelectedValue] = useState(radioValue);
|
|
6267
6269
|
/* This will ensure that value can be updated from the outside */
|
|
@@ -6331,7 +6333,7 @@ const DotRadioGroup = ({
|
|
|
6331
6333
|
}), void 0);
|
|
6332
6334
|
};
|
|
6333
6335
|
|
|
6334
|
-
const rootClassName$
|
|
6336
|
+
const rootClassName$q = 'dot-switch';
|
|
6335
6337
|
const StyledSwitch = styled(Switch).withConfig({
|
|
6336
6338
|
displayName: "Switchstyles__StyledSwitch",
|
|
6337
6339
|
componentId: "eign2a-0"
|
|
@@ -6353,7 +6355,7 @@ const DotSwitch = ({
|
|
|
6353
6355
|
onChange,
|
|
6354
6356
|
size: _size = 'medium'
|
|
6355
6357
|
}) => {
|
|
6356
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6358
|
+
const rootClasses = useStylesWithRootClass(rootClassName$q, className);
|
|
6357
6359
|
const handleChange = event => {
|
|
6358
6360
|
onChange && onChange(event);
|
|
6359
6361
|
};
|
|
@@ -6374,7 +6376,7 @@ const DotSwitch = ({
|
|
|
6374
6376
|
size: _size
|
|
6375
6377
|
}, void 0);
|
|
6376
6378
|
return jsx(StyledFormControlLabel, {
|
|
6377
|
-
className: rootClassName$
|
|
6379
|
+
className: rootClassName$C,
|
|
6378
6380
|
control: switchControl,
|
|
6379
6381
|
label: label,
|
|
6380
6382
|
labelPlacement: _labelPlacement
|
|
@@ -6683,7 +6685,7 @@ const DotDynamicForm = ({
|
|
|
6683
6685
|
onChange,
|
|
6684
6686
|
onSubmit
|
|
6685
6687
|
}) => {
|
|
6686
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6688
|
+
const rootClasses = useStylesWithRootClass(rootClassName$t, className);
|
|
6687
6689
|
// Memoize this operation so that is doesn't get executed each time this
|
|
6688
6690
|
// component re-renders
|
|
6689
6691
|
const initialFormState = useMemo(() => getInitialFormState(config, _liveValidation), [config, _liveValidation, getInitialFormState]);
|
|
@@ -6935,7 +6937,7 @@ const DotDynamicForm = ({
|
|
|
6935
6937
|
}), void 0);
|
|
6936
6938
|
};
|
|
6937
6939
|
|
|
6938
|
-
const rootClassName$
|
|
6940
|
+
const rootClassName$p = 'dot-inline-edit';
|
|
6939
6941
|
const editModeClassName = 'dot-edit-mode';
|
|
6940
6942
|
const viewModeClassName = 'dot-view-mode';
|
|
6941
6943
|
const readOnlyClassName = 'dot-read-only';
|
|
@@ -6947,7 +6949,7 @@ const StyledInlineEdit = styled.div.withConfig({
|
|
|
6947
6949
|
})(["", ""], ({
|
|
6948
6950
|
theme,
|
|
6949
6951
|
fullWidth
|
|
6950
|
-
}) => css(["&.", "{display:", ";align-items:center;color:", ";min-width:", ";&:not(.", "):focus-visible{border-radius:", ";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:", ";}}}"], rootClassName$
|
|
6952
|
+
}) => css(["&.", "{display:", ";align-items:center;color:", ";min-width:", ";&:not(.", "):focus-visible{border-radius:", ";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:", ";}}}"], rootClassName$p, 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), ({
|
|
6951
6953
|
typography
|
|
6952
6954
|
}) => typography && `
|
|
6953
6955
|
.MuiInputBase-root {
|
|
@@ -7058,8 +7060,13 @@ const DotInlineEdit = ({
|
|
|
7058
7060
|
const [inputValue, setInputValue] = useState(_value);
|
|
7059
7061
|
const inputRef = useRef();
|
|
7060
7062
|
const inlineEditRef = useRef();
|
|
7063
|
+
useEffect(() => {
|
|
7064
|
+
if (_value !== inputValue) {
|
|
7065
|
+
setInputValue(_value);
|
|
7066
|
+
}
|
|
7067
|
+
}, [_value]);
|
|
7061
7068
|
const isSaveDisabled = checkIfEmptyValue(inputValue);
|
|
7062
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7069
|
+
const rootClasses = useStylesWithRootClass(rootClassName$p, className, editing ? editModeClassName : '');
|
|
7063
7070
|
const handleShowTooltip = visible => {
|
|
7064
7071
|
if (!editing) {
|
|
7065
7072
|
setShowTooltip(visible);
|
|
@@ -7233,14 +7240,14 @@ const DotInlineEdit = ({
|
|
|
7233
7240
|
}), void 0);
|
|
7234
7241
|
};
|
|
7235
7242
|
|
|
7236
|
-
const rootClassName$
|
|
7243
|
+
const rootClassName$o = 'dot-navigation-rail';
|
|
7237
7244
|
const StyledNavigationRail = styled.div.withConfig({
|
|
7238
7245
|
displayName: "NavigationRailstyles__StyledNavigationRail",
|
|
7239
7246
|
componentId: "sc-160kivd-0"
|
|
7240
7247
|
})(["", ""], ({
|
|
7241
7248
|
theme,
|
|
7242
7249
|
railItemPosition
|
|
7243
|
-
}) => 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;.dot-icon{color:", ";}&.selected{background-color:", ";}&:focus-visible{background-color:", ";}.rail-item-text{word-break:break-word;padding:", ";}}}"], rootClassName$
|
|
7250
|
+
}) => 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;.dot-icon{color:", ";}&.selected{background-color:", ";}&:focus-visible{background-color:", ";}.rail-item-text{word-break:break-word;padding:", ";}}}"], rootClassName$o, 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, theme.spacing(0, 0.5)));
|
|
7244
7251
|
|
|
7245
7252
|
const MAX_ALLOWED_ITEMS = 7;
|
|
7246
7253
|
const DotNavigationRail = ({
|
|
@@ -7252,7 +7259,7 @@ const DotNavigationRail = ({
|
|
|
7252
7259
|
railItems,
|
|
7253
7260
|
selectedIndex: _selectedIndex = 0
|
|
7254
7261
|
}) => {
|
|
7255
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7262
|
+
const rootClasses = useStylesWithRootClass(rootClassName$o, className);
|
|
7256
7263
|
const [selectedItemIndex, setSelectedItemIndex] = useState(_selectedIndex);
|
|
7257
7264
|
/* Used to change selected index programmatically from the consumer component */
|
|
7258
7265
|
useEffect(() => {
|
|
@@ -7306,13 +7313,13 @@ const DotNavigationRail = ({
|
|
|
7306
7313
|
}), void 0);
|
|
7307
7314
|
};
|
|
7308
7315
|
|
|
7309
|
-
const rootClassName$
|
|
7316
|
+
const rootClassName$n = 'dot-pill';
|
|
7310
7317
|
const StyledPill = styled(Chip).withConfig({
|
|
7311
7318
|
displayName: "Pillstyles__StyledPill",
|
|
7312
7319
|
componentId: "l7oxi2-0"
|
|
7313
7320
|
})(["", ""], ({
|
|
7314
7321
|
theme
|
|
7315
|
-
}) => css(["&.", "{background-color:", ";color:", ";border-color:", ";&.error{background-color:", ";color:", ";}&.success{background-color:", ";color:", ";}&.warning{background-color:", ";color:", ";}&.in-progress{background-color:", ";color:", ";}"], rootClassName$
|
|
7322
|
+
}) => css(["&.", "{background-color:", ";color:", ";border-color:", ";&.error{background-color:", ";color:", ";}&.success{background-color:", ";color:", ";}&.warning{background-color:", ";color:", ";}&.in-progress{background-color:", ";color:", ";}"], rootClassName$n, ({
|
|
7316
7323
|
backgroundcolor
|
|
7317
7324
|
}) => {
|
|
7318
7325
|
return backgroundcolor || theme.palette.grey[200];
|
|
@@ -7339,7 +7346,7 @@ const DotPill = ({
|
|
|
7339
7346
|
status: _status = 'default',
|
|
7340
7347
|
variant: _variant = 'filled'
|
|
7341
7348
|
}) => {
|
|
7342
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7349
|
+
const rootClasses = useStylesWithRootClass(rootClassName$n, className, _status);
|
|
7343
7350
|
return jsx(StyledPill, {
|
|
7344
7351
|
"aria-label": ariaLabel,
|
|
7345
7352
|
bordercolor: bordercolor,
|
|
@@ -7357,13 +7364,13 @@ const DotPill = ({
|
|
|
7357
7364
|
}, void 0);
|
|
7358
7365
|
};
|
|
7359
7366
|
|
|
7360
|
-
const rootClassName$
|
|
7367
|
+
const rootClassName$m = 'dot-skeleton';
|
|
7361
7368
|
const StyledSkeleton = styled(Skeleton).withConfig({
|
|
7362
7369
|
displayName: "Skeletonstyles__StyledSkeleton",
|
|
7363
7370
|
componentId: "sc-17ayzv5-0"
|
|
7364
7371
|
})(["", ""], ({
|
|
7365
7372
|
theme
|
|
7366
|
-
}) => css(["&.", "{background-color:", ";}"], rootClassName$
|
|
7373
|
+
}) => css(["&.", "{background-color:", ";}"], rootClassName$m, theme.palette.grey[100]));
|
|
7367
7374
|
|
|
7368
7375
|
const DotSkeleton = ({
|
|
7369
7376
|
ariaLabel,
|
|
@@ -7374,7 +7381,7 @@ const DotSkeleton = ({
|
|
|
7374
7381
|
width,
|
|
7375
7382
|
variant
|
|
7376
7383
|
}) => {
|
|
7377
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7384
|
+
const rootClasses = useStylesWithRootClass(rootClassName$m, className);
|
|
7378
7385
|
return jsx(StyledSkeleton, Object.assign({
|
|
7379
7386
|
animation: "wave",
|
|
7380
7387
|
"aria-label": ariaLabel,
|
|
@@ -7390,13 +7397,13 @@ const DotSkeleton = ({
|
|
|
7390
7397
|
}), void 0);
|
|
7391
7398
|
};
|
|
7392
7399
|
|
|
7393
|
-
const rootClassName$
|
|
7400
|
+
const rootClassName$l = 'dot-snackbar';
|
|
7394
7401
|
const StyledSnackbar = styled(Snackbar).withConfig({
|
|
7395
7402
|
displayName: "Snackbarstyles__StyledSnackbar",
|
|
7396
7403
|
componentId: "sc-1huxoy3-0"
|
|
7397
7404
|
})(["", ""], ({
|
|
7398
7405
|
theme
|
|
7399
|
-
}) => 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$
|
|
7406
|
+
}) => 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$l, 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));
|
|
7400
7407
|
|
|
7401
7408
|
function addAutoHideDuration(severity) {
|
|
7402
7409
|
return severity === 'error' ? null : 10000;
|
|
@@ -7431,7 +7438,7 @@ const DotSnackbar = ({
|
|
|
7431
7438
|
onClose,
|
|
7432
7439
|
action
|
|
7433
7440
|
});
|
|
7434
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7441
|
+
const rootClasses = useStylesWithRootClass(rootClassName$l, className);
|
|
7435
7442
|
return jsx(StyledSnackbar, Object.assign({
|
|
7436
7443
|
anchorOrigin: _anchorOrigin,
|
|
7437
7444
|
"aria-label": ariaLabel,
|
|
@@ -7461,11 +7468,11 @@ const DotSnackbar = ({
|
|
|
7461
7468
|
}), void 0);
|
|
7462
7469
|
};
|
|
7463
7470
|
|
|
7464
|
-
const rootClassName$
|
|
7471
|
+
const rootClassName$k = 'dot-snackbar-container';
|
|
7465
7472
|
const StyledSnackbarContainer = styled.div.withConfig({
|
|
7466
7473
|
displayName: "SnackbarContainerstyles__StyledSnackbarContainer",
|
|
7467
7474
|
componentId: "sc-1ogwjuc-0"
|
|
7468
|
-
})(["", ""], () => css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$
|
|
7475
|
+
})(["", ""], () => css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$k));
|
|
7469
7476
|
|
|
7470
7477
|
const DotSnackbarContext = /*#__PURE__*/createContext({
|
|
7471
7478
|
alerts: [],
|
|
@@ -7483,11 +7490,11 @@ const DotSnackbarContainer = () => {
|
|
|
7483
7490
|
};
|
|
7484
7491
|
}
|
|
7485
7492
|
return jsx(StyledSnackbarContainer, Object.assign({
|
|
7486
|
-
className: rootClassName$
|
|
7493
|
+
className: rootClassName$k
|
|
7487
7494
|
}, {
|
|
7488
7495
|
children: jsx("div", Object.assign({
|
|
7489
|
-
className: rootClassName$
|
|
7490
|
-
"data-testid": rootClassName$
|
|
7496
|
+
className: rootClassName$k,
|
|
7497
|
+
"data-testid": rootClassName$k
|
|
7491
7498
|
}, {
|
|
7492
7499
|
children: alerts.slice().reverse().map(alert => {
|
|
7493
7500
|
return jsx(DotSnackbar, Object.assign({
|
|
@@ -7542,13 +7549,13 @@ const useDotSnackbarContext = () => {
|
|
|
7542
7549
|
return useContext(DotSnackbarContext);
|
|
7543
7550
|
};
|
|
7544
7551
|
|
|
7545
|
-
const rootClassName$
|
|
7552
|
+
const rootClassName$j = 'dot-split-button-group';
|
|
7546
7553
|
const StyledSplitButtonGroup = styled(ButtonGroup).withConfig({
|
|
7547
7554
|
displayName: "SplitButtonstyles__StyledSplitButtonGroup",
|
|
7548
7555
|
componentId: "ild520-0"
|
|
7549
7556
|
})(["", ""], ({
|
|
7550
7557
|
theme
|
|
7551
|
-
}) => 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$
|
|
7558
|
+
}) => 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$j, 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']));
|
|
7552
7559
|
const StyledMenu$2 = styled(DotMenu).withConfig({
|
|
7553
7560
|
displayName: "SplitButtonstyles__StyledMenu",
|
|
7554
7561
|
componentId: "ild520-1"
|
|
@@ -7577,7 +7584,7 @@ const DotSplitButton = ({
|
|
|
7577
7584
|
tooltip,
|
|
7578
7585
|
type: _type = 'primary'
|
|
7579
7586
|
}) => {
|
|
7580
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7587
|
+
const rootClasses = useStylesWithRootClass(rootClassName$j, className, _type, _disabled ? 'disabled' : '');
|
|
7581
7588
|
const [open, setOpen] = useState(false);
|
|
7582
7589
|
const anchorRef = useRef(null);
|
|
7583
7590
|
const hasEmptyOptions = _options.length === 0;
|
|
@@ -7643,7 +7650,275 @@ const DotSplitButton = ({
|
|
|
7643
7650
|
}, void 0);
|
|
7644
7651
|
};
|
|
7645
7652
|
|
|
7646
|
-
const rootClassName$
|
|
7653
|
+
const rootClassName$i = 'dot-stepper';
|
|
7654
|
+
const stepListClassName = 'dot-stepper-list';
|
|
7655
|
+
const contentClassName = 'dot-stepper-content';
|
|
7656
|
+
const StyledStepper = styled.div.withConfig({
|
|
7657
|
+
displayName: "Stepperstyles__StyledStepper",
|
|
7658
|
+
componentId: "sc-1qka0yq-0"
|
|
7659
|
+
})(["", ""], ({
|
|
7660
|
+
theme
|
|
7661
|
+
}) => css(["&.", "{display:flex;align-items:flex-start;padding:0;width:100%;&.left{flex-direction:row;.", "{border-left:1px solid ", ";}}&.right{flex-direction:row-reverse;.", "{border-right:1px solid ", ";}}.", "{padding:", ";&.MuiStepper-horizontal{padding:0;display:flex;flex-direction:column;}.MuiStep-root{width:315px;.dot-icon{display:flex;background:", ";border-radius:50%;color:", ";height:28px;width:28px;}.dot-typography{color:", ";}.MuiStepContent-root{border-left-color:", ";margin-bottom:", ";}&.MuiStep-horizontal{padding:", ";.dot-avatar i:before{color:", ";}.dot-avatar,.dot-icon{background:", ";}.dot-typography{color:", ";}.horizontal-step-description{color:", ";}&:hover{cursor:pointer;}&.completed{.dot-avatar i:before{color:", ";}.dot-avatar,.dot-icon{background:", ";}}&.active{background:", ";}&.error{.dot-avatar i:before{color:", ";}.dot-avatar,.dot-icon{background:", ";}}&.in-progress{.dot-avatar i:before{color:", ";}}}&.MuiStep-vertical{&.completed{.dot-typography,.dot-icon{color:", ";}}&.active{.dot-icon{background:", ";color:", ";}.step-label.dot-typography{color:", ";}.dot-typography{color:", ";}}&.error{.dot-typography{color:", ";}.dot-icon{background:", ";border:1px solid ", ";color:", ";}}}&.disabled{.dot-icon{color:", ";}.dot-typography{color:", ";}}&:last-of-type .MuiStepContent-root{border-left-color:transparent;}}}.", "{width:100%;height:calc(100vh - 78px);overflow-y:auto;&.center-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}.step-content-container{padding:", ";}}}"], rootClassName$i, contentClassName, theme.palette.layer.n200, contentClassName, theme.palette.layer.n200, stepListClassName, theme.spacing(3), theme.palette.primary['50'], theme.palette.primary['50'], theme.palette.layer.n300, theme.palette.layer.n300, theme.spacing(1), theme.spacing(1), theme.palette.layer.n300, theme.palette.layer.n100, theme.palette.layer.n500, theme.palette.layer.n400, theme.palette.secondary['500'], theme.palette.secondary['50'], theme.palette.layer['n50'], theme.palette.error['500'], theme.palette.error['50'], theme.palette.primary['400'], theme.palette.layer.n700, theme.palette.primary['400'], theme.palette.layer.n0, theme.palette.primary['500'], theme.palette.layer.n700, theme.palette.error.main, theme.palette.layer.n0, theme.palette.error.main, theme.palette.error.main, theme.palette.primary['50'], theme.palette.layer.n300, contentClassName, theme.spacing(3, 3, 2, 3)));
|
|
7662
|
+
const StepContentWrapper = styled.div.withConfig({
|
|
7663
|
+
displayName: "Stepperstyles__StepContentWrapper",
|
|
7664
|
+
componentId: "sc-1qka0yq-1"
|
|
7665
|
+
})(["flex:1;display:flex;justify-content:center;"]);
|
|
7666
|
+
const StepDescription = styled(DotTypography).withConfig({
|
|
7667
|
+
displayName: "Stepperstyles__StepDescription",
|
|
7668
|
+
componentId: "sc-1qka0yq-2"
|
|
7669
|
+
})(["", ""], ({
|
|
7670
|
+
theme
|
|
7671
|
+
}) => css(["margin-bottom:", ";"], theme.spacing(6)));
|
|
7672
|
+
const StepActionsContainer = styled.div.withConfig({
|
|
7673
|
+
displayName: "Stepperstyles__StepActionsContainer",
|
|
7674
|
+
componentId: "sc-1qka0yq-3"
|
|
7675
|
+
})(["", ""], ({
|
|
7676
|
+
theme,
|
|
7677
|
+
displayCancelButton
|
|
7678
|
+
}) => css(["padding:", ";position:sticky;position:-webkit-sticky;bottom:0;background-color:", ";z-index:2;&.with-top-border{border-top:1px solid ", ";}.actions{display:flex;flex-direction:row;justify-content:", ";&.center-actions{justify-content:center;}.cancel-stepper{justify-self:flex-start;}.navigation-buttons{justify-self:flex-end;}}"], theme.spacing(2), theme.palette.layer['n0'], theme.palette.layer['n100'], displayCancelButton ? 'space-between' : 'flex-end'));
|
|
7679
|
+
|
|
7680
|
+
const defaultCellProps = {
|
|
7681
|
+
center: false,
|
|
7682
|
+
justifyContent: 'stretch',
|
|
7683
|
+
xs: {
|
|
7684
|
+
start: 1,
|
|
7685
|
+
span: 12
|
|
7686
|
+
},
|
|
7687
|
+
sm: {
|
|
7688
|
+
start: 1,
|
|
7689
|
+
span: 12
|
|
7690
|
+
},
|
|
7691
|
+
md: {
|
|
7692
|
+
start: 1,
|
|
7693
|
+
span: 12
|
|
7694
|
+
}
|
|
7695
|
+
};
|
|
7696
|
+
const DotStepper = ({
|
|
7697
|
+
activeStep: _activeStep = 0,
|
|
7698
|
+
ariaLabel,
|
|
7699
|
+
className,
|
|
7700
|
+
'data-testid': dataTestId,
|
|
7701
|
+
finalContent,
|
|
7702
|
+
initialContent,
|
|
7703
|
+
nextButtonText: _nextButtonText = 'Next',
|
|
7704
|
+
nextStepDisabled: _nextStepDisabled = false,
|
|
7705
|
+
onBack,
|
|
7706
|
+
onCancel,
|
|
7707
|
+
onSubmit,
|
|
7708
|
+
orientation: _orientation = 'vertical',
|
|
7709
|
+
steps,
|
|
7710
|
+
stepsPosition: _stepsPosition = 'left',
|
|
7711
|
+
submitButtonText: _submitButtonText = 'Complete'
|
|
7712
|
+
}) => {
|
|
7713
|
+
const [currentStep, setActiveStep] = useState(_activeStep);
|
|
7714
|
+
const [isStickyBottom, setIsStickyBottom] = useState(false);
|
|
7715
|
+
const actionsRef = useRef(null);
|
|
7716
|
+
const stepperContentRef = useRef(null);
|
|
7717
|
+
const isHorizontal = _orientation === 'horizontal';
|
|
7718
|
+
const displayInitialContent = initialContent && currentStep === 0;
|
|
7719
|
+
const displayFinalContent = finalContent && currentStep > steps.length;
|
|
7720
|
+
const displayCancelButton = !!(!displayInitialContent && !displayFinalContent && onCancel);
|
|
7721
|
+
const isLastStep = currentStep === steps.length && !finalContent || currentStep > steps.length && finalContent;
|
|
7722
|
+
const rootClasses = useStylesWithRootClass(rootClassName$i, _stepsPosition, className);
|
|
7723
|
+
const contentClasses = useStylesWithRootClass(contentClassName, displayInitialContent || displayFinalContent ? 'center-content' : '');
|
|
7724
|
+
const stickyBottomClasses = useStylesWithRootClass(isStickyBottom ? 'with-top-border' : '');
|
|
7725
|
+
const actionsClasses = useStylesWithRootClass('actions', displayInitialContent || displayFinalContent ? 'center-actions' : '');
|
|
7726
|
+
useEffect(() => {
|
|
7727
|
+
const actionsElement = actionsRef.current;
|
|
7728
|
+
const stepperContentElement = stepperContentRef.current;
|
|
7729
|
+
let observer;
|
|
7730
|
+
if (actionsElement && stepperContentElement) {
|
|
7731
|
+
observer = new IntersectionObserver(([e]) => setIsStickyBottom(e.intersectionRatio < 1), {
|
|
7732
|
+
root: stepperContentElement,
|
|
7733
|
+
rootMargin: '0px 0px -1px 0px',
|
|
7734
|
+
threshold: [1]
|
|
7735
|
+
});
|
|
7736
|
+
observer.observe(actionsElement);
|
|
7737
|
+
}
|
|
7738
|
+
return () => {
|
|
7739
|
+
actionsElement && observer.unobserve(actionsElement);
|
|
7740
|
+
};
|
|
7741
|
+
}, []);
|
|
7742
|
+
useEffect(() => {
|
|
7743
|
+
setActiveStep(_activeStep);
|
|
7744
|
+
}, [_activeStep]);
|
|
7745
|
+
const handleNext = () => {
|
|
7746
|
+
const stepToComplete = steps.find(step => step.id === currentStep);
|
|
7747
|
+
(stepToComplete === null || stepToComplete === void 0 ? void 0 : stepToComplete.onComplete) && stepToComplete.onComplete();
|
|
7748
|
+
if (isLastStep) {
|
|
7749
|
+
onSubmit && onSubmit();
|
|
7750
|
+
} else {
|
|
7751
|
+
setActiveStep(currentStep + 1);
|
|
7752
|
+
}
|
|
7753
|
+
};
|
|
7754
|
+
const handleBack = () => {
|
|
7755
|
+
onBack && onBack();
|
|
7756
|
+
setActiveStep(currentStep - 1);
|
|
7757
|
+
};
|
|
7758
|
+
const getStepContent = id => {
|
|
7759
|
+
var _a;
|
|
7760
|
+
if (displayInitialContent) return initialContent;
|
|
7761
|
+
if (displayFinalContent) return finalContent;
|
|
7762
|
+
return (_a = steps.find(step => step.id === id)) === null || _a === void 0 ? void 0 : _a.content;
|
|
7763
|
+
};
|
|
7764
|
+
const getStepIcon = (iconId, completed, error) => {
|
|
7765
|
+
let stepIcon;
|
|
7766
|
+
if (completed) {
|
|
7767
|
+
stepIcon = isHorizontal ? 'check-solid' : 'check-line';
|
|
7768
|
+
} else if (error) {
|
|
7769
|
+
stepIcon = 'error-solid';
|
|
7770
|
+
} else if (iconId) {
|
|
7771
|
+
stepIcon = iconId;
|
|
7772
|
+
} else {
|
|
7773
|
+
stepIcon = isHorizontal ? 'circle' : 'edit';
|
|
7774
|
+
}
|
|
7775
|
+
return isHorizontal ? jsx(DotAvatar, {
|
|
7776
|
+
alt: iconId,
|
|
7777
|
+
iconId: stepIcon
|
|
7778
|
+
}, void 0) : jsx(DotIcon, {
|
|
7779
|
+
iconId: stepIcon
|
|
7780
|
+
}, void 0);
|
|
7781
|
+
};
|
|
7782
|
+
const navigateToStep = id => {
|
|
7783
|
+
if (id !== currentStep) {
|
|
7784
|
+
const stepSelected = steps.find(step => step.id === id);
|
|
7785
|
+
stepSelected.onClick && stepSelected.onClick();
|
|
7786
|
+
setActiveStep(id);
|
|
7787
|
+
}
|
|
7788
|
+
};
|
|
7789
|
+
const getStepCellSize = id => {
|
|
7790
|
+
const step = steps.find(s => s.id === id);
|
|
7791
|
+
if (step && step.halfWidthContent) {
|
|
7792
|
+
return {
|
|
7793
|
+
start: 4,
|
|
7794
|
+
span: 6
|
|
7795
|
+
};
|
|
7796
|
+
} else {
|
|
7797
|
+
return {
|
|
7798
|
+
start: 1,
|
|
7799
|
+
span: 12
|
|
7800
|
+
};
|
|
7801
|
+
}
|
|
7802
|
+
};
|
|
7803
|
+
const renderContent = () => {
|
|
7804
|
+
return jsxs("div", Object.assign({
|
|
7805
|
+
className: contentClasses,
|
|
7806
|
+
ref: stepperContentRef
|
|
7807
|
+
}, {
|
|
7808
|
+
children: [jsx(CssGrid, Object.assign({
|
|
7809
|
+
className: "step-content-container"
|
|
7810
|
+
}, {
|
|
7811
|
+
children: jsx(CssCell, Object.assign({}, defaultCellProps, {
|
|
7812
|
+
lg: getStepCellSize(currentStep)
|
|
7813
|
+
}, {
|
|
7814
|
+
children: getStepContent(currentStep)
|
|
7815
|
+
}), void 0)
|
|
7816
|
+
}), void 0), jsx(StepActionsContainer, Object.assign({
|
|
7817
|
+
className: stickyBottomClasses,
|
|
7818
|
+
ref: actionsRef,
|
|
7819
|
+
displayCancelButton: displayCancelButton
|
|
7820
|
+
}, {
|
|
7821
|
+
children: jsx(CssGrid, {
|
|
7822
|
+
children: jsx(CssCell, Object.assign({}, defaultCellProps, {
|
|
7823
|
+
className: actionsClasses,
|
|
7824
|
+
lg: {
|
|
7825
|
+
start: 4,
|
|
7826
|
+
span: 6
|
|
7827
|
+
}
|
|
7828
|
+
}, {
|
|
7829
|
+
children: jsxs(Fragment$1, {
|
|
7830
|
+
children: [displayCancelButton && jsx(DotButton, Object.assign({
|
|
7831
|
+
className: "cancel-stepper",
|
|
7832
|
+
onClick: onCancel,
|
|
7833
|
+
type: "text",
|
|
7834
|
+
"data-testid": "stepper-cancel-button"
|
|
7835
|
+
}, {
|
|
7836
|
+
children: "Cancel"
|
|
7837
|
+
}), void 0), jsxs("div", Object.assign({
|
|
7838
|
+
className: "navigation-buttons"
|
|
7839
|
+
}, {
|
|
7840
|
+
children: [!displayInitialContent && currentStep !== 1 && jsx(DotButton, Object.assign({
|
|
7841
|
+
onClick: handleBack,
|
|
7842
|
+
type: "outlined",
|
|
7843
|
+
"data-testid": "stepper-previous-button"
|
|
7844
|
+
}, {
|
|
7845
|
+
children: "Previous"
|
|
7846
|
+
}), void 0), jsx(DotButton, Object.assign({
|
|
7847
|
+
onClick: handleNext,
|
|
7848
|
+
disabled: _nextStepDisabled,
|
|
7849
|
+
"data-testid": "stepper-next-button"
|
|
7850
|
+
}, {
|
|
7851
|
+
children: isLastStep ? _submitButtonText : _nextButtonText
|
|
7852
|
+
}), void 0)]
|
|
7853
|
+
}), void 0)]
|
|
7854
|
+
}, void 0)
|
|
7855
|
+
}), void 0)
|
|
7856
|
+
}, void 0)
|
|
7857
|
+
}), void 0)]
|
|
7858
|
+
}), void 0);
|
|
7859
|
+
};
|
|
7860
|
+
return jsxs(StyledStepper, Object.assign({
|
|
7861
|
+
className: rootClasses
|
|
7862
|
+
}, {
|
|
7863
|
+
children: [jsx(Stepper, Object.assign({
|
|
7864
|
+
activeStep: currentStep,
|
|
7865
|
+
"aria-label": ariaLabel,
|
|
7866
|
+
className: stepListClassName,
|
|
7867
|
+
"data-testid": dataTestId,
|
|
7868
|
+
orientation: _orientation
|
|
7869
|
+
}, {
|
|
7870
|
+
children: steps.map((step, index) => {
|
|
7871
|
+
const isActive = currentStep === step.id;
|
|
7872
|
+
// TODO: use useStylesWithRootClass here
|
|
7873
|
+
const stepClasses = () => {
|
|
7874
|
+
return [step.className, isActive ? 'active' : '', step.completed ? 'completed' : '', step.disabled ? 'disabled' : '', step.error ? 'error' : '', step.inProgress ? 'in-progress' : ''].concat().join(' ').trim();
|
|
7875
|
+
};
|
|
7876
|
+
const getContent = () => {
|
|
7877
|
+
return isString$1(step.description) ? jsx(StepDescription, Object.assign({
|
|
7878
|
+
variant: "body2"
|
|
7879
|
+
}, {
|
|
7880
|
+
children: step.description
|
|
7881
|
+
}), void 0) : step.description;
|
|
7882
|
+
};
|
|
7883
|
+
const getHorizontalDescription = () => {
|
|
7884
|
+
return isString$1(step.description) ? jsx(DotTypography, Object.assign({
|
|
7885
|
+
variant: "body2",
|
|
7886
|
+
className: "horizontal-step-description"
|
|
7887
|
+
}, {
|
|
7888
|
+
children: step.description
|
|
7889
|
+
}), void 0) : null;
|
|
7890
|
+
};
|
|
7891
|
+
return jsxs(Step, Object.assign({
|
|
7892
|
+
active: isActive,
|
|
7893
|
+
classes: {
|
|
7894
|
+
root: stepClasses()
|
|
7895
|
+
},
|
|
7896
|
+
completed: step.completed,
|
|
7897
|
+
disabled: step.disabled,
|
|
7898
|
+
expanded: true
|
|
7899
|
+
}, {
|
|
7900
|
+
children: [jsxs(StepLabel, Object.assign({
|
|
7901
|
+
icon: getStepIcon(step.iconId, step.completed, step.error),
|
|
7902
|
+
onClick: () => navigateToStep(step.id)
|
|
7903
|
+
}, {
|
|
7904
|
+
children: [jsx(DotTypography, Object.assign({
|
|
7905
|
+
className: "step-label",
|
|
7906
|
+
variant: isHorizontal ? 'body1' : 'subtitle1'
|
|
7907
|
+
}, {
|
|
7908
|
+
children: step.label
|
|
7909
|
+
}), void 0), _orientation === 'horizontal' && getHorizontalDescription()]
|
|
7910
|
+
}), void 0), _orientation === 'vertical' && jsx(StepContent, {
|
|
7911
|
+
children: getContent()
|
|
7912
|
+
}, void 0)]
|
|
7913
|
+
}), index);
|
|
7914
|
+
})
|
|
7915
|
+
}), void 0), jsx(StepContentWrapper, {
|
|
7916
|
+
children: renderContent()
|
|
7917
|
+
}, void 0)]
|
|
7918
|
+
}), void 0);
|
|
7919
|
+
};
|
|
7920
|
+
|
|
7921
|
+
const rootClassName$h = 'dot-table-pagination';
|
|
7647
7922
|
// TO-DO: Determine how to apply styles to standard popper element
|
|
7648
7923
|
const paginationItemClassName = 'dot-pagination-menu-item';
|
|
7649
7924
|
const StyledTablePagination = styled.div.withConfig({
|
|
@@ -7652,7 +7927,7 @@ const StyledTablePagination = styled.div.withConfig({
|
|
|
7652
7927
|
})(["", ""], ({
|
|
7653
7928
|
theme,
|
|
7654
7929
|
typography
|
|
7655
|
-
}) => css([".", "{border-top:1px solid ", ";.dot-caption,.MuiInputBase-root{font-family:", ";font-size:", "px;letter-spacing:", ";line-height:", ";}.dot-caption{margin:0;}.dot-menu,.MuiInputBase-root{margin-bottom:0;}}"], rootClassName$
|
|
7930
|
+
}) => css([".", "{border-top:1px solid ", ";.dot-caption,.MuiInputBase-root{font-family:", ";font-size:", "px;letter-spacing:", ";line-height:", ";}.dot-caption{margin:0;}.dot-menu,.MuiInputBase-root{margin-bottom:0;}}"], rootClassName$h, theme.palette.grey[200], theme.typography[typography].fontFamily, theme.typography[typography].fontSize, theme.typography[typography].letterSpacing, theme.typography[typography].lineHeight));
|
|
7656
7931
|
|
|
7657
7932
|
const ROWS_PER_PAGE_OPTIONS = [10, 25, 50, 100, 150, 200];
|
|
7658
7933
|
/** This component wraps the TablePagination component from @material-ui. */
|
|
@@ -7667,7 +7942,7 @@ const DotTablePagination = ({
|
|
|
7667
7942
|
rowsPerPage: _rowsPerPage = 10,
|
|
7668
7943
|
typography: _typography = 'subtitle2'
|
|
7669
7944
|
}) => {
|
|
7670
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7945
|
+
const rootClasses = useStylesWithRootClass(rootClassName$h, className);
|
|
7671
7946
|
const handlePageChange = (event, newPage) => {
|
|
7672
7947
|
onPageChange && onPageChange(newPage);
|
|
7673
7948
|
};
|
|
@@ -7676,7 +7951,7 @@ const DotTablePagination = ({
|
|
|
7676
7951
|
};
|
|
7677
7952
|
return (/* Container is used to pass 'typography' prop to a styled component */
|
|
7678
7953
|
jsx(StyledTablePagination, Object.assign({
|
|
7679
|
-
className: rootClassName$
|
|
7954
|
+
className: rootClassName$h,
|
|
7680
7955
|
typography: _typography
|
|
7681
7956
|
}, {
|
|
7682
7957
|
children: jsx(TablePagination, {
|
|
@@ -7702,13 +7977,13 @@ const DotTablePagination = ({
|
|
|
7702
7977
|
);
|
|
7703
7978
|
};
|
|
7704
7979
|
|
|
7705
|
-
const rootClassName$
|
|
7980
|
+
const rootClassName$g = 'dot-table';
|
|
7706
7981
|
const StyledPaper = styled(Paper).withConfig({
|
|
7707
7982
|
displayName: "Tablestyles__StyledPaper",
|
|
7708
7983
|
componentId: "s95z6y-0"
|
|
7709
7984
|
})(["", ""], ({
|
|
7710
7985
|
theme
|
|
7711
|
-
}) => css(["&.", "{overflow:hidden;border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$
|
|
7986
|
+
}) => css(["&.", "{overflow:hidden;border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$g, theme.palette.layer.n100));
|
|
7712
7987
|
const StyledTableContainer = styled(TableContainer).withConfig({
|
|
7713
7988
|
displayName: "Tablestyles__StyledTableContainer",
|
|
7714
7989
|
componentId: "s95z6y-1"
|
|
@@ -7775,11 +8050,11 @@ const getBulkSelectedRowIds = (isChecked, selectedIds, pageData) => {
|
|
|
7775
8050
|
return newIds;
|
|
7776
8051
|
};
|
|
7777
8052
|
|
|
7778
|
-
const rootClassName$
|
|
8053
|
+
const rootClassName$f = 'dot-td';
|
|
7779
8054
|
const StyledTableCell = styled(TableCell).withConfig({
|
|
7780
8055
|
displayName: "TableCellstyles__StyledTableCell",
|
|
7781
8056
|
componentId: "e84k25-0"
|
|
7782
|
-
})(["", ""], () => css(["&.", "{padding-top:0;padding-bottom:0;&.actionItems,&.noWrap p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}&.actionItems{max-width:0;text-align:right;text-overflow:clip;}&.noWrap p{max-width:calc(100% - 1px);}.action-cell-wrapper{width:100%;}}"], rootClassName$
|
|
8057
|
+
})(["", ""], () => css(["&.", "{padding-top:0;padding-bottom:0;&.actionItems,&.noWrap p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}&.actionItems{max-width:0;text-align:right;text-overflow:clip;}&.noWrap p{max-width:calc(100% - 1px);}.action-cell-wrapper{width:100%;}}"], rootClassName$f));
|
|
7783
8058
|
|
|
7784
8059
|
/**
|
|
7785
8060
|
* A wrapper component around the TableCell component from @material-ui.
|
|
@@ -7823,7 +8098,7 @@ const DotBodyCell = ({
|
|
|
7823
8098
|
const isOverflowing = actionTableCellWidth > (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current.clientWidth);
|
|
7824
8099
|
setShowMenu(isOverflowing);
|
|
7825
8100
|
};
|
|
7826
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
8101
|
+
const rootClasses = useStylesWithRootClass(rootClassName$f, className, noWrap && 'noWrap', Array.isArray(value) && 'actionItems');
|
|
7827
8102
|
const getTableCellValue = () => {
|
|
7828
8103
|
if (Array.isArray(value)) {
|
|
7829
8104
|
return jsx("div", Object.assign({
|
|
@@ -7863,13 +8138,13 @@ const DotBodyCell = ({
|
|
|
7863
8138
|
}), void 0);
|
|
7864
8139
|
};
|
|
7865
8140
|
|
|
7866
|
-
const rootClassName$
|
|
8141
|
+
const rootClassName$e = 'dot-td-checkbox';
|
|
7867
8142
|
const StyledTableBodyCheckboxCell = styled(TableCell).withConfig({
|
|
7868
8143
|
displayName: "TableBodyCheckboxCellstyles__StyledTableBodyCheckboxCell",
|
|
7869
8144
|
componentId: "ebk3sz-0"
|
|
7870
8145
|
})(["", ""], ({
|
|
7871
8146
|
theme
|
|
7872
|
-
}) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$
|
|
8147
|
+
}) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$e, theme.spacing(5), theme.spacing(0, 1)));
|
|
7873
8148
|
|
|
7874
8149
|
const DotBodyCheckboxCell = ({
|
|
7875
8150
|
ariaLabel,
|
|
@@ -7879,7 +8154,7 @@ const DotBodyCheckboxCell = ({
|
|
|
7879
8154
|
onChange,
|
|
7880
8155
|
rowId
|
|
7881
8156
|
}) => {
|
|
7882
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
8157
|
+
const rootClasses = useStylesWithRootClass(rootClassName$e, className);
|
|
7883
8158
|
const [isCheckboxChecked, setIsCheckboxChecked] = useState(isChecked);
|
|
7884
8159
|
/** This effect is used when 'checked' status is changed from the outside */
|
|
7885
8160
|
useEffect(() => {
|
|
@@ -7905,13 +8180,13 @@ const DotBodyCheckboxCell = ({
|
|
|
7905
8180
|
}), void 0);
|
|
7906
8181
|
};
|
|
7907
8182
|
|
|
7908
|
-
const rootClassName$
|
|
8183
|
+
const rootClassName$d = 'dot-tr';
|
|
7909
8184
|
const StyledTableRowStyles = styled(TableRow).withConfig({
|
|
7910
8185
|
displayName: "TableRowstyles__StyledTableRowStyles",
|
|
7911
8186
|
componentId: "a4fx2l-0"
|
|
7912
8187
|
})(["", ""], ({
|
|
7913
8188
|
theme
|
|
7914
|
-
}) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$
|
|
8189
|
+
}) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$d, theme.palette.primary[50]));
|
|
7915
8190
|
|
|
7916
8191
|
/**
|
|
7917
8192
|
* A wrapper component around the TableRow component from @material-ui. This component can be used
|
|
@@ -7938,7 +8213,7 @@ const DotTableRow = ({
|
|
|
7938
8213
|
selectedTableRowIds
|
|
7939
8214
|
} = multiSelectBody || {};
|
|
7940
8215
|
const isCheckboxChecked = selectedTableRowIds && selectedTableRowIds.includes(id) || false;
|
|
7941
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
8216
|
+
const rootClasses = useStylesWithRootClass(rootClassName$d, isCheckboxChecked ? 'selected' : undefined, className);
|
|
7942
8217
|
const renderCheckboxCell = () => {
|
|
7943
8218
|
return jsx(DotBodyCheckboxCell, {
|
|
7944
8219
|
ariaLabel: "Click to select this row",
|
|
@@ -7983,13 +8258,13 @@ const EmptyDotRow = ({
|
|
|
7983
8258
|
}), CreateUUID());
|
|
7984
8259
|
};
|
|
7985
8260
|
|
|
7986
|
-
const rootClassName$
|
|
8261
|
+
const rootClassName$c = 'dot-tbody';
|
|
7987
8262
|
const StyledTableBody = styled(TableBody).withConfig({
|
|
7988
8263
|
displayName: "TableBodystyles__StyledTableBody",
|
|
7989
8264
|
componentId: "wszqgk-0"
|
|
7990
8265
|
})(["", ""], ({
|
|
7991
8266
|
theme
|
|
7992
|
-
}) => css(["&.", "{tr:hover{background-color:", ";}tr:last-child td{border-bottom:none;}.empty-row td{text-align:center;}}"], rootClassName$
|
|
8267
|
+
}) => css(["&.", "{tr:hover{background-color:", ";}tr:last-child td{border-bottom:none;}.empty-row td{text-align:center;}}"], rootClassName$c, theme.palette.grey[50]));
|
|
7993
8268
|
|
|
7994
8269
|
/**
|
|
7995
8270
|
* A wrapper component around the TableBody component from @material-ui. This component can be used
|
|
@@ -8038,7 +8313,7 @@ const DotTableBody = ({
|
|
|
8038
8313
|
return jsxs(Fragment$1, {
|
|
8039
8314
|
children: [jsx(StyledTableBody, Object.assign({
|
|
8040
8315
|
classes: {
|
|
8041
|
-
root: rootClassName$
|
|
8316
|
+
root: rootClassName$c
|
|
8042
8317
|
}
|
|
8043
8318
|
}, {
|
|
8044
8319
|
children: getTableBodyRows()
|
|
@@ -8054,13 +8329,13 @@ const DotTableBody = ({
|
|
|
8054
8329
|
}, void 0);
|
|
8055
8330
|
};
|
|
8056
8331
|
|
|
8057
|
-
const rootClassName$
|
|
8332
|
+
const rootClassName$b = 'dot-th';
|
|
8058
8333
|
const StyledTableHeaderCell = styled(TableCell).withConfig({
|
|
8059
8334
|
displayName: "TableHeaderCellstyles__StyledTableHeaderCell",
|
|
8060
8335
|
componentId: "nko9j-0"
|
|
8061
8336
|
})(["", ""], ({
|
|
8062
8337
|
theme
|
|
8063
|
-
}) => css(["&.", "{&.MuiTableCell-alignCenter > span.MuiTableSortLabel-root{padding-left:26px;}.dot-cell-typography{font-family:", ";}}"], rootClassName$
|
|
8338
|
+
}) => css(["&.", "{&.MuiTableCell-alignCenter > span.MuiTableSortLabel-root{padding-left:26px;}.dot-cell-typography{font-family:", ";}}"], rootClassName$b, theme.typography.h4.fontFamily));
|
|
8064
8339
|
|
|
8065
8340
|
/**
|
|
8066
8341
|
* A wrapper component around the TableCell component from @material-ui. This component should only
|
|
@@ -8101,7 +8376,7 @@ const DotHeaderCell = ({
|
|
|
8101
8376
|
return jsx(StyledTableHeaderCell, Object.assign({
|
|
8102
8377
|
align: align,
|
|
8103
8378
|
classes: {
|
|
8104
|
-
root: rootClassName$
|
|
8379
|
+
root: rootClassName$b
|
|
8105
8380
|
},
|
|
8106
8381
|
sortDirection: _sortable ? sortDirection : undefined,
|
|
8107
8382
|
style: headerCellStyle,
|
|
@@ -8111,13 +8386,13 @@ const DotHeaderCell = ({
|
|
|
8111
8386
|
}), uid);
|
|
8112
8387
|
};
|
|
8113
8388
|
|
|
8114
|
-
const rootClassName$
|
|
8389
|
+
const rootClassName$a = 'dot-th-checkbox';
|
|
8115
8390
|
const StyledTableHeaderCheckboxCell = styled(TableCell).withConfig({
|
|
8116
8391
|
displayName: "TableHeaderCheckboxCellstyles__StyledTableHeaderCheckboxCell",
|
|
8117
8392
|
componentId: "ymqg8x-0"
|
|
8118
8393
|
})(["", ""], ({
|
|
8119
8394
|
theme
|
|
8120
|
-
}) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$
|
|
8395
|
+
}) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$a, theme.spacing(5), theme.spacing(0, 1)));
|
|
8121
8396
|
|
|
8122
8397
|
const DotHeaderCheckboxCell = ({
|
|
8123
8398
|
ariaLabel,
|
|
@@ -8126,7 +8401,7 @@ const DotHeaderCheckboxCell = ({
|
|
|
8126
8401
|
multiSelectState,
|
|
8127
8402
|
onCheckAllChange
|
|
8128
8403
|
}) => {
|
|
8129
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
8404
|
+
const rootClasses = useStylesWithRootClass(rootClassName$a, className);
|
|
8130
8405
|
const [checkboxState, setCheckboxState] = useState('unchecked');
|
|
8131
8406
|
useEffect(() => {
|
|
8132
8407
|
setCheckboxState(multiSelectState);
|
|
@@ -8233,13 +8508,13 @@ const DotHeaderRow = ({
|
|
|
8233
8508
|
}), void 0);
|
|
8234
8509
|
};
|
|
8235
8510
|
|
|
8236
|
-
const rootClassName$
|
|
8511
|
+
const rootClassName$9 = 'dot-table-selection-toolbar';
|
|
8237
8512
|
const StyledTableSelectionToolbar = styled(DotActionToolbar).withConfig({
|
|
8238
8513
|
displayName: "TableSelectionToolbarstyles__StyledTableSelectionToolbar",
|
|
8239
8514
|
componentId: "qpx3y9-0"
|
|
8240
8515
|
})(["", ""], ({
|
|
8241
8516
|
theme
|
|
8242
|
-
}) => 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$
|
|
8517
|
+
}) => 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$9, theme.palette.primary[50], theme.spacing(0.25, 0.25, 0, 0.5), theme.spacing(0.25, 0, 0, 1)));
|
|
8243
8518
|
|
|
8244
8519
|
const DotTableSelectionToolbar = ({
|
|
8245
8520
|
ariaLabel,
|
|
@@ -8249,7 +8524,7 @@ const DotTableSelectionToolbar = ({
|
|
|
8249
8524
|
onClearAll,
|
|
8250
8525
|
selectedRowsNumber
|
|
8251
8526
|
}) => {
|
|
8252
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
8527
|
+
const rootClasses = useStylesWithRootClass(rootClassName$9, className);
|
|
8253
8528
|
return jsxs(StyledTableSelectionToolbar, Object.assign({
|
|
8254
8529
|
ariaLabel: ariaLabel,
|
|
8255
8530
|
className: rootClasses,
|
|
@@ -8345,7 +8620,7 @@ const DotTable = ({
|
|
|
8345
8620
|
return onUpdateData ? data : stableSort(data, getComparator(_order, orderBy));
|
|
8346
8621
|
};
|
|
8347
8622
|
const [pageData, setPageData] = useState(getSortedData().slice(0, rowsPerPage ? rowsPerPage : data.length));
|
|
8348
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
8623
|
+
const rootClasses = useStylesWithRootClass(rootClassName$g, className, _loading ? 'loading' : '');
|
|
8349
8624
|
const updateData = (newOrder, newOrderBy, newPage, newRowsPerPage) => {
|
|
8350
8625
|
const newData = stableSort(data, getComparator(newOrder, newOrderBy));
|
|
8351
8626
|
setPageData(newRowsPerPage ? newData.slice(newPage * newRowsPerPage, newPage * newRowsPerPage + newRowsPerPage) : newData);
|
|
@@ -8529,7 +8804,7 @@ const DotTableAction = ({
|
|
|
8529
8804
|
}, void 0);
|
|
8530
8805
|
};
|
|
8531
8806
|
|
|
8532
|
-
const rootClassName$
|
|
8807
|
+
const rootClassName$8 = 'dot-table-actions';
|
|
8533
8808
|
const TableActionsContainer = styled.div.withConfig({
|
|
8534
8809
|
displayName: "TableActionsstyles__TableActionsContainer",
|
|
8535
8810
|
componentId: "sc-8lo813-0"
|
|
@@ -8598,7 +8873,7 @@ const DotTableActions = ({
|
|
|
8598
8873
|
};
|
|
8599
8874
|
return jsxs(Fragment$1, {
|
|
8600
8875
|
children: [jsxs(TableActionsContainer, Object.assign({
|
|
8601
|
-
className: rootClassName$
|
|
8876
|
+
className: rootClassName$8,
|
|
8602
8877
|
ref: wrapperRef
|
|
8603
8878
|
}, {
|
|
8604
8879
|
children: [!showMenu && renderTableActions(), (showMenu || actions.length > 2) && jsx(DotIconButton, {
|
|
@@ -8621,13 +8896,13 @@ const DotTableActions = ({
|
|
|
8621
8896
|
}, void 0);
|
|
8622
8897
|
};
|
|
8623
8898
|
|
|
8624
|
-
const rootClassName$
|
|
8899
|
+
const rootClassName$7 = 'dot-tabs';
|
|
8625
8900
|
const StyledTabs = styled(Tabs).withConfig({
|
|
8626
8901
|
displayName: "Tabsstyles__StyledTabs",
|
|
8627
8902
|
componentId: "sc-1pmrz8k-0"
|
|
8628
8903
|
})(["", ""], ({
|
|
8629
8904
|
theme
|
|
8630
|
-
}) => css(["&.", "{&.MuiTabs-root{width:100%;}.dot-tab-label-container{display:flex;.dot-tab-label{padding-top:", ";}}.MuiTab-root{box-shadow:inset 0px -1px 0px ", ";max-width:360px;min-width:0;}.MuiIcon-root{display:inline;padding-right:", ";}}"], rootClassName$
|
|
8905
|
+
}) => css(["&.", "{&.MuiTabs-root{width:100%;}.dot-tab-label-container{display:flex;.dot-tab-label{padding-top:", ";}}.MuiTab-root{box-shadow:inset 0px -1px 0px ", ";max-width:360px;min-width:0;}.MuiIcon-root{display:inline;padding-right:", ";}}"], rootClassName$7, theme.spacing(0.5), theme.palette.layer.n100, theme.spacing(0.5)));
|
|
8631
8906
|
|
|
8632
8907
|
const DotTabs = ({
|
|
8633
8908
|
centered: _centered = false,
|
|
@@ -8641,7 +8916,7 @@ const DotTabs = ({
|
|
|
8641
8916
|
variant: _variant = 'standard'
|
|
8642
8917
|
}) => {
|
|
8643
8918
|
const [value, setValue] = useState(_initialValue);
|
|
8644
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
8919
|
+
const rootClasses = useStylesWithRootClass(rootClassName$7, className);
|
|
8645
8920
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
8646
8921
|
const handleChange = (_event, val) => {
|
|
8647
8922
|
setValue(val);
|
|
@@ -8691,29 +8966,29 @@ const DotTabs = ({
|
|
|
8691
8966
|
}), void 0);
|
|
8692
8967
|
};
|
|
8693
8968
|
|
|
8694
|
-
const rootClassName$
|
|
8695
|
-
const containerClassName$
|
|
8696
|
-
const dropZoneClassName = `${rootClassName$
|
|
8969
|
+
const rootClassName$6 = 'dot-file-upload';
|
|
8970
|
+
const containerClassName$2 = `${rootClassName$6}-container`;
|
|
8971
|
+
const dropZoneClassName = `${rootClassName$6}-drop-zone`;
|
|
8697
8972
|
const StyledFileUploadContainer = styled.div.withConfig({
|
|
8698
8973
|
displayName: "FileUploadstyles__StyledFileUploadContainer",
|
|
8699
8974
|
componentId: "sc-1q8bcxy-0"
|
|
8700
8975
|
})(["", ""], ({
|
|
8701
8976
|
theme
|
|
8702
|
-
}) => css(["&.", "{.dot-max-files-message.dot-max-files-reached{color:", ";}}"], containerClassName$
|
|
8977
|
+
}) => css(["&.", "{.dot-max-files-message.dot-max-files-reached{color:", ";}}"], containerClassName$2, theme.palette.error[500]));
|
|
8703
8978
|
const StyledFileUpload = styled.div.withConfig({
|
|
8704
8979
|
displayName: "FileUploadstyles__StyledFileUpload",
|
|
8705
8980
|
componentId: "sc-1q8bcxy-1"
|
|
8706
8981
|
})(["", ""], ({
|
|
8707
8982
|
theme
|
|
8708
|
-
}) => 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$
|
|
8983
|
+
}) => 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$6, 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));
|
|
8709
8984
|
|
|
8710
|
-
const rootClassName$
|
|
8985
|
+
const rootClassName$5 = 'dot-file-list-item';
|
|
8711
8986
|
const StyledFileListItem = styled(StyledListItem).withConfig({
|
|
8712
8987
|
displayName: "FileListItemstyles__StyledFileListItem",
|
|
8713
8988
|
componentId: "sc-6mp1tz-0"
|
|
8714
8989
|
})(["", ""], ({
|
|
8715
8990
|
theme
|
|
8716
|
-
}) => 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$
|
|
8991
|
+
}) => 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$5, theme.palette.layer.n100, theme.palette.layer.n50, theme.palette.layer.n100, rootClassName$5, theme.palette.secondary.main, rootClassName$5, theme.palette.error.main, theme.spacing(1), theme.palette.error.main));
|
|
8717
8992
|
|
|
8718
8993
|
const DotFileListItem = ({
|
|
8719
8994
|
ariaLabel,
|
|
@@ -8728,7 +9003,7 @@ const DotFileListItem = ({
|
|
|
8728
9003
|
onKeyPress,
|
|
8729
9004
|
tabIndex: _tabIndex = 0
|
|
8730
9005
|
}) => {
|
|
8731
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
9006
|
+
const rootClasses = useStylesWithRootClass(rootClassName$5, className, _error ? 'file-error' : 'file-success');
|
|
8732
9007
|
const defaultIcon = _error ? 'error-solid' : 'check-solid';
|
|
8733
9008
|
const [endIcon, setEndIcon] = useState(defaultIcon);
|
|
8734
9009
|
const handleItemClick = clickedFile => _event => onClick === null || onClick === void 0 ? void 0 : onClick(clickedFile);
|
|
@@ -8764,7 +9039,7 @@ const DotFileListItem = ({
|
|
|
8764
9039
|
children: errorText
|
|
8765
9040
|
}), void 0)]
|
|
8766
9041
|
}), void 0), jsx(DotIconButton, {
|
|
8767
|
-
className: `${rootClassName$
|
|
9042
|
+
className: `${rootClassName$5}-end-icon`,
|
|
8768
9043
|
"data-testid": dataTestId && `${dataTestId}-end-icon`,
|
|
8769
9044
|
disabled: disableDelete,
|
|
8770
9045
|
iconId: endIcon,
|
|
@@ -8893,7 +9168,7 @@ const DotFileUpload = ({
|
|
|
8893
9168
|
const [uploadedFiles, setUploadedFiles] = useState([]);
|
|
8894
9169
|
const [hasMaxFilesError, setHasMaxFilesError] = useState(false);
|
|
8895
9170
|
const isUploadDisabled = disabled || maxFiles && uploadedFiles.length >= maxFiles;
|
|
8896
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
9171
|
+
const rootClasses = useStylesWithRootClass(rootClassName$6, className, !_buttonOnly ? dropZoneClassName : '', isUploadDisabled ? 'disabled' : '');
|
|
8897
9172
|
const maxFilesClasses = useStylesWithRootClass('dot-max-files-message', hasMaxFilesError ? 'dot-max-files-reached' : '');
|
|
8898
9173
|
const allowMultiple = maxFiles === undefined || maxFiles > 1;
|
|
8899
9174
|
const setNewlyUploadedFiles = (acceptedFiles, fileRejections) => {
|
|
@@ -8942,7 +9217,7 @@ const DotFileUpload = ({
|
|
|
8942
9217
|
uploadedFiles
|
|
8943
9218
|
});
|
|
8944
9219
|
return jsxs(StyledFileUploadContainer, Object.assign({
|
|
8945
|
-
className: containerClassName$
|
|
9220
|
+
className: containerClassName$2
|
|
8946
9221
|
}, {
|
|
8947
9222
|
children: [jsxs(StyledFileUpload, Object.assign({}, getRootProps(), {
|
|
8948
9223
|
"aria-label": ariaLabel,
|
|
@@ -8963,11 +9238,11 @@ const DotFileUpload = ({
|
|
|
8963
9238
|
}), void 0);
|
|
8964
9239
|
};
|
|
8965
9240
|
|
|
8966
|
-
const rootClassName$
|
|
9241
|
+
const rootClassName$4 = 'dot-divider';
|
|
8967
9242
|
const StyledDivider = styled(Divider).withConfig({
|
|
8968
9243
|
displayName: "Dividerstyles__StyledDivider",
|
|
8969
9244
|
componentId: "yu3sip-0"
|
|
8970
|
-
})(["", ""], () => css(["&.", "{}"], rootClassName$
|
|
9245
|
+
})(["", ""], () => css(["&.", "{}"], rootClassName$4));
|
|
8971
9246
|
|
|
8972
9247
|
const DotDivider = ({
|
|
8973
9248
|
absolute,
|
|
@@ -8979,7 +9254,7 @@ const DotDivider = ({
|
|
|
8979
9254
|
orientation,
|
|
8980
9255
|
variant
|
|
8981
9256
|
}) => {
|
|
8982
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
9257
|
+
const rootClasses = useStylesWithRootClass(rootClassName$4, className);
|
|
8983
9258
|
return jsx(StyledDivider, {
|
|
8984
9259
|
absolute: absolute,
|
|
8985
9260
|
"aria-label": ariaLabel,
|
|
@@ -9005,7 +9280,7 @@ const DotPopper = ({
|
|
|
9005
9280
|
open,
|
|
9006
9281
|
placement
|
|
9007
9282
|
}) => {
|
|
9008
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
9283
|
+
const rootClasses = useStylesWithRootClass(rootClassName$X, className);
|
|
9009
9284
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
9010
9285
|
const handleClickAway = event => {
|
|
9011
9286
|
if (onClickAway && (!anchorEl || !anchorEl.contains(event.currentTarget))) {
|
|
@@ -9044,7 +9319,7 @@ const DotPopper = ({
|
|
|
9044
9319
|
}), void 0);
|
|
9045
9320
|
};
|
|
9046
9321
|
|
|
9047
|
-
const rootClassName$
|
|
9322
|
+
const rootClassName$3 = 'dot-draggable-list';
|
|
9048
9323
|
const listItemClassName = 'dot-draggable-list-item';
|
|
9049
9324
|
const StyledDraggableList = styled.div.withConfig({
|
|
9050
9325
|
displayName: "DraggableListstyles__StyledDraggableList",
|
|
@@ -9053,7 +9328,7 @@ const StyledDraggableList = styled.div.withConfig({
|
|
|
9053
9328
|
theme,
|
|
9054
9329
|
width,
|
|
9055
9330
|
draggableHandle
|
|
9056
|
-
}) => css(["&.", " .", "{width:", " !important;.dot-icon{color:", ";}&.react-draggable-dragging{background-color:", ";}&.with-default-cursor{cursor:default;}&.with-handle-grab-cursor ", "{cursor:grab;}}"], rootClassName$
|
|
9331
|
+
}) => css(["&.", " .", "{width:", " !important;.dot-icon{color:", ";}&.react-draggable-dragging{background-color:", ";}&.with-default-cursor{cursor:default;}&.with-handle-grab-cursor ", "{cursor:grab;}}"], rootClassName$3, listItemClassName, width, theme.palette.layer.n700, theme.palette.grey[50], draggableHandle));
|
|
9057
9332
|
|
|
9058
9333
|
const getOrderedListItems = (layout, listItems) => {
|
|
9059
9334
|
if (!listItems || !layout) return [];
|
|
@@ -9087,7 +9362,7 @@ const DotDraggableList = ({
|
|
|
9087
9362
|
rowHeight: _rowHeight = DEFAULT_LIST_ITEM_HEIGHT,
|
|
9088
9363
|
width: _width = DEFAULT_LIST_WIDTH
|
|
9089
9364
|
}) => {
|
|
9090
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
9365
|
+
const rootClasses = useStylesWithRootClass(rootClassName$3, className, draggableHandle ? 'with-draggable-handle' : '');
|
|
9091
9366
|
const listItemClasses = useStylesWithRootClass(listItemClassName, draggableHandle && !disableDrag ? 'with-handle-grab-cursor' : '', draggableHandle || disableDrag ? 'with-default-cursor' : '');
|
|
9092
9367
|
const listWidth = isNumber(_width) ? `${_width}px` : _width;
|
|
9093
9368
|
const [orderedItems, setOrderedItems] = useState([]);
|
|
@@ -9141,11 +9416,11 @@ const DotDraggableList = ({
|
|
|
9141
9416
|
}), void 0);
|
|
9142
9417
|
};
|
|
9143
9418
|
|
|
9144
|
-
const rootClassName$
|
|
9419
|
+
const rootClassName$2 = 'dot-linear-progress';
|
|
9145
9420
|
const StyledLinearProgress = styled(LinearProgress).withConfig({
|
|
9146
9421
|
displayName: "LinearProgressstyles__StyledLinearProgress",
|
|
9147
9422
|
componentId: "sc-1qhzxb3-0"
|
|
9148
|
-
})(["&.", "{}"], rootClassName$
|
|
9423
|
+
})(["&.", "{}"], rootClassName$2);
|
|
9149
9424
|
|
|
9150
9425
|
const DotLinearProgress = ({
|
|
9151
9426
|
ariaLabel,
|
|
@@ -9156,7 +9431,7 @@ const DotLinearProgress = ({
|
|
|
9156
9431
|
valueBuffer,
|
|
9157
9432
|
variant: _variant = 'indeterminate'
|
|
9158
9433
|
}) => {
|
|
9159
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
9434
|
+
const rootClasses = useStylesWithRootClass(rootClassName$2, className);
|
|
9160
9435
|
return jsx(StyledLinearProgress, {
|
|
9161
9436
|
"aria-label": ariaLabel,
|
|
9162
9437
|
classes: {
|
|
@@ -9170,19 +9445,19 @@ const DotLinearProgress = ({
|
|
|
9170
9445
|
}, void 0);
|
|
9171
9446
|
};
|
|
9172
9447
|
|
|
9173
|
-
const rootClassName = 'dot-date-picker';
|
|
9174
|
-
const containerClassName = 'dot-date-picker-container';
|
|
9448
|
+
const rootClassName$1 = 'dot-date-picker';
|
|
9449
|
+
const containerClassName$1 = 'dot-date-picker-container';
|
|
9175
9450
|
const rectanglePickersDayClassName = 'dot-rectangle-pickers-day';
|
|
9176
9451
|
const StyledDatePickerContainer = styled.div.withConfig({
|
|
9177
9452
|
displayName: "DatePickerstyles__StyledDatePickerContainer",
|
|
9178
9453
|
componentId: "sc-1to4suu-0"
|
|
9179
|
-
})(["&.", " .full-width{width:100%;}"], rootClassName);
|
|
9454
|
+
})(["&.", " .full-width{width:100%;}"], rootClassName$1);
|
|
9180
9455
|
const StyledDatePicker = styled(DatePicker).withConfig({
|
|
9181
9456
|
displayName: "DatePickerstyles__StyledDatePicker",
|
|
9182
9457
|
componentId: "sc-1to4suu-1"
|
|
9183
9458
|
})(["", ""], ({
|
|
9184
9459
|
theme
|
|
9185
|
-
}) => css(["&.", "{
|
|
9460
|
+
}) => css(["&.", "{", ";}"], rootClassName$1, pickerInputStyles(theme)));
|
|
9186
9461
|
const StyledPickersDay = styled(PickersDay).withConfig({
|
|
9187
9462
|
displayName: "DatePickerstyles__StyledPickersDay",
|
|
9188
9463
|
componentId: "sc-1to4suu-2"
|
|
@@ -9228,8 +9503,8 @@ const DotDatePicker = ({
|
|
|
9228
9503
|
showDaysOutsideCurrentMonth,
|
|
9229
9504
|
value
|
|
9230
9505
|
}) => {
|
|
9231
|
-
const rootClasses = useStylesWithRootClass(rootClassName, className, _readOnly ? 'read-only' : '');
|
|
9232
|
-
const containerClasses = useStylesWithRootClass(containerClassName, _fullWidth ? 'full-width' : '', className);
|
|
9506
|
+
const rootClasses = useStylesWithRootClass(rootClassName$1, className, _readOnly ? 'read-only' : '');
|
|
9507
|
+
const containerClasses = useStylesWithRootClass(containerClassName$1, _fullWidth ? 'full-width' : '', className);
|
|
9233
9508
|
useEffect(() => {
|
|
9234
9509
|
if (!locale) return;
|
|
9235
9510
|
const userLocaleName = dayjs.locale();
|
|
@@ -9327,4 +9602,348 @@ const DotDatePicker = ({
|
|
|
9327
9602
|
}), void 0);
|
|
9328
9603
|
};
|
|
9329
9604
|
|
|
9330
|
-
|
|
9605
|
+
var Daytime;
|
|
9606
|
+
(function (Daytime) {
|
|
9607
|
+
Daytime["AM"] = "AM";
|
|
9608
|
+
Daytime["PM"] = "PM";
|
|
9609
|
+
})(Daytime || (Daytime = {}));
|
|
9610
|
+
|
|
9611
|
+
const mockScrollIntoView = scrollIntoViewMock => {
|
|
9612
|
+
window.HTMLElement.prototype.scrollIntoView = scrollIntoViewMock;
|
|
9613
|
+
};
|
|
9614
|
+
|
|
9615
|
+
const getDayjsUtcDate = (value, timeFormat) => dayjs.utc(value, timeFormat);
|
|
9616
|
+
const createNumbersArray = (length, offset) => Array.from({
|
|
9617
|
+
length
|
|
9618
|
+
}, (_, i) => offset ? i + offset : i);
|
|
9619
|
+
const getHoursForTimePicker = hasDaytimeSelection => {
|
|
9620
|
+
return hasDaytimeSelection ? createNumbersArray(12, 1) : createNumbersArray(24);
|
|
9621
|
+
};
|
|
9622
|
+
const getMinutesForTimePicker = () => createNumbersArray(60);
|
|
9623
|
+
const checkIfAm = currentTime => currentTime.format('A') === 'AM';
|
|
9624
|
+
const calculateTimeForHourSelection = (is12hourFormat, selectedHour, currentTime) => {
|
|
9625
|
+
let hour = selectedHour;
|
|
9626
|
+
const isPM = currentTime.hour() >= 12;
|
|
9627
|
+
if (is12hourFormat) {
|
|
9628
|
+
if (hour === 12) {
|
|
9629
|
+
hour = isPM ? 12 : 0;
|
|
9630
|
+
} else {
|
|
9631
|
+
hour = isPM ? hour + 12 : hour;
|
|
9632
|
+
}
|
|
9633
|
+
}
|
|
9634
|
+
return currentTime.clone().hour(hour);
|
|
9635
|
+
};
|
|
9636
|
+
const calculateTimeForDaytimeSelection = (currentTime, selectedDaytime) => {
|
|
9637
|
+
let newTime = currentTime.clone();
|
|
9638
|
+
if (checkIfAm(currentTime) && selectedDaytime === Daytime.PM) {
|
|
9639
|
+
newTime = currentTime.add(12, 'hour');
|
|
9640
|
+
} else if (!checkIfAm(currentTime) && selectedDaytime === Daytime.AM) {
|
|
9641
|
+
newTime = currentTime.add(-12, 'hour');
|
|
9642
|
+
}
|
|
9643
|
+
return newTime;
|
|
9644
|
+
};
|
|
9645
|
+
const calculateHourBasedOnTimeFormat = (time, is12hourFormat) => {
|
|
9646
|
+
const hour = time.hour();
|
|
9647
|
+
if (is12hourFormat) {
|
|
9648
|
+
if (hour === 0) {
|
|
9649
|
+
return 12;
|
|
9650
|
+
} else if (hour > 12) {
|
|
9651
|
+
return hour - 12;
|
|
9652
|
+
}
|
|
9653
|
+
}
|
|
9654
|
+
return hour;
|
|
9655
|
+
};
|
|
9656
|
+
const getSelectedHourButtonIndex = (selectedHour, is12HourFormat) => {
|
|
9657
|
+
if (is12HourFormat) {
|
|
9658
|
+
return selectedHour - 1;
|
|
9659
|
+
} else {
|
|
9660
|
+
if (selectedHour === 0) return 0;
|
|
9661
|
+
return selectedHour;
|
|
9662
|
+
}
|
|
9663
|
+
};
|
|
9664
|
+
|
|
9665
|
+
const rootClassName = 'dot-time-picker';
|
|
9666
|
+
const containerClassName = 'dot-time-picker-container';
|
|
9667
|
+
const TIME_SELECTION_HEIGHT_SPACING = 34.5;
|
|
9668
|
+
const TIME_SELECTION_WIDTH_SPACING = 14.5;
|
|
9669
|
+
const TIME_UNIT_WIDTH_SPACING = 4.5;
|
|
9670
|
+
const TIME_UNIT_HEIGHT_SPACING = 4.5;
|
|
9671
|
+
const StyledTimePickerContainer = styled.div.withConfig({
|
|
9672
|
+
displayName: "TimePickerstyles__StyledTimePickerContainer",
|
|
9673
|
+
componentId: "sc-17aptuh-0"
|
|
9674
|
+
})(["", ""], ({
|
|
9675
|
+
theme
|
|
9676
|
+
}) => css(["&.", "{.full-width{width:100%;}.dot-time-picker-popper{z-index:", ";.dot-time-picker-paper{display:flex;flex-direction:column;align-items:center;.dot-time-picker-selection{max-height:", ";width:", ";display:flex;margin:", ";gap:", ";.dot-time-picker-hours,.dot-time-picker-minutes,.dot-time-picker-daytime{display:flex;flex-direction:column;overflow:auto;gap:", ";padding-bottom:", ";::-webkit-scrollbar{display:none;}-ms-overflow-style:none;scrollbar-width:none;}.dot-picker-button{width:", ";height:", ";margin:0;}}.dot-time-picker-action-buttons{display:flex;align-items:center;justify-content:space-between;padding:", ";}}}}"], containerClassName, levelTop, theme.spacing(TIME_SELECTION_HEIGHT_SPACING), theme.spacing(TIME_SELECTION_WIDTH_SPACING), theme.spacing(1), theme.spacing(0.5), theme.spacing(0.5), theme.spacing(TIME_SELECTION_HEIGHT_SPACING - TIME_UNIT_HEIGHT_SPACING), theme.spacing(TIME_UNIT_WIDTH_SPACING), theme.spacing(TIME_UNIT_HEIGHT_SPACING), theme.spacing(0.5)));
|
|
9677
|
+
const StyledTimePicker = styled(TimePicker).withConfig({
|
|
9678
|
+
displayName: "TimePickerstyles__StyledTimePicker",
|
|
9679
|
+
componentId: "sc-17aptuh-1"
|
|
9680
|
+
})(["", ""], ({
|
|
9681
|
+
theme
|
|
9682
|
+
}) => css(["&.", "{", ";}"], rootClassName, pickerInputStyles(theme)));
|
|
9683
|
+
|
|
9684
|
+
dayjs.extend(utc);
|
|
9685
|
+
const DEFAULT_PICKER_TIME_FORMAT = 'hh:mm';
|
|
9686
|
+
const DEFAULT_TIME_FORMAT = 'hh:mm A';
|
|
9687
|
+
const DEFAULT_TIME = '01:00';
|
|
9688
|
+
const DotTimePicker = ({
|
|
9689
|
+
ampm: _ampm = true,
|
|
9690
|
+
ariaLabel,
|
|
9691
|
+
autoFocus: _autoFocus = false,
|
|
9692
|
+
className,
|
|
9693
|
+
'data-testid': dataTestId,
|
|
9694
|
+
disableOpenPicker: _disableOpenPicker = false,
|
|
9695
|
+
disabled,
|
|
9696
|
+
error,
|
|
9697
|
+
format,
|
|
9698
|
+
fullWidth: _fullWidth = false,
|
|
9699
|
+
helperText,
|
|
9700
|
+
hideActionButtons,
|
|
9701
|
+
inputId,
|
|
9702
|
+
inputName,
|
|
9703
|
+
label,
|
|
9704
|
+
onChange,
|
|
9705
|
+
onClose,
|
|
9706
|
+
onOpen,
|
|
9707
|
+
open,
|
|
9708
|
+
persistentLabel,
|
|
9709
|
+
readOnly: _readOnly = false,
|
|
9710
|
+
required: _required = false,
|
|
9711
|
+
value
|
|
9712
|
+
}) => {
|
|
9713
|
+
const rootClasses = useStylesWithRootClass(rootClassName, className, _readOnly ? 'read-only' : '');
|
|
9714
|
+
const containerClasses = useStylesWithRootClass(containerClassName, _fullWidth ? 'full-width' : '', className);
|
|
9715
|
+
const inputRef = useRef(null);
|
|
9716
|
+
const [isPickerOpened, setIsPickerOpened] = useState(false);
|
|
9717
|
+
const timeFormat = format || DEFAULT_TIME_FORMAT;
|
|
9718
|
+
const [time, setTime] = useState(null);
|
|
9719
|
+
const [pickerTime, setPickerTime] = useState();
|
|
9720
|
+
const hoursRef = useRef(null);
|
|
9721
|
+
const minutesRef = useRef(null);
|
|
9722
|
+
const hours = getHoursForTimePicker(_ampm);
|
|
9723
|
+
const minutes = getMinutesForTimePicker();
|
|
9724
|
+
const daytimeSelected = pickerTime && pickerTime.format('A') || Daytime.AM;
|
|
9725
|
+
const isOpenPropDefined = open !== null && open !== undefined;
|
|
9726
|
+
useEffect(() => {
|
|
9727
|
+
const timeValue = value ? getDayjsUtcDate(value, timeFormat) : null;
|
|
9728
|
+
setTime(timeValue);
|
|
9729
|
+
setPickerTime(timeValue);
|
|
9730
|
+
}, [value]);
|
|
9731
|
+
useLayoutEffect(() => {
|
|
9732
|
+
if (isPickerOpened && time) {
|
|
9733
|
+
scrollToSelectedTime();
|
|
9734
|
+
}
|
|
9735
|
+
}, [isPickerOpened, time]);
|
|
9736
|
+
useEffect(() => {
|
|
9737
|
+
if (isOpenPropDefined) {
|
|
9738
|
+
setIsPickerOpened(open);
|
|
9739
|
+
}
|
|
9740
|
+
}, [open]);
|
|
9741
|
+
const handleTimePickerButtonClick = () => {
|
|
9742
|
+
!isOpenPropDefined && setIsPickerOpened(true);
|
|
9743
|
+
onOpen === null || onOpen === void 0 ? void 0 : onOpen();
|
|
9744
|
+
};
|
|
9745
|
+
const handlePickerChange = pickedDateTime => {
|
|
9746
|
+
setPickerTime(pickedDateTime);
|
|
9747
|
+
};
|
|
9748
|
+
const handleInputChange = (currentValue, context) => {
|
|
9749
|
+
setPickerTime(currentValue ? currentValue : null);
|
|
9750
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(currentValue ? currentValue.format(timeFormat) : null, context);
|
|
9751
|
+
};
|
|
9752
|
+
const handleClose = () => {
|
|
9753
|
+
!isOpenPropDefined && setIsPickerOpened(false);
|
|
9754
|
+
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
9755
|
+
};
|
|
9756
|
+
const handleHourClick = hour => {
|
|
9757
|
+
let currentTime;
|
|
9758
|
+
if (pickerTime) {
|
|
9759
|
+
currentTime = calculateTimeForHourSelection(_ampm, hour, pickerTime);
|
|
9760
|
+
} else {
|
|
9761
|
+
currentTime = getDayjsUtcDate(DEFAULT_TIME, DEFAULT_PICKER_TIME_FORMAT).hour(hour);
|
|
9762
|
+
}
|
|
9763
|
+
handlePickerChange(currentTime);
|
|
9764
|
+
};
|
|
9765
|
+
const handleMinuteClick = minute => {
|
|
9766
|
+
const currentTime = pickerTime ? pickerTime.set('minute', minute) : dayjs(DEFAULT_TIME, DEFAULT_PICKER_TIME_FORMAT).minute(minute);
|
|
9767
|
+
handlePickerChange(currentTime);
|
|
9768
|
+
};
|
|
9769
|
+
const handleDaytimeSelection = selectedDaytime => {
|
|
9770
|
+
const newTime = calculateTimeForDaytimeSelection(pickerTime ? pickerTime.clone() : getDayjsUtcDate(DEFAULT_TIME, DEFAULT_PICKER_TIME_FORMAT), selectedDaytime);
|
|
9771
|
+
handlePickerChange(newTime);
|
|
9772
|
+
};
|
|
9773
|
+
const handleCancel = () => {
|
|
9774
|
+
setPickerTime(time);
|
|
9775
|
+
handleClose();
|
|
9776
|
+
};
|
|
9777
|
+
const handleSet = () => {
|
|
9778
|
+
handleClose();
|
|
9779
|
+
setTime(pickerTime);
|
|
9780
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(pickerTime.format(timeFormat), {
|
|
9781
|
+
validationError: null
|
|
9782
|
+
});
|
|
9783
|
+
};
|
|
9784
|
+
const scrollToSelectedTime = () => {
|
|
9785
|
+
if (!(hoursRef === null || hoursRef === void 0 ? void 0 : hoursRef.current) || !(minutesRef === null || minutesRef === void 0 ? void 0 : minutesRef.current)) return;
|
|
9786
|
+
const selectedHour = calculateHourBasedOnTimeFormat(time, _ampm);
|
|
9787
|
+
const selectedMinute = time.minute();
|
|
9788
|
+
const scrollOptions = {
|
|
9789
|
+
behavior: 'auto',
|
|
9790
|
+
block: 'start',
|
|
9791
|
+
inline: 'nearest'
|
|
9792
|
+
};
|
|
9793
|
+
if (selectedHour) {
|
|
9794
|
+
hoursRef.current.children[getSelectedHourButtonIndex(selectedHour, _ampm)].scrollIntoView(scrollOptions);
|
|
9795
|
+
}
|
|
9796
|
+
if (selectedMinute) {
|
|
9797
|
+
minutesRef.current.children[selectedMinute].scrollIntoView(scrollOptions);
|
|
9798
|
+
}
|
|
9799
|
+
};
|
|
9800
|
+
return jsxs(StyledTimePickerContainer, Object.assign({
|
|
9801
|
+
className: containerClasses,
|
|
9802
|
+
"data-testid": dataTestId
|
|
9803
|
+
}, {
|
|
9804
|
+
children: [jsxs(LocalizationProvider, Object.assign({
|
|
9805
|
+
dateAdapter: AdapterDayjs
|
|
9806
|
+
}, {
|
|
9807
|
+
children: [persistentLabel && jsx(DotInputLabel, Object.assign({}, {
|
|
9808
|
+
'data-testid': dataTestId && `${dataTestId}-persistent-label`,
|
|
9809
|
+
disabled,
|
|
9810
|
+
error,
|
|
9811
|
+
id: inputId,
|
|
9812
|
+
label,
|
|
9813
|
+
required: _required
|
|
9814
|
+
}), void 0), jsx(StyledTimePicker, {
|
|
9815
|
+
ampm: _ampm,
|
|
9816
|
+
"aria-label": ariaLabel,
|
|
9817
|
+
autoFocus: _autoFocus,
|
|
9818
|
+
className: rootClasses,
|
|
9819
|
+
disabled: disabled,
|
|
9820
|
+
format: format,
|
|
9821
|
+
inputRef: inputRef,
|
|
9822
|
+
label: persistentLabel ? null : label,
|
|
9823
|
+
onChange: handleInputChange,
|
|
9824
|
+
slotProps: {
|
|
9825
|
+
textField: {
|
|
9826
|
+
required: _required,
|
|
9827
|
+
helperText,
|
|
9828
|
+
error,
|
|
9829
|
+
focused: _readOnly ? false : undefined,
|
|
9830
|
+
InputProps: {
|
|
9831
|
+
endAdornment: jsxs(Fragment$1, {
|
|
9832
|
+
children: [error && jsx(DotIcon, {
|
|
9833
|
+
className: "dot-error-icon",
|
|
9834
|
+
"data-testid": dataTestId && `${dataTestId}-input-error-icon`,
|
|
9835
|
+
iconId: "error-solid"
|
|
9836
|
+
}, void 0), !_disableOpenPicker && !_readOnly && !disabled && jsx(DotIconButton, {
|
|
9837
|
+
"data-testid": dataTestId && `${dataTestId}-open-btn`,
|
|
9838
|
+
iconId: "calendar",
|
|
9839
|
+
onClick: _event => handleTimePickerButtonClick(),
|
|
9840
|
+
size: "small"
|
|
9841
|
+
}, void 0)]
|
|
9842
|
+
}, void 0)
|
|
9843
|
+
},
|
|
9844
|
+
inputProps: {
|
|
9845
|
+
className: 'dot-input',
|
|
9846
|
+
'data-testid': dataTestId && `${dataTestId}-input`
|
|
9847
|
+
},
|
|
9848
|
+
fullWidth: _fullWidth,
|
|
9849
|
+
name: inputName
|
|
9850
|
+
},
|
|
9851
|
+
field: {
|
|
9852
|
+
readOnly: _readOnly
|
|
9853
|
+
}
|
|
9854
|
+
},
|
|
9855
|
+
value: time
|
|
9856
|
+
}, void 0)]
|
|
9857
|
+
}), void 0), jsx(Popper, Object.assign({
|
|
9858
|
+
className: "dot-time-picker-popper",
|
|
9859
|
+
"data-testid": dataTestId && `${dataTestId}-popper`,
|
|
9860
|
+
open: isPickerOpened,
|
|
9861
|
+
anchorEl: inputRef === null || inputRef === void 0 ? void 0 : inputRef.current,
|
|
9862
|
+
disablePortal: true,
|
|
9863
|
+
placement: "bottom-start"
|
|
9864
|
+
}, {
|
|
9865
|
+
children: jsx(ClickAwayListener, Object.assign({
|
|
9866
|
+
onClickAway: handleSet
|
|
9867
|
+
}, {
|
|
9868
|
+
children: jsxs(Paper, Object.assign({
|
|
9869
|
+
className: "dot-time-picker-paper",
|
|
9870
|
+
elevation: 8
|
|
9871
|
+
}, {
|
|
9872
|
+
children: [jsxs("div", Object.assign({
|
|
9873
|
+
className: "dot-time-picker-selection"
|
|
9874
|
+
}, {
|
|
9875
|
+
children: [jsx("div", Object.assign({
|
|
9876
|
+
className: "dot-time-picker-hours",
|
|
9877
|
+
ref: hoursRef
|
|
9878
|
+
}, {
|
|
9879
|
+
children: hours.map(hour => {
|
|
9880
|
+
const isSelected = pickerTime ? calculateHourBasedOnTimeFormat(pickerTime, _ampm) === hour : false;
|
|
9881
|
+
return jsx(DotButton, Object.assign({
|
|
9882
|
+
className: "dot-picker-button",
|
|
9883
|
+
"data-testid": dataTestId && `${dataTestId}-hour-button-${hour}`,
|
|
9884
|
+
onClick: () => handleHourClick(hour),
|
|
9885
|
+
type: isSelected ? 'primary' : 'text'
|
|
9886
|
+
}, {
|
|
9887
|
+
children: hour.toString().padStart(2, '0')
|
|
9888
|
+
}), hour);
|
|
9889
|
+
})
|
|
9890
|
+
}), void 0), jsx("div", Object.assign({
|
|
9891
|
+
className: "dot-time-picker-minutes",
|
|
9892
|
+
ref: minutesRef
|
|
9893
|
+
}, {
|
|
9894
|
+
children: minutes.map(minute => {
|
|
9895
|
+
const isSelected = pickerTime ? pickerTime.minute() === minute : false;
|
|
9896
|
+
return jsx(DotButton, Object.assign({
|
|
9897
|
+
className: "dot-picker-button",
|
|
9898
|
+
"data-testid": dataTestId && `${dataTestId}-minute-button-${minute}`,
|
|
9899
|
+
type: isSelected ? 'primary' : 'text',
|
|
9900
|
+
onClick: () => handleMinuteClick(minute)
|
|
9901
|
+
}, {
|
|
9902
|
+
children: minute.toString().padStart(2, '0')
|
|
9903
|
+
}), minute);
|
|
9904
|
+
})
|
|
9905
|
+
}), void 0), _ampm && jsxs("div", Object.assign({
|
|
9906
|
+
className: "dot-time-picker-daytime"
|
|
9907
|
+
}, {
|
|
9908
|
+
children: [jsx(DotButton, Object.assign({
|
|
9909
|
+
className: "dot-picker-button",
|
|
9910
|
+
"data-testid": dataTestId && `${dataTestId}-am-button`,
|
|
9911
|
+
type: daytimeSelected && daytimeSelected === Daytime.AM ? 'primary' : 'text',
|
|
9912
|
+
onClick: () => handleDaytimeSelection(Daytime.AM)
|
|
9913
|
+
}, {
|
|
9914
|
+
children: Daytime.AM
|
|
9915
|
+
}), Daytime.AM), jsx(DotButton, Object.assign({
|
|
9916
|
+
className: "dot-picker-button",
|
|
9917
|
+
"data-testid": dataTestId && `${dataTestId}-pm-button`,
|
|
9918
|
+
type: daytimeSelected && daytimeSelected === Daytime.PM ? 'primary' : 'text',
|
|
9919
|
+
onClick: () => handleDaytimeSelection(Daytime.PM)
|
|
9920
|
+
}, {
|
|
9921
|
+
children: Daytime.PM
|
|
9922
|
+
}), Daytime.PM)]
|
|
9923
|
+
}), void 0)]
|
|
9924
|
+
}), void 0), !hideActionButtons && jsxs("div", Object.assign({
|
|
9925
|
+
className: "dot-time-picker-action-buttons"
|
|
9926
|
+
}, {
|
|
9927
|
+
children: [jsx(DotButton, Object.assign({
|
|
9928
|
+
"data-testid": dataTestId && `${dataTestId}-cancel`,
|
|
9929
|
+
onClick: handleCancel,
|
|
9930
|
+
size: "small",
|
|
9931
|
+
type: "text"
|
|
9932
|
+
}, {
|
|
9933
|
+
children: "Cancel"
|
|
9934
|
+
}), void 0), jsx(DotButton, Object.assign({
|
|
9935
|
+
"data-testid": dataTestId && `${dataTestId}-set`,
|
|
9936
|
+
onClick: handleSet,
|
|
9937
|
+
size: "small",
|
|
9938
|
+
type: "text"
|
|
9939
|
+
}, {
|
|
9940
|
+
children: "Set"
|
|
9941
|
+
}), void 0)]
|
|
9942
|
+
}), void 0)]
|
|
9943
|
+
}), void 0)
|
|
9944
|
+
}), void 0)
|
|
9945
|
+
}), void 0)]
|
|
9946
|
+
}), void 0);
|
|
9947
|
+
};
|
|
9948
|
+
|
|
9949
|
+
export { Cell, CreateUUID, CssCell, CssGrid, CssGridDebug, Daytime, DotAccordion, DotActionToolbar, DotAlertBanner, DotAppLogo, DotAppSwitcher, DotAppToolbar, DotAutoComplete, DotAvatar, DotAvatarGroup, DotBadge, DotBreadcrumbs, DotButton, DotButtonToggle, DotCard, DotCardContent, DotCardFooter, DotCardHeader, DotCheckbox, DotCheckboxGroup, DotChip, DotConfirmationDialog, DotCopyButton, DotCoreApiProvider, DotDatePicker, DotDialog, DotDivider, DotDraggableList, DotDrawer, DotDynamicForm, DotEmptyState, DotFileListItem, DotFileUpload, DotForm, DotFormGroup, DotHeaderRow, DotIcon, DotIconButton, DotInlineEdit, DotInputSelect, DotInputText, DotLinearProgress, DotLink, DotList, DotMenu, DotNavigationRail, DotPill, DotPopper, DotProgress, DotProgressButton, DotRadioButton, DotRadioGroup, DotSidebar, DotSkeleton, DotSnackbar, DotSnackbarContainer, DotSnackbarProvider, DotSplitButton, DotStepper, DotSwitch, DotTable, DotTableAction, DotTableActions, DotTablePagination, DotTabs, DotThemeProvider, DotTimePicker, DotTooltip, DotTruncateWithTooltip, DotTypography, avatarColors, lightThemeColors as lightColors, mockScrollIntoView, parseAutoCompleteValue, variables as themeVariables, typographyOptions, useDotCoreApiContext, useDotSnackbarContext };
|