@digital-ai/dot-components 2.15.2 → 2.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGE_LOG.md +35 -10
- package/index.esm.js +425 -227
- package/index.umd.js +617 -395
- package/lib/components/button/CopyButton.d.ts +10 -3
- package/lib/components/button/CopyButton.stories.d.ts +1 -1
- package/lib/components/button/IconButton.d.ts +5 -3
- package/lib/components/file-upload/FileUpload.d.ts +13 -1
- package/lib/components/file-upload/FileUpload.stories.d.ts +2 -1
- package/lib/components/file-upload/utils/helpers.d.ts +4 -3
- package/lib/components/file-upload/utils/models.d.ts +2 -0
- package/lib/components/table/Table.d.ts +4 -2
- package/lib/components/table/Table.stories.d.ts +3 -1
- package/lib/components/table/Table.stories.data.d.ts +59 -0
- package/lib/components/table/TableBody.d.ts +3 -2
- package/lib/components/table/TableBodyCollapsibleTable.d.ts +8 -0
- package/lib/components/table/TableBodyCollapsibleTable.styles.d.ts +2 -0
- package/lib/components/table/TableBodyExpandCollapseCell.d.ts +8 -0
- package/lib/components/table/TableBodyExpandCollapseCell.styles.d.ts +3 -0
- package/lib/components/table/TableHeader.d.ts +3 -2
- package/lib/components/table/TableRow.d.ts +3 -2
- package/lib/components/table/utils/helpers.d.ts +1 -0
- package/lib/components/table/utils/models.d.ts +19 -0
- package/lib/components/tooltip/Tooltip.d.ts +3 -1
- package/lib/components/tooltip/Tooltip.stories.d.ts +1 -1
- package/lib/components/truncate-with-tooltip/TruncateWithTooltip.d.ts +3 -1
- package/lib/components/truncate-with-tooltip/TruncateWithTooltip.stories.d.ts +1 -1
- package/package.json +1 -1
package/index.esm.js
CHANGED
|
@@ -22,6 +22,7 @@ function useStylesWithRootClass(name, className, ...args) {
|
|
|
22
22
|
const DotTooltip = ({
|
|
23
23
|
ariaLabel,
|
|
24
24
|
ariaRole: _ariaRole = 'tooltip',
|
|
25
|
+
arrow: _arrow = true,
|
|
25
26
|
children,
|
|
26
27
|
className,
|
|
27
28
|
'data-testid': dataTestId,
|
|
@@ -35,6 +36,7 @@ const DotTooltip = ({
|
|
|
35
36
|
return title ? jsx(Tooltip, Object.assign({
|
|
36
37
|
"aria-hidden": false,
|
|
37
38
|
"aria-label": ariaLabel || title.toString(),
|
|
39
|
+
arrow: _arrow,
|
|
38
40
|
className: rootClasses,
|
|
39
41
|
"data-testid": dataTestId,
|
|
40
42
|
leaveDelay: leaveDelay,
|
|
@@ -52,11 +54,11 @@ const DotTooltip = ({
|
|
|
52
54
|
}), void 0) : children;
|
|
53
55
|
};
|
|
54
56
|
|
|
55
|
-
const rootClassName$
|
|
57
|
+
const rootClassName$17 = 'dot-icon';
|
|
56
58
|
const StyledIcon = styled(Icon).withConfig({
|
|
57
59
|
displayName: "Iconstyles__StyledIcon",
|
|
58
60
|
componentId: "st0ybo-0"
|
|
59
|
-
})(["", ""], () => 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$
|
|
61
|
+
})(["", ""], () => 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$17));
|
|
60
62
|
|
|
61
63
|
const DotIcon = ({
|
|
62
64
|
ariaLabel,
|
|
@@ -67,7 +69,7 @@ const DotIcon = ({
|
|
|
67
69
|
iconId,
|
|
68
70
|
tooltip
|
|
69
71
|
}) => {
|
|
70
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
72
|
+
const rootClasses = useStylesWithRootClass(rootClassName$17, className);
|
|
71
73
|
return jsx(DotTooltip, Object.assign({
|
|
72
74
|
title: tooltip
|
|
73
75
|
}, {
|
|
@@ -131,7 +133,7 @@ const DotTypography = ({
|
|
|
131
133
|
}), void 0);
|
|
132
134
|
};
|
|
133
135
|
|
|
134
|
-
const rootClassName$
|
|
136
|
+
const rootClassName$16 = 'dot-accordion';
|
|
135
137
|
const summaryClassName = 'dot-accordion-summary';
|
|
136
138
|
const detailClassName = 'dot-accordion-details';
|
|
137
139
|
const StyledAccordion = styled(Accordion).withConfig({
|
|
@@ -139,7 +141,7 @@ const StyledAccordion = styled(Accordion).withConfig({
|
|
|
139
141
|
componentId: "sc-1amx4r3-0"
|
|
140
142
|
})(["", ""], ({
|
|
141
143
|
theme
|
|
142
|
-
}) => 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$
|
|
144
|
+
}) => 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$16, summaryClassName, theme.spacing(1), theme.spacing(5), theme.spacing(1.5), theme.spacing(-1.5)));
|
|
143
145
|
|
|
144
146
|
const DotAccordion = ({
|
|
145
147
|
actions,
|
|
@@ -156,7 +158,7 @@ const DotAccordion = ({
|
|
|
156
158
|
summary,
|
|
157
159
|
noWrap: _noWrap = true
|
|
158
160
|
}) => {
|
|
159
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
161
|
+
const rootClasses = useStylesWithRootClass(rootClassName$16, className);
|
|
160
162
|
const [elevation, setElevation] = useState();
|
|
161
163
|
useEffect(() => {
|
|
162
164
|
if (onChange && expanded === undefined) {
|
|
@@ -216,7 +218,7 @@ const adornmentIconStyles = () => css(["font-size:24px;height:24px;padding:0;wid
|
|
|
216
218
|
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));
|
|
217
219
|
const readOnlyStyles = theme => css(["background:", ";color:", ";border-color:", ";-webkit-text-fill-color:", ";input.Mui-disabled{-webkit-text-fill-color:", ";}.dot-chip{background:", ";opacity:1;}"], theme.palette.grey[50], theme.palette.grey[500], theme.palette.grey[300], theme.palette.grey[500], theme.palette.grey[500], theme.palette.layer.n0);
|
|
218
220
|
|
|
219
|
-
const rootClassName$
|
|
221
|
+
const rootClassName$15 = 'dot-text-field';
|
|
220
222
|
const rootSelectClassName = 'dot-select-field';
|
|
221
223
|
const labelClassName = 'dot-input-label';
|
|
222
224
|
const errorClassName = 'dot-error';
|
|
@@ -245,15 +247,15 @@ const StyledTextField = styled(TextField).withConfig({
|
|
|
245
247
|
})(["", ""], ({
|
|
246
248
|
theme,
|
|
247
249
|
InputProps
|
|
248
|
-
}) => 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;}.MuiInputLabel-root.Mui-disabled{color:", ";}&.", " .MuiInputBase-root,.MuiInputBase-root.Mui-disabled{", ";}}.dot-select,.dot-input{&.", ",&.Mui-disabled{", ";}}&.", " .", "{margin-right:", ";}&.", ",&.", "{.", "{color:", ";p{font-size:", "px;margin:0;}.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:not(.", "){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$
|
|
250
|
+
}) => 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;}.MuiInputLabel-root.Mui-disabled{color:", ";}&.", " .MuiInputBase-root,.MuiInputBase-root.Mui-disabled{", ";}}.dot-select,.dot-input{&.", ",&.Mui-disabled{", ";}}&.", " .", "{margin-right:", ";}&.", ",&.", "{.", "{color:", ";p{font-size:", "px;margin:0;}.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:not(.", "){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$15, InputProps.startAdornment ? `18px 12px 18px 0px` : `18px 12px`, theme.palette.layer.n500, readOnlyClassName$1, readOnlyStyles(theme), readOnlyClassName$1, readOnlyStyles(theme), rootSelectClassName, adornmentIconClassName, theme.spacing(2), rootSelectClassName, rootClassName$15, adornmentIconClassName, theme.palette.layer.n700, theme.typography.body2.fontSize, theme.spacing(1.5), readOnlyClassName$1, 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)));
|
|
249
251
|
|
|
250
|
-
const rootClassName$
|
|
252
|
+
const rootClassName$14 = 'dot-action-toolbar';
|
|
251
253
|
const StyledToolbar = styled(Toolbar).withConfig({
|
|
252
254
|
displayName: "ActionToolbarstyles__StyledToolbar",
|
|
253
255
|
componentId: "sc-5llm03-0"
|
|
254
256
|
})(["", ""], ({
|
|
255
257
|
theme
|
|
256
|
-
}) => css(["&.", "{border-bottom:1px solid ", ";.", " .MuiInputBase-root{margin-bottom:0;}}"], rootClassName$
|
|
258
|
+
}) => css(["&.", "{border-bottom:1px solid ", ";.", " .MuiInputBase-root{margin-bottom:0;}}"], rootClassName$14, theme.palette.grey[100], rootClassName$15));
|
|
257
259
|
|
|
258
260
|
const DotActionToolbar = ({
|
|
259
261
|
ariaLabel,
|
|
@@ -262,7 +264,7 @@ const DotActionToolbar = ({
|
|
|
262
264
|
'data-testid': dataTestId,
|
|
263
265
|
variant: _variant = 'dense'
|
|
264
266
|
}) => {
|
|
265
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
267
|
+
const rootClasses = useStylesWithRootClass(rootClassName$14, className);
|
|
266
268
|
return jsx(StyledToolbar, Object.assign({
|
|
267
269
|
"aria-label": ariaLabel,
|
|
268
270
|
className: rootClasses,
|
|
@@ -273,13 +275,13 @@ const DotActionToolbar = ({
|
|
|
273
275
|
}), void 0);
|
|
274
276
|
};
|
|
275
277
|
|
|
276
|
-
const rootClassName$
|
|
278
|
+
const rootClassName$13 = 'dot-alert-banner';
|
|
277
279
|
const StyledAlertBanner = styled(Alert).withConfig({
|
|
278
280
|
displayName: "AlertBannerstyles__StyledAlertBanner",
|
|
279
281
|
componentId: "sc-1u3aqgz-0"
|
|
280
282
|
})(["", ""], ({
|
|
281
283
|
theme
|
|
282
|
-
}) => 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$
|
|
284
|
+
}) => 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$13, 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]));
|
|
283
285
|
|
|
284
286
|
var LatoRegular = "data:font/woff;base64,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";
|
|
285
287
|
|
|
@@ -964,7 +966,7 @@ const DotAlertBanner = ({
|
|
|
964
966
|
success: AlertBannerIcon('check-solid'),
|
|
965
967
|
warning: AlertBannerIcon('warning-solid')
|
|
966
968
|
};
|
|
967
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
969
|
+
const rootClasses = useStylesWithRootClass(rootClassName$13, severity, className);
|
|
968
970
|
/* For simple string use default component, for everything else use 'div' */
|
|
969
971
|
const typographyComponent = isString$1(children) ? undefined : 'div';
|
|
970
972
|
return jsx(StyledAlertBanner, Object.assign({
|
|
@@ -1621,7 +1623,7 @@ const useDotCoreApiContext = () => {
|
|
|
1621
1623
|
return useContext(DotCoreApiContext);
|
|
1622
1624
|
};
|
|
1623
1625
|
|
|
1624
|
-
const rootClassName$
|
|
1626
|
+
const rootClassName$12 = 'dot-avatar';
|
|
1625
1627
|
const avatarSpacing = {
|
|
1626
1628
|
small: 3,
|
|
1627
1629
|
medium: 5,
|
|
@@ -1632,7 +1634,7 @@ const StyledAvatar = styled(Avatar).withConfig({
|
|
|
1632
1634
|
componentId: "sc-13bzj2s-0"
|
|
1633
1635
|
})(["", ""], ({
|
|
1634
1636
|
theme
|
|
1635
|
-
}) => 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$
|
|
1637
|
+
}) => 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$12, ({
|
|
1636
1638
|
color
|
|
1637
1639
|
}) => {
|
|
1638
1640
|
return color && theme.palette.avatarColors[color] ? theme.palette.avatarColors[color].backgroundColor : theme.palette.avatarColors['default'].backgroundColor;
|
|
@@ -1708,7 +1710,7 @@ const DotAvatar = ({
|
|
|
1708
1710
|
variant: _variant = 'circular',
|
|
1709
1711
|
style
|
|
1710
1712
|
}) => {
|
|
1711
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1713
|
+
const rootClasses = useStylesWithRootClass(rootClassName$12, className);
|
|
1712
1714
|
const getAvatarColor = () => {
|
|
1713
1715
|
if ((style === null || style === void 0 ? void 0 : style.color) !== undefined) return 'inherit';
|
|
1714
1716
|
if (color) return color;
|
|
@@ -1749,13 +1751,13 @@ const DotAvatar = ({
|
|
|
1749
1751
|
}), void 0);
|
|
1750
1752
|
};
|
|
1751
1753
|
|
|
1752
|
-
const rootClassName
|
|
1754
|
+
const rootClassName$11 = 'dot-button';
|
|
1753
1755
|
const StyledButton = styled(Button).withConfig({
|
|
1754
1756
|
displayName: "Buttonstyles__StyledButton",
|
|
1755
1757
|
componentId: "sx99hh-0"
|
|
1756
1758
|
})(["", ""], ({
|
|
1757
1759
|
theme
|
|
1758
|
-
}) => css(["&.", "{margin:", ";padding:", ";min-width:auto;white-space:nowrap;&:hover{background-color:", ";}&:active{background-color:", ";}&.MuiButton-containedSecondary{background-color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}}&.MuiButton-outlined,&.MuiButton-text{&:hover{background-color:", ";}&:active{background-color:", ";}}&.MuiButton-outlined{border-color:", ";color:", ";}&.MuiButton-text{background-color:transparent;color:", ";}&.Mui-disabled{background-color:", ";color:", ";&.MuiButton-outlined{border-color:", ";}&.MuiButton-text,&.MuiButton-containedSecondary{background-color:transparent;}}&:not(.MuiButton-sizeLarge):not(.MuiButton-sizeSmall){height:", ";}.dot-icon{display:flex;padding:0;}}"], rootClassName
|
|
1760
|
+
}) => css(["&.", "{margin:", ";padding:", ";min-width:auto;white-space:nowrap;&:hover{background-color:", ";}&:active{background-color:", ";}&.MuiButton-containedSecondary{background-color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}}&.MuiButton-outlined,&.MuiButton-text{&:hover{background-color:", ";}&:active{background-color:", ";}}&.MuiButton-outlined{border-color:", ";color:", ";}&.MuiButton-text{background-color:transparent;color:", ";}&.Mui-disabled{background-color:", ";color:", ";&.MuiButton-outlined{border-color:", ";}&.MuiButton-text,&.MuiButton-containedSecondary{background-color:transparent;}}&:not(.MuiButton-sizeLarge):not(.MuiButton-sizeSmall){height:", ";}.dot-icon{display:flex;padding:0;}}"], rootClassName$11, theme.spacing(0.5), theme.spacing(0.75, 2), theme.palette.primary[800], theme.palette.primary[400], theme.palette.error[500], theme.palette.error[600], theme.palette.error[400], theme.palette.grey[50], theme.palette.grey[100], theme.palette.grey[300], theme.palette.grey[700], theme.palette.grey[700], theme.palette.grey[50], theme.palette.grey[400], theme.palette.grey[200], theme.spacing(5)));
|
|
1759
1761
|
|
|
1760
1762
|
/** This component wraps the Button component from @material-ui. */
|
|
1761
1763
|
const DotButton = /*#__PURE__*/forwardRef(({
|
|
@@ -1778,7 +1780,7 @@ const DotButton = /*#__PURE__*/forwardRef(({
|
|
|
1778
1780
|
tooltip,
|
|
1779
1781
|
type: _type = 'primary'
|
|
1780
1782
|
}, ref) => {
|
|
1781
|
-
const rootClasses = useStylesWithRootClass(rootClassName
|
|
1783
|
+
const rootClasses = useStylesWithRootClass(rootClassName$11, className);
|
|
1782
1784
|
let color;
|
|
1783
1785
|
let variant;
|
|
1784
1786
|
switch (_type) {
|
|
@@ -1829,11 +1831,11 @@ const DotButton = /*#__PURE__*/forwardRef(({
|
|
|
1829
1831
|
}), void 0);
|
|
1830
1832
|
});
|
|
1831
1833
|
|
|
1832
|
-
const rootClassName$
|
|
1834
|
+
const rootClassName$10 = 'dot-link';
|
|
1833
1835
|
const StyledLink = styled(Link).withConfig({
|
|
1834
1836
|
displayName: "Linkstyles__StyledLink",
|
|
1835
1837
|
componentId: "sc-1lpmaww-0"
|
|
1836
|
-
})(["", ""], () => css(["&.", "{cursor:pointer;&:hover.MuiLink-underlineHover{text-decoration:none;}}"], rootClassName$
|
|
1838
|
+
})(["", ""], () => css(["&.", "{cursor:pointer;&:hover.MuiLink-underlineHover{text-decoration:none;}}"], rootClassName$10));
|
|
1837
1839
|
|
|
1838
1840
|
const DotLink = ({
|
|
1839
1841
|
ariaLabel,
|
|
@@ -1852,7 +1854,7 @@ const DotLink = ({
|
|
|
1852
1854
|
tooltip,
|
|
1853
1855
|
underline: _underline = 'always'
|
|
1854
1856
|
}) => {
|
|
1855
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1857
|
+
const rootClasses = useStylesWithRootClass(rootClassName$10, className);
|
|
1856
1858
|
useEffect(() => {
|
|
1857
1859
|
// Include a console warning if the link is not a string and no ariaLabel is provided
|
|
1858
1860
|
if (!isString$1(children) && !ariaLabel) {
|
|
@@ -1891,7 +1893,7 @@ const DotLink = ({
|
|
|
1891
1893
|
}), void 0);
|
|
1892
1894
|
};
|
|
1893
1895
|
|
|
1894
|
-
const rootClassName
|
|
1896
|
+
const rootClassName$$ = 'dot-list';
|
|
1895
1897
|
const listItemRootClass = 'dot-list-item';
|
|
1896
1898
|
const nestedListClassName = 'dot-nested-list';
|
|
1897
1899
|
const nestedDrawerClassName = 'dot-nested-drawer';
|
|
@@ -1900,7 +1902,7 @@ const StyledList = styled(List).withConfig({
|
|
|
1900
1902
|
componentId: "wxwqwr-0"
|
|
1901
1903
|
})(["", ""], ({
|
|
1902
1904
|
theme
|
|
1903
|
-
}) => css(["&.", "{background:", ";.dot-icon{color:", ";}&.", " .", "{padding-left:", ";}.", ".expandable{flex-direction:column;.MuiCollapse-root{padding-top:", ";margin-bottom:", ";}}.MuiListSubheader-root{padding:0;.MuiTypography-root{padding:", ";}}}"], rootClassName
|
|
1905
|
+
}) => css(["&.", "{background:", ";.dot-icon{color:", ";}&.", " .", "{padding-left:", ";}.", ".expandable{flex-direction:column;.MuiCollapse-root{padding-top:", ";margin-bottom:", ";}}.MuiListSubheader-root{padding:0;.MuiTypography-root{padding:", ";}}}"], rootClassName$$, theme.palette.layer.n0, theme.palette.layer.n700, nestedListClassName, listItemRootClass, theme.spacing(4), listItemRootClass, theme.spacing(1), theme.spacing(-1), theme.spacing(1)));
|
|
1904
1906
|
|
|
1905
1907
|
const getChevronIcon = (nestedListType, isOpened) => {
|
|
1906
1908
|
if (nestedListType !== 'expandable') {
|
|
@@ -1926,11 +1928,11 @@ const styledListItemElement = elementType => {
|
|
|
1926
1928
|
const StyledListItem = styledListItemElement(ListItem);
|
|
1927
1929
|
const StyledListItemButton = styledListItemElement(ListItemButton);
|
|
1928
1930
|
|
|
1929
|
-
const rootClassName$
|
|
1931
|
+
const rootClassName$_ = 'dot-progress';
|
|
1930
1932
|
const StyledCircularProgress = styled(CircularProgress).withConfig({
|
|
1931
1933
|
displayName: "Progressstyles__StyledCircularProgress",
|
|
1932
1934
|
componentId: "sc-1gs77rb-0"
|
|
1933
|
-
})(["&.", "{&.MuiCircularProgress-colorSecondary{color:#649a3d;}}"], rootClassName$
|
|
1935
|
+
})(["&.", "{&.MuiCircularProgress-colorSecondary{color:#649a3d;}}"], rootClassName$_);
|
|
1934
1936
|
|
|
1935
1937
|
const DotProgress = ({
|
|
1936
1938
|
ariaLabel,
|
|
@@ -1943,7 +1945,7 @@ const DotProgress = ({
|
|
|
1943
1945
|
value,
|
|
1944
1946
|
variant: _variant = 'indeterminate'
|
|
1945
1947
|
}) => {
|
|
1946
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
1948
|
+
const rootClasses = useStylesWithRootClass(rootClassName$_, className);
|
|
1947
1949
|
useEffect(() => {
|
|
1948
1950
|
if (!ariaLabel) {
|
|
1949
1951
|
console.warn('a11y: DotProgress must have an ariaLabel to describe the progress component');
|
|
@@ -1985,23 +1987,23 @@ var variables = /*#__PURE__*/Object.freeze({
|
|
|
1985
1987
|
levelTop: levelTop
|
|
1986
1988
|
});
|
|
1987
1989
|
|
|
1988
|
-
const rootClassName$
|
|
1990
|
+
const rootClassName$Z = 'dot-popper';
|
|
1989
1991
|
const StyledPopper$1 = styled(Popper).withConfig({
|
|
1990
1992
|
displayName: "Popperstyles__StyledPopper",
|
|
1991
1993
|
componentId: "sd1h8p-0"
|
|
1992
1994
|
})(["", ""], ({
|
|
1993
1995
|
theme
|
|
1994
|
-
}) => css(["&.", "{font-family:", ";font-size:", "px;}"], rootClassName$
|
|
1996
|
+
}) => css(["&.", "{font-family:", ";font-size:", "px;}"], rootClassName$Z, theme.typography.fontFamily, theme.typography.body1.fontSize));
|
|
1995
1997
|
|
|
1996
1998
|
const flyoutMenuClassName = 'dot-flyout-menu';
|
|
1997
|
-
const rootClassName$
|
|
1999
|
+
const rootClassName$Y = 'dot-menu';
|
|
1998
2000
|
const getListMaxHeight = maxHeight => isString$1(maxHeight) ? maxHeight : `${maxHeight}px`;
|
|
1999
2001
|
const StyledPopper = styled(Popper).withConfig({
|
|
2000
2002
|
displayName: "Menustyles__StyledPopper",
|
|
2001
2003
|
componentId: "sc-134fmqu-0"
|
|
2002
2004
|
})(["", ""], ({
|
|
2003
2005
|
theme
|
|
2004
|
-
}) => 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$
|
|
2006
|
+
}) => 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$Z, theme.typography.fontFamily, theme.typography.body1.fontSize, levelSecond, rootClassName$Y, rootClassName$Z, ({
|
|
2005
2007
|
$maxHeight
|
|
2006
2008
|
}) => $maxHeight !== undefined && `
|
|
2007
2009
|
max-height: ${getListMaxHeight($maxHeight)};
|
|
@@ -2011,7 +2013,7 @@ const MENU_ITEM_HEIGHT_NORMAL = 48;
|
|
|
2011
2013
|
const MENU_ITEM_HEIGHT_DENSE = 36;
|
|
2012
2014
|
const DEFAULT_MAX_VISIBLE_ITEMS = 7;
|
|
2013
2015
|
|
|
2014
|
-
const rootClassName$
|
|
2016
|
+
const rootClassName$X = 'dot-ul';
|
|
2015
2017
|
const listItemClassName$1 = 'dot-li';
|
|
2016
2018
|
const listItemWithSubmenuClassName = 'dot-li-with-submenu';
|
|
2017
2019
|
const StyledMenuList = styled(MenuList).withConfig({
|
|
@@ -2019,7 +2021,7 @@ const StyledMenuList = styled(MenuList).withConfig({
|
|
|
2019
2021
|
componentId: "yqdwwg-0"
|
|
2020
2022
|
})(["", ""], ({
|
|
2021
2023
|
theme
|
|
2022
|
-
}) => css(["&.", "{.dot-li{font-size:", "px;justify-content:space-between;gap:", ";&:hover{background:", ";}&.Mui-selected,&.Mui-selected:hover{background:", ";}&.", "{padding-right:", ";}}}"], rootClassName$
|
|
2024
|
+
}) => css(["&.", "{.dot-li{font-size:", "px;justify-content:space-between;gap:", ";&:hover{background:", ";}&.Mui-selected,&.Mui-selected:hover{background:", ";}&.", "{padding-right:", ";}}}"], rootClassName$X, theme.typography.body1.fontSize, theme.spacing(3), hoverGray, lightSelectedGray, listItemWithSubmenuClassName, theme.spacing(0.5)));
|
|
2023
2025
|
|
|
2024
2026
|
const getDefaultItemHeight = isDense => isDense ? MENU_ITEM_HEIGHT_DENSE : MENU_ITEM_HEIGHT_NORMAL;
|
|
2025
2027
|
const calculateItemHeight = (isDense, customItemHeight, menuItemHeight) => {
|
|
@@ -2091,7 +2093,7 @@ const DotMenuList = /*#__PURE__*/forwardRef(({
|
|
|
2091
2093
|
onSubMenuCreate,
|
|
2092
2094
|
selectedKey
|
|
2093
2095
|
}, ref) => {
|
|
2094
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2096
|
+
const rootClasses = useStylesWithRootClass(rootClassName$X, className);
|
|
2095
2097
|
const [activeSubmenu, setActiveSubmenu] = useState(null);
|
|
2096
2098
|
const [subItemAnchorEl, setSubItemAnchorEl] = useState(null);
|
|
2097
2099
|
const openSubmenu = (target, itemKey) => {
|
|
@@ -2202,7 +2204,7 @@ const DotMenu = ({
|
|
|
2202
2204
|
open: _open = false,
|
|
2203
2205
|
selectedKey
|
|
2204
2206
|
}) => {
|
|
2205
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2207
|
+
const rootClasses = useStylesWithRootClass(rootClassName$Y, className, _loading ? 'loading' : '');
|
|
2206
2208
|
const isSubmenu = checkIfSubmenu(anchorEl);
|
|
2207
2209
|
const hasSubItems = checkForSubItems(_menuItems);
|
|
2208
2210
|
// Timeout object is customizable when Menu component is either submenu
|
|
@@ -2301,13 +2303,13 @@ const CreateUUID = () => {
|
|
|
2301
2303
|
});
|
|
2302
2304
|
};
|
|
2303
2305
|
|
|
2304
|
-
const rootClassName$
|
|
2306
|
+
const rootClassName$W = 'dot-drawer';
|
|
2305
2307
|
const StyledDrawer = styled(Drawer).withConfig({
|
|
2306
2308
|
displayName: "Drawerstyles__StyledDrawer",
|
|
2307
2309
|
componentId: "sc-1uiowy0-0"
|
|
2308
2310
|
})(["", ""], ({
|
|
2309
2311
|
theme
|
|
2310
|
-
}) => css(["&.", " .MuiBackdrop-root{background-color:", ";}.dot-drawer-paper{height:", ";padding:", ";width:", ";}"], rootClassName$
|
|
2312
|
+
}) => css(["&.", " .MuiBackdrop-root{background-color:", ";}.dot-drawer-paper{height:", ";padding:", ";width:", ";}"], rootClassName$W, alpha(theme.palette.grey[900], 0.7), ({
|
|
2311
2313
|
height,
|
|
2312
2314
|
anchor
|
|
2313
2315
|
}) => anchor === 'left' || anchor === 'right' ? '100%' : height, theme.spacing(2), ({
|
|
@@ -2315,21 +2317,21 @@ const StyledDrawer = styled(Drawer).withConfig({
|
|
|
2315
2317
|
anchor
|
|
2316
2318
|
}) => anchor === 'bottom' || anchor === 'top' ? 'auto' : width));
|
|
2317
2319
|
|
|
2318
|
-
const rootClassName$
|
|
2320
|
+
const rootClassName$V = 'dot-drawer-header';
|
|
2319
2321
|
const StyleDrawerHeader = styled.div.withConfig({
|
|
2320
2322
|
displayName: "DrawerHeaderstyles__StyleDrawerHeader",
|
|
2321
2323
|
componentId: "sc-2d2xd3-0"
|
|
2322
2324
|
})(["", ""], ({
|
|
2323
2325
|
theme
|
|
2324
|
-
}) => css(["&.", "{padding:", ";display:flex;align-items:center;.close-button{margin-left:auto;}}"], rootClassName$
|
|
2326
|
+
}) => css(["&.", "{padding:", ";display:flex;align-items:center;.close-button{margin-left:auto;}}"], rootClassName$V, theme.spacing(0, 0, 2)));
|
|
2325
2327
|
|
|
2326
|
-
const rootClassName$
|
|
2328
|
+
const rootClassName$U = 'dot-icon-btn';
|
|
2327
2329
|
const StyledIconButton = styled(IconButton).withConfig({
|
|
2328
2330
|
displayName: "IconButtonstyles__StyledIconButton",
|
|
2329
2331
|
componentId: "eko0kb-0"
|
|
2330
2332
|
})(["", ""], ({
|
|
2331
2333
|
theme
|
|
2332
|
-
}) => css(["&.", "{font-size:inherit;padding:10px;&.shape-square{border-radius:4px;border:1px solid ", ";padding:", ";}.dot-icon.MuiIcon-fontSizeSmall{padding:1px;}&.MuiIconButton-sizeSmall{padding:3px;}&.ripple-disabled{&:hover,&:active,&:focus{background:", ";}}"], rootClassName$
|
|
2334
|
+
}) => css(["&.", "{font-size:inherit;padding:10px;&.shape-square{border-radius:4px;border:1px solid ", ";padding:", ";}.dot-icon.MuiIcon-fontSizeSmall{padding:1px;}&.MuiIconButton-sizeSmall{padding:3px;}&.ripple-disabled{&:hover,&:active,&:focus{background:", ";}}"], rootClassName$U, theme.palette.grey[300], theme.spacing(1), hoverGray));
|
|
2333
2335
|
|
|
2334
2336
|
const DotIconButton = ({
|
|
2335
2337
|
ariaLabel,
|
|
@@ -2347,7 +2349,7 @@ const DotIconButton = ({
|
|
|
2347
2349
|
size: _size = 'medium'
|
|
2348
2350
|
}) => {
|
|
2349
2351
|
const rippleClassName = _disableRipple ? 'ripple-disabled' : '';
|
|
2350
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2352
|
+
const rootClasses = useStylesWithRootClass(rootClassName$U, rippleClassName, `shape-${_shape}`, className);
|
|
2351
2353
|
return jsx(DotTooltip, Object.assign({
|
|
2352
2354
|
"data-testid": "icon-button-tooltip",
|
|
2353
2355
|
title: tooltip
|
|
@@ -2382,7 +2384,7 @@ const DotDrawerHeader = ({
|
|
|
2382
2384
|
onClose,
|
|
2383
2385
|
variant
|
|
2384
2386
|
}) => {
|
|
2385
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2387
|
+
const rootClasses = useStylesWithRootClass(rootClassName$V, className);
|
|
2386
2388
|
return jsxs(StyleDrawerHeader, Object.assign({
|
|
2387
2389
|
"aria-label": ariaLabel,
|
|
2388
2390
|
"aria-level": 2,
|
|
@@ -2400,11 +2402,11 @@ const DotDrawerHeader = ({
|
|
|
2400
2402
|
}), void 0);
|
|
2401
2403
|
};
|
|
2402
2404
|
|
|
2403
|
-
const rootClassName$
|
|
2405
|
+
const rootClassName$T = 'dot-drawer-body';
|
|
2404
2406
|
const StyleDrawerBody = styled.div.withConfig({
|
|
2405
2407
|
displayName: "DrawerBodystyles__StyleDrawerBody",
|
|
2406
2408
|
componentId: "sc-1mpmjdk-0"
|
|
2407
|
-
})(["", ""], () => css(["&.", "{display:flex;.dot-drawer-close-button{align-self:self-start;padding:0;margin-left:auto;}}"], rootClassName$
|
|
2409
|
+
})(["", ""], () => css(["&.", "{display:flex;.dot-drawer-close-button{align-self:self-start;padding:0;margin-left:auto;}}"], rootClassName$T));
|
|
2408
2410
|
|
|
2409
2411
|
const DotDrawerBody = ({
|
|
2410
2412
|
ariaLabel,
|
|
@@ -2416,7 +2418,7 @@ const DotDrawerBody = ({
|
|
|
2416
2418
|
onClose,
|
|
2417
2419
|
variant
|
|
2418
2420
|
}) => {
|
|
2419
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2421
|
+
const rootClasses = useStylesWithRootClass(rootClassName$T, className);
|
|
2420
2422
|
return jsxs(StyleDrawerBody, Object.assign({
|
|
2421
2423
|
"aria-label": ariaLabel,
|
|
2422
2424
|
className: rootClasses,
|
|
@@ -2432,13 +2434,13 @@ const DotDrawerBody = ({
|
|
|
2432
2434
|
}), void 0);
|
|
2433
2435
|
};
|
|
2434
2436
|
|
|
2435
|
-
const rootClassName$
|
|
2437
|
+
const rootClassName$S = 'dot-drawer-footer';
|
|
2436
2438
|
const StyleDrawerFooter = styled.div.withConfig({
|
|
2437
2439
|
displayName: "DrawerFooterstyles__StyleDrawerFooter",
|
|
2438
2440
|
componentId: "sc-1ki05ze-0"
|
|
2439
2441
|
})(["", ""], ({
|
|
2440
2442
|
theme
|
|
2441
|
-
}) => css(["&.", "{padding:", ";}"], rootClassName$
|
|
2443
|
+
}) => css(["&.", "{padding:", ";}"], rootClassName$S, theme.spacing(2, 0, 0)));
|
|
2442
2444
|
|
|
2443
2445
|
const DotDrawerFooter = ({
|
|
2444
2446
|
ariaLabel,
|
|
@@ -2447,7 +2449,7 @@ const DotDrawerFooter = ({
|
|
|
2447
2449
|
className,
|
|
2448
2450
|
'data-testid': dataTestId
|
|
2449
2451
|
}) => {
|
|
2450
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2452
|
+
const rootClasses = useStylesWithRootClass(rootClassName$S, className);
|
|
2451
2453
|
return jsx(StyleDrawerFooter, Object.assign({
|
|
2452
2454
|
"aria-label": ariaLabel,
|
|
2453
2455
|
className: rootClasses,
|
|
@@ -2486,7 +2488,7 @@ const DotDrawer = ({
|
|
|
2486
2488
|
onClose(event);
|
|
2487
2489
|
}
|
|
2488
2490
|
};
|
|
2489
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
2491
|
+
const rootClasses = useStylesWithRootClass(rootClassName$W, className);
|
|
2490
2492
|
const backdropEnabled = _variant === 'temporary' && !(ModalProps === null || ModalProps === void 0 ? void 0 : ModalProps.hideBackdrop);
|
|
2491
2493
|
const headerExists = !!drawerHeaderProps;
|
|
2492
2494
|
const bodyTestId = drawerBodyProps ? drawerBodyProps[`data-testid`] : 'drawer-body';
|
|
@@ -2584,7 +2586,7 @@ const DotList = ({
|
|
|
2584
2586
|
nestedListType: _nestedListType = 'expandable',
|
|
2585
2587
|
width: _width = 240
|
|
2586
2588
|
}) => {
|
|
2587
|
-
const rootClasses = useStylesWithRootClass(rootClassName
|
|
2589
|
+
const rootClasses = useStylesWithRootClass(rootClassName$$, className);
|
|
2588
2590
|
const listWidth = typeof _width === 'number' ? `${_width}px` : _width;
|
|
2589
2591
|
const listRef = useRef();
|
|
2590
2592
|
const [listItemIndex, setListItemIndex] = useState(null);
|
|
@@ -2975,7 +2977,7 @@ const DotInputText = ({
|
|
|
2975
2977
|
const hasEndAdornmentIcon = endIcon || _error || hasWarning || hasSuccess;
|
|
2976
2978
|
// This state is used only with debounce feature enabled
|
|
2977
2979
|
const [inputTextState, setInputTextState] = useState(hasDebounce && getInitialState(value));
|
|
2978
|
-
const rootStyles = useStylesWithRootClass(rootClassName$
|
|
2980
|
+
const rootStyles = useStylesWithRootClass(rootClassName$15, hasError, hasWarning, hasSuccess, _readOnly && readOnlyClassName$1);
|
|
2979
2981
|
// Used to control text value from the consumer component
|
|
2980
2982
|
// when debounce feature is enabled
|
|
2981
2983
|
useEffect(() => {
|
|
@@ -3059,11 +3061,12 @@ const DotInputText = ({
|
|
|
3059
3061
|
shrink: _type === 'date' ? true : shrink
|
|
3060
3062
|
},
|
|
3061
3063
|
inputProps: {
|
|
3062
|
-
'data-testid': dataTestId,
|
|
3063
3064
|
className: inputClassName,
|
|
3064
|
-
|
|
3065
|
+
'data-testid': dataTestId,
|
|
3065
3066
|
max,
|
|
3066
|
-
min
|
|
3067
|
+
min,
|
|
3068
|
+
readOnly: _readOnly,
|
|
3069
|
+
tabIndex: 0
|
|
3067
3070
|
},
|
|
3068
3071
|
inputRef: inputRef,
|
|
3069
3072
|
label: persistentLabel ? null : label,
|
|
@@ -3080,7 +3083,6 @@ const DotInputText = ({
|
|
|
3080
3083
|
required: _required,
|
|
3081
3084
|
role: "textbox",
|
|
3082
3085
|
size: _size,
|
|
3083
|
-
tabIndex: 0,
|
|
3084
3086
|
type: _type,
|
|
3085
3087
|
value: inputTextValue,
|
|
3086
3088
|
variant: "outlined"
|
|
@@ -3088,11 +3090,11 @@ const DotInputText = ({
|
|
|
3088
3090
|
}), void 0);
|
|
3089
3091
|
};
|
|
3090
3092
|
|
|
3091
|
-
const rootClassName$
|
|
3093
|
+
const rootClassName$R = 'dot-search-input';
|
|
3092
3094
|
const StyledSearchInput = styled.span.withConfig({
|
|
3093
3095
|
displayName: "SearchInputstyles__StyledSearchInput",
|
|
3094
3096
|
componentId: "qlwzku-0"
|
|
3095
|
-
})(["", ""], () => css(["&.", "{}"], rootClassName$
|
|
3097
|
+
})(["", ""], () => css(["&.", "{}"], rootClassName$R));
|
|
3096
3098
|
|
|
3097
3099
|
function SearchInput({
|
|
3098
3100
|
'data-testid': dataTestId,
|
|
@@ -3106,7 +3108,7 @@ function SearchInput({
|
|
|
3106
3108
|
tooltip = null,
|
|
3107
3109
|
value
|
|
3108
3110
|
}) {
|
|
3109
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
3111
|
+
const rootClasses = useStylesWithRootClass(rootClassName$R, className);
|
|
3110
3112
|
const [searchText, setSearchText] = useState(value);
|
|
3111
3113
|
let previousSearchText = '';
|
|
3112
3114
|
const handleChange = useCallback(event => {
|
|
@@ -3159,23 +3161,40 @@ function SearchInput({
|
|
|
3159
3161
|
}), void 0);
|
|
3160
3162
|
}
|
|
3161
3163
|
|
|
3162
|
-
const rootClassName$
|
|
3164
|
+
const rootClassName$Q = 'dot-copy-button';
|
|
3163
3165
|
const StyledCopyButton = styled.span.withConfig({
|
|
3164
3166
|
displayName: "CopyButtonstyles__StyledCopyButton",
|
|
3165
3167
|
componentId: "sc-18ff0u-0"
|
|
3166
3168
|
})(["", ""], ({
|
|
3167
3169
|
theme
|
|
3168
|
-
}) => css(["&.", "{.copied-to-clipboard{color:", ";}}"], rootClassName$
|
|
3170
|
+
}) => css(["&.", "{.copied-to-clipboard{color:", ";}}"], rootClassName$Q, theme.palette.success[400]));
|
|
3169
3171
|
|
|
3170
3172
|
const DotCopyButton = ({
|
|
3171
3173
|
ariaLabel: _ariaLabel = 'Copy to clipboard',
|
|
3174
|
+
ariaRole: _ariaRole = 'button',
|
|
3175
|
+
className,
|
|
3176
|
+
color: _color = 'inherit',
|
|
3172
3177
|
copiedTooltip: _copiedTooltip = 'Copied!',
|
|
3173
3178
|
copyTooltip: _copyTooltip = 'Copy to clipboard',
|
|
3174
3179
|
'data-testid': dataTestId = 'dot-copy-button',
|
|
3180
|
+
disabled: _disabled = false,
|
|
3181
|
+
disableRipple: _disableRipple = false,
|
|
3182
|
+
iconId: _iconId = 'duplicate',
|
|
3183
|
+
iconSize: _iconSize = 'small',
|
|
3184
|
+
onClick: _onClick = null,
|
|
3185
|
+
shape: _shape = 'circle',
|
|
3186
|
+
showCopiedIcon: _showCopiedIcon = true,
|
|
3187
|
+
size: _size = 'small',
|
|
3188
|
+
tooltip,
|
|
3175
3189
|
value
|
|
3176
3190
|
}) => {
|
|
3177
|
-
const [
|
|
3178
|
-
const
|
|
3191
|
+
const [timedShowCopiedIcon, setTimedShowCopiedIcon] = useState(false);
|
|
3192
|
+
const [timedDisabled, setTimedDisabled] = useState(false);
|
|
3193
|
+
// To keep backward compatibility if tooltip is not set, use copyTooltip
|
|
3194
|
+
if (!tooltip) {
|
|
3195
|
+
tooltip = _copyTooltip;
|
|
3196
|
+
}
|
|
3197
|
+
const copyToClipboard = useCallback(() => {
|
|
3179
3198
|
// The check for navigator.clipboard.writeText is because this function is
|
|
3180
3199
|
// only supported in secure contexts (https). This will always be the case in
|
|
3181
3200
|
// production but not when running locally.
|
|
@@ -3184,27 +3203,44 @@ const DotCopyButton = ({
|
|
|
3184
3203
|
} else {
|
|
3185
3204
|
navigator.clipboard.writeText(value);
|
|
3186
3205
|
}
|
|
3187
|
-
};
|
|
3188
|
-
const copy = (
|
|
3206
|
+
}, [value]);
|
|
3207
|
+
const copy = useCallback(event => {
|
|
3189
3208
|
copyToClipboard();
|
|
3190
|
-
|
|
3191
|
-
|
|
3192
|
-
|
|
3193
|
-
|
|
3209
|
+
if (_showCopiedIcon) {
|
|
3210
|
+
setTimedShowCopiedIcon(true);
|
|
3211
|
+
setTimeout(function () {
|
|
3212
|
+
setTimedShowCopiedIcon(false);
|
|
3213
|
+
}, 3000);
|
|
3214
|
+
} else if (!_disabled) {
|
|
3215
|
+
setTimedDisabled(true);
|
|
3216
|
+
setTimeout(function () {
|
|
3217
|
+
setTimedDisabled(false);
|
|
3218
|
+
}, 3000);
|
|
3219
|
+
}
|
|
3220
|
+
if (_onClick) {
|
|
3221
|
+
return _onClick(event);
|
|
3222
|
+
}
|
|
3194
3223
|
return false;
|
|
3195
|
-
};
|
|
3224
|
+
}, [_showCopiedIcon, _disabled, _onClick]);
|
|
3196
3225
|
return jsxs(StyledCopyButton, Object.assign({
|
|
3197
|
-
className: rootClassName$
|
|
3226
|
+
className: rootClassName$Q,
|
|
3198
3227
|
"data-testid": dataTestId
|
|
3199
3228
|
}, {
|
|
3200
|
-
children: [!
|
|
3201
|
-
ariaLabel: _ariaLabel
|
|
3229
|
+
children: [!timedShowCopiedIcon && jsx(DotIconButton, {
|
|
3230
|
+
ariaLabel: _ariaLabel,
|
|
3231
|
+
ariaRole: _ariaRole,
|
|
3232
|
+
className: className,
|
|
3233
|
+
color: _color,
|
|
3202
3234
|
"data-testid": `${dataTestId}-button`,
|
|
3203
|
-
|
|
3235
|
+
disabled: _disabled || timedDisabled,
|
|
3236
|
+
disableRipple: _disableRipple,
|
|
3237
|
+
iconId: _iconId,
|
|
3238
|
+
iconSize: _iconSize,
|
|
3204
3239
|
onClick: copy,
|
|
3205
|
-
|
|
3206
|
-
|
|
3207
|
-
|
|
3240
|
+
shape: _shape,
|
|
3241
|
+
size: _size,
|
|
3242
|
+
tooltip: tooltip
|
|
3243
|
+
}, void 0), timedShowCopiedIcon && jsx(DotIcon, {
|
|
3208
3244
|
className: "copied-to-clipboard",
|
|
3209
3245
|
"data-testid": `${dataTestId}-icon`,
|
|
3210
3246
|
fontSize: "small",
|
|
@@ -3435,13 +3471,13 @@ const recentAppInstancesSetter = (latestInstance, maxRecentItems
|
|
|
3435
3471
|
};
|
|
3436
3472
|
};
|
|
3437
3473
|
|
|
3438
|
-
const rootClassName$
|
|
3474
|
+
const rootClassName$P = 'dot-app-switcher';
|
|
3439
3475
|
const StyledAppSwitcher = styled(DotDrawer).withConfig({
|
|
3440
3476
|
displayName: "AppSwitcherstyles__StyledAppSwitcher",
|
|
3441
3477
|
componentId: "hhxfqg-0"
|
|
3442
3478
|
})(["", ""], ({
|
|
3443
3479
|
theme
|
|
3444
|
-
}) => 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$
|
|
3480
|
+
}) => 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$P, 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)));
|
|
3445
3481
|
|
|
3446
3482
|
const DotAppSwitcherView = ({
|
|
3447
3483
|
activeApp,
|
|
@@ -3462,7 +3498,7 @@ const DotAppSwitcherView = ({
|
|
|
3462
3498
|
if (dotCoreApiContext !== null) {
|
|
3463
3499
|
setSelectedAppType = dotCoreApiContext.setSelectedAppSwitcherAppType;
|
|
3464
3500
|
}
|
|
3465
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
3501
|
+
const rootClasses = useStylesWithRootClass(rootClassName$P, className);
|
|
3466
3502
|
const [appTypeMap, setAppTypeMap] = useState();
|
|
3467
3503
|
const [appTypeLabels, setAppTypeLabels] = useState();
|
|
3468
3504
|
const [appTypeMenuItems, setAppTypeMenuItems] = useState();
|
|
@@ -3855,19 +3891,19 @@ function SvgLogoDigitalAiWhite(_ref, svgRef) {
|
|
|
3855
3891
|
}
|
|
3856
3892
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgLogoDigitalAiWhite);
|
|
3857
3893
|
|
|
3858
|
-
const rootClassName$
|
|
3894
|
+
const rootClassName$O = 'dot-sidebar';
|
|
3859
3895
|
const StyledSidebar = styled.aside.withConfig({
|
|
3860
3896
|
displayName: "Sidebarstyles__StyledSidebar",
|
|
3861
3897
|
componentId: "l3atb4-0"
|
|
3862
3898
|
})(["", ""], ({
|
|
3863
3899
|
theme
|
|
3864
|
-
}) => 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$
|
|
3900
|
+
}) => 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$O, 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)));
|
|
3865
3901
|
|
|
3866
|
-
const rootClassName$
|
|
3902
|
+
const rootClassName$N = 'dot-truncate-with-tooltip';
|
|
3867
3903
|
const StyledTruncateWithTooltip = styled(Tooltip).withConfig({
|
|
3868
3904
|
displayName: "TruncateWithTooltipstyles__StyledTruncateWithTooltip",
|
|
3869
3905
|
componentId: "sc-1o80lur-0"
|
|
3870
|
-
})(["", ""], () => css(["&.", "{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}&.dot-characters-limit{display:inline;}"], rootClassName$
|
|
3906
|
+
})(["", ""], () => css(["&.", "{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}&.dot-characters-limit{display:inline;}"], rootClassName$N));
|
|
3871
3907
|
|
|
3872
3908
|
const getTruncatedLabel = (label, charactersLimit) => {
|
|
3873
3909
|
if (!charactersLimit || charactersLimit <= 0 || label.length < charactersLimit) return label;
|
|
@@ -3880,15 +3916,17 @@ const getTooltipLabel = (label, charactersLimit) => {
|
|
|
3880
3916
|
|
|
3881
3917
|
const DotTruncateWithTooltip = ({
|
|
3882
3918
|
ariaLabel,
|
|
3919
|
+
arrow: _arrow = true,
|
|
3883
3920
|
charactersLimit,
|
|
3884
3921
|
className,
|
|
3885
3922
|
'data-testid': dataTestId,
|
|
3886
3923
|
label,
|
|
3887
3924
|
width
|
|
3888
3925
|
}) => {
|
|
3889
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
3926
|
+
const rootClasses = useStylesWithRootClass(rootClassName$N, className, charactersLimit ? 'dot-characters-limit' : '');
|
|
3890
3927
|
return jsx(StyledTruncateWithTooltip, Object.assign({
|
|
3891
3928
|
"aria-label": ariaLabel,
|
|
3929
|
+
arrow: _arrow,
|
|
3892
3930
|
className: rootClasses,
|
|
3893
3931
|
"data-testid": dataTestId,
|
|
3894
3932
|
title: getTooltipLabel(label, charactersLimit),
|
|
@@ -4002,7 +4040,7 @@ const DotSidebar = ({
|
|
|
4002
4040
|
setIsOpen(!isOpen);
|
|
4003
4041
|
};
|
|
4004
4042
|
const sidebarClasses = useStylesWithRootClass('side-nav', openClass);
|
|
4005
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4043
|
+
const rootClasses = useStylesWithRootClass(rootClassName$O, openClass, className);
|
|
4006
4044
|
return jsxs(StyledSidebar, Object.assign({
|
|
4007
4045
|
"aria-label": ariaLabel,
|
|
4008
4046
|
className: rootClasses,
|
|
@@ -4075,13 +4113,13 @@ const DotSidebar = ({
|
|
|
4075
4113
|
}), void 0);
|
|
4076
4114
|
};
|
|
4077
4115
|
|
|
4078
|
-
const rootClassName$
|
|
4116
|
+
const rootClassName$M = 'dot-badge';
|
|
4079
4117
|
const StyledBadge = styled(Badge).withConfig({
|
|
4080
4118
|
displayName: "Badgestyles__StyledBadge",
|
|
4081
4119
|
componentId: "sc-1brv3h5-0"
|
|
4082
4120
|
})(["", ""], ({
|
|
4083
4121
|
theme
|
|
4084
|
-
}) => css(["&.", "{color:", ";word-break:normal;.MuiBadge-badge{background-color:", ";&.MuiBadge-standard{font-size:10px;height:", ";min-width:", ";padding:", ";}}}"], rootClassName$
|
|
4122
|
+
}) => css(["&.", "{color:", ";word-break:normal;.MuiBadge-badge{background-color:", ";&.MuiBadge-standard{font-size:10px;height:", ";min-width:", ";padding:", ";}}}"], rootClassName$M, theme.palette.text.primary, ({
|
|
4085
4123
|
$badgeColor
|
|
4086
4124
|
}) => {
|
|
4087
4125
|
return $badgeColor;
|
|
@@ -4099,7 +4137,7 @@ const DotBadge = ({
|
|
|
4099
4137
|
overlap,
|
|
4100
4138
|
variant: _variant = 'dot'
|
|
4101
4139
|
}) => {
|
|
4102
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4140
|
+
const rootClasses = useStylesWithRootClass(rootClassName$M, className);
|
|
4103
4141
|
return jsx(StyledBadge, Object.assign({
|
|
4104
4142
|
"$badgeColor": badgeColor,
|
|
4105
4143
|
anchorOrigin: {
|
|
@@ -4122,7 +4160,7 @@ const DotBadge = ({
|
|
|
4122
4160
|
}), void 0);
|
|
4123
4161
|
};
|
|
4124
4162
|
|
|
4125
|
-
const rootClassName$
|
|
4163
|
+
const rootClassName$L = 'dot-app-toolbar';
|
|
4126
4164
|
const denseClassName = 'dense';
|
|
4127
4165
|
const StyledMainMenu = styled(DotDrawer).withConfig({
|
|
4128
4166
|
displayName: "AppToolbarstyles__StyledMainMenu",
|
|
@@ -4135,7 +4173,7 @@ const StyledAppToolbar = styled.header.withConfig({
|
|
|
4135
4173
|
componentId: "sc-3kokby-1"
|
|
4136
4174
|
})(["", ""], ({
|
|
4137
4175
|
theme
|
|
4138
|
-
}) => 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$
|
|
4176
|
+
}) => 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$L, 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));
|
|
4139
4177
|
|
|
4140
4178
|
const DotAppToolbar = ({
|
|
4141
4179
|
ariaLabel,
|
|
@@ -4163,7 +4201,7 @@ const DotAppToolbar = ({
|
|
|
4163
4201
|
const displayAppLogo = appLogo || appLogoSmall;
|
|
4164
4202
|
const mainMenuRef = useRef(null);
|
|
4165
4203
|
const denseClass = _dense ? denseClassName : '';
|
|
4166
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4204
|
+
const rootClasses = useStylesWithRootClass(rootClassName$L, className, denseClass, showMainMenu ? '' : 'without-menu-icon');
|
|
4167
4205
|
const mainMenuClasses = useStylesWithRootClass('dot-main-menu', denseClass, menuOpen ? 'open' : '');
|
|
4168
4206
|
const targetBreakpoint = useMediaQuery(theme => theme.breakpoints.up('md'));
|
|
4169
4207
|
useEffect(() => {
|
|
@@ -4306,7 +4344,7 @@ const DotAppToolbar = ({
|
|
|
4306
4344
|
}), void 0) : appToolbar;
|
|
4307
4345
|
};
|
|
4308
4346
|
|
|
4309
|
-
const rootClassName$
|
|
4347
|
+
const rootClassName$K = 'dot-autocomplete';
|
|
4310
4348
|
const inputRootClassName = 'dot-input-root';
|
|
4311
4349
|
const inputMediumClassName = 'dot-input-medium';
|
|
4312
4350
|
const StyledAutocomplete = styled(Autocomplete).withConfig({
|
|
@@ -4314,15 +4352,15 @@ const StyledAutocomplete = styled(Autocomplete).withConfig({
|
|
|
4314
4352
|
componentId: "j2sgjy-0"
|
|
4315
4353
|
})(["", ""], ({
|
|
4316
4354
|
theme
|
|
4317
|
-
}) => css(["&.", "{&.", " .dot-text-field .", "{height:56px;padding-left:", ";}.MuiInputBase-root.Mui-disabled,.", " .MuiInputBase-root{", ";}.", "{padding-top:", ";padding-bottom:", ";}.dot-chip:first-child{margin-left:", ";}.dot-text-field{.", "{min-height:", ";}.warning-icon{color:", ";}.error-icon{color:", ";}}}"], rootClassName$
|
|
4355
|
+
}) => css(["&.", "{&.", " .dot-text-field .", "{height:56px;padding-left:", ";}.MuiInputBase-root.Mui-disabled,.", " .MuiInputBase-root{", ";}.", "{padding-top:", ";padding-bottom:", ";}.dot-chip:first-child{margin-left:", ";}.dot-text-field{.", "{min-height:", ";}.warning-icon{color:", ";}.error-icon{color:", ";}}}"], rootClassName$K, inputMediumClassName, inputRootClassName, theme.spacing(2), readOnlyClassName$1, readOnlyStyles(theme), inputRootClassName, theme.spacing(0), theme.spacing(0), theme.spacing(0), inputRootClassName, theme.spacing(5), theme.palette.warning.main, theme.palette.error.main));
|
|
4318
4356
|
|
|
4319
|
-
const rootClassName$
|
|
4357
|
+
const rootClassName$J = 'dot-chip';
|
|
4320
4358
|
const StyledChip = styled(Chip).withConfig({
|
|
4321
4359
|
displayName: "Chipstyles__StyledChip",
|
|
4322
4360
|
componentId: "f1tsra-0"
|
|
4323
4361
|
})(["", ""], ({
|
|
4324
4362
|
theme
|
|
4325
|
-
}) => 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$
|
|
4363
|
+
}) => 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$J, 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]));
|
|
4326
4364
|
|
|
4327
4365
|
const DEFAULT_CHARACTERS_LIMIT = 32;
|
|
4328
4366
|
const DotChip = ({
|
|
@@ -4342,7 +4380,7 @@ const DotChip = ({
|
|
|
4342
4380
|
startIcon
|
|
4343
4381
|
}) => {
|
|
4344
4382
|
const errorClass = _error ? 'Mui-error' : '';
|
|
4345
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4383
|
+
const rootClasses = useStylesWithRootClass(rootClassName$J, className, errorClass);
|
|
4346
4384
|
const getChipLabel = () => {
|
|
4347
4385
|
if (_charactersLimit <= 0 || children.length < _charactersLimit) return children;
|
|
4348
4386
|
const label = `${children.substring(0, _charactersLimit)}...`;
|
|
@@ -4489,8 +4527,8 @@ const DotAutoComplete = ({
|
|
|
4489
4527
|
const popperOpen = !_readOnly && (open || isOpened);
|
|
4490
4528
|
const preventDuplicateInsertion = actionItem === null || actionItem === void 0 ? void 0 : actionItem.preventDuplicateInsertion;
|
|
4491
4529
|
const textFieldWarningClassName = !_error && _warning && warningClassName;
|
|
4492
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4493
|
-
const textFieldRootClasses = useStylesWithRootClass(rootClassName$
|
|
4530
|
+
const rootClasses = useStylesWithRootClass(rootClassName$K, _size === 'medium' && inputMediumClassName, className);
|
|
4531
|
+
const textFieldRootClasses = useStylesWithRootClass(rootClassName$15, _readOnly && readOnlyClassName$1, textFieldWarningClassName);
|
|
4494
4532
|
const inputRootClasses = useStylesWithRootClass(inputRootClassName, !_dense && inputMediumClassName);
|
|
4495
4533
|
let highlightedOption = null;
|
|
4496
4534
|
let textFieldInput;
|
|
@@ -4535,7 +4573,7 @@ const DotAutoComplete = ({
|
|
|
4535
4573
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
4536
4574
|
const DotPopper = props => {
|
|
4537
4575
|
if (!isActionItemDefined) return jsx(StyledPopper, Object.assign({}, props, {
|
|
4538
|
-
className: rootClassName$
|
|
4576
|
+
className: rootClassName$Z,
|
|
4539
4577
|
disablePortal: _disablePortal,
|
|
4540
4578
|
"$maxHeight": maxHeight
|
|
4541
4579
|
}), void 0);
|
|
@@ -4558,7 +4596,7 @@ const DotAutoComplete = ({
|
|
|
4558
4596
|
const paperProps = props.children.props;
|
|
4559
4597
|
const paperChildren = paperProps.children;
|
|
4560
4598
|
return jsx(StyledPopper, Object.assign({}, props, {
|
|
4561
|
-
className: rootClassName$
|
|
4599
|
+
className: rootClassName$Z,
|
|
4562
4600
|
disablePortal: _disablePortal,
|
|
4563
4601
|
"$maxHeight": maxHeight
|
|
4564
4602
|
}, {
|
|
@@ -4770,11 +4808,11 @@ const DotAutoComplete = ({
|
|
|
4770
4808
|
}, void 0);
|
|
4771
4809
|
};
|
|
4772
4810
|
|
|
4773
|
-
const rootClassName$
|
|
4811
|
+
const rootClassName$I = 'dot-avatar-group';
|
|
4774
4812
|
const StyledAvatarGroup = styled(AvatarGroup).withConfig({
|
|
4775
4813
|
displayName: "AvatarGroupstyles__StyledAvatarGroup",
|
|
4776
4814
|
componentId: "sc-25by6z-0"
|
|
4777
|
-
})(["", ""], () => css(["&.", "{justify-content:flex-end;.MuiAvatar-root{border:none;}}}"], rootClassName$
|
|
4815
|
+
})(["", ""], () => css(["&.", "{justify-content:flex-end;.MuiAvatar-root{border:none;}}}"], rootClassName$I));
|
|
4778
4816
|
|
|
4779
4817
|
const DotAvatarGroup = ({
|
|
4780
4818
|
ariaLabel,
|
|
@@ -4784,7 +4822,7 @@ const DotAvatarGroup = ({
|
|
|
4784
4822
|
max: _max = 3,
|
|
4785
4823
|
spacing: _spacing = 'medium'
|
|
4786
4824
|
}) => {
|
|
4787
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
4825
|
+
const rootClasses = useStylesWithRootClass(rootClassName$I, className);
|
|
4788
4826
|
return jsx(StyledAvatarGroup, Object.assign({
|
|
4789
4827
|
"aria-label": ariaLabel,
|
|
4790
4828
|
classes: {
|
|
@@ -4800,20 +4838,20 @@ const DotAvatarGroup = ({
|
|
|
4800
4838
|
}), void 0);
|
|
4801
4839
|
};
|
|
4802
4840
|
|
|
4803
|
-
const rootClassName$
|
|
4841
|
+
const rootClassName$H = 'dot-breadcrumbs';
|
|
4804
4842
|
const breadcrumbsWrapperClass = 'dot-breadcrumbs-wrapper';
|
|
4805
4843
|
const StyledBreadcrumbsWrapper = styled.div.withConfig({
|
|
4806
4844
|
displayName: "Breadcrumbsstyles__StyledBreadcrumbsWrapper",
|
|
4807
4845
|
componentId: "sc-7cg374-0"
|
|
4808
4846
|
})(["", ""], ({
|
|
4809
4847
|
theme
|
|
4810
|
-
}) => css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$
|
|
4848
|
+
}) => css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$H, theme.spacing(0.5, 2)));
|
|
4811
4849
|
const StyledBreadcrumbs = styled(Breadcrumbs).withConfig({
|
|
4812
4850
|
displayName: "Breadcrumbsstyles__StyledBreadcrumbs",
|
|
4813
4851
|
componentId: "sc-7cg374-1"
|
|
4814
4852
|
})(["", ""], ({
|
|
4815
4853
|
theme
|
|
4816
|
-
}) => 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;i{line-height:20px;}}.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$
|
|
4854
|
+
}) => 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;i{line-height:20px;}}.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$H, theme.palette.grey[700], theme.spacing(0.5, 2), theme.palette.grey[700]));
|
|
4817
4855
|
|
|
4818
4856
|
const compareWidth = (parentEl, childEl) => {
|
|
4819
4857
|
return parentEl.getBoundingClientRect().width < childEl.getBoundingClientRect().width;
|
|
@@ -5104,7 +5142,7 @@ const DotBreadcrumbs = ({
|
|
|
5104
5142
|
children: [jsx(StyledBreadcrumbs, Object.assign({
|
|
5105
5143
|
"aria-label": "breadcrumb",
|
|
5106
5144
|
classes: {
|
|
5107
|
-
root: rootClassName$
|
|
5145
|
+
root: rootClassName$H,
|
|
5108
5146
|
ol: 'dot-ol',
|
|
5109
5147
|
li: 'dot-li'
|
|
5110
5148
|
},
|
|
@@ -5136,13 +5174,13 @@ const DotBreadcrumbs = ({
|
|
|
5136
5174
|
}), void 0);
|
|
5137
5175
|
};
|
|
5138
5176
|
|
|
5139
|
-
const rootClassName$
|
|
5177
|
+
const rootClassName$G = 'dot-button-toggle';
|
|
5140
5178
|
const StyledToggleButtonGroup = styled(ToggleButtonGroup).withConfig({
|
|
5141
5179
|
displayName: "ButtonTogglestyles__StyledToggleButtonGroup",
|
|
5142
5180
|
componentId: "sc-1oh4ljv-0"
|
|
5143
5181
|
})(["", ""], ({
|
|
5144
5182
|
theme
|
|
5145
|
-
}) => 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$
|
|
5183
|
+
}) => 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$G, 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));
|
|
5146
5184
|
|
|
5147
5185
|
const DotButtonToggle = ({
|
|
5148
5186
|
ariaLabel,
|
|
@@ -5158,7 +5196,7 @@ const DotButtonToggle = ({
|
|
|
5158
5196
|
size: _size = 'medium',
|
|
5159
5197
|
value
|
|
5160
5198
|
}) => {
|
|
5161
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5199
|
+
const rootClasses = useStylesWithRootClass(rootClassName$G, className);
|
|
5162
5200
|
const renderToggleButton = ({
|
|
5163
5201
|
ariaLabel: optionAriaLabel,
|
|
5164
5202
|
className: optionClassName,
|
|
@@ -5268,13 +5306,13 @@ const DotCardContent = ({
|
|
|
5268
5306
|
}), void 0);
|
|
5269
5307
|
};
|
|
5270
5308
|
|
|
5271
|
-
const rootClassName$
|
|
5309
|
+
const rootClassName$F = 'dot-card-footer';
|
|
5272
5310
|
const StyledDiv = styled.div.withConfig({
|
|
5273
5311
|
displayName: "CardFooterstyles__StyledDiv",
|
|
5274
5312
|
componentId: "koblh6-0"
|
|
5275
5313
|
})(["", ""], ({
|
|
5276
5314
|
theme
|
|
5277
|
-
}) => css(["&.", "{padding:", ";}"], rootClassName$
|
|
5315
|
+
}) => css(["&.", "{padding:", ";}"], rootClassName$F, theme.spacing(2)));
|
|
5278
5316
|
|
|
5279
5317
|
const DotCardFooter = ({
|
|
5280
5318
|
ariaLabel,
|
|
@@ -5282,7 +5320,7 @@ const DotCardFooter = ({
|
|
|
5282
5320
|
className,
|
|
5283
5321
|
'data-testid': dataTestId
|
|
5284
5322
|
}) => {
|
|
5285
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5323
|
+
const rootClasses = useStylesWithRootClass(rootClassName$F, className);
|
|
5286
5324
|
return jsx(StyledDiv, Object.assign({
|
|
5287
5325
|
"aria-label": ariaLabel,
|
|
5288
5326
|
className: rootClasses,
|
|
@@ -5327,19 +5365,19 @@ const DotCardHeader = ({
|
|
|
5327
5365
|
}, void 0);
|
|
5328
5366
|
};
|
|
5329
5367
|
|
|
5330
|
-
const rootClassName$
|
|
5368
|
+
const rootClassName$E = 'dot-form-control-label';
|
|
5331
5369
|
const StyledFormControlLabel = styled(FormControlLabel).withConfig({
|
|
5332
5370
|
displayName: "FormControlLabelstyles__StyledFormControlLabel",
|
|
5333
5371
|
componentId: "sc-1vt0om4-0"
|
|
5334
|
-
})(["&.", "{.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$
|
|
5372
|
+
})(["&.", "{.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$E);
|
|
5335
5373
|
|
|
5336
|
-
const rootClassName$
|
|
5374
|
+
const rootClassName$D = 'dot-checkbox';
|
|
5337
5375
|
const StyledCheckbox = styled(Checkbox).withConfig({
|
|
5338
5376
|
displayName: "Checkboxstyles__StyledCheckbox",
|
|
5339
5377
|
componentId: "sc-1ubsn6i-0"
|
|
5340
5378
|
})(["", ""], ({
|
|
5341
5379
|
theme
|
|
5342
|
-
}) => css(["&.", "{padding:", ";&.MuiCheckbox-indeterminate{color:rgba(0,0,0,0.6);}}"], rootClassName$
|
|
5380
|
+
}) => css(["&.", "{padding:", ";&.MuiCheckbox-indeterminate{color:rgba(0,0,0,0.6);}}"], rootClassName$D, theme.spacing(1)));
|
|
5343
5381
|
|
|
5344
5382
|
function DotCheckbox({
|
|
5345
5383
|
ariaLabel,
|
|
@@ -5360,14 +5398,14 @@ function DotCheckbox({
|
|
|
5360
5398
|
size = 'medium',
|
|
5361
5399
|
value
|
|
5362
5400
|
}) {
|
|
5363
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5401
|
+
const rootClasses = useStylesWithRootClass(rootClassName$E, className);
|
|
5364
5402
|
const handleChange = event => {
|
|
5365
5403
|
onChange && onChange(event, event.target.value);
|
|
5366
5404
|
};
|
|
5367
5405
|
const checkboxControl = jsx(StyledCheckbox, {
|
|
5368
5406
|
checked: checked,
|
|
5369
5407
|
classes: {
|
|
5370
|
-
root: rootClassName$
|
|
5408
|
+
root: rootClassName$D
|
|
5371
5409
|
},
|
|
5372
5410
|
color: "primary",
|
|
5373
5411
|
"data-testid": dataTestId,
|
|
@@ -5395,7 +5433,7 @@ function DotCheckbox({
|
|
|
5395
5433
|
}, void 0);
|
|
5396
5434
|
}
|
|
5397
5435
|
|
|
5398
|
-
const rootClassName$
|
|
5436
|
+
const rootClassName$C = 'dot-form-group';
|
|
5399
5437
|
const groupLabelClassName = 'dot-form-group-label';
|
|
5400
5438
|
const startAdornmentClassName = 'dot-start-adornment';
|
|
5401
5439
|
const endAdornmentClassName = 'dot-end-adornment';
|
|
@@ -5403,9 +5441,9 @@ const placementClassName = 'dot-';
|
|
|
5403
5441
|
const StyledFormControl = styled(FormControl).withConfig({
|
|
5404
5442
|
displayName: "FormControlstyles__StyledFormControl",
|
|
5405
5443
|
componentId: "sc-532kip-0"
|
|
5406
|
-
})(["&.", "{.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$
|
|
5444
|
+
})(["&.", "{.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$C, endAdornmentClassName, startAdornmentClassName, `${placementClassName}start`, `${placementClassName}bottom`);
|
|
5407
5445
|
|
|
5408
|
-
const rootClassName$
|
|
5446
|
+
const rootClassName$B = 'dot-checkbox-group';
|
|
5409
5447
|
const wrapperClassName$1 = 'dot-checkbox-group-wrapper';
|
|
5410
5448
|
const checkboxListClassName = 'dot-checkbox-list';
|
|
5411
5449
|
const checkboxListItemClassName = 'dot-checkbox-list-item';
|
|
@@ -5414,16 +5452,16 @@ const StyledCheckboxGroup = styled.div.withConfig({
|
|
|
5414
5452
|
componentId: "bhb21v-0"
|
|
5415
5453
|
})(["", ""], ({
|
|
5416
5454
|
theme
|
|
5417
|
-
}) => 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$
|
|
5455
|
+
}) => 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$B, theme.typography.body2.fontFamily, theme.typography.body2.fontSize, theme.typography.body2.fontWeight, theme.palette.grey[400], checkboxListClassName, theme.spacing(2.5), rootClassName$E));
|
|
5418
5456
|
|
|
5419
|
-
const rootClassName$
|
|
5457
|
+
const rootClassName$A = 'dot-form-group';
|
|
5420
5458
|
const StyledFormGroup = styled(FormGroup).withConfig({
|
|
5421
5459
|
displayName: "FormGroupstyles__StyledFormGroup",
|
|
5422
5460
|
componentId: "sc-1dlipcr-0"
|
|
5423
5461
|
})(["", ""], ({
|
|
5424
5462
|
theme,
|
|
5425
5463
|
row
|
|
5426
|
-
}) => css(["&.", "{& > *{margin:", ";}}"], rootClassName$
|
|
5464
|
+
}) => css(["&.", "{& > *{margin:", ";}}"], rootClassName$A, row ? `${theme.spacing(0.5)}` : 0));
|
|
5427
5465
|
|
|
5428
5466
|
function DotFormGroup({
|
|
5429
5467
|
ariaLabel,
|
|
@@ -5432,7 +5470,7 @@ function DotFormGroup({
|
|
|
5432
5470
|
'data-testid': dataTestId,
|
|
5433
5471
|
row
|
|
5434
5472
|
}) {
|
|
5435
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5473
|
+
const rootClasses = useStylesWithRootClass(rootClassName$C, className);
|
|
5436
5474
|
return jsx(StyledFormGroup, Object.assign({
|
|
5437
5475
|
"aria-label": ariaLabel,
|
|
5438
5476
|
classes: {
|
|
@@ -5472,7 +5510,7 @@ function DotCheckboxGroup({
|
|
|
5472
5510
|
size = 'medium'
|
|
5473
5511
|
}) {
|
|
5474
5512
|
const placement = `${placementClassName}${labelPlacement}`;
|
|
5475
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5513
|
+
const rootClasses = useStylesWithRootClass(rootClassName$C, rootClassName$B, className, placement);
|
|
5476
5514
|
const [selectedOptions, setSelectedOptions] = useState(defaultValues);
|
|
5477
5515
|
const [allChecked, setAllChecked] = useState(false);
|
|
5478
5516
|
/* This will ensure that state can be updated from the outside */
|
|
@@ -5564,13 +5602,13 @@ function DotCheckboxGroup({
|
|
|
5564
5602
|
}), void 0);
|
|
5565
5603
|
}
|
|
5566
5604
|
|
|
5567
|
-
const rootClassName$
|
|
5605
|
+
const rootClassName$z = 'dot-dialog';
|
|
5568
5606
|
const StyledDialog = styled(Dialog).withConfig({
|
|
5569
5607
|
displayName: "Dialogstyles__StyledDialog",
|
|
5570
5608
|
componentId: "sc-1tkr4ex-0"
|
|
5571
5609
|
})(["", ""], ({
|
|
5572
5610
|
theme
|
|
5573
|
-
}) => 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$
|
|
5611
|
+
}) => 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$z, theme.spacing(2, 3), theme.spacing(1), theme.spacing(1, 3), theme.spacing(1, 3, 2, 3)));
|
|
5574
5612
|
|
|
5575
5613
|
const DotDialog = ({
|
|
5576
5614
|
ariaLabel,
|
|
@@ -5589,7 +5627,7 @@ const DotDialog = ({
|
|
|
5589
5627
|
submitButtonProps,
|
|
5590
5628
|
title
|
|
5591
5629
|
}) => {
|
|
5592
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5630
|
+
const rootClasses = useStylesWithRootClass(rootClassName$z, className);
|
|
5593
5631
|
const cancelClasses = useStylesWithRootClass(cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, 'cancel-button');
|
|
5594
5632
|
const [isOpen, setIsOpen] = useState(open);
|
|
5595
5633
|
useEffect(() => {
|
|
@@ -5709,7 +5747,7 @@ const DotConfirmationDialog = ({
|
|
|
5709
5747
|
}), void 0);
|
|
5710
5748
|
};
|
|
5711
5749
|
|
|
5712
|
-
const rootClassName$
|
|
5750
|
+
const rootClassName$y = 'dot-grid';
|
|
5713
5751
|
const frGetter = value => typeof value === 'number' ? `repeat(${value}, 1fr)` : value;
|
|
5714
5752
|
const breakpointsGetter$1 = (theme, columnsBreakpoints, columnGap, rowGap) => `${theme.breakpoints.up('xs')} {
|
|
5715
5753
|
column-gap: ${`${columnGap.xs}px`};
|
|
@@ -5754,7 +5792,7 @@ const Grid = ({
|
|
|
5754
5792
|
className,
|
|
5755
5793
|
children
|
|
5756
5794
|
}) => {
|
|
5757
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5795
|
+
const rootClasses = useStylesWithRootClass(rootClassName$y, className);
|
|
5758
5796
|
return jsx("div", Object.assign({
|
|
5759
5797
|
className: rootClasses
|
|
5760
5798
|
}, {
|
|
@@ -5775,7 +5813,7 @@ const StyledGrid = styled(Grid).withConfig({
|
|
|
5775
5813
|
rows,
|
|
5776
5814
|
theme,
|
|
5777
5815
|
width
|
|
5778
|
-
}) => css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$
|
|
5816
|
+
}) => css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$y, 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};`));
|
|
5779
5817
|
const CssGrid = props => {
|
|
5780
5818
|
return jsx(StyledGrid, Object.assign({}, props), void 0);
|
|
5781
5819
|
};
|
|
@@ -5931,7 +5969,7 @@ const CssGridDebug = ({
|
|
|
5931
5969
|
}), void 0);
|
|
5932
5970
|
};
|
|
5933
5971
|
|
|
5934
|
-
const rootClassName$
|
|
5972
|
+
const rootClassName$x = 'dot-empty-state';
|
|
5935
5973
|
const StyledEmptyState = styled.div.withConfig({
|
|
5936
5974
|
displayName: "EmptyStatestyles__StyledEmptyState",
|
|
5937
5975
|
componentId: "sc-1sftmht-0"
|
|
@@ -5949,7 +5987,7 @@ const DotEmptyState = ({
|
|
|
5949
5987
|
subtitle,
|
|
5950
5988
|
title
|
|
5951
5989
|
}) => {
|
|
5952
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
5990
|
+
const rootClasses = useStylesWithRootClass(rootClassName$x, className);
|
|
5953
5991
|
return jsxs(StyledEmptyState, Object.assign({
|
|
5954
5992
|
"aria-label": ariaLabel,
|
|
5955
5993
|
className: rootClasses,
|
|
@@ -5985,15 +6023,15 @@ const StyledRadioGroup = styled(RadioGroup).withConfig({
|
|
|
5985
6023
|
componentId: "sc-84g3mq-1"
|
|
5986
6024
|
})(["", ""], ({
|
|
5987
6025
|
theme
|
|
5988
|
-
}) => css(["{&.", "{padding-left:", ";.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$
|
|
6026
|
+
}) => css(["{&.", "{padding-left:", ";.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$E));
|
|
5989
6027
|
|
|
5990
|
-
const rootClassName$
|
|
6028
|
+
const rootClassName$w = 'dot-form';
|
|
5991
6029
|
const StyledFormContainer = styled.div.withConfig({
|
|
5992
6030
|
displayName: "Formstyles__StyledFormContainer",
|
|
5993
6031
|
componentId: "bbovqo-0"
|
|
5994
6032
|
})(["", ""], ({
|
|
5995
6033
|
theme
|
|
5996
|
-
}) => css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$
|
|
6034
|
+
}) => css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$w, theme.spacing(3, 0), rootClassName$C, rootClassName$E, rootClassName$15, rootSelectClassName, theme.spacing(1, 0), rootClassName$B, groupClassName, rootClassName$E));
|
|
5997
6035
|
|
|
5998
6036
|
const DotForm = ({
|
|
5999
6037
|
ariaLabel,
|
|
@@ -6002,7 +6040,7 @@ const DotForm = ({
|
|
|
6002
6040
|
'data-testid': dataTestId,
|
|
6003
6041
|
onSubmit
|
|
6004
6042
|
}) => {
|
|
6005
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6043
|
+
const rootClasses = useStylesWithRootClass(rootClassName$w, className);
|
|
6006
6044
|
return jsx("form", Object.assign({
|
|
6007
6045
|
"aria-label": ariaLabel,
|
|
6008
6046
|
"data-testid": dataTestId,
|
|
@@ -6017,11 +6055,11 @@ const DotForm = ({
|
|
|
6017
6055
|
}), void 0);
|
|
6018
6056
|
};
|
|
6019
6057
|
|
|
6020
|
-
const rootClassName$
|
|
6058
|
+
const rootClassName$v = 'dot-dynamic-form';
|
|
6021
6059
|
const StyledDynamicForm = styled(DotForm).withConfig({
|
|
6022
6060
|
displayName: "DynamicFormstyles__StyledDynamicForm",
|
|
6023
6061
|
componentId: "sc-1lnljcn-0"
|
|
6024
|
-
})(["", ""], () => css(["&.", "{}"], rootClassName$
|
|
6062
|
+
})(["", ""], () => css(["&.", "{}"], rootClassName$v));
|
|
6025
6063
|
|
|
6026
6064
|
const DATA_CONTROLS = ['dot-autocomplete', 'dot-checkbox', 'dot-checkbox-group', 'dot-input-select', 'dot-input-text', 'dot-radio-group', 'dot-switch'];
|
|
6027
6065
|
/* Array of control types for which we don't have error state so validation doesn't make any sense */
|
|
@@ -6312,13 +6350,13 @@ const DotInputSelect = ({
|
|
|
6312
6350
|
}), void 0);
|
|
6313
6351
|
};
|
|
6314
6352
|
|
|
6315
|
-
const rootClassName$
|
|
6353
|
+
const rootClassName$u = 'dot-progress-button';
|
|
6316
6354
|
const StyledProgressButton = styled(DotButton).withConfig({
|
|
6317
6355
|
displayName: "ProgressButtonstyles__StyledProgressButton",
|
|
6318
6356
|
componentId: "sc-1fvgky0-0"
|
|
6319
6357
|
})(["", ""], ({
|
|
6320
6358
|
theme
|
|
6321
|
-
}) => css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$
|
|
6359
|
+
}) => css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$u, theme.palette.layer.n300));
|
|
6322
6360
|
|
|
6323
6361
|
const SPINNER_DEFAULT_SIZE = 20;
|
|
6324
6362
|
const SPINNER_LARGE_SIZE = 24;
|
|
@@ -6338,7 +6376,7 @@ const DotProgressButton = ({
|
|
|
6338
6376
|
tooltip,
|
|
6339
6377
|
type: _type = 'primary'
|
|
6340
6378
|
}) => {
|
|
6341
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6379
|
+
const rootClasses = useStylesWithRootClass(rootClassName$u, className);
|
|
6342
6380
|
const isButtonDisabled = _disabled || _isLoading;
|
|
6343
6381
|
const titleClasses = useStylesWithRootClass(_isLoading ? 'hidden' : '');
|
|
6344
6382
|
const progressCircleSize = _size === 'large' ? SPINNER_LARGE_SIZE : SPINNER_DEFAULT_SIZE;
|
|
@@ -6367,11 +6405,11 @@ const DotProgressButton = ({
|
|
|
6367
6405
|
}), void 0);
|
|
6368
6406
|
};
|
|
6369
6407
|
|
|
6370
|
-
const rootClassName$
|
|
6408
|
+
const rootClassName$t = 'dot-radio';
|
|
6371
6409
|
const StyledRadioButton = styled(Radio).withConfig({
|
|
6372
6410
|
displayName: "RadioButtonstyles__StyledRadioButton",
|
|
6373
6411
|
componentId: "brp0sc-0"
|
|
6374
|
-
})(["", ""], () => css(["{&.", "{padding:8px;}"], rootClassName$
|
|
6412
|
+
})(["", ""], () => css(["{&.", "{padding:8px;}"], rootClassName$t));
|
|
6375
6413
|
|
|
6376
6414
|
function DotRadioButton({
|
|
6377
6415
|
ariaLabel,
|
|
@@ -6389,7 +6427,7 @@ function DotRadioButton({
|
|
|
6389
6427
|
size = 'medium',
|
|
6390
6428
|
value
|
|
6391
6429
|
}) {
|
|
6392
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6430
|
+
const rootClasses = useStylesWithRootClass(rootClassName$E, className);
|
|
6393
6431
|
const handleChange = event => {
|
|
6394
6432
|
onChange && onChange(event, event.target.value);
|
|
6395
6433
|
};
|
|
@@ -6398,7 +6436,7 @@ function DotRadioButton({
|
|
|
6398
6436
|
"aria-checked": checked,
|
|
6399
6437
|
checked: checked,
|
|
6400
6438
|
classes: {
|
|
6401
|
-
root: rootClassName$
|
|
6439
|
+
root: rootClassName$t
|
|
6402
6440
|
},
|
|
6403
6441
|
color: "primary",
|
|
6404
6442
|
"data-testid": dataTestId,
|
|
@@ -6443,7 +6481,7 @@ const DotRadioGroup = ({
|
|
|
6443
6481
|
size: _size = 'medium'
|
|
6444
6482
|
}) => {
|
|
6445
6483
|
const placement = `${placementClassName}${_labelPlacement}`;
|
|
6446
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6484
|
+
const rootClasses = useStylesWithRootClass(rootClassName$C, className, placement);
|
|
6447
6485
|
const radioValue = value || defaultValue;
|
|
6448
6486
|
const [selectedValue, setSelectedValue] = useState(radioValue);
|
|
6449
6487
|
/* This will ensure that value can be updated from the outside */
|
|
@@ -6515,7 +6553,7 @@ const DotRadioGroup = ({
|
|
|
6515
6553
|
}), void 0);
|
|
6516
6554
|
};
|
|
6517
6555
|
|
|
6518
|
-
const rootClassName$
|
|
6556
|
+
const rootClassName$s = 'dot-switch';
|
|
6519
6557
|
const StyledSwitch = styled(Switch).withConfig({
|
|
6520
6558
|
displayName: "Switchstyles__StyledSwitch",
|
|
6521
6559
|
componentId: "eign2a-0"
|
|
@@ -6537,7 +6575,7 @@ const DotSwitch = ({
|
|
|
6537
6575
|
onChange,
|
|
6538
6576
|
size: _size = 'medium'
|
|
6539
6577
|
}) => {
|
|
6540
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6578
|
+
const rootClasses = useStylesWithRootClass(rootClassName$s, className);
|
|
6541
6579
|
const handleChange = event => {
|
|
6542
6580
|
onChange && onChange(event);
|
|
6543
6581
|
};
|
|
@@ -6561,7 +6599,7 @@ const DotSwitch = ({
|
|
|
6561
6599
|
tabIndex: 0
|
|
6562
6600
|
}, void 0);
|
|
6563
6601
|
return jsx(StyledFormControlLabel, {
|
|
6564
|
-
className: rootClassName$
|
|
6602
|
+
className: rootClassName$E,
|
|
6565
6603
|
control: switchControl,
|
|
6566
6604
|
label: label,
|
|
6567
6605
|
labelPlacement: _labelPlacement
|
|
@@ -6885,7 +6923,7 @@ const DotDynamicForm = ({
|
|
|
6885
6923
|
onChange,
|
|
6886
6924
|
onSubmit
|
|
6887
6925
|
}) => {
|
|
6888
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
6926
|
+
const rootClasses = useStylesWithRootClass(rootClassName$v, className);
|
|
6889
6927
|
// Memoize this operation so that is doesn't get executed each time this
|
|
6890
6928
|
// component re-renders
|
|
6891
6929
|
const initialFormState = useMemo(() => getInitialFormState(config, _liveValidation), [config, _liveValidation, getInitialFormState]);
|
|
@@ -7132,7 +7170,7 @@ const DotDynamicForm = ({
|
|
|
7132
7170
|
}), void 0);
|
|
7133
7171
|
};
|
|
7134
7172
|
|
|
7135
|
-
const rootClassName$
|
|
7173
|
+
const rootClassName$r = 'dot-inline-edit';
|
|
7136
7174
|
const editModeClassName = 'dot-edit-mode';
|
|
7137
7175
|
const viewModeClassName = 'dot-view-mode';
|
|
7138
7176
|
const placeholderClassName = 'dot-placeholder';
|
|
@@ -7145,7 +7183,7 @@ const StyledInlineEdit = styled.div.withConfig({
|
|
|
7145
7183
|
})(["", ""], ({
|
|
7146
7184
|
theme,
|
|
7147
7185
|
fullWidth
|
|
7148
|
-
}) => 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;&.", "{color:", ";}}}.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$
|
|
7186
|
+
}) => 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;&.", "{color:", ";}}}.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$r, 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), placeholderClassName, theme.palette.grey[200], theme.palette.error[500], theme.palette.error[500], theme.spacing(0), ({
|
|
7149
7187
|
typography
|
|
7150
7188
|
}) => typography && `
|
|
7151
7189
|
.MuiInputBase-root {
|
|
@@ -7270,7 +7308,7 @@ const DotInlineEdit = ({
|
|
|
7270
7308
|
}
|
|
7271
7309
|
}, [_value]);
|
|
7272
7310
|
const isSaveDisabled = checkIfEmptyValue(inputValue);
|
|
7273
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7311
|
+
const rootClasses = useStylesWithRootClass(rootClassName$r, className, editing ? editModeClassName : '');
|
|
7274
7312
|
const handleShowTooltip = visible => {
|
|
7275
7313
|
if (!editing) {
|
|
7276
7314
|
setShowTooltip(visible);
|
|
@@ -7451,14 +7489,14 @@ const DotInlineEdit = ({
|
|
|
7451
7489
|
}), void 0);
|
|
7452
7490
|
};
|
|
7453
7491
|
|
|
7454
|
-
const rootClassName$
|
|
7492
|
+
const rootClassName$q = 'dot-navigation-rail';
|
|
7455
7493
|
const StyledNavigationRail = styled.div.withConfig({
|
|
7456
7494
|
displayName: "NavigationRailstyles__StyledNavigationRail",
|
|
7457
7495
|
componentId: "sc-160kivd-0"
|
|
7458
7496
|
})(["", ""], ({
|
|
7459
7497
|
theme,
|
|
7460
7498
|
railItemPosition
|
|
7461
|
-
}) => 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$
|
|
7499
|
+
}) => 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$q, 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)));
|
|
7462
7500
|
|
|
7463
7501
|
const MAX_ALLOWED_ITEMS = 7;
|
|
7464
7502
|
const DotNavigationRail = ({
|
|
@@ -7470,7 +7508,7 @@ const DotNavigationRail = ({
|
|
|
7470
7508
|
railItems,
|
|
7471
7509
|
selectedIndex: _selectedIndex = 0
|
|
7472
7510
|
}) => {
|
|
7473
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7511
|
+
const rootClasses = useStylesWithRootClass(rootClassName$q, className);
|
|
7474
7512
|
const [selectedItemIndex, setSelectedItemIndex] = useState(_selectedIndex);
|
|
7475
7513
|
/* Used to change selected index programmatically from the consumer component */
|
|
7476
7514
|
useEffect(() => {
|
|
@@ -7524,13 +7562,13 @@ const DotNavigationRail = ({
|
|
|
7524
7562
|
}), void 0);
|
|
7525
7563
|
};
|
|
7526
7564
|
|
|
7527
|
-
const rootClassName$
|
|
7565
|
+
const rootClassName$p = 'dot-pill';
|
|
7528
7566
|
const StyledPill = styled(Chip).withConfig({
|
|
7529
7567
|
displayName: "Pillstyles__StyledPill",
|
|
7530
7568
|
componentId: "l7oxi2-0"
|
|
7531
7569
|
})(["", ""], ({
|
|
7532
7570
|
theme
|
|
7533
|
-
}) => css(["&.", "{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}&.MuiChip-outlined{&.error{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.success{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.warning{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.in-progress{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}}&.MuiChip-filled{&.error{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.success{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.warning{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.in-progress{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}}}"], rootClassName$
|
|
7571
|
+
}) => css(["&.", "{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}&.MuiChip-outlined{&.error{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.success{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.warning{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.in-progress{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}}&.MuiChip-filled{&.error{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.success{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.warning{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.in-progress{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}}}"], rootClassName$p, ({
|
|
7534
7572
|
backgroundcolor
|
|
7535
7573
|
}) => {
|
|
7536
7574
|
return backgroundcolor || theme.palette.grey[200];
|
|
@@ -7561,7 +7599,7 @@ const DotPill = ({
|
|
|
7561
7599
|
status: _status = 'default',
|
|
7562
7600
|
variant: _variant = 'filled'
|
|
7563
7601
|
}) => {
|
|
7564
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7602
|
+
const rootClasses = useStylesWithRootClass(rootClassName$p, className, _status);
|
|
7565
7603
|
return jsx(StyledPill, {
|
|
7566
7604
|
"aria-label": ariaLabel,
|
|
7567
7605
|
bordercolor: bordercolor,
|
|
@@ -7579,13 +7617,13 @@ const DotPill = ({
|
|
|
7579
7617
|
}, void 0);
|
|
7580
7618
|
};
|
|
7581
7619
|
|
|
7582
|
-
const rootClassName$
|
|
7620
|
+
const rootClassName$o = 'dot-skeleton';
|
|
7583
7621
|
const StyledSkeleton = styled(Skeleton).withConfig({
|
|
7584
7622
|
displayName: "Skeletonstyles__StyledSkeleton",
|
|
7585
7623
|
componentId: "sc-17ayzv5-0"
|
|
7586
7624
|
})(["", ""], ({
|
|
7587
7625
|
theme
|
|
7588
|
-
}) => css(["&.", "{background-color:", ";}"], rootClassName$
|
|
7626
|
+
}) => css(["&.", "{background-color:", ";}"], rootClassName$o, theme.palette.grey[100]));
|
|
7589
7627
|
|
|
7590
7628
|
const DotSkeleton = ({
|
|
7591
7629
|
ariaLabel,
|
|
@@ -7596,7 +7634,7 @@ const DotSkeleton = ({
|
|
|
7596
7634
|
width,
|
|
7597
7635
|
variant
|
|
7598
7636
|
}) => {
|
|
7599
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7637
|
+
const rootClasses = useStylesWithRootClass(rootClassName$o, className);
|
|
7600
7638
|
return jsx(StyledSkeleton, Object.assign({
|
|
7601
7639
|
animation: "wave",
|
|
7602
7640
|
"aria-label": ariaLabel,
|
|
@@ -7612,13 +7650,13 @@ const DotSkeleton = ({
|
|
|
7612
7650
|
}), void 0);
|
|
7613
7651
|
};
|
|
7614
7652
|
|
|
7615
|
-
const rootClassName$
|
|
7653
|
+
const rootClassName$n = 'dot-snackbar';
|
|
7616
7654
|
const StyledSnackbar = styled(Snackbar).withConfig({
|
|
7617
7655
|
displayName: "Snackbarstyles__StyledSnackbar",
|
|
7618
7656
|
componentId: "sc-1huxoy3-0"
|
|
7619
7657
|
})(["", ""], ({
|
|
7620
7658
|
theme
|
|
7621
|
-
}) => 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$
|
|
7659
|
+
}) => 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$n, 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));
|
|
7622
7660
|
|
|
7623
7661
|
function addAutoHideDuration(severity) {
|
|
7624
7662
|
return severity === 'error' ? null : 10000;
|
|
@@ -7653,7 +7691,7 @@ const DotSnackbar = ({
|
|
|
7653
7691
|
onClose,
|
|
7654
7692
|
action
|
|
7655
7693
|
});
|
|
7656
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7694
|
+
const rootClasses = useStylesWithRootClass(rootClassName$n, className);
|
|
7657
7695
|
return jsx(StyledSnackbar, Object.assign({
|
|
7658
7696
|
anchorOrigin: _anchorOrigin,
|
|
7659
7697
|
"aria-label": ariaLabel,
|
|
@@ -7683,11 +7721,11 @@ const DotSnackbar = ({
|
|
|
7683
7721
|
}), void 0);
|
|
7684
7722
|
};
|
|
7685
7723
|
|
|
7686
|
-
const rootClassName$
|
|
7724
|
+
const rootClassName$m = 'dot-snackbar-container';
|
|
7687
7725
|
const StyledSnackbarContainer = styled.div.withConfig({
|
|
7688
7726
|
displayName: "SnackbarContainerstyles__StyledSnackbarContainer",
|
|
7689
7727
|
componentId: "sc-1ogwjuc-0"
|
|
7690
|
-
})(["", ""], () => css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$
|
|
7728
|
+
})(["", ""], () => css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$m));
|
|
7691
7729
|
|
|
7692
7730
|
const DotSnackbarContext = /*#__PURE__*/createContext({
|
|
7693
7731
|
alerts: [],
|
|
@@ -7705,11 +7743,11 @@ const DotSnackbarContainer = () => {
|
|
|
7705
7743
|
};
|
|
7706
7744
|
}
|
|
7707
7745
|
return jsx(StyledSnackbarContainer, Object.assign({
|
|
7708
|
-
className: rootClassName$
|
|
7746
|
+
className: rootClassName$m
|
|
7709
7747
|
}, {
|
|
7710
7748
|
children: jsx("div", Object.assign({
|
|
7711
|
-
className: rootClassName$
|
|
7712
|
-
"data-testid": rootClassName$
|
|
7749
|
+
className: rootClassName$m,
|
|
7750
|
+
"data-testid": rootClassName$m
|
|
7713
7751
|
}, {
|
|
7714
7752
|
children: alerts.slice().reverse().map(alert => {
|
|
7715
7753
|
return jsx(DotSnackbar, Object.assign({
|
|
@@ -7764,13 +7802,13 @@ const useDotSnackbarContext = () => {
|
|
|
7764
7802
|
return useContext(DotSnackbarContext);
|
|
7765
7803
|
};
|
|
7766
7804
|
|
|
7767
|
-
const rootClassName$
|
|
7805
|
+
const rootClassName$l = 'dot-split-button-group';
|
|
7768
7806
|
const StyledSplitButtonGroup = styled(ButtonGroup).withConfig({
|
|
7769
7807
|
displayName: "SplitButtonstyles__StyledSplitButtonGroup",
|
|
7770
7808
|
componentId: "ild520-0"
|
|
7771
7809
|
})(["", ""], ({
|
|
7772
7810
|
theme
|
|
7773
|
-
}) => 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$
|
|
7811
|
+
}) => 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$l, 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']));
|
|
7774
7812
|
const StyledMenu$2 = styled(DotMenu).withConfig({
|
|
7775
7813
|
displayName: "SplitButtonstyles__StyledMenu",
|
|
7776
7814
|
componentId: "ild520-1"
|
|
@@ -7799,7 +7837,7 @@ const DotSplitButton = ({
|
|
|
7799
7837
|
tooltip,
|
|
7800
7838
|
type: _type = 'primary'
|
|
7801
7839
|
}) => {
|
|
7802
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7840
|
+
const rootClasses = useStylesWithRootClass(rootClassName$l, className, _type, _disabled ? 'disabled' : '');
|
|
7803
7841
|
const [open, setOpen] = useState(false);
|
|
7804
7842
|
const anchorRef = useRef(null);
|
|
7805
7843
|
const hasEmptyOptions = _options.length === 0;
|
|
@@ -7865,7 +7903,7 @@ const DotSplitButton = ({
|
|
|
7865
7903
|
}, void 0);
|
|
7866
7904
|
};
|
|
7867
7905
|
|
|
7868
|
-
const rootClassName$
|
|
7906
|
+
const rootClassName$k = 'dot-stepper';
|
|
7869
7907
|
const stepListClassName = 'dot-stepper-list';
|
|
7870
7908
|
const contentClassName = 'dot-stepper-content';
|
|
7871
7909
|
const StyledStepper = styled.div.withConfig({
|
|
@@ -7873,7 +7911,7 @@ const StyledStepper = styled.div.withConfig({
|
|
|
7873
7911
|
componentId: "sc-1qka0yq-0"
|
|
7874
7912
|
})(["", ""], ({
|
|
7875
7913
|
theme
|
|
7876
|
-
}) => css(["&.", "{display:flex;align-items:flex-start;padding:0;width:100%;&.left{flex-direction:row;}&.right{flex-direction:row-reverse;}.", "{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:", ";}&.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%;.step-content-container{padding:", ";}}}"], rootClassName$
|
|
7914
|
+
}) => css(["&.", "{display:flex;align-items:flex-start;padding:0;width:100%;&.left{flex-direction:row;}&.right{flex-direction:row-reverse;}.", "{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:", ";}&.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%;.step-content-container{padding:", ";}}}"], rootClassName$k, stepListClassName, theme.spacing(3), theme.palette.primary['50'], theme.palette.primary['50'], theme.palette.layer.n300, theme.palette.layer.n300, 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)));
|
|
7877
7915
|
const ScrollbarContainer = styled.div.withConfig({
|
|
7878
7916
|
displayName: "Stepperstyles__ScrollbarContainer",
|
|
7879
7917
|
componentId: "sc-1qka0yq-1"
|
|
@@ -7943,7 +7981,7 @@ const DotStepper = ({
|
|
|
7943
7981
|
const displayFinalContent = finalContent && currentStep > steps.length;
|
|
7944
7982
|
const displayCancelButton = !!(!displayInitialContent && !displayFinalContent && onCancel);
|
|
7945
7983
|
const isLastStep = currentStep === steps.length && !finalContent || currentStep > steps.length && finalContent;
|
|
7946
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
7984
|
+
const rootClasses = useStylesWithRootClass(rootClassName$k, _stepsPosition, className);
|
|
7947
7985
|
const stepContentClasses = displayInitialContent || displayFinalContent ? 'center-content' : '';
|
|
7948
7986
|
const stickyBottomClasses = useStylesWithRootClass(isStickyBottom ? 'with-top-border' : '');
|
|
7949
7987
|
const actionsClasses = useStylesWithRootClass('actions', displayInitialContent || displayFinalContent ? 'center-actions' : '');
|
|
@@ -8159,7 +8197,7 @@ const DotStepper = ({
|
|
|
8159
8197
|
}), void 0);
|
|
8160
8198
|
};
|
|
8161
8199
|
|
|
8162
|
-
const rootClassName$
|
|
8200
|
+
const rootClassName$j = 'dot-table-pagination';
|
|
8163
8201
|
// TO-DO: Determine how to apply styles to standard popper element
|
|
8164
8202
|
const paginationItemClassName = 'dot-pagination-menu-item';
|
|
8165
8203
|
const StyledTablePagination = styled.div.withConfig({
|
|
@@ -8168,7 +8206,7 @@ const StyledTablePagination = styled.div.withConfig({
|
|
|
8168
8206
|
})(["", ""], ({
|
|
8169
8207
|
theme,
|
|
8170
8208
|
typography
|
|
8171
|
-
}) => 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$
|
|
8209
|
+
}) => 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$j, theme.palette.grey[200], theme.typography[typography].fontFamily, theme.typography[typography].fontSize, theme.typography[typography].letterSpacing, theme.typography[typography].lineHeight));
|
|
8172
8210
|
|
|
8173
8211
|
const ROWS_PER_PAGE_OPTIONS = [10, 25, 50, 100, 150, 200];
|
|
8174
8212
|
/** This component wraps the TablePagination component from @material-ui. */
|
|
@@ -8185,7 +8223,7 @@ const DotTablePagination = ({
|
|
|
8185
8223
|
rowsPerPageOptions: _rowsPerPageOptions = [...ROWS_PER_PAGE_OPTIONS],
|
|
8186
8224
|
typography: _typography = 'subtitle2'
|
|
8187
8225
|
}) => {
|
|
8188
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
8226
|
+
const rootClasses = useStylesWithRootClass(rootClassName$j, className);
|
|
8189
8227
|
const handlePageChange = (event, newPage) => {
|
|
8190
8228
|
onPageChange && onPageChange(newPage);
|
|
8191
8229
|
};
|
|
@@ -8194,7 +8232,7 @@ const DotTablePagination = ({
|
|
|
8194
8232
|
};
|
|
8195
8233
|
return (/* Container is used to pass 'typography' prop to a styled component */
|
|
8196
8234
|
jsx(StyledTablePagination, Object.assign({
|
|
8197
|
-
className: rootClassName$
|
|
8235
|
+
className: rootClassName$j,
|
|
8198
8236
|
typography: _typography
|
|
8199
8237
|
}, {
|
|
8200
8238
|
children: jsx(TablePagination, {
|
|
@@ -8221,13 +8259,13 @@ const DotTablePagination = ({
|
|
|
8221
8259
|
);
|
|
8222
8260
|
};
|
|
8223
8261
|
|
|
8224
|
-
const rootClassName$
|
|
8262
|
+
const rootClassName$i = 'dot-table';
|
|
8225
8263
|
const StyledPaper = styled(Paper).withConfig({
|
|
8226
8264
|
displayName: "Tablestyles__StyledPaper",
|
|
8227
8265
|
componentId: "s95z6y-0"
|
|
8228
8266
|
})(["", ""], ({
|
|
8229
8267
|
theme
|
|
8230
|
-
}) => css(["&.", "{overflow:hidden;border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$
|
|
8268
|
+
}) => css(["&.", "{overflow:hidden;border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$i, theme.palette.layer.n100));
|
|
8231
8269
|
const StyledTableContainer = styled(TableContainer).withConfig({
|
|
8232
8270
|
displayName: "Tablestyles__StyledTableContainer",
|
|
8233
8271
|
componentId: "s95z6y-1"
|
|
@@ -8293,12 +8331,24 @@ const getBulkSelectedRowIds = (isChecked, selectedIds, pageData) => {
|
|
|
8293
8331
|
}
|
|
8294
8332
|
return newIds;
|
|
8295
8333
|
};
|
|
8334
|
+
const getExpandedRowIds = (expandedIds, id, isExpand) => {
|
|
8335
|
+
const newIds = [...expandedIds];
|
|
8336
|
+
if (isExpand) {
|
|
8337
|
+
!expandedIds.includes(id) && newIds.push(id);
|
|
8338
|
+
} else {
|
|
8339
|
+
const index = expandedIds.indexOf(id);
|
|
8340
|
+
if (index > -1) {
|
|
8341
|
+
newIds.splice(index, 1);
|
|
8342
|
+
}
|
|
8343
|
+
}
|
|
8344
|
+
return newIds;
|
|
8345
|
+
};
|
|
8296
8346
|
|
|
8297
|
-
const rootClassName$
|
|
8347
|
+
const rootClassName$h = 'dot-td';
|
|
8298
8348
|
const StyledTableCell = styled(TableCell).withConfig({
|
|
8299
8349
|
displayName: "TableCellstyles__StyledTableCell",
|
|
8300
8350
|
componentId: "e84k25-0"
|
|
8301
|
-
})(["", ""], () => 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$
|
|
8351
|
+
})(["", ""], () => 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$h));
|
|
8302
8352
|
|
|
8303
8353
|
/**
|
|
8304
8354
|
* A wrapper component around the TableCell component from @material-ui.
|
|
@@ -8343,7 +8393,7 @@ const DotBodyCell = ({
|
|
|
8343
8393
|
const isOverflowing = actionTableCellWidth > (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current.clientWidth);
|
|
8344
8394
|
setShowMenu(isOverflowing);
|
|
8345
8395
|
};
|
|
8346
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
8396
|
+
const rootClasses = useStylesWithRootClass(rootClassName$h, className, noWrap && 'noWrap', Array.isArray(value) && 'actionItems');
|
|
8347
8397
|
const getTableCellValue = () => {
|
|
8348
8398
|
if (Array.isArray(value)) {
|
|
8349
8399
|
return jsx("div", Object.assign({
|
|
@@ -8389,13 +8439,13 @@ const DotBodyCell = ({
|
|
|
8389
8439
|
}), void 0);
|
|
8390
8440
|
};
|
|
8391
8441
|
|
|
8392
|
-
const rootClassName$
|
|
8442
|
+
const rootClassName$g = 'dot-td-checkbox';
|
|
8393
8443
|
const StyledTableBodyCheckboxCell = styled(TableCell).withConfig({
|
|
8394
8444
|
displayName: "TableBodyCheckboxCellstyles__StyledTableBodyCheckboxCell",
|
|
8395
8445
|
componentId: "ebk3sz-0"
|
|
8396
8446
|
})(["", ""], ({
|
|
8397
8447
|
theme
|
|
8398
|
-
}) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$
|
|
8448
|
+
}) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$g, theme.spacing(5), theme.spacing(0, 1)));
|
|
8399
8449
|
|
|
8400
8450
|
const DotBodyCheckboxCell = ({
|
|
8401
8451
|
ariaLabel,
|
|
@@ -8405,7 +8455,7 @@ const DotBodyCheckboxCell = ({
|
|
|
8405
8455
|
onChange,
|
|
8406
8456
|
rowId
|
|
8407
8457
|
}) => {
|
|
8408
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
8458
|
+
const rootClasses = useStylesWithRootClass(rootClassName$g, className);
|
|
8409
8459
|
const [isCheckboxChecked, setIsCheckboxChecked] = useState(isChecked);
|
|
8410
8460
|
/** This effect is used when 'checked' status is changed from the outside */
|
|
8411
8461
|
useEffect(() => {
|
|
@@ -8431,19 +8481,105 @@ const DotBodyCheckboxCell = ({
|
|
|
8431
8481
|
}), void 0);
|
|
8432
8482
|
};
|
|
8433
8483
|
|
|
8434
|
-
const rootClassName$
|
|
8484
|
+
const rootClassName$f = 'dot-tr';
|
|
8435
8485
|
const StyledTableRowStyles = styled(TableRow).withConfig({
|
|
8436
8486
|
displayName: "TableRowstyles__StyledTableRowStyles",
|
|
8437
8487
|
componentId: "a4fx2l-0"
|
|
8438
8488
|
})(["", ""], ({
|
|
8439
8489
|
theme
|
|
8440
|
-
}) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$
|
|
8490
|
+
}) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$f, theme.palette.primary[50]));
|
|
8491
|
+
|
|
8492
|
+
const rootClassName$e = 'dot-td-expand-collapse';
|
|
8493
|
+
const StyledTableBodyExpandCollapseCell = styled(TableCell).withConfig({
|
|
8494
|
+
displayName: "TableBodyExpandCollapseCellstyles__StyledTableBodyExpandCollapseCell",
|
|
8495
|
+
componentId: "sc-1eomk5k-0"
|
|
8496
|
+
})(["", ""], ({
|
|
8497
|
+
theme
|
|
8498
|
+
}) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$e, theme.spacing(5), theme.spacing(0, 1)));
|
|
8499
|
+
|
|
8500
|
+
const DotBodyExpandCollapseCell = ({
|
|
8501
|
+
ariaLabel,
|
|
8502
|
+
className,
|
|
8503
|
+
'data-testid': dataTestId,
|
|
8504
|
+
isExpanded,
|
|
8505
|
+
onRowExpandCollapse,
|
|
8506
|
+
rowId
|
|
8507
|
+
}) => {
|
|
8508
|
+
const rootClasses = useStylesWithRootClass(rootClassName$e, className);
|
|
8509
|
+
const [isCellExpanded, setIsCellExpanded] = useState(isExpanded);
|
|
8510
|
+
/** This effect is used when 'expand' status is changed from the outside */
|
|
8511
|
+
useEffect(() => {
|
|
8512
|
+
setIsCellExpanded(isExpanded);
|
|
8513
|
+
}, [isExpanded]);
|
|
8514
|
+
const handleIconClick = expand => {
|
|
8515
|
+
setIsCellExpanded(expand);
|
|
8516
|
+
onRowExpandCollapse(expand, rowId);
|
|
8517
|
+
};
|
|
8518
|
+
return jsx(StyledTableBodyExpandCollapseCell, Object.assign({
|
|
8519
|
+
align: "left",
|
|
8520
|
+
className: rootClasses,
|
|
8521
|
+
"data-testid": dataTestId
|
|
8522
|
+
}, {
|
|
8523
|
+
children: jsx(DotIconButton, {
|
|
8524
|
+
ariaLabel: ariaLabel,
|
|
8525
|
+
iconId: isCellExpanded ? 'chevron-up' : 'chevron-down',
|
|
8526
|
+
onClick: () => handleIconClick(!isCellExpanded),
|
|
8527
|
+
size: "small"
|
|
8528
|
+
}, void 0)
|
|
8529
|
+
}), void 0);
|
|
8530
|
+
};
|
|
8531
|
+
|
|
8532
|
+
const rootClassName$d = 'dot-collapsible-container';
|
|
8533
|
+
const StyledCollapsibleTableWrapper = styled.div.withConfig({
|
|
8534
|
+
displayName: "TableBodyCollapsibleTablestyles__StyledCollapsibleTableWrapper",
|
|
8535
|
+
componentId: "sc-42frd0-0"
|
|
8536
|
+
})(["", ""], ({
|
|
8537
|
+
theme
|
|
8538
|
+
}) => css(["&.", "{.dot-tbody{tr:not(:last-child) td{border-bottom:1px solid ", ";}}.dot-collapsible-table-title{align-items:center;display:flex;flex-wrap:nowrap;padding:", ";}}"], rootClassName$d, theme.palette.layer.n100, theme.spacing(1, 2)));
|
|
8539
|
+
|
|
8540
|
+
const DotBodyCollapsibleTable = ({
|
|
8541
|
+
collapsibleTableBody,
|
|
8542
|
+
isExpanded,
|
|
8543
|
+
loading,
|
|
8544
|
+
rowData
|
|
8545
|
+
}) => {
|
|
8546
|
+
const tableId = CreateUUID();
|
|
8547
|
+
const nestedTableRowData = collapsibleTableBody ? rowData[collapsibleTableBody.nestedTableDataPropName] : null;
|
|
8548
|
+
const nestedTableColumns = collapsibleTableBody ? collapsibleTableBody.nestedTableColumns : null;
|
|
8549
|
+
const nestedRow = nestedTableRowData instanceof Array ? nestedTableRowData.map(nestedRowData => {
|
|
8550
|
+
return {
|
|
8551
|
+
rowData: nestedRowData
|
|
8552
|
+
};
|
|
8553
|
+
}) : [];
|
|
8554
|
+
return jsx(StyledCollapsibleTableWrapper, Object.assign({
|
|
8555
|
+
className: rootClassName$d
|
|
8556
|
+
}, {
|
|
8557
|
+
children: jsxs(Collapse, Object.assign({
|
|
8558
|
+
in: isExpanded
|
|
8559
|
+
}, {
|
|
8560
|
+
children: [collapsibleTableBody.nestedTableTitle && jsx(DotTypography, Object.assign({
|
|
8561
|
+
className: "dot-collapsible-table-title",
|
|
8562
|
+
variant: "h3"
|
|
8563
|
+
}, {
|
|
8564
|
+
children: collapsibleTableBody.nestedTableTitle
|
|
8565
|
+
}), void 0), jsx(DotTable, {
|
|
8566
|
+
columns: nestedTableColumns,
|
|
8567
|
+
data: nestedRow,
|
|
8568
|
+
emptyMessage: collapsibleTableBody.nestedTableEmptyMessage,
|
|
8569
|
+
loading: loading,
|
|
8570
|
+
stickyHeader: false,
|
|
8571
|
+
sortable: false
|
|
8572
|
+
}, tableId)]
|
|
8573
|
+
}), void 0)
|
|
8574
|
+
}), void 0);
|
|
8575
|
+
};
|
|
8441
8576
|
|
|
8442
8577
|
/**
|
|
8443
8578
|
* A wrapper component around the TableRow component from @material-ui. This component can be used
|
|
8444
8579
|
* for manipulating data prior to displaying the data inside the table
|
|
8445
8580
|
*/
|
|
8446
8581
|
const DotTableRow = ({
|
|
8582
|
+
collapsibleTableBody,
|
|
8447
8583
|
columns,
|
|
8448
8584
|
className,
|
|
8449
8585
|
data,
|
|
@@ -8456,6 +8592,7 @@ const DotTableRow = ({
|
|
|
8456
8592
|
}) => {
|
|
8457
8593
|
const id = data.id;
|
|
8458
8594
|
const rowData = data.rowData;
|
|
8595
|
+
const [collapsibleTableLoading, setCollapsibleTableLoading] = useState(false);
|
|
8459
8596
|
const handleOnClick = event => {
|
|
8460
8597
|
onClick && onClick(event, id.toString());
|
|
8461
8598
|
};
|
|
@@ -8464,7 +8601,7 @@ const DotTableRow = ({
|
|
|
8464
8601
|
selectedTableRowIds
|
|
8465
8602
|
} = multiSelectBody || {};
|
|
8466
8603
|
const isCheckboxChecked = selectedTableRowIds && selectedTableRowIds.includes(id) || false;
|
|
8467
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
8604
|
+
const rootClasses = useStylesWithRootClass(rootClassName$f, isCheckboxChecked ? 'selected' : undefined, className);
|
|
8468
8605
|
const renderCheckboxCell = () => {
|
|
8469
8606
|
return jsx(DotBodyCheckboxCell, {
|
|
8470
8607
|
ariaLabel: "Click to select this row",
|
|
@@ -8473,6 +8610,40 @@ const DotTableRow = ({
|
|
|
8473
8610
|
rowId: id
|
|
8474
8611
|
}, void 0);
|
|
8475
8612
|
};
|
|
8613
|
+
const {
|
|
8614
|
+
onRowExpandCollapseTable,
|
|
8615
|
+
expandedTableRowIds
|
|
8616
|
+
} = collapsibleTableBody || {};
|
|
8617
|
+
const isCollapsibleTableExpanded = expandedTableRowIds && expandedTableRowIds.includes(id) || false;
|
|
8618
|
+
const isCollapsibleTableExpandValid = isCollapsibleTableExpanded && collapsibleTableBody;
|
|
8619
|
+
const handleRowExpandCollapse = (open, rowId) => {
|
|
8620
|
+
onRowExpandCollapseTable && onRowExpandCollapseTable(open, rowId, loading => {
|
|
8621
|
+
setCollapsibleTableLoading(loading);
|
|
8622
|
+
});
|
|
8623
|
+
};
|
|
8624
|
+
const renderExpandCollapseCell = () => {
|
|
8625
|
+
return jsx(DotBodyExpandCollapseCell, {
|
|
8626
|
+
ariaLabel: "Click to expand/collapse this row",
|
|
8627
|
+
"data-testid": "expand-collapse-cell",
|
|
8628
|
+
isExpanded: isCollapsibleTableExpanded,
|
|
8629
|
+
onRowExpandCollapse: handleRowExpandCollapse,
|
|
8630
|
+
rowId: id
|
|
8631
|
+
}, void 0);
|
|
8632
|
+
};
|
|
8633
|
+
const renderNestedTable = () => {
|
|
8634
|
+
return jsx(StyledTableRowStyles, {
|
|
8635
|
+
children: jsx(StyledTableCell, Object.assign({
|
|
8636
|
+
colSpan: columns.length + 1
|
|
8637
|
+
}, {
|
|
8638
|
+
children: jsx(DotBodyCollapsibleTable, {
|
|
8639
|
+
collapsibleTableBody: collapsibleTableBody,
|
|
8640
|
+
isExpanded: isCollapsibleTableExpanded,
|
|
8641
|
+
loading: collapsibleTableLoading,
|
|
8642
|
+
rowData: rowData
|
|
8643
|
+
}, void 0)
|
|
8644
|
+
}), void 0)
|
|
8645
|
+
}, void 0);
|
|
8646
|
+
};
|
|
8476
8647
|
const parseMaxWidth = width => {
|
|
8477
8648
|
if (!width) {
|
|
8478
8649
|
return;
|
|
@@ -8485,28 +8656,30 @@ const DotTableRow = ({
|
|
|
8485
8656
|
// if contains 'px' or 'vw' then pass as is
|
|
8486
8657
|
return `${width}`;
|
|
8487
8658
|
};
|
|
8488
|
-
return jsxs(
|
|
8489
|
-
|
|
8490
|
-
|
|
8491
|
-
|
|
8492
|
-
|
|
8493
|
-
|
|
8494
|
-
|
|
8495
|
-
|
|
8496
|
-
|
|
8497
|
-
|
|
8498
|
-
|
|
8499
|
-
|
|
8500
|
-
|
|
8501
|
-
|
|
8502
|
-
|
|
8503
|
-
|
|
8504
|
-
|
|
8505
|
-
|
|
8506
|
-
|
|
8507
|
-
|
|
8508
|
-
|
|
8509
|
-
|
|
8659
|
+
return jsxs(Fragment, {
|
|
8660
|
+
children: [jsxs(StyledTableRowStyles, Object.assign({
|
|
8661
|
+
classes: {
|
|
8662
|
+
root: rootClasses
|
|
8663
|
+
},
|
|
8664
|
+
onClick: handleOnClick,
|
|
8665
|
+
selected: selected
|
|
8666
|
+
}, {
|
|
8667
|
+
children: [multiSelectBody && renderCheckboxCell(), collapsibleTableBody && renderExpandCollapseCell(), columns.map((column, index) => {
|
|
8668
|
+
return jsx(DotBodyCell, {
|
|
8669
|
+
align: column.align,
|
|
8670
|
+
cellKey: rowKey,
|
|
8671
|
+
typography: typography,
|
|
8672
|
+
className: rowData.className && `${rowData.className}-${column.id}`,
|
|
8673
|
+
noWrap: column.truncate,
|
|
8674
|
+
onActionMenuTrigger: (menuRef, menuItem) => onActionMenuTrigger(menuRef, menuItem),
|
|
8675
|
+
style: {
|
|
8676
|
+
maxWidth: parseMaxWidth(column.width)
|
|
8677
|
+
},
|
|
8678
|
+
value: rowData[column.id]
|
|
8679
|
+
}, index);
|
|
8680
|
+
})]
|
|
8681
|
+
}), void 0), isCollapsibleTableExpandValid && renderNestedTable()]
|
|
8682
|
+
}, void 0);
|
|
8510
8683
|
};
|
|
8511
8684
|
const EmptyDotRow = ({
|
|
8512
8685
|
cols,
|
|
@@ -8537,6 +8710,7 @@ const StyledTableBody = styled(TableBody).withConfig({
|
|
|
8537
8710
|
* to determine the functionality of the table.
|
|
8538
8711
|
*/
|
|
8539
8712
|
const DotTableBody = ({
|
|
8713
|
+
collapsibleTableBody,
|
|
8540
8714
|
columns,
|
|
8541
8715
|
data,
|
|
8542
8716
|
emptyMessage,
|
|
@@ -8565,6 +8739,7 @@ const DotTableBody = ({
|
|
|
8565
8739
|
}, void 0) : data.map((row, index) => {
|
|
8566
8740
|
return jsx(DotTableRow, {
|
|
8567
8741
|
className: row.className,
|
|
8742
|
+
collapsibleTableBody: collapsibleTableBody,
|
|
8568
8743
|
columns: columns,
|
|
8569
8744
|
data: row,
|
|
8570
8745
|
multiSelectBody: multiSelectBody,
|
|
@@ -8704,6 +8879,7 @@ const DotHeaderCheckboxCell = ({
|
|
|
8704
8879
|
* to determine the functionality of the table header.
|
|
8705
8880
|
*/
|
|
8706
8881
|
const DotHeaderRow = ({
|
|
8882
|
+
collapsibleTableOptions,
|
|
8707
8883
|
columns,
|
|
8708
8884
|
multiSelectHeader,
|
|
8709
8885
|
onRequestSort,
|
|
@@ -8754,7 +8930,7 @@ const DotHeaderRow = ({
|
|
|
8754
8930
|
root: 'dot-tr'
|
|
8755
8931
|
}
|
|
8756
8932
|
}, {
|
|
8757
|
-
children: [multiSelectHeader && renderMultiSelectCell(), columns.map(cell => {
|
|
8933
|
+
children: [multiSelectHeader && renderMultiSelectCell(), collapsibleTableOptions && jsx(TableCell, {}, void 0), columns.map(cell => {
|
|
8758
8934
|
return jsx(DotHeaderCell, {
|
|
8759
8935
|
align: cell.align,
|
|
8760
8936
|
createSortHandler: createSortHandler,
|
|
@@ -8857,6 +9033,7 @@ const DotTable = ({
|
|
|
8857
9033
|
ariaLabel,
|
|
8858
9034
|
bodyTypography: _bodyTypography = TABLE_TYPOGRAPHY_VARIANT,
|
|
8859
9035
|
className,
|
|
9036
|
+
collapsibleTableOptions,
|
|
8860
9037
|
columns,
|
|
8861
9038
|
count,
|
|
8862
9039
|
data,
|
|
@@ -8884,11 +9061,12 @@ const DotTable = ({
|
|
|
8884
9061
|
const [tablePage, setPage] = useState(_page);
|
|
8885
9062
|
const [tableRowsPerPage, setRowsPerPage] = useState(rowsPerPage);
|
|
8886
9063
|
const [selectedRowIds, setSelectedRowIds] = useState([]);
|
|
9064
|
+
const [expandedRowIds, setExpandedRowIds] = useState([]);
|
|
8887
9065
|
const getSortedData = () => {
|
|
8888
9066
|
return onUpdateData ? data : stableSort(data, getComparator(_order, orderBy));
|
|
8889
9067
|
};
|
|
8890
9068
|
const [pageData, setPageData] = useState(getSortedData().slice(0, rowsPerPage ? rowsPerPage : data.length));
|
|
8891
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
9069
|
+
const rootClasses = useStylesWithRootClass(rootClassName$i, className, _loading ? 'loading' : '');
|
|
8892
9070
|
const updateData = (newOrder, newOrderBy, newPage, newRowsPerPage) => {
|
|
8893
9071
|
const newData = stableSort(data, getComparator(newOrder, newOrderBy));
|
|
8894
9072
|
setPageData(newRowsPerPage ? newData.slice(newPage * newRowsPerPage, newPage * newRowsPerPage + newRowsPerPage) : newData);
|
|
@@ -8982,6 +9160,19 @@ const DotTable = ({
|
|
|
8982
9160
|
selectedTableRowIds: selectedRowIds
|
|
8983
9161
|
};
|
|
8984
9162
|
const selectedRowsNumber = selectedRowIds.length;
|
|
9163
|
+
const handleRowExpandCollapseTable = (isExpanded, rowId, setLoading) => {
|
|
9164
|
+
setExpandedRowIds(prevRowIds => {
|
|
9165
|
+
const newIds = getExpandedRowIds(prevRowIds, rowId, isExpanded);
|
|
9166
|
+
if (isExpanded) {
|
|
9167
|
+
collapsibleTableOptions.onRowExpand && collapsibleTableOptions.onRowExpand(rowId, setLoading);
|
|
9168
|
+
}
|
|
9169
|
+
return newIds;
|
|
9170
|
+
});
|
|
9171
|
+
};
|
|
9172
|
+
const collapsibleTableBody = collapsibleTableOptions && Object.assign(Object.assign({}, collapsibleTableOptions), {
|
|
9173
|
+
onRowExpandCollapseTable: handleRowExpandCollapseTable,
|
|
9174
|
+
expandedTableRowIds: expandedRowIds
|
|
9175
|
+
});
|
|
8985
9176
|
const renderToolbar = () => {
|
|
8986
9177
|
const {
|
|
8987
9178
|
bulkActions
|
|
@@ -9011,6 +9202,7 @@ const DotTable = ({
|
|
|
9011
9202
|
stickyHeader: _stickyHeader
|
|
9012
9203
|
}, {
|
|
9013
9204
|
children: [jsx(DotHeaderRow, {
|
|
9205
|
+
collapsibleTableOptions: collapsibleTableOptions,
|
|
9014
9206
|
columns: columns,
|
|
9015
9207
|
multiSelectHeader: multiSelectHeader,
|
|
9016
9208
|
onRequestSort: onSortRequest,
|
|
@@ -9019,6 +9211,7 @@ const DotTable = ({
|
|
|
9019
9211
|
sortable: _sortable,
|
|
9020
9212
|
typography: _headerTypography
|
|
9021
9213
|
}, void 0), jsx(DotTableBody, {
|
|
9214
|
+
collapsibleTableBody: collapsibleTableBody,
|
|
9022
9215
|
columns: columns,
|
|
9023
9216
|
data: tableData,
|
|
9024
9217
|
emptyMessage: emptyMessage,
|
|
@@ -9335,11 +9528,11 @@ const renderMaxFilesMessage = (maxFiles, maxFilesClasses) => jsx(DotTypography,
|
|
|
9335
9528
|
}, {
|
|
9336
9529
|
children: `${maxFiles} files are the maximum number of files you can upload.`
|
|
9337
9530
|
}), void 0);
|
|
9338
|
-
const renderSelectFilesButton = (isUploadDisabled, onButtonClick) => jsx(DotButton, Object.assign({
|
|
9531
|
+
const renderSelectFilesButton = (buttonProps, isUploadDisabled, onButtonClick) => jsx(DotButton, Object.assign({}, buttonProps, {
|
|
9339
9532
|
disabled: isUploadDisabled,
|
|
9340
9533
|
onClick: onButtonClick
|
|
9341
9534
|
}, {
|
|
9342
|
-
children:
|
|
9535
|
+
children: buttonProps.label
|
|
9343
9536
|
}), void 0);
|
|
9344
9537
|
const renderActiveDragArea = () => jsxs(Fragment, {
|
|
9345
9538
|
children: [jsx(DotIcon, {
|
|
@@ -9350,25 +9543,26 @@ const renderActiveDragArea = () => jsxs(Fragment, {
|
|
|
9350
9543
|
children: "Drop the file(s) here ..."
|
|
9351
9544
|
}), void 0)]
|
|
9352
9545
|
}, void 0);
|
|
9353
|
-
const renderDragAndDropArea = (isUploadDisabled, onSelectButtonClick) => jsxs(Fragment, {
|
|
9546
|
+
const renderDragAndDropArea = (buttonProps, isUploadDisabled, onSelectButtonClick) => jsxs(Fragment, {
|
|
9354
9547
|
children: [jsx(DotIcon, {
|
|
9355
9548
|
iconId: "upload-file"
|
|
9356
9549
|
}, void 0), jsxs(DotTypography, Object.assign({
|
|
9357
9550
|
variant: "h3"
|
|
9358
9551
|
}, {
|
|
9359
9552
|
children: ["Drag and drop your file(s) here ", jsx("br", {}, void 0), " or"]
|
|
9360
|
-
}), void 0), renderSelectFilesButton(isUploadDisabled, onSelectButtonClick)]
|
|
9553
|
+
}), void 0), renderSelectFilesButton(buttonProps, isUploadDisabled, onSelectButtonClick)]
|
|
9361
9554
|
}, void 0);
|
|
9362
9555
|
const renderDropzoneContent = ({
|
|
9363
9556
|
buttonOnly,
|
|
9557
|
+
buttonProps,
|
|
9364
9558
|
isDragActive,
|
|
9365
9559
|
isUploadDisabled,
|
|
9366
9560
|
open
|
|
9367
9561
|
}) => {
|
|
9368
9562
|
if (buttonOnly) {
|
|
9369
|
-
return renderSelectFilesButton(isUploadDisabled, open);
|
|
9563
|
+
return renderSelectFilesButton(buttonProps, isUploadDisabled, open);
|
|
9370
9564
|
} else {
|
|
9371
|
-
return isDragActive ? renderActiveDragArea() : renderDragAndDropArea(isUploadDisabled, open);
|
|
9565
|
+
return isDragActive ? renderActiveDragArea() : renderDragAndDropArea(buttonProps, isUploadDisabled, open);
|
|
9372
9566
|
}
|
|
9373
9567
|
};
|
|
9374
9568
|
const getUploadedFilesList = ({
|
|
@@ -9431,6 +9625,9 @@ const DotFileUpload = ({
|
|
|
9431
9625
|
accept,
|
|
9432
9626
|
ariaLabel,
|
|
9433
9627
|
ariaRole: _ariaRole = 'region',
|
|
9628
|
+
buttonProps: _buttonProps = {
|
|
9629
|
+
label: 'Select file(s)'
|
|
9630
|
+
},
|
|
9434
9631
|
buttonOnly: _buttonOnly = false,
|
|
9435
9632
|
className,
|
|
9436
9633
|
'data-testid': dataTestId,
|
|
@@ -9503,6 +9700,7 @@ const DotFileUpload = ({
|
|
|
9503
9700
|
"data-testid": dataTestId
|
|
9504
9701
|
}, {
|
|
9505
9702
|
children: [jsx("input", Object.assign({}, getInputProps()), void 0), renderDropzoneContent({
|
|
9703
|
+
buttonProps: _buttonProps,
|
|
9506
9704
|
buttonOnly: _buttonOnly,
|
|
9507
9705
|
isDragActive,
|
|
9508
9706
|
isUploadDisabled,
|
|
@@ -9559,7 +9757,7 @@ const DotPopper = ({
|
|
|
9559
9757
|
open,
|
|
9560
9758
|
placement
|
|
9561
9759
|
}) => {
|
|
9562
|
-
const rootClasses = useStylesWithRootClass(rootClassName$
|
|
9760
|
+
const rootClasses = useStylesWithRootClass(rootClassName$Z, className);
|
|
9563
9761
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
9564
9762
|
const handleClickAway = event => {
|
|
9565
9763
|
if (onClickAway && (!anchorEl || !anchorEl.contains(event.currentTarget))) {
|