@czi-sds/components 18.1.2 → 19.1.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/dist/index.cjs.d.ts +182 -115
- package/dist/index.cjs.js +632 -362
- package/dist/index.esm.d.ts +182 -115
- package/dist/index.esm.js +631 -365
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
package/dist/index.esm.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import React__default, { forwardRef, useState, useCallback, useEffect,
|
|
3
|
+
import React__default, { forwardRef, useState, useCallback, useEffect, useRef, useMemo, createContext, useContext } from 'react';
|
|
4
4
|
import { css } from '@emotion/react';
|
|
5
|
-
import { colors, AccordionDetails as AccordionDetails$1, SvgIcon, AccordionSummary, Accordion as Accordion$1, Alert as Alert$2, IconButton, TextField, outlinedInputClasses, inputBaseClasses, inputAdornmentClasses, buttonBaseClasses, InputAdornment, MenuItem as MenuItem$1, menuItemClasses, Autocomplete as Autocomplete$1, Paper, Popper, Button as Button$1, Grow, AlertTitle, Tooltip as Tooltip$1, Chip as Chip$1,
|
|
5
|
+
import { colors, AccordionDetails as AccordionDetails$1, SvgIcon, AccordionSummary, Accordion as Accordion$1, Alert as Alert$2, IconButton, TextField, outlinedInputClasses, inputBaseClasses, inputAdornmentClasses, buttonBaseClasses, InputAdornment, MenuItem as MenuItem$1, menuItemClasses, Autocomplete as Autocomplete$1, autocompleteClasses, Paper, Popper, ClickAwayListener, Button as Button$1, Grow, AlertTitle, Tooltip as Tooltip$1, Chip as Chip$1, darken, Dialog as Dialog$1, DialogActions as DialogActions$1, DialogContent, DialogTitle as DialogTitle$1, Typography, FormControlLabel, Checkbox, Radio, Slider, Switch, Link as Link$1, List as List$1, ListItem as ListItem$1, ListSubheader as ListSubheader$1, Menu as Menu$1, Tabs as Tabs$1, Tab as Tab$1, Slide, Box, ToggleButtonGroup, ToggleButton, useTheme as useTheme$1, TableCell, TableContainer, Table as Table$1, TableBody, TableRow as TableRow$1 } from '@mui/material';
|
|
6
6
|
import { createTheme, styled, useTheme } from '@mui/material/styles';
|
|
7
7
|
import { Check, Remove, Clear } from '@mui/icons-material';
|
|
8
8
|
import { css as css$1 } from '@emotion/css';
|
|
@@ -68,7 +68,7 @@ var FontWeight;
|
|
|
68
68
|
(function (FontWeight) {
|
|
69
69
|
FontWeight[FontWeight["bold"] = 700] = "bold";
|
|
70
70
|
FontWeight[FontWeight["light"] = 300] = "light";
|
|
71
|
-
FontWeight[FontWeight["medium"] =
|
|
71
|
+
FontWeight[FontWeight["medium"] = 500] = "medium";
|
|
72
72
|
FontWeight[FontWeight["regular"] = 400] = "regular";
|
|
73
73
|
FontWeight[FontWeight["semibold"] = 600] = "semibold";
|
|
74
74
|
})(FontWeight || (FontWeight = {}));
|
|
@@ -471,6 +471,10 @@ function makeThemeOptions(appTheme) {
|
|
|
471
471
|
var defaultThemeOptions = makeThemeOptions(defaultAppTheme);
|
|
472
472
|
var defaultTheme = createThemeAdaptor(defaultThemeOptions);
|
|
473
473
|
|
|
474
|
+
function focusVisibleA11yStyle() {
|
|
475
|
+
return "\n &.Mui-focusVisible, &:focus-visible {\n outline: 5px auto Highlight;\n outline: 5px auto -webkit-focus-ring-color;\n }\n ";
|
|
476
|
+
}
|
|
477
|
+
|
|
474
478
|
var getSpaces = function (_a) {
|
|
475
479
|
var _b;
|
|
476
480
|
var theme = _a.theme;
|
|
@@ -543,7 +547,7 @@ var fontCaps = function (fontSize) {
|
|
|
543
547
|
if (!typography)
|
|
544
548
|
return null;
|
|
545
549
|
var caps = typography.styles.caps;
|
|
546
|
-
return css(templateObject_1$
|
|
550
|
+
return css(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n ", "\n text-transform: uppercase;\n "], ["\n ", "\n text-transform: uppercase;\n "])), themeToCss(caps[fontSize]));
|
|
547
551
|
};
|
|
548
552
|
};
|
|
549
553
|
var fontCapsXxs = fontCaps("xxs");
|
|
@@ -567,35 +571,35 @@ var fontHeaderXs = fontHeader("xs");
|
|
|
567
571
|
var fontHeaderXxs = fontHeader("xxs");
|
|
568
572
|
var fontHeaderXxxs = fontHeader("xxxs");
|
|
569
573
|
function themeToCss(fontTheme) {
|
|
570
|
-
return css(templateObject_2$
|
|
574
|
+
return css(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n font-size: ", "px;\n line-height: ", ";\n letter-spacing: ", ";\n font-weight: ", ";\n text-transform: ", ";\n "], ["\n font-size: ", "px;\n line-height: ", ";\n letter-spacing: ", ";\n font-weight: ", ";\n text-transform: ", ";\n "])), fontTheme.fontSize, fontTheme.lineHeight, fontTheme.letterSpacing, fontTheme.fontWeight, fontTheme.textTransform);
|
|
571
575
|
}
|
|
572
|
-
var templateObject_1$
|
|
576
|
+
var templateObject_1$U, templateObject_2$B;
|
|
573
577
|
|
|
574
|
-
var StyledAccordionDetails = styled(AccordionDetails$1)(templateObject_2$
|
|
578
|
+
var StyledAccordionDetails = styled(AccordionDetails$1)(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$2, function (props) {
|
|
575
579
|
var spaces = getSpaces(props);
|
|
576
|
-
return css(templateObject_1$
|
|
580
|
+
return css(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n padding: ", "px;\n padding-top: ", "px;\n "], ["\n padding: ", "px;\n padding-top: ", "px;\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.xxs);
|
|
577
581
|
});
|
|
578
|
-
var templateObject_1$
|
|
582
|
+
var templateObject_1$T, templateObject_2$A;
|
|
579
583
|
|
|
580
584
|
var AccordionDetails = function (props) {
|
|
581
585
|
var children = props.children;
|
|
582
586
|
return jsx(StyledAccordionDetails, { children: children });
|
|
583
587
|
};
|
|
584
588
|
|
|
585
|
-
var _path$
|
|
586
|
-
function _extends$
|
|
589
|
+
var _path$1Q, _path2$u, _path3$4;
|
|
590
|
+
function _extends$1Z() { _extends$1Z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1Z.apply(this, arguments); }
|
|
587
591
|
var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
|
|
588
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
592
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1Z({
|
|
589
593
|
xmlns: "http://www.w3.org/2000/svg",
|
|
590
594
|
width: 22,
|
|
591
595
|
height: 22
|
|
592
|
-
}, props), _path$
|
|
596
|
+
}, props), _path$1Q || (_path$1Q = /*#__PURE__*/React.createElement("path", {
|
|
593
597
|
fillRule: "evenodd",
|
|
594
598
|
d: "M11.188 13.473a1.793 1.793 0 1 1-3.585 0 1.793 1.793 0 0 1 3.585 0Zm-1.792.693a.693.693 0 1 0 0-1.385.693.693 0 0 0 0 1.385Z",
|
|
595
599
|
clipRule: "evenodd"
|
|
596
|
-
})), _path2$
|
|
600
|
+
})), _path2$u || (_path2$u = /*#__PURE__*/React.createElement("path", {
|
|
597
601
|
d: "M13.06 7.332a.938.938 0 1 0 0-1.877.938.938 0 0 0 0 1.877ZM11.72 11.128a.693.693 0 0 1 .221-.954l.947-.59a.693.693 0 1 1 .733 1.176l-.947.59a.693.693 0 0 1-.954-.222ZM9.312 8.534a.693.693 0 1 0 1.366-.228L10.45 6.94a.693.693 0 1 0-1.366.228l.228 1.367Z"
|
|
598
|
-
})), _path3$
|
|
602
|
+
})), _path3$4 || (_path3$4 = /*#__PURE__*/React.createElement("path", {
|
|
599
603
|
fillRule: "evenodd",
|
|
600
604
|
d: "M13.932 2.232a5.174 5.174 0 0 0-2.462-.28L10.944.808a.693.693 0 1 0-1.259.58l.429.93a5.23 5.23 0 0 0-.518.253l-.582-.692a.693.693 0 0 0-1.061.891l.532.633c-.187.184-.36.382-.52.595l-.822-.269a.693.693 0 0 0-.431 1.317l.573.187-.028.073-2 5.413-.38-.32a.693.693 0 0 0-.89 1.06l.869.732c-.05.394-.054.789-.015 1.175l-.934.159a.693.693 0 1 0 .232 1.366l1.026-.174a5.19 5.19 0 0 0 2.18 2.588c-.078.16-.168.327-.265.506l-.013.026c-.158.292-.34.628-.465.962-.13.346-.23.766-.144 1.21.089.468.363.86.785 1.174.45.336.924.45 1.397.393.434-.053.818-.248 1.118-.419.14-.08.256-.15.364-.216.162-.099.304-.185.476-.272.254-.128.45-.186.626-.186.477 0 .681.16.77.252a.565.565 0 0 1 .113.172.7.7 0 0 0 1.354-.355l-.675.166.675-.166v-.002l-.001-.002-.001-.004-.003-.01-.006-.022a1.72 1.72 0 0 0-.095-.243 1.967 1.967 0 0 0-.349-.501c-.359-.376-.933-.685-1.782-.685-.487 0-.912.162-1.256.336-.211.106-.449.25-.649.37-.096.059-.184.111-.255.152-.27.154-.451.228-.595.245-.104.013-.22.002-.39-.125-.198-.148-.235-.255-.246-.314-.016-.084-.007-.222.08-.457.089-.236.227-.493.4-.813l.006-.013c.1-.186.212-.393.316-.61a5.184 5.184 0 0 0 3.84-.435l.708.844a.693.693 0 0 0 1.062-.89l-.645-.77a5.16 5.16 0 0 0 .94-1.211l1.127.096a.693.693 0 1 0 .118-1.38l-.68-.059 1.9-5.142a5.14 5.14 0 0 0 .066-.191l.605.223a.693.693 0 1 0 .48-1.3l-.832-.307a5.175 5.175 0 0 0-.05-.968l.807-.123a.693.693 0 1 0-.21-1.37l-.98.15a5.222 5.222 0 0 0-.516-.913l.684-.578a.693.693 0 0 0-.895-1.058l-.733.62a5.187 5.187 0 0 0-1.5-.86Zm-.36 11.927 2.12-5.737A3.796 3.796 0 0 0 8.57 5.79l-2.12 5.738a3.796 3.796 0 0 0 7.121 2.63Z",
|
|
601
605
|
clipRule: "evenodd"
|
|
@@ -603,9 +607,9 @@ var SvgIconBacteriaLarge = function SvgIconBacteriaLarge(props) {
|
|
|
603
607
|
};
|
|
604
608
|
|
|
605
609
|
var _g$4, _defs$3;
|
|
606
|
-
function _extends$
|
|
610
|
+
function _extends$1Y() { _extends$1Y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1Y.apply(this, arguments); }
|
|
607
611
|
var SvgIconBacteriaSmall = function SvgIconBacteriaSmall(props) {
|
|
608
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
612
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1Y({
|
|
609
613
|
xmlns: "http://www.w3.org/2000/svg",
|
|
610
614
|
width: 14,
|
|
611
615
|
height: 14
|
|
@@ -625,134 +629,134 @@ var SvgIconBacteriaSmall = function SvgIconBacteriaSmall(props) {
|
|
|
625
629
|
})))));
|
|
626
630
|
};
|
|
627
631
|
|
|
628
|
-
var _path$
|
|
629
|
-
function _extends$
|
|
632
|
+
var _path$1P;
|
|
633
|
+
function _extends$1X() { _extends$1X = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1X.apply(this, arguments); }
|
|
630
634
|
var SvgIconBarChartHorizontal3Small = function SvgIconBarChartHorizontal3Small(props) {
|
|
631
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
635
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1X({
|
|
632
636
|
xmlns: "http://www.w3.org/2000/svg",
|
|
633
637
|
width: 14,
|
|
634
638
|
height: 14,
|
|
635
639
|
fill: "none"
|
|
636
|
-
}, props), _path$
|
|
640
|
+
}, props), _path$1P || (_path$1P = /*#__PURE__*/React.createElement("path", {
|
|
637
641
|
d: "M1 2.13a1 1 0 0 1 1-1h6.4a1 1 0 0 1 1 1v.75a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-.75Zm0 4.5a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v.75a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-.75Zm0 4.5a1 1 0 0 1 1-1h2.8a1 1 0 0 1 1 1v.75a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-.75Z",
|
|
638
642
|
clipRule: "evenodd"
|
|
639
643
|
})));
|
|
640
644
|
};
|
|
641
645
|
|
|
642
|
-
var _path$
|
|
643
|
-
function _extends$
|
|
646
|
+
var _path$1O;
|
|
647
|
+
function _extends$1W() { _extends$1W = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1W.apply(this, arguments); }
|
|
644
648
|
var SvgIconBarChartVertical3Small = function SvgIconBarChartVertical3Small(props) {
|
|
645
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
649
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1W({
|
|
646
650
|
xmlns: "http://www.w3.org/2000/svg",
|
|
647
651
|
width: 14,
|
|
648
652
|
height: 14
|
|
649
|
-
}, props), _path$
|
|
653
|
+
}, props), _path$1O || (_path$1O = /*#__PURE__*/React.createElement("path", {
|
|
650
654
|
fillRule: "evenodd",
|
|
651
655
|
d: "M1.13 12V5.6a1 1 0 0 1 1-1h.75a1 1 0 0 1 1 1V12a1 1 0 0 1-1 1h-.75a1 1 0 0 1-1-1Zm4.5 0V2a1 1 0 0 1 1-1h.75a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-.75a1 1 0 0 1-1-1Zm4.5 0V9.2a1 1 0 0 1 1-1h.75a1 1 0 0 1 1 1V12a1 1 0 0 1-1 1h-.75a1 1 0 0 1-1-1Z"
|
|
652
656
|
})));
|
|
653
657
|
};
|
|
654
658
|
|
|
655
|
-
var _path$
|
|
656
|
-
function _extends$
|
|
659
|
+
var _path$1N;
|
|
660
|
+
function _extends$1V() { _extends$1V = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1V.apply(this, arguments); }
|
|
657
661
|
var SvgIconBarChartVertical4Small = function SvgIconBarChartVertical4Small(props) {
|
|
658
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
662
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1V({
|
|
659
663
|
xmlns: "http://www.w3.org/2000/svg",
|
|
660
664
|
width: 14,
|
|
661
665
|
height: 14
|
|
662
|
-
}, props), _path$
|
|
666
|
+
}, props), _path$1N || (_path$1N = /*#__PURE__*/React.createElement("path", {
|
|
663
667
|
fillRule: "evenodd",
|
|
664
668
|
d: "M5.61 2.707c.477 0 .864.387.864.864v8.715a.864.864 0 1 1-1.727 0V3.571c0-.477.387-.864.864-.864Zm-2.746 2.23c.476 0 .863.387.863.864v6.474a.864.864 0 1 1-1.727 0V5.801c0-.477.387-.863.864-.863ZM8.358.9c.477 0 .863.387.863.864v10.511a.864.864 0 1 1-1.727 0V1.764c0-.477.387-.864.864-.864Zm2.747 4.22c.477 0 .863.387.863.864v6.291a.864.864 0 0 1-1.727 0v-6.29c0-.478.387-.864.864-.864Z"
|
|
665
669
|
})));
|
|
666
670
|
};
|
|
667
671
|
|
|
668
|
-
var _path$
|
|
669
|
-
function _extends$
|
|
672
|
+
var _path$1M;
|
|
673
|
+
function _extends$1U() { _extends$1U = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1U.apply(this, arguments); }
|
|
670
674
|
var SvgIconBookLarge = function SvgIconBookLarge(props) {
|
|
671
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
675
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1U({
|
|
672
676
|
xmlns: "http://www.w3.org/2000/svg",
|
|
673
677
|
width: 22,
|
|
674
678
|
height: 22,
|
|
675
679
|
fill: "none"
|
|
676
|
-
}, props), _path$
|
|
680
|
+
}, props), _path$1M || (_path$1M = /*#__PURE__*/React.createElement("path", {
|
|
677
681
|
d: "M17.322 1.42H5.378A2.787 2.787 0 0 0 2.59 4.207V17.911a.754.754 0 0 0 .022.111 2.788 2.788 0 0 0 2.765 2.565h11.945a2.091 2.091 0 0 0 2.09-2.091V3.511a2.09 2.09 0 0 0-2.09-2.091Zm.697 2.09v11.614H7.552V2.814h9.77a.696.696 0 0 1 .697.697ZM5.378 2.815h.78v12.31h-.78c-.491.002-.972.136-1.394.387V4.208a1.394 1.394 0 0 1 1.394-1.394Zm11.944 16.379H5.378a1.34 1.34 0 1 1 0-2.676h12.64v1.98a.697.697 0 0 1-.696.696ZM9.988 5.707c0-.385.312-.697.697-.697h4.2a.697.697 0 1 1 0 1.394h-4.2a.697.697 0 0 1-.697-.697Z"
|
|
678
682
|
})));
|
|
679
683
|
};
|
|
680
684
|
|
|
681
|
-
var _path$
|
|
682
|
-
function _extends$
|
|
685
|
+
var _path$1L, _path2$t;
|
|
686
|
+
function _extends$1T() { _extends$1T = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1T.apply(this, arguments); }
|
|
683
687
|
var SvgIconCheckCircleLarge = function SvgIconCheckCircleLarge(props) {
|
|
684
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
688
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1T({
|
|
685
689
|
xmlns: "http://www.w3.org/2000/svg",
|
|
686
690
|
width: 22,
|
|
687
691
|
height: 22
|
|
688
|
-
}, props), _path$
|
|
692
|
+
}, props), _path$1L || (_path$1L = /*#__PURE__*/React.createElement("path", {
|
|
689
693
|
d: "M15.92 7.982a.825.825 0 0 0-1.34-.964l-4.801 6.67-2.916-3.24a.825.825 0 1 0-1.226 1.104l3.662 4.069a.75.75 0 0 0 1.166-.063l5.455-7.576Z"
|
|
690
|
-
})), _path2$
|
|
694
|
+
})), _path2$t || (_path2$t = /*#__PURE__*/React.createElement("path", {
|
|
691
695
|
fillRule: "evenodd",
|
|
692
696
|
d: "M20.5 11a9.5 9.5 0 1 1-19 0 9.5 9.5 0 0 1 19 0Zm-1.45 0a8.05 8.05 0 1 1-16.1 0 8.05 8.05 0 0 1 16.1 0Z",
|
|
693
697
|
clipRule: "evenodd"
|
|
694
698
|
})));
|
|
695
699
|
};
|
|
696
700
|
|
|
697
|
-
var _path$
|
|
698
|
-
function _extends$
|
|
701
|
+
var _path$1K;
|
|
702
|
+
function _extends$1S() { _extends$1S = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1S.apply(this, arguments); }
|
|
699
703
|
var SvgIconCheckCircleSmall = function SvgIconCheckCircleSmall(props) {
|
|
700
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
704
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1S({
|
|
701
705
|
xmlns: "http://www.w3.org/2000/svg",
|
|
702
706
|
width: 14,
|
|
703
707
|
height: 14
|
|
704
|
-
}, props), _path$
|
|
708
|
+
}, props), _path$1K || (_path$1K = /*#__PURE__*/React.createElement("path", {
|
|
705
709
|
fillRule: "evenodd",
|
|
706
710
|
d: "M12.6 7A5.6 5.6 0 1 1 1.4 7a5.6 5.6 0 0 1 11.2 0ZM14 7A7 7 0 1 1 0 7a7 7 0 0 1 14 0Zm-3.662-1.826a.725.725 0 1 0-1.176-.848l-3.075 4.27L4.29 6.598a.725.725 0 1 0-1.078.97l2.587 2.875a.5.5 0 0 0 .777-.043l3.763-5.226Z",
|
|
707
711
|
clipRule: "evenodd"
|
|
708
712
|
})));
|
|
709
713
|
};
|
|
710
714
|
|
|
711
|
-
var _path$
|
|
712
|
-
function _extends$
|
|
715
|
+
var _path$1J;
|
|
716
|
+
function _extends$1R() { _extends$1R = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1R.apply(this, arguments); }
|
|
713
717
|
var SvgIconCheckSmall = function SvgIconCheckSmall(props) {
|
|
714
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
718
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1R({
|
|
715
719
|
xmlns: "http://www.w3.org/2000/svg",
|
|
716
720
|
width: 14,
|
|
717
721
|
height: 14
|
|
718
|
-
}, props), _path$
|
|
722
|
+
}, props), _path$1J || (_path$1J = /*#__PURE__*/React.createElement("path", {
|
|
719
723
|
fillRule: "evenodd",
|
|
720
724
|
d: "M12.415 1.011a.78.78 0 0 0-.484.334L5.65 9.862l-3.248-3.67c-.207-.287-.55-.399-.86-.258-.294.132-.497.462-.535.848-.038.38.087.76.333.985l3.826 4.325c.33.37.833.338 1.131-.066l6.825-9.257c.233-.307.294-.774.153-1.166-.148-.411-.492-.66-.86-.592Z"
|
|
721
725
|
})));
|
|
722
726
|
};
|
|
723
727
|
|
|
724
|
-
var _path$
|
|
725
|
-
function _extends$
|
|
728
|
+
var _path$1I;
|
|
729
|
+
function _extends$1Q() { _extends$1Q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1Q.apply(this, arguments); }
|
|
726
730
|
var SvgIconChevronDownLarge = function SvgIconChevronDownLarge(props) {
|
|
727
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
731
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1Q({
|
|
728
732
|
xmlns: "http://www.w3.org/2000/svg",
|
|
729
733
|
width: 22,
|
|
730
734
|
height: 22,
|
|
731
735
|
fill: "none"
|
|
732
|
-
}, props), _path$
|
|
736
|
+
}, props), _path$1I || (_path$1I = /*#__PURE__*/React.createElement("path", {
|
|
733
737
|
d: "M11.562 16.106a.75.75 0 0 1-1.067.002L1.972 7.517a.75.75 0 0 1 .004-1.061l.568-.563a.75.75 0 0 1 1.06.004l6.886 6.94a.75.75 0 0 0 1.067-.002L18.39 5.9a.75.75 0 0 1 1.06-.007l.57.561a.75.75 0 0 1 .008 1.06l-8.466 8.591Z",
|
|
734
738
|
clipRule: "evenodd"
|
|
735
739
|
})));
|
|
736
740
|
};
|
|
737
741
|
|
|
738
|
-
var _path$
|
|
739
|
-
function _extends$
|
|
742
|
+
var _path$1H;
|
|
743
|
+
function _extends$1P() { _extends$1P = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1P.apply(this, arguments); }
|
|
740
744
|
var SvgIconChevronDownSmall = function SvgIconChevronDownSmall(props) {
|
|
741
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
745
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1P({
|
|
742
746
|
xmlns: "http://www.w3.org/2000/svg",
|
|
743
747
|
width: 14,
|
|
744
748
|
height: 14,
|
|
745
749
|
fill: "none"
|
|
746
|
-
}, props), _path$
|
|
750
|
+
}, props), _path$1H || (_path$1H = /*#__PURE__*/React.createElement("path", {
|
|
747
751
|
d: "M7.374 10.461a.5.5 0 0 1-.711.001L1.116 4.871a.5.5 0 0 1 .002-.707l.64-.634a.5.5 0 0 1 .706.003L6.658 7.76a.5.5 0 0 0 .711-.001l4.162-4.223a.5.5 0 0 1 .707-.005l.641.632a.5.5 0 0 1 .005.707l-5.51 5.591Z",
|
|
748
752
|
clipRule: "evenodd"
|
|
749
753
|
})));
|
|
750
754
|
};
|
|
751
755
|
|
|
752
756
|
var _g$3, _defs$2;
|
|
753
|
-
function _extends$
|
|
757
|
+
function _extends$1O() { _extends$1O = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1O.apply(this, arguments); }
|
|
754
758
|
var SvgIconChevronLeft2Small = function SvgIconChevronLeft2Small(props) {
|
|
755
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
759
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1O({
|
|
756
760
|
xmlns: "http://www.w3.org/2000/svg",
|
|
757
761
|
width: 14,
|
|
758
762
|
height: 14,
|
|
@@ -771,38 +775,38 @@ var SvgIconChevronLeft2Small = function SvgIconChevronLeft2Small(props) {
|
|
|
771
775
|
})))));
|
|
772
776
|
};
|
|
773
777
|
|
|
774
|
-
var _path$
|
|
775
|
-
function _extends$
|
|
778
|
+
var _path$1G;
|
|
779
|
+
function _extends$1N() { _extends$1N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1N.apply(this, arguments); }
|
|
776
780
|
var SvgIconChevronLeftLarge = function SvgIconChevronLeftLarge(props) {
|
|
777
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
781
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1N({
|
|
778
782
|
xmlns: "http://www.w3.org/2000/svg",
|
|
779
783
|
width: 22,
|
|
780
784
|
height: 22,
|
|
781
785
|
fill: "none"
|
|
782
|
-
}, props), _path$
|
|
786
|
+
}, props), _path$1G || (_path$1G = /*#__PURE__*/React.createElement("path", {
|
|
783
787
|
d: "M5.611 11.316a.75.75 0 0 1-.002-1.067l8.582-8.532a.749.749 0 0 1 1.06.003l.565.567a.751.751 0 0 1-.004 1.061L8.88 10.24a.75.75 0 0 0 .002 1.067l6.941 6.826a.751.751 0 0 1 .009 1.061l-.562.57a.75.75 0 0 1-1.061.009l-8.598-8.457Z",
|
|
784
788
|
clipRule: "evenodd"
|
|
785
789
|
})));
|
|
786
790
|
};
|
|
787
791
|
|
|
788
|
-
var _path$
|
|
789
|
-
function _extends$
|
|
792
|
+
var _path$1F;
|
|
793
|
+
function _extends$1M() { _extends$1M = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1M.apply(this, arguments); }
|
|
790
794
|
var SvgIconChevronLeftSmall = function SvgIconChevronLeftSmall(props) {
|
|
791
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
795
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1M({
|
|
792
796
|
xmlns: "http://www.w3.org/2000/svg",
|
|
793
797
|
width: 14,
|
|
794
798
|
height: 14,
|
|
795
799
|
fill: "none"
|
|
796
|
-
}, props), _path$
|
|
800
|
+
}, props), _path$1F || (_path$1F = /*#__PURE__*/React.createElement("path", {
|
|
797
801
|
d: "M3.536 7.373a.5.5 0 0 1-.001-.71l5.59-5.548a.5.5 0 0 1 .708.003l.634.639a.5.5 0 0 1-.003.707L6.237 6.658a.5.5 0 0 0 .001.71l4.223 4.162a.5.5 0 0 1 .005.708l-.632.64a.5.5 0 0 1-.707.006l-5.591-5.51Z",
|
|
798
802
|
clipRule: "evenodd"
|
|
799
803
|
})));
|
|
800
804
|
};
|
|
801
805
|
|
|
802
806
|
var _g$2, _defs$1;
|
|
803
|
-
function _extends$
|
|
807
|
+
function _extends$1L() { _extends$1L = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1L.apply(this, arguments); }
|
|
804
808
|
var SvgIconChevronRight2Small = function SvgIconChevronRight2Small(props) {
|
|
805
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
809
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1L({
|
|
806
810
|
xmlns: "http://www.w3.org/2000/svg",
|
|
807
811
|
width: 14,
|
|
808
812
|
height: 14,
|
|
@@ -821,136 +825,172 @@ var SvgIconChevronRight2Small = function SvgIconChevronRight2Small(props) {
|
|
|
821
825
|
})))));
|
|
822
826
|
};
|
|
823
827
|
|
|
824
|
-
var _path$
|
|
825
|
-
function _extends$
|
|
828
|
+
var _path$1E;
|
|
829
|
+
function _extends$1K() { _extends$1K = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1K.apply(this, arguments); }
|
|
826
830
|
var SvgIconChevronRightLarge = function SvgIconChevronRightLarge(props) {
|
|
827
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
831
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1K({
|
|
828
832
|
xmlns: "http://www.w3.org/2000/svg",
|
|
829
833
|
width: 22,
|
|
830
834
|
height: 22,
|
|
831
835
|
fill: "none"
|
|
832
|
-
}, props), _path$
|
|
836
|
+
}, props), _path$1E || (_path$1E = /*#__PURE__*/React.createElement("path", {
|
|
833
837
|
d: "M16.389 10.686a.75.75 0 0 1 .002 1.068l-8.586 8.528a.749.749 0 0 1-1.06-.004l-.564-.568a.749.749 0 0 1 .003-1.06l6.936-6.889a.75.75 0 0 0-.002-1.067l-6.937-6.83a.749.749 0 0 1-.009-1.06l.561-.57a.748.748 0 0 1 1.06-.008l8.596 8.46Z",
|
|
834
838
|
clipRule: "evenodd"
|
|
835
839
|
})));
|
|
836
840
|
};
|
|
837
841
|
|
|
838
|
-
var _path$
|
|
839
|
-
function _extends$
|
|
842
|
+
var _path$1D;
|
|
843
|
+
function _extends$1J() { _extends$1J = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1J.apply(this, arguments); }
|
|
840
844
|
var SvgIconChevronRightSmall = function SvgIconChevronRightSmall(props) {
|
|
841
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
845
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1J({
|
|
842
846
|
xmlns: "http://www.w3.org/2000/svg",
|
|
843
847
|
width: 14,
|
|
844
848
|
height: 14,
|
|
845
849
|
fill: "none"
|
|
846
|
-
}, props), _path$
|
|
850
|
+
}, props), _path$1D || (_path$1D = /*#__PURE__*/React.createElement("path", {
|
|
847
851
|
d: "M10.463 6.624a.5.5 0 0 1 .001.711l-5.591 5.548a.5.5 0 0 1-.707-.003l-.634-.64a.5.5 0 0 1 .003-.706L7.762 7.34a.5.5 0 0 0-.001-.711L3.538 2.467a.5.5 0 0 1-.005-.707l.632-.641a.5.5 0 0 1 .707-.005l5.59 5.51Z",
|
|
848
852
|
clipRule: "evenodd"
|
|
849
853
|
})));
|
|
850
854
|
};
|
|
851
855
|
|
|
852
|
-
var _path$
|
|
853
|
-
function _extends$
|
|
856
|
+
var _path$1C;
|
|
857
|
+
function _extends$1I() { _extends$1I = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1I.apply(this, arguments); }
|
|
854
858
|
var SvgIconChevronUpLarge = function SvgIconChevronUpLarge(props) {
|
|
855
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
859
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1I({
|
|
856
860
|
xmlns: "http://www.w3.org/2000/svg",
|
|
857
861
|
width: 22,
|
|
858
862
|
height: 22,
|
|
859
863
|
fill: "none"
|
|
860
|
-
}, props), _path$
|
|
864
|
+
}, props), _path$1C || (_path$1C = /*#__PURE__*/React.createElement("path", {
|
|
861
865
|
d: "M10.432 5.894a.75.75 0 0 1 1.067-.002l8.523 8.59a.75.75 0 0 1-.004 1.062l-.568.563a.75.75 0 0 1-1.06-.004l-6.886-6.94a.75.75 0 0 0-1.066.002l-6.834 6.933a.75.75 0 0 1-1.06.008l-.57-.562a.75.75 0 0 1-.008-1.06l8.466-8.59Z",
|
|
862
866
|
clipRule: "evenodd"
|
|
863
867
|
})));
|
|
864
868
|
};
|
|
865
869
|
|
|
866
|
-
var _path$
|
|
867
|
-
function _extends$
|
|
870
|
+
var _path$1B;
|
|
871
|
+
function _extends$1H() { _extends$1H = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1H.apply(this, arguments); }
|
|
868
872
|
var SvgIconChevronUpSmall = function SvgIconChevronUpSmall(props) {
|
|
869
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
873
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1H({
|
|
870
874
|
xmlns: "http://www.w3.org/2000/svg",
|
|
871
875
|
width: 14,
|
|
872
876
|
height: 14,
|
|
873
877
|
fill: "none"
|
|
874
|
-
}, props), _path$
|
|
878
|
+
}, props), _path$1B || (_path$1B = /*#__PURE__*/React.createElement("path", {
|
|
875
879
|
d: "M6.624 3.539a.5.5 0 0 1 .711-.001l5.548 5.591a.5.5 0 0 1-.003.707l-.64.634a.5.5 0 0 1-.706-.003L7.34 6.24a.5.5 0 0 0-.711.001l-4.162 4.223a.5.5 0 0 1-.707.005l-.641-.632a.5.5 0 0 1-.005-.707l5.51-5.591Z",
|
|
876
880
|
clipRule: "evenodd"
|
|
877
881
|
})));
|
|
878
882
|
};
|
|
879
883
|
|
|
880
|
-
var _path$
|
|
881
|
-
function _extends$
|
|
884
|
+
var _path$1A;
|
|
885
|
+
function _extends$1G() { _extends$1G = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1G.apply(this, arguments); }
|
|
882
886
|
var SvgIconCirclesOverlapLarge = function SvgIconCirclesOverlapLarge(props) {
|
|
883
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
887
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1G({
|
|
884
888
|
xmlns: "http://www.w3.org/2000/svg",
|
|
885
889
|
width: 22,
|
|
886
890
|
height: 22
|
|
887
|
-
}, props), _path$
|
|
891
|
+
}, props), _path$1A || (_path$1A = /*#__PURE__*/React.createElement("path", {
|
|
888
892
|
fillRule: "evenodd",
|
|
889
893
|
d: "M7.219 18.219c1.386 0 2.681-.391 3.781-1.069a7.219 7.219 0 1 0 0-12.3 7.219 7.219 0 1 0-3.781 13.37Zm0-1.45c.91 0 1.771-.211 2.537-.587A7.197 7.197 0 0 1 7.562 11c0-2.033.841-3.87 2.194-5.182a5.769 5.769 0 1 0-2.537 10.951ZM14.78 5.23c-.91 0-1.771.211-2.537.587A7.198 7.198 0 0 1 14.438 11c0 2.033-.841 3.87-2.194 5.182a5.769 5.769 0 1 0 2.537-10.951ZM11.37 6.994l-1.19.526c-.235.312-.44.648-.61 1.004l2.255-.998a5.795 5.795 0 0 0-.455-.532Zm1.18 1.797-3.492 1.545-.005-.012a5.828 5.828 0 0 0-.039.764l3.757-1.663a5.713 5.713 0 0 0-.22-.634Zm.438 2.124L9.23 12.577c.062.22.137.433.223.64l3.495-1.546a5.823 5.823 0 0 0 .038-.756Zm-.562 2.573-2.244.993c.143.188.296.367.46.537l1.16-.514c.242-.314.45-.655.624-1.016Z",
|
|
890
894
|
clipRule: "evenodd"
|
|
891
895
|
})));
|
|
892
896
|
};
|
|
893
897
|
|
|
894
|
-
var _path$
|
|
895
|
-
function _extends$
|
|
898
|
+
var _path$1z, _path2$s;
|
|
899
|
+
function _extends$1F() { _extends$1F = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1F.apply(this, arguments); }
|
|
896
900
|
var SvgIconCirclesOverlapSmall = function SvgIconCirclesOverlapSmall(props) {
|
|
897
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
901
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1F({
|
|
898
902
|
xmlns: "http://www.w3.org/2000/svg",
|
|
899
903
|
width: 14,
|
|
900
904
|
height: 14
|
|
901
|
-
}, props), _path$
|
|
905
|
+
}, props), _path$1z || (_path$1z = /*#__PURE__*/React.createElement("path", {
|
|
902
906
|
fillRule: "evenodd",
|
|
903
907
|
d: "M7 10.914a4.594 4.594 0 1 1 0-7.828 4.594 4.594 0 1 1 0 7.828Zm-1.099-.945a3.244 3.244 0 1 1 0-5.939A4.576 4.576 0 0 0 4.813 7c0 1.132.41 2.169 1.088 2.97ZM8.1 4.031a3.244 3.244 0 1 1 0 5.939A4.575 4.575 0 0 0 9.187 7c0-1.132-.41-2.169-1.088-2.97ZM7 4.825c.52.575.838 1.338.838 2.175 0 .837-.318 1.6-.838 2.175A3.232 3.232 0 0 1 6.162 7c0-.837.318-1.6.838-2.175Z",
|
|
904
908
|
clipRule: "evenodd"
|
|
905
|
-
})), _path2$
|
|
909
|
+
})), _path2$s || (_path2$s = /*#__PURE__*/React.createElement("path", {
|
|
906
910
|
d: "M7.838 7c0-.837-.318-1.6-.838-2.175A3.232 3.232 0 0 0 6.162 7c0 .837.318 1.6.838 2.175.52-.575.838-1.338.838-2.175Z"
|
|
907
911
|
})));
|
|
908
912
|
};
|
|
909
913
|
|
|
910
|
-
var _path$
|
|
911
|
-
function _extends$
|
|
914
|
+
var _path$1y, _path2$r;
|
|
915
|
+
function _extends$1E() { _extends$1E = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1E.apply(this, arguments); }
|
|
916
|
+
var SvgIconCodeLarge = function SvgIconCodeLarge(props) {
|
|
917
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1E({
|
|
918
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
919
|
+
width: 22,
|
|
920
|
+
height: 22,
|
|
921
|
+
fill: "none"
|
|
922
|
+
}, props), _path$1y || (_path$1y = /*#__PURE__*/React.createElement("path", {
|
|
923
|
+
d: "M12.176 3.332a.447.447 0 0 1 .547-.316l.785.21c.239.065.38.31.316.548L9.833 18.67a.447.447 0 0 1-.547.316l-.786-.21a.447.447 0 0 1-.316-.548l3.992-14.896Z"
|
|
924
|
+
})), _path2$r || (_path2$r = /*#__PURE__*/React.createElement("path", {
|
|
925
|
+
d: "M.133 11.328a.447.447 0 0 1 0-.635l4.994-4.956a.447.447 0 0 1 .632.003l.566.57a.447.447 0 0 1-.002.632L2.546 10.69a.447.447 0 0 0 .001.635l3.773 3.718a.447.447 0 0 1 .004.632l-.564.573a.447.447 0 0 1-.632.004L.133 11.328ZM21.867 10.66c.177.174.177.46 0 .634l-4.994 4.956a.447.447 0 0 1-.632-.002l-.566-.571a.447.447 0 0 1 .002-.632l3.777-3.746a.447.447 0 0 0-.001-.636L15.68 6.945a.447.447 0 0 1-.004-.631l.564-.573a.447.447 0 0 1 .632-.005l4.995 4.923Z",
|
|
926
|
+
clipRule: "evenodd"
|
|
927
|
+
})));
|
|
928
|
+
};
|
|
929
|
+
|
|
930
|
+
var _path$1x;
|
|
931
|
+
function _extends$1D() { _extends$1D = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1D.apply(this, arguments); }
|
|
912
932
|
var SvgIconCompassLarge = function SvgIconCompassLarge(props) {
|
|
913
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
933
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1D({
|
|
914
934
|
xmlns: "http://www.w3.org/2000/svg",
|
|
915
935
|
width: 22,
|
|
916
936
|
height: 22
|
|
917
|
-
}, props), _path$
|
|
937
|
+
}, props), _path$1x || (_path$1x = /*#__PURE__*/React.createElement("path", {
|
|
918
938
|
fillRule: "evenodd",
|
|
919
939
|
d: "M12.403 2.71a.7.7 0 0 0-.628-.696l-.071-.004h-1.399a.7.7 0 0 0-.695.628v.077a9.465 9.465 0 0 1 2.793 0V2.71Zm-4.195 0s-.008.204-.007.327a9.393 9.393 0 0 0-6.585 8.964 9.39 9.39 0 1 0 12.183-8.967v-.432a2.1 2.1 0 0 0-2.095-1.99h-1.399l-.107.003a2.1 2.1 0 0 0-1.99 2.095Zm-5.056 8.503a7.894 7.894 0 0 1 7.064-7.065.867.867 0 0 0-.012.146v.831c0 .46.359.831.8.831.443 0 .801-.372.801-.831v-.831a.867.867 0 0 0-.012-.146 7.894 7.894 0 0 1 7.064 7.065.875.875 0 0 0-.147-.013h-.833c-.46 0-.833.359-.833.8 0 .443.373.801.833.801h.833c.05 0 .1-.004.147-.012a7.894 7.894 0 0 1-7.064 7.064.866.866 0 0 0 .012-.145v-.832c0-.459-.358-.831-.8-.831-.442 0-.8.372-.8.831v.832c0 .05.003.098.011.145a7.894 7.894 0 0 1-7.064-7.064.875.875 0 0 0 .147.012h.833c.46 0 .833-.358.833-.8 0-.442-.373-.8-.833-.8H3.3c-.05 0-.099.003-.147.011ZM14.6 7.786a.45.45 0 0 1 .652.558l-.033.061-2.541 5.047a.42.42 0 0 1-.136.16l-.062.037-5.082 2.541a.448.448 0 0 1-.197.05.449.449 0 0 1-.319-.135.449.449 0 0 1-.112-.45l.027-.066 2.54-5.065a.422.422 0 0 1 .137-.16l.061-.037 5.064-2.541Zm-1.15 1.768-2.59 1.298 1.293 1.293 1.298-2.59Z",
|
|
920
940
|
clipRule: "evenodd"
|
|
921
941
|
})));
|
|
922
942
|
};
|
|
923
943
|
|
|
924
|
-
var _path$
|
|
925
|
-
function _extends$
|
|
944
|
+
var _path$1w, _path2$q;
|
|
945
|
+
function _extends$1C() { _extends$1C = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1C.apply(this, arguments); }
|
|
926
946
|
var SvgIconCopyLarge = function SvgIconCopyLarge(props) {
|
|
927
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
947
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1C({
|
|
928
948
|
xmlns: "http://www.w3.org/2000/svg",
|
|
929
949
|
width: 22,
|
|
930
950
|
height: 22
|
|
931
|
-
}, props), _path$
|
|
951
|
+
}, props), _path$1w || (_path$1w = /*#__PURE__*/React.createElement("path", {
|
|
932
952
|
d: "M5.526 16.883h6.566c.445 0 .794-.271.794-.617s-.349-.617-.794-.617H5.526c-.445 0-.794.271-.794.617s.35.617.794.617ZM12.092 14.287H5.526c-.438 0-.794-.28-.794-.626 0-.34.35-.608.794-.608h6.566c.438 0 .794.28.794.625 0 .341-.349.609-.794.609Z"
|
|
933
|
-
})), _path2$
|
|
953
|
+
})), _path2$q || (_path2$q = /*#__PURE__*/React.createElement("path", {
|
|
934
954
|
fillRule: "evenodd",
|
|
935
955
|
d: "M20.247 5.2c0-.202-.083-.4-.229-.544L16.053.657a.78.78 0 0 0-.544-.227H7.731c-.879 0-1.621.744-1.621 1.625v2.764H3.35c-.894 0-1.621.728-1.621 1.625V19.94c0 .897.727 1.626 1.621 1.626h10.916c.895 0 1.623-.73 1.623-1.626v-2.764h2.756c.88 0 1.624-.745 1.624-1.624l-.023-10.353ZM3.295 6.421c0-.03.026-.056.056-.056h7.006v3.2c0 .427.346.774.773.774h3.193v9.58c0 .028-.026.055-.056.055H3.35a.058.058 0 0 1-.056-.056V6.422Zm12.366 2.601-3.966-3.998a.779.779 0 0 0-.543-.228H7.675V2.055c0-.03.025-.056.056-.056h7.006v3.2c0 .427.346.774.772.774h3.194v9.579c0 .029-.026.056-.057.056H15.89V9.567c0-.2-.084-.4-.23-.544Zm-3.737-.252V7.455l1.314 1.316h-1.314Zm4.357-4.367V3.087l1.315 1.317H16.28Z",
|
|
936
956
|
clipRule: "evenodd"
|
|
937
957
|
})));
|
|
938
958
|
};
|
|
939
959
|
|
|
940
|
-
var _path$
|
|
941
|
-
function _extends$
|
|
960
|
+
var _path$1v;
|
|
961
|
+
function _extends$1B() { _extends$1B = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1B.apply(this, arguments); }
|
|
942
962
|
var SvgIconCopySmall = function SvgIconCopySmall(props) {
|
|
943
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
963
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1B({
|
|
944
964
|
xmlns: "http://www.w3.org/2000/svg",
|
|
945
965
|
width: 14,
|
|
946
966
|
height: 14
|
|
947
|
-
}, props), _path$
|
|
967
|
+
}, props), _path$1v || (_path$1v = /*#__PURE__*/React.createElement("path", {
|
|
948
968
|
fillRule: "evenodd",
|
|
949
969
|
d: "M9.87.75c.13 0 .257.031.388.102l.098.06.096.081 2.196 2.213a.826.826 0 0 1 .233.453l.01.129.013 5.738c0 .603-.432 1.128-1.028 1.264l-.13.024-.137.008-1.99-.001v1.136c0 .565-.362 1.052-.89 1.229l-.136.038-.131.022-.138.008h-5.93c-.61 0-1.13-.427-1.264-1.028l-.022-.131-.008-.138V4.48c0-.612.425-1.132 1.026-1.266l.13-.023.138-.008h1.99V2.046c0-.557.368-1.047.893-1.227l.135-.038.13-.023.136-.008H9.87ZM6.15 4.581H2.5v7.273h5.72l-.002-5.241H7.057a.902.902 0 0 1-.858-.62l-.036-.132-.012-.136V4.581Zm3.277-2.43H5.786v1.225h.963c.142 0 .282.034.426.11l.108.064.106.088 1.964 1.978a.87.87 0 0 1 .225.373l.031.121.012.133v3.18h1.869l.003-5.241h-1.16a.901.901 0 0 1-.857-.62L9.44 3.43l-.011-.135-.002-1.144Z",
|
|
950
970
|
clipRule: "evenodd"
|
|
951
971
|
})));
|
|
952
972
|
};
|
|
953
973
|
|
|
974
|
+
var _path$1u, _path2$p, _path3$3;
|
|
975
|
+
function _extends$1A() { _extends$1A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1A.apply(this, arguments); }
|
|
976
|
+
var SvgIconCubeLarge = function SvgIconCubeLarge(props) {
|
|
977
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1A({
|
|
978
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
979
|
+
width: 22,
|
|
980
|
+
height: 22,
|
|
981
|
+
fill: "none"
|
|
982
|
+
}, props), _path$1u || (_path$1u = /*#__PURE__*/React.createElement("path", {
|
|
983
|
+
d: "M10.636.344a.75.75 0 0 1 .728 0l9 5a.75.75 0 0 1 0 1.312l-9 5a.75.75 0 0 1-.728 0l-9-5a.75.75 0 0 1 0-1.312l9-5ZM3.544 6 11 10.142 18.456 6 11 1.858 3.544 6Z",
|
|
984
|
+
clipRule: "evenodd"
|
|
985
|
+
})), _path2$p || (_path2$p = /*#__PURE__*/React.createElement("path", {
|
|
986
|
+
d: "M20.38 5.354c.23.134.37.38.37.646v10a.75.75 0 0 1-.386.656l-9 5A.75.75 0 0 1 10.25 21V11a.75.75 0 0 1 .386-.656l9-5a.75.75 0 0 1 .744.01Zm-8.63 6.087v8.284l7.5-4.166V7.275l-7.5 4.166Z",
|
|
987
|
+
clipRule: "evenodd"
|
|
988
|
+
})), _path3$3 || (_path3$3 = /*#__PURE__*/React.createElement("path", {
|
|
989
|
+
d: "M1.62 5.354A.75.75 0 0 0 1.25 6v10a.75.75 0 0 0 .386.656l9 5A.75.75 0 0 0 11.75 21V11a.75.75 0 0 0-.386-.656l-9-5a.75.75 0 0 0-.744.01Zm8.63 6.087v8.284l-7.5-4.166V7.275l7.5 4.166Z",
|
|
990
|
+
clipRule: "evenodd"
|
|
991
|
+
})));
|
|
992
|
+
};
|
|
993
|
+
|
|
954
994
|
var _path$1t;
|
|
955
995
|
function _extends$1z() { _extends$1z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1z.apply(this, arguments); }
|
|
956
996
|
var SvgIconDnaLarge = function SvgIconDnaLarge(props) {
|
|
@@ -2336,31 +2376,31 @@ var SvgIconSquareOnDashedSquareLarge = function SvgIconSquareOnDashedSquareLarge
|
|
|
2336
2376
|
})));
|
|
2337
2377
|
};
|
|
2338
2378
|
|
|
2339
|
-
var _path$p;
|
|
2379
|
+
var _path$p, _path2$8;
|
|
2340
2380
|
function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
|
|
2341
|
-
var
|
|
2381
|
+
var SvgIconStarLarge = function SvgIconStarLarge(props) {
|
|
2342
2382
|
return /*#__PURE__*/React.createElement("svg", _extends$r({
|
|
2343
2383
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2344
|
-
width:
|
|
2345
|
-
height:
|
|
2384
|
+
width: 22,
|
|
2385
|
+
height: 22
|
|
2346
2386
|
}, props), _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
|
|
2347
|
-
|
|
2387
|
+
fillRule: "evenodd",
|
|
2388
|
+
d: "m10.993 7.986-.586 1.41a1.7 1.7 0 0 1-1.434 1.041l-1.522.122 1.16.993a1.7 1.7 0 0 1 .547 1.686l-.354 1.485 1.303-.796a1.7 1.7 0 0 1 1.772 0l1.303.796-.354-1.485a1.7 1.7 0 0 1 .547-1.686l1.16-.993-1.522-.122a1.7 1.7 0 0 1-1.434-1.042l-.586-1.41Zm.923-1.556c-.341-.821-1.505-.821-1.846 0L9.068 8.839a.25.25 0 0 1-.211.153l-2.6.208c-.887.071-1.247 1.178-.571 1.757l1.981 1.697a.25.25 0 0 1 .08.248l-.605 2.537c-.206.865.735 1.55 1.494 1.085l2.227-1.36a.25.25 0 0 1 .26 0l2.227 1.36c.759.464 1.7-.22 1.494-1.085l-.606-2.537a.25.25 0 0 1 .08-.248l1.982-1.697c.675-.58.316-1.686-.57-1.757l-2.601-.208a.25.25 0 0 1-.21-.153L11.915 6.43Z",
|
|
2389
|
+
clipRule: "evenodd"
|
|
2390
|
+
})), _path2$8 || (_path2$8 = /*#__PURE__*/React.createElement("path", {
|
|
2391
|
+
d: "M10.268 1.935a.725.725 0 0 1 1.45 0v1.55a.725.725 0 0 1-1.45 0v-1.55ZM20.4 10.269a.725.725 0 0 1 0 1.45h-1.55a.725.725 0 0 1 0-1.45h1.55ZM17.224 3.733a.725.725 0 1 1 1.026 1.025l-1.096 1.096a.725.725 0 1 1-1.026-1.025l1.096-1.096ZM19.007 17.232a.725.725 0 0 1-1.026 1.026l-1.096-1.096a.725.725 0 1 1 1.026-1.026l1.096 1.096ZM10.268 18.503a.725.725 0 0 1 1.45 0v1.55a.725.725 0 1 1-1.45 0v-1.55ZM3.135 10.269a.725.725 0 0 1 0 1.45h-1.55a.725.725 0 0 1 0-1.45h1.55ZM4.078 16.136a.725.725 0 0 1 1.025 1.026l-1.096 1.096a.725.725 0 0 1-1.025-1.026l1.096-1.096ZM5.857 4.829A.725.725 0 1 1 4.83 5.854L3.735 4.758a.725.725 0 0 1 1.026-1.025l1.096 1.096Z"
|
|
2348
2392
|
})));
|
|
2349
2393
|
};
|
|
2350
2394
|
|
|
2351
|
-
var _path$o
|
|
2395
|
+
var _path$o;
|
|
2352
2396
|
function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
|
|
2353
|
-
var
|
|
2397
|
+
var SvgIconStarburstSmall = function SvgIconStarburstSmall(props) {
|
|
2354
2398
|
return /*#__PURE__*/React.createElement("svg", _extends$q({
|
|
2355
2399
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2356
|
-
width:
|
|
2357
|
-
height:
|
|
2400
|
+
width: 14,
|
|
2401
|
+
height: 14
|
|
2358
2402
|
}, props), _path$o || (_path$o = /*#__PURE__*/React.createElement("path", {
|
|
2359
|
-
|
|
2360
|
-
d: "m10.993 7.986-.586 1.41a1.7 1.7 0 0 1-1.434 1.041l-1.522.122 1.16.993a1.7 1.7 0 0 1 .547 1.686l-.354 1.485 1.303-.796a1.7 1.7 0 0 1 1.772 0l1.303.796-.354-1.485a1.7 1.7 0 0 1 .547-1.686l1.16-.993-1.522-.122a1.7 1.7 0 0 1-1.434-1.042l-.586-1.41Zm.923-1.556c-.341-.821-1.505-.821-1.846 0L9.068 8.839a.25.25 0 0 1-.211.153l-2.6.208c-.887.071-1.247 1.178-.571 1.757l1.981 1.697a.25.25 0 0 1 .08.248l-.605 2.537c-.206.865.735 1.55 1.494 1.085l2.227-1.36a.25.25 0 0 1 .26 0l2.227 1.36c.759.464 1.7-.22 1.494-1.085l-.606-2.537a.25.25 0 0 1 .08-.248l1.982-1.697c.675-.58.316-1.686-.57-1.757l-2.601-.208a.25.25 0 0 1-.21-.153L11.915 6.43Z",
|
|
2361
|
-
clipRule: "evenodd"
|
|
2362
|
-
})), _path2$8 || (_path2$8 = /*#__PURE__*/React.createElement("path", {
|
|
2363
|
-
d: "M10.268 1.935a.725.725 0 0 1 1.45 0v1.55a.725.725 0 0 1-1.45 0v-1.55ZM20.4 10.269a.725.725 0 0 1 0 1.45h-1.55a.725.725 0 0 1 0-1.45h1.55ZM17.224 3.733a.725.725 0 1 1 1.026 1.025l-1.096 1.096a.725.725 0 1 1-1.026-1.025l1.096-1.096ZM19.007 17.232a.725.725 0 0 1-1.026 1.026l-1.096-1.096a.725.725 0 1 1 1.026-1.026l1.096 1.096ZM10.268 18.503a.725.725 0 0 1 1.45 0v1.55a.725.725 0 1 1-1.45 0v-1.55ZM3.135 10.269a.725.725 0 0 1 0 1.45h-1.55a.725.725 0 0 1 0-1.45h1.55ZM4.078 16.136a.725.725 0 0 1 1.025 1.026l-1.096 1.096a.725.725 0 0 1-1.025-1.026l1.096-1.096ZM5.857 4.829A.725.725 0 1 1 4.83 5.854L3.735 4.758a.725.725 0 0 1 1.026-1.025l1.096 1.096Z"
|
|
2403
|
+
d: "m11.977 8.821.742 2.154-.846.165-1.391.272c-.299.009-.41.101-.47.393l-.816 2.128-.755-.419-1.237-.687c-.236-.184-.379-.185-.614-.001l-1.993 1.107-.309-.806-.507-1.321c-.063-.293-.174-.386-.472-.395l-2.236-.436.281-.816.461-1.337c.14-.265.117-.407-.106-.604L.274 6.446l.74-.444 1.214-.729c.278-.111.348-.235.306-.531l.04-2.28.853.136 1.396.223c.286.091.422.043.579-.211L6.896.889l.566.652.93 1.071c.156.253.289.3.575.209l2.254-.359.014.865.023 1.415c-.043.296.029.418.306.531l1.955 1.173-.543.671-.893 1.102c-.223.198-.246.338-.106.602Zm-1.058-1.548.348-.429-.475-.285c-.539-.379-.975-1.133-1.034-1.791l-.009-.552-.546.087c-.656.055-1.477-.242-1.945-.711l-.362-.415-.362.417c-.469.468-1.285.764-1.941.709l-.549-.087-.01.552c-.058.658-.492 1.41-1.032 1.791l-.476.285.349.43c.379.543.528 1.399.36 2.034l-.182.525.544.106c.638.171 1.303.73 1.584 1.327l.198.517.483-.269c.597-.276 1.468-.277 2.066-.001l.486.27.198-.516c.28-.598.949-1.158 1.586-1.328l.541-.106-.18-.524c-.17-.636-.019-1.494.36-2.036Z"
|
|
2364
2404
|
})));
|
|
2365
2405
|
};
|
|
2366
2406
|
|
|
@@ -2743,6 +2783,10 @@ var iconMap = {
|
|
|
2743
2783
|
largeIcon: SvgIconCirclesOverlapLarge,
|
|
2744
2784
|
smallIcon: SvgIconCirclesOverlapSmall,
|
|
2745
2785
|
},
|
|
2786
|
+
code: {
|
|
2787
|
+
largeIcon: SvgIconCodeLarge,
|
|
2788
|
+
smallIcon: null,
|
|
2789
|
+
},
|
|
2746
2790
|
compass: {
|
|
2747
2791
|
largeIcon: SvgIconCompassLarge,
|
|
2748
2792
|
smallIcon: null,
|
|
@@ -2751,6 +2795,10 @@ var iconMap = {
|
|
|
2751
2795
|
largeIcon: SvgIconCopyLarge,
|
|
2752
2796
|
smallIcon: SvgIconCopySmall,
|
|
2753
2797
|
},
|
|
2798
|
+
cube: {
|
|
2799
|
+
largeIcon: SvgIconCubeLarge,
|
|
2800
|
+
smallIcon: null,
|
|
2801
|
+
},
|
|
2754
2802
|
dna: {
|
|
2755
2803
|
largeIcon: SvgIconDnaLarge,
|
|
2756
2804
|
smallIcon: null,
|
|
@@ -3068,30 +3116,30 @@ function iconSize(props) {
|
|
|
3068
3116
|
var _a, _b;
|
|
3069
3117
|
var sdsSize = props.sdsSize;
|
|
3070
3118
|
var iconSizes = getIconSizes(props);
|
|
3071
|
-
return css(templateObject_1$
|
|
3119
|
+
return css(templateObject_1$S || (templateObject_1$S = __makeTemplateObject(["\n height: ", "px;\n width: ", "px;\n "], ["\n height: ", "px;\n width: ", "px;\n "])), (_a = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes[sdsSize]) === null || _a === void 0 ? void 0 : _a.height, (_b = iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes[sdsSize]) === null || _b === void 0 ? void 0 : _b.width);
|
|
3072
3120
|
}
|
|
3073
3121
|
function buttonStyle() {
|
|
3074
|
-
return css(templateObject_2$
|
|
3122
|
+
return css(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n color: inherit;\n "], ["\n color: inherit;\n "])));
|
|
3075
3123
|
}
|
|
3076
3124
|
function staticStyle(props) {
|
|
3077
3125
|
var _a = props.iconColor, iconColor = _a === void 0 ? "primary" : _a, _b = props.shade, shade = _b === void 0 ? 400 : _b;
|
|
3078
3126
|
var colors = getColors(props);
|
|
3079
|
-
return css(templateObject_3$
|
|
3127
|
+
return css(templateObject_3$q || (templateObject_3$q = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), colors === null || colors === void 0 ? void 0 : colors[iconColor][shade]);
|
|
3080
3128
|
}
|
|
3081
3129
|
function interactive(props) {
|
|
3082
3130
|
var colors = getColors(props);
|
|
3083
3131
|
var _a = props.iconColor, iconColor = _a === void 0 ? "primary" : _a, _b = props.shade, shade = _b === void 0 ? 400 : _b;
|
|
3084
|
-
return css(templateObject_4$
|
|
3132
|
+
return css(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n\n &:disabled {\n color: ", ";\n }\n "], ["\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n\n &:disabled {\n color: ", ";\n }\n "])), colors === null || colors === void 0 ? void 0 : colors.gray[500], colors === null || colors === void 0 ? void 0 : colors.gray[600], colors === null || colors === void 0 ? void 0 : colors[iconColor][shade], colors === null || colors === void 0 ? void 0 : colors.gray[300]);
|
|
3085
3133
|
}
|
|
3086
|
-
var doNotForwardProps$
|
|
3134
|
+
var doNotForwardProps$n = ["sdsIcon", "sdsSize", "sdsType", "iconColor"];
|
|
3087
3135
|
var StyledSvgIcon = styled(SvgIcon, {
|
|
3088
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
3136
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$n.includes(prop); },
|
|
3089
3137
|
})(templateObject_6$c || (templateObject_6$c = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
3090
3138
|
var sdsType = props.sdsType;
|
|
3091
3139
|
return css(templateObject_5$f || (templateObject_5$f = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n "])), sdsType !== "iconButton" && iconSize(props), sdsType === "static" && staticStyle(props), sdsType === "interactive" && interactive(props), sdsType === "button" && buttonStyle());
|
|
3092
3140
|
});
|
|
3093
3141
|
var StyledIcon = styled("div")(templateObject_7$9 || (templateObject_7$9 = __makeTemplateObject(["\n /* display: contents causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored when using CSS grid or similar layout techniques. */\n display: contents;\n"], ["\n /* display: contents causes an element's children to appear as if they were direct children of the element's parent, ignoring the element itself. This can be useful when a wrapper element should be ignored when using CSS grid or similar layout techniques. */\n display: contents;\n"])));
|
|
3094
|
-
var templateObject_1$
|
|
3142
|
+
var templateObject_1$S, templateObject_2$z, templateObject_3$q, templateObject_4$k, templateObject_5$f, templateObject_6$c, templateObject_7$9;
|
|
3095
3143
|
|
|
3096
3144
|
/**
|
|
3097
3145
|
* @see https://mui.com/material-ui/icons/#icons
|
|
@@ -3112,16 +3160,16 @@ var Icon = forwardRef(function Icon(_a, ref) {
|
|
|
3112
3160
|
return null;
|
|
3113
3161
|
});
|
|
3114
3162
|
|
|
3115
|
-
var StyledAccordionHeader = styled(AccordionSummary)(templateObject_2$
|
|
3163
|
+
var StyledAccordionHeader = styled(AccordionSummary)(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontHeaderS, function (props) {
|
|
3116
3164
|
var spaces = getSpaces(props);
|
|
3117
3165
|
var colors = getColors(props);
|
|
3118
|
-
return css(templateObject_1$
|
|
3166
|
+
return css(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n padding: ", "px;\n min-height: 40px;\n align-items: flex-start;\n box-sizing: border-box;\n\n &.Mui-expanded {\n min-height: 40px;\n }\n\n .MuiAccordionSummary-content {\n margin: 0;\n flex-direction: column;\n\n &.Mui-expanded {\n margin: 0;\n }\n }\n\n .MuiAccordionSummary-expandIconWrapper {\n padding: 0px;\n margin-right: 0;\n margin-left: ", "px;\n svg {\n color: ", ";\n }\n }\n "], ["\n padding: ", "px;\n min-height: 40px;\n align-items: flex-start;\n box-sizing: border-box;\n\n &.Mui-expanded {\n min-height: 40px;\n }\n\n .MuiAccordionSummary-content {\n margin: 0;\n flex-direction: column;\n\n &.Mui-expanded {\n margin: 0;\n }\n }\n\n .MuiAccordionSummary-expandIconWrapper {\n padding: 0px;\n margin-right: 0;\n margin-left: ", "px;\n svg {\n color: ", ";\n }\n }\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.m, spaces === null || spaces === void 0 ? void 0 : spaces.m, colors === null || colors === void 0 ? void 0 : colors.gray[500]);
|
|
3119
3167
|
});
|
|
3120
|
-
var StyledSubtitle = styled("p")(templateObject_4$
|
|
3168
|
+
var StyledSubtitle = styled("p")(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
3121
3169
|
var colors = getColors(props);
|
|
3122
|
-
return css(templateObject_3$
|
|
3170
|
+
return css(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n color: ", ";\n margin: 0;\n "], ["\n color: ", ";\n margin: 0;\n "])), colors === null || colors === void 0 ? void 0 : colors.gray[500]);
|
|
3123
3171
|
});
|
|
3124
|
-
var templateObject_1$
|
|
3172
|
+
var templateObject_1$R, templateObject_2$y, templateObject_3$p, templateObject_4$j;
|
|
3125
3173
|
|
|
3126
3174
|
var AccordionHeader = function (props) {
|
|
3127
3175
|
var children = props.children, id = props.id, subtitle = props.subtitle;
|
|
@@ -3133,18 +3181,18 @@ var StyledAccordion = styled(Accordion$1, {
|
|
|
3133
3181
|
shouldForwardProp: function (prop) {
|
|
3134
3182
|
return !sdsPropNames$5.includes(prop.toString());
|
|
3135
3183
|
},
|
|
3136
|
-
})(templateObject_2$
|
|
3184
|
+
})(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
3137
3185
|
var useDivider = props.useDivider, togglePosition = props.togglePosition;
|
|
3138
3186
|
var shadows = getShadows(props);
|
|
3139
3187
|
var typography = getTypography(props);
|
|
3140
3188
|
var border = getBorders(props);
|
|
3141
|
-
return css(templateObject_1$
|
|
3189
|
+
return css(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n &.MuiAccordion-root {\n box-shadow: ", ";\n font-family: ", ";\n border-bottom: ", ";\n height: fit-content;\n\n & .MuiAccordionSummary-root {\n padding: 10px;\n min-height: 40px;\n\n &.Mui-expanded {\n min-height: unset;\n }\n\n & .MuiAccordionSummary-expandIcon,\n & .MuiAccordionSummary-expandIconWrapper {\n padding: 0;\n align-self: flex-start;\n }\n }\n\n .MuiAccordionDetails-root {\n padding: 10px;\n padding-top: 4px;\n }\n\n &:before {\n opacity: 0;\n }\n\n &.Mui-expanded {\n margin: 0;\n }\n ", "\n }\n "], ["\n &.MuiAccordion-root {\n box-shadow: ", ";\n font-family: ", ";\n border-bottom: ", ";\n height: fit-content;\n\n & .MuiAccordionSummary-root {\n padding: 10px;\n min-height: 40px;\n\n &.Mui-expanded {\n min-height: unset;\n }\n\n & .MuiAccordionSummary-expandIcon,\n & .MuiAccordionSummary-expandIconWrapper {\n padding: 0;\n align-self: flex-start;\n }\n }\n\n .MuiAccordionDetails-root {\n padding: 10px;\n padding-top: 4px;\n }\n\n &:before {\n opacity: 0;\n }\n\n &.Mui-expanded {\n margin: 0;\n }\n ", "\n }\n "])), shadows === null || shadows === void 0 ? void 0 : shadows.none, typography === null || typography === void 0 ? void 0 : typography.fontFamily, useDivider ? border === null || border === void 0 ? void 0 : border.gray[300] : "none", togglePosition === "left" && leftPosition(props));
|
|
3142
3190
|
});
|
|
3143
3191
|
var leftPosition = function (props) {
|
|
3144
3192
|
var spaces = getSpaces(props);
|
|
3145
|
-
return css(templateObject_3$
|
|
3193
|
+
return css(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n &.MuiAccordion-root {\n & .MuiAccordionSummary-root {\n flex-direction: row-reverse;\n\n .MuiAccordionSummary-content {\n padding-left: ", "px;\n }\n\n .MuiAccordionSummary-expandIconWrapper {\n margin: 0;\n transform: rotate(-90deg);\n align-self: flex-start;\n margin-top: ", "px;\n\n &.Mui-expanded {\n transform: rotate(0deg);\n }\n }\n }\n\n & .MuiAccordionDetails-root {\n padding-left: 30px;\n }\n }\n "], ["\n &.MuiAccordion-root {\n & .MuiAccordionSummary-root {\n flex-direction: row-reverse;\n\n .MuiAccordionSummary-content {\n padding-left: ", "px;\n }\n\n .MuiAccordionSummary-expandIconWrapper {\n margin: 0;\n transform: rotate(-90deg);\n align-self: flex-start;\n margin-top: ", "px;\n\n &.Mui-expanded {\n transform: rotate(0deg);\n }\n }\n }\n\n & .MuiAccordionDetails-root {\n padding-left: 30px;\n }\n }\n "])), spaces === null || spaces === void 0 ? void 0 : spaces.xs, spaces === null || spaces === void 0 ? void 0 : spaces.xxs);
|
|
3146
3194
|
};
|
|
3147
|
-
var templateObject_1$
|
|
3195
|
+
var templateObject_1$Q, templateObject_2$x, templateObject_3$o;
|
|
3148
3196
|
|
|
3149
3197
|
/**
|
|
3150
3198
|
* @see https://mui.com/material-ui/react-accordion/
|
|
@@ -3160,7 +3208,7 @@ var Accordion = React__default.forwardRef(function (props, ref) {
|
|
|
3160
3208
|
return (jsx(StyledAccordion, __assign({ square: true, useDivider: useDivider, togglePosition: togglePosition, expanded: expanded === id, onChange: handleChange(id), ref: ref }, props, { children: children })));
|
|
3161
3209
|
});
|
|
3162
3210
|
|
|
3163
|
-
var StyledAlert = styled(Alert$2)(templateObject_1$
|
|
3211
|
+
var StyledAlert = styled(Alert$2)(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
3164
3212
|
var colors = getColors(props);
|
|
3165
3213
|
var spacings = getSpaces(props);
|
|
3166
3214
|
var shadows = getShadows(props);
|
|
@@ -3171,7 +3219,7 @@ var StyledAlert = styled(Alert$2)(templateObject_1$N || (templateObject_1$N = __
|
|
|
3171
3219
|
var backgroundColor = colors && colors[severity][100];
|
|
3172
3220
|
return "\n background-color: ".concat(backgroundColor, ";\n margin: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px 0;\n color: ").concat(defaultTheme.palette.text.primary, ";\n padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px\n ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px 9px;\n background-color: ").concat(alertColor, ";\n &.elevated {\n border-left: 5px solid;\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.s, ";\n border-color: ").concat(borderColor, ";\n }\n .MuiAlert-icon {\n path {\n fill: ").concat(iconColor, ";\n }\n }\n ");
|
|
3173
3221
|
});
|
|
3174
|
-
var templateObject_1$
|
|
3222
|
+
var templateObject_1$P;
|
|
3175
3223
|
|
|
3176
3224
|
/**
|
|
3177
3225
|
* @see https://mui.com/material-ui/react-alert/
|
|
@@ -3184,6 +3232,7 @@ var noop = function () { };
|
|
|
3184
3232
|
var toKebabCase = function (str) {
|
|
3185
3233
|
return str.replace(/[\s_]+/g, "-").toLowerCase();
|
|
3186
3234
|
};
|
|
3235
|
+
var EMPTY_OBJECT = {};
|
|
3187
3236
|
|
|
3188
3237
|
var _a;
|
|
3189
3238
|
var SDSWarningTypes;
|
|
@@ -3245,23 +3294,23 @@ var showWarningIfFirstOccurence = function (warningType) {
|
|
|
3245
3294
|
var isOn = function (props) {
|
|
3246
3295
|
var sdsType = props.sdsType;
|
|
3247
3296
|
var colors = getColors(props);
|
|
3248
|
-
return css(templateObject_1$
|
|
3297
|
+
return css(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), sdsType !== "tertiary" &&
|
|
3249
3298
|
"\n color: ".concat(sdsType === "primary" ? colors === null || colors === void 0 ? void 0 : colors.primary[600] : colors === null || colors === void 0 ? void 0 : colors.primary[400], ";\n\n &:hover {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[600], ";\n }\n "));
|
|
3250
3299
|
};
|
|
3251
3300
|
var isDisabled$1 = function (props) {
|
|
3252
3301
|
var colors = getColors(props);
|
|
3253
|
-
return css(templateObject_2$
|
|
3302
|
+
return css(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), colors === null || colors === void 0 ? void 0 : colors.gray[300]);
|
|
3254
3303
|
};
|
|
3255
3304
|
var primary$2 = function (props) {
|
|
3256
3305
|
var colors = getColors(props);
|
|
3257
3306
|
var sdsSize = props.sdsSize;
|
|
3258
|
-
return css(templateObject_3$
|
|
3307
|
+
return css(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n color: ", ";\n\n &:hover {\n background: ", ";\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n "], ["\n color: ", ";\n\n &:hover {\n background: ", ";\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n "])), colors === null || colors === void 0 ? void 0 : colors.primary[400], colors === null || colors === void 0 ? void 0 : colors.gray[200], sdsSize === "small"
|
|
3259
3308
|
? colors === null || colors === void 0 ? void 0 : colors.primary[600]
|
|
3260
3309
|
: colors === null || colors === void 0 ? void 0 : colors.primary[400], colors === null || colors === void 0 ? void 0 : colors.primary[600]);
|
|
3261
3310
|
};
|
|
3262
3311
|
var secondary$2 = function (props) {
|
|
3263
3312
|
var colors = getColors(props);
|
|
3264
|
-
return css(templateObject_4$
|
|
3313
|
+
return css(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n color: ", ";\n\n &:hover,\n &:active {\n background: none;\n color: ", ";\n }\n "], ["\n color: ", ";\n\n &:hover,\n &:active {\n background: none;\n color: ", ";\n }\n "])), colors === null || colors === void 0 ? void 0 : colors.gray[500], colors === null || colors === void 0 ? void 0 : colors.primary[400]);
|
|
3265
3314
|
};
|
|
3266
3315
|
var tertiary = function (props) {
|
|
3267
3316
|
var colors = getColors(props);
|
|
@@ -3284,7 +3333,7 @@ var large = function (props) {
|
|
|
3284
3333
|
var iconSizes = getIconSizes(props);
|
|
3285
3334
|
return css(templateObject_8$6 || (templateObject_8$6 = __makeTemplateObject(["\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "], ["\n .MuiSvgIcon-root {\n height: ", "px;\n width: ", "px;\n ", "\n }\n "])), iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xl.height, iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xl.height, sdsType === "primary" ? "margin: 5px;" : "");
|
|
3286
3335
|
};
|
|
3287
|
-
var doNotForwardProps$
|
|
3336
|
+
var doNotForwardProps$m = [
|
|
3288
3337
|
"on",
|
|
3289
3338
|
"sdsSize",
|
|
3290
3339
|
"sdsType",
|
|
@@ -3292,12 +3341,12 @@ var doNotForwardProps$k = [
|
|
|
3292
3341
|
"sdsIconProps",
|
|
3293
3342
|
];
|
|
3294
3343
|
var StyledButtonIcon$2 = styled(IconButton, {
|
|
3295
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
3296
|
-
})(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n padding: 0;\n
|
|
3344
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$m.includes(prop); },
|
|
3345
|
+
})(templateObject_10$1 || (templateObject_10$1 = __makeTemplateObject(["\n padding: 0;\n ", "\n\n ", "\n"], ["\n padding: 0;\n ", "\n\n ", "\n"])), focusVisibleA11yStyle, function (props) {
|
|
3297
3346
|
var on = props.on, disabled = props.disabled, sdsSize = props.sdsSize, sdsType = props.sdsType;
|
|
3298
3347
|
return css(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), sdsType === "primary" && primary$2(props), sdsType === "secondary" && secondary$2(props), sdsType === "tertiary" && tertiary(props), on && isOn(props), disabled && isDisabled$1(props), sdsSize === "small" && small$1(props), sdsSize === "medium" && medium$1(props), sdsSize === "large" && large(props));
|
|
3299
3348
|
});
|
|
3300
|
-
var templateObject_1$
|
|
3349
|
+
var templateObject_1$O, templateObject_2$w, templateObject_3$n, templateObject_4$i, templateObject_5$e, templateObject_6$b, templateObject_7$8, templateObject_8$6, templateObject_9$3, templateObject_10$1;
|
|
3301
3350
|
|
|
3302
3351
|
var ButtonIconSizeToSdsIconSize = {
|
|
3303
3352
|
large: "xl",
|
|
@@ -3317,17 +3366,17 @@ var sdsPropNames$4 = ["sdsStyle", "sdsStage", "intent", "handleSubmit"];
|
|
|
3317
3366
|
var rounded$3 = function (props) {
|
|
3318
3367
|
var corners = getCorners(props);
|
|
3319
3368
|
var borders = getBorders(props);
|
|
3320
|
-
return css(templateObject_1$
|
|
3369
|
+
return css(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n .", " .", " {\n border-radius: ", "px;\n border: ", ";\n }\n "], ["\n .", " .", " {\n border-radius: ", "px;\n border: ", ";\n }\n "])), outlinedInputClasses.root, outlinedInputClasses.notchedOutline, corners === null || corners === void 0 ? void 0 : corners.l, borders === null || borders === void 0 ? void 0 : borders.gray[400]);
|
|
3321
3370
|
};
|
|
3322
3371
|
var error$3 = function (props) {
|
|
3323
3372
|
var borders = getBorders(props);
|
|
3324
3373
|
var colors = getColors(props);
|
|
3325
|
-
return css(templateObject_2$
|
|
3374
|
+
return css(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n .", " .", " {\n border: ", ";\n }\n\n .", ":hover\n .", " {\n border: ", ";\n }\n\n .", ".", " {\n .", " {\n border: ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n "], ["\n .", " .", " {\n border: ", ";\n }\n\n .", ":hover\n .", " {\n border: ", ";\n }\n\n .", ".", " {\n .", " {\n border: ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n "])), outlinedInputClasses.root, outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.error[400], outlinedInputClasses.root, outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.error[400], outlinedInputClasses.root, outlinedInputClasses.focused, outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.error[400], inputAdornmentClasses.root, buttonBaseClasses.root, colors === null || colors === void 0 ? void 0 : colors.gray[500]);
|
|
3326
3375
|
};
|
|
3327
3376
|
var warning$3 = function (props) {
|
|
3328
3377
|
var borders = getBorders(props);
|
|
3329
3378
|
var colors = getColors(props);
|
|
3330
|
-
return css(templateObject_3$
|
|
3379
|
+
return css(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n .", " .", " {\n border: ", ";\n }\n\n .", ":hover\n .", " {\n border: ", ";\n }\n\n .", ".", " {\n .", " {\n border: ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n "], ["\n .", " .", " {\n border: ", ";\n }\n\n .", ":hover\n .", " {\n border: ", ";\n }\n\n .", ".", " {\n .", " {\n border: ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n "])), outlinedInputClasses.root, outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.warning[400], outlinedInputClasses.root, outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.warning[400], outlinedInputClasses.root, outlinedInputClasses.focused, outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.warning[400], inputAdornmentClasses.root, buttonBaseClasses.root, colors === null || colors === void 0 ? void 0 : colors.gray[500]);
|
|
3331
3380
|
};
|
|
3332
3381
|
var userInput$2 = function (props) {
|
|
3333
3382
|
var intent = props.intent;
|
|
@@ -3339,7 +3388,7 @@ var userInput$2 = function (props) {
|
|
|
3339
3388
|
? borders === null || borders === void 0 ? void 0 : borders.warning[400]
|
|
3340
3389
|
: borders === null || borders === void 0 ? void 0 : borders.primary[400];
|
|
3341
3390
|
var color = intent === "default" ? colors === null || colors === void 0 ? void 0 : colors.primary[400] : colors === null || colors === void 0 ? void 0 : colors.gray[500];
|
|
3342
|
-
return css(templateObject_4$
|
|
3391
|
+
return css(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n .", " .", " {\n border: ", ";\n }\n\n .", ":hover\n .", " {\n border: ", ";\n }\n\n .", " svg {\n color: ", ";\n }\n "], ["\n .", " .", " {\n border: ", ";\n }\n\n .", ":hover\n .", " {\n border: ", ";\n }\n\n .", " svg {\n color: ", ";\n }\n "])), outlinedInputClasses.root, outlinedInputClasses.notchedOutline, border, outlinedInputClasses.root, outlinedInputClasses.notchedOutline, border, inputAdornmentClasses.root, color);
|
|
3343
3392
|
};
|
|
3344
3393
|
var disabledStyled$2 = function (props) {
|
|
3345
3394
|
var borders = getBorders(props);
|
|
@@ -3363,10 +3412,10 @@ var StyledSearchBase = styled(TextField, {
|
|
|
3363
3412
|
return css(templateObject_7$7 || (templateObject_7$7 = __makeTemplateObject(["\n margin-top: ", "px;\n margin-bottom: ", "px;\n margin-right: ", "px;\n min-width: 120px;\n display: block;\n\n [type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n appearance: none;\n }\n\n & .input-search-clear-icon {\n opacity: 0;\n margin-right: ", "px;\n }\n\n .", " {\n .", " {\n border: ", ";\n }\n\n &:hover .input-search-clear-icon,\n &:focus-within .input-search-clear-icon {\n opacity: ", ";\n }\n }\n\n .", " {\n padding: ", "px ", "px;\n height: 34px;\n box-sizing: border-box;\n background-color: #fff;\n }\n\n .", ":hover\n .", " {\n border: ", ";\n }\n\n .", ".", " {\n .", " {\n border: ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n margin-top: ", "px;\n margin-bottom: ", "px;\n margin-right: ", "px;\n min-width: 120px;\n display: block;\n\n [type=\"search\"]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n appearance: none;\n }\n\n & .input-search-clear-icon {\n opacity: 0;\n margin-right: ", "px;\n }\n\n .", " {\n .", " {\n border: ", ";\n }\n\n &:hover .input-search-clear-icon,\n &:focus-within .input-search-clear-icon {\n opacity: ", ";\n }\n }\n\n .", " {\n padding: ", "px ", "px;\n height: 34px;\n box-sizing: border-box;\n background-color: #fff;\n }\n\n .", ":hover\n .", " {\n border: ", ";\n }\n\n .", ".", " {\n .", " {\n border: ", ";\n }\n\n .", " .", ":last-of-type {\n cursor: default;\n svg {\n color: ", ";\n }\n }\n }\n\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), spacings === null || spacings === void 0 ? void 0 : spacings.m, spacings === null || spacings === void 0 ? void 0 : spacings.m, spacings === null || spacings === void 0 ? void 0 : spacings.xl, spacings === null || spacings === void 0 ? void 0 : spacings.s, outlinedInputClasses.root, outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.gray[400], value ? 1 : 0, inputBaseClasses.inputSizeSmall, spacings === null || spacings === void 0 ? void 0 : spacings.xs, spacings === null || spacings === void 0 ? void 0 : spacings.l, outlinedInputClasses.root, outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.gray[500], outlinedInputClasses.root, outlinedInputClasses.focused, outlinedInputClasses.notchedOutline, borders === null || borders === void 0 ? void 0 : borders.primary[400], inputAdornmentClasses.root, buttonBaseClasses.root, colors === null || colors === void 0 ? void 0 : colors.primary[400], sdsStyle === "rounded" && rounded$3(props), intent === "error" && error$3(props), intent === "warning" && warning$3(props), disabled && disabledStyled$2(props), sdsStage === "userInput" && userInput$2(props));
|
|
3364
3413
|
});
|
|
3365
3414
|
var StyledInputAdornment = styled(InputAdornment)(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
3366
|
-
var templateObject_1$
|
|
3415
|
+
var templateObject_1$N, templateObject_2$v, templateObject_3$m, templateObject_4$h, templateObject_5$d, templateObject_6$a, templateObject_7$7, templateObject_8$5, templateObject_9$2;
|
|
3367
3416
|
|
|
3368
3417
|
var fontBodyXs$4 = fontBody("xs");
|
|
3369
|
-
var StyledMenuItem$1 = styled(MenuItem$1)(templateObject_1$
|
|
3418
|
+
var StyledMenuItem$1 = styled(MenuItem$1)(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
3370
3419
|
var selected = props.selected;
|
|
3371
3420
|
var colors = getColors(props);
|
|
3372
3421
|
var fontWeights = getFontWeights(props);
|
|
@@ -3374,7 +3423,7 @@ var StyledMenuItem$1 = styled(MenuItem$1)(templateObject_1$K || (templateObject_
|
|
|
3374
3423
|
var primary = colors === null || colors === void 0 ? void 0 : colors.primary[400];
|
|
3375
3424
|
return "\n padding: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px !important;\n min-height: unset;\n opacity: 1;\n\n &.MuiAutocomplete-option {\n min-height: unset;\n }\n \n .primary-text {\n font-weight: ").concat(selected ? fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold : fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.regular, ";\n }\n\n &.MuiButtonBase-root {\n background-color: transparent;\n opacity: 1;\n\n &:hover, &.").concat(menuItemClasses.focusVisible, " {\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n\n &[aria-selected=\"true\"] {\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n }\n }\n }\n\n &.MuiMenuItem-root .MuiSvgIcon-root {\n align-self: flex-start;\n }\n\n &.MuiMenuItem-root .Mui-disabled {\n opacity: 1 !important;\n }\n\n &.MuiAutocomplete-option[aria-selected=\"true\"] {\n &:hover {\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], " !important;\n }\n\n svg.check-icon {\n color: ").concat(selected ? primary : colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n }\n }\n\n &.MuiAutocomplete-option[aria-disabled=\"true\"] {\n opacity: 1;\n }\n\n &:hover {\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n svg.check-icon {\n color: ").concat(selected ? primary : colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n }\n }\n\n &.Mui-selected.MuiListItem-root.MuiListItem-button {\n background-color: white;\n &:hover {\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n }\n .primary-text {\n font-weight: ").concat(fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold, ";\n }\n }\n\n &:active {\n svg.check-icon {\n color: ").concat(primary, ";\n }\n\n &:active {\n svg.check-icon {\n color: ").concat(primary, ";\n }\n\n .primary-text {\n font-weight: ").concat(fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold, ";\n }\n }\n }\n ");
|
|
3376
3425
|
});
|
|
3377
|
-
var ContentWrapper = styled("span")(templateObject_2$
|
|
3426
|
+
var ContentWrapper = styled("span")(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n width: 100%;\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n width: 100%;\n"])));
|
|
3378
3427
|
var disabledStyles = function (props) {
|
|
3379
3428
|
var disabled = props.disabled;
|
|
3380
3429
|
if (!disabled)
|
|
@@ -3382,12 +3431,12 @@ var disabledStyles = function (props) {
|
|
|
3382
3431
|
var colors = getColors(props);
|
|
3383
3432
|
return "\n color: ".concat(colors === null || colors === void 0 ? void 0 : colors.gray[300], ";\n cursor: default;\n ");
|
|
3384
3433
|
};
|
|
3385
|
-
var TextWrapper = styled("span")(templateObject_3$
|
|
3434
|
+
var TextWrapper = styled("span")(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n ", "\n\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n\n ", "\n"])), fontBodyXs$4, function (props) {
|
|
3386
3435
|
var _a;
|
|
3387
3436
|
var palette = getPalette(props);
|
|
3388
3437
|
return "\n color: ".concat((_a = palette === null || palette === void 0 ? void 0 : palette.text) === null || _a === void 0 ? void 0 : _a.primary, ";\n display: flex;\n white-space: pre-wrap;\n ");
|
|
3389
3438
|
}, disabledStyles);
|
|
3390
|
-
var StyledMenuItemIcon = styled("span")(templateObject_4$
|
|
3439
|
+
var StyledMenuItemIcon = styled("span")(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
3391
3440
|
var disabled = props.disabled;
|
|
3392
3441
|
var spacings = getSpaces(props);
|
|
3393
3442
|
var iconSizes = getIconSizes(props);
|
|
@@ -3419,7 +3468,7 @@ var StyledMinus = styled(Remove, {
|
|
|
3419
3468
|
var selectedColor = disabled ? colors === null || colors === void 0 ? void 0 : colors.gray[300] : colors === null || colors === void 0 ? void 0 : colors.primary[400];
|
|
3420
3469
|
return "\n color: ".concat(selected ? selectedColor : "transparent", ";\n padding: 0;\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.height, "px;\n width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.s.width, "px;\n\n &.MuiCheckbox-colorPrimary.Mui-checked:hover {\n background-color: transparent;\n }\n ");
|
|
3421
3470
|
});
|
|
3422
|
-
var templateObject_1$
|
|
3471
|
+
var templateObject_1$M, templateObject_2$u, templateObject_3$l, templateObject_4$g, templateObject_5$c, templateObject_6$9, templateObject_7$6, templateObject_8$4, templateObject_9$1;
|
|
3423
3472
|
|
|
3424
3473
|
/**
|
|
3425
3474
|
* @see https://mui.com/material-ui/react-menu/
|
|
@@ -3498,74 +3547,98 @@ var InputSearch = forwardRef(function InputSearch(props, ref) {
|
|
|
3498
3547
|
* (masoudmanson): This prevents the browser's default auto completion
|
|
3499
3548
|
* menu from being displayed for the InputSearch.
|
|
3500
3549
|
*/
|
|
3501
|
-
autoComplete: "
|
|
3550
|
+
autoComplete: "one-time-code" }, rest))] }));
|
|
3502
3551
|
});
|
|
3503
3552
|
|
|
3504
|
-
var doNotForwardProps$
|
|
3553
|
+
var doNotForwardProps$l = [
|
|
3505
3554
|
"count",
|
|
3506
3555
|
"keepSearchOnSelect",
|
|
3507
3556
|
"search",
|
|
3508
3557
|
"InputBaseProps",
|
|
3558
|
+
"PopperBaseProps",
|
|
3559
|
+
"onClickAway",
|
|
3509
3560
|
];
|
|
3510
|
-
var
|
|
3511
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
3512
|
-
})(templateObject_1$
|
|
3561
|
+
var StyledAutocompleteBase = styled(Autocomplete$1, {
|
|
3562
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$l.includes(prop); },
|
|
3563
|
+
})(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n + .", "\n > .", "\n .", " {\n ", "\n }\n\n ", "\n"], ["\n + .", "\n > .", "\n .", " {\n ", "\n }\n\n ", "\n"])), autocompleteClasses.popper, autocompleteClasses.paper, autocompleteClasses.groupLabel, fontCapsXxxs, function (props) {
|
|
3513
3564
|
var search = props.search;
|
|
3514
3565
|
var spacings = getSpaces(props);
|
|
3515
3566
|
var colors = getColors(props);
|
|
3516
3567
|
var borders = getBorders(props);
|
|
3517
|
-
return "\n ".concat(!search && "height: 0", ";\n\n .MuiOutlinedInput-root.MuiInputBase-formControl.MuiInputBase-adornedEnd {\n padding: 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px 0 0;\n\n .MuiAutocomplete-input {\n padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px;\n }\n }\n\n & + .
|
|
3568
|
+
return "\n ".concat(!search && "height: 0", ";\n\n .MuiOutlinedInput-root.MuiInputBase-formControl.MuiInputBase-adornedEnd {\n padding: 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px 0 0;\n\n .MuiAutocomplete-input {\n padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px;\n }\n }\n\n & + .").concat(autocompleteClasses.popper, " > .").concat(autocompleteClasses.paper, " {\n .").concat(autocompleteClasses.listbox, " {\n max-height: 40vh;\n padding: 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px 0 0;\n\n .").concat(autocompleteClasses.option, " {\n min-height: unset;\n\n &.").concat(autocompleteClasses.focused, " {\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n }\n\n &[aria-selected=\"true\"] {\n background-color: white;\n }\n\n &[aria-disabled=\"true\"] {\n opacity: 1;\n }\n\n &[aria-selected=\"true\"].").concat(autocompleteClasses.focused, " {\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[100], ";\n }\n }\n\n & > li:last-child .").concat(autocompleteClasses.groupUl, " {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n }\n }\n\n .").concat(autocompleteClasses.groupLabel, " {\n top: 0;\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px;\n }\n\n .").concat(autocompleteClasses.groupUl, " {\n position: relative;\n margin: 0 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n border-bottom: ").concat(borders === null || borders === void 0 ? void 0 : borders.gray[200], ";\n padding-bottom: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px;\n\n & li:last-of-type {\n position: relative;\n }\n }\n\n .").concat(autocompleteClasses.noOptions, " {\n padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px;\n margin-right: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px;\n }\n\n .").concat(autocompleteClasses.loading, " {\n padding: 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px 0 0;\n }\n }\n ");
|
|
3518
3569
|
});
|
|
3519
3570
|
var InputBaseWrapper$1 = styled("div", {
|
|
3520
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
3521
|
-
})(templateObject_2$
|
|
3571
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$l.includes(prop); },
|
|
3572
|
+
})(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
3522
3573
|
var search = props.search;
|
|
3523
3574
|
if (!search) {
|
|
3524
3575
|
// (thuang): We cannot use `display: none;` here, since
|
|
3525
3576
|
// the component needs to be in the DOM to handle backdrop
|
|
3526
3577
|
// click to close the menu
|
|
3527
|
-
return "\n border: 0;\n padding: 0;\n
|
|
3578
|
+
return "\n border: 0;\n padding: 0;\n white-space: nowrap;\n clip-path: inset(100%);\n clip: rect(0 0 0 0);\n overflow: hidden;\n margin: 0;\n ";
|
|
3528
3579
|
}
|
|
3529
3580
|
});
|
|
3530
3581
|
var StyledMenuInputSearch$1 = styled(InputSearch, {
|
|
3531
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
3532
|
-
})(templateObject_3$
|
|
3582
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$l.includes(prop); },
|
|
3583
|
+
})(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n margin: 0;\n .MuiInputBase-root {\n width: 100%;\n }\n /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n caret-color: ", ";\n"], ["\n margin: 0;\n .MuiInputBase-root {\n width: 100%;\n }\n /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n caret-color: ", ";\n"])), function (_a) {
|
|
3533
3584
|
var search = _a.search;
|
|
3534
3585
|
return (search ? "auto" : "transparent");
|
|
3535
3586
|
});
|
|
3536
|
-
var StyledPaper$
|
|
3587
|
+
var StyledPaper$3 = styled(Paper)(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
3537
3588
|
var spacings = getSpaces(props);
|
|
3538
3589
|
var borders = getBorders(props);
|
|
3539
3590
|
var corners = getCorners(props);
|
|
3540
3591
|
var shadows = getShadows(props);
|
|
3541
|
-
return "\n padding: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.
|
|
3592
|
+
return "\n padding: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px ;\n background-color: white;\n border: ").concat(borders === null || borders === void 0 ? void 0 : borders.gray[100], ";\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.m, "px;\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.m, ";\n box-sizing: border-box;\n ");
|
|
3542
3593
|
});
|
|
3543
3594
|
var StyledMenuItemDetails = styled("div")(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
3544
3595
|
var colors = getColors(props);
|
|
3545
3596
|
return "\n color: ".concat(colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n white-space: pre-wrap;\n ");
|
|
3546
3597
|
});
|
|
3547
3598
|
var StyledMenuItemText = styled("div")(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
|
|
3548
|
-
var templateObject_1$
|
|
3599
|
+
var templateObject_1$L, templateObject_2$t, templateObject_3$k, templateObject_4$f, templateObject_5$b, templateObject_6$8;
|
|
3549
3600
|
|
|
3550
|
-
var
|
|
3551
|
-
var
|
|
3552
|
-
var
|
|
3601
|
+
var AutocompleteBase = function (props) {
|
|
3602
|
+
var multiple = props.multiple, _a = props.disableCloseOnSelect, disableCloseOnSelect = _a === void 0 ? multiple : _a, _b = props.getOptionLabel, getOptionLabel = _b === void 0 ? defaultGetOptionLabel : _b, _c = props.InputBaseProps, InputBaseProps = _c === void 0 ? EMPTY_OBJECT : _c, _d = props.isOptionEqualToValue, isOptionEqualToValue = _d === void 0 ? defaultIsOptionEqualToValue : _d, _e = props.keepSearchOnSelect, keepSearchOnSelect = _e === void 0 ? false : _e, _f = props.label, label = _f === void 0 ? "Label" : _f, _g = props.loading, loading = _g === void 0 ? false : _g, _h = props.loadingText, loadingText = _h === void 0 ? "" : _h, _j = props.noOptionsText, noOptionsText = _j === void 0 ? "No options" : _j, _k = props.onInputChange, onInputChange = _k === void 0 ? noop : _k, _l = props.renderOption, renderOption = _l === void 0 ? defaultRenderOption : _l, _m = props.renderTags, renderTags = _m === void 0 ? defaultRenderTags : _m, _o = props.search, search = _o === void 0 ? false : _o, _p = props.clearOnBlur, clearOnBlur = _p === void 0 ? false : _p, _q = props.blurOnSelect, blurOnSelect = _q === void 0 ? !multiple : _q;
|
|
3603
|
+
var theme = useTheme();
|
|
3604
|
+
var _r = useState(""), inputValue = _r[0], setInputValue = _r[1];
|
|
3605
|
+
return (jsx(StyledAutocompleteBase, __assign({ clearOnBlur: clearOnBlur, disableCloseOnSelect: disableCloseOnSelect, disablePortal: true, renderTags: renderTags, loading: loading, loadingText: loadingText, noOptionsText: noOptionsText, PaperComponent: StyledPaper$3, PopperComponent: useDefaultPopperComponent(), renderOption: renderOption, getOptionLabel: getOptionLabel, isOptionEqualToValue: isOptionEqualToValue, inputValue: inputValue, renderInput: defaultRenderInput, multiple: multiple }, props, {
|
|
3606
|
+
// (masoudmanson): For multiple options (multiple = true), setting blurOnSelect to false
|
|
3607
|
+
// keeps the dropdown open after selecting an option. This feature enhances user experience
|
|
3608
|
+
// by preventing the dropdown from closing, enabling users to select multiple options
|
|
3609
|
+
// without having to reopen the menu repeatedly.
|
|
3610
|
+
blurOnSelect: multiple ? false : blurOnSelect,
|
|
3611
|
+
// (masoudmanson): Given the necessity of maintaining consistent onBlur functionality,
|
|
3612
|
+
// and clearing the input value on blur, it's crucial to include the onBlur handler
|
|
3613
|
+
// after spreading other props. Furthermore, within the defaultOnBlur function, the
|
|
3614
|
+
// actual onBlur function is invoked for completeness.
|
|
3615
|
+
onBlur: defaultOnBlur,
|
|
3616
|
+
// (masoudmanson): To ensure component-level actions (changing the input field value)
|
|
3617
|
+
// trigger upon input changes, it's crucial to position the onInputChange handler after
|
|
3618
|
+
// spreading the other props. Furthermore, within the defaultOnInputChange function,
|
|
3619
|
+
// the provided onInputChange from props is called at the end to emit the input changes
|
|
3620
|
+
// to the user.
|
|
3621
|
+
onInputChange: defaultOnInputChange })));
|
|
3553
3622
|
/**
|
|
3554
3623
|
* (masoudmanson): Using a custom Popper or Paper with the Autocomplete
|
|
3555
|
-
* without a
|
|
3624
|
+
* without a useCallback results in scroll jumps while selecting an option!
|
|
3556
3625
|
*/
|
|
3557
|
-
|
|
3558
|
-
return (
|
|
3559
|
-
|
|
3560
|
-
|
|
3561
|
-
|
|
3562
|
-
|
|
3563
|
-
|
|
3626
|
+
function useDefaultPopperComponent() {
|
|
3627
|
+
return useCallback(function (popperProps) {
|
|
3628
|
+
var _a;
|
|
3629
|
+
return (jsx(Popper, __assign({ modifiers: [
|
|
3630
|
+
{
|
|
3631
|
+
enabled: true,
|
|
3632
|
+
name: "offset",
|
|
3633
|
+
options: {
|
|
3634
|
+
offset: [0, (_a = theme.app) === null || _a === void 0 ? void 0 : _a.spacing.s],
|
|
3635
|
+
},
|
|
3564
3636
|
},
|
|
3565
|
-
},
|
|
3566
|
-
|
|
3567
|
-
}
|
|
3568
|
-
|
|
3637
|
+
] }, popperProps)));
|
|
3638
|
+
}, []);
|
|
3639
|
+
}
|
|
3640
|
+
function defaultRenderInput(params) {
|
|
3641
|
+
return (jsx(InputBaseWrapper$1, { search: search, children: jsx(StyledMenuInputSearch$1, __assign({ id: "location-search", label: label, placeholder: label, ref: params.InputProps.ref, search: search,
|
|
3569
3642
|
// (masoudmanson): This prevents Backspace from deselecting selected dropdown options.
|
|
3570
3643
|
onKeyDown: function (event) {
|
|
3571
3644
|
if (event.key === "Backspace") {
|
|
@@ -3580,31 +3653,35 @@ var Autocomplete = function (props) {
|
|
|
3580
3653
|
sdsType: "iconButton",
|
|
3581
3654
|
}, sdsIcon: "xMark" })), jsx(ButtonIcon, { "aria-label": "search-button", sdsType: "secondary", sdsSize: "small", sdsIconProps: {
|
|
3582
3655
|
sdsType: "interactive",
|
|
3583
|
-
}, sdsIcon: "search" })] })), inputProps: params.inputProps }) }, InputBaseProps)) }));
|
|
3584
|
-
|
|
3656
|
+
}, sdsIcon: "search" })] })), inputProps: params.inputProps }) }, InputBaseProps)) }));
|
|
3657
|
+
}
|
|
3658
|
+
function defaultOnBlur(event) {
|
|
3659
|
+
var _a;
|
|
3660
|
+
if (clearOnBlur)
|
|
3585
3661
|
setInputValue("");
|
|
3586
|
-
|
|
3587
|
-
|
|
3588
|
-
|
|
3589
|
-
|
|
3590
|
-
|
|
3591
|
-
|
|
3592
|
-
else {
|
|
3593
|
-
setInputValue("");
|
|
3594
|
-
}
|
|
3662
|
+
(_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
|
|
3663
|
+
}
|
|
3664
|
+
function defaultOnInputChange(event, value, reason) {
|
|
3665
|
+
if (!multiple) {
|
|
3666
|
+
if (reason === "input") {
|
|
3667
|
+
setInputValue(value);
|
|
3595
3668
|
}
|
|
3596
3669
|
else {
|
|
3597
|
-
|
|
3598
|
-
setInputValue("");
|
|
3599
|
-
}
|
|
3600
|
-
else if (reason === "input" ||
|
|
3601
|
-
(reason === "reset" && !keepSearchOnSelect)) {
|
|
3602
|
-
setInputValue(value);
|
|
3603
|
-
}
|
|
3670
|
+
setInputValue("");
|
|
3604
3671
|
}
|
|
3605
|
-
|
|
3606
|
-
|
|
3607
|
-
|
|
3672
|
+
}
|
|
3673
|
+
else {
|
|
3674
|
+
if (reason === "clear") {
|
|
3675
|
+
setInputValue("");
|
|
3676
|
+
}
|
|
3677
|
+
else if (reason === "input" ||
|
|
3678
|
+
(reason === "reset" && !keepSearchOnSelect)) {
|
|
3679
|
+
setInputValue(value);
|
|
3680
|
+
}
|
|
3681
|
+
}
|
|
3682
|
+
if (onInputChange)
|
|
3683
|
+
onInputChange(event, value, reason);
|
|
3684
|
+
}
|
|
3608
3685
|
function clearInput() {
|
|
3609
3686
|
setInputValue("");
|
|
3610
3687
|
/**
|
|
@@ -3640,6 +3717,206 @@ var Autocomplete = function (props) {
|
|
|
3640
3717
|
}
|
|
3641
3718
|
};
|
|
3642
3719
|
|
|
3720
|
+
var StyledColumn = styled("div")(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
3721
|
+
var _a = props.width, width = _a === void 0 ? 280 : _a;
|
|
3722
|
+
var colors = getColors(props);
|
|
3723
|
+
var spacings = getSpaces(props);
|
|
3724
|
+
return "\n position: relative;\n width: ".concat(width, "px;\n\n &:not(:last-child) {\n border-right: solid 1px ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[200], ";\n margin-right: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n }\n\n // (masoudmanson): This code hides the relation icon of the last column\n &:last-of-type {\n .SdsAutocompleteMultiColumn-column-relation-icon {\n display: none;\n }\n }\n ");
|
|
3725
|
+
});
|
|
3726
|
+
var StyledColumnTitle = styled("p")(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontCapsXxxs, function (props) {
|
|
3727
|
+
var spacings = getSpaces(props);
|
|
3728
|
+
var colors = getColors(props);
|
|
3729
|
+
var typography = getTypography(props);
|
|
3730
|
+
return "\n font-family: ".concat(typography === null || typography === void 0 ? void 0 : typography.fontFamily, ";\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n padding: 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px;\n margin: 0;\n ");
|
|
3731
|
+
});
|
|
3732
|
+
var StyledColumnIcon = styled("span")(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
3733
|
+
var spacings = getSpaces(props);
|
|
3734
|
+
var colors = getColors(props);
|
|
3735
|
+
var iconSizes = getIconSizes(props);
|
|
3736
|
+
return "\n background-color: white;\n position: absolute;\n right: -".concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px;\n top: -2px;\n padding-bottom: 2px;\n\n svg {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs.width, "px;\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.xs.height, "px;\n }\n ");
|
|
3737
|
+
});
|
|
3738
|
+
var templateObject_1$K, templateObject_2$s, templateObject_3$j;
|
|
3739
|
+
|
|
3740
|
+
var AutocompleteGroup = function (props) {
|
|
3741
|
+
var autocompleteProps = props.autocompleteProps, onValueChange = props.onValueChange, propValue = props.value, multiple = props.multiple, label = props.label, InputBaseProps = props.InputBaseProps, popperOpen = props.popperOpen, inputValue = props.inputValue, PaperComponent = props.PaperComponent, rest = __rest(props, ["autocompleteProps", "onValueChange", "value", "multiple", "label", "InputBaseProps", "popperOpen", "inputValue", "PaperComponent"]);
|
|
3742
|
+
var name = autocompleteProps.name, width = autocompleteProps.width, icon = autocompleteProps.icon, propProps = autocompleteProps.props;
|
|
3743
|
+
var _a = useState(getInitialValue(multiple, propValue)), value = _a[0], setValue = _a[1];
|
|
3744
|
+
var _b = useState(getInitialValue(multiple, propValue)), pendingValue = _b[0], setPendingValue = _b[1];
|
|
3745
|
+
useEffect(function () {
|
|
3746
|
+
if (propValue !== undefined) {
|
|
3747
|
+
setValue(propValue);
|
|
3748
|
+
}
|
|
3749
|
+
}, [propValue]);
|
|
3750
|
+
var handleChange = useCallback(function (event, newValue, reason, details) {
|
|
3751
|
+
var _a;
|
|
3752
|
+
(_a = propProps === null || propProps === void 0 ? void 0 : propProps.onChange) === null || _a === void 0 ? void 0 : _a.call(propProps, event, newValue, reason, details);
|
|
3753
|
+
onValueChange(name, event, newValue, reason, details);
|
|
3754
|
+
if (multiple) {
|
|
3755
|
+
setPendingValue(newValue);
|
|
3756
|
+
}
|
|
3757
|
+
else {
|
|
3758
|
+
if (newValue &&
|
|
3759
|
+
!Array.isArray(newValue) &&
|
|
3760
|
+
Object.prototype.hasOwnProperty.call(newValue, "name")) {
|
|
3761
|
+
setValue(newValue);
|
|
3762
|
+
}
|
|
3763
|
+
}
|
|
3764
|
+
}, [name, multiple, onValueChange, propProps]);
|
|
3765
|
+
return (jsxs(StyledColumn, { width: width, className: "SdsAutocompleteMultiColumn-column-root", children: [icon && (jsx(StyledColumnIcon, { className: "SdsAutocompleteMultiColumn-column-relation-icon", children: icon })), jsx(StyledColumnTitle, { className: "SdsAutocompleteMultiColumn-column-title", children: name }), jsx(AutocompleteBase, __assign({ label: label, InputBaseProps: InputBaseProps, open: popperOpen, multiple: multiple, inputValue: inputValue, options: autocompleteProps.options, onChange: handleChange, value: multiple ? pendingValue : value, search: false, PaperComponent: PaperComponent }, rest, autocompleteProps.props, {
|
|
3766
|
+
// (masoudmanson): groupBy option is disabled on MultiColumn dropdowns
|
|
3767
|
+
groupBy: undefined }))] }));
|
|
3768
|
+
function getInitialValue(isMultiple, customValue) {
|
|
3769
|
+
if (customValue !== undefined) {
|
|
3770
|
+
return customValue;
|
|
3771
|
+
}
|
|
3772
|
+
return isMultiple
|
|
3773
|
+
? []
|
|
3774
|
+
: null;
|
|
3775
|
+
}
|
|
3776
|
+
};
|
|
3777
|
+
|
|
3778
|
+
var doNotForwardProps$k = [
|
|
3779
|
+
"anchorEl",
|
|
3780
|
+
"count",
|
|
3781
|
+
"keepSearchOnSelect",
|
|
3782
|
+
"search",
|
|
3783
|
+
"InputBaseProps",
|
|
3784
|
+
"title",
|
|
3785
|
+
"PopperBaseProps",
|
|
3786
|
+
"onClickAway",
|
|
3787
|
+
"ClickAwayListenerProps",
|
|
3788
|
+
];
|
|
3789
|
+
var StyledPopper$2 = styled(Popper, {
|
|
3790
|
+
shouldForwardProp: function (prop) {
|
|
3791
|
+
return !doNotForwardProps$k.includes(prop) || prop === "anchorEl";
|
|
3792
|
+
},
|
|
3793
|
+
})(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
3794
|
+
var borders = getBorders(props);
|
|
3795
|
+
var corners = getCorners(props);
|
|
3796
|
+
var shadows = getShadows(props);
|
|
3797
|
+
var spacings = getSpaces(props);
|
|
3798
|
+
return "\n background-color: white;\n border: ".concat(borders === null || borders === void 0 ? void 0 : borders.gray[100], ";\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.m, "px;\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.m, ";\n padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px;\n box-sizing: border-box;\n z-index: 1400;\n\n .").concat(autocompleteClasses.popper, ".").concat(autocompleteClasses.popperDisablePortal, " {\n position: relative !important;\n transform: none !important;\n \n .MuiPaper-root .").concat(autocompleteClasses.listbox, " {\n padding: 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px 0 0;\n }\n }\n ");
|
|
3799
|
+
});
|
|
3800
|
+
var StyledPaper$2 = styled(Paper, {
|
|
3801
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$k.includes(prop); },
|
|
3802
|
+
})(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n box-shadow: none;\n margin: 0;\n border-radius: 0;\n padding-top: 0;\n padding-bottom: 0;\n"], ["\n box-shadow: none;\n margin: 0;\n border-radius: 0;\n padding-top: 0;\n padding-bottom: 0;\n"])));
|
|
3803
|
+
var StyledAutocompleteGroupWrapper = styled("div")(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
3804
|
+
var StyledAutocompleteInput = styled(InputSearch, {
|
|
3805
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$k.includes(prop); },
|
|
3806
|
+
})(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n ", "\n\n margin: 0;\n .MuiInputBase-root {\n width: 100%;\n }\n /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n caret-color: ", ";\n"], ["\n ", "\n\n margin: 0;\n .MuiInputBase-root {\n width: 100%;\n }\n /* (thuang): Works with attribute inputMode: \"none\" to hide mobile keyboard */\n caret-color: ", ";\n"])), function (_a) {
|
|
3807
|
+
var search = _a.search;
|
|
3808
|
+
return !search && "height: 0; display: none;";
|
|
3809
|
+
}, function (_a) {
|
|
3810
|
+
var search = _a.search;
|
|
3811
|
+
return (search ? "auto" : "transparent");
|
|
3812
|
+
});
|
|
3813
|
+
var templateObject_1$J, templateObject_2$r, templateObject_3$i, templateObject_4$e;
|
|
3814
|
+
|
|
3815
|
+
var AutocompleteMultiColumn = function (props) {
|
|
3816
|
+
var _a;
|
|
3817
|
+
var InputBaseProps = props.InputBaseProps, _b = props.open, open = _b === void 0 ? false : _b, _c = props.PopperPlacement, PopperPlacement = _c === void 0 ? "bottom-start" : _c, PopperBaseProps = props.PopperBaseProps, _d = props.search, search = _d === void 0 ? false : _d, _e = props.label, label = _e === void 0 ? "Search" : _e, _f = props.onClickAway, onClickAway = _f === void 0 ? defaultOnClickAway : _f, ClickAwayListenerProps = props.ClickAwayListenerProps, options = props.options, onInputChange = props.onInputChange, onBlur = props.onBlur, multiple = props.multiple, parentInitialValue = props.value, onChange = props.onChange, _g = props.PopperComponent, PopperComponent = _g === void 0 ? StyledPopper$2 : _g, rest = __rest(props, ["InputBaseProps", "open", "PopperPlacement", "PopperBaseProps", "search", "label", "onClickAway", "ClickAwayListenerProps", "options", "onInputChange", "onBlur", "multiple", "value", "onChange", "PopperComponent"]);
|
|
3818
|
+
var theme = useTheme();
|
|
3819
|
+
var _h = useState(""), inputValue = _h[0], setInputValue = _h[1];
|
|
3820
|
+
var _j = useState(open), popperOpen = _j[0], setPopperOpen = _j[1];
|
|
3821
|
+
var anchorRef = useRef(null);
|
|
3822
|
+
var _k = React__default.useState(null), anchorEl = _k[0], setAnchorEl = _k[1];
|
|
3823
|
+
useEffect(function () {
|
|
3824
|
+
setAnchorEl(anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current);
|
|
3825
|
+
}, [anchorRef]);
|
|
3826
|
+
var _l = useState({}), autocompleteMultiColumnValue = _l[0], setAutocompleteMultiColumnValue = _l[1];
|
|
3827
|
+
useEffect(function () {
|
|
3828
|
+
if (parentInitialValue !== undefined) {
|
|
3829
|
+
setAutocompleteMultiColumnValue(parentInitialValue);
|
|
3830
|
+
}
|
|
3831
|
+
}, [options, parentInitialValue]);
|
|
3832
|
+
var defaultOnValueChange = function (column, event, val, reason, details) {
|
|
3833
|
+
var _a;
|
|
3834
|
+
setAutocompleteMultiColumnValue(function (prev) {
|
|
3835
|
+
var _a;
|
|
3836
|
+
return __assign(__assign({}, prev), (_a = {}, _a[column] = val, _a));
|
|
3837
|
+
});
|
|
3838
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(event, __assign(__assign({}, autocompleteMultiColumnValue), (_a = {}, _a[column] = val, _a)), reason, details);
|
|
3839
|
+
};
|
|
3840
|
+
return (jsx(ClickAwayListener, __assign({ onClickAway: onClickAway }, ClickAwayListenerProps, { children: jsxs("div", { children: [jsx(StyledAutocompleteInput, __assign({ id: "location-search", label: label, placeholder: label, value: inputValue, onChange: handleInputChange, onClick: handleInputClick, onBlur: handleInputBlur, ref: anchorRef, search: search, onKeyDown: handleInputKeyDown, InputProps: __assign(__assign({}, InputBaseProps === null || InputBaseProps === void 0 ? void 0 : InputBaseProps.ref), { endAdornment: (jsxs(StyledInputAdornment, { position: "end", children: [inputValue && (jsx(ButtonIcon, { "aria-label": "clear-button", className: "input-search-clear-icon", sdsType: "primary", sdsSize: "small", sdsIconProps: {
|
|
3841
|
+
sdsType: "iconButton",
|
|
3842
|
+
}, sdsIcon: "xMark", onClick: clearInput })), jsx(ButtonIcon, { "aria-label": "search-button", sdsType: "secondary", sdsSize: "small", sdsIconProps: {
|
|
3843
|
+
sdsType: "interactive",
|
|
3844
|
+
}, sdsIcon: "search" })] })),
|
|
3845
|
+
/**
|
|
3846
|
+
* (thuang): Works with css caret-color: "transparent" to hide
|
|
3847
|
+
* mobile keyboard
|
|
3848
|
+
*/
|
|
3849
|
+
inputMode: "text" }) }, InputBaseProps)), anchorEl && (jsx(PopperComponent, __assign({ modifiers: [
|
|
3850
|
+
{
|
|
3851
|
+
name: "offset",
|
|
3852
|
+
options: {
|
|
3853
|
+
offset: [0, (_a = theme.app) === null || _a === void 0 ? void 0 : _a.spacing.s],
|
|
3854
|
+
},
|
|
3855
|
+
},
|
|
3856
|
+
], open: popperOpen, anchorEl: anchorEl, placement: PopperPlacement, disablePortal: true }, PopperBaseProps, { children: jsx(StyledAutocompleteGroupWrapper, { className: "SdsAutocompleteMultiColumn-wrapper", children: options.map(function (autocompleteOptions) { return (jsx(AutocompleteGroup, __assign({ autocompleteProps: autocompleteOptions, onValueChange: defaultOnValueChange, value: autocompleteMultiColumnValue
|
|
3857
|
+
? autocompleteMultiColumnValue[autocompleteOptions.name]
|
|
3858
|
+
: undefined, multiple: multiple, label: label, InputBaseProps: InputBaseProps, popperOpen: popperOpen, inputValue: inputValue, PaperComponent: StyledPaper$2 }, rest), autocompleteOptions.name)); }) }) })))] }) })));
|
|
3859
|
+
function clearInput() {
|
|
3860
|
+
setInputValue("");
|
|
3861
|
+
/**
|
|
3862
|
+
* (masoudmanson): Because we are manually firing this event,
|
|
3863
|
+
* we must build a onChange event to transmit the updated value to onChange listeners.
|
|
3864
|
+
*/
|
|
3865
|
+
onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange({ target: { value: "" } }, "", "clear");
|
|
3866
|
+
}
|
|
3867
|
+
function handleInputClick(_) {
|
|
3868
|
+
if (popperOpen) {
|
|
3869
|
+
setPopperOpen(false);
|
|
3870
|
+
}
|
|
3871
|
+
else {
|
|
3872
|
+
setPopperOpen(true);
|
|
3873
|
+
}
|
|
3874
|
+
}
|
|
3875
|
+
function handleInputChange(event) {
|
|
3876
|
+
setInputValue(event.target.value);
|
|
3877
|
+
if (onInputChange) {
|
|
3878
|
+
if (event.target.value === "") {
|
|
3879
|
+
onInputChange(event, "", "clear");
|
|
3880
|
+
}
|
|
3881
|
+
else {
|
|
3882
|
+
onInputChange(event, event.target.value, "input");
|
|
3883
|
+
}
|
|
3884
|
+
}
|
|
3885
|
+
}
|
|
3886
|
+
function handleInputBlur(event) {
|
|
3887
|
+
if (props.clearOnBlur)
|
|
3888
|
+
setInputValue("");
|
|
3889
|
+
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
3890
|
+
}
|
|
3891
|
+
function defaultOnClickAway() {
|
|
3892
|
+
setPopperOpen(false);
|
|
3893
|
+
}
|
|
3894
|
+
function handleInputKeyDown(event) {
|
|
3895
|
+
// (masoudmanson): This prevents Backspace from deselecting selected dropdown options.
|
|
3896
|
+
if (event.key === "Backspace") {
|
|
3897
|
+
event.stopPropagation();
|
|
3898
|
+
}
|
|
3899
|
+
}
|
|
3900
|
+
};
|
|
3901
|
+
|
|
3902
|
+
var Autocomplete = function (props) {
|
|
3903
|
+
var options = props.options, value = props.value, onChange = props.onChange, rest = __rest(props, ["options", "value", "onChange"]);
|
|
3904
|
+
// Multi-column options
|
|
3905
|
+
if (options && !!options[0] && "options" in options[0]) {
|
|
3906
|
+
if (options.length > 1) {
|
|
3907
|
+
return (jsx(AutocompleteMultiColumn, __assign({ options: options, value: value, onChange: onChange }, rest, {
|
|
3908
|
+
// (masoudmanson): groupBy option is disabled on MultiColumn dropdowns
|
|
3909
|
+
groupBy: undefined, open: true })));
|
|
3910
|
+
}
|
|
3911
|
+
else {
|
|
3912
|
+
return (jsx(AutocompleteBase, __assign({ options: options[0].options, value: value, onChange: onChange }, rest)));
|
|
3913
|
+
}
|
|
3914
|
+
}
|
|
3915
|
+
else {
|
|
3916
|
+
return (jsx(AutocompleteBase, __assign({ options: options, onChange: onChange, value: value }, rest)));
|
|
3917
|
+
}
|
|
3918
|
+
};
|
|
3919
|
+
|
|
3643
3920
|
var Centered = styled("div")(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n flex: 1 1 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n"], ["\n flex: 1 1 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
|
|
3644
3921
|
var IconWrapper$1 = styled("div")(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
3645
3922
|
var iconSizes = getIconSizes(props);
|
|
@@ -3673,9 +3950,9 @@ var secondary$1 = function (props) {
|
|
|
3673
3950
|
var colors = getColors(props);
|
|
3674
3951
|
return "\n background-color: ".concat(colors === null || colors === void 0 ? void 0 : colors.info[100], ";\n color: black;\n ");
|
|
3675
3952
|
};
|
|
3676
|
-
var doNotForwardProps$
|
|
3953
|
+
var doNotForwardProps$j = ["sdsType", "textChild"];
|
|
3677
3954
|
var StyledBanner = styled("div", {
|
|
3678
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
3955
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$j.includes(prop); },
|
|
3679
3956
|
})(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n display: flex;\n align-items: center;\n height: 40px;\n width: 100%;\n\n ", "\n\n ", "\n"], ["\n display: flex;\n align-items: center;\n height: 40px;\n width: 100%;\n\n ", "\n\n ", "\n"])), fontBodyS$2, function (props) {
|
|
3680
3957
|
var sdsType = props.sdsType;
|
|
3681
3958
|
var typography = getTypography(props);
|
|
@@ -3702,7 +3979,7 @@ var Banner = forwardRef(function Banner(props, ref) {
|
|
|
3702
3979
|
var sdsPropNames$3 = ["isAllCaps", "isRounded", "sdsStyle", "sdsType"];
|
|
3703
3980
|
var ButtonBase = styled(Button$1, {
|
|
3704
3981
|
shouldForwardProp: function (prop) { return !sdsPropNames$3.includes(prop); },
|
|
3705
|
-
})(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n box-shadow: none;\n ", "\n"], ["\n box-shadow: none;\n ", "\n"])), function (props) {
|
|
3982
|
+
})(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n box-shadow: none;\n ", "\n ", "\n"], ["\n box-shadow: none;\n ", "\n ", "\n"])), focusVisibleA11yStyle, function (props) {
|
|
3706
3983
|
var variant = props.variant;
|
|
3707
3984
|
var colors = getColors(props);
|
|
3708
3985
|
var spacings = getSpaces(props);
|
|
@@ -3711,7 +3988,7 @@ var ButtonBase = styled(Button$1, {
|
|
|
3711
3988
|
var outlinedPadding = "".concat(((spacings === null || spacings === void 0 ? void 0 : spacings.xs) || 0) - 1, "px ").concat(((spacings === null || spacings === void 0 ? void 0 : spacings.l) || 0) - 1, "px");
|
|
3712
3989
|
var padding = variant === "outlined" ? outlinedPadding : containedPadding;
|
|
3713
3990
|
var outlineBorder = variant === "outlined" ? "border-color: ".concat(colors === null || colors === void 0 ? void 0 : colors.primary[400], ";") : "";
|
|
3714
|
-
return "\n ".concat(outlineBorder, "\n padding: ").concat(padding, ";\n min-width: 120px;\n height: 34px;\n &:hover {\n color: white;\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[500], ";\n box-shadow: none;\n }\n &:
|
|
3991
|
+
return "\n ".concat(outlineBorder, "\n padding: ").concat(padding, ";\n min-width: 120px;\n height: 34px;\n &:hover {\n color: white;\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[500], ";\n box-shadow: none;\n }\n &:active {\n color: white;\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[600], ";\n box-shadow: none;\n }\n &:disabled {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[400], ";\n background-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[300], ";\n border-color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[300], ";\n }\n .MuiButton-startIcon {\n margin-right: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n }\n .MuiButton-endIcon {\n margin-left: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n }\n ");
|
|
3715
3992
|
});
|
|
3716
3993
|
var RoundedButton = styled(ButtonBase, {
|
|
3717
3994
|
shouldForwardProp: function (prop) { return !sdsPropNames$3.includes(prop); },
|
|
@@ -3722,7 +3999,7 @@ var RoundedButton = styled(ButtonBase, {
|
|
|
3722
3999
|
var SquareButton = ButtonBase;
|
|
3723
4000
|
var MinimalButton = styled(Button$1, {
|
|
3724
4001
|
shouldForwardProp: function (prop) { return !sdsPropNames$3.includes(prop); },
|
|
3725
|
-
})(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n ", "\n\n ", "\n &:hover, &:focus-visible {\n background-color: transparent;\n }\n
|
|
4002
|
+
})(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n ", "\n\n ", "\n\n ", "\n &:hover, &:focus-visible {\n background-color: transparent;\n }\n"], ["\n ", "\n\n ", "\n\n ", "\n &:hover, &:focus-visible {\n background-color: transparent;\n }\n"])), focusVisibleA11yStyle, function (props) {
|
|
3726
4003
|
var spacings = getSpaces(props);
|
|
3727
4004
|
return "\n padding: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px 0;\n ");
|
|
3728
4005
|
}, function (props) {
|
|
@@ -3740,7 +4017,7 @@ var PrimaryMinimalButton = styled(MinimalButton)(templateObject_4$c || (template
|
|
|
3740
4017
|
var SecondaryMinimalButton = styled(MinimalButton)(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n ", "\n color: #000;\n"], ["\n ", "\n color: #000;\n"])), minimal$2);
|
|
3741
4018
|
var StyledButton$1 = styled(Button$1, {
|
|
3742
4019
|
shouldForwardProp: function (prop) { return !sdsPropNames$3.includes(prop); },
|
|
3743
|
-
})(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n
|
|
4020
|
+
})(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), focusVisibleA11yStyle, function (props) {
|
|
3744
4021
|
if (!props.isRounded)
|
|
3745
4022
|
return "";
|
|
3746
4023
|
var corners = getCorners(props);
|
|
@@ -3794,9 +4071,9 @@ var ButtonDropdown = React__default.forwardRef(function (props, ref) {
|
|
|
3794
4071
|
});
|
|
3795
4072
|
|
|
3796
4073
|
var fontBodyXs$3 = fontBody("xs");
|
|
3797
|
-
var doNotForwardProps$
|
|
4074
|
+
var doNotForwardProps$i = ["calloutTitle", "collapsed"];
|
|
3798
4075
|
var StyledCallout = styled(Alert$2, {
|
|
3799
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4076
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$i.includes(prop); },
|
|
3800
4077
|
})(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyXs$3, function (props) {
|
|
3801
4078
|
var colors = getColors(props);
|
|
3802
4079
|
var spacings = getSpaces(props);
|
|
@@ -3974,7 +4251,7 @@ function mergeClass$1(_a) {
|
|
|
3974
4251
|
return propClassName ? "".concat(propClassName, " ").concat(className) : className;
|
|
3975
4252
|
}
|
|
3976
4253
|
|
|
3977
|
-
var doNotForwardProps$
|
|
4254
|
+
var doNotForwardProps$h = [
|
|
3978
4255
|
"icon",
|
|
3979
4256
|
"iconVerticalAlign",
|
|
3980
4257
|
"horizontalAlign",
|
|
@@ -4000,7 +4277,7 @@ var verticalAlignToFlexMap = {
|
|
|
4000
4277
|
top: "flex-start",
|
|
4001
4278
|
};
|
|
4002
4279
|
var StyledTableData = styled("td", {
|
|
4003
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4280
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$h.includes(prop); },
|
|
4004
4281
|
})(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4005
4282
|
var _a = props.horizontalAlign, horizontalAlign = _a === void 0 ? "left" : _a, _b = props.verticalAlign, verticalAlign = _b === void 0 ? "top" : _b;
|
|
4006
4283
|
var spacings = getSpaces(props);
|
|
@@ -4016,14 +4293,14 @@ var ShouldTruncate = function () {
|
|
|
4016
4293
|
var StyledCellContent = styled("div")(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
4017
4294
|
var StyledCellContentWrapper = styled("div")(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
4018
4295
|
var StyledCellIconWrapper = styled("div", {
|
|
4019
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4296
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$h.includes(prop); },
|
|
4020
4297
|
})(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4021
4298
|
var _a = props.iconVerticalAlign, iconVerticalAlign = _a === void 0 ? "top" : _a;
|
|
4022
4299
|
var spacings = getSpaces(props);
|
|
4023
4300
|
return "\n padding-right: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px;\n display: flex;\n flex-direction: column;\n justify-content: ").concat(verticalAlignToFlexMap[iconVerticalAlign], ";\n ");
|
|
4024
4301
|
});
|
|
4025
4302
|
var PrimaryText = styled("span", {
|
|
4026
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4303
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$h.includes(prop); },
|
|
4027
4304
|
})(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$2, function (props) {
|
|
4028
4305
|
var _a = props.primaryTextWrapLineCount, primaryTextWrapLineCount = _a === void 0 ? 3 : _a;
|
|
4029
4306
|
return "\n display: block;\n line-height: 20px;\n ".concat(props.shouldTextWrap
|
|
@@ -4031,7 +4308,7 @@ var PrimaryText = styled("span", {
|
|
|
4031
4308
|
: ShouldTruncate(), "\n ");
|
|
4032
4309
|
});
|
|
4033
4310
|
var SecondaryText = styled("span", {
|
|
4034
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4311
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$h.includes(prop); },
|
|
4035
4312
|
})(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
4036
4313
|
var _a = props.secondaryTextWrapLineCount, secondaryTextWrapLineCount = _a === void 0 ? 1 : _a;
|
|
4037
4314
|
var colors = getColors(props);
|
|
@@ -4041,7 +4318,7 @@ var SecondaryText = styled("span", {
|
|
|
4041
4318
|
: ShouldTruncate(), "\n ");
|
|
4042
4319
|
});
|
|
4043
4320
|
var TertiaryText = styled("span", {
|
|
4044
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4321
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$h.includes(prop); },
|
|
4045
4322
|
})(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
4046
4323
|
var _a = props.tertiaryTextWrapLineCount, tertiaryTextWrapLineCount = _a === void 0 ? 1 : _a;
|
|
4047
4324
|
var colors = getColors(props);
|
|
@@ -4064,9 +4341,9 @@ var CellBasic = forwardRef(function (props, ref) {
|
|
|
4064
4341
|
return (jsx(StyledTableData, __assign({ ref: ref }, props, { children: jsx(CellBasicContent, __assign({}, props)) })));
|
|
4065
4342
|
});
|
|
4066
4343
|
|
|
4067
|
-
var doNotForwardProps$
|
|
4344
|
+
var doNotForwardProps$g = ["horizontalAlign", "verticalAlign"];
|
|
4068
4345
|
var StyledCellComponentData = styled("td", {
|
|
4069
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4346
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$g.includes(prop); },
|
|
4070
4347
|
})(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontBodyS$2, function (props) {
|
|
4071
4348
|
var spacings = getSpaces(props);
|
|
4072
4349
|
var _a = props.horizontalAlign, horizontalAlign = _a === void 0 ? "left" : _a, _b = props.verticalAlign, verticalAlign = _b === void 0 ? "top" : _b;
|
|
@@ -4074,13 +4351,13 @@ var StyledCellComponentData = styled("td", {
|
|
|
4074
4351
|
return "\n font-family: ".concat(typography === null || typography === void 0 ? void 0 : typography.fontFamily, ";\n align-items: center;\n text-align: ").concat(horizontalAlign, ";\n vertical-align: ").concat(verticalAlign, ";\n overflow: hidden;\n padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px;\n ");
|
|
4075
4352
|
});
|
|
4076
4353
|
styled("span", {
|
|
4077
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4354
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$g.includes(prop); },
|
|
4078
4355
|
})(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontHeaderS, function (props) {
|
|
4079
4356
|
var typography = getTypography(props);
|
|
4080
4357
|
return "\n line-height: 24px;\n font-family: ".concat(typography === null || typography === void 0 ? void 0 : typography.fontFamily, ";\n display: block;\n \n ");
|
|
4081
4358
|
});
|
|
4082
4359
|
styled("span", {
|
|
4083
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4360
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$g.includes(prop); },
|
|
4084
4361
|
})(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), fontBodyXxs$1, function (props) {
|
|
4085
4362
|
var typography = getTypography(props);
|
|
4086
4363
|
var colors = getColors(props);
|
|
@@ -4098,7 +4375,7 @@ var contentPositionMapping = {
|
|
|
4098
4375
|
left: "flex-start",
|
|
4099
4376
|
right: "flex-end",
|
|
4100
4377
|
};
|
|
4101
|
-
var doNotForwardProps$
|
|
4378
|
+
var doNotForwardProps$f = [
|
|
4102
4379
|
"active",
|
|
4103
4380
|
"horizontalAlign",
|
|
4104
4381
|
"shouldShowTooltipOnHover",
|
|
@@ -4107,7 +4384,7 @@ var doNotForwardProps$e = [
|
|
|
4107
4384
|
"hideSortIcon",
|
|
4108
4385
|
];
|
|
4109
4386
|
var StyledSortingIcon = styled(ButtonIcon, {
|
|
4110
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4387
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$f.includes(prop); },
|
|
4111
4388
|
})(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4112
4389
|
var _a = props.active, active = _a === void 0 ? false : _a;
|
|
4113
4390
|
var spacings = getSpaces(props);
|
|
@@ -4115,7 +4392,7 @@ var StyledSortingIcon = styled(ButtonIcon, {
|
|
|
4115
4392
|
return "\n margin-left: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px;\n margin-bottom: 2px;\n color: ").concat(active ? colors === null || colors === void 0 ? void 0 : colors.primary[400] : colors === null || colors === void 0 ? void 0 : colors.gray[400], ";\n opacity: ").concat(active ? 1 : 0, ";\n outline: none !important;\n ");
|
|
4116
4393
|
});
|
|
4117
4394
|
var StyledTableHeader$1 = styled("th", {
|
|
4118
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4395
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$f.includes(prop); },
|
|
4119
4396
|
})(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontHeaderS, function (props) {
|
|
4120
4397
|
var _a = props.active, active = _a === void 0 ? false : _a, _b = props.horizontalAlign, horizontalAlign = _b === void 0 ? "left" : _b;
|
|
4121
4398
|
var spacings = getSpaces(props);
|
|
@@ -4124,7 +4401,7 @@ var StyledTableHeader$1 = styled("th", {
|
|
|
4124
4401
|
return "\n color: ".concat(active ? colors === null || colors === void 0 ? void 0 : colors.primary[400] : colors === null || colors === void 0 ? void 0 : colors.gray[600], ";\n font-family: ").concat(typography === null || typography === void 0 ? void 0 : typography.fontFamily, ";\n padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.s, "px;\n text-align: ").concat(horizontalAlign, ";\n min-width: 96px;\n width: 96px;\n cursor: pointer;\n vertical-align: bottom;\n\n & .MuiButtonBase-root {\n outline: none;\n }\n\n &:hover {\n color: ").concat(active ? colors === null || colors === void 0 ? void 0 : colors.primary[500] : "black", ";\n\n & .MuiButtonBase-root {\n color: ").concat(active ? colors === null || colors === void 0 ? void 0 : colors.primary[500] : colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n opacity: 1;\n }\n }\n ");
|
|
4125
4402
|
});
|
|
4126
4403
|
var StyledCellHeaderContainer = styled("div", {
|
|
4127
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4404
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$f.includes(prop); },
|
|
4128
4405
|
})(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4129
4406
|
var _a = props.horizontalAlign, horizontalAlign = _a === void 0 ? "left" : _a;
|
|
4130
4407
|
return "\n align-items: flex-end;\n width: 100%;\n display: flex;\n justify-content: ".concat(horizontalAlign ? contentPositionMapping[horizontalAlign] : "flex-start", ";\n ");
|
|
@@ -4223,9 +4500,9 @@ var statusToCss = {
|
|
|
4223
4500
|
success: success,
|
|
4224
4501
|
warning: warning$2,
|
|
4225
4502
|
};
|
|
4226
|
-
var doNotForwardProps$
|
|
4503
|
+
var doNotForwardProps$e = ["isRounded"];
|
|
4227
4504
|
var StyledChip = styled(Chip$1, {
|
|
4228
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4505
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$e.includes(prop); },
|
|
4229
4506
|
})(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["\n border: none;\n\n ", "\n"], ["\n border: none;\n\n ", "\n"])), function (props) {
|
|
4230
4507
|
var size = props.size, status = props.status, isRounded = props.isRounded;
|
|
4231
4508
|
return css(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), isRounded && rounded$2(props), !isRounded && square$2(props), size === "small" && small(props), size === "medium" && medium(props), status && statusToCss[status](props));
|
|
@@ -4244,7 +4521,7 @@ var Chip = function (props) {
|
|
|
4244
4521
|
return jsx(StyledChip, __assign({}, props));
|
|
4245
4522
|
};
|
|
4246
4523
|
|
|
4247
|
-
var doNotForwardProps$
|
|
4524
|
+
var doNotForwardProps$d = [
|
|
4248
4525
|
"anchorEl",
|
|
4249
4526
|
"count",
|
|
4250
4527
|
"keepSearchOnSelect",
|
|
@@ -4254,63 +4531,70 @@ var doNotForwardProps$c = [
|
|
|
4254
4531
|
"PopperBaseProps",
|
|
4255
4532
|
"onClickAway",
|
|
4256
4533
|
"ClickAwayListenerProps",
|
|
4534
|
+
"forceOpen",
|
|
4535
|
+
"isMultiColumn",
|
|
4257
4536
|
];
|
|
4258
|
-
// export const StyledAutocomplete = styled(Autocomplete, {
|
|
4259
|
-
// shouldForwardProp: (prop: string) => !doNotForwardProps.includes(prop),
|
|
4260
|
-
// })`
|
|
4261
|
-
// ${(props: StyleProps) => {
|
|
4262
|
-
// const spacings = getSpaces(props);
|
|
4263
|
-
// return `
|
|
4264
|
-
// `;
|
|
4265
|
-
// }}
|
|
4266
|
-
// ` as typeof Autocomplete;
|
|
4267
4537
|
var StyledHeaderTitle = styled("div", {
|
|
4268
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4538
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$d.includes(prop); },
|
|
4269
4539
|
})(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), fontHeaderXs, function (props) {
|
|
4270
4540
|
var search = props.search;
|
|
4271
4541
|
var typography = getTypography(props);
|
|
4272
4542
|
var spacings = getSpaces(props);
|
|
4273
|
-
return "\n font-family: ".concat(typography === null || typography === void 0 ? void 0 : typography.fontFamily, ";\n
|
|
4543
|
+
return "\n font-family: ".concat(typography === null || typography === void 0 ? void 0 : typography.fontFamily, ";\n padding-right: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n margin-bottom: ").concat(search ? spacings === null || spacings === void 0 ? void 0 : spacings.s : spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n ");
|
|
4274
4544
|
});
|
|
4545
|
+
var StyledDropdownMenuAutocompleteWrapper = styled("div")(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n & .", ", & .MuiPopper-root {\n position: relative !important;\n transform: none !important;\n width: 100% !important;\n box-shadow: none;\n padding: 0;\n border: none;\n\n .", ", .MuiPaper-root {\n box-shadow: none !important;\n border: none !important;\n border-radius: 0;\n margin: 0;\n padding: 0;\n }\n }\n"], ["\n & .", ", & .MuiPopper-root {\n position: relative !important;\n transform: none !important;\n width: 100% !important;\n box-shadow: none;\n padding: 0;\n border: none;\n\n .", ", .MuiPaper-root {\n box-shadow: none !important;\n border: none !important;\n border-radius: 0;\n margin: 0;\n padding: 0;\n }\n }\n"])), autocompleteClasses.popper, autocompleteClasses.paper);
|
|
4275
4546
|
var StyledPopper = styled(Popper, {
|
|
4276
4547
|
shouldForwardProp: function (prop) {
|
|
4277
|
-
return !doNotForwardProps$
|
|
4548
|
+
return !doNotForwardProps$d.includes(prop) || prop === "anchorEl";
|
|
4278
4549
|
},
|
|
4279
|
-
})(
|
|
4550
|
+
})(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4280
4551
|
var borders = getBorders(props);
|
|
4281
4552
|
var corners = getCorners(props);
|
|
4282
4553
|
var shadows = getShadows(props);
|
|
4283
|
-
|
|
4284
|
-
return "\n background-color: white;\n border: ".concat(borders === null || borders === void 0 ? void 0 : borders.gray[100], ";\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.m, "px;\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.m, ";\n padding: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px;\n box-sizing: border-box;\n z-index: 1400;\n ");
|
|
4554
|
+
return "\n background-color: white;\n border: ".concat(borders === null || borders === void 0 ? void 0 : borders.gray[100], ";\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.m, "px;\n box-shadow: ").concat(shadows === null || shadows === void 0 ? void 0 : shadows.m, ";\n box-sizing: border-box;\n z-index: 1400;\n ");
|
|
4285
4555
|
});
|
|
4286
4556
|
var StyledPaper$1 = styled(Paper, {
|
|
4287
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4288
|
-
})(
|
|
4289
|
-
var title = props.title;
|
|
4557
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$d.includes(prop); },
|
|
4558
|
+
})(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4290
4559
|
var spacings = getSpaces(props);
|
|
4291
|
-
return "\n box-shadow: none;\n
|
|
4560
|
+
return "\n box-shadow: none !important;\n border: none !important;\n border-radius: 0;\n margin: 0;\n padding: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xxs, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px;\n\n .MuiFormControl-root.MuiTextField-root {\n margin-bottom: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n margin-right: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n }\n ");
|
|
4292
4561
|
});
|
|
4293
|
-
var StyledAutocompletePopper = styled(Popper)(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n position: relative !important;\n transform: none !important;\n width: 100% !important;\n box-shadow: none;\n padding: 0;\n border: none;\n"], ["\n position: relative !important;\n transform: none !important;\n width: 100% !important;\n box-shadow: none;\n padding: 0;\n border: none;\n"])));
|
|
4294
4562
|
var templateObject_1$z, templateObject_2$j, templateObject_3$a, templateObject_4$8;
|
|
4295
4563
|
|
|
4564
|
+
// (masoudmanson): Represents the minimum width defined by design specifications
|
|
4565
|
+
// for the dropdownMenu's popper component
|
|
4566
|
+
var MINIMUM_DROPDOWN_MENU_POPPER_WIDTH = 160;
|
|
4567
|
+
var DEFAULT_POPPER_BASE_PROPS = {
|
|
4568
|
+
disablePortal: true,
|
|
4569
|
+
};
|
|
4296
4570
|
var DropdownMenu = function (props) {
|
|
4297
|
-
var
|
|
4298
|
-
|
|
4299
|
-
|
|
4300
|
-
|
|
4301
|
-
|
|
4302
|
-
|
|
4303
|
-
|
|
4304
|
-
|
|
4305
|
-
|
|
4571
|
+
var _a;
|
|
4572
|
+
var theme = useTheme();
|
|
4573
|
+
var anchorEl = props.anchorEl, id = props.id, InputBaseProps = props.InputBaseProps, _b = props.open, open = _b === void 0 ? false : _b, _c = props.PopperComponent, PopperComponent = _c === void 0 ? StyledPopper : _c, _d = props.PaperComponent, PaperComponent = _d === void 0 ? StyledPaper$1 : _d, _e = props.PopperPlacement, PopperPlacement = _e === void 0 ? "bottom-start" : _e, _f = props.PopperBaseProps, PopperBaseProps = _f === void 0 ? {} : _f, _g = props.search, search = _g === void 0 ? false : _g, title = props.title, _h = props.label, label = _h === void 0 ? "Search" : _h, children = props.children, options = props.options, _j = props.onClickAway, onClickAway = _j === void 0 ? noop : _j, ClickAwayListenerProps = props.ClickAwayListenerProps, _k = props.width, width = _k === void 0 ? MINIMUM_DROPDOWN_MENU_POPPER_WIDTH : _k, rest = __rest(props, ["anchorEl", "id", "InputBaseProps", "open", "PopperComponent", "PaperComponent", "PopperPlacement", "PopperBaseProps", "search", "title", "label", "children", "options", "onClickAway", "ClickAwayListenerProps", "width"]);
|
|
4574
|
+
var isMultiColumn = "options" in ((options === null || options === void 0 ? void 0 : options[0]) || EMPTY_OBJECT);
|
|
4575
|
+
// (masoudmanson): The DropdownMenu's Popper component should have a minimum
|
|
4576
|
+
// width of MINIMUM_DROPDOWN_MENU_POPPER_WIDTH pixels if the DropdownMenu is
|
|
4577
|
+
// a single column dropdown.However, for larger multi-column autocompletes,
|
|
4578
|
+
// the width should be set to 'auto' to accommodate the expanded layout.
|
|
4579
|
+
var dropdownMenuPopperSx = useMemo(function () {
|
|
4580
|
+
return __assign(__assign({}, PopperBaseProps === null || PopperBaseProps === void 0 ? void 0 : PopperBaseProps.sx), { width: isMultiColumn || width < MINIMUM_DROPDOWN_MENU_POPPER_WIDTH
|
|
4581
|
+
? "auto"
|
|
4582
|
+
: width });
|
|
4583
|
+
}, [PopperBaseProps === null || PopperBaseProps === void 0 ? void 0 : PopperBaseProps.sx, isMultiColumn, width]);
|
|
4584
|
+
var DefaultInputBaseProps = useMemo(function () {
|
|
4585
|
+
return __assign(__assign({}, InputBaseProps), { onClick: noop });
|
|
4586
|
+
}, [InputBaseProps]);
|
|
4306
4587
|
return (jsx(PopperComponent, __assign({ id: id, modifiers: [
|
|
4307
4588
|
{
|
|
4308
4589
|
name: "offset",
|
|
4309
4590
|
options: {
|
|
4310
|
-
offset: [0,
|
|
4591
|
+
offset: [0, (_a = theme.app) === null || _a === void 0 ? void 0 : _a.spacing.s],
|
|
4311
4592
|
},
|
|
4312
4593
|
},
|
|
4313
|
-
], open: open, anchorEl: anchorEl
|
|
4594
|
+
], open: open, anchorEl: anchorEl, placement: PopperPlacement }, PopperBaseProps, {
|
|
4595
|
+
// (masoudmanson): To override the width of the Popper,
|
|
4596
|
+
// the sx prop's value must be set after spreading the PopperBaseProps.
|
|
4597
|
+
sx: dropdownMenuPopperSx, children: jsx(PaperComponent, { children: jsx(ClickAwayListener, __assign({ onClickAway: onClickAway }, ClickAwayListenerProps, { children: jsxs(StyledDropdownMenuAutocompleteWrapper, { children: [title && (jsx(StyledHeaderTitle, { search: search, children: title })), anchorEl && (jsx(Autocomplete, __assign({ label: label, search: search, title: title, open: open, options: options, PopperBaseProps: DEFAULT_POPPER_BASE_PROPS, disablePortal: true, onClickAway: noop }, rest, { InputBaseProps: DefaultInputBaseProps }))), children] }) })) }) })));
|
|
4314
4598
|
};
|
|
4315
4599
|
|
|
4316
4600
|
var labelFontBodyS = fontBody("s");
|
|
@@ -4328,7 +4612,7 @@ var minimal$1 = function (props) {
|
|
|
4328
4612
|
var colors = getColors(props);
|
|
4329
4613
|
var spacings = getSpaces(props);
|
|
4330
4614
|
var palette = getPalette(props);
|
|
4331
|
-
return css(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n ", "\n\n /* this is needed to left align the label text */\n align-items: flex-start;\n border: none;\n flex-direction: column;\n padding: ", "px ", "px;\n\n /* Nesting to increase CSS specificity for style override */\n &.MuiButton-text {\n .styled-label {\n margin: 0;\n }\n }\n\n span {\n color: ", ";\n }\n\n path {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n border: none;\n color: ", ";\n\n path {\n fill: black;\n }\n\n .styled-label {\n color: #000;\n }\n }\n\n &:active {\n background-color: ", ";\n border: none;\n }\n\n &:focus {\n outline: none;\n }\n\n
|
|
4615
|
+
return css(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n ", "\n ", "\n\n /* this is needed to left align the label text */\n align-items: flex-start;\n border: none;\n flex-direction: column;\n padding: ", "px ", "px;\n\n /* Nesting to increase CSS specificity for style override */\n &.MuiButton-text {\n .styled-label {\n margin: 0;\n }\n }\n\n span {\n color: ", ";\n }\n\n path {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n border: none;\n color: ", ";\n\n path {\n fill: black;\n }\n\n .styled-label {\n color: #000;\n }\n }\n\n &:active {\n background-color: ", ";\n border: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &.MuiButton-root.MuiButton-text > span {\n ", "\n margin-left: 0;\n }\n\n &.MuiButton-root.MuiButton-text svg {\n margin-left: ", "px;\n margin-right: 0;\n }\n "], ["\n ", "\n ", "\n\n /* this is needed to left align the label text */\n align-items: flex-start;\n border: none;\n flex-direction: column;\n padding: ", "px ", "px;\n\n /* Nesting to increase CSS specificity for style override */\n &.MuiButton-text {\n .styled-label {\n margin: 0;\n }\n }\n\n span {\n color: ", ";\n }\n\n path {\n fill: ", ";\n }\n\n &:hover {\n background-color: ", ";\n border: none;\n color: ", ";\n\n path {\n fill: black;\n }\n\n .styled-label {\n color: #000;\n }\n }\n\n &:active {\n background-color: ", ";\n border: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &.MuiButton-root.MuiButton-text > span {\n ", "\n margin-left: 0;\n }\n\n &.MuiButton-root.MuiButton-text svg {\n margin-left: ", "px;\n margin-right: 0;\n }\n "])), labelStyle(props), focusVisibleA11yStyle(), spacings === null || spacings === void 0 ? void 0 : spacings.xs, spacings === null || spacings === void 0 ? void 0 : spacings.s, colors === null || colors === void 0 ? void 0 : colors.gray[500], colors === null || colors === void 0 ? void 0 : colors.gray[500], colors === null || colors === void 0 ? void 0 : colors.gray[100], (_a = palette === null || palette === void 0 ? void 0 : palette.text) === null || _a === void 0 ? void 0 : _a.primary, colors === null || colors === void 0 ? void 0 : colors.gray[100], labelFontBodyS(props), spacings === null || spacings === void 0 ? void 0 : spacings.xs);
|
|
4332
4616
|
};
|
|
4333
4617
|
var square$1 = function (props) {
|
|
4334
4618
|
var corners = getCorners(props);
|
|
@@ -4366,7 +4650,7 @@ var isDisabled = function (props) {
|
|
|
4366
4650
|
var gray = colors === null || colors === void 0 ? void 0 : colors.gray[300];
|
|
4367
4651
|
return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n cursor: default;\n border-color: ", ";\n\n span {\n color: ", ";\n }\n\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n\n path {\n fill: ", ";\n }\n "], ["\n cursor: default;\n border-color: ", ";\n\n span {\n color: ", ";\n }\n\n &.MuiButton-text {\n .styled-label {\n color: ", ";\n }\n }\n\n path {\n fill: ", ";\n }\n "])), gray, colors === null || colors === void 0 ? void 0 : colors.gray[300], colors === null || colors === void 0 ? void 0 : colors.gray[300], colors === null || colors === void 0 ? void 0 : colors.gray[300]);
|
|
4368
4652
|
};
|
|
4369
|
-
var doNotForwardProps$
|
|
4653
|
+
var doNotForwardProps$c = [
|
|
4370
4654
|
"intent",
|
|
4371
4655
|
"state",
|
|
4372
4656
|
"sdsStage",
|
|
@@ -4376,20 +4660,20 @@ var doNotForwardProps$b = [
|
|
|
4376
4660
|
"shouldPutAColonAfterLabel",
|
|
4377
4661
|
];
|
|
4378
4662
|
var StyledInputDropdown = styled(Button, {
|
|
4379
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4663
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
|
|
4380
4664
|
})(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n ", "\n\n /* (thuang): in Minimal it's a different value */\n align-items: center;\n /* (thuang): in Minimal it's a different value */\n flex-direction: row;\n\n justify-content: space-between;\n\n ", "\n"], ["\n ", "\n\n /* (thuang): in Minimal it's a different value */\n align-items: center;\n /* (thuang): in Minimal it's a different value */\n flex-direction: row;\n\n justify-content: space-between;\n\n ", "\n"])), labelFontBodyXs, function (props) {
|
|
4381
4665
|
var disabled = props.disabled, intent = props.intent, state = props.state, sdsStage = props.sdsStage, sdsStyle = props.sdsStyle;
|
|
4382
4666
|
return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), inputDropdownStyles(props), sdsStyle === "minimal" && minimal$1(props), sdsStyle === "square" && square$1(props), sdsStyle === "rounded" && rounded$1(props), state === "open" && isOpen(props), sdsStage === "userInput" && userInput$1(props), intent === "warning" && warning$1(props), intent === "error" && error$1(props), disabled && isDisabled(props));
|
|
4383
4667
|
});
|
|
4384
4668
|
var StyledDetail = styled("span", {
|
|
4385
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4669
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
|
|
4386
4670
|
})(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4387
4671
|
var colors = getColors(props);
|
|
4388
4672
|
var spaces = getSpaces(props);
|
|
4389
4673
|
return "\n color: ".concat(colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n margin-left: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xs, "px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n ");
|
|
4390
4674
|
});
|
|
4391
4675
|
var StyledLabel$1 = styled("span", {
|
|
4392
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4676
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
|
|
4393
4677
|
})(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4394
4678
|
var _a;
|
|
4395
4679
|
var details = props.details, counter = props.counter, sdsType = props.sdsType;
|
|
@@ -4402,7 +4686,7 @@ var StyledLabel$1 = styled("span", {
|
|
|
4402
4686
|
return "\n color: ".concat(labelColor, ";\n\n font-weight: ").concat(sdsType === "label" ? fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.semibold : fontWeights === null || fontWeights === void 0 ? void 0 : fontWeights.regular, ";\n ");
|
|
4403
4687
|
});
|
|
4404
4688
|
var StyledCounter = styled("span", {
|
|
4405
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4689
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
|
|
4406
4690
|
})(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4407
4691
|
var colors = getColors(props);
|
|
4408
4692
|
var corners = getCorners(props);
|
|
@@ -4410,7 +4694,7 @@ var StyledCounter = styled("span", {
|
|
|
4410
4694
|
return "\n background-color: ".concat(colors === null || colors === void 0 ? void 0 : colors.gray[200], ";\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[400], ";\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.l, "px;\n padding: 0 ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px;\n margin-left: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.xs, "px;\n ");
|
|
4411
4695
|
});
|
|
4412
4696
|
var MinimalDetails = styled("div", {
|
|
4413
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4697
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
|
|
4414
4698
|
})(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n ", "\n text-align: left;\n width: 100%;\n\n ", "\n"], ["\n ", "\n text-align: left;\n width: 100%;\n\n ", "\n"])), labelFontBodyS, function (_a) {
|
|
4415
4699
|
var shouldTruncateMinimalDetails = _a.shouldTruncateMinimalDetails;
|
|
4416
4700
|
if (shouldTruncateMinimalDetails) {
|
|
@@ -4418,13 +4702,13 @@ var MinimalDetails = styled("div", {
|
|
|
4418
4702
|
}
|
|
4419
4703
|
});
|
|
4420
4704
|
var LabelWrapper = styled("span", {
|
|
4421
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4705
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
|
|
4422
4706
|
})(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
4423
4707
|
var isMinimal = _a.isMinimal;
|
|
4424
4708
|
return "\n align-items: ".concat(isMinimal ? "center" : undefined, ";\n display: ").concat(isMinimal ? "inline-flex" : "contents", ";\n justify-content: ").concat(isMinimal ? "space-between" : undefined, ";\n width: 100%;\n ");
|
|
4425
4709
|
});
|
|
4426
4710
|
var IconWrapper = styled("span", {
|
|
4427
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4711
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$c.includes(prop); },
|
|
4428
4712
|
})(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n margin-left: auto;\n display: flex;\n align-items: center;\n"], ["\n margin-left: auto;\n display: flex;\n align-items: center;\n"])));
|
|
4429
4713
|
function labelStyle(props) {
|
|
4430
4714
|
var _a;
|
|
@@ -4565,9 +4849,9 @@ var typeToCss = {
|
|
|
4565
4849
|
primary: primary,
|
|
4566
4850
|
secondary: secondary,
|
|
4567
4851
|
};
|
|
4568
|
-
var doNotForwardProps$
|
|
4852
|
+
var doNotForwardProps$b = ["sdsType", "sdsStyle", "tagColor", "hover"];
|
|
4569
4853
|
var StyledTag$1 = styled(Chip$1, {
|
|
4570
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4854
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$b.includes(prop); },
|
|
4571
4855
|
})(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n border: none;\n\n ", "\n"], ["\n border: none;\n\n ", "\n"])), function (props) {
|
|
4572
4856
|
var _a = props.hover, hover = _a === void 0 ? true : _a, sdsType = props.sdsType, sdsStyle = props.sdsStyle, icon = props.icon;
|
|
4573
4857
|
var isRounded = sdsStyle === "rounded";
|
|
@@ -4624,30 +4908,22 @@ var templateObject_1$v, templateObject_2$f;
|
|
|
4624
4908
|
|
|
4625
4909
|
// eslint-disable-next-line sonarjs/cognitive-complexity
|
|
4626
4910
|
var ComplexFilter = function (_a) {
|
|
4627
|
-
var options = _a.options, _b = _a.label, label = _b === void 0 ? "" : _b, _c = _a.multiple, multiple = _c === void 0 ? false : _c, _d = _a.search, search = _d === void 0 ? false : _d, onChange = _a.onChange, _e = _a.DropdownMenuProps, DropdownMenuProps = _e === void 0 ? {} : _e, _f = _a.InputDropdownProps, InputDropdownProps = _f === void 0 ? { sdsStyle: "minimal" } : _f, propValue = _a.value, PopperComponent = _a.PopperComponent, _g = _a.InputDropdownComponent, InputDropdownComponent = _g === void 0 ? InputDropdown : _g,
|
|
4911
|
+
var options = _a.options, _b = _a.label, label = _b === void 0 ? "" : _b, _c = _a.multiple, multiple = _c === void 0 ? false : _c, _d = _a.search, search = _d === void 0 ? false : _d, onChange = _a.onChange, _e = _a.DropdownMenuProps, DropdownMenuProps = _e === void 0 ? {} : _e, _f = _a.InputDropdownProps, InputDropdownProps = _f === void 0 ? { sdsStyle: "minimal" } : _f, propValue = _a.value, PopperComponent = _a.PopperComponent, _g = _a.InputDropdownComponent, InputDropdownComponent = _g === void 0 ? InputDropdown : _g, rest = __rest(_a, ["options", "label", "multiple", "search", "onChange", "DropdownMenuProps", "InputDropdownProps", "value", "PopperComponent", "InputDropdownComponent"]);
|
|
4628
4912
|
var isControlled = propValue !== undefined;
|
|
4629
|
-
var
|
|
4630
|
-
var
|
|
4631
|
-
var
|
|
4632
|
-
var _m = useState(getInitialValue()), pendingValue = _m[0], setPendingValue = _m[1];
|
|
4633
|
-
useEffect(function () {
|
|
4634
|
-
onChange(value);
|
|
4635
|
-
setPendingValue(value);
|
|
4636
|
-
}, [value]);
|
|
4913
|
+
var _h = useState(false), open = _h[0], setOpen = _h[1];
|
|
4914
|
+
var _j = useState(null), anchorEl = _j[0], setAnchorEl = _j[1];
|
|
4915
|
+
var _k = useState((multiple ? [] : null)), value = _k[0], setValue = _k[1];
|
|
4637
4916
|
useEffect(function () {
|
|
4638
4917
|
if (isControlled) {
|
|
4639
4918
|
setValue(propValue);
|
|
4640
4919
|
}
|
|
4641
|
-
}, [propValue]);
|
|
4920
|
+
}, [isControlled, propValue]);
|
|
4642
4921
|
// * (mlila): likely, this portion on ComplexFilter will need to be replaced with Dropdown (or a
|
|
4643
4922
|
// * new DropdownFilter) component. As ComplexFilter evolves, there will be more types added,
|
|
4644
4923
|
// * such as sliders for ranges, inline multi selects, etc.
|
|
4645
|
-
return (jsxs(Fragment, { children: [jsxs(Wrapper$1, __assign({}, rest, { children: [jsx(InputDropdownComponent, __assign({ label: label, onClick: handleClick, sdsStage: open ? "userInput" : "default" }, InputDropdownProps)), jsx(StyledChipsWrapper, { children: jsx(Chips, { value: value, multiple: multiple, onDelete: handleDelete }) })] })), jsx(DropdownMenu, __assign({ anchorEl: anchorEl, open: open, onClose: handleMenuSelectClose, search: search, multiple: multiple, value:
|
|
4924
|
+
return (jsxs(Fragment, { children: [jsxs(Wrapper$1, __assign({}, rest, { children: [jsx(InputDropdownComponent, __assign({ label: label, onClick: handleClick, sdsStage: open ? "userInput" : "default" }, InputDropdownProps)), jsx(StyledChipsWrapper, { children: jsx(Chips, { value: value, multiple: multiple, onDelete: handleDelete }) })] })), jsx(DropdownMenu, __assign({ anchorEl: anchorEl, open: open, onClose: handleMenuSelectClose, search: search, multiple: multiple, value: value, onChange: handleChange, disableCloseOnSelect: multiple, options: options, PopperComponent: PopperComponent, PopperBaseProps: { sx: { minWidth: 250 } }, onClickAway: handleClose }, DropdownMenuProps, rest))] }));
|
|
4646
4925
|
function handleClick(event) {
|
|
4647
4926
|
if (open) {
|
|
4648
|
-
if (multiple) {
|
|
4649
|
-
setValue(pendingValue);
|
|
4650
|
-
}
|
|
4651
4927
|
setOpen(false);
|
|
4652
4928
|
if (anchorEl) {
|
|
4653
4929
|
anchorEl.focus();
|
|
@@ -4655,9 +4931,6 @@ var ComplexFilter = function (_a) {
|
|
|
4655
4931
|
setAnchorEl(null);
|
|
4656
4932
|
}
|
|
4657
4933
|
else {
|
|
4658
|
-
if (multiple) {
|
|
4659
|
-
setPendingValue(value);
|
|
4660
|
-
}
|
|
4661
4934
|
setAnchorEl(event.currentTarget);
|
|
4662
4935
|
setOpen(true);
|
|
4663
4936
|
}
|
|
@@ -4665,9 +4938,6 @@ var ComplexFilter = function (_a) {
|
|
|
4665
4938
|
function handleClose() {
|
|
4666
4939
|
if (open) {
|
|
4667
4940
|
setOpen(false);
|
|
4668
|
-
if (multiple) {
|
|
4669
|
-
setValue(pendingValue);
|
|
4670
|
-
}
|
|
4671
4941
|
}
|
|
4672
4942
|
}
|
|
4673
4943
|
function handleMenuSelectClose(event, reason) {
|
|
@@ -4676,16 +4946,12 @@ var ComplexFilter = function (_a) {
|
|
|
4676
4946
|
handleClose();
|
|
4677
4947
|
}
|
|
4678
4948
|
}
|
|
4679
|
-
function handleChange(
|
|
4680
|
-
if (multiple) {
|
|
4681
|
-
if (isTriggerChangeOnOptionClick) {
|
|
4682
|
-
setPendingValue(newValue);
|
|
4683
|
-
return setValue(newValue);
|
|
4684
|
-
}
|
|
4685
|
-
return setPendingValue(newValue);
|
|
4686
|
-
}
|
|
4949
|
+
function handleChange(event, newValue) {
|
|
4687
4950
|
setValue(newValue);
|
|
4688
|
-
|
|
4951
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
|
|
4952
|
+
if (!multiple) {
|
|
4953
|
+
setOpen(false);
|
|
4954
|
+
}
|
|
4689
4955
|
}
|
|
4690
4956
|
function handleDelete(option) {
|
|
4691
4957
|
if (!multiple) {
|
|
@@ -4694,14 +4960,6 @@ var ComplexFilter = function (_a) {
|
|
|
4694
4960
|
var newValue = (value === null || value === void 0 ? void 0 : value.filter(function (item) { return item !== option; })) || null;
|
|
4695
4961
|
setValue(newValue);
|
|
4696
4962
|
}
|
|
4697
|
-
function getInitialValue() {
|
|
4698
|
-
if (isControlled) {
|
|
4699
|
-
return propValue;
|
|
4700
|
-
}
|
|
4701
|
-
return multiple
|
|
4702
|
-
? []
|
|
4703
|
-
: null;
|
|
4704
|
-
}
|
|
4705
4963
|
};
|
|
4706
4964
|
|
|
4707
4965
|
var DialogContext = createContext({ sdsSize: "m" });
|
|
@@ -4714,9 +4972,9 @@ var BoxShadows;
|
|
|
4714
4972
|
})(BoxShadows || (BoxShadows = {}));
|
|
4715
4973
|
|
|
4716
4974
|
// (thuang): Please keep this in sync with the props used in `ExtraProps`
|
|
4717
|
-
var doNotForwardProps$
|
|
4975
|
+
var doNotForwardProps$a = ["sdsSize"];
|
|
4718
4976
|
var StyledPaper = styled(Paper, {
|
|
4719
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
4977
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$a.includes(prop); },
|
|
4720
4978
|
})(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n & {\n box-shadow: ", ";\n\n ", "\n\n ", "\n }\n"], ["\n & {\n box-shadow: ", ";\n\n ", "\n\n ", "\n }\n"])), BoxShadows.L, paperDimensions, function (props) {
|
|
4721
4979
|
var spaces = getSpaces(props);
|
|
4722
4980
|
var corners = getCorners(props);
|
|
@@ -4774,9 +5032,9 @@ var Dialog = forwardRef(function Dialog(props, ref) {
|
|
|
4774
5032
|
});
|
|
4775
5033
|
|
|
4776
5034
|
// (thuang): Please keep this in sync with the props used in `DialogActionsExtraProps`
|
|
4777
|
-
var doNotForwardProps$
|
|
5035
|
+
var doNotForwardProps$9 = ["buttonPosition"];
|
|
4778
5036
|
var StyledDialogActions = styled(DialogActions$1, {
|
|
4779
|
-
shouldForwardProp: function (prop) { return !doNotForwardProps$
|
|
5037
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$9.includes(prop); },
|
|
4780
5038
|
})(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n padding: 0;\n\n ", "\n"], ["\n padding: 0;\n\n ", "\n"])), function (props) {
|
|
4781
5039
|
var spaces = getSpaces(props);
|
|
4782
5040
|
var _a = props.buttonPosition, buttonPosition = _a === void 0 ? "right" : _a;
|
|
@@ -4841,44 +5099,70 @@ var DialogTitle = forwardRef(function DialogTitle(props, ref) {
|
|
|
4841
5099
|
return (jsx(StyledDialogTitle, __assign({ ref: ref }, rest, { children: children || (jsxs(Fragment, { children: [onClose && jsx(CloseButton, { sdsIcon: "xMark", onClick: onClose }), jsx(Title, { children: title }), jsx(Subtitle, { children: subtitle })] })) })));
|
|
4842
5100
|
});
|
|
4843
5101
|
|
|
4844
|
-
|
|
4845
|
-
var
|
|
5102
|
+
var doNotForwardProps$8 = ["buttonPosition"];
|
|
5103
|
+
var StyledButtonsWrapper = styled("div", {
|
|
5104
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$8.includes(prop); },
|
|
5105
|
+
})(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
5106
|
+
var buttonPosition = props.buttonPosition;
|
|
5107
|
+
return "\n display: flex;\n justify-content: ".concat(buttonPosition === "left" ? "start" : "end", ";\n ");
|
|
5108
|
+
});
|
|
5109
|
+
var StyledButton = styled(Button, {
|
|
5110
|
+
shouldForwardProp: function (prop) { return !doNotForwardProps$8.includes(prop); },
|
|
5111
|
+
})(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
4846
5112
|
var spacings = getSpaces(props);
|
|
4847
|
-
return "\n margin-top: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px;\n margin-
|
|
5113
|
+
return "\n margin-top: ".concat(spacings === null || spacings === void 0 ? void 0 : spacings.l, "px;\n margin-right: ").concat(spacings === null || spacings === void 0 ? void 0 : spacings.m, "px;\n ");
|
|
4848
5114
|
});
|
|
4849
5115
|
var templateObject_1$p, templateObject_2$d;
|
|
4850
5116
|
|
|
4851
5117
|
// eslint-disable-next-line sonarjs/cognitive-complexity
|
|
4852
|
-
var Dropdown = function (
|
|
4853
|
-
var options =
|
|
5118
|
+
var Dropdown = function (props) {
|
|
5119
|
+
var options = props.options, _a = props.label, label = _a === void 0 ? "" : _a, _b = props.multiple, multiple = _b === void 0 ? false : _b, _c = props.search, search = _c === void 0 ? false : _c, _d = props.buttonPosition, buttonPosition = _d === void 0 ? "right" : _d, _e = props.buttons, buttons = _e === void 0 ? false : _e,
|
|
4854
5120
|
// By default, most dropdowns will close when the user clicks outside the dropdown.
|
|
4855
5121
|
// The exception is the multiple select variant with Apply/Cancel buttons,
|
|
4856
5122
|
// which by default will not close on blur. If closeOnBlur is enabled, clicking out
|
|
4857
5123
|
// is equivalent to clicking the Cancel button, closing the dropdown and losing
|
|
4858
5124
|
// unapplied changes.
|
|
4859
|
-
|
|
5125
|
+
_f = props.closeOnBlur,
|
|
4860
5126
|
// By default, most dropdowns will close when the user clicks outside the dropdown.
|
|
4861
5127
|
// The exception is the multiple select variant with Apply/Cancel buttons,
|
|
4862
5128
|
// which by default will not close on blur. If closeOnBlur is enabled, clicking out
|
|
4863
5129
|
// is equivalent to clicking the Cancel button, closing the dropdown and losing
|
|
4864
5130
|
// unapplied changes.
|
|
4865
|
-
closeOnBlur =
|
|
5131
|
+
closeOnBlur = _f === void 0 ? !buttons : _f, onClose = props.onClose, onChange = props.onChange, _g = props.DropdownMenuProps, DropdownMenuProps = _g === void 0 ? {} : _g, _h = props.InputDropdownProps, InputDropdownProps = _h === void 0 ? { sdsStyle: "minimal" } : _h, _j = props.InputDropdownComponent, InputDropdownComponent = _j === void 0 ? InputDropdown : _j, _k = props.isTriggerChangeOnOptionClick, isTriggerChangeOnOptionClick = _k === void 0 ? false : _k, _l = props.disabled, disabled = _l === void 0 ? false : _l, propValue = props.value, rest = __rest(props, ["options", "label", "multiple", "search", "buttonPosition", "buttons", "closeOnBlur", "onClose", "onChange", "DropdownMenuProps", "InputDropdownProps", "InputDropdownComponent", "isTriggerChangeOnOptionClick", "disabled", "value"]);
|
|
4866
5132
|
if (buttons && !multiple) {
|
|
4867
5133
|
// eslint-disable-next-line no-console
|
|
4868
5134
|
console.warn("Warning: buttons are only supported for multiple select dropdowns.");
|
|
4869
5135
|
}
|
|
5136
|
+
var isMultiColumn = "options" in ((options === null || options === void 0 ? void 0 : options[0]) || EMPTY_OBJECT);
|
|
4870
5137
|
var isControlled = propValue !== undefined;
|
|
4871
|
-
var
|
|
4872
|
-
var
|
|
4873
|
-
var
|
|
5138
|
+
var _m = useState(null), anchorEl = _m[0], setAnchorEl = _m[1];
|
|
5139
|
+
var _o = useState(false), open = _o[0], setOpen = _o[1];
|
|
5140
|
+
var _p = useState(getInitialValue()), value = _p[0], setValue = _p[1];
|
|
5141
|
+
var _q = useState(getInitialValue()), pendingValue = _q[0], setPendingValue = _q[1];
|
|
5142
|
+
var shouldShowButtons = buttons && !isTriggerChangeOnOptionClick && multiple;
|
|
4874
5143
|
useEffect(function () {
|
|
4875
5144
|
if (isControlled) {
|
|
4876
5145
|
setValue(propValue);
|
|
4877
5146
|
}
|
|
4878
5147
|
}, [isControlled, propValue]);
|
|
4879
|
-
|
|
4880
|
-
|
|
4881
|
-
|
|
5148
|
+
return (jsxs(Fragment, { children: [jsx(InputDropdownComponent, __assign({ disabled: disabled, label: label, onClick: handleClick, sdsStage: open ? "userInput" : "default" }, InputDropdownProps, { "data-testid": "dropdown" })), jsx(DropdownMenu, __assign({ anchorEl: anchorEl, open: open, search: search, onClose: handleClose, multiple: multiple, disableCloseOnSelect: multiple, options: options, onClickAway: handleClickAway, width: 250, onChange: handleChange, value: isMultiColumn ? value : multiple ? pendingValue : value }, DropdownMenuProps, rest, { children: shouldShowButtons ? (jsx(StyledButtonsWrapper, { buttonPosition: buttonPosition, children: buttonPosition === "left" ? (jsxs("div", { children: [jsx(StyledButton, { onClick: handleClose, sdsStyle: "square", sdsType: "primary", children: "Apply" }), jsx(StyledButton, { onClick: handleCancel, sdsStyle: "square", sdsType: "secondary", children: "Cancel" })] })) : (jsxs("div", { children: [jsx(StyledButton, { onClick: handleCancel, sdsStyle: "square", sdsType: "secondary", children: "Cancel" }), jsx(StyledButton, { onClick: handleClose, sdsStyle: "square", sdsType: "primary", children: "Apply" })] })) })) : null }))] }));
|
|
5149
|
+
function getInitialValue() {
|
|
5150
|
+
return multiple
|
|
5151
|
+
? []
|
|
5152
|
+
: null;
|
|
5153
|
+
}
|
|
5154
|
+
function handleChange(event, newValue, reason, details) {
|
|
5155
|
+
if (multiple) {
|
|
5156
|
+
if (isTriggerChangeOnOptionClick) {
|
|
5157
|
+
setPendingValue(newValue);
|
|
5158
|
+
return setValueAndCallOnChange(event, newValue, reason, details);
|
|
5159
|
+
}
|
|
5160
|
+
return setPendingValue(newValue);
|
|
5161
|
+
}
|
|
5162
|
+
setValueAndCallOnChange(event, newValue, reason, details);
|
|
5163
|
+
if (!isMultiColumn)
|
|
5164
|
+
setOpen(false);
|
|
5165
|
+
}
|
|
4882
5166
|
function handleClickAway() {
|
|
4883
5167
|
if (open) {
|
|
4884
5168
|
// (masoudmanson): We want to keep the dropdown menu open in two scenarios:
|
|
@@ -4889,18 +5173,20 @@ var Dropdown = function (_a) {
|
|
|
4889
5173
|
setOpen(false);
|
|
4890
5174
|
}
|
|
4891
5175
|
if (multiple) {
|
|
4892
|
-
|
|
5176
|
+
setValue(pendingValue);
|
|
4893
5177
|
}
|
|
4894
5178
|
}
|
|
4895
5179
|
}
|
|
4896
5180
|
function handleClick(event) {
|
|
4897
5181
|
if (open) {
|
|
4898
|
-
if (
|
|
4899
|
-
|
|
4900
|
-
|
|
4901
|
-
|
|
4902
|
-
|
|
4903
|
-
anchorEl
|
|
5182
|
+
if (!shouldShowButtons) {
|
|
5183
|
+
if (multiple) {
|
|
5184
|
+
setValue(pendingValue);
|
|
5185
|
+
}
|
|
5186
|
+
setOpen(false);
|
|
5187
|
+
if (anchorEl) {
|
|
5188
|
+
anchorEl.focus();
|
|
5189
|
+
}
|
|
4904
5190
|
}
|
|
4905
5191
|
}
|
|
4906
5192
|
else {
|
|
@@ -4911,7 +5197,7 @@ var Dropdown = function (_a) {
|
|
|
4911
5197
|
setOpen(true);
|
|
4912
5198
|
}
|
|
4913
5199
|
}
|
|
4914
|
-
function handleClose(
|
|
5200
|
+
function handleClose(event, reason) {
|
|
4915
5201
|
// (thuang): We don't want to close the menu when the input is clicked
|
|
4916
5202
|
if (reason === "toggleInput") {
|
|
4917
5203
|
return;
|
|
@@ -4922,29 +5208,18 @@ var Dropdown = function (_a) {
|
|
|
4922
5208
|
return;
|
|
4923
5209
|
}
|
|
4924
5210
|
if (multiple) {
|
|
4925
|
-
|
|
5211
|
+
setValue(pendingValue);
|
|
4926
5212
|
}
|
|
4927
5213
|
if (anchorEl) {
|
|
4928
5214
|
anchorEl.focus();
|
|
4929
5215
|
}
|
|
4930
5216
|
if (closeOnBlur)
|
|
4931
|
-
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
5217
|
+
onClose === null || onClose === void 0 ? void 0 : onClose(event, reason);
|
|
4932
5218
|
if (shouldShowButtons) {
|
|
4933
|
-
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
5219
|
+
onClose === null || onClose === void 0 ? void 0 : onClose(event, reason);
|
|
4934
5220
|
setOpen(false);
|
|
4935
5221
|
}
|
|
4936
5222
|
}
|
|
4937
|
-
function handleChange(_, newValue) {
|
|
4938
|
-
if (multiple) {
|
|
4939
|
-
if (isTriggerChangeOnOptionClick) {
|
|
4940
|
-
setPendingValue(newValue);
|
|
4941
|
-
return setValueAndCallOnChange(newValue);
|
|
4942
|
-
}
|
|
4943
|
-
return setPendingValue(newValue);
|
|
4944
|
-
}
|
|
4945
|
-
setValueAndCallOnChange(newValue);
|
|
4946
|
-
setOpen(false);
|
|
4947
|
-
}
|
|
4948
5223
|
function handleCancel() {
|
|
4949
5224
|
if (multiple) {
|
|
4950
5225
|
// (masoudmanson): To undo the latest actions made on the selections,
|
|
@@ -4955,20 +5230,11 @@ var Dropdown = function (_a) {
|
|
|
4955
5230
|
if (anchorEl) {
|
|
4956
5231
|
anchorEl.focus();
|
|
4957
5232
|
}
|
|
4958
|
-
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
4959
5233
|
setOpen(false);
|
|
4960
5234
|
}
|
|
4961
|
-
function
|
|
4962
|
-
if (isControlled) {
|
|
4963
|
-
return propValue;
|
|
4964
|
-
}
|
|
4965
|
-
return multiple
|
|
4966
|
-
? []
|
|
4967
|
-
: null;
|
|
4968
|
-
}
|
|
4969
|
-
function setValueAndCallOnChange(newValue) {
|
|
5235
|
+
function setValueAndCallOnChange(event, newValue, reason, details) {
|
|
4970
5236
|
setValue(newValue);
|
|
4971
|
-
onChange(newValue);
|
|
5237
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(event, newValue, reason, details);
|
|
4972
5238
|
}
|
|
4973
5239
|
};
|
|
4974
5240
|
|
|
@@ -5036,8 +5302,10 @@ var StyledFormControlLabel$1 = styled(FormControlLabel)(templateObject_1$o || (t
|
|
|
5036
5302
|
});
|
|
5037
5303
|
var StyledCheckbox = styled(Checkbox)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
5038
5304
|
var colors = getColors(props);
|
|
5305
|
+
var corners = getCorners(props);
|
|
5039
5306
|
var iconSizes = getIconSizes(props);
|
|
5040
|
-
|
|
5307
|
+
var spaces = getSpaces(props);
|
|
5308
|
+
return "\n color: ".concat(colors === null || colors === void 0 ? void 0 : colors.gray[400], ";\n &:hover {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[500], ";\n background-color: transparent;\n }\n &.Mui-disabled {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.gray[300], ";\n }\n &.Mui-checked {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[400], ";\n &:hover {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[500], ";\n background-color: transparent;\n }\n &.Mui-disabled {\n color: ").concat(colors === null || colors === void 0 ? void 0 : colors.primary[300], "\n }\n }\n\n &.MuiCheckbox-root {\n ").concat(focusVisibleA11yStyle(), "\n border-radius: ").concat(corners === null || corners === void 0 ? void 0 : corners.s, "px; \n padding: ").concat(spaces === null || spaces === void 0 ? void 0 : spaces.xxs, "px;\n margin: 3px;\n }\n\n .MuiSvgIcon-root {\n height: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.input.height, "px;\n width: ").concat(iconSizes === null || iconSizes === void 0 ? void 0 : iconSizes.input.width, "px;\n }\n ");
|
|
5041
5309
|
});
|
|
5042
5310
|
var templateObject_1$o, templateObject_2$c;
|
|
5043
5311
|
|
|
@@ -5188,8 +5456,6 @@ var disabledStyled$1 = function (props) {
|
|
|
5188
5456
|
};
|
|
5189
5457
|
var textArea = function (props) {
|
|
5190
5458
|
var spacings = getSpaces(props);
|
|
5191
|
-
console.log(outlinedInputClasses.multiline);
|
|
5192
|
-
console.log(outlinedInputClasses.inputMultiline);
|
|
5193
5459
|
return css(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n .", " {\n padding: ", "px;\n\n > .", " {\n padding: ", "px ", "px ", "px;\n resize: both;\n }\n }\n "], ["\n .", " {\n padding: ", "px;\n\n > .", " {\n padding: ", "px ", "px ", "px;\n resize: both;\n }\n }\n "])), outlinedInputClasses.multiline, spacings === null || spacings === void 0 ? void 0 : spacings.xxs, outlinedInputClasses.inputMultiline, spacings === null || spacings === void 0 ? void 0 : spacings.xxs, spacings === null || spacings === void 0 ? void 0 : spacings.m, spacings === null || spacings === void 0 ? void 0 : spacings.m);
|
|
5194
5460
|
};
|
|
5195
5461
|
var userInput = function (props) {
|
|
@@ -5449,8 +5715,8 @@ var StyledLoadingIndicator = styled("div", {
|
|
|
5449
5715
|
var templateObject_1$f, templateObject_2$7, templateObject_3$4, templateObject_4$3, templateObject_5$2, templateObject_6;
|
|
5450
5716
|
|
|
5451
5717
|
var LoadingIndicator = function (_a) {
|
|
5452
|
-
var sdsStyle = _a.sdsStyle;
|
|
5453
|
-
return (jsxs(StyledLoadingIndicator, { sdsStyle: sdsStyle, children: [jsx(Icon, { sdsIcon: "loading", sdsSize: "l", sdsType: "static" }), jsx(StyledText, { children: "Loading" })] }));
|
|
5718
|
+
var ariaLabel = _a["aria-label"], sdsStyle = _a.sdsStyle;
|
|
5719
|
+
return (jsxs(StyledLoadingIndicator, { sdsStyle: sdsStyle, children: [jsx(Icon, { sdsIcon: "loading", sdsSize: "l", sdsType: "static" }), jsx(StyledText, { "aria-label": ariaLabel, "aria-live": "polite", role: "status", children: "Loading" })] }));
|
|
5454
5720
|
};
|
|
5455
5721
|
|
|
5456
5722
|
var StyledMenu = styled(Menu$1)(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n & {\n .MuiMenu-paper {\n ", "\n }\n\n .MuiList-padding {\n padding: 0;\n }\n }\n"], ["\n & {\n .MuiMenu-paper {\n ", "\n }\n\n .MuiList-padding {\n padding: 0;\n }\n }\n"])), function (props) {
|
|
@@ -6105,7 +6371,7 @@ var StyledTabs = styled(TempTabs, {
|
|
|
6105
6371
|
var TAB_DO_NOT_FORWARD_PROPS = ["sdsSize"];
|
|
6106
6372
|
var StyledTab = styled(Tab$1, {
|
|
6107
6373
|
shouldForwardProp: function (prop) { return !TAB_DO_NOT_FORWARD_PROPS.includes(String(prop)); },
|
|
6108
|
-
})(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n min-height: unset;\n padding: 0;\n min-width: 32px;\n opacity: 1 !important;\n\n ", "\n\n ", "\n"], ["\n min-height: unset;\n padding: 0;\n min-width: 32px;\n opacity: 1 !important;\n\n ", "\n\n ", "\n"])), tabFontMixin, function (props) {
|
|
6374
|
+
})(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n min-height: unset;\n padding: 0;\n min-width: 32px;\n opacity: 1 !important;\n\n ", "\n ", "\n\n ", "\n"], ["\n min-height: unset;\n padding: 0;\n min-width: 32px;\n opacity: 1 !important;\n\n ", "\n ", "\n\n ", "\n"])), tabFontMixin, focusVisibleA11yStyle, function (props) {
|
|
6109
6375
|
var colors = getColors(props);
|
|
6110
6376
|
var spaces = getSpaces(props);
|
|
6111
6377
|
var fontWeights = getFontWeights(props);
|
|
@@ -6236,4 +6502,4 @@ var TooltipTableContent = function (props) {
|
|
|
6236
6502
|
return (jsxs(TableContainer, __assign({}, rest, { children: [contentAlert && jsx(Alert, { children: contentAlert }), data === null || data === void 0 ? void 0 : data.map(function (section, index) { return (jsxs(Section, { disabled: section.disabled, children: [jsx(SectionLabel, { disabled: section.disabled, label: section.label, children: section.label }), jsx(Table$1, { size: "small", children: jsx(TableBody, { children: section.dataRows.map(function (row, rowIndex) { return (jsxs(TableRow$1, { children: [jsx(RowLabel, { disabled: section.disabled, align: "left", children: row.label }), jsx(RowValue, { disabled: section.disabled, align: itemAlign, children: row.value })] }, row.label + String(rowIndex))); }) }) })] }, "".concat(section.label + String(index)))); })] })));
|
|
6237
6503
|
};
|
|
6238
6504
|
|
|
6239
|
-
export { Accordion, AccordionDetails, AccordionHeader, Alert$1 as Alert, Autocomplete, Banner, Button, ButtonDropdown, ButtonIcon, Callout, CalloutTitle, CellBasic, CellComponent, CellHeader, Chip, ComplexFilter, InputDropdown as ComplexFilterInputDropdown, StyledPopper as ComplexFilterPopper, Dialog, DialogActions, index as DialogContent, DialogContext, DialogPaper, DialogTitle, Subtitle as DialogTitleSubtitle, Title as DialogTitleTitle, Dropdown, InputDropdown as DropdownInputDropdown, DropdownMenu, StyledPaper$1 as DropdownPaper, StyledPopper as DropdownPopper, Icon, InputCheckbox, InputDropdown, InputRadio, InputSearch, InputSlider, InputText, InputToggle, Link, List, ListItem, ListItemLabel, ListSubheader, LoadingIndicator, Menu, MenuItem, MenuSelect, NavigationJumpTo, Notification, Pagination, SegmentedControl, Tab, Table, TableHeader, TableRow, Tabs, Tag, TagFilter, Tooltip, TooltipCondensed, TooltipTableContent as TooltipTable, defaultAppTheme, defaultTheme, fontBody, fontBodyL$1 as fontBodyL, fontBodyM$1 as fontBodyM, fontBodyS$2 as fontBodyS, fontBodyXs$5 as fontBodyXs, fontBodyXxs$1 as fontBodyXxs, fontBodyXxxs$1 as fontBodyXxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontHeader, fontHeaderL, fontHeaderM$1 as fontHeaderM, fontHeaderS, fontHeaderXl, fontHeaderXs, fontHeaderXxl, fontHeaderXxs, fontHeaderXxxs, getBorders, getColors, getCorners, getFontWeights, getIconSizes, getPalette, getShadows, getSpaces, getSpacings, getTypography, makeThemeOptions };
|
|
6505
|
+
export { Accordion, AccordionDetails, AccordionHeader, Alert$1 as Alert, Autocomplete, StyledPopper$2 as AutocompleteMultiColumnStyledPopper, StyledPaper$3 as AutocompleteSingleColumnStyledPaper, Banner, Button, ButtonDropdown, ButtonIcon, Callout, CalloutTitle, CellBasic, CellComponent, CellHeader, Chip, ComplexFilter, InputDropdown as ComplexFilterInputDropdown, StyledPopper as ComplexFilterPopper, Dialog, DialogActions, index as DialogContent, DialogContext, DialogPaper, DialogTitle, Subtitle as DialogTitleSubtitle, Title as DialogTitleTitle, Dropdown, InputDropdown as DropdownInputDropdown, DropdownMenu, StyledPaper$1 as DropdownPaper, StyledPopper as DropdownPopper, Icon, InputCheckbox, InputDropdown, InputRadio, InputSearch, InputSlider, InputText, InputToggle, Link, List, ListItem, ListItemLabel, ListSubheader, LoadingIndicator, MINIMUM_DROPDOWN_MENU_POPPER_WIDTH, Menu, MenuItem, MenuSelect, NavigationJumpTo, Notification, Pagination, SegmentedControl, Tab, Table, TableHeader, TableRow, Tabs, Tag, TagFilter, Tooltip, TooltipCondensed, TooltipTableContent as TooltipTable, defaultAppTheme, defaultTheme, focusVisibleA11yStyle, fontBody, fontBodyL$1 as fontBodyL, fontBodyM$1 as fontBodyM, fontBodyS$2 as fontBodyS, fontBodyXs$5 as fontBodyXs, fontBodyXxs$1 as fontBodyXxs, fontBodyXxxs$1 as fontBodyXxxs, fontCaps, fontCapsXxs, fontCapsXxxs, fontCapsXxxxs, fontHeader, fontHeaderL, fontHeaderM$1 as fontHeaderM, fontHeaderS, fontHeaderXl, fontHeaderXs, fontHeaderXxl, fontHeaderXxs, fontHeaderXxxs, getBorders, getColors, getCorners, getFontWeights, getIconSizes, getPalette, getShadows, getSpaces, getSpacings, getTypography, makeThemeOptions };
|