@digital-ai/dot-components 2.5.5 → 2.6.1
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 +40 -13
- package/index.esm.js +837 -223
- package/index.umd.js +1074 -395
- package/lib/components/index.d.ts +3 -0
- package/lib/components/input-form-fields/common.styles.d.ts +1 -0
- package/lib/components/sidebar/Sidebar.stories.d.ts +4 -4
- package/lib/components/sidebar/Sidebar.stories.data.d.ts +3 -9
- 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%;display:flex;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:", ";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$
|
|
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 {
|
|
@@ -7064,7 +7066,7 @@ const DotInlineEdit = ({
|
|
|
7064
7066
|
}
|
|
7065
7067
|
}, [_value]);
|
|
7066
7068
|
const isSaveDisabled = checkIfEmptyValue(inputValue);
|
|
7067
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7069
|
+
const rootClasses = useStylesWithRootClass(rootClassName$p, className, editing ? editModeClassName : '');
|
|
7068
7070
|
const handleShowTooltip = visible => {
|
|
7069
7071
|
if (!editing) {
|
|
7070
7072
|
setShowTooltip(visible);
|
|
@@ -7238,14 +7240,14 @@ const DotInlineEdit = ({
|
|
|
7238
7240
|
}), void 0);
|
|
7239
7241
|
};
|
|
7240
7242
|
|
|
7241
|
-
const rootClassName$
|
|
7243
|
+
const rootClassName$o = 'dot-navigation-rail';
|
|
7242
7244
|
const StyledNavigationRail = styled.div.withConfig({
|
|
7243
7245
|
displayName: "NavigationRailstyles__StyledNavigationRail",
|
|
7244
7246
|
componentId: "sc-160kivd-0"
|
|
7245
7247
|
})(["", ""], ({
|
|
7246
7248
|
theme,
|
|
7247
7249
|
railItemPosition
|
|
7248
|
-
}) => 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)));
|
|
7249
7251
|
|
|
7250
7252
|
const MAX_ALLOWED_ITEMS = 7;
|
|
7251
7253
|
const DotNavigationRail = ({
|
|
@@ -7257,7 +7259,7 @@ const DotNavigationRail = ({
|
|
|
7257
7259
|
railItems,
|
|
7258
7260
|
selectedIndex: _selectedIndex = 0
|
|
7259
7261
|
}) => {
|
|
7260
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7262
|
+
const rootClasses = useStylesWithRootClass(rootClassName$o, className);
|
|
7261
7263
|
const [selectedItemIndex, setSelectedItemIndex] = useState(_selectedIndex);
|
|
7262
7264
|
/* Used to change selected index programmatically from the consumer component */
|
|
7263
7265
|
useEffect(() => {
|
|
@@ -7311,13 +7313,13 @@ const DotNavigationRail = ({
|
|
|
7311
7313
|
}), void 0);
|
|
7312
7314
|
};
|
|
7313
7315
|
|
|
7314
|
-
const rootClassName$
|
|
7316
|
+
const rootClassName$n = 'dot-pill';
|
|
7315
7317
|
const StyledPill = styled(Chip).withConfig({
|
|
7316
7318
|
displayName: "Pillstyles__StyledPill",
|
|
7317
7319
|
componentId: "l7oxi2-0"
|
|
7318
7320
|
})(["", ""], ({
|
|
7319
7321
|
theme
|
|
7320
|
-
}) => 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, ({
|
|
7321
7323
|
backgroundcolor
|
|
7322
7324
|
}) => {
|
|
7323
7325
|
return backgroundcolor || theme.palette.grey[200];
|
|
@@ -7344,7 +7346,7 @@ const DotPill = ({
|
|
|
7344
7346
|
status: _status = 'default',
|
|
7345
7347
|
variant: _variant = 'filled'
|
|
7346
7348
|
}) => {
|
|
7347
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7349
|
+
const rootClasses = useStylesWithRootClass(rootClassName$n, className, _status);
|
|
7348
7350
|
return jsx(StyledPill, {
|
|
7349
7351
|
"aria-label": ariaLabel,
|
|
7350
7352
|
bordercolor: bordercolor,
|
|
@@ -7362,13 +7364,13 @@ const DotPill = ({
|
|
|
7362
7364
|
}, void 0);
|
|
7363
7365
|
};
|
|
7364
7366
|
|
|
7365
|
-
const rootClassName$
|
|
7367
|
+
const rootClassName$m = 'dot-skeleton';
|
|
7366
7368
|
const StyledSkeleton = styled(Skeleton).withConfig({
|
|
7367
7369
|
displayName: "Skeletonstyles__StyledSkeleton",
|
|
7368
7370
|
componentId: "sc-17ayzv5-0"
|
|
7369
7371
|
})(["", ""], ({
|
|
7370
7372
|
theme
|
|
7371
|
-
}) => css(["&.", "{background-color:", ";}"], rootClassName$
|
|
7373
|
+
}) => css(["&.", "{background-color:", ";}"], rootClassName$m, theme.palette.grey[100]));
|
|
7372
7374
|
|
|
7373
7375
|
const DotSkeleton = ({
|
|
7374
7376
|
ariaLabel,
|
|
@@ -7379,7 +7381,7 @@ const DotSkeleton = ({
|
|
|
7379
7381
|
width,
|
|
7380
7382
|
variant
|
|
7381
7383
|
}) => {
|
|
7382
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7384
|
+
const rootClasses = useStylesWithRootClass(rootClassName$m, className);
|
|
7383
7385
|
return jsx(StyledSkeleton, Object.assign({
|
|
7384
7386
|
animation: "wave",
|
|
7385
7387
|
"aria-label": ariaLabel,
|
|
@@ -7395,13 +7397,13 @@ const DotSkeleton = ({
|
|
|
7395
7397
|
}), void 0);
|
|
7396
7398
|
};
|
|
7397
7399
|
|
|
7398
|
-
const rootClassName$
|
|
7400
|
+
const rootClassName$l = 'dot-snackbar';
|
|
7399
7401
|
const StyledSnackbar = styled(Snackbar).withConfig({
|
|
7400
7402
|
displayName: "Snackbarstyles__StyledSnackbar",
|
|
7401
7403
|
componentId: "sc-1huxoy3-0"
|
|
7402
7404
|
})(["", ""], ({
|
|
7403
7405
|
theme
|
|
7404
|
-
}) => 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));
|
|
7405
7407
|
|
|
7406
7408
|
function addAutoHideDuration(severity) {
|
|
7407
7409
|
return severity === 'error' ? null : 10000;
|
|
@@ -7436,7 +7438,7 @@ const DotSnackbar = ({
|
|
|
7436
7438
|
onClose,
|
|
7437
7439
|
action
|
|
7438
7440
|
});
|
|
7439
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7441
|
+
const rootClasses = useStylesWithRootClass(rootClassName$l, className);
|
|
7440
7442
|
return jsx(StyledSnackbar, Object.assign({
|
|
7441
7443
|
anchorOrigin: _anchorOrigin,
|
|
7442
7444
|
"aria-label": ariaLabel,
|
|
@@ -7466,11 +7468,11 @@ const DotSnackbar = ({
|
|
|
7466
7468
|
}), void 0);
|
|
7467
7469
|
};
|
|
7468
7470
|
|
|
7469
|
-
const rootClassName$
|
|
7471
|
+
const rootClassName$k = 'dot-snackbar-container';
|
|
7470
7472
|
const StyledSnackbarContainer = styled.div.withConfig({
|
|
7471
7473
|
displayName: "SnackbarContainerstyles__StyledSnackbarContainer",
|
|
7472
7474
|
componentId: "sc-1ogwjuc-0"
|
|
7473
|
-
})(["", ""], () => 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));
|
|
7474
7476
|
|
|
7475
7477
|
const DotSnackbarContext = /*#__PURE__*/createContext({
|
|
7476
7478
|
alerts: [],
|
|
@@ -7488,11 +7490,11 @@ const DotSnackbarContainer = () => {
|
|
|
7488
7490
|
};
|
|
7489
7491
|
}
|
|
7490
7492
|
return jsx(StyledSnackbarContainer, Object.assign({
|
|
7491
|
-
className: rootClassName$
|
|
7493
|
+
className: rootClassName$k
|
|
7492
7494
|
}, {
|
|
7493
7495
|
children: jsx("div", Object.assign({
|
|
7494
|
-
className: rootClassName$
|
|
7495
|
-
"data-testid": rootClassName$
|
|
7496
|
+
className: rootClassName$k,
|
|
7497
|
+
"data-testid": rootClassName$k
|
|
7496
7498
|
}, {
|
|
7497
7499
|
children: alerts.slice().reverse().map(alert => {
|
|
7498
7500
|
return jsx(DotSnackbar, Object.assign({
|
|
@@ -7547,13 +7549,13 @@ const useDotSnackbarContext = () => {
|
|
|
7547
7549
|
return useContext(DotSnackbarContext);
|
|
7548
7550
|
};
|
|
7549
7551
|
|
|
7550
|
-
const rootClassName$
|
|
7552
|
+
const rootClassName$j = 'dot-split-button-group';
|
|
7551
7553
|
const StyledSplitButtonGroup = styled(ButtonGroup).withConfig({
|
|
7552
7554
|
displayName: "SplitButtonstyles__StyledSplitButtonGroup",
|
|
7553
7555
|
componentId: "ild520-0"
|
|
7554
7556
|
})(["", ""], ({
|
|
7555
7557
|
theme
|
|
7556
|
-
}) => 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']));
|
|
7557
7559
|
const StyledMenu$2 = styled(DotMenu).withConfig({
|
|
7558
7560
|
displayName: "SplitButtonstyles__StyledMenu",
|
|
7559
7561
|
componentId: "ild520-1"
|
|
@@ -7582,7 +7584,7 @@ const DotSplitButton = ({
|
|
|
7582
7584
|
tooltip,
|
|
7583
7585
|
type: _type = 'primary'
|
|
7584
7586
|
}) => {
|
|
7585
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7587
|
+
const rootClasses = useStylesWithRootClass(rootClassName$j, className, _type, _disabled ? 'disabled' : '');
|
|
7586
7588
|
const [open, setOpen] = useState(false);
|
|
7587
7589
|
const anchorRef = useRef(null);
|
|
7588
7590
|
const hasEmptyOptions = _options.length === 0;
|
|
@@ -7648,7 +7650,275 @@ const DotSplitButton = ({
|
|
|
7648
7650
|
}, void 0);
|
|
7649
7651
|
};
|
|
7650
7652
|
|
|
7651
|
-
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';
|
|
7652
7922
|
// TO-DO: Determine how to apply styles to standard popper element
|
|
7653
7923
|
const paginationItemClassName = 'dot-pagination-menu-item';
|
|
7654
7924
|
const StyledTablePagination = styled.div.withConfig({
|
|
@@ -7657,7 +7927,7 @@ const StyledTablePagination = styled.div.withConfig({
|
|
|
7657
7927
|
})(["", ""], ({
|
|
7658
7928
|
theme,
|
|
7659
7929
|
typography
|
|
7660
|
-
}) => 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));
|
|
7661
7931
|
|
|
7662
7932
|
const ROWS_PER_PAGE_OPTIONS = [10, 25, 50, 100, 150, 200];
|
|
7663
7933
|
/** This component wraps the TablePagination component from @material-ui. */
|
|
@@ -7672,7 +7942,7 @@ const DotTablePagination = ({
|
|
|
7672
7942
|
rowsPerPage: _rowsPerPage = 10,
|
|
7673
7943
|
typography: _typography = 'subtitle2'
|
|
7674
7944
|
}) => {
|
|
7675
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7945
|
+
const rootClasses = useStylesWithRootClass(rootClassName$h, className);
|
|
7676
7946
|
const handlePageChange = (event, newPage) => {
|
|
7677
7947
|
onPageChange && onPageChange(newPage);
|
|
7678
7948
|
};
|
|
@@ -7681,7 +7951,7 @@ const DotTablePagination = ({
|
|
|
7681
7951
|
};
|
|
7682
7952
|
return (/* Container is used to pass 'typography' prop to a styled component */
|
|
7683
7953
|
jsx(StyledTablePagination, Object.assign({
|
|
7684
|
-
className: rootClassName$
|
|
7954
|
+
className: rootClassName$h,
|
|
7685
7955
|
typography: _typography
|
|
7686
7956
|
}, {
|
|
7687
7957
|
children: jsx(TablePagination, {
|
|
@@ -7707,13 +7977,13 @@ const DotTablePagination = ({
|
|
|
7707
7977
|
);
|
|
7708
7978
|
};
|
|
7709
7979
|
|
|
7710
|
-
const rootClassName$
|
|
7980
|
+
const rootClassName$g = 'dot-table';
|
|
7711
7981
|
const StyledPaper = styled(Paper).withConfig({
|
|
7712
7982
|
displayName: "Tablestyles__StyledPaper",
|
|
7713
7983
|
componentId: "s95z6y-0"
|
|
7714
7984
|
})(["", ""], ({
|
|
7715
7985
|
theme
|
|
7716
|
-
}) => 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));
|
|
7717
7987
|
const StyledTableContainer = styled(TableContainer).withConfig({
|
|
7718
7988
|
displayName: "Tablestyles__StyledTableContainer",
|
|
7719
7989
|
componentId: "s95z6y-1"
|
|
@@ -7780,11 +8050,11 @@ const getBulkSelectedRowIds = (isChecked, selectedIds, pageData) => {
|
|
|
7780
8050
|
return newIds;
|
|
7781
8051
|
};
|
|
7782
8052
|
|
|
7783
|
-
const rootClassName$
|
|
8053
|
+
const rootClassName$f = 'dot-td';
|
|
7784
8054
|
const StyledTableCell = styled(TableCell).withConfig({
|
|
7785
8055
|
displayName: "TableCellstyles__StyledTableCell",
|
|
7786
8056
|
componentId: "e84k25-0"
|
|
7787
|
-
})(["", ""], () => 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));
|
|
7788
8058
|
|
|
7789
8059
|
/**
|
|
7790
8060
|
* A wrapper component around the TableCell component from @material-ui.
|
|
@@ -7828,7 +8098,7 @@ const DotBodyCell = ({
|
|
|
7828
8098
|
const isOverflowing = actionTableCellWidth > (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current.clientWidth);
|
|
7829
8099
|
setShowMenu(isOverflowing);
|
|
7830
8100
|
};
|
|
7831
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
8101
|
+
const rootClasses = useStylesWithRootClass(rootClassName$f, className, noWrap && 'noWrap', Array.isArray(value) && 'actionItems');
|
|
7832
8102
|
const getTableCellValue = () => {
|
|
7833
8103
|
if (Array.isArray(value)) {
|
|
7834
8104
|
return jsx("div", Object.assign({
|
|
@@ -7868,13 +8138,13 @@ const DotBodyCell = ({
|
|
|
7868
8138
|
}), void 0);
|
|
7869
8139
|
};
|
|
7870
8140
|
|
|
7871
|
-
const rootClassName$
|
|
8141
|
+
const rootClassName$e = 'dot-td-checkbox';
|
|
7872
8142
|
const StyledTableBodyCheckboxCell = styled(TableCell).withConfig({
|
|
7873
8143
|
displayName: "TableBodyCheckboxCellstyles__StyledTableBodyCheckboxCell",
|
|
7874
8144
|
componentId: "ebk3sz-0"
|
|
7875
8145
|
})(["", ""], ({
|
|
7876
8146
|
theme
|
|
7877
|
-
}) => 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)));
|
|
7878
8148
|
|
|
7879
8149
|
const DotBodyCheckboxCell = ({
|
|
7880
8150
|
ariaLabel,
|
|
@@ -7884,7 +8154,7 @@ const DotBodyCheckboxCell = ({
|
|
|
7884
8154
|
onChange,
|
|
7885
8155
|
rowId
|
|
7886
8156
|
}) => {
|
|
7887
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
8157
|
+
const rootClasses = useStylesWithRootClass(rootClassName$e, className);
|
|
7888
8158
|
const [isCheckboxChecked, setIsCheckboxChecked] = useState(isChecked);
|
|
7889
8159
|
/** This effect is used when 'checked' status is changed from the outside */
|
|
7890
8160
|
useEffect(() => {
|
|
@@ -7910,13 +8180,13 @@ const DotBodyCheckboxCell = ({
|
|
|
7910
8180
|
}), void 0);
|
|
7911
8181
|
};
|
|
7912
8182
|
|
|
7913
|
-
const rootClassName$
|
|
8183
|
+
const rootClassName$d = 'dot-tr';
|
|
7914
8184
|
const StyledTableRowStyles = styled(TableRow).withConfig({
|
|
7915
8185
|
displayName: "TableRowstyles__StyledTableRowStyles",
|
|
7916
8186
|
componentId: "a4fx2l-0"
|
|
7917
8187
|
})(["", ""], ({
|
|
7918
8188
|
theme
|
|
7919
|
-
}) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$
|
|
8189
|
+
}) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$d, theme.palette.primary[50]));
|
|
7920
8190
|
|
|
7921
8191
|
/**
|
|
7922
8192
|
* A wrapper component around the TableRow component from @material-ui. This component can be used
|
|
@@ -7943,7 +8213,7 @@ const DotTableRow = ({
|
|
|
7943
8213
|
selectedTableRowIds
|
|
7944
8214
|
} = multiSelectBody || {};
|
|
7945
8215
|
const isCheckboxChecked = selectedTableRowIds && selectedTableRowIds.includes(id) || false;
|
|
7946
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
8216
|
+
const rootClasses = useStylesWithRootClass(rootClassName$d, isCheckboxChecked ? 'selected' : undefined, className);
|
|
7947
8217
|
const renderCheckboxCell = () => {
|
|
7948
8218
|
return jsx(DotBodyCheckboxCell, {
|
|
7949
8219
|
ariaLabel: "Click to select this row",
|
|
@@ -7988,13 +8258,13 @@ const EmptyDotRow = ({
|
|
|
7988
8258
|
}), CreateUUID());
|
|
7989
8259
|
};
|
|
7990
8260
|
|
|
7991
|
-
const rootClassName$
|
|
8261
|
+
const rootClassName$c = 'dot-tbody';
|
|
7992
8262
|
const StyledTableBody = styled(TableBody).withConfig({
|
|
7993
8263
|
displayName: "TableBodystyles__StyledTableBody",
|
|
7994
8264
|
componentId: "wszqgk-0"
|
|
7995
8265
|
})(["", ""], ({
|
|
7996
8266
|
theme
|
|
7997
|
-
}) => 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]));
|
|
7998
8268
|
|
|
7999
8269
|
/**
|
|
8000
8270
|
* A wrapper component around the TableBody component from @material-ui. This component can be used
|
|
@@ -8043,7 +8313,7 @@ const DotTableBody = ({
|
|
|
8043
8313
|
return jsxs(Fragment$1, {
|
|
8044
8314
|
children: [jsx(StyledTableBody, Object.assign({
|
|
8045
8315
|
classes: {
|
|
8046
|
-
root: rootClassName$
|
|
8316
|
+
root: rootClassName$c
|
|
8047
8317
|
}
|
|
8048
8318
|
}, {
|
|
8049
8319
|
children: getTableBodyRows()
|
|
@@ -8059,13 +8329,13 @@ const DotTableBody = ({
|
|
|
8059
8329
|
}, void 0);
|
|
8060
8330
|
};
|
|
8061
8331
|
|
|
8062
|
-
const rootClassName$
|
|
8332
|
+
const rootClassName$b = 'dot-th';
|
|
8063
8333
|
const StyledTableHeaderCell = styled(TableCell).withConfig({
|
|
8064
8334
|
displayName: "TableHeaderCellstyles__StyledTableHeaderCell",
|
|
8065
8335
|
componentId: "nko9j-0"
|
|
8066
8336
|
})(["", ""], ({
|
|
8067
8337
|
theme
|
|
8068
|
-
}) => 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));
|
|
8069
8339
|
|
|
8070
8340
|
/**
|
|
8071
8341
|
* A wrapper component around the TableCell component from @material-ui. This component should only
|
|
@@ -8106,7 +8376,7 @@ const DotHeaderCell = ({
|
|
|
8106
8376
|
return jsx(StyledTableHeaderCell, Object.assign({
|
|
8107
8377
|
align: align,
|
|
8108
8378
|
classes: {
|
|
8109
|
-
root: rootClassName$
|
|
8379
|
+
root: rootClassName$b
|
|
8110
8380
|
},
|
|
8111
8381
|
sortDirection: _sortable ? sortDirection : undefined,
|
|
8112
8382
|
style: headerCellStyle,
|
|
@@ -8116,13 +8386,13 @@ const DotHeaderCell = ({
|
|
|
8116
8386
|
}), uid);
|
|
8117
8387
|
};
|
|
8118
8388
|
|
|
8119
|
-
const rootClassName$
|
|
8389
|
+
const rootClassName$a = 'dot-th-checkbox';
|
|
8120
8390
|
const StyledTableHeaderCheckboxCell = styled(TableCell).withConfig({
|
|
8121
8391
|
displayName: "TableHeaderCheckboxCellstyles__StyledTableHeaderCheckboxCell",
|
|
8122
8392
|
componentId: "ymqg8x-0"
|
|
8123
8393
|
})(["", ""], ({
|
|
8124
8394
|
theme
|
|
8125
|
-
}) => 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)));
|
|
8126
8396
|
|
|
8127
8397
|
const DotHeaderCheckboxCell = ({
|
|
8128
8398
|
ariaLabel,
|
|
@@ -8131,7 +8401,7 @@ const DotHeaderCheckboxCell = ({
|
|
|
8131
8401
|
multiSelectState,
|
|
8132
8402
|
onCheckAllChange
|
|
8133
8403
|
}) => {
|
|
8134
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
8404
|
+
const rootClasses = useStylesWithRootClass(rootClassName$a, className);
|
|
8135
8405
|
const [checkboxState, setCheckboxState] = useState('unchecked');
|
|
8136
8406
|
useEffect(() => {
|
|
8137
8407
|
setCheckboxState(multiSelectState);
|
|
@@ -8238,13 +8508,13 @@ const DotHeaderRow = ({
|
|
|
8238
8508
|
}), void 0);
|
|
8239
8509
|
};
|
|
8240
8510
|
|
|
8241
|
-
const rootClassName$
|
|
8511
|
+
const rootClassName$9 = 'dot-table-selection-toolbar';
|
|
8242
8512
|
const StyledTableSelectionToolbar = styled(DotActionToolbar).withConfig({
|
|
8243
8513
|
displayName: "TableSelectionToolbarstyles__StyledTableSelectionToolbar",
|
|
8244
8514
|
componentId: "qpx3y9-0"
|
|
8245
8515
|
})(["", ""], ({
|
|
8246
8516
|
theme
|
|
8247
|
-
}) => 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)));
|
|
8248
8518
|
|
|
8249
8519
|
const DotTableSelectionToolbar = ({
|
|
8250
8520
|
ariaLabel,
|
|
@@ -8254,7 +8524,7 @@ const DotTableSelectionToolbar = ({
|
|
|
8254
8524
|
onClearAll,
|
|
8255
8525
|
selectedRowsNumber
|
|
8256
8526
|
}) => {
|
|
8257
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
8527
|
+
const rootClasses = useStylesWithRootClass(rootClassName$9, className);
|
|
8258
8528
|
return jsxs(StyledTableSelectionToolbar, Object.assign({
|
|
8259
8529
|
ariaLabel: ariaLabel,
|
|
8260
8530
|
className: rootClasses,
|
|
@@ -8350,7 +8620,7 @@ const DotTable = ({
|
|
|
8350
8620
|
return onUpdateData ? data : stableSort(data, getComparator(_order, orderBy));
|
|
8351
8621
|
};
|
|
8352
8622
|
const [pageData, setPageData] = useState(getSortedData().slice(0, rowsPerPage ? rowsPerPage : data.length));
|
|
8353
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
8623
|
+
const rootClasses = useStylesWithRootClass(rootClassName$g, className, _loading ? 'loading' : '');
|
|
8354
8624
|
const updateData = (newOrder, newOrderBy, newPage, newRowsPerPage) => {
|
|
8355
8625
|
const newData = stableSort(data, getComparator(newOrder, newOrderBy));
|
|
8356
8626
|
setPageData(newRowsPerPage ? newData.slice(newPage * newRowsPerPage, newPage * newRowsPerPage + newRowsPerPage) : newData);
|
|
@@ -8534,7 +8804,7 @@ const DotTableAction = ({
|
|
|
8534
8804
|
}, void 0);
|
|
8535
8805
|
};
|
|
8536
8806
|
|
|
8537
|
-
const rootClassName$
|
|
8807
|
+
const rootClassName$8 = 'dot-table-actions';
|
|
8538
8808
|
const TableActionsContainer = styled.div.withConfig({
|
|
8539
8809
|
displayName: "TableActionsstyles__TableActionsContainer",
|
|
8540
8810
|
componentId: "sc-8lo813-0"
|
|
@@ -8603,7 +8873,7 @@ const DotTableActions = ({
|
|
|
8603
8873
|
};
|
|
8604
8874
|
return jsxs(Fragment$1, {
|
|
8605
8875
|
children: [jsxs(TableActionsContainer, Object.assign({
|
|
8606
|
-
className: rootClassName$
|
|
8876
|
+
className: rootClassName$8,
|
|
8607
8877
|
ref: wrapperRef
|
|
8608
8878
|
}, {
|
|
8609
8879
|
children: [!showMenu && renderTableActions(), (showMenu || actions.length > 2) && jsx(DotIconButton, {
|
|
@@ -8626,13 +8896,13 @@ const DotTableActions = ({
|
|
|
8626
8896
|
}, void 0);
|
|
8627
8897
|
};
|
|
8628
8898
|
|
|
8629
|
-
const rootClassName$
|
|
8899
|
+
const rootClassName$7 = 'dot-tabs';
|
|
8630
8900
|
const StyledTabs = styled(Tabs).withConfig({
|
|
8631
8901
|
displayName: "Tabsstyles__StyledTabs",
|
|
8632
8902
|
componentId: "sc-1pmrz8k-0"
|
|
8633
8903
|
})(["", ""], ({
|
|
8634
8904
|
theme
|
|
8635
|
-
}) => 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)));
|
|
8636
8906
|
|
|
8637
8907
|
const DotTabs = ({
|
|
8638
8908
|
centered: _centered = false,
|
|
@@ -8646,7 +8916,7 @@ const DotTabs = ({
|
|
|
8646
8916
|
variant: _variant = 'standard'
|
|
8647
8917
|
}) => {
|
|
8648
8918
|
const [value, setValue] = useState(_initialValue);
|
|
8649
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
8919
|
+
const rootClasses = useStylesWithRootClass(rootClassName$7, className);
|
|
8650
8920
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
8651
8921
|
const handleChange = (_event, val) => {
|
|
8652
8922
|
setValue(val);
|
|
@@ -8696,29 +8966,29 @@ const DotTabs = ({
|
|
|
8696
8966
|
}), void 0);
|
|
8697
8967
|
};
|
|
8698
8968
|
|
|
8699
|
-
const rootClassName$
|
|
8700
|
-
const containerClassName$
|
|
8701
|
-
const dropZoneClassName = `${rootClassName$
|
|
8969
|
+
const rootClassName$6 = 'dot-file-upload';
|
|
8970
|
+
const containerClassName$2 = `${rootClassName$6}-container`;
|
|
8971
|
+
const dropZoneClassName = `${rootClassName$6}-drop-zone`;
|
|
8702
8972
|
const StyledFileUploadContainer = styled.div.withConfig({
|
|
8703
8973
|
displayName: "FileUploadstyles__StyledFileUploadContainer",
|
|
8704
8974
|
componentId: "sc-1q8bcxy-0"
|
|
8705
8975
|
})(["", ""], ({
|
|
8706
8976
|
theme
|
|
8707
|
-
}) => 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]));
|
|
8708
8978
|
const StyledFileUpload = styled.div.withConfig({
|
|
8709
8979
|
displayName: "FileUploadstyles__StyledFileUpload",
|
|
8710
8980
|
componentId: "sc-1q8bcxy-1"
|
|
8711
8981
|
})(["", ""], ({
|
|
8712
8982
|
theme
|
|
8713
|
-
}) => 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));
|
|
8714
8984
|
|
|
8715
|
-
const rootClassName$
|
|
8985
|
+
const rootClassName$5 = 'dot-file-list-item';
|
|
8716
8986
|
const StyledFileListItem = styled(StyledListItem).withConfig({
|
|
8717
8987
|
displayName: "FileListItemstyles__StyledFileListItem",
|
|
8718
8988
|
componentId: "sc-6mp1tz-0"
|
|
8719
8989
|
})(["", ""], ({
|
|
8720
8990
|
theme
|
|
8721
|
-
}) => 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));
|
|
8722
8992
|
|
|
8723
8993
|
const DotFileListItem = ({
|
|
8724
8994
|
ariaLabel,
|
|
@@ -8733,7 +9003,7 @@ const DotFileListItem = ({
|
|
|
8733
9003
|
onKeyPress,
|
|
8734
9004
|
tabIndex: _tabIndex = 0
|
|
8735
9005
|
}) => {
|
|
8736
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
9006
|
+
const rootClasses = useStylesWithRootClass(rootClassName$5, className, _error ? 'file-error' : 'file-success');
|
|
8737
9007
|
const defaultIcon = _error ? 'error-solid' : 'check-solid';
|
|
8738
9008
|
const [endIcon, setEndIcon] = useState(defaultIcon);
|
|
8739
9009
|
const handleItemClick = clickedFile => _event => onClick === null || onClick === void 0 ? void 0 : onClick(clickedFile);
|
|
@@ -8769,7 +9039,7 @@ const DotFileListItem = ({
|
|
|
8769
9039
|
children: errorText
|
|
8770
9040
|
}), void 0)]
|
|
8771
9041
|
}), void 0), jsx(DotIconButton, {
|
|
8772
|
-
className: `${rootClassName$
|
|
9042
|
+
className: `${rootClassName$5}-end-icon`,
|
|
8773
9043
|
"data-testid": dataTestId && `${dataTestId}-end-icon`,
|
|
8774
9044
|
disabled: disableDelete,
|
|
8775
9045
|
iconId: endIcon,
|
|
@@ -8898,7 +9168,7 @@ const DotFileUpload = ({
|
|
|
8898
9168
|
const [uploadedFiles, setUploadedFiles] = useState([]);
|
|
8899
9169
|
const [hasMaxFilesError, setHasMaxFilesError] = useState(false);
|
|
8900
9170
|
const isUploadDisabled = disabled || maxFiles && uploadedFiles.length >= maxFiles;
|
|
8901
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
9171
|
+
const rootClasses = useStylesWithRootClass(rootClassName$6, className, !_buttonOnly ? dropZoneClassName : '', isUploadDisabled ? 'disabled' : '');
|
|
8902
9172
|
const maxFilesClasses = useStylesWithRootClass('dot-max-files-message', hasMaxFilesError ? 'dot-max-files-reached' : '');
|
|
8903
9173
|
const allowMultiple = maxFiles === undefined || maxFiles > 1;
|
|
8904
9174
|
const setNewlyUploadedFiles = (acceptedFiles, fileRejections) => {
|
|
@@ -8947,7 +9217,7 @@ const DotFileUpload = ({
|
|
|
8947
9217
|
uploadedFiles
|
|
8948
9218
|
});
|
|
8949
9219
|
return jsxs(StyledFileUploadContainer, Object.assign({
|
|
8950
|
-
className: containerClassName$
|
|
9220
|
+
className: containerClassName$2
|
|
8951
9221
|
}, {
|
|
8952
9222
|
children: [jsxs(StyledFileUpload, Object.assign({}, getRootProps(), {
|
|
8953
9223
|
"aria-label": ariaLabel,
|
|
@@ -8968,11 +9238,11 @@ const DotFileUpload = ({
|
|
|
8968
9238
|
}), void 0);
|
|
8969
9239
|
};
|
|
8970
9240
|
|
|
8971
|
-
const rootClassName$
|
|
9241
|
+
const rootClassName$4 = 'dot-divider';
|
|
8972
9242
|
const StyledDivider = styled(Divider).withConfig({
|
|
8973
9243
|
displayName: "Dividerstyles__StyledDivider",
|
|
8974
9244
|
componentId: "yu3sip-0"
|
|
8975
|
-
})(["", ""], () => css(["&.", "{}"], rootClassName$
|
|
9245
|
+
})(["", ""], () => css(["&.", "{}"], rootClassName$4));
|
|
8976
9246
|
|
|
8977
9247
|
const DotDivider = ({
|
|
8978
9248
|
absolute,
|
|
@@ -8984,7 +9254,7 @@ const DotDivider = ({
|
|
|
8984
9254
|
orientation,
|
|
8985
9255
|
variant
|
|
8986
9256
|
}) => {
|
|
8987
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
9257
|
+
const rootClasses = useStylesWithRootClass(rootClassName$4, className);
|
|
8988
9258
|
return jsx(StyledDivider, {
|
|
8989
9259
|
absolute: absolute,
|
|
8990
9260
|
"aria-label": ariaLabel,
|
|
@@ -9010,7 +9280,7 @@ const DotPopper = ({
|
|
|
9010
9280
|
open,
|
|
9011
9281
|
placement
|
|
9012
9282
|
}) => {
|
|
9013
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
9283
|
+
const rootClasses = useStylesWithRootClass(rootClassName$X, className);
|
|
9014
9284
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
9015
9285
|
const handleClickAway = event => {
|
|
9016
9286
|
if (onClickAway && (!anchorEl || !anchorEl.contains(event.currentTarget))) {
|
|
@@ -9049,7 +9319,7 @@ const DotPopper = ({
|
|
|
9049
9319
|
}), void 0);
|
|
9050
9320
|
};
|
|
9051
9321
|
|
|
9052
|
-
const rootClassName$
|
|
9322
|
+
const rootClassName$3 = 'dot-draggable-list';
|
|
9053
9323
|
const listItemClassName = 'dot-draggable-list-item';
|
|
9054
9324
|
const StyledDraggableList = styled.div.withConfig({
|
|
9055
9325
|
displayName: "DraggableListstyles__StyledDraggableList",
|
|
@@ -9058,7 +9328,7 @@ const StyledDraggableList = styled.div.withConfig({
|
|
|
9058
9328
|
theme,
|
|
9059
9329
|
width,
|
|
9060
9330
|
draggableHandle
|
|
9061
|
-
}) => 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));
|
|
9062
9332
|
|
|
9063
9333
|
const getOrderedListItems = (layout, listItems) => {
|
|
9064
9334
|
if (!listItems || !layout) return [];
|
|
@@ -9092,7 +9362,7 @@ const DotDraggableList = ({
|
|
|
9092
9362
|
rowHeight: _rowHeight = DEFAULT_LIST_ITEM_HEIGHT,
|
|
9093
9363
|
width: _width = DEFAULT_LIST_WIDTH
|
|
9094
9364
|
}) => {
|
|
9095
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
9365
|
+
const rootClasses = useStylesWithRootClass(rootClassName$3, className, draggableHandle ? 'with-draggable-handle' : '');
|
|
9096
9366
|
const listItemClasses = useStylesWithRootClass(listItemClassName, draggableHandle && !disableDrag ? 'with-handle-grab-cursor' : '', draggableHandle || disableDrag ? 'with-default-cursor' : '');
|
|
9097
9367
|
const listWidth = isNumber(_width) ? `${_width}px` : _width;
|
|
9098
9368
|
const [orderedItems, setOrderedItems] = useState([]);
|
|
@@ -9146,11 +9416,11 @@ const DotDraggableList = ({
|
|
|
9146
9416
|
}), void 0);
|
|
9147
9417
|
};
|
|
9148
9418
|
|
|
9149
|
-
const rootClassName$
|
|
9419
|
+
const rootClassName$2 = 'dot-linear-progress';
|
|
9150
9420
|
const StyledLinearProgress = styled(LinearProgress).withConfig({
|
|
9151
9421
|
displayName: "LinearProgressstyles__StyledLinearProgress",
|
|
9152
9422
|
componentId: "sc-1qhzxb3-0"
|
|
9153
|
-
})(["&.", "{}"], rootClassName$
|
|
9423
|
+
})(["&.", "{}"], rootClassName$2);
|
|
9154
9424
|
|
|
9155
9425
|
const DotLinearProgress = ({
|
|
9156
9426
|
ariaLabel,
|
|
@@ -9161,7 +9431,7 @@ const DotLinearProgress = ({
|
|
|
9161
9431
|
valueBuffer,
|
|
9162
9432
|
variant: _variant = 'indeterminate'
|
|
9163
9433
|
}) => {
|
|
9164
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
9434
|
+
const rootClasses = useStylesWithRootClass(rootClassName$2, className);
|
|
9165
9435
|
return jsx(StyledLinearProgress, {
|
|
9166
9436
|
"aria-label": ariaLabel,
|
|
9167
9437
|
classes: {
|
|
@@ -9175,19 +9445,19 @@ const DotLinearProgress = ({
|
|
|
9175
9445
|
}, void 0);
|
|
9176
9446
|
};
|
|
9177
9447
|
|
|
9178
|
-
const rootClassName = 'dot-date-picker';
|
|
9179
|
-
const containerClassName = 'dot-date-picker-container';
|
|
9448
|
+
const rootClassName$1 = 'dot-date-picker';
|
|
9449
|
+
const containerClassName$1 = 'dot-date-picker-container';
|
|
9180
9450
|
const rectanglePickersDayClassName = 'dot-rectangle-pickers-day';
|
|
9181
9451
|
const StyledDatePickerContainer = styled.div.withConfig({
|
|
9182
9452
|
displayName: "DatePickerstyles__StyledDatePickerContainer",
|
|
9183
9453
|
componentId: "sc-1to4suu-0"
|
|
9184
|
-
})(["&.", " .full-width{width:100%;}"], rootClassName);
|
|
9454
|
+
})(["&.", " .full-width{width:100%;}"], rootClassName$1);
|
|
9185
9455
|
const StyledDatePicker = styled(DatePicker).withConfig({
|
|
9186
9456
|
displayName: "DatePickerstyles__StyledDatePicker",
|
|
9187
9457
|
componentId: "sc-1to4suu-1"
|
|
9188
9458
|
})(["", ""], ({
|
|
9189
9459
|
theme
|
|
9190
|
-
}) => css(["&.", "{
|
|
9460
|
+
}) => css(["&.", "{", ";}"], rootClassName$1, pickerInputStyles(theme)));
|
|
9191
9461
|
const StyledPickersDay = styled(PickersDay).withConfig({
|
|
9192
9462
|
displayName: "DatePickerstyles__StyledPickersDay",
|
|
9193
9463
|
componentId: "sc-1to4suu-2"
|
|
@@ -9233,8 +9503,8 @@ const DotDatePicker = ({
|
|
|
9233
9503
|
showDaysOutsideCurrentMonth,
|
|
9234
9504
|
value
|
|
9235
9505
|
}) => {
|
|
9236
|
-
const rootClasses = useStylesWithRootClass(rootClassName, className, _readOnly ? 'read-only' : '');
|
|
9237
|
-
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);
|
|
9238
9508
|
useEffect(() => {
|
|
9239
9509
|
if (!locale) return;
|
|
9240
9510
|
const userLocaleName = dayjs.locale();
|
|
@@ -9332,4 +9602,348 @@ const DotDatePicker = ({
|
|
|
9332
9602
|
}), void 0);
|
|
9333
9603
|
};
|
|
9334
9604
|
|
|
9335
|
-
|
|
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 };
|