ingred-ui 9.0.0 → 9.2.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/components/CreatableSelect/CreatableSelect.d.ts +5 -5
- package/dist/components/CreatableSelect/CreatableSelect.stories.d.ts +3 -3
- package/dist/components/FixedPanel/FixedPanel.d.ts +1 -0
- package/dist/components/Select/Select.d.ts +2 -2
- package/dist/components/Select/Select.stories.d.ts +2 -2
- package/dist/components/Select/internal/MultiValueRemove/MultiValueRemove.d.ts +1 -1
- package/dist/components/Snackbar/Snackbar.d.ts +1 -0
- package/dist/components/Table/Header.d.ts +4 -2
- package/dist/components/Table/Table.stories.d.ts +2 -2
- package/dist/components/Tabs/Tabs.d.ts +15 -0
- package/dist/components/Tabs/Tabs.stories.d.ts +28 -0
- package/dist/components/Tabs/__tests__/Tabs.test.d.ts +1 -0
- package/dist/components/Tabs/index.d.ts +1 -0
- package/dist/components/Tabs/internal/Tab.d.ts +12 -0
- package/dist/components/Tabs/styled.d.ts +11 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/index.es.js +360 -235
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +361 -235
- package/dist/index.js.map +1 -1
- package/package.json +17 -18
- package/CHANGELOG.md +0 -1887
package/dist/index.js
CHANGED
|
@@ -89,7 +89,7 @@ var Radius = 8;
|
|
|
89
89
|
|
|
90
90
|
var Space = 8;
|
|
91
91
|
|
|
92
|
-
var Container$D = styled__default["default"].button(templateObject_1$
|
|
92
|
+
var Container$D = styled__default["default"].button(templateObject_1$1b || (templateObject_1$1b = __makeTemplateObject(["\n display: flex;\n align-items: center;\n padding: ", "px ", "px;\n border: 0;\n cursor: pointer;\n border-radius: ", "px;\n background-color: ", ";\n white-space: nowrap;\n transition: all 0.3s;\n\n &:hover {\n background-color: ", ";\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n"], ["\n display: flex;\n align-items: center;\n padding: ", "px ", "px;\n border: 0;\n cursor: pointer;\n border-radius: ", "px;\n background-color: ", ";\n white-space: nowrap;\n transition: all 0.3s;\n\n &:hover {\n background-color: ", ";\n }\n\n &:disabled {\n cursor: not-allowed;\n }\n"])), Space * 0.75, Space, function (_a) {
|
|
93
93
|
var theme = _a.theme;
|
|
94
94
|
return theme.radius;
|
|
95
95
|
}, function (_a) {
|
|
@@ -99,7 +99,7 @@ var Container$D = styled__default["default"].button(templateObject_1$1a || (temp
|
|
|
99
99
|
var hoverBackgroundColor = _a.hoverBackgroundColor;
|
|
100
100
|
return hoverBackgroundColor;
|
|
101
101
|
});
|
|
102
|
-
var templateObject_1$
|
|
102
|
+
var templateObject_1$1b;
|
|
103
103
|
|
|
104
104
|
var getMargin = function (payload) {
|
|
105
105
|
var space = payload.theme.spacing;
|
|
@@ -121,17 +121,17 @@ var spacer = function (payload) {
|
|
|
121
121
|
return "\n " + getMargin(payload) + ";\n " + getPadding(payload) + ";\n ";
|
|
122
122
|
};
|
|
123
123
|
|
|
124
|
-
var Spacer = styled__default["default"].div(templateObject_1$
|
|
125
|
-
var templateObject_1$
|
|
124
|
+
var Spacer = styled__default["default"].div(templateObject_1$1a || (templateObject_1$1a = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), spacer);
|
|
125
|
+
var templateObject_1$1a;
|
|
126
126
|
|
|
127
|
-
var Container$C = styled__default["default"].div(templateObject_1$
|
|
127
|
+
var Container$C = styled__default["default"].div(templateObject_1$19 || (templateObject_1$19 = __makeTemplateObject(["\n position: relative;\n width: ", ";\n height: ", ";\n overflow: hidden;\n svg {\n position: absolute;\n top: 0;\n left: 0;\n }\n"], ["\n position: relative;\n width: ", ";\n height: ", ";\n overflow: hidden;\n svg {\n position: absolute;\n top: 0;\n left: 0;\n }\n"])), function (_a) {
|
|
128
128
|
var size = _a.size;
|
|
129
129
|
return size + "px";
|
|
130
130
|
}, function (_a) {
|
|
131
131
|
var size = _a.size;
|
|
132
132
|
return size + "px";
|
|
133
133
|
});
|
|
134
|
-
var templateObject_1$
|
|
134
|
+
var templateObject_1$19;
|
|
135
135
|
|
|
136
136
|
var colors$3 = {
|
|
137
137
|
red: {
|
|
@@ -1156,7 +1156,7 @@ var Icon$1 = React__namespace.forwardRef(function (_a, ref) {
|
|
|
1156
1156
|
return (React__namespace.createElement(Container$C, { ref: ref, size: iconSize[size] }, iconFactory(name)({ type: type, fill: getIconColor(color, theme) })));
|
|
1157
1157
|
});
|
|
1158
1158
|
|
|
1159
|
-
var Container$B = styled__default["default"].p(templateObject_1$
|
|
1159
|
+
var Container$B = styled__default["default"].p(templateObject_1$18 || (templateObject_1$18 = __makeTemplateObject(["\n color: ", ";\n text-align: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n word-break: break-all;\n"], ["\n color: ", ";\n text-align: ", ";\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n word-break: break-all;\n"])), function (_a) {
|
|
1160
1160
|
var color = _a.color;
|
|
1161
1161
|
return color;
|
|
1162
1162
|
}, function (_a) {
|
|
@@ -1172,7 +1172,7 @@ var Container$B = styled__default["default"].p(templateObject_1$17 || (templateO
|
|
|
1172
1172
|
var lineHeight = _a.lineHeight;
|
|
1173
1173
|
return lineHeight;
|
|
1174
1174
|
});
|
|
1175
|
-
var templateObject_1$
|
|
1175
|
+
var templateObject_1$18;
|
|
1176
1176
|
|
|
1177
1177
|
var fontSize = {
|
|
1178
1178
|
xs: 12,
|
|
@@ -1247,11 +1247,11 @@ var ActionButton$1 = React__namespace.forwardRef(function (_a, ref) {
|
|
|
1247
1247
|
React__namespace.createElement(Typography, { color: textColor, size: "md" }, children)));
|
|
1248
1248
|
});
|
|
1249
1249
|
|
|
1250
|
-
var Container$A = styled__default["default"].div(templateObject_2$
|
|
1250
|
+
var Container$A = styled__default["default"].div(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n position: fixed;\n display: flex;\n align-items: center;\n justify-content: center;\n right: 0;\n bottom: 0;\n top: 0;\n left: 0;\n /* TODO: color */\n background-color: #001326cb;\n\n ", "\n"], ["\n position: fixed;\n display: flex;\n align-items: center;\n justify-content: center;\n right: 0;\n bottom: 0;\n top: 0;\n left: 0;\n /* TODO: color */\n background-color: #001326cb;\n\n ", "\n"])), function (_a) {
|
|
1251
1251
|
var invisible = _a.invisible;
|
|
1252
|
-
return invisible && styled.css(templateObject_1$
|
|
1252
|
+
return invisible && styled.css(templateObject_1$17 || (templateObject_1$17 = __makeTemplateObject(["\n background-color: transparent;\n "], ["\n background-color: transparent;\n "])));
|
|
1253
1253
|
});
|
|
1254
|
-
var templateObject_1$
|
|
1254
|
+
var templateObject_1$17, templateObject_2$y;
|
|
1255
1255
|
|
|
1256
1256
|
function _extends$7() {
|
|
1257
1257
|
_extends$7 = Object.assign || function (target) {
|
|
@@ -4216,14 +4216,14 @@ var getDuration = function (timeout, state) {
|
|
|
4216
4216
|
};
|
|
4217
4217
|
|
|
4218
4218
|
var transitionClass$2 = "fade-transition";
|
|
4219
|
-
var CSSTransition$2 = styled__default["default"](OriginalCSSTransition)(templateObject_1$
|
|
4219
|
+
var CSSTransition$2 = styled__default["default"](OriginalCSSTransition)(templateObject_1$16 || (templateObject_1$16 = __makeTemplateObject(["\n &.", "-enter, &.", "-appear {\n opacity: 0;\n }\n\n &.", "-enter-active, &.", "-appear-active {\n opacity: 1;\n transition: opacity ", "ms;\n }\n\n &.", "-exit {\n opacity: 1;\n }\n\n &.", "-exit-active {\n opacity: 0;\n transition: opacity ", "ms;\n }\n\n &.", "-exit-done {\n opacity: 0;\n }\n"], ["\n &.", "-enter, &.", "-appear {\n opacity: 0;\n }\n\n &.", "-enter-active, &.", "-appear-active {\n opacity: 1;\n transition: opacity ", "ms;\n }\n\n &.", "-exit {\n opacity: 1;\n }\n\n &.", "-exit-active {\n opacity: 0;\n transition: opacity ", "ms;\n }\n\n &.", "-exit-done {\n opacity: 0;\n }\n"])), transitionClass$2, transitionClass$2, transitionClass$2, transitionClass$2, function (_a) {
|
|
4220
4220
|
var timeout = _a.timeout;
|
|
4221
4221
|
return getDuration(timeout, "enter");
|
|
4222
4222
|
}, transitionClass$2, transitionClass$2, function (_a) {
|
|
4223
4223
|
var timeout = _a.timeout;
|
|
4224
4224
|
return getDuration(timeout, "exit");
|
|
4225
4225
|
}, transitionClass$2);
|
|
4226
|
-
var templateObject_1$
|
|
4226
|
+
var templateObject_1$16;
|
|
4227
4227
|
|
|
4228
4228
|
var Fade = function (_a) {
|
|
4229
4229
|
var
|
|
@@ -4240,7 +4240,7 @@ var Backdrop = React__namespace.forwardRef(function (_a, ref) {
|
|
|
4240
4240
|
React__namespace.createElement(Container$A, __assign({ invisible: invisible }, rest, { ref: ref }), children)));
|
|
4241
4241
|
});
|
|
4242
4242
|
|
|
4243
|
-
var Container$z = styled__default["default"].span(templateObject_1$
|
|
4243
|
+
var Container$z = styled__default["default"].span(templateObject_1$15 || (templateObject_1$15 = __makeTemplateObject(["\n display: inline-block;\n padding: ", ";\n border-radius: ", ";\n background-color: ", ";\n text-align: center;\n font-size: ", ";\n font-weight: ", ";\n color: ", ";\n text-decoration: none;\n"], ["\n display: inline-block;\n padding: ", ";\n border-radius: ", ";\n background-color: ", ";\n text-align: center;\n font-size: ", ";\n font-weight: ", ";\n color: ", ";\n text-decoration: none;\n"])), function (_a) {
|
|
4244
4244
|
var theme = _a.theme;
|
|
4245
4245
|
return theme.spacing / 2 + "px " + theme.spacing + "px";
|
|
4246
4246
|
}, function (_a) {
|
|
@@ -4259,7 +4259,7 @@ var Container$z = styled__default["default"].span(templateObject_1$14 || (templa
|
|
|
4259
4259
|
var color = _a.color;
|
|
4260
4260
|
return color;
|
|
4261
4261
|
});
|
|
4262
|
-
var templateObject_1$
|
|
4262
|
+
var templateObject_1$15;
|
|
4263
4263
|
|
|
4264
4264
|
var getColor = function (key, theme) {
|
|
4265
4265
|
switch (key) {
|
|
@@ -4281,8 +4281,8 @@ var Badge$1 = React__namespace.forwardRef(function (_a, ref) {
|
|
|
4281
4281
|
return (React__namespace.createElement(Container$z, __assign({ ref: ref, as: component, type: type, color: theme.palette.text.white, backgroundColor: getColor(color, theme), fontSize: fontSize, fontWeight: fontWeight }, rest), children));
|
|
4282
4282
|
});
|
|
4283
4283
|
|
|
4284
|
-
var BaseButton = styled__default["default"].button(templateObject_1$
|
|
4285
|
-
var templateObject_1$
|
|
4284
|
+
var BaseButton = styled__default["default"].button(templateObject_1$14 || (templateObject_1$14 = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n border: 0;\n background-color: transparent;\n text-decoration: none;\n letter-spacing: inherit;\n font-size: inherit;\n font-family: inherit;\n line-height: inherit;\n cursor: pointer;\n outline: none;\n\n &:disabled {\n cursor: not-allowed;\n }\n"], ["\n margin: 0;\n padding: 0;\n border: 0;\n background-color: transparent;\n text-decoration: none;\n letter-spacing: inherit;\n font-size: inherit;\n font-family: inherit;\n line-height: inherit;\n cursor: pointer;\n outline: none;\n\n &:disabled {\n cursor: not-allowed;\n }\n"])));
|
|
4285
|
+
var templateObject_1$14;
|
|
4286
4286
|
|
|
4287
4287
|
/**
|
|
4288
4288
|
*
|
|
@@ -4305,7 +4305,7 @@ function hexToRgba(hex, alpha) {
|
|
|
4305
4305
|
return "rgba(" + c[0] + ", " + c[1] + ", " + c[2] + ", " + alpha + ")";
|
|
4306
4306
|
}
|
|
4307
4307
|
|
|
4308
|
-
var ButtonContainer$3 = styled__default["default"](BaseButton)(templateObject_1$
|
|
4308
|
+
var ButtonContainer$3 = styled__default["default"](BaseButton)(templateObject_1$13 || (templateObject_1$13 = __makeTemplateObject(["\n display: ", ";\n justify-content: center;\n align-items: center;\n padding: ", ";\n width: ", ";\n border-radius: ", "px;\n border: ", ";\n background: ", ";\n color: ", ";\n text-align: center;\n font-weight: ", ";\n font-size: ", ";\n box-shadow: ", ";\n transition: background 0.3s;\n\n &:hover:not([disabled]) {\n background: ", ";\n }\n\n &:active:not([disabled]) {\n padding-top: ", ";\n padding-bottom: ", ";\n background: ", ";\n box-shadow: ", ";\n }\n"], ["\n display: ", ";\n justify-content: center;\n align-items: center;\n padding: ", ";\n width: ", ";\n border-radius: ", "px;\n border: ", ";\n background: ", ";\n color: ", ";\n text-align: center;\n font-weight: ", ";\n font-size: ", ";\n box-shadow: ", ";\n transition: background 0.3s;\n\n &:hover:not([disabled]) {\n background: ", ";\n }\n\n &:active:not([disabled]) {\n padding-top: ", ";\n padding-bottom: ", ";\n background: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
4309
4309
|
var inline = _a.inline;
|
|
4310
4310
|
return (inline ? "inline-flex" : "flex");
|
|
4311
4311
|
}, function (_a) {
|
|
@@ -4353,7 +4353,7 @@ var ButtonContainer$3 = styled__default["default"](BaseButton)(templateObject_1$
|
|
|
4353
4353
|
var theme = _a.theme;
|
|
4354
4354
|
return "inset 0 2px " + hexToRgba(theme.palette.black, 0.16);
|
|
4355
4355
|
});
|
|
4356
|
-
var templateObject_1$
|
|
4356
|
+
var templateObject_1$13;
|
|
4357
4357
|
|
|
4358
4358
|
var getContainerColorStyles = function (theme) { return ({
|
|
4359
4359
|
primary: {
|
|
@@ -4430,7 +4430,7 @@ var paddingAtActive = {
|
|
|
4430
4430
|
paddingBottom: "12px",
|
|
4431
4431
|
},
|
|
4432
4432
|
};
|
|
4433
|
-
var Button$
|
|
4433
|
+
var Button$2 = React__namespace.forwardRef(function (_a, ref) {
|
|
4434
4434
|
var component = _a.component, children = _a.children, _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.inline, inline = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? "medium" : _d, href = _a.href, rest = __rest(_a, ["component", "children", "color", "inline", "size", "href"]);
|
|
4435
4435
|
var theme = useTheme();
|
|
4436
4436
|
var colorStyle = getContainerColorStyles(theme)[color];
|
|
@@ -4446,7 +4446,7 @@ var Button$1 = React__namespace.forwardRef(function (_a, ref) {
|
|
|
4446
4446
|
return (React__namespace.createElement(ButtonContainer$3, __assign({ ref: ref }, rest, { as: component || "button" }, anchorProps, { inline: inline, verticalPadding: verticalPadding[size].padding, horizontalPadding: horizontalPadding, paddingTopAtActive: paddingAtActive[size].paddingTop, paddingBottomAtActive: paddingAtActive[size].paddingBottom, normal: __assign({}, colorStyle.normal), hover: __assign({}, colorStyle.hover), active: __assign({}, colorStyle.active), fontWeight: color === "secondary" ? "normal" : "bold", fontSize: size === "small" ? fontSize["xs"] + "px" : fontSize["md"] + "px" }), children));
|
|
4447
4447
|
});
|
|
4448
4448
|
|
|
4449
|
-
var ButtonGroupContainer = styled__default["default"].div(templateObject_1$
|
|
4449
|
+
var ButtonGroupContainer = styled__default["default"].div(templateObject_1$12 || (templateObject_1$12 = __makeTemplateObject(["\n display: inline-flex;\n\n & > * {\n min-width: ", ";\n width: auto;\n padding-right: ", ";\n padding-left: ", ";\n }\n\n & > *:not(:last-child) {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n }\n\n & > *:not(:first-child) {\n border-left: none;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n }\n\n & > *:last-child {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n }\n"], ["\n display: inline-flex;\n\n & > * {\n min-width: ", ";\n width: auto;\n padding-right: ", ";\n padding-left: ", ";\n }\n\n & > *:not(:last-child) {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n }\n\n & > *:not(:first-child) {\n border-left: none;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n }\n\n & > *:last-child {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n }\n"])), function (_a) {
|
|
4450
4450
|
var minWidth = _a.minWidth;
|
|
4451
4451
|
return minWidth;
|
|
4452
4452
|
}, function (_a) {
|
|
@@ -4456,7 +4456,7 @@ var ButtonGroupContainer = styled__default["default"].div(templateObject_1$11 ||
|
|
|
4456
4456
|
var horizontalPadding = _a.horizontalPadding;
|
|
4457
4457
|
return horizontalPadding;
|
|
4458
4458
|
});
|
|
4459
|
-
var templateObject_1$
|
|
4459
|
+
var templateObject_1$12;
|
|
4460
4460
|
|
|
4461
4461
|
var buttonSize = {
|
|
4462
4462
|
small: {
|
|
@@ -4489,13 +4489,13 @@ var flexbox = function (payload) {
|
|
|
4489
4489
|
});
|
|
4490
4490
|
return property;
|
|
4491
4491
|
};
|
|
4492
|
-
var Flex = styled__default["default"].div(templateObject_1$
|
|
4492
|
+
var Flex = styled__default["default"].div(templateObject_1$11 || (templateObject_1$11 = __makeTemplateObject(["\n ", ";\n ", ";\n"], ["\n ", ";\n ", ";\n"])), flexbox, function (_a) {
|
|
4493
4493
|
var theme = _a.theme, gap = _a.gap;
|
|
4494
4494
|
return gap && "gap: " + theme.spacing * gap + "px";
|
|
4495
4495
|
});
|
|
4496
|
-
var templateObject_1$
|
|
4496
|
+
var templateObject_1$11;
|
|
4497
4497
|
|
|
4498
|
-
var Card = styled__default["default"].div(templateObject_1
|
|
4498
|
+
var Card = styled__default["default"].div(templateObject_1$10 || (templateObject_1$10 = __makeTemplateObject(["\n border-radius: ", "px;\n background-color: ", ";\n width: ", ";\n min-width: ", ";\n max-width: ", ";\n border: 1px solid ", ";\n ", "\n ", "\n"], ["\n border-radius: ", "px;\n background-color: ", ";\n width: ", ";\n min-width: ", ";\n max-width: ", ";\n border: 1px solid ", ";\n ", "\n ", "\n"])), function (_a) {
|
|
4499
4499
|
var theme = _a.theme;
|
|
4500
4500
|
return theme.radius;
|
|
4501
4501
|
}, function (_a) {
|
|
@@ -4514,9 +4514,9 @@ var Card = styled__default["default"].div(templateObject_1$$ || (templateObject_
|
|
|
4514
4514
|
var theme = _a.theme;
|
|
4515
4515
|
return theme.palette.gray.light;
|
|
4516
4516
|
}, spacer, flexbox);
|
|
4517
|
-
var templateObject_1
|
|
4517
|
+
var templateObject_1$10;
|
|
4518
4518
|
|
|
4519
|
-
var Checkbox$1 = styled__default["default"].input(templateObject_1
|
|
4519
|
+
var Checkbox$1 = styled__default["default"].input(templateObject_1$$ || (templateObject_1$$ = __makeTemplateObject(["\n opacity: 0;\n -webkit-appearance: none;\n appearance: none;\n position: absolute;\n\n &:checked + span::before {\n /* flex: 1 0 auto; */\n /* background */\n background-color: ", ";\n border-color: ", ";\n\n /* check icon */\n background-image: ", ";\n background-repeat: no-repeat;\n background-position: center center;\n }\n"], ["\n opacity: 0;\n -webkit-appearance: none;\n appearance: none;\n position: absolute;\n\n &:checked + span::before {\n /* flex: 1 0 auto; */\n /* background */\n background-color: ", ";\n border-color: ", ";\n\n /* check icon */\n background-image: ", ";\n background-repeat: no-repeat;\n background-position: center center;\n }\n"])), function (_a) {
|
|
4520
4520
|
var theme = _a.theme;
|
|
4521
4521
|
return theme.palette.primary.main;
|
|
4522
4522
|
}, function (_a) {
|
|
@@ -4528,11 +4528,11 @@ var Checkbox$1 = styled__default["default"].input(templateObject_1$_ || (templat
|
|
|
4528
4528
|
? "url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%223%22%20viewBox%3D%220%200%2010%203%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22a%22%20width%3D%2210%22%20height%3D%223%22%20rx%3D%220.596%22%2F%3E%3C%2Fsvg%3E')"
|
|
4529
4529
|
: "url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.001%22%20height%3D%228.997%22%20viewBox%3D%220%200%2012.001%208.997%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M405.681%2C343.44l-5.154%2C5.12-1.332%2C1.323a.622.622%2C0%2C0%2C1-.877%2C0l-1.333-1.323h0l-2.943-2.924a.612.612%2C0%2C0%2C1%2C0-.871l1.332-1.324a.624.624%2C0%2C0%2C1%2C.877%2C0l2.506%2C2.49%2C4.714-4.685a.624.624%2C0%2C0%2C1%2C.877%2C0l1.333%2C1.323A.614.614%2C0%2C0%2C1%2C405.681%2C343.44Z%22%20transform%3D%22translate(-393.861%20-341.066)%22%2F%3E%3C%2Fsvg%3E')";
|
|
4530
4530
|
});
|
|
4531
|
-
var Container$y = styled__default["default"].label(templateObject_2$
|
|
4531
|
+
var Container$y = styled__default["default"].label(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n cursor: ", ";\n"], ["\n cursor: ", ";\n"])), function (_a) {
|
|
4532
4532
|
var disabled = _a.disabled;
|
|
4533
4533
|
return (disabled ? "not-allowed" : "pointer");
|
|
4534
4534
|
});
|
|
4535
|
-
var Span = styled__default["default"].span(templateObject_3$
|
|
4535
|
+
var Span = styled__default["default"].span(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n color: ", ";\n &::before {\n flex-shrink: 0;\n display: block;\n content: \"\";\n width: 18px;\n height: 18px;\n border: 1px solid\n ", ";\n border-radius: ", "px;\n box-shadow: ", ";\n background-color: ", ";\n margin-right: ", ";\n transition: background-color 0.3s ease;\n }\n ", ":disabled + & {\n color: ", ";\n }\n ", ":disabled + &::before {\n border: 1px solid ", ";\n background-color: ", ";\n }\n ", ":disabled:checked + &::before {\n background-image: ", ";\n background-repeat: no-repeat;\n background-position: center center;\n }\n"], ["\n display: inline-flex;\n align-items: center;\n color: ", ";\n &::before {\n flex-shrink: 0;\n display: block;\n content: \"\";\n width: 18px;\n height: 18px;\n border: 1px solid\n ", ";\n border-radius: ", "px;\n box-shadow: ", ";\n background-color: ", ";\n margin-right: ", ";\n transition: background-color 0.3s ease;\n }\n ", ":disabled + & {\n color: ", ";\n }\n ", ":disabled + &::before {\n border: 1px solid ", ";\n background-color: ", ";\n }\n ", ":disabled:checked + &::before {\n background-image: ", ";\n background-repeat: no-repeat;\n background-position: center center;\n }\n"])), function (_a) {
|
|
4536
4536
|
var error = _a.error;
|
|
4537
4537
|
return error
|
|
4538
4538
|
? function (_a) {
|
|
@@ -4573,7 +4573,7 @@ var Span = styled__default["default"].span(templateObject_3$o || (templateObject
|
|
|
4573
4573
|
? "url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%223%22%20viewBox%3D%220%200%2010%203%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23b3bac1%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22a%22%20width%3D%2210%22%20height%3D%223%22%20rx%3D%220.596%22%2F%3E%3C%2Fsvg%3E')"
|
|
4574
4574
|
: "url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.001%22%20height%3D%228.997%22%20viewBox%3D%220%200%2012.001%208.997%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23b3bac1%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M405.681%2C343.44l-5.154%2C5.12-1.332%2C1.323a.622.622%2C0%2C0%2C1-.877%2C0l-1.333-1.323h0l-2.943-2.924a.612.612%2C0%2C0%2C1%2C0-.871l1.332-1.324a.624.624%2C0%2C0%2C1%2C.877%2C0l2.506%2C2.49%2C4.714-4.685a.624.624%2C0%2C0%2C1%2C.877%2C0l1.333%2C1.323A.614.614%2C0%2C0%2C1%2C405.681%2C343.44Z%22%20transform%3D%22translate(-393.861%20-341.066)%22%2F%3E%3C%2Fsvg%3E')";
|
|
4575
4575
|
});
|
|
4576
|
-
var templateObject_1
|
|
4576
|
+
var templateObject_1$$, templateObject_2$x, templateObject_3$p;
|
|
4577
4577
|
|
|
4578
4578
|
var Checkbox = React__namespace.forwardRef(function (_a, ref) {
|
|
4579
4579
|
var children = _a.children, _b = _a.indeterminate, indeterminate = _b === void 0 ? false : _b, _c = _a.error, error = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, inputRef = _a.inputRef, rest = __rest(_a, ["children", "indeterminate", "error", "disabled", "inputRef"]);
|
|
@@ -4647,7 +4647,7 @@ var ClickAwayListener = function (_a) {
|
|
|
4647
4647
|
*/
|
|
4648
4648
|
var addScrollbarProperties = function (_a) {
|
|
4649
4649
|
var _b = _a.height, height = _b === void 0 ? "auto" : _b, _c = _a.maxHeight, maxHeight = _c === void 0 ? "none" : _c, _d = _a.minHeight, minHeight = _d === void 0 ? "none" : _d;
|
|
4650
|
-
return styled.css(templateObject_1$
|
|
4650
|
+
return styled.css(templateObject_1$_ || (templateObject_1$_ = __makeTemplateObject(["\n height: ", ";\n max-height: ", ";\n min-height: ", ";\n overflow-y: scroll;\n\n &::-webkit-scrollbar {\n width: 16px;\n }\n\n &::-webkit-scrollbar-corner {\n display: none;\n }\n\n &::-webkit-scrollbar-thumb {\n border: 5px solid transparent;\n background-color: ", ";\n background-clip: padding-box;\n border-radius: 10rem;\n &:hover {\n background-color: ", ";\n }\n }\n"], ["\n height: ", ";\n max-height: ", ";\n min-height: ", ";\n overflow-y: scroll;\n\n &::-webkit-scrollbar {\n width: 16px;\n }\n\n &::-webkit-scrollbar-corner {\n display: none;\n }\n\n &::-webkit-scrollbar-thumb {\n border: 5px solid transparent;\n background-color: ", ";\n background-clip: padding-box;\n border-radius: 10rem;\n &:hover {\n background-color: ", ";\n }\n }\n"])), height, maxHeight, minHeight, function (_a) {
|
|
4651
4651
|
var theme = _a.theme;
|
|
4652
4652
|
return theme.palette.gray.main;
|
|
4653
4653
|
}, function (_a) {
|
|
@@ -4655,13 +4655,13 @@ var addScrollbarProperties = function (_a) {
|
|
|
4655
4655
|
return theme.palette.gray.dark;
|
|
4656
4656
|
});
|
|
4657
4657
|
};
|
|
4658
|
-
var templateObject_1$
|
|
4658
|
+
var templateObject_1$_;
|
|
4659
4659
|
|
|
4660
|
-
var fadeIn = styled.keyframes(templateObject_1$
|
|
4661
|
-
styled__default["default"].div(templateObject_2$
|
|
4662
|
-
var slideIn = styled.keyframes(templateObject_3$
|
|
4663
|
-
var FullSizeSlideIn = styled.keyframes(templateObject_4$
|
|
4664
|
-
var ModalContainer = styled__default["default"](Card)(templateObject_5$
|
|
4660
|
+
var fadeIn = styled.keyframes(templateObject_1$Z || (templateObject_1$Z = __makeTemplateObject(["\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n"], ["\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n"])));
|
|
4661
|
+
styled__default["default"].div(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n /* TODO: color */\n background-color: #001326cb;\n animation: ", " 0.4s;\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n /* TODO: color */\n background-color: #001326cb;\n animation: ", " 0.4s;\n"])), fadeIn);
|
|
4662
|
+
var slideIn = styled.keyframes(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n 0% {\n transform: translate(-50%, calc(-50% + 8px));\n }\n 100% {\n transform: translate(-50%, -50%);\n }\n"], ["\n 0% {\n transform: translate(-50%, calc(-50% + 8px));\n }\n 100% {\n transform: translate(-50%, -50%);\n }\n"])));
|
|
4663
|
+
var FullSizeSlideIn = styled.keyframes(templateObject_4$g || (templateObject_4$g = __makeTemplateObject(["\n 0% {\n transform: translate(-50%, 0%);\n }\n 100% {\n transform: translate(-50%, -48%);\n }\n"], ["\n 0% {\n transform: translate(-50%, 0%);\n }\n 100% {\n transform: translate(-50%, -48%);\n }\n"])));
|
|
4664
|
+
var ModalContainer = styled__default["default"](Card)(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n position: absolute;\n top: 50%;\n left: 50%;\n min-width: 400px;\n width: ", ";\n height: ", ";\n transform: ", ";\n border-radius: ", ";\n background-color: ", ";\n animation: ", " 0.4s;\n overflow: hidden;\n"], ["\n position: absolute;\n top: 50%;\n left: 50%;\n min-width: 400px;\n width: ", ";\n height: ", ";\n transform: ", ";\n border-radius: ", ";\n background-color: ", ";\n animation: ", " 0.4s;\n overflow: hidden;\n"])), function (_a) {
|
|
4665
4665
|
var fullSize = _a.fullSize;
|
|
4666
4666
|
return (fullSize ? "100vw" : "auto");
|
|
4667
4667
|
}, function (_a) {
|
|
@@ -4680,7 +4680,7 @@ var ModalContainer = styled__default["default"](Card)(templateObject_5$b || (tem
|
|
|
4680
4680
|
var fullSize = _a.fullSize;
|
|
4681
4681
|
return (fullSize ? FullSizeSlideIn : slideIn);
|
|
4682
4682
|
});
|
|
4683
|
-
var ModalHeader = styled__default["default"].div(templateObject_6$
|
|
4683
|
+
var ModalHeader = styled__default["default"].div(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: ", "px\n ", "px;\n border-bottom: 1px solid ", ";\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: ", "px\n ", "px;\n border-bottom: 1px solid ", ";\n"])), function (_a) {
|
|
4684
4684
|
var theme = _a.theme;
|
|
4685
4685
|
return theme.spacing * 2;
|
|
4686
4686
|
}, function (_a) {
|
|
@@ -4737,20 +4737,20 @@ var TipContentContainer = styled__default["default"].div(templateObject_14 || (t
|
|
|
4737
4737
|
var theme = _a.theme;
|
|
4738
4738
|
return 512 - (theme.spacing * 2 * 2 + theme.spacing * 2 + 18);
|
|
4739
4739
|
});
|
|
4740
|
-
var templateObject_1$
|
|
4740
|
+
var templateObject_1$Z, templateObject_2$w, templateObject_3$o, templateObject_4$g, templateObject_5$c, templateObject_6$6, templateObject_7$2, templateObject_8$1, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
|
|
4741
4741
|
|
|
4742
|
-
var Container$x = styled__default["default"].div(templateObject_1$
|
|
4743
|
-
var ContentWrapper = styled__default["default"].div(templateObject_2$
|
|
4742
|
+
var Container$x = styled__default["default"].div(templateObject_1$Y || (templateObject_1$Y = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n"], ["\n display: flex;\n align-items: flex-start;\n"])));
|
|
4743
|
+
var ContentWrapper = styled__default["default"].div(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n padding: ", "px;\n"], ["\n padding: ", "px;\n"])), function (_a) {
|
|
4744
4744
|
var theme = _a.theme;
|
|
4745
4745
|
return theme.spacing * 2;
|
|
4746
4746
|
});
|
|
4747
|
-
var IconWrapper = styled__default["default"].div(templateObject_3$
|
|
4747
|
+
var IconWrapper = styled__default["default"].div(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n cursor: pointer;\n padding: ", "px;\n"], ["\n cursor: pointer;\n padding: ", "px;\n"])), function (_a) {
|
|
4748
4748
|
var theme = _a.theme;
|
|
4749
4749
|
return theme.spacing;
|
|
4750
4750
|
});
|
|
4751
|
-
var templateObject_1$
|
|
4751
|
+
var templateObject_1$Y, templateObject_2$v, templateObject_3$n;
|
|
4752
4752
|
|
|
4753
|
-
var Container$w = styled__default["default"].div(templateObject_1$
|
|
4753
|
+
var Container$w = styled__default["default"].div(templateObject_1$X || (templateObject_1$X = __makeTemplateObject(["\n background-color: ", ";\n box-shadow: 0px 0px 16px\n ", ";\n border-radius: ", "px;\n"], ["\n background-color: ", ";\n box-shadow: 0px 0px 16px\n ", ";\n border-radius: ", "px;\n"])), function (_a) {
|
|
4754
4754
|
var theme = _a.theme;
|
|
4755
4755
|
return theme.palette.background.default;
|
|
4756
4756
|
}, function (_a) {
|
|
@@ -4760,7 +4760,7 @@ var Container$w = styled__default["default"].div(templateObject_1$W || (template
|
|
|
4760
4760
|
var theme = _a.theme;
|
|
4761
4761
|
return theme.radius;
|
|
4762
4762
|
});
|
|
4763
|
-
var templateObject_1$
|
|
4763
|
+
var templateObject_1$X;
|
|
4764
4764
|
|
|
4765
4765
|
/**
|
|
4766
4766
|
* Simple ponyfill for Object.fromEntries
|
|
@@ -6910,14 +6910,14 @@ var usePopper = function usePopper(referenceElement, popperElement, options) {
|
|
|
6910
6910
|
};
|
|
6911
6911
|
};
|
|
6912
6912
|
|
|
6913
|
-
var Container$v = styled__default["default"].div(templateObject_1$
|
|
6913
|
+
var Container$v = styled__default["default"].div(templateObject_1$W || (templateObject_1$W = __makeTemplateObject(["\n position: fixed;\n right: 0;\n bottom: 0;\n top: 0;\n left: 0;\n z-index: ", ";\n\n visibility: ", ";\n"], ["\n position: fixed;\n right: 0;\n bottom: 0;\n top: 0;\n left: 0;\n z-index: ", ";\n\n visibility: ", ";\n"])), function (_a) {
|
|
6914
6914
|
var theme = _a.theme;
|
|
6915
6915
|
return theme.depth.modal;
|
|
6916
6916
|
}, function (_a) {
|
|
6917
6917
|
var isHidden = _a.isHidden;
|
|
6918
6918
|
return (isHidden ? "hidden" : "visible");
|
|
6919
6919
|
});
|
|
6920
|
-
var templateObject_1$
|
|
6920
|
+
var templateObject_1$W;
|
|
6921
6921
|
|
|
6922
6922
|
/**
|
|
6923
6923
|
* The portal component renders its children into a new "subtree" outside of current DOM hierarchy.
|
|
@@ -7048,19 +7048,19 @@ var FloatingTip = React__namespace.forwardRef(function (_a, ref) {
|
|
|
7048
7048
|
React__namespace.createElement(Icon$1, { name: "close", color: theme.palette.black })))));
|
|
7049
7049
|
});
|
|
7050
7050
|
|
|
7051
|
-
var rotate = styled.keyframes(templateObject_1$
|
|
7052
|
-
var dash = styled.keyframes(templateObject_2$
|
|
7053
|
-
var Container$u = styled__default["default"].div(templateObject_3$
|
|
7051
|
+
var rotate = styled.keyframes(templateObject_1$V || (templateObject_1$V = __makeTemplateObject(["\n 100% {\n transform: rotate(360deg);\n }\n"], ["\n 100% {\n transform: rotate(360deg);\n }\n"])));
|
|
7052
|
+
var dash = styled.keyframes(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35px;\n }\n 100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124px;\n }\n"], ["\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35px;\n }\n 100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124px;\n }\n"])));
|
|
7053
|
+
var Container$u = styled__default["default"].div(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n background-color: transparent;\n"], ["\n width: ", ";\n height: ", ";\n background-color: transparent;\n"])), function (_a) {
|
|
7054
7054
|
var width = _a.width;
|
|
7055
7055
|
return width;
|
|
7056
7056
|
}, function (_a) {
|
|
7057
7057
|
var width = _a.width;
|
|
7058
7058
|
return width;
|
|
7059
7059
|
});
|
|
7060
|
-
var Svg$1 = styled__default["default"].svg(templateObject_4$
|
|
7061
|
-
var Circle = styled__default["default"].circle(templateObject_5$
|
|
7062
|
-
var PrimaryCircle = styled__default["default"](Circle)(templateObject_6$
|
|
7063
|
-
var templateObject_1$
|
|
7060
|
+
var Svg$1 = styled__default["default"].svg(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n animation: ", " 2s linear infinite;\n transform-origin: center center;\n"], ["\n width: 100%;\n height: 100%;\n animation: ", " 2s linear infinite;\n transform-origin: center center;\n"])), rotate);
|
|
7061
|
+
var Circle = styled__default["default"].circle(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n stroke-width: 3;\n fill: none;\n"], ["\n stroke-width: 3;\n fill: none;\n"])));
|
|
7062
|
+
var PrimaryCircle = styled__default["default"](Circle)(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n animation: ", " 1.5s ease-in-out infinite;\n stroke-linecap: round;\n stroke-miterlimit: 10;\n"], ["\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n animation: ", " 1.5s ease-in-out infinite;\n stroke-linecap: round;\n stroke-miterlimit: 10;\n"])), dash);
|
|
7063
|
+
var templateObject_1$V, templateObject_2$u, templateObject_3$m, templateObject_4$f, templateObject_5$b, templateObject_6$5;
|
|
7064
7064
|
|
|
7065
7065
|
var Spinner = React__namespace.forwardRef(function (_a, ref) {
|
|
7066
7066
|
var _b = _a.width, width = _b === void 0 ? "50px" : _b;
|
|
@@ -7201,17 +7201,17 @@ var ConfirmModal = React__namespace.forwardRef(function (inProps, ref) {
|
|
|
7201
7201
|
React__namespace.createElement(ScrollContainer, { overflowYScroll: overflowYScroll, fullSize: fullSize, showFooter: showFooter }, disableHorizontalPadding ? (children) : (React__namespace.createElement(Spacer, { px: 3, pb: 3 }, children))),
|
|
7202
7202
|
showFooter && (React__namespace.createElement(ModalFooter, { fullSize: fullSize },
|
|
7203
7203
|
React__namespace.createElement(Flex, { display: "flex", alignItems: "center" },
|
|
7204
|
-
React__namespace.createElement(Button$
|
|
7204
|
+
React__namespace.createElement(Button$2, { type: "button", color: "secondary", inline: true, onClick: handleClose("clickCancelButton") }, cancelText),
|
|
7205
7205
|
React__namespace.createElement(Spacer, { pr: 2 }),
|
|
7206
|
-
React__namespace.createElement(Button$
|
|
7206
|
+
React__namespace.createElement(Button$2, { type: "submit", color: buttonColor, disabled: disabled, inline: true }, confirmText))))),
|
|
7207
7207
|
loading && (React__namespace.createElement(LoadingContainer, null,
|
|
7208
7208
|
React__namespace.createElement(Spinner, null)))))));
|
|
7209
7209
|
});
|
|
7210
7210
|
|
|
7211
|
-
var ActionButton = styled__default["default"](ActionButton$1)(templateObject_1$
|
|
7212
|
-
var templateObject_1$
|
|
7211
|
+
var ActionButton = styled__default["default"](ActionButton$1)(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n width: 34px;\n height: 34px;\n"], ["\n width: 34px;\n height: 34px;\n"])));
|
|
7212
|
+
var templateObject_1$U;
|
|
7213
7213
|
|
|
7214
|
-
var Container$t = styled__default["default"].div(templateObject_1$
|
|
7214
|
+
var Container$t = styled__default["default"].div(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n display: ", ";\n padding: ", "px 0;\n border-radius: ", "px;\n background-color: ", ";\n ", "\n"], ["\n display: ", ";\n padding: ", "px 0;\n border-radius: ", "px;\n background-color: ", ";\n ", "\n"])), function (_a) {
|
|
7215
7215
|
var inline = _a.inline;
|
|
7216
7216
|
return (inline ? "inline-block" : "block");
|
|
7217
7217
|
}, function (_a) {
|
|
@@ -7227,7 +7227,7 @@ var Container$t = styled__default["default"].div(templateObject_1$S || (template
|
|
|
7227
7227
|
var maxHeight = _a.maxHeight;
|
|
7228
7228
|
return addScrollbarProperties({ maxHeight: maxHeight });
|
|
7229
7229
|
});
|
|
7230
|
-
var TitleContainer = styled__default["default"].div(templateObject_2$
|
|
7230
|
+
var TitleContainer = styled__default["default"].div(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n display: flex;\n align-items: center;\n height: 32px;\n background: ", ";\n margin: ", "px 0;\n padding: ", "px;\n"], ["\n display: flex;\n align-items: center;\n height: 32px;\n background: ", ";\n margin: ", "px 0;\n padding: ", "px;\n"])), function (_a) {
|
|
7231
7231
|
var theme = _a.theme;
|
|
7232
7232
|
return theme.palette.gray.highlight;
|
|
7233
7233
|
}, function (_a) {
|
|
@@ -7237,8 +7237,8 @@ var TitleContainer = styled__default["default"].div(templateObject_2$s || (templ
|
|
|
7237
7237
|
var theme = _a.theme;
|
|
7238
7238
|
return theme.spacing;
|
|
7239
7239
|
});
|
|
7240
|
-
var Text = styled__default["default"](Typography)(templateObject_3$
|
|
7241
|
-
var TextContainer$4 = styled__default["default"].div(templateObject_4$
|
|
7240
|
+
var Text$1 = styled__default["default"](Typography)(templateObject_3$l || (templateObject_3$l = __makeTemplateObject([""], [""])));
|
|
7241
|
+
var TextContainer$4 = styled__default["default"].div(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n cursor: ", ";\n display: flex;\n align-items: center;\n height: 32px;\n margin: 0 ", "px;\n padding: 0 ", "px;\n border-radius: ", "px;\n &:hover {\n ", " {\n color: ", ";\n }\n background-color: ", ";\n }\n &:active {\n background-color: ", ";\n }\n"], ["\n cursor: ", ";\n display: flex;\n align-items: center;\n height: 32px;\n margin: 0 ", "px;\n padding: 0 ", "px;\n border-radius: ", "px;\n &:hover {\n ", " {\n color: ", ";\n }\n background-color: ", ";\n }\n &:active {\n background-color: ", ";\n }\n"])), function (_a) {
|
|
7242
7242
|
var disabled = _a.disabled;
|
|
7243
7243
|
return (disabled ? "default" : "pointer");
|
|
7244
7244
|
}, function (_a) {
|
|
@@ -7250,7 +7250,7 @@ var TextContainer$4 = styled__default["default"].div(templateObject_4$d || (temp
|
|
|
7250
7250
|
}, function (_a) {
|
|
7251
7251
|
var theme = _a.theme;
|
|
7252
7252
|
return theme.radius;
|
|
7253
|
-
}, Text, function (_a) {
|
|
7253
|
+
}, Text$1, function (_a) {
|
|
7254
7254
|
var hover = _a.hover;
|
|
7255
7255
|
return hover.color;
|
|
7256
7256
|
}, function (_a) {
|
|
@@ -7260,9 +7260,9 @@ var TextContainer$4 = styled__default["default"].div(templateObject_4$d || (temp
|
|
|
7260
7260
|
var active = _a.active;
|
|
7261
7261
|
return active.background;
|
|
7262
7262
|
});
|
|
7263
|
-
var templateObject_1$
|
|
7263
|
+
var templateObject_1$T, templateObject_2$t, templateObject_3$l, templateObject_4$e;
|
|
7264
7264
|
|
|
7265
|
-
var Divider$1 = styled__default["default"].hr(templateObject_1$
|
|
7265
|
+
var Divider$1 = styled__default["default"].hr(templateObject_1$S || (templateObject_1$S = __makeTemplateObject(["\n ", "\n width: ", ";\n height: ", ";\n border: none;\n background-color: ", ";\n\n /* MEMO: adjust to FlexItem */\n align-self: stretch;\n justify-self: stretch;\n"], ["\n ", "\n width: ", ";\n height: ", ";\n border: none;\n background-color: ", ";\n\n /* MEMO: adjust to FlexItem */\n align-self: stretch;\n justify-self: stretch;\n"])), spacer, function (_a) {
|
|
7266
7266
|
var orientation = _a.orientation;
|
|
7267
7267
|
return (orientation === "vertical" ? "1px" : "auto");
|
|
7268
7268
|
}, function (_a) {
|
|
@@ -7272,7 +7272,7 @@ var Divider$1 = styled__default["default"].hr(templateObject_1$R || (templateObj
|
|
|
7272
7272
|
var color = _a.color;
|
|
7273
7273
|
return color;
|
|
7274
7274
|
});
|
|
7275
|
-
var templateObject_1$
|
|
7275
|
+
var templateObject_1$S;
|
|
7276
7276
|
|
|
7277
7277
|
var Divider = React__default["default"].forwardRef(function (_a, ref) {
|
|
7278
7278
|
var colorProp = _a.color, _b = _a.orientation, orientation = _b === void 0 ? "horizontal" : _b, rest = __rest(_a, ["color", "orientation"]);
|
|
@@ -7366,7 +7366,7 @@ var MenuList$1 = React__default["default"].forwardRef(function (_a, ref) {
|
|
|
7366
7366
|
.normal, hover: selectStyleInDisabledProp(theme, content.type, content.disabled)
|
|
7367
7367
|
.hover, active: selectStyleInDisabledProp(theme, content.type, content.disabled)
|
|
7368
7368
|
.active, onClick: handleClick(content, content.disabled) },
|
|
7369
|
-
React__default["default"].createElement(Text, { size: "sm", color: selectStyleInDisabledProp(theme, content.type, content.disabled)
|
|
7369
|
+
React__default["default"].createElement(Text$1, { size: "sm", color: selectStyleInDisabledProp(theme, content.type, content.disabled)
|
|
7370
7370
|
.normal.color }, content.text)))); };
|
|
7371
7371
|
return (React__default["default"].createElement(Container$t, __assign({ inline: inline, maxHeight: maxHeight }, rest, { ref: ref }), contents.map(function (content) {
|
|
7372
7372
|
return isGroupContent(content) ? (React__default["default"].createElement(React__default["default"].Fragment, { key: content.title },
|
|
@@ -11109,10 +11109,11 @@ var SelectContainer = function SelectContainer(props) {
|
|
|
11109
11109
|
|
|
11110
11110
|
var valueContainerCSS = function valueContainerCSS(_ref2) {
|
|
11111
11111
|
var spacing = _ref2.theme.spacing,
|
|
11112
|
-
isMulti = _ref2.isMulti
|
|
11112
|
+
isMulti = _ref2.isMulti,
|
|
11113
|
+
hasValue = _ref2.hasValue;
|
|
11113
11114
|
return {
|
|
11114
11115
|
alignItems: 'center',
|
|
11115
|
-
display: isMulti ? 'flex' : 'grid',
|
|
11116
|
+
display: isMulti && hasValue ? 'flex' : 'grid',
|
|
11116
11117
|
flex: 1,
|
|
11117
11118
|
flexWrap: 'wrap',
|
|
11118
11119
|
padding: "".concat(spacing.baseUnit / 2, "px ").concat(spacing.baseUnit * 2, "px"),
|
|
@@ -11506,7 +11507,7 @@ var containerStyle = {
|
|
|
11506
11507
|
'&:after': _objectSpread2({
|
|
11507
11508
|
content: 'attr(data-value) " "',
|
|
11508
11509
|
visibility: 'hidden',
|
|
11509
|
-
whiteSpace: '
|
|
11510
|
+
whiteSpace: 'pre'
|
|
11510
11511
|
}, spacingStyle)
|
|
11511
11512
|
};
|
|
11512
11513
|
|
|
@@ -14819,24 +14820,24 @@ var StateManagedSelect = /*#__PURE__*/React__default["default"].forwardRef(funct
|
|
|
14819
14820
|
|
|
14820
14821
|
var ReactSelect = StateManagedSelect;
|
|
14821
14822
|
|
|
14822
|
-
var Container$s = styled__default["default"].div(templateObject_1$
|
|
14823
|
+
var Container$s = styled__default["default"].div(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n min-width: ", ";\n cursor: ", ";\n"], ["\n min-width: ", ";\n cursor: ", ";\n"])), function (_a) {
|
|
14823
14824
|
var minWidth = _a.minWidth;
|
|
14824
14825
|
return minWidth || "auto";
|
|
14825
14826
|
}, function (_a) {
|
|
14826
14827
|
var isDisabled = _a.isDisabled;
|
|
14827
14828
|
return (isDisabled ? "not-allowed" : "auto");
|
|
14828
14829
|
});
|
|
14829
|
-
var ReactSelectMenuList = styled__default["default"](components.MenuList)(templateObject_2$
|
|
14830
|
+
var ReactSelectMenuList = styled__default["default"](components.MenuList)(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
14830
14831
|
var maxHeight = _a.maxHeight;
|
|
14831
14832
|
return addScrollbarProperties({ maxHeight: maxHeight + "px" });
|
|
14832
14833
|
}); // TODO: remove any
|
|
14833
|
-
var templateObject_1$
|
|
14834
|
+
var templateObject_1$R, templateObject_2$s;
|
|
14834
14835
|
|
|
14835
|
-
var DropdownIndicator$1 = styled__default["default"].div(templateObject_1$
|
|
14836
|
+
var DropdownIndicator$1 = styled__default["default"].div(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n transition: transform 150ms;\n transform: ", ";\n"], ["\n transition: transform 150ms;\n transform: ", ";\n"])), function (_a) {
|
|
14836
14837
|
var menuIsOpen = _a.menuIsOpen;
|
|
14837
14838
|
return (menuIsOpen ? "rotate(180deg)" : "");
|
|
14838
14839
|
});
|
|
14839
|
-
var templateObject_1$
|
|
14840
|
+
var templateObject_1$Q;
|
|
14840
14841
|
|
|
14841
14842
|
var DropdownIndicator = function (_a) {
|
|
14842
14843
|
var isDisabled = _a.isDisabled, error = _a.error, rest = __rest(_a, ["isDisabled", "error"]);
|
|
@@ -14856,8 +14857,8 @@ var DropdownIndicator = function (_a) {
|
|
|
14856
14857
|
React__namespace.createElement(Icon$1, { name: "arrow_bottom", size: "md", color: color })))));
|
|
14857
14858
|
};
|
|
14858
14859
|
|
|
14859
|
-
var Container$r = styled__default["default"].div(templateObject_1$
|
|
14860
|
-
var templateObject_1$
|
|
14860
|
+
var Container$r = styled__default["default"].div(templateObject_1$P || (templateObject_1$P = __makeTemplateObject([""], [""])));
|
|
14861
|
+
var templateObject_1$P;
|
|
14861
14862
|
|
|
14862
14863
|
var ClearIndicator = function (props) {
|
|
14863
14864
|
var theme = useTheme();
|
|
@@ -14995,11 +14996,11 @@ var CreatableSelect = function (inProps, ref) {
|
|
|
14995
14996
|
// FIXME: Imprement without type assertion
|
|
14996
14997
|
var CreatableSelect$1 = React__namespace.forwardRef(CreatableSelect);
|
|
14997
14998
|
|
|
14998
|
-
var Container$q = styled__default["default"].div(templateObject_1$
|
|
14999
|
+
var Container$q = styled__default["default"].div(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), function (_a) {
|
|
14999
15000
|
var theme = _a.theme;
|
|
15000
15001
|
return theme.palette.background.default;
|
|
15001
15002
|
});
|
|
15002
|
-
var BorderContainer = styled__default["default"].div(templateObject_2$
|
|
15003
|
+
var BorderContainer = styled__default["default"].div(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n border: ", ";\n border-top: 1px solid ", ";\n border-bottom: 1px solid ", ";\n border-radius: ", ";\n"], ["\n border: ", ";\n border-top: 1px solid ", ";\n border-bottom: 1px solid ", ";\n border-radius: ", ";\n"])), function (_a) {
|
|
15003
15004
|
var fullWidth = _a.fullWidth, theme = _a.theme;
|
|
15004
15005
|
return fullWidth ? "none" : "1px solid " + theme.palette.divider;
|
|
15005
15006
|
}, function (_a) {
|
|
@@ -15012,7 +15013,7 @@ var BorderContainer = styled__default["default"].div(templateObject_2$q || (temp
|
|
|
15012
15013
|
var fullWidth = _a.fullWidth, theme = _a.theme;
|
|
15013
15014
|
return fullWidth ? "none" : theme.radius + "px";
|
|
15014
15015
|
});
|
|
15015
|
-
var TableContainer = styled__default["default"].div(templateObject_4$
|
|
15016
|
+
var TableContainer = styled__default["default"].div(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n overflow-x: ", ";\n overflow-y: ", ";\n ", "\n"], ["\n overflow-x: ", ";\n overflow-y: ", ";\n ", "\n"])), function (_a) {
|
|
15016
15017
|
var horizontalScrollable = _a.horizontalScrollable;
|
|
15017
15018
|
return horizontalScrollable ? "scroll" : "visible";
|
|
15018
15019
|
}, function (_a) {
|
|
@@ -15022,9 +15023,9 @@ var TableContainer = styled__default["default"].div(templateObject_4$c || (templ
|
|
|
15022
15023
|
var maxHeight = _a.maxHeight;
|
|
15023
15024
|
return maxHeight !== "none"
|
|
15024
15025
|
? addScrollbarProperties({ maxHeight: maxHeight })
|
|
15025
|
-
: styled.css(templateObject_3$
|
|
15026
|
+
: styled.css(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n overflow-y: visible;\n max-height: ", ";\n "], ["\n overflow-y: visible;\n max-height: ", ";\n "])), maxHeight);
|
|
15026
15027
|
});
|
|
15027
|
-
var templateObject_1$
|
|
15028
|
+
var templateObject_1$O, templateObject_2$r, templateObject_3$k, templateObject_4$d;
|
|
15028
15029
|
|
|
15029
15030
|
var defaultOptions = [
|
|
15030
15031
|
{
|
|
@@ -15068,7 +15069,7 @@ var CountChanger = function (_a) {
|
|
|
15068
15069
|
React__namespace.createElement(Select$1, { isSearchable: false, name: "count_changer", defaultValue: { value: per, label: per.toString() }, options: options, isClearable: false, minWidth: "80px", onChange: handleChange })));
|
|
15069
15070
|
};
|
|
15070
15071
|
|
|
15071
|
-
var HeaderCell$3 = styled__default["default"].th(templateObject_1$
|
|
15072
|
+
var HeaderCell$3 = styled__default["default"].th(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n cursor: ", ";\n white-space: nowrap;\n width: ", ";\n padding: ", "px\n ", "px;\n box-shadow: 0 4px ", ";\n background-color: ", ";\n border-bottom: 1px solid ", ";\n\n border-right: ", ";\n &:last-of-type {\n border-right: none;\n }\n"], ["\n cursor: ", ";\n white-space: nowrap;\n width: ", ";\n padding: ", "px\n ", "px;\n box-shadow: 0 4px ", ";\n background-color: ", ";\n border-bottom: 1px solid ", ";\n\n border-right: ", ";\n &:last-of-type {\n border-right: none;\n }\n"])), function (_a) {
|
|
15072
15073
|
var isSortable = _a.isSortable;
|
|
15073
15074
|
return (isSortable ? "pointer" : "default");
|
|
15074
15075
|
}, function (_a) {
|
|
@@ -15093,7 +15094,7 @@ var HeaderCell$3 = styled__default["default"].th(templateObject_1$M || (template
|
|
|
15093
15094
|
var theme = _a.theme, enableRuledLine = _a.enableRuledLine;
|
|
15094
15095
|
return enableRuledLine ? "1px solid " + theme.palette.divider : "none";
|
|
15095
15096
|
});
|
|
15096
|
-
var templateObject_1$
|
|
15097
|
+
var templateObject_1$N;
|
|
15097
15098
|
|
|
15098
15099
|
var SortableHeaderCell = function (_a) {
|
|
15099
15100
|
var _b = _a.sortable, sortable = _b === void 0 ? false : _b, _c = _a.order, order = _c === void 0 ? null : _c, _d = _a.width, width = _d === void 0 ? "auto" : _d, _e = _a.enableRuledLine, enableRuledLine = _e === void 0 ? false : _e, children = _a.children, rest = __rest(_a, ["sortable", "order", "width", "enableRuledLine", "children"]);
|
|
@@ -15111,14 +15112,14 @@ var SortableHeaderCell = function (_a) {
|
|
|
15111
15112
|
};
|
|
15112
15113
|
|
|
15113
15114
|
var CELL_PADDING$1 = 24;
|
|
15114
|
-
var StandardCell$1 = styled__default["default"].td(templateObject_1$
|
|
15115
|
+
var StandardCell$1 = styled__default["default"].td(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n text-align: left;\n width: ", "px;\n padding-left: ", "px;\n border-top: 1px solid ", ";\n"], ["\n text-align: left;\n width: ", "px;\n padding-left: ", "px;\n border-top: 1px solid ", ";\n"])), CELL_PADDING$1 + 18, function (_a) {
|
|
15115
15116
|
var theme = _a.theme;
|
|
15116
15117
|
return theme.spacing * 2;
|
|
15117
15118
|
}, function (_a) {
|
|
15118
15119
|
var theme = _a.theme;
|
|
15119
15120
|
return theme.palette.divider;
|
|
15120
15121
|
});
|
|
15121
|
-
var HeaderCell$2 = styled__default["default"].th(templateObject_2$
|
|
15122
|
+
var HeaderCell$2 = styled__default["default"].th(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n text-align: left;\n width: ", "px;\n padding: ", "px\n ", "px;\n box-shadow: 0 4px ", ";\n background-color: ", ";\n border-bottom: 1px solid ", ";\n"], ["\n text-align: left;\n width: ", "px;\n padding: ", "px\n ", "px;\n box-shadow: 0 4px ", ";\n background-color: ", ";\n border-bottom: 1px solid ", ";\n"])), CELL_PADDING$1 + 18, function (_a) {
|
|
15122
15123
|
var theme = _a.theme;
|
|
15123
15124
|
return theme.spacing;
|
|
15124
15125
|
}, function (_a) {
|
|
@@ -15134,7 +15135,7 @@ var HeaderCell$2 = styled__default["default"].th(templateObject_2$p || (template
|
|
|
15134
15135
|
var theme = _a.theme;
|
|
15135
15136
|
return theme.palette.divider;
|
|
15136
15137
|
});
|
|
15137
|
-
var templateObject_1$
|
|
15138
|
+
var templateObject_1$M, templateObject_2$q;
|
|
15138
15139
|
|
|
15139
15140
|
var CellCheckbox = function (_a) {
|
|
15140
15141
|
var _b = _a.header, header = _b === void 0 ? false : _b, _c = _a.indeterminate, indeterminate = _c === void 0 ? false : _c, _d = _a.selected, selected = _d === void 0 ? false : _d, onClick = _a.onClick, rest = __rest(_a, ["header", "indeterminate", "selected", "onClick"]);
|
|
@@ -15149,14 +15150,14 @@ var CellCheckbox = function (_a) {
|
|
|
15149
15150
|
};
|
|
15150
15151
|
|
|
15151
15152
|
var CELL_PADDING = 24;
|
|
15152
|
-
var StandardCell = styled__default["default"].td(templateObject_1$
|
|
15153
|
+
var StandardCell = styled__default["default"].td(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n text-align: left;\n width: ", "px;\n padding-left: ", "px;\n border-top: 1px solid ", ";\n"], ["\n text-align: left;\n width: ", "px;\n padding-left: ", "px;\n border-top: 1px solid ", ";\n"])), CELL_PADDING + 18, function (_a) {
|
|
15153
15154
|
var theme = _a.theme;
|
|
15154
15155
|
return theme.spacing * 2;
|
|
15155
15156
|
}, function (_a) {
|
|
15156
15157
|
var theme = _a.theme;
|
|
15157
15158
|
return theme.palette.divider;
|
|
15158
15159
|
});
|
|
15159
|
-
var HeaderCell$1 = styled__default["default"].th(templateObject_2$
|
|
15160
|
+
var HeaderCell$1 = styled__default["default"].th(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n text-align: left;\n width: ", "px;\n padding: ", "px\n ", "px;\n box-shadow: 0 4px ", ";\n background-color: ", ";\n border-bottom: 1px solid ", ";\n"], ["\n text-align: left;\n width: ", "px;\n padding: ", "px\n ", "px;\n box-shadow: 0 4px ", ";\n background-color: ", ";\n border-bottom: 1px solid ", ";\n"])), CELL_PADDING + 18, function (_a) {
|
|
15160
15161
|
var theme = _a.theme;
|
|
15161
15162
|
return theme.spacing;
|
|
15162
15163
|
}, function (_a) {
|
|
@@ -15172,7 +15173,7 @@ var HeaderCell$1 = styled__default["default"].th(templateObject_2$o || (template
|
|
|
15172
15173
|
var theme = _a.theme;
|
|
15173
15174
|
return theme.palette.divider;
|
|
15174
15175
|
});
|
|
15175
|
-
var templateObject_1$
|
|
15176
|
+
var templateObject_1$L, templateObject_2$p;
|
|
15176
15177
|
|
|
15177
15178
|
var _a;
|
|
15178
15179
|
exports.RadioButtonSize = void 0;
|
|
@@ -15180,7 +15181,7 @@ exports.RadioButtonSize = void 0;
|
|
|
15180
15181
|
// MEDIUM = "24px",
|
|
15181
15182
|
RadioButtonSize["MEDIUM"] = "18px";
|
|
15182
15183
|
})(exports.RadioButtonSize || (exports.RadioButtonSize = {}));
|
|
15183
|
-
var Wrapper$1 = styled__default["default"].label(templateObject_1$
|
|
15184
|
+
var Wrapper$1 = styled__default["default"].label(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n position: relative;\n display: inline-flex;\n align-items: center;\n cursor: ", ";\n\n & > input {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n width: ", ";\n height: ", ";\n opacity: 0;\n cursor: ", ";\n }\n"], ["\n position: relative;\n display: inline-flex;\n align-items: center;\n cursor: ", ";\n\n & > input {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n width: ", ";\n height: ", ";\n opacity: 0;\n cursor: ", ";\n }\n"])), function (_a) {
|
|
15184
15185
|
var disabled = _a.disabled;
|
|
15185
15186
|
return (disabled ? "not-allowed" : "pointer");
|
|
15186
15187
|
}, function (_a) {
|
|
@@ -15199,7 +15200,7 @@ var indicatorSizes = (_a = {},
|
|
|
15199
15200
|
border: "1px",
|
|
15200
15201
|
},
|
|
15201
15202
|
_a);
|
|
15202
|
-
var Indicator$
|
|
15203
|
+
var Indicator$2 = styled__default["default"].div(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n position: relative;\n display: block;\n flex: 1 0 auto;\n width: ", ";\n height: ", ";\n border-radius: 50%;\n border: ", " solid\n ", ";\n box-shadow: ", ";\n transition: all 0.3s ease;\n background: ", ";\n\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n margin: auto;\n border-radius: 50%;\n content: \"\";\n }\n\n &::after {\n width: ", ";\n height: ", ";\n background: ", ";\n transition-property: background;\n }\n\n input:checked + & {\n background: ", ";\n border-color: ", ";\n }\n\n input:disabled + & {\n background: ", ";\n border-color: ", ";\n }\n input:disabled + &:after {\n background: ", ";\n }\n input:disabled:checked + &:after {\n background: ", ";\n }\n"], ["\n position: relative;\n display: block;\n flex: 1 0 auto;\n width: ", ";\n height: ", ";\n border-radius: 50%;\n border: ", " solid\n ", ";\n box-shadow: ", ";\n transition: all 0.3s ease;\n background: ", ";\n\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: block;\n margin: auto;\n border-radius: 50%;\n content: \"\";\n }\n\n &::after {\n width: ", ";\n height: ", ";\n background: ", ";\n transition-property: background;\n }\n\n input:checked + & {\n background: ", ";\n border-color: ", ";\n }\n\n input:disabled + & {\n background: ", ";\n border-color: ", ";\n }\n input:disabled + &:after {\n background: ", ";\n }\n input:disabled:checked + &:after {\n background: ", ";\n }\n"])), function (_a) {
|
|
15203
15204
|
var size = _a.size;
|
|
15204
15205
|
return size;
|
|
15205
15206
|
}, function (_a) {
|
|
@@ -15245,7 +15246,7 @@ var Indicator$1 = styled__default["default"].div(templateObject_2$n || (template
|
|
|
15245
15246
|
var theme = _a.theme;
|
|
15246
15247
|
return theme.palette.text.disabled;
|
|
15247
15248
|
});
|
|
15248
|
-
var Label$2 = styled__default["default"].span(templateObject_3$
|
|
15249
|
+
var Label$2 = styled__default["default"].span(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n flex: 0 1 auto;\n margin-left: ", "px;\n font-size: 14px;\n\n input:disabled + div + & {\n color: ", ";\n }\n"], ["\n flex: 0 1 auto;\n margin-left: ", "px;\n font-size: 14px;\n\n input:disabled + div + & {\n color: ", ";\n }\n"])), function (_a) {
|
|
15249
15250
|
var theme = _a.theme;
|
|
15250
15251
|
return theme.spacing;
|
|
15251
15252
|
}, function (_a) {
|
|
@@ -15261,10 +15262,10 @@ var RadioButton = React__namespace.forwardRef(function (_a, ref) {
|
|
|
15261
15262
|
};
|
|
15262
15263
|
return (React__namespace.createElement(Wrapper$1, { ref: ref, as: children == null ? "span" : "label", disabled: disabled, size: size },
|
|
15263
15264
|
React__namespace.createElement("input", __assign({}, rest, { ref: inputRef, disabled: disabled, type: "radio", onChange: handleChange })),
|
|
15264
|
-
React__namespace.createElement(Indicator$
|
|
15265
|
+
React__namespace.createElement(Indicator$2, __assign({ size: size }, indicatorSizes[size])),
|
|
15265
15266
|
children != null ? React__namespace.createElement(Label$2, null, children) : null));
|
|
15266
15267
|
});
|
|
15267
|
-
var templateObject_1$
|
|
15268
|
+
var templateObject_1$K, templateObject_2$o, templateObject_3$j;
|
|
15268
15269
|
|
|
15269
15270
|
var CellRadio = function (_a) {
|
|
15270
15271
|
var _b = _a.header, header = _b === void 0 ? false : _b, _c = _a.selected, selected = _c === void 0 ? false : _c, onClick = _a.onClick, rest = __rest(_a, ["header", "selected", "onClick"]);
|
|
@@ -15282,7 +15283,7 @@ var Body$1 = function (_a) {
|
|
|
15282
15283
|
return (React__namespace.createElement("tbody", null, children));
|
|
15283
15284
|
};
|
|
15284
15285
|
|
|
15285
|
-
var Component$4 = styled__default["default"].td(templateObject_1$
|
|
15286
|
+
var Component$4 = styled__default["default"].td(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n width: ", ";\n padding-right: ", "px;\n padding-left: ", "px;\n border-top: 1px solid ", ";\n border-right: ", ";\n\n &:last-of-type {\n border-right: none;\n }\n"], ["\n width: ", ";\n padding-right: ", "px;\n padding-left: ", "px;\n border-top: 1px solid ", ";\n border-right: ", ";\n\n &:last-of-type {\n border-right: none;\n }\n"])), function (_a) {
|
|
15286
15287
|
var width = _a.width;
|
|
15287
15288
|
return width;
|
|
15288
15289
|
}, function (_a) {
|
|
@@ -15302,7 +15303,7 @@ var Cell$1 = function (_a) {
|
|
|
15302
15303
|
var _b = _a.width, width = _b === void 0 ? "auto" : _b, _c = _a.enableRuledLine, enableRuledLine = _c === void 0 ? false : _c, children = _a.children, rest = __rest(_a, ["width", "enableRuledLine", "children"]);
|
|
15303
15304
|
return (React__namespace.createElement(Component$4, __assign({ width: width, enableRuledLine: enableRuledLine }, rest), children));
|
|
15304
15305
|
};
|
|
15305
|
-
var templateObject_1$
|
|
15306
|
+
var templateObject_1$J;
|
|
15306
15307
|
|
|
15307
15308
|
var Header$2 = function (_a) {
|
|
15308
15309
|
var children = _a.children;
|
|
@@ -15314,20 +15315,20 @@ var verticalSpacingMap$1 = {
|
|
|
15314
15315
|
medium: "12px",
|
|
15315
15316
|
large: "16px",
|
|
15316
15317
|
};
|
|
15317
|
-
var Component$3 = styled__default["default"].tr(templateObject_3$
|
|
15318
|
+
var Component$3 = styled__default["default"].tr(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n background-color: ", ";\n\n &:hover {\n ", "\n }\n\n & > th {\n ", "\n }\n\n & > td {\n padding-top: ", ";\n padding-bottom: ", ";\n }\n"], ["\n background-color: ", ";\n\n &:hover {\n ", "\n }\n\n & > th {\n ", "\n }\n\n & > td {\n padding-top: ", ";\n padding-bottom: ", ";\n }\n"])), function (_a) {
|
|
15318
15319
|
var highlighted = _a.highlighted, theme = _a.theme;
|
|
15319
15320
|
return highlighted ? theme.palette.primary.highlight : "none";
|
|
15320
15321
|
}, function (_a) {
|
|
15321
15322
|
var disableHoverHighlight = _a.disableHoverHighlight, highlighted = _a.highlighted, theme = _a.theme;
|
|
15322
15323
|
return disableHoverHighlight
|
|
15323
15324
|
? ""
|
|
15324
|
-
: styled.css(templateObject_1$
|
|
15325
|
+
: styled.css(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), highlighted
|
|
15325
15326
|
? "none"
|
|
15326
15327
|
: theme.palette.gray.highlight);
|
|
15327
15328
|
}, function (_a) {
|
|
15328
15329
|
var isStickyHeader = _a.isStickyHeader;
|
|
15329
15330
|
return isStickyHeader
|
|
15330
|
-
? styled.css(templateObject_2$
|
|
15331
|
+
? styled.css(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n position: sticky;\n top: 0;\n z-index: 1;\n "], ["\n position: sticky;\n top: 0;\n z-index: 1;\n "]))) : "";
|
|
15331
15332
|
}, function (_a) {
|
|
15332
15333
|
var verticalSpacing = _a.verticalSpacing;
|
|
15333
15334
|
return verticalSpacingMap$1[verticalSpacing];
|
|
@@ -15339,9 +15340,9 @@ var Row$1 = function (_a) {
|
|
|
15339
15340
|
var _b = _a.highlighted, highlighted = _b === void 0 ? false : _b, _c = _a.verticalSpacing, verticalSpacing = _c === void 0 ? "medium" : _c, _d = _a.isStickyHeader, isStickyHeader = _d === void 0 ? false : _d, _e = _a.disableHoverHighlight, disableHoverHighlight = _e === void 0 ? false : _e, children = _a.children, rest = __rest(_a, ["highlighted", "verticalSpacing", "isStickyHeader", "disableHoverHighlight", "children"]);
|
|
15340
15341
|
return (React__namespace.createElement(Component$3, __assign({ highlighted: highlighted, verticalSpacing: verticalSpacing, isStickyHeader: isStickyHeader, disableHoverHighlight: disableHoverHighlight }, rest), children));
|
|
15341
15342
|
};
|
|
15342
|
-
var templateObject_1$
|
|
15343
|
+
var templateObject_1$I, templateObject_2$n, templateObject_3$i;
|
|
15343
15344
|
|
|
15344
|
-
var Container$p = styled__default["default"].table(templateObject_1$
|
|
15345
|
+
var Container$p = styled__default["default"].table(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n table-layout: ", ";\n white-space: ", ";\n & > thead > tr:first-of-type > th {\n &:first-of-type {\n border-top-left-radius: ", "px;\n }\n &:last-of-type {\n border-top-right-radius: ", "px;\n }\n }\n & > tbody > tr:first-of-type > td {\n border-top: none;\n }\n"], ["\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n table-layout: ", ";\n white-space: ", ";\n & > thead > tr:first-of-type > th {\n &:first-of-type {\n border-top-left-radius: ", "px;\n }\n &:last-of-type {\n border-top-right-radius: ", "px;\n }\n }\n & > tbody > tr:first-of-type > td {\n border-top: none;\n }\n"])), function (_a) {
|
|
15345
15346
|
var horizontalScrollable = _a.horizontalScrollable;
|
|
15346
15347
|
return horizontalScrollable ? "auto" : "fixed";
|
|
15347
15348
|
}, function (_a) {
|
|
@@ -15362,7 +15363,7 @@ Table$1.Header = Header$2;
|
|
|
15362
15363
|
Table$1.Body = Body$1;
|
|
15363
15364
|
Table$1.Row = Row$1;
|
|
15364
15365
|
Table$1.Cell = Cell$1;
|
|
15365
|
-
var templateObject_1$
|
|
15366
|
+
var templateObject_1$H;
|
|
15366
15367
|
|
|
15367
15368
|
var defaultGetValue = function (obj) { return obj; };
|
|
15368
15369
|
var useOrderState = function (defaultState) {
|
|
@@ -15396,7 +15397,7 @@ var sort = function (array, order) {
|
|
|
15396
15397
|
});
|
|
15397
15398
|
};
|
|
15398
15399
|
|
|
15399
|
-
var NumberButton$1 = styled__default["default"].button(templateObject_1$
|
|
15400
|
+
var NumberButton$1 = styled__default["default"].button(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n width: 28px;\n height: 28px;\n margin: 0 4px;\n border-radius: ", "px;\n border: 0;\n background-color: ", ";\n transition: all 0.3s;\n &:hover {\n background-color: ", ";\n cursor: ", ";\n }\n"], ["\n width: 28px;\n height: 28px;\n margin: 0 4px;\n border-radius: ", "px;\n border: 0;\n background-color: ", ";\n transition: all 0.3s;\n &:hover {\n background-color: ", ";\n cursor: ", ";\n }\n"])), function (_a) {
|
|
15400
15401
|
var theme = _a.theme;
|
|
15401
15402
|
return theme.radius;
|
|
15402
15403
|
}, function (_a) {
|
|
@@ -15409,7 +15410,7 @@ var NumberButton$1 = styled__default["default"].button(templateObject_1$F || (te
|
|
|
15409
15410
|
var active = _a.active;
|
|
15410
15411
|
return (active ? "default" : "pointer");
|
|
15411
15412
|
});
|
|
15412
|
-
var templateObject_1$
|
|
15413
|
+
var templateObject_1$G;
|
|
15413
15414
|
|
|
15414
15415
|
var NumberButton = function (_a) {
|
|
15415
15416
|
var index = _a.index, isActiveIndex = _a.isActiveIndex, onClick = _a.onClick;
|
|
@@ -15417,7 +15418,7 @@ var NumberButton = function (_a) {
|
|
|
15417
15418
|
React__namespace.createElement(Typography, { component: "span", weight: "bold", size: "xs", color: isActiveIndex ? "white" : "primary" }, index)));
|
|
15418
15419
|
};
|
|
15419
15420
|
|
|
15420
|
-
var ArrowButton$1 = styled__default["default"].button(templateObject_1$
|
|
15421
|
+
var ArrowButton$1 = styled__default["default"].button(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n width: 28px;\n height: 28px;\n padding: 0 5px;\n border-radius: ", "px;\n border: 0;\n transition: all 0.3s;\n &:first-child {\n margin-right: 14px;\n }\n &:last-child {\n margin-left: 14px;\n }\n background-color: ", ";\n &:hover {\n background-color: ", ";\n cursor: ", ";\n }\n"], ["\n width: 28px;\n height: 28px;\n padding: 0 5px;\n border-radius: ", "px;\n border: 0;\n transition: all 0.3s;\n &:first-child {\n margin-right: 14px;\n }\n &:last-child {\n margin-left: 14px;\n }\n background-color: ", ";\n &:hover {\n background-color: ", ";\n cursor: ", ";\n }\n"])), function (_a) {
|
|
15421
15422
|
var theme = _a.theme;
|
|
15422
15423
|
return theme.radius;
|
|
15423
15424
|
}, function (_a) {
|
|
@@ -15430,7 +15431,7 @@ var ArrowButton$1 = styled__default["default"].button(templateObject_1$E || (tem
|
|
|
15430
15431
|
var disabled = _a.disabled;
|
|
15431
15432
|
return (disabled ? "default" : "pointer");
|
|
15432
15433
|
});
|
|
15433
|
-
var templateObject_1$
|
|
15434
|
+
var templateObject_1$F;
|
|
15434
15435
|
|
|
15435
15436
|
var ArrowButton = function (_a) {
|
|
15436
15437
|
var isRight = _a.isRight, disabled = _a.disabled, onClick = _a.onClick;
|
|
@@ -15439,11 +15440,11 @@ var ArrowButton = function (_a) {
|
|
|
15439
15440
|
React__namespace.createElement(Icon$1, { name: isRight ? "arrow_right" : "arrow_left", size: "md", color: disabled ? theme.palette.text.disabled : theme.palette.icon.active })));
|
|
15440
15441
|
};
|
|
15441
15442
|
|
|
15442
|
-
var ThreeDotsWrapper = styled__default["default"].div(templateObject_1$
|
|
15443
|
+
var ThreeDotsWrapper = styled__default["default"].div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n width: 28px;\n height: 28px;\n margin: 0 ", "px;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n letter-spacing: 1.5px;\n font-size: 12px;\n font-weight: bold;\n"], ["\n width: 28px;\n height: 28px;\n margin: 0 ", "px;\n display: flex;\n align-items: flex-end;\n justify-content: center;\n letter-spacing: 1.5px;\n font-size: 12px;\n font-weight: bold;\n"])), function (_a) {
|
|
15443
15444
|
var theme = _a.theme;
|
|
15444
15445
|
return theme.spacing * 0.5;
|
|
15445
15446
|
});
|
|
15446
|
-
var templateObject_1$
|
|
15447
|
+
var templateObject_1$E;
|
|
15447
15448
|
|
|
15448
15449
|
var getCenterIndex = function (pagerCount, index) {
|
|
15449
15450
|
switch (true) {
|
|
@@ -15499,7 +15500,7 @@ var useFilterState = function (per, index) {
|
|
|
15499
15500
|
return React__namespace.useState({ per: per, index: index });
|
|
15500
15501
|
};
|
|
15501
15502
|
|
|
15502
|
-
var EmptyContainer = styled__default["default"].div(templateObject_1$
|
|
15503
|
+
var EmptyContainer = styled__default["default"].div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n padding: ", "px\n ", "px ", "px;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n padding: ", "px\n ", "px ", "px;\n"])), function (_a) {
|
|
15503
15504
|
var theme = _a.theme;
|
|
15504
15505
|
return theme.spacing * 5;
|
|
15505
15506
|
}, function (_a) {
|
|
@@ -15509,11 +15510,11 @@ var EmptyContainer = styled__default["default"].div(templateObject_1$C || (templ
|
|
|
15509
15510
|
var theme = _a.theme;
|
|
15510
15511
|
return theme.spacing * 7;
|
|
15511
15512
|
});
|
|
15512
|
-
var EmptyImage = styled__default["default"].img(templateObject_2$
|
|
15513
|
+
var EmptyImage = styled__default["default"].img(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n width: ", "px;\n height: auto;\n"], ["\n width: ", "px;\n height: auto;\n"])), function (_a) {
|
|
15513
15514
|
var width = _a.width;
|
|
15514
15515
|
return width;
|
|
15515
15516
|
});
|
|
15516
|
-
var templateObject_1$
|
|
15517
|
+
var templateObject_1$D, templateObject_2$m;
|
|
15517
15518
|
|
|
15518
15519
|
var defaultEmptyImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAADvCAYAAACUqsrFAAAACXBIWXMAACxKAAAsSgF3enRNAAAUg0lEQVR4nO2df4wcR5XH3+6Md5d4Z3aOc3BErKwvhphcBE5O4hIdsWNAlmIpgaAz/xxIJAjp+AfwgcQPI5REkSLdHzkCJ51AgOxE8BcBwhnEjyCyDkGXBCGvc4KLgeS8xob4+DU7s4bd9a7n9No13p7u6pmp7qo31d3fjzSyp12eqamub7+qV69ejXU6HQKjodlqN4joRvXle9Wf4Wtd+P1MQiWPRd6fUi9mnr+G3zfqtVOa/wuEgNAECAmKxbRdvW4bQVVOKBHOd18QoAwQmgOarfbekLD4z1mPq7uoRDenXiy+pgf1KhQQmgWarXZXVPx6e+5/0KXhaCC8Rr0250F9cg+ElpJmq32XEtZdnlusrLDFe1y95mDt0gGhGaAs10ElriTnRNH5JhEdadRrj5f096cCQhtAs9Vmx8Xd6lVky2VK19I93KjX5vNVdXkgtATU0PDugsy5XMPezIdZeBha6oHQQig3PAvsPlivVCwqwR3BskEvENqGwA6qV1nnXrZ5hB9YENwlSi00CEyE0guOyio0CGwklFpwpRNas9W+W80jIDB5unO4h8vmNCmN0FRYFN/kXR5Up+yw4A426rUjZWmHwgtNDRNZYO/xoDqgl2NKcIVfhyu00DBMzA33F304WUihqWiOIyPaigLSscABAkUNYh73oA5WUVZsHiLLHRwg8GSz1b6viD+uMBZNzcWOIGSqEJxQ1q0wc7dCWDQVVT8PkRUG9gzPqdFJIci9RWu22rzo/GkPqgLc8IjyTObaUZJbocFtXyp4KHlXnqNKcik0JbI5LD6XCl7k3pvXeVvu5mhqPnYKIisdvBZ6PK/ztlwJTW3GnMMCdKk5nMclgNwMHdWT7LAHVQF+8EijXsuNdcuFRYPIgIb3NFvt3AQle2/Rmq02exY/5EFVgJ/kwv3vtdDUEwvuezCIE8oj6a3YvB06QmTAgG4kScPXRvNSaCraAyIDJuxSAQxe4t3QEY4PkBEvvZFeWTSIDFjAS2+kNxZNRXwc96AqoBj8S6Ne82Yo6YVFUyLD8UDAJp/2KVxr5BYNAcLAId4EIvtg0R6HyIAjZnxx+49UaCrqA7k9gEtmfJiWjExoKhIfoVVAgl3qoT4yRjJHU+ng5rHdBQjzjlGdVDoqi/Y4RAZGwBH1kBdHXGjKhMP5AUbBjEpJKI7o0FEdNPGkT11sZZ3o6TNVOvnHSvC+NtGh/ddeoC2v6G2XF/5YoR8uVHuuvWV2jV73yvWea2eXxoNy7dWxy9fK8pnclt95aRP9ZunS8/vV0xfp1m1rsc/zgPsb9ZroLm0xixZKcOoVYZEx3PG4s0ThcsNci3beMn0mX+uKjOG/6z7PA+5VQRJixFvLHV6eC/2/i5XYNe5wU5OTl9+vrBGtrseKBdei5dqr+u8p+mcy59f0n/f7v4z5aNX4oS8mNhGhqSGjl658XSeameLOFnoSV4hev3WN/vvcxZ5yr986TlOT1Z5yRAk9mLhjThT3M4noiglWWm85CoaUbDm9Exq7/O+TGkJKDR293SfE84gw3Hf27ei1clNVojtfVw06Vxf+O1+LlrtjZ5Ui/S94z9eL/JkMtxs/pMJMVIi2vCIuPk84KOWFdO4MUanB7nX6JRngYU13bsGdhDvLdVsKd8iOGOeWOvTEi2t0utkJnCvsDPmbGW+Fxhxr1Gt7XX+JU6HlaWGa5xs9QyaQibX1dVo6/+e8NOKbXZ/L5nqOdp8Lkf3XmbGBZeqTHbrhStvfDFzx6xbRmdbg+3rDlR2qT1qvBDtGnA4hnQlNOUCs5/1gkb3za4NvyC1Xj9FjB7wesoAQX/35GP3bs4Pv64dvJvrwLdZHYbOuHSMuLZqTSj/0zOCbYQIvxvIcjb2P7F3TTfLB8Dz/8sVgjsbLAjtfWaW3zmp8/hn4wvwYve8mJ1aNHSPOztF20quUNbO+/YWt2TNnhytbrVaoUd/ct8zyGtEPj2+4uS+5sCG2tHB7fuvkhrA4EGBi06ah2nNqku/DhYHl2itEXzw+5sKq8RTnoCsD4cq9lgtrpiO6XgT8a0+2aq0V6x9Lyqo52SRq/dGt8jSIWbNDe/QhPtc0Bj9DpmC4rJKlPXdvr9ChhH/78ok1Or24YcHyaNVcdDUnCVF01uxdu6p06Da7LvnwwiyQa8/ds5XgpYMfmu//z14Tlre5mtVeJT03O7Qnu8jCERJJEQ9gtO357l1VumYmEgCtrJoDulbNKlYXrJut9pwLoR14bDwmNLZmn3+b/ccZ8BMePkatWm2S6Nl7Lrqwapw9a7tNq2bNoqltB7myZiA/jMCq3WXzA20OHa2bW+ozN5ttuPdAAr/QzccdeiCtOkSsDB2VS/RPVmoUIikK5GcfuMKa0DgI9rGfrdHickdF7lfpDVfBIZIW1+35t5/9c48HkoJokY4LDyTZTOZjqwVEPY02rVm3U5Da5MgLrst2gxlKhev2FLZq1vq1LaFZHzZKzc26nSLMuSUsWqfFdXsKz9Xebmu/WmahKZe+9RQFmJuBJIStmhWniA2LZn3YKOlpvCYiXJ5XbJ3GHC0tEu0pbNWsjNZstIBVNygJW7M7d1Yvdw7eYf3uXZsQmpUBqfYUtGqzNjJmZfI6qvz538haiTASnkZQDAQ9kJ9p1GuZLFtWi+alNWMv13Nn1ulHp9ZpoQnHhs+w84TvE790jpR+CFq1zP08q0Vr2kxVYMOa/eL3FwMXc5ggYHV7b8BqeINil37rPkdf2Ei59qrpsWCItHVaX6dw2UHxfsOUNalrnn4XPwS/cqL3Xr3x6grte40+uFiHoFW7KcuBhqktmho2Ws0HYsOaPbUQT9T43Nnea90NiiuR9Z2VyMbFLuFOw/zfUoe+9NMLwVN4UFn+O1/TMUxZk7rm6XcxP9Lcq+fPrRutuwlatUxOvyxDR6spumx5GrmzRIl2PFOSNi/qOoqubNL/NynrAh9/F98rk3U3QQ9kpv6eRWhW52cuPY1RlzN7waKJPrvorkcTjSZ9blLZpP8/TFmTuubpdzGzM/ruN1U1u+dCVm1XlsXrVEJTX2htkdrmuhmP8cPwvOPADfFd2HfsjGfV5fcHbtBl4I1f486o+1xdWd01k7Imdc3T7+J5c3RjKN+vpDliEnmwaqmcISpdweG0XxrF9n4zdgh0g1rfcFUF62KeY+N+Ce1Xe6RRr6Waq6XtgtbmZy6iQBB9ny9s3C+2ag8eW3WdWyR1v0/7C60JDTGNwBYCc7XZtPM0Y6HZnJ+5sGY8DHnox6vB0y3J/Qz8web9EpqrpTIyaSyatcPbbFuz6DpSv7UeMHpc3C8Bq5aq/6cRmpVho1SEPhKi5ous90vAqokJzYpFczE3g3cxX7i6X46tWqoEVCMRmktrFl1DSlpUBX7g4n65tmppts0YCU05QjLHN7r0NEYXbJMWVYEfuLpfjq2asefRaMFapS140vRLwmC/GZDCYWT//aZnqZkOHTMPGyXWzdibxVswTPc3gdHg6n45tGrGOjC105kyAkl4Gjmv4JdPXLjsMuZc8IgU8ReX98thtIjx0U6iFk0qT2N4Wwyv08Cy+Yvr++XIqhl7HsUe9aPM09iE0LzF9f0SzpiViKnQUh9igZhGMCpcWDXlGBwaEYs26jyNs0Oc/glGg8T98sGqDf2LsuS2k7RmvGmRNxPyDbxuy3iQVxD4i9T9cmDVjByDJl7HVIdoS59vxmE9OLUzP0jdLwceSCOhOR9TYW4GfEE4Z38PToWG0zqBT4xyrmZis423x9jKOvyTM+v0/LlLkQM8judFzWjkN0cWfOtkb7bbblKaaLIXlM1nWeaJX63TL/5wkZbXOnTdX4/Tnu3xZET9YKsWzS3CVu19N3VMc4sY+SycWTRb1ixIF72wcSMuZSK+ECsXvVmk1miiWYtRNr9luS/85Oyl8rzIzXvXvqop1w+LVs3IZ+FMaLbmZpy5NsrpZu+NYauXFE0QvY6y+SzLLCzGN4VywtxzmqS5/RjFXM2J0GzOzXRZhrHHrJwkJVblYaQJo5irORGaTU+jbvwd3bPE8zWet0UFOKmuo2z+y5I6rET3kG0YzNG6SFu1ofejNVtt3n9z76BytvebIRofhLHZHzLuVzvWqNeGdhBaH4TZXjdjz9NH3jQReKf4iFbkBSk3NvuDRQ/kQKyaBpfrZhz/BpGBLjb6g+RczWrXdREFEl1nwdCx3NjuD1JWzVqPdWXNoussfJolKC+2+4OUVTMR2ql+/+jCmunWWbIeKgjyi6v+kNIDaXTMrhWhIaYR5JmUVq1p8pOtDB1dRejrJrvRg+tAeXDZH1yvq2WupWtrFl7QTDrdH5QHV/3B9VzNNIFqrLDt0zoBGBWGp4a+uVGvzQ1b1UwWDXMzUCRcWjVToS2E30jtnubD6njbxHNn1gPPEyg3LvuDwVytrxc+iqnQLn+4lDXjjX6cVJP3of3gxfUgzg2UF9f9YVir1qjXZIQmZc14o18Y3n/E0QGgnEj0hyGs2kKswABSCQ1zM1BkhrBqRtaMUggtWA2XzGyl23+UtAEQFB+p/jDAqhlFhVAaiyZtzaKbPHntRJe0BZQDqf4wwKoZWzSj1b5GvTb/0DPnY9dd5mnkyOyt05uCyS83KGfBAuVFsj8kRfa/ZXvnV3vrZp9ltGA9/cB57YmfOK0TFBXdLuzaJP3rbz+6+eMmP9n0cRA7ThRZh0GR0c3V2iv0/ukHzrtJN6esWezYprRzM3bJ4vhb4Jrusb38SrO4rZurcc4oIjpo8jlDDx2nHzg/FxVamphGXWbapF2ynIjl6Mm1YK2EhggiPfrCWpBU02XZV02P0Z079Vl0OWKBNyKG90ixl4wn8NHf56os2q23HcKJfLgcZ9L6+22VxDrr0MVAcupJPuhi6VObh9ouM5RFs2nNwlmHu+h2yXJW2i/99MLlzsLwTeObpyN8U12W5fpwvbh+YfhpyREL0Y2IK+q6RFm0Wy/c18Jl+e98zRQbVm3YoaO1uVk0yzAl7JJNapDwzRt03VXZfvUbNWi3DXSJVVfUUNIU3VyNhTbsXG2g0GzPzXRET32khGvUJ0ux7rqrsrr68abEpMMWotddldXVy3Vb+NpuzOyMPdd/Vqs2TE2sehqjO2K5ge7UZKXlkyB1nSa6YNnvuquyXC+uX5Q7dsZPNumejCJVFu22wRu3VWJtwWXTHt2bxar1dYa4WDfrHsPEBxbMTI4ZH7sDwCj7m25djYjuX/rU5phBCjNIaFY8jQAUhbQeyEQbKjE3AyBvpJ2r9RusIgoEAA1p5mpaocGaAZBMGquWZNGcWTNe2X/ox6v04LHVxMVOAGzhqr+ZWrWY0Fxas+jKfr/IAgB87m+mVk1n0UTnZkkRBAD43t9MrFqP0FzPzXC+GZDEdX8zsWpRiybuaUQufSCJ7f42rFW7/K1Snkbk0geSuO5vw1q1y5EhiAIBIB3DRIsEFg3rZgCkZxir1h06IgoEgAwMmquNw5oBkJ1BVm1c54p0ac14EZEXDTmXA58Icm4JyXmAOyT7W5JVIyW02OKaS2vGK/W8aMgpDTgJJv94AIrQ39iqbauPRVfE2arpYx1dzs34x4bhRD04HQa4Qrq/bf+rca2msFoMgADiQtNtI28glQFwhC/9TVxo+3ZUejIkcUJL5AwBrvClv3EVpqMXXefe+7tXV+j8aocm+VyrMX9yJHLyFl3mX2DGQrNDpxf9mXdL9rekFPcstB3Ri/sfXXZWEd/53NsmA+8RSAdvtLz90WVqrWDZJgwe3xE4Zo1j14A5EFkyLLQXfa3cqIDYzIHI+sNCW/K5gqMCYhseiGww2snIPTfH0zYXmV/+7iI9/VJ8gtzd+oA5WzL9RHbrtRV67ZXlmp185+dr9HI73hYQmuLBJ1bpu/8Tt2AQWzL9RHb79VU6tK98genHz6xrhQZniII7BXcOHRhGxoHIzIDQQkBswwGRmQOhRYDY+gORpQNC0wCx6YHI0gOhJQCx9QKRZQOutD50O0+SN5Lj2soQG9lcJvrnb65AZBmA0AbQT2wf+/6qV3WVBiIbHgwdh6DfMLKsQGRmQGhDArFtAJGZA6EZALFBZGnBI9oQ7mQcv7dUwgDa6ckxeueN6DJpQKulAJ0NmIKhIwACQGgACAChASAAhAaAABAaAAJAaAAIAKEBIACEBoAAEBoAAkBoAAgAoQEgAIQGgAAQGgACQGgACAChASAAhAaAABAaAAJgq7Bl+AiovKc5uGlbxYNaFAsIzTL//tQqzZ/156D0NDz1wSvyV2nPwdARAAEgNAAEgNAAEABzNAEO7fH3qGI+Fef0Ig55dw2EJsCh2/zN7PvUwkU6vRg/KB/YBUNHAASA0AAQAEIDQAAIDQABIDQABIDQABAAQgNAAAgNAAEgNAAEgNAAEABCA0AACA0AASA0AASA0AR4/mV/Uxv4XLciAaFZRpfYhvd8+cjRk+vUiiQSuvFqdAkXoFUtc+u1caH9x3MXvLMci8sd+tj3VmLXd+/AFkUXQGiWee2V43RVbSz2obc/uuyN2FhkXB/dzurdmgcFyA4eXw74wJ4J+uS3e60FD9H+4Qt/oXftqtIdO6vUmBpN3Y6+sB4MZaNDRubAjVW6qh5/SIDsQGgO2L2jEgwhn34pniLgKyfWgpdvvGbLOL33Zn9zm+QdDB0dcWjfRNB588DmiTH6xL4Jmp6ENXMFhOYI7rSf/cdJuv16vwcN/DA4/E9TwdwSuANDR4ew2Niy7b++QoefveBVqnB22Nxzyyba7/mDoCiglQXgtTV+vdzq0PGz68Gfo4LFz2tlsGCyQGiCsEdvfx1NXkbwWANAAAgNAAEgNAAEgNAAEABCA0AACA0AASA0AASA0AAQAEIDQAAIDQABIDQABIDQABAAQgNAAAgNAAEgNAAEgNAAEABCA0AACA0AASA0AASA0AAQAEIDQABtSqbjZ+KprAEAg1mKH9AToBXah76eUBoAkAoMHQEQAEIDQAAIDQABeI52hIjm0NgAOIKI/h/xGDgoob3NqwAAAABJRU5ErkJggg==";
|
|
15519
15520
|
|
|
@@ -15532,7 +15533,7 @@ var StorageKey;
|
|
|
15532
15533
|
StorageKey["DISPLAY_LIST_COUNT"] = "dlc";
|
|
15533
15534
|
})(StorageKey || (StorageKey = {}));
|
|
15534
15535
|
|
|
15535
|
-
var Container$o = styled__default["default"].div(templateObject_1$
|
|
15536
|
+
var Container$o = styled__default["default"].div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n padding-top: ", "px;\n padding-left: ", "px;\n background-color: ", ";\n border-bottom: 1px solid ", ";\n border-radius: ", " 0 0;\n"], ["\n padding-top: ", "px;\n padding-left: ", "px;\n background-color: ", ";\n border-bottom: 1px solid ", ";\n border-radius: ", " 0 0;\n"])), function (_a) {
|
|
15536
15537
|
var theme = _a.theme;
|
|
15537
15538
|
return theme.spacing * 1.5;
|
|
15538
15539
|
}, function (_a) {
|
|
@@ -15548,8 +15549,8 @@ var Container$o = styled__default["default"].div(templateObject_1$B || (template
|
|
|
15548
15549
|
var theme = _a.theme;
|
|
15549
15550
|
return theme.radius + "px " + theme.radius + "px";
|
|
15550
15551
|
});
|
|
15551
|
-
var TabContainer = styled__default["default"].ul(templateObject_2$
|
|
15552
|
-
var TabItem = styled__default["default"].li(templateObject_3$
|
|
15552
|
+
var TabContainer = styled__default["default"].ul(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n list-style: none;\n display: flex;\n"], ["\n list-style: none;\n display: flex;\n"])));
|
|
15553
|
+
var TabItem = styled__default["default"].li(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n min-width: ", "px;\n /* MEMO: Use negative margin to cover the border of Container */\n margin-bottom: -1px;\n padding: ", ";\n border: ", ";\n border-bottom: ", ";\n border-radius: ", " 0 0;\n background-color: ", ";\n cursor: pointer;\n"], ["\n min-width: ", "px;\n /* MEMO: Use negative margin to cover the border of Container */\n margin-bottom: -1px;\n padding: ", ";\n border: ", ";\n border-bottom: ", ";\n border-radius: ", " 0 0;\n background-color: ", ";\n cursor: pointer;\n"])), function (_a) {
|
|
15553
15554
|
var theme = _a.theme;
|
|
15554
15555
|
return theme.spacing * 10;
|
|
15555
15556
|
}, function (_a) {
|
|
@@ -15570,7 +15571,7 @@ var TabItem = styled__default["default"].li(templateObject_3$g || (templateObjec
|
|
|
15570
15571
|
var active = _a.active, theme = _a.theme;
|
|
15571
15572
|
return active ? theme.palette.background.default : "none";
|
|
15572
15573
|
});
|
|
15573
|
-
var templateObject_1$
|
|
15574
|
+
var templateObject_1$C, templateObject_2$l, templateObject_3$h;
|
|
15574
15575
|
|
|
15575
15576
|
var TableTabs = function (_a) {
|
|
15576
15577
|
var items = _a.items, value = _a.value, onChange = _a.onChange;
|
|
@@ -15848,7 +15849,7 @@ var DataTable = function (_a, ref) {
|
|
|
15848
15849
|
// FIXME: Imprement without type assertion
|
|
15849
15850
|
var DataTable$1 = React__namespace.forwardRef(DataTable);
|
|
15850
15851
|
|
|
15851
|
-
var Container$n = styled__default["default"].div(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n /* Overriding styles */\n\n /* .SingleDatePicker */\n .SingleDatePicker {\n display: inline-flex;\n }\n\n /* SingleDatePickerInput */\n .SingleDatePickerInput {\n display: block;\n border: 1px solid\n ", ";\n border-radius: ", "px;\n background-color: ", ";\n overflow: hidden;\n }\n .DateInput {\n width: 96px;\n background-color: transparent;\n }\n .DateInput_input {\n padding: 10px 11px 8px;\n line-height: 20px;\n font-size: 14px;\n color: ", ";\n background-color: transparent;\n font-family: \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"Proxima Nova\",\n Verdana, \"\u6E38\u30B4\u30B7\u30C3\u30AF\", YuGothic, Meiryo, sans-serif;\n }\n .DateInput_input__focused {\n border-bottom-color: ", ";\n }\n /* DayPickerRangeController */\n .DayPicker__withBorder {\n box-shadow: 0px 0px 16px #041c3315;\n border-radius: ", "px;\n }\n .DayPicker_weekHeader {\n color: ", ";\n }\n td {\n position: relative;\n }\n td:nth-child(7n):not(.CalendarDay__selected_start) {\n &:before {\n left: 0;\n border-top-right-radius: 11px;\n border-bottom-right-radius: 11px;\n }\n &:after {\n left: 0;\n }\n }\n td:nth-child(7n).CalendarDay__selected_span,\n td:nth-child(7n).CalendarDay__hovered_span {\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n }\n td:nth-child(7n + 1):not(.CalendarDay__selected_end) {\n &:before {\n right: 0;\n border-top-left-radius: 11px;\n border-bottom-left-radius: 11px;\n }\n &:after {\n right: 0;\n }\n }\n td:nth-child(7n + 1).CalendarDay__selected_span,\n td:nth-child(7n + 1).CalendarDay__hovered_span {\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n }\n .CalendarMonth_caption {\n font-size: 16px;\n padding-bottom: 50px;\n }\n .CalendarDay__blocked_out_of_range {\n border: 0;\n }\n .CalendarDay__default {\n border: 0;\n font-size: 12px;\n background: transparent;\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: Use !important to prevent overwriting by 'td:nth-child(7n):before' selector */\n left: 50% !important;\n transform: translate(calc(-50% - 0.5px), -50%);\n width: 22px;\n height: 22px;\n border-radius: 50%;\n z-index: -1;\n background: ", ";\n }\n }\n }\n .CalendarDay__hovered_span {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: inherit;\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: 'left: 0;' is written by 'td:nth-child' */\n transform: translateY(-50%);\n width: 100%;\n height: 22px;\n background: ", ";\n z-index: -1;\n }\n }\n .CalendarDay__selected_span {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: inherit;\n &:before {\n background: ", ";\n }\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: 'left: 0;' is written by 'td:nth-child' */\n transform: translateY(-50%);\n width: 100%;\n height: 22px;\n background: ", ";\n z-index: -1;\n }\n }\n .CalendarDay__outside {\n color: ", ";\n }\n .CalendarDay__selected {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: ", ";\n &:before {\n background: ", ";\n }\n &::after {\n background: ", ";\n }\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: Use !important to prevent overwriting by 'td:nth-child(7n):before' selector */\n left: 50% !important;\n transform: translate(calc(-50% - 0.5px), -50%);\n width: 22px;\n height: 22px;\n background: ", ";\n border-radius: 50%;\n z-index: -1;\n }\n }\n .CalendarDay__selected_start {\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translateY(-50%);\n width: 50%;\n height: 22px;\n background: ", ";\n z-index: -2;\n }\n }\n .CalendarDay__selected_end {\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n right: 50%;\n transform: translateY(-50%);\n width: 50%;\n height: 22px;\n background: ", ";\n z-index: -2;\n }\n }\n"], ["\n /* Overriding styles */\n\n /* .SingleDatePicker */\n .SingleDatePicker {\n display: inline-flex;\n }\n\n /* SingleDatePickerInput */\n .SingleDatePickerInput {\n display: block;\n border: 1px solid\n ", ";\n border-radius: ", "px;\n background-color: ", ";\n overflow: hidden;\n }\n .DateInput {\n width: 96px;\n background-color: transparent;\n }\n .DateInput_input {\n padding: 10px 11px 8px;\n line-height: 20px;\n font-size: 14px;\n color: ", ";\n background-color: transparent;\n font-family: \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"Proxima Nova\",\n Verdana, \"\u6E38\u30B4\u30B7\u30C3\u30AF\", YuGothic, Meiryo, sans-serif;\n }\n .DateInput_input__focused {\n border-bottom-color: ", ";\n }\n /* DayPickerRangeController */\n .DayPicker__withBorder {\n box-shadow: 0px 0px 16px #041c3315;\n border-radius: ", "px;\n }\n .DayPicker_weekHeader {\n color: ", ";\n }\n td {\n position: relative;\n }\n td:nth-child(7n):not(.CalendarDay__selected_start) {\n &:before {\n left: 0;\n border-top-right-radius: 11px;\n border-bottom-right-radius: 11px;\n }\n &:after {\n left: 0;\n }\n }\n td:nth-child(7n).CalendarDay__selected_span,\n td:nth-child(7n).CalendarDay__hovered_span {\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n }\n td:nth-child(7n + 1):not(.CalendarDay__selected_end) {\n &:before {\n right: 0;\n border-top-left-radius: 11px;\n border-bottom-left-radius: 11px;\n }\n &:after {\n right: 0;\n }\n }\n td:nth-child(7n + 1).CalendarDay__selected_span,\n td:nth-child(7n + 1).CalendarDay__hovered_span {\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n }\n .CalendarMonth_caption {\n font-size: 16px;\n padding-bottom: 50px;\n }\n .CalendarDay__blocked_out_of_range {\n border: 0;\n }\n .CalendarDay__default {\n border: 0;\n font-size: 12px;\n background: transparent;\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: Use !important to prevent overwriting by 'td:nth-child(7n):before' selector */\n left: 50% !important;\n transform: translate(calc(-50% - 0.5px), -50%);\n width: 22px;\n height: 22px;\n border-radius: 50%;\n z-index: -1;\n background: ", ";\n }\n }\n }\n .CalendarDay__hovered_span {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: inherit;\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: 'left: 0;' is written by 'td:nth-child' */\n transform: translateY(-50%);\n width: 100%;\n height: 22px;\n background: ", ";\n z-index: -1;\n }\n }\n .CalendarDay__selected_span {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: inherit;\n &:before {\n background: ", ";\n }\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: 'left: 0;' is written by 'td:nth-child' */\n transform: translateY(-50%);\n width: 100%;\n height: 22px;\n background: ", ";\n z-index: -1;\n }\n }\n .CalendarDay__outside {\n color: ", ";\n }\n .CalendarDay__selected {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: ", ";\n &:before {\n background: ", ";\n }\n &::after {\n background: ", ";\n }\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: Use !important to prevent overwriting by 'td:nth-child(7n):before' selector */\n left: 50% !important;\n transform: translate(calc(-50% - 0.5px), -50%);\n width: 22px;\n height: 22px;\n background: ", ";\n border-radius: 50%;\n z-index: -1;\n }\n }\n .CalendarDay__selected_start {\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translateY(-50%);\n width: 50%;\n height: 22px;\n background: ", ";\n z-index: -2;\n }\n }\n .CalendarDay__selected_end {\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n right: 50%;\n transform: translateY(-50%);\n width: 50%;\n height: 22px;\n background: ", ";\n z-index: -2;\n }\n }\n"])), function (_a) {
|
|
15852
|
+
var Container$n = styled__default["default"].div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n /* Overriding styles */\n\n /* .SingleDatePicker */\n .SingleDatePicker {\n display: inline-flex;\n }\n\n /* SingleDatePickerInput */\n .SingleDatePickerInput {\n display: block;\n border: 1px solid\n ", ";\n border-radius: ", "px;\n background-color: ", ";\n overflow: hidden;\n }\n .DateInput {\n width: 96px;\n background-color: transparent;\n }\n .DateInput_input {\n padding: 10px 11px 8px;\n line-height: 20px;\n font-size: 14px;\n color: ", ";\n background-color: transparent;\n font-family: \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"Proxima Nova\",\n Verdana, \"\u6E38\u30B4\u30B7\u30C3\u30AF\", YuGothic, Meiryo, sans-serif;\n }\n .DateInput_input__focused {\n border-bottom-color: ", ";\n }\n /* DayPickerRangeController */\n .DayPicker__withBorder {\n box-shadow: 0px 0px 16px #041c3315;\n border-radius: ", "px;\n }\n .DayPicker_weekHeader {\n color: ", ";\n }\n td {\n position: relative;\n }\n td:nth-child(7n):not(.CalendarDay__selected_start) {\n &:before {\n left: 0;\n border-top-right-radius: 11px;\n border-bottom-right-radius: 11px;\n }\n &:after {\n left: 0;\n }\n }\n td:nth-child(7n).CalendarDay__selected_span,\n td:nth-child(7n).CalendarDay__hovered_span {\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n }\n td:nth-child(7n + 1):not(.CalendarDay__selected_end) {\n &:before {\n right: 0;\n border-top-left-radius: 11px;\n border-bottom-left-radius: 11px;\n }\n &:after {\n right: 0;\n }\n }\n td:nth-child(7n + 1).CalendarDay__selected_span,\n td:nth-child(7n + 1).CalendarDay__hovered_span {\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n }\n .CalendarMonth_caption {\n font-size: 16px;\n padding-bottom: 50px;\n }\n .CalendarDay__blocked_out_of_range {\n border: 0;\n }\n .CalendarDay__default {\n border: 0;\n font-size: 12px;\n background: transparent;\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: Use !important to prevent overwriting by 'td:nth-child(7n):before' selector */\n left: 50% !important;\n transform: translate(calc(-50% - 0.5px), -50%);\n width: 22px;\n height: 22px;\n border-radius: 50%;\n z-index: -1;\n background: ", ";\n }\n }\n }\n .CalendarDay__hovered_span {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: inherit;\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: 'left: 0;' is written by 'td:nth-child' */\n transform: translateY(-50%);\n width: 100%;\n height: 22px;\n background: ", ";\n z-index: -1;\n }\n }\n .CalendarDay__selected_span {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: inherit;\n &:before {\n background: ", ";\n }\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: 'left: 0;' is written by 'td:nth-child' */\n transform: translateY(-50%);\n width: 100%;\n height: 22px;\n background: ", ";\n z-index: -1;\n }\n }\n .CalendarDay__outside {\n color: ", ";\n }\n .CalendarDay__selected {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: ", ";\n &:before {\n background: ", ";\n }\n &::after {\n background: ", ";\n }\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: Use !important to prevent overwriting by 'td:nth-child(7n):before' selector */\n left: 50% !important;\n transform: translate(calc(-50% - 0.5px), -50%);\n width: 22px;\n height: 22px;\n background: ", ";\n border-radius: 50%;\n z-index: -1;\n }\n }\n .CalendarDay__selected_start {\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translateY(-50%);\n width: 50%;\n height: 22px;\n background: ", ";\n z-index: -2;\n }\n }\n .CalendarDay__selected_end {\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n right: 50%;\n transform: translateY(-50%);\n width: 50%;\n height: 22px;\n background: ", ";\n z-index: -2;\n }\n }\n"], ["\n /* Overriding styles */\n\n /* .SingleDatePicker */\n .SingleDatePicker {\n display: inline-flex;\n }\n\n /* SingleDatePickerInput */\n .SingleDatePickerInput {\n display: block;\n border: 1px solid\n ", ";\n border-radius: ", "px;\n background-color: ", ";\n overflow: hidden;\n }\n .DateInput {\n width: 96px;\n background-color: transparent;\n }\n .DateInput_input {\n padding: 10px 11px 8px;\n line-height: 20px;\n font-size: 14px;\n color: ", ";\n background-color: transparent;\n font-family: \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"Proxima Nova\",\n Verdana, \"\u6E38\u30B4\u30B7\u30C3\u30AF\", YuGothic, Meiryo, sans-serif;\n }\n .DateInput_input__focused {\n border-bottom-color: ", ";\n }\n /* DayPickerRangeController */\n .DayPicker__withBorder {\n box-shadow: 0px 0px 16px #041c3315;\n border-radius: ", "px;\n }\n .DayPicker_weekHeader {\n color: ", ";\n }\n td {\n position: relative;\n }\n td:nth-child(7n):not(.CalendarDay__selected_start) {\n &:before {\n left: 0;\n border-top-right-radius: 11px;\n border-bottom-right-radius: 11px;\n }\n &:after {\n left: 0;\n }\n }\n td:nth-child(7n).CalendarDay__selected_span,\n td:nth-child(7n).CalendarDay__hovered_span {\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n }\n td:nth-child(7n + 1):not(.CalendarDay__selected_end) {\n &:before {\n right: 0;\n border-top-left-radius: 11px;\n border-bottom-left-radius: 11px;\n }\n &:after {\n right: 0;\n }\n }\n td:nth-child(7n + 1).CalendarDay__selected_span,\n td:nth-child(7n + 1).CalendarDay__hovered_span {\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n }\n .CalendarMonth_caption {\n font-size: 16px;\n padding-bottom: 50px;\n }\n .CalendarDay__blocked_out_of_range {\n border: 0;\n }\n .CalendarDay__default {\n border: 0;\n font-size: 12px;\n background: transparent;\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: Use !important to prevent overwriting by 'td:nth-child(7n):before' selector */\n left: 50% !important;\n transform: translate(calc(-50% - 0.5px), -50%);\n width: 22px;\n height: 22px;\n border-radius: 50%;\n z-index: -1;\n background: ", ";\n }\n }\n }\n .CalendarDay__hovered_span {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: inherit;\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: 'left: 0;' is written by 'td:nth-child' */\n transform: translateY(-50%);\n width: 100%;\n height: 22px;\n background: ", ";\n z-index: -1;\n }\n }\n .CalendarDay__selected_span {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: inherit;\n &:before {\n background: ", ";\n }\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: 'left: 0;' is written by 'td:nth-child' */\n transform: translateY(-50%);\n width: 100%;\n height: 22px;\n background: ", ";\n z-index: -1;\n }\n }\n .CalendarDay__outside {\n color: ", ";\n }\n .CalendarDay__selected {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: ", ";\n &:before {\n background: ", ";\n }\n &::after {\n background: ", ";\n }\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: Use !important to prevent overwriting by 'td:nth-child(7n):before' selector */\n left: 50% !important;\n transform: translate(calc(-50% - 0.5px), -50%);\n width: 22px;\n height: 22px;\n background: ", ";\n border-radius: 50%;\n z-index: -1;\n }\n }\n .CalendarDay__selected_start {\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translateY(-50%);\n width: 50%;\n height: 22px;\n background: ", ";\n z-index: -2;\n }\n }\n .CalendarDay__selected_end {\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n right: 50%;\n transform: translateY(-50%);\n width: 50%;\n height: 22px;\n background: ", ";\n z-index: -2;\n }\n }\n"])), function (_a) {
|
|
15852
15853
|
var error = _a.error, theme = _a.theme;
|
|
15853
15854
|
return error ? theme.palette.danger.main : theme.palette.divider;
|
|
15854
15855
|
}, function (_a) {
|
|
@@ -15920,17 +15921,17 @@ var Container$n = styled__default["default"].div(templateObject_1$A || (template
|
|
|
15920
15921
|
var theme = _a.theme;
|
|
15921
15922
|
return theme.palette.primary.highlight;
|
|
15922
15923
|
});
|
|
15923
|
-
styled__default["default"].div(templateObject_2$
|
|
15924
|
+
styled__default["default"].div(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n width: 8px;\n height: 1px;\n background-color: ", ";\n"], ["\n width: 8px;\n height: 1px;\n background-color: ", ";\n"])), function (_a) {
|
|
15924
15925
|
var theme = _a.theme;
|
|
15925
15926
|
return theme.palette.text.hint;
|
|
15926
15927
|
});
|
|
15927
|
-
var BaseNavIcon$1 = styled__default["default"].div(templateObject_3$
|
|
15928
|
+
var BaseNavIcon$1 = styled__default["default"].div(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n position: absolute;\n top: 22px;\n border-radius: 50%;\n background-color: ", ";\n"], ["\n position: absolute;\n top: 22px;\n border-radius: 50%;\n background-color: ", ";\n"])), function (_a) {
|
|
15928
15929
|
var theme = _a.theme;
|
|
15929
15930
|
return theme.palette.gray.light;
|
|
15930
15931
|
});
|
|
15931
|
-
var NavPrev$1 = styled__default["default"](BaseNavIcon$1)(templateObject_4$
|
|
15932
|
-
var NavNext$1 = styled__default["default"](BaseNavIcon$1)(templateObject_5$
|
|
15933
|
-
var templateObject_1$
|
|
15932
|
+
var NavPrev$1 = styled__default["default"](BaseNavIcon$1)(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n left: 30px;\n"], ["\n left: 30px;\n"])));
|
|
15933
|
+
var NavNext$1 = styled__default["default"](BaseNavIcon$1)(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n right: 30px;\n"], ["\n right: 30px;\n"])));
|
|
15934
|
+
var templateObject_1$B, templateObject_2$k, templateObject_3$g, templateObject_4$c, templateObject_5$a;
|
|
15934
15935
|
|
|
15935
15936
|
var interopRequireDefault = {exports: {}};
|
|
15936
15937
|
|
|
@@ -16701,7 +16702,7 @@ if (typeof Object.create === 'function') {
|
|
|
16701
16702
|
}
|
|
16702
16703
|
|
|
16703
16704
|
try {
|
|
16704
|
-
var util = util
|
|
16705
|
+
var util = require('util');
|
|
16705
16706
|
if (typeof util.inherits !== 'function') throw '';
|
|
16706
16707
|
inherits.exports = util.inherits;
|
|
16707
16708
|
} catch (e) {
|
|
@@ -43310,7 +43311,7 @@ var DatePicker = React__namespace.forwardRef(function (_a, ref) {
|
|
|
43310
43311
|
React__namespace.createElement(Icon$1, { name: "arrow_right", size: "md" }))), onFocusChange: onFocusChange }, rest))));
|
|
43311
43312
|
});
|
|
43312
43313
|
|
|
43313
|
-
var Container$m = styled__default["default"].div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n /* Overriding styles */\n /* DateRangePicker */\n .DateRangePicker {\n display: inline-flex;\n }\n\n /* DateRangePickerInput */\n .DateRangePickerInput {\n display: block;\n border: 1px solid\n ", ";\n border-radius: ", "px;\n background-color: ", ";\n overflow: hidden;\n }\n .DateInput {\n width: 96px;\n background-color: transparent;\n }\n .DateInput_input {\n padding: 10px 11px 8px;\n line-height: 20px;\n font-size: 14px;\n color: ", ";\n background-color: transparent;\n font-family: \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"Proxima Nova\",\n Verdana, \"\u6E38\u30B4\u30B7\u30C3\u30AF\", YuGothic, Meiryo, sans-serif;\n }\n .DateInput_input__focused {\n border-bottom-color: ", ";\n }\n /* DayPickerRangeController */\n .DayPicker__withBorder {\n box-shadow: 0px 0px 16px #041c3315;\n border-radius: ", "px;\n }\n .DayPicker_weekHeader {\n color: ", ";\n }\n td {\n position: relative;\n }\n td:nth-child(7n):not(.CalendarDay__selected_start) {\n &:before {\n left: 0;\n border-top-right-radius: 11px;\n border-bottom-right-radius: 11px;\n }\n &:after {\n left: 0;\n }\n }\n td:nth-child(7n).CalendarDay__selected_span,\n td:nth-child(7n).CalendarDay__hovered_span {\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n }\n td:nth-child(7n + 1):not(.CalendarDay__selected_end) {\n &:before {\n right: 0;\n border-top-left-radius: 11px;\n border-bottom-left-radius: 11px;\n }\n &:after {\n right: 0;\n }\n }\n td:nth-child(7n + 1).CalendarDay__selected_span,\n td:nth-child(7n + 1).CalendarDay__hovered_span {\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n }\n .CalendarMonth_caption {\n font-size: 16px;\n padding-bottom: 50px;\n }\n .CalendarDay__blocked_out_of_range {\n border: 0;\n }\n .CalendarDay__default {\n border: 0;\n font-size: 12px;\n background: transparent;\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: Use !important to prevent overwriting by 'td:nth-child(7n):before' selector */\n left: 50% !important;\n transform: translate(calc(-50% - 0.5px), -50%);\n width: 22px;\n height: 22px;\n border-radius: 50%;\n z-index: -1;\n background: ", ";\n }\n }\n }\n .CalendarDay__hovered_span {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: inherit;\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: 'left: 0;' is written by 'td:nth-child' */\n transform: translateY(-50%);\n width: 100%;\n height: 22px;\n background: ", ";\n z-index: -1;\n }\n }\n .CalendarDay__selected_span {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: inherit;\n &:before {\n background: ", ";\n }\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: 'left: 0;' is written by 'td:nth-child' */\n transform: translateY(-50%);\n width: 100%;\n height: 22px;\n background: ", ";\n z-index: -1;\n }\n }\n .CalendarDay__outside {\n color: ", ";\n }\n .CalendarDay__selected {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: ", ";\n &:before {\n background: ", ";\n }\n &::after {\n background: ", ";\n }\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: Use !important to prevent overwriting by 'td:nth-child(7n):before' selector */\n left: 50% !important;\n transform: translate(calc(-50% - 0.5px), -50%);\n width: 22px;\n height: 22px;\n background: ", ";\n border-radius: 50%;\n z-index: -1;\n }\n }\n .CalendarDay__selected_start {\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translateY(-50%);\n width: 50%;\n height: 22px;\n background: ", ";\n z-index: -2;\n }\n }\n .CalendarDay__selected_end {\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n right: 50%;\n transform: translateY(-50%);\n width: 50%;\n height: 22px;\n background: ", ";\n z-index: -2;\n }\n }\n"], ["\n /* Overriding styles */\n /* DateRangePicker */\n .DateRangePicker {\n display: inline-flex;\n }\n\n /* DateRangePickerInput */\n .DateRangePickerInput {\n display: block;\n border: 1px solid\n ", ";\n border-radius: ", "px;\n background-color: ", ";\n overflow: hidden;\n }\n .DateInput {\n width: 96px;\n background-color: transparent;\n }\n .DateInput_input {\n padding: 10px 11px 8px;\n line-height: 20px;\n font-size: 14px;\n color: ", ";\n background-color: transparent;\n font-family: \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"Proxima Nova\",\n Verdana, \"\u6E38\u30B4\u30B7\u30C3\u30AF\", YuGothic, Meiryo, sans-serif;\n }\n .DateInput_input__focused {\n border-bottom-color: ", ";\n }\n /* DayPickerRangeController */\n .DayPicker__withBorder {\n box-shadow: 0px 0px 16px #041c3315;\n border-radius: ", "px;\n }\n .DayPicker_weekHeader {\n color: ", ";\n }\n td {\n position: relative;\n }\n td:nth-child(7n):not(.CalendarDay__selected_start) {\n &:before {\n left: 0;\n border-top-right-radius: 11px;\n border-bottom-right-radius: 11px;\n }\n &:after {\n left: 0;\n }\n }\n td:nth-child(7n).CalendarDay__selected_span,\n td:nth-child(7n).CalendarDay__hovered_span {\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n }\n td:nth-child(7n + 1):not(.CalendarDay__selected_end) {\n &:before {\n right: 0;\n border-top-left-radius: 11px;\n border-bottom-left-radius: 11px;\n }\n &:after {\n right: 0;\n }\n }\n td:nth-child(7n + 1).CalendarDay__selected_span,\n td:nth-child(7n + 1).CalendarDay__hovered_span {\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n }\n .CalendarMonth_caption {\n font-size: 16px;\n padding-bottom: 50px;\n }\n .CalendarDay__blocked_out_of_range {\n border: 0;\n }\n .CalendarDay__default {\n border: 0;\n font-size: 12px;\n background: transparent;\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: Use !important to prevent overwriting by 'td:nth-child(7n):before' selector */\n left: 50% !important;\n transform: translate(calc(-50% - 0.5px), -50%);\n width: 22px;\n height: 22px;\n border-radius: 50%;\n z-index: -1;\n background: ", ";\n }\n }\n }\n .CalendarDay__hovered_span {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: inherit;\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: 'left: 0;' is written by 'td:nth-child' */\n transform: translateY(-50%);\n width: 100%;\n height: 22px;\n background: ", ";\n z-index: -1;\n }\n }\n .CalendarDay__selected_span {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: inherit;\n &:before {\n background: ", ";\n }\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: 'left: 0;' is written by 'td:nth-child' */\n transform: translateY(-50%);\n width: 100%;\n height: 22px;\n background: ", ";\n z-index: -1;\n }\n }\n .CalendarDay__outside {\n color: ", ";\n }\n .CalendarDay__selected {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: ", ";\n &:before {\n background: ", ";\n }\n &::after {\n background: ", ";\n }\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: Use !important to prevent overwriting by 'td:nth-child(7n):before' selector */\n left: 50% !important;\n transform: translate(calc(-50% - 0.5px), -50%);\n width: 22px;\n height: 22px;\n background: ", ";\n border-radius: 50%;\n z-index: -1;\n }\n }\n .CalendarDay__selected_start {\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translateY(-50%);\n width: 50%;\n height: 22px;\n background: ", ";\n z-index: -2;\n }\n }\n .CalendarDay__selected_end {\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n right: 50%;\n transform: translateY(-50%);\n width: 50%;\n height: 22px;\n background: ", ";\n z-index: -2;\n }\n }\n"])), function (_a) {
|
|
43314
|
+
var Container$m = styled__default["default"].div(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n /* Overriding styles */\n /* DateRangePicker */\n .DateRangePicker {\n display: inline-flex;\n }\n\n /* DateRangePickerInput */\n .DateRangePickerInput {\n display: block;\n border: 1px solid\n ", ";\n border-radius: ", "px;\n background-color: ", ";\n overflow: hidden;\n }\n .DateInput {\n width: 96px;\n background-color: transparent;\n }\n .DateInput_input {\n padding: 10px 11px 8px;\n line-height: 20px;\n font-size: 14px;\n color: ", ";\n background-color: transparent;\n font-family: \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"Proxima Nova\",\n Verdana, \"\u6E38\u30B4\u30B7\u30C3\u30AF\", YuGothic, Meiryo, sans-serif;\n }\n .DateInput_input__focused {\n border-bottom-color: ", ";\n }\n /* DayPickerRangeController */\n .DayPicker__withBorder {\n box-shadow: 0px 0px 16px #041c3315;\n border-radius: ", "px;\n }\n .DayPicker_weekHeader {\n color: ", ";\n }\n td {\n position: relative;\n }\n td:nth-child(7n):not(.CalendarDay__selected_start) {\n &:before {\n left: 0;\n border-top-right-radius: 11px;\n border-bottom-right-radius: 11px;\n }\n &:after {\n left: 0;\n }\n }\n td:nth-child(7n).CalendarDay__selected_span,\n td:nth-child(7n).CalendarDay__hovered_span {\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n }\n td:nth-child(7n + 1):not(.CalendarDay__selected_end) {\n &:before {\n right: 0;\n border-top-left-radius: 11px;\n border-bottom-left-radius: 11px;\n }\n &:after {\n right: 0;\n }\n }\n td:nth-child(7n + 1).CalendarDay__selected_span,\n td:nth-child(7n + 1).CalendarDay__hovered_span {\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n }\n .CalendarMonth_caption {\n font-size: 16px;\n padding-bottom: 50px;\n }\n .CalendarDay__blocked_out_of_range {\n border: 0;\n }\n .CalendarDay__default {\n border: 0;\n font-size: 12px;\n background: transparent;\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: Use !important to prevent overwriting by 'td:nth-child(7n):before' selector */\n left: 50% !important;\n transform: translate(calc(-50% - 0.5px), -50%);\n width: 22px;\n height: 22px;\n border-radius: 50%;\n z-index: -1;\n background: ", ";\n }\n }\n }\n .CalendarDay__hovered_span {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: inherit;\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: 'left: 0;' is written by 'td:nth-child' */\n transform: translateY(-50%);\n width: 100%;\n height: 22px;\n background: ", ";\n z-index: -1;\n }\n }\n .CalendarDay__selected_span {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: inherit;\n &:before {\n background: ", ";\n }\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: 'left: 0;' is written by 'td:nth-child' */\n transform: translateY(-50%);\n width: 100%;\n height: 22px;\n background: ", ";\n z-index: -1;\n }\n }\n .CalendarDay__outside {\n color: ", ";\n }\n .CalendarDay__selected {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: ", ";\n &:before {\n background: ", ";\n }\n &::after {\n background: ", ";\n }\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: Use !important to prevent overwriting by 'td:nth-child(7n):before' selector */\n left: 50% !important;\n transform: translate(calc(-50% - 0.5px), -50%);\n width: 22px;\n height: 22px;\n background: ", ";\n border-radius: 50%;\n z-index: -1;\n }\n }\n .CalendarDay__selected_start {\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translateY(-50%);\n width: 50%;\n height: 22px;\n background: ", ";\n z-index: -2;\n }\n }\n .CalendarDay__selected_end {\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n right: 50%;\n transform: translateY(-50%);\n width: 50%;\n height: 22px;\n background: ", ";\n z-index: -2;\n }\n }\n"], ["\n /* Overriding styles */\n /* DateRangePicker */\n .DateRangePicker {\n display: inline-flex;\n }\n\n /* DateRangePickerInput */\n .DateRangePickerInput {\n display: block;\n border: 1px solid\n ", ";\n border-radius: ", "px;\n background-color: ", ";\n overflow: hidden;\n }\n .DateInput {\n width: 96px;\n background-color: transparent;\n }\n .DateInput_input {\n padding: 10px 11px 8px;\n line-height: 20px;\n font-size: 14px;\n color: ", ";\n background-color: transparent;\n font-family: \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"Proxima Nova\",\n Verdana, \"\u6E38\u30B4\u30B7\u30C3\u30AF\", YuGothic, Meiryo, sans-serif;\n }\n .DateInput_input__focused {\n border-bottom-color: ", ";\n }\n /* DayPickerRangeController */\n .DayPicker__withBorder {\n box-shadow: 0px 0px 16px #041c3315;\n border-radius: ", "px;\n }\n .DayPicker_weekHeader {\n color: ", ";\n }\n td {\n position: relative;\n }\n td:nth-child(7n):not(.CalendarDay__selected_start) {\n &:before {\n left: 0;\n border-top-right-radius: 11px;\n border-bottom-right-radius: 11px;\n }\n &:after {\n left: 0;\n }\n }\n td:nth-child(7n).CalendarDay__selected_span,\n td:nth-child(7n).CalendarDay__hovered_span {\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n }\n td:nth-child(7n + 1):not(.CalendarDay__selected_end) {\n &:before {\n right: 0;\n border-top-left-radius: 11px;\n border-bottom-left-radius: 11px;\n }\n &:after {\n right: 0;\n }\n }\n td:nth-child(7n + 1).CalendarDay__selected_span,\n td:nth-child(7n + 1).CalendarDay__hovered_span {\n &:before {\n width: calc((41px - 22px) / 2 + 22px);\n }\n }\n .CalendarMonth_caption {\n font-size: 16px;\n padding-bottom: 50px;\n }\n .CalendarDay__blocked_out_of_range {\n border: 0;\n }\n .CalendarDay__default {\n border: 0;\n font-size: 12px;\n background: transparent;\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: Use !important to prevent overwriting by 'td:nth-child(7n):before' selector */\n left: 50% !important;\n transform: translate(calc(-50% - 0.5px), -50%);\n width: 22px;\n height: 22px;\n border-radius: 50%;\n z-index: -1;\n background: ", ";\n }\n }\n }\n .CalendarDay__hovered_span {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: inherit;\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: 'left: 0;' is written by 'td:nth-child' */\n transform: translateY(-50%);\n width: 100%;\n height: 22px;\n background: ", ";\n z-index: -1;\n }\n }\n .CalendarDay__selected_span {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: inherit;\n &:before {\n background: ", ";\n }\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: 'left: 0;' is written by 'td:nth-child' */\n transform: translateY(-50%);\n width: 100%;\n height: 22px;\n background: ", ";\n z-index: -1;\n }\n }\n .CalendarDay__outside {\n color: ", ";\n }\n .CalendarDay__selected {\n background: transparent;\n color: ", ";\n z-index: 1;\n &:hover {\n background: inherit;\n border: 0;\n color: ", ";\n &:before {\n background: ", ";\n }\n &::after {\n background: ", ";\n }\n }\n &:before {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n /* MEMO: Use !important to prevent overwriting by 'td:nth-child(7n):before' selector */\n left: 50% !important;\n transform: translate(calc(-50% - 0.5px), -50%);\n width: 22px;\n height: 22px;\n background: ", ";\n border-radius: 50%;\n z-index: -1;\n }\n }\n .CalendarDay__selected_start {\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translateY(-50%);\n width: 50%;\n height: 22px;\n background: ", ";\n z-index: -2;\n }\n }\n .CalendarDay__selected_end {\n &::after {\n content: \"\";\n display: block;\n position: absolute;\n top: 50%;\n right: 50%;\n transform: translateY(-50%);\n width: 50%;\n height: 22px;\n background: ", ";\n z-index: -2;\n }\n }\n"])), function (_a) {
|
|
43314
43315
|
var error = _a.error, theme = _a.theme;
|
|
43315
43316
|
return error ? theme.palette.danger.main : theme.palette.divider;
|
|
43316
43317
|
}, function (_a) {
|
|
@@ -43382,17 +43383,17 @@ var Container$m = styled__default["default"].div(templateObject_1$z || (template
|
|
|
43382
43383
|
var theme = _a.theme;
|
|
43383
43384
|
return theme.palette.primary.highlight;
|
|
43384
43385
|
});
|
|
43385
|
-
var CustomArrowIcon = styled__default["default"].div(templateObject_2$
|
|
43386
|
+
var CustomArrowIcon = styled__default["default"].div(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n width: 8px;\n height: 1px;\n background-color: ", ";\n"], ["\n width: 8px;\n height: 1px;\n background-color: ", ";\n"])), function (_a) {
|
|
43386
43387
|
var theme = _a.theme;
|
|
43387
43388
|
return theme.palette.text.hint;
|
|
43388
43389
|
});
|
|
43389
|
-
var BaseNavIcon = styled__default["default"].div(templateObject_3$
|
|
43390
|
+
var BaseNavIcon = styled__default["default"].div(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n position: absolute;\n top: 22px;\n border-radius: 50%;\n background-color: ", ";\n"], ["\n position: absolute;\n top: 22px;\n border-radius: 50%;\n background-color: ", ";\n"])), function (_a) {
|
|
43390
43391
|
var theme = _a.theme;
|
|
43391
43392
|
return theme.palette.gray.light;
|
|
43392
43393
|
});
|
|
43393
|
-
var NavPrev = styled__default["default"](BaseNavIcon)(templateObject_4$
|
|
43394
|
-
var NavNext = styled__default["default"](BaseNavIcon)(templateObject_5$
|
|
43395
|
-
var templateObject_1$
|
|
43394
|
+
var NavPrev = styled__default["default"](BaseNavIcon)(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n left: 30px;\n"], ["\n left: 30px;\n"])));
|
|
43395
|
+
var NavNext = styled__default["default"](BaseNavIcon)(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n right: 30px;\n"], ["\n right: 30px;\n"])));
|
|
43396
|
+
var templateObject_1$A, templateObject_2$j, templateObject_3$f, templateObject_4$b, templateObject_5$9;
|
|
43396
43397
|
|
|
43397
43398
|
function isOutsideRange() {
|
|
43398
43399
|
return false;
|
|
@@ -43408,9 +43409,9 @@ var DateRangePicker = React__namespace.forwardRef(function (_a, ref) {
|
|
|
43408
43409
|
React__namespace.createElement(Icon$1, { name: "arrow_right", size: "md" }))) }, rest, { startDate: startDate, endDate: endDate, focusedInput: focusedInput, onFocusChange: setFocusedInput }))));
|
|
43409
43410
|
});
|
|
43410
43411
|
|
|
43411
|
-
var ButtonContainer$2 = styled__default["default"].div(templateObject_1$
|
|
43412
|
-
var MainButton = styled__default["default"](Button$
|
|
43413
|
-
var SplitToggle = styled__default["default"](Button$
|
|
43412
|
+
var ButtonContainer$2 = styled__default["default"].div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n display: inline-flex;\n"], ["\n display: inline-flex;\n"])));
|
|
43413
|
+
var MainButton = styled__default["default"](Button$2)(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n border-right: none;\n"], ["\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n border-right: none;\n"])));
|
|
43414
|
+
var SplitToggle = styled__default["default"](Button$2)(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n border-left: 1px solid\n ", ";\n padding: 0 ", "px;\n min-width: auto;\n\n &:active:not([disabled]) {\n padding-bottom: 0;\n padding-top: 2px;\n }\n\n &:disabled {\n border-left: 1px solid ", ";\n }\n"], ["\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n border-left: 1px solid\n ", ";\n padding: 0 ", "px;\n min-width: auto;\n\n &:active:not([disabled]) {\n padding-bottom: 0;\n padding-top: 2px;\n }\n\n &:disabled {\n border-left: 1px solid ", ";\n }\n"])), function (_a) {
|
|
43414
43415
|
var theme = _a.theme, color = _a.color;
|
|
43415
43416
|
return color === "primary"
|
|
43416
43417
|
? theme.palette.primary.deepDark
|
|
@@ -43422,11 +43423,11 @@ var SplitToggle = styled__default["default"](Button$1)(templateObject_3$d || (te
|
|
|
43422
43423
|
var theme = _a.theme;
|
|
43423
43424
|
return theme.palette.divider;
|
|
43424
43425
|
});
|
|
43425
|
-
var SingleButton = styled__default["default"](Button$
|
|
43426
|
+
var SingleButton = styled__default["default"](Button$2)(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["\n padding-right: ", "px;\n min-width: auto;\n"], ["\n padding-right: ", "px;\n min-width: auto;\n"])), function (_a) {
|
|
43426
43427
|
var theme = _a.theme, size = _a.size;
|
|
43427
43428
|
return size === "small" ? theme.spacing / 2 : theme.spacing;
|
|
43428
43429
|
});
|
|
43429
|
-
var templateObject_1$
|
|
43430
|
+
var templateObject_1$z, templateObject_2$i, templateObject_3$e, templateObject_4$a;
|
|
43430
43431
|
|
|
43431
43432
|
var DropdownButton = React__namespace.forwardRef(function (_a, ref) {
|
|
43432
43433
|
var _b = _a.size, size = _b === void 0 ? "medium" : _b, _c = _a.color, color = _c === void 0 ? "primary" : _c, onClick = _a.onClick, _d = _a.split, split = _d === void 0 ? false : _d, contents = _a.contents, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.positionPriority, positionPriority = _f === void 0 ? ["bottom-start", "bottom-end", "top-start", "top-end"] : _f, _g = _a.menuMaxHeight, menuMaxHeight = _g === void 0 ? "none" : _g, menuProps = _a.menuProps, children = _a.children;
|
|
@@ -43475,7 +43476,7 @@ var ErrorText = React__namespace.forwardRef(function (_a, ref) {
|
|
|
43475
43476
|
React__namespace.createElement(Typography, { color: theme.palette.danger.main }, children)));
|
|
43476
43477
|
});
|
|
43477
43478
|
|
|
43478
|
-
var Container$l = styled__default["default"].div(templateObject_1$
|
|
43479
|
+
var Container$l = styled__default["default"].div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: ", ";\n padding: 40px;\n border: 2px\n ", ";\n background-color: ", ";\n transition: all 0.3s ease-in-out;\n input {\n display: none;\n }\n &:hover {\n cursor: pointer;\n border: 2px solid ", ";\n background-color: ", ";\n }\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n width: ", ";\n padding: 40px;\n border: 2px\n ", ";\n background-color: ", ";\n transition: all 0.3s ease-in-out;\n input {\n display: none;\n }\n &:hover {\n cursor: pointer;\n border: 2px solid ", ";\n background-color: ", ";\n }\n"])), function (_a) {
|
|
43479
43480
|
var width = _a.width;
|
|
43480
43481
|
return (width ? width : "100%");
|
|
43481
43482
|
}, function (_a) {
|
|
@@ -43495,8 +43496,8 @@ var Container$l = styled__default["default"].div(templateObject_1$x || (template
|
|
|
43495
43496
|
var theme = _a.theme;
|
|
43496
43497
|
return theme.palette.background.hint;
|
|
43497
43498
|
});
|
|
43498
|
-
var TextContainer$3 = styled__default["default"].div(templateObject_2$
|
|
43499
|
-
var templateObject_1$
|
|
43499
|
+
var TextContainer$3 = styled__default["default"].div(templateObject_2$h || (templateObject_2$h = __makeTemplateObject([""], [""])));
|
|
43500
|
+
var templateObject_1$y, templateObject_2$h;
|
|
43500
43501
|
|
|
43501
43502
|
var FileUploader = React__namespace.forwardRef(function (inProps, ref) {
|
|
43502
43503
|
var props = useLocaleProps({ props: inProps, name: "FileUploader" });
|
|
@@ -43535,7 +43536,7 @@ var FileUploader = React__namespace.forwardRef(function (inProps, ref) {
|
|
|
43535
43536
|
React__namespace.createElement(Typography, { weight: "bold", align: "center", size: "sm", color: "secondary" }, description))))));
|
|
43536
43537
|
});
|
|
43537
43538
|
|
|
43538
|
-
var Container$k = styled__default["default"].div(templateObject_1$
|
|
43539
|
+
var Container$k = styled__default["default"].div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n position: fixed;\n ", ";\n width: 100%;\n background-color: ", ";\n border-top: 1px solid ", ";\n border-bottom: 1px solid ", ";\n transition: all 0.3s;\n z-index: 1;\n"], ["\n position: fixed;\n ", ";\n width: 100%;\n background-color: ", ";\n border-top: 1px solid ", ";\n border-bottom: 1px solid ", ";\n transition: all 0.3s;\n z-index: 1;\n"])), function (_a) {
|
|
43539
43540
|
var isOpen = _a.isOpen, height = _a.height, offset = _a.offset, placement = _a.placement;
|
|
43540
43541
|
return placement + ": " + (isOpen
|
|
43541
43542
|
? offset + "px"
|
|
@@ -43550,7 +43551,7 @@ var Container$k = styled__default["default"].div(templateObject_1$w || (template
|
|
|
43550
43551
|
var theme = _a.theme;
|
|
43551
43552
|
return theme.palette.gray.light;
|
|
43552
43553
|
});
|
|
43553
|
-
var templateObject_1$
|
|
43554
|
+
var templateObject_1$x;
|
|
43554
43555
|
|
|
43555
43556
|
var FixedPanel = React__namespace.forwardRef(function (_a, ref) {
|
|
43556
43557
|
var isOpen = _a.isOpen, _b = _a.placement, placement = _b === void 0 ? "top" : _b, _c = _a.offset, offset = _c === void 0 ? 0 : _c, children = _a.children;
|
|
@@ -43560,14 +43561,14 @@ var FixedPanel = React__namespace.forwardRef(function (_a, ref) {
|
|
|
43560
43561
|
});
|
|
43561
43562
|
|
|
43562
43563
|
var transitionClass$1 = "grow-transition";
|
|
43563
|
-
var CSSTransition$1 = styled__default["default"](OriginalCSSTransition)(templateObject_1$
|
|
43564
|
+
var CSSTransition$1 = styled__default["default"](OriginalCSSTransition)(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n &.", "-enter, &.", "-appear {\n transform: scale(0);\n }\n\n &.", "-enter-active, &.", "-appear-active {\n transform: none;\n transition: transform ", "ms;\n }\n\n &.", "-exit {\n transform: none;\n }\n\n &.", "-exit-active {\n transform: scale(0);\n transition: transform ", "ms;\n }\n\n &.", "-exit-done {\n transform: scale(0);\n }\n"], ["\n &.", "-enter, &.", "-appear {\n transform: scale(0);\n }\n\n &.", "-enter-active, &.", "-appear-active {\n transform: none;\n transition: transform ", "ms;\n }\n\n &.", "-exit {\n transform: none;\n }\n\n &.", "-exit-active {\n transform: scale(0);\n transition: transform ", "ms;\n }\n\n &.", "-exit-done {\n transform: scale(0);\n }\n"])), transitionClass$1, transitionClass$1, transitionClass$1, transitionClass$1, function (_a) {
|
|
43564
43565
|
var timeout = _a.timeout;
|
|
43565
43566
|
return getDuration(timeout, "enter");
|
|
43566
43567
|
}, transitionClass$1, transitionClass$1, function (_a) {
|
|
43567
43568
|
var timeout = _a.timeout;
|
|
43568
43569
|
return getDuration(timeout, "exit");
|
|
43569
43570
|
}, transitionClass$1);
|
|
43570
|
-
var templateObject_1$
|
|
43571
|
+
var templateObject_1$w;
|
|
43571
43572
|
|
|
43572
43573
|
var Grow = function (_a) {
|
|
43573
43574
|
var
|
|
@@ -43578,7 +43579,7 @@ var Grow = function (_a) {
|
|
|
43578
43579
|
return (React__namespace.createElement(CSSTransition$1, __assign({ appear: true, mountOnEnter: true, timeout: timeout, classNames: transitionClass$1 }, rest), children));
|
|
43579
43580
|
};
|
|
43580
43581
|
|
|
43581
|
-
var Input$1 = styled__default["default"].input(templateObject_1$
|
|
43582
|
+
var Input$1 = styled__default["default"].input(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n ", ";\n padding: 10px 8px;\n border: 0;\n font-size: 14px;\n color: ", ";\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: ", "px;\n border-color: ", ";\n overflow: scroll;\n resize: ", ";\n /* MEMO: To take a place that display LastPass icon. */\n background-position: calc(100% - 35px) 50% !important;\n &:focus {\n outline: none;\n border-color: ", ";\n }\n &::placeholder {\n color: ", ";\n }\n /* Edge */\n &::-ms-input-placeholder {\n color: ", ";\n }\n &:disabled {\n color: ", ";\n border-color: ", ";\n box-shadow: none;\n background-color: ", ";\n cursor: not-allowed;\n }\n"], ["\n ", ";\n padding: 10px 8px;\n border: 0;\n font-size: 14px;\n color: ", ";\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: ", "px;\n border-color: ", ";\n overflow: scroll;\n resize: ", ";\n /* MEMO: To take a place that display LastPass icon. */\n background-position: calc(100% - 35px) 50% !important;\n &:focus {\n outline: none;\n border-color: ", ";\n }\n &::placeholder {\n color: ", ";\n }\n /* Edge */\n &::-ms-input-placeholder {\n color: ", ";\n }\n &:disabled {\n color: ", ";\n border-color: ", ";\n box-shadow: none;\n background-color: ", ";\n cursor: not-allowed;\n }\n"])), function (_a) {
|
|
43582
43583
|
var width = _a.width;
|
|
43583
43584
|
return width ? "width: " + (isNaN(+width) ? width : width + "px") : "auto";
|
|
43584
43585
|
}, function (_a) {
|
|
@@ -43620,25 +43621,25 @@ var Input$1 = styled__default["default"].input(templateObject_1$u || (templateOb
|
|
|
43620
43621
|
var theme = _a.theme;
|
|
43621
43622
|
return theme.palette.gray.light;
|
|
43622
43623
|
});
|
|
43623
|
-
var templateObject_1$
|
|
43624
|
+
var templateObject_1$v;
|
|
43624
43625
|
|
|
43625
43626
|
var Input = React__namespace.forwardRef(function (_a, ref) {
|
|
43626
43627
|
var _b = _a.error, error = _b === void 0 ? false : _b, _c = _a.multiline, multiline = _c === void 0 ? false : _c, _d = _a.resize, resize = _d === void 0 ? "both" : _d, rest = __rest(_a, ["error", "multiline", "resize"]);
|
|
43627
43628
|
return (React__namespace.createElement(Input$1, __assign({}, rest, { ref: ref, as: (multiline ? "textarea" : "input"), isError: error, resize: resize })));
|
|
43628
43629
|
});
|
|
43629
43630
|
|
|
43630
|
-
var indeterminate1 = styled.keyframes(templateObject_1$
|
|
43631
|
-
var indeterminate2 = styled.keyframes(templateObject_2$
|
|
43632
|
-
var LoadingBar = styled__default["default"].span(templateObject_3$
|
|
43631
|
+
var indeterminate1 = styled.keyframes(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n 0% {\n right: 100%;\n left: -35%;\n }\n\n 60% {\n right: -90%;\n left: 100%;\n }\n\n 100% {\n right: -90%;\n left: 100%;\n }\n"], ["\n 0% {\n right: 100%;\n left: -35%;\n }\n\n 60% {\n right: -90%;\n left: 100%;\n }\n\n 100% {\n right: -90%;\n left: 100%;\n }\n"])));
|
|
43632
|
+
var indeterminate2 = styled.keyframes(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n 0% {\n right: 100%;\n left: -200%;\n }\n\n 60% {\n right: -8%;\n left: 107%;\n }\n\n 100% {\n right: -8%;\n left: 107%;\n }\n"], ["\n 0% {\n right: 100%;\n left: -200%;\n }\n\n 60% {\n right: -8%;\n left: 107%;\n }\n\n 100% {\n right: -8%;\n left: 107%;\n }\n"])));
|
|
43633
|
+
var LoadingBar = styled__default["default"].span(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n position: relative;\n display: block;\n overflow: hidden;\n width: 100%;\n height: 3px;\n background-color: ", ";\n\n &::before,\n &::after {\n position: absolute;\n top: 0;\n bottom: 0;\n left: -200px;\n display: block;\n width: auto;\n background-color: ", ";\n content: \"\";\n }\n\n &::before {\n animation: ", " 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395)\n infinite;\n }\n\n &::after {\n animation: ", " 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s\n infinite;\n }\n"], ["\n position: relative;\n display: block;\n overflow: hidden;\n width: 100%;\n height: 3px;\n background-color: ", ";\n\n &::before,\n &::after {\n position: absolute;\n top: 0;\n bottom: 0;\n left: -200px;\n display: block;\n width: auto;\n background-color: ", ";\n content: \"\";\n }\n\n &::before {\n animation: ", " 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395)\n infinite;\n }\n\n &::after {\n animation: ", " 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s\n infinite;\n }\n"])), function (_a) {
|
|
43633
43634
|
var theme = _a.theme;
|
|
43634
43635
|
return theme.palette.gray.light;
|
|
43635
43636
|
}, function (_a) {
|
|
43636
43637
|
var theme = _a.theme;
|
|
43637
43638
|
return theme.palette.primary.main;
|
|
43638
43639
|
}, indeterminate1, indeterminate2);
|
|
43639
|
-
var templateObject_1$
|
|
43640
|
+
var templateObject_1$u, templateObject_2$g, templateObject_3$d;
|
|
43640
43641
|
|
|
43641
|
-
var Container$j = styled__default["default"].div(templateObject_1$
|
|
43642
|
+
var Container$j = styled__default["default"].div(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n border: 1px solid\n ", ";\n border-radius: ", "px;\n display: flex;\n background-color: ", ";\n"], ["\n border: 1px solid\n ", ";\n border-radius: ", "px;\n display: flex;\n background-color: ", ";\n"])), function (_a) {
|
|
43642
43643
|
var theme = _a.theme, isFocused = _a.isFocused;
|
|
43643
43644
|
return isFocused ? theme.palette.primary.main : theme.palette.divider;
|
|
43644
43645
|
}, function (_a) {
|
|
@@ -43648,15 +43649,15 @@ var Container$j = styled__default["default"].div(templateObject_1$s || (template
|
|
|
43648
43649
|
var theme = _a.theme;
|
|
43649
43650
|
return theme.palette.background.default;
|
|
43650
43651
|
});
|
|
43651
|
-
var InputContainer$1 = styled__default["default"].div(templateObject_2$
|
|
43652
|
-
var LabelContainer = styled__default["default"].div(templateObject_3$
|
|
43653
|
-
var LeftContainer$1 = styled__default["default"].div(templateObject_4$
|
|
43654
|
-
var CenterContainer = styled__default["default"].div(templateObject_5$
|
|
43655
|
-
var RightContainer$1 = styled__default["default"].div(templateObject_6$
|
|
43652
|
+
var InputContainer$1 = styled__default["default"].div(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n width: 100%;\n margin-bottom: -8px;\n & > input {\n border: none;\n padding: 0 0 0 12px;\n flex-grow: 1;\n margin-bottom: 8px;\n }\n"], ["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n width: 100%;\n margin-bottom: -8px;\n & > input {\n border: none;\n padding: 0 0 0 12px;\n flex-grow: 1;\n margin-bottom: 8px;\n }\n"])));
|
|
43653
|
+
var LabelContainer = styled__default["default"].div(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n padding-left: 8px;\n margin-bottom: 8px;\n"], ["\n padding-left: 8px;\n margin-bottom: 8px;\n"])));
|
|
43654
|
+
var LeftContainer$1 = styled__default["default"].div(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n padding-left: 8px;\n flex-grow: 0;\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n padding-left: 8px;\n flex-grow: 0;\n"])));
|
|
43655
|
+
var CenterContainer = styled__default["default"].div(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["\n padding-top: 8px;\n padding-bottom: 8px;\n flex-grow: 1;\n min-height: 40px;\n display: flex;\n align-items: center;\n"], ["\n padding-top: 8px;\n padding-bottom: 8px;\n flex-grow: 1;\n min-height: 40px;\n display: flex;\n align-items: center;\n"])));
|
|
43656
|
+
var RightContainer$1 = styled__default["default"].div(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n flex-grow: 0;\n display: flex;\n align-items: center;\n padding-right: 19px;\n"], ["\n flex-grow: 0;\n display: flex;\n align-items: center;\n padding-right: 19px;\n"])));
|
|
43656
43657
|
var IconContainer$4 = styled__default["default"].div(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject([""], [""])));
|
|
43657
|
-
var templateObject_1$
|
|
43658
|
+
var templateObject_1$t, templateObject_2$f, templateObject_3$c, templateObject_4$9, templateObject_5$8, templateObject_6$4, templateObject_7$1;
|
|
43658
43659
|
|
|
43659
|
-
var FilterCard$2 = styled__default["default"](Card)(templateObject_1$
|
|
43660
|
+
var FilterCard$2 = styled__default["default"](Card)(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n box-shadow: 0px 0px 16px\n ", ";\n min-width: 300px;\n width: ", ";\n border-radius: ", ";\n background-color: ", ";\n"], ["\n box-shadow: 0px 0px 16px\n ", ";\n min-width: 300px;\n width: ", ";\n border-radius: ", ";\n background-color: ", ";\n"])), function (_a) {
|
|
43660
43661
|
var theme = _a.theme;
|
|
43661
43662
|
return hexToRgba(theme.palette.gray.main, 0.4);
|
|
43662
43663
|
}, function (_a) {
|
|
@@ -43669,7 +43670,7 @@ var FilterCard$2 = styled__default["default"](Card)(templateObject_1$r || (templ
|
|
|
43669
43670
|
var theme = _a.theme;
|
|
43670
43671
|
return theme.palette.background.default;
|
|
43671
43672
|
});
|
|
43672
|
-
var FilterCardHeader$1 = styled__default["default"].div(templateObject_2$
|
|
43673
|
+
var FilterCardHeader$1 = styled__default["default"].div(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: ", "px\n ", "px;\n border-bottom: 1px solid ", ";\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: ", "px\n ", "px;\n border-bottom: 1px solid ", ";\n"])), function (_a) {
|
|
43673
43674
|
var theme = _a.theme;
|
|
43674
43675
|
return theme.spacing * 2;
|
|
43675
43676
|
}, function (_a) {
|
|
@@ -43679,29 +43680,29 @@ var FilterCardHeader$1 = styled__default["default"].div(templateObject_2$d || (t
|
|
|
43679
43680
|
var theme = _a.theme;
|
|
43680
43681
|
return theme.palette.gray.main;
|
|
43681
43682
|
});
|
|
43682
|
-
var CloseIconContainer$2 = styled__default["default"].div(templateObject_3$
|
|
43683
|
-
var FilterContent$1 = styled__default["default"].div(templateObject_4$
|
|
43683
|
+
var CloseIconContainer$2 = styled__default["default"].div(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n cursor: pointer;\n"], ["\n cursor: pointer;\n"])));
|
|
43684
|
+
var FilterContent$1 = styled__default["default"].div(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n padding: ", "px\n ", "px;\n"], ["\n padding: ", "px\n ", "px;\n"])), function (_a) {
|
|
43684
43685
|
var theme = _a.theme;
|
|
43685
43686
|
return theme.spacing * 2;
|
|
43686
43687
|
}, function (_a) {
|
|
43687
43688
|
var theme = _a.theme;
|
|
43688
43689
|
return theme.spacing * 3;
|
|
43689
43690
|
});
|
|
43690
|
-
var ButtonContainer$1 = styled__default["default"].div(templateObject_5$
|
|
43691
|
-
var templateObject_1$
|
|
43691
|
+
var ButtonContainer$1 = styled__default["default"].div(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n text-align: right;\n"], ["\n text-align: right;\n"])));
|
|
43692
|
+
var templateObject_1$s, templateObject_2$e, templateObject_3$b, templateObject_4$8, templateObject_5$7;
|
|
43692
43693
|
|
|
43693
|
-
var Container$i = styled__default["default"].div(templateObject_1$
|
|
43694
|
-
var InputContainer = styled__default["default"].div(templateObject_2$
|
|
43694
|
+
var Container$i = styled__default["default"].div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject([""], [""])));
|
|
43695
|
+
var InputContainer = styled__default["default"].div(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n & > input {\n display: inline-flex;\n flex: 1;\n ", ";\n ", ";\n }\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n & > input {\n display: inline-flex;\n flex: 1;\n ", ";\n ", ";\n }\n"])), function (_a) {
|
|
43695
43696
|
var hasRightIcon = _a.hasRightIcon;
|
|
43696
43697
|
return (hasRightIcon ? "padding-right: 32px" : "");
|
|
43697
43698
|
}, function (_a) {
|
|
43698
43699
|
var hasLeftIcon = _a.hasLeftIcon;
|
|
43699
43700
|
return (hasLeftIcon ? "padding-left: 35px" : "");
|
|
43700
43701
|
});
|
|
43701
|
-
var IconContainer$3 = styled__default["default"].div(templateObject_3$
|
|
43702
|
-
var LeftIconContainer = styled__default["default"](IconContainer$3)(templateObject_4$
|
|
43703
|
-
var RightIconContainer = styled__default["default"](IconContainer$3)(templateObject_5$
|
|
43704
|
-
var templateObject_1$
|
|
43702
|
+
var IconContainer$3 = styled__default["default"].div(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n cursor: pointer;\n"], ["\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n cursor: pointer;\n"])));
|
|
43703
|
+
var LeftIconContainer = styled__default["default"](IconContainer$3)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n left: 10px;\n"], ["\n left: 10px;\n"])));
|
|
43704
|
+
var RightIconContainer = styled__default["default"](IconContainer$3)(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n right: 10px;\n"], ["\n right: 10px;\n"])));
|
|
43705
|
+
var templateObject_1$r, templateObject_2$d, templateObject_3$a, templateObject_4$7, templateObject_5$6;
|
|
43705
43706
|
|
|
43706
43707
|
var TextField = React__namespace.forwardRef(function (_a, ref) {
|
|
43707
43708
|
var errorText = _a.errorText, icon = _a.icon, type = _a.type, inputRef = _a.inputRef, rest = __rest(_a, ["errorText", "icon", "type", "inputRef"]);
|
|
@@ -43807,10 +43808,10 @@ var FilterCard$1 = function (inProps) {
|
|
|
43807
43808
|
React__namespace.createElement(Spacer, { py: 1 }))),
|
|
43808
43809
|
React__namespace.createElement(Divider$1, { orientation: "horizontal", color: theme.palette.gray.light, my: 2 }),
|
|
43809
43810
|
React__namespace.createElement(ButtonContainer$1, null,
|
|
43810
|
-
React__namespace.createElement(Button$
|
|
43811
|
+
React__namespace.createElement(Button$2, { size: "small", inline: true, disabled: !section || !condition, onClick: handleSubmit }, applyButtonTitle)))));
|
|
43811
43812
|
};
|
|
43812
43813
|
|
|
43813
|
-
var FilterCard = styled__default["default"](Card)(templateObject_1$
|
|
43814
|
+
var FilterCard = styled__default["default"](Card)(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n box-shadow: 0px 0px 16px\n ", ";\n min-width: 300px;\n width: ", ";\n border-radius: ", ";\n background-color: ", ";\n"], ["\n box-shadow: 0px 0px 16px\n ", ";\n min-width: 300px;\n width: ", ";\n border-radius: ", ";\n background-color: ", ";\n"])), function (_a) {
|
|
43814
43815
|
var theme = _a.theme;
|
|
43815
43816
|
return hexToRgba(theme.palette.gray.main, 0.4);
|
|
43816
43817
|
}, function (_a) {
|
|
@@ -43823,7 +43824,7 @@ var FilterCard = styled__default["default"](Card)(templateObject_1$p || (templat
|
|
|
43823
43824
|
var theme = _a.theme;
|
|
43824
43825
|
return theme.palette.background.default;
|
|
43825
43826
|
});
|
|
43826
|
-
var FilterCardHeader = styled__default["default"].div(templateObject_2$
|
|
43827
|
+
var FilterCardHeader = styled__default["default"].div(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: ", "px\n ", "px;\n border-bottom: 1px solid ", ";\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: ", "px\n ", "px;\n border-bottom: 1px solid ", ";\n"])), function (_a) {
|
|
43827
43828
|
var theme = _a.theme;
|
|
43828
43829
|
return theme.spacing * 2;
|
|
43829
43830
|
}, function (_a) {
|
|
@@ -43833,16 +43834,16 @@ var FilterCardHeader = styled__default["default"].div(templateObject_2$b || (tem
|
|
|
43833
43834
|
var theme = _a.theme;
|
|
43834
43835
|
return theme.palette.gray.main;
|
|
43835
43836
|
});
|
|
43836
|
-
var CloseIconContainer$1 = styled__default["default"].div(templateObject_3$
|
|
43837
|
-
var FilterContent = styled__default["default"].div(templateObject_4$
|
|
43837
|
+
var CloseIconContainer$1 = styled__default["default"].div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n cursor: pointer;\n"], ["\n cursor: pointer;\n"])));
|
|
43838
|
+
var FilterContent = styled__default["default"].div(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n padding: ", "px\n ", "px;\n"], ["\n padding: ", "px\n ", "px;\n"])), function (_a) {
|
|
43838
43839
|
var theme = _a.theme;
|
|
43839
43840
|
return theme.spacing * 2;
|
|
43840
43841
|
}, function (_a) {
|
|
43841
43842
|
var theme = _a.theme;
|
|
43842
43843
|
return theme.spacing * 3;
|
|
43843
43844
|
});
|
|
43844
|
-
var ButtonContainer = styled__default["default"].div(templateObject_5$
|
|
43845
|
-
var templateObject_1$
|
|
43845
|
+
var ButtonContainer = styled__default["default"].div(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n text-align: right;\n"], ["\n text-align: right;\n"])));
|
|
43846
|
+
var templateObject_1$q, templateObject_2$c, templateObject_3$9, templateObject_4$6, templateObject_5$5;
|
|
43846
43847
|
|
|
43847
43848
|
var EditFilterCard = function (inProps) {
|
|
43848
43849
|
var props = useLocaleProps({ props: inProps, name: "EditFilterCard" });
|
|
@@ -43910,7 +43911,7 @@ var EditFilterCard = function (inProps) {
|
|
|
43910
43911
|
React__namespace.createElement(Spacer, { py: 1 }),
|
|
43911
43912
|
React__namespace.createElement(Divider$1, { orientation: "horizontal", color: theme.palette.gray.light, my: 2 }),
|
|
43912
43913
|
React__namespace.createElement(ButtonContainer, null,
|
|
43913
|
-
React__namespace.createElement(Button$
|
|
43914
|
+
React__namespace.createElement(Button$2, { size: "small", inline: true, disabled: !condition, onClick: handleSubmit }, editButtonTitle)))));
|
|
43914
43915
|
};
|
|
43915
43916
|
|
|
43916
43917
|
var Status = {
|
|
@@ -43935,7 +43936,7 @@ var getCurrentStatus = function (isFocus, selectedFilter, willEditFilter) {
|
|
|
43935
43936
|
return Status.Empty;
|
|
43936
43937
|
};
|
|
43937
43938
|
|
|
43938
|
-
var Container$h = styled__default["default"].div(templateObject_1$
|
|
43939
|
+
var Container$h = styled__default["default"].div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n padding: 2px 8px;\n width: auto;\n height: auto;\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: ", "px;\n color: ", ";\n display: inline-flex;\n justify-content: center;\n align-items: center;\n transition: all 0.3s ease;\n &:hover {\n cursor: pointer;\n background-color: ", ";\n }\n"], ["\n padding: 2px 8px;\n width: auto;\n height: auto;\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: ", "px;\n color: ", ";\n display: inline-flex;\n justify-content: center;\n align-items: center;\n transition: all 0.3s ease;\n &:hover {\n cursor: pointer;\n background-color: ", ";\n }\n"])), function (_a) {
|
|
43939
43940
|
var theme = _a.theme;
|
|
43940
43941
|
return theme.palette.gray.highlight;
|
|
43941
43942
|
}, function (_a) {
|
|
@@ -43951,10 +43952,10 @@ var Container$h = styled__default["default"].div(templateObject_1$o || (template
|
|
|
43951
43952
|
var theme = _a.theme;
|
|
43952
43953
|
return theme.palette.gray.light;
|
|
43953
43954
|
});
|
|
43954
|
-
var LeftContainer = styled__default["default"].div(templateObject_2$
|
|
43955
|
-
var RightContainer = styled__default["default"].div(templateObject_3$
|
|
43956
|
-
var IconContainer$2 = styled__default["default"].div(templateObject_4$
|
|
43957
|
-
var templateObject_1$
|
|
43955
|
+
var LeftContainer = styled__default["default"].div(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
|
|
43956
|
+
var RightContainer = styled__default["default"].div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n padding-left: 8px;\n"], ["\n padding-left: 8px;\n"])));
|
|
43957
|
+
var IconContainer$2 = styled__default["default"].div(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject([""], [""])));
|
|
43958
|
+
var templateObject_1$p, templateObject_2$b, templateObject_3$8, templateObject_4$5;
|
|
43958
43959
|
|
|
43959
43960
|
var boolToString = function (condition) {
|
|
43960
43961
|
if (typeof condition === "boolean") {
|
|
@@ -44115,7 +44116,7 @@ var NavigationRailContentHeight;
|
|
|
44115
44116
|
// Unit: second
|
|
44116
44117
|
var NavigationRailTransitionDuration = 0.3;
|
|
44117
44118
|
|
|
44118
|
-
var Container$g = styled__default["default"].div(templateObject_1$
|
|
44119
|
+
var Container$g = styled__default["default"].div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n position: fixed;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n width: ", ";\n background-color: ", ";\n border-right: ", ";\n box-shadow: ", ";\n box-sizing: content-box;\n overflow-x: hidden;\n z-index: ", ";\n transition: width ", "s;\n"], ["\n position: fixed;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n height: 100%;\n width: ", ";\n background-color: ", ";\n border-right: ", ";\n box-shadow: ", ";\n box-sizing: content-box;\n overflow-x: hidden;\n z-index: ", ";\n transition: width ", "s;\n"])), function (_a) {
|
|
44119
44120
|
var isOpen = _a.isOpen, isFixed = _a.isFixed;
|
|
44120
44121
|
return isOpen || isFixed ? NavigationRailWidth.WIDE : NavigationRailWidth.NARROW;
|
|
44121
44122
|
}, function (_a) {
|
|
@@ -44133,15 +44134,15 @@ var Container$g = styled__default["default"].div(templateObject_1$n || (template
|
|
|
44133
44134
|
var theme = _a.theme;
|
|
44134
44135
|
return theme.depth.drawer;
|
|
44135
44136
|
}, NavigationRailTransitionDuration);
|
|
44136
|
-
var templateObject_1$
|
|
44137
|
+
var templateObject_1$o;
|
|
44137
44138
|
|
|
44138
44139
|
var NavigationRailContext = React__namespace.createContext({
|
|
44139
44140
|
isOpen: false,
|
|
44140
44141
|
isFixed: false,
|
|
44141
44142
|
});
|
|
44142
44143
|
|
|
44143
|
-
var Container$f = styled__default["default"].div(templateObject_1$
|
|
44144
|
-
var templateObject_1$
|
|
44144
|
+
var Container$f = styled__default["default"].div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n display: flex;\n width: 100vw;\n height: 100%;\n"], ["\n display: flex;\n width: 100vw;\n height: 100%;\n"])));
|
|
44145
|
+
var templateObject_1$n;
|
|
44145
44146
|
|
|
44146
44147
|
var NavigationRailContainer = React__default["default"].forwardRef(function (_a, ref) {
|
|
44147
44148
|
var _b = _a.defaultFixed, defaultFixed = _b === void 0 ? false : _b, onChangeOpen = _a.onChangeOpen, onChangeFixed = _a.onChangeFixed, children = _a.children;
|
|
@@ -44182,19 +44183,19 @@ var NavigationRailContainer = React__default["default"].forwardRef(function (_a,
|
|
|
44182
44183
|
React__default["default"].createElement(Container$f, { ref: ref }, children)));
|
|
44183
44184
|
});
|
|
44184
44185
|
|
|
44185
|
-
var Header$1 = styled__default["default"].div(templateObject_1$
|
|
44186
|
-
var Content$1 = styled__default["default"].div(templateObject_2$
|
|
44187
|
-
var Footer = styled__default["default"].div(templateObject_3$
|
|
44186
|
+
var Header$1 = styled__default["default"].div(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n flex-shrink: 0;\n flex-basis: ", ";\n display: flex;\n align-items: center;\n"], ["\n flex-shrink: 0;\n flex-basis: ", ";\n display: flex;\n align-items: center;\n"])), NavigationRailContentHeight.HEADER);
|
|
44187
|
+
var Content$1 = styled__default["default"].div(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n flex-grow: 1;\n overflow-x: hidden;\n ", "\n\n & * {\n text-decoration: none;\n }\n"], ["\n flex-grow: 1;\n overflow-x: hidden;\n ", "\n\n & * {\n text-decoration: none;\n }\n"])), addScrollbarProperties({ maxHeight: "none" }));
|
|
44188
|
+
var Footer = styled__default["default"].div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n flex-shrink: 0;\n flex-basis: ", ";\n display: flex;\n align-items: center;\n border-top: 1px solid ", ";\n"], ["\n flex-shrink: 0;\n flex-basis: ", ";\n display: flex;\n align-items: center;\n border-top: 1px solid ", ";\n"])), NavigationRailContentHeight.FOOTER, function (_a) {
|
|
44188
44189
|
var theme = _a.theme;
|
|
44189
44190
|
return theme.palette.gray.light;
|
|
44190
44191
|
});
|
|
44191
|
-
var templateObject_1$
|
|
44192
|
+
var templateObject_1$m, templateObject_2$a, templateObject_3$7;
|
|
44192
44193
|
|
|
44193
|
-
var Container$e = styled__default["default"].div(templateObject_1$
|
|
44194
|
+
var Container$e = styled__default["default"].div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n padding-left: ", ";\n width: 100%;\n height: 100%;\n transition: padding-left ", "s;\n"], ["\n padding-left: ", ";\n width: 100%;\n height: 100%;\n transition: padding-left ", "s;\n"])), function (_a) {
|
|
44194
44195
|
var isFixed = _a.isFixed;
|
|
44195
44196
|
return isFixed ? NavigationRailWidth.WIDE : NavigationRailWidth.NARROW;
|
|
44196
44197
|
}, NavigationRailTransitionDuration);
|
|
44197
|
-
var templateObject_1$
|
|
44198
|
+
var templateObject_1$l;
|
|
44198
44199
|
|
|
44199
44200
|
var MainContent = React__default["default"].forwardRef(function (_a, ref) {
|
|
44200
44201
|
var children = _a.children;
|
|
@@ -44202,7 +44203,7 @@ var MainContent = React__default["default"].forwardRef(function (_a, ref) {
|
|
|
44202
44203
|
return (React__default["default"].createElement(Container$e, { ref: ref, isFixed: isFixed }, children));
|
|
44203
44204
|
});
|
|
44204
44205
|
|
|
44205
|
-
var Container$d = styled__default["default"].div(templateObject_1$
|
|
44206
|
+
var Container$d = styled__default["default"].div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n cursor: pointer;\n position: relative;\n margin-left: ", "px;\n font-weight: bold;\n transform: rotate(", ");\n transition: transform ", "s;\n\n &::before {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: ", ";\n border-radius: 10rem;\n transform: scale(0);\n transition: transform 0.3s;\n }\n\n &:hover::before {\n transform: scale(2);\n }\n"], ["\n cursor: pointer;\n position: relative;\n margin-left: ", "px;\n font-weight: bold;\n transform: rotate(", ");\n transition: transform ", "s;\n\n &::before {\n content: \"\";\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n background-color: ", ";\n border-radius: 10rem;\n transform: scale(0);\n transition: transform 0.3s;\n }\n\n &:hover::before {\n transform: scale(2);\n }\n"])), function (_a) {
|
|
44206
44207
|
var theme = _a.theme;
|
|
44207
44208
|
return theme.spacing * 3;
|
|
44208
44209
|
}, function (_a) {
|
|
@@ -44212,14 +44213,14 @@ var Container$d = styled__default["default"].div(templateObject_1$j || (template
|
|
|
44212
44213
|
var theme = _a.theme;
|
|
44213
44214
|
return theme.palette.gray.light;
|
|
44214
44215
|
});
|
|
44215
|
-
var templateObject_1$
|
|
44216
|
+
var templateObject_1$k;
|
|
44216
44217
|
|
|
44217
44218
|
var getArrowPosition = function (theme, placements, currentPlacement) {
|
|
44218
44219
|
return currentPlacement && placements.includes(currentPlacement)
|
|
44219
44220
|
? theme.spacing * 1.5 + "px"
|
|
44220
44221
|
: "auto";
|
|
44221
44222
|
};
|
|
44222
|
-
var Arrow = styled__default["default"].div(templateObject_1$
|
|
44223
|
+
var Arrow = styled__default["default"].div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n position: absolute;\n top: ", ";\n bottom: ", ";\n left: ", ";\n right: ", ";\n\n z-index: -1;\n &:after {\n content: \" \";\n position: absolute;\n width: 8px;\n height: 8px;\n background-color: ", ";\n }\n"], ["\n position: absolute;\n top: ", ";\n bottom: ", ";\n left: ", ";\n right: ", ";\n\n z-index: -1;\n &:after {\n content: \" \";\n position: absolute;\n width: 8px;\n height: 8px;\n background-color: ", ";\n }\n"])), function (_a) {
|
|
44223
44224
|
var theme = _a.theme, placement = _a.placement;
|
|
44224
44225
|
return getArrowPosition(theme, ["left-start", "right-start"], placement);
|
|
44225
44226
|
}, function (_a) {
|
|
@@ -44235,7 +44236,7 @@ var Arrow = styled__default["default"].div(templateObject_1$i || (templateObject
|
|
|
44235
44236
|
var theme = _a.theme;
|
|
44236
44237
|
return theme.palette.black;
|
|
44237
44238
|
});
|
|
44238
|
-
var Tooltip$1 = styled__default["default"].div(templateObject_2$
|
|
44239
|
+
var Tooltip$1 = styled__default["default"].div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n align-content: center;\n width: ", ";\n padding: ", ";\n border-radius: ", "px;\n color: ", ";\n background-color: ", ";\n font-weight: bold;\n font-size: 12px;\n z-index: ", ";\n\n &[data-popper-placement^=\"top\"] > ", " {\n bottom: 0;\n &:after {\n top: -5px;\n transform: translateX(-50%) rotate(45deg)\n skew(calc((30deg) / 2), calc((30deg) / 2));\n }\n }\n\n &[data-popper-placement^=\"bottom\"] > ", " {\n top: 0;\n &:after {\n bottom: -5px;\n transform: translateX(-50%) rotate(45deg)\n skew(calc((30deg) / 2), calc((30deg) / 2));\n }\n }\n\n &[data-popper-placement^=\"right\"] > ", " {\n left: 0;\n &:after {\n right: -5px;\n transform: translateY(-50%) rotate(-45deg)\n skew(calc((30deg) / 2), calc((30deg) / 2));\n }\n }\n\n &[data-popper-placement^=\"left\"] > ", " {\n right: 0;\n &:after {\n left: -5px;\n transform: translateY(-50%) rotate(-45deg)\n skew(calc((30deg) / 2), calc((30deg) / 2));\n }\n }\n"], ["\n display: flex;\n align-items: center;\n align-content: center;\n width: ", ";\n padding: ", ";\n border-radius: ", "px;\n color: ", ";\n background-color: ", ";\n font-weight: bold;\n font-size: 12px;\n z-index: ", ";\n\n &[data-popper-placement^=\"top\"] > ", " {\n bottom: 0;\n &:after {\n top: -5px;\n transform: translateX(-50%) rotate(45deg)\n skew(calc((30deg) / 2), calc((30deg) / 2));\n }\n }\n\n &[data-popper-placement^=\"bottom\"] > ", " {\n top: 0;\n &:after {\n bottom: -5px;\n transform: translateX(-50%) rotate(45deg)\n skew(calc((30deg) / 2), calc((30deg) / 2));\n }\n }\n\n &[data-popper-placement^=\"right\"] > ", " {\n left: 0;\n &:after {\n right: -5px;\n transform: translateY(-50%) rotate(-45deg)\n skew(calc((30deg) / 2), calc((30deg) / 2));\n }\n }\n\n &[data-popper-placement^=\"left\"] > ", " {\n right: 0;\n &:after {\n left: -5px;\n transform: translateY(-50%) rotate(-45deg)\n skew(calc((30deg) / 2), calc((30deg) / 2));\n }\n }\n"])), function (_a) {
|
|
44239
44240
|
var width = _a.width;
|
|
44240
44241
|
return width || "auto";
|
|
44241
44242
|
}, function (_a) {
|
|
@@ -44254,7 +44255,7 @@ var Tooltip$1 = styled__default["default"].div(templateObject_2$8 || (templateOb
|
|
|
44254
44255
|
var theme = _a.theme;
|
|
44255
44256
|
return theme.depth.tooltip;
|
|
44256
44257
|
}, Arrow, Arrow, Arrow, Arrow);
|
|
44257
|
-
var templateObject_1$
|
|
44258
|
+
var templateObject_1$j, templateObject_2$9;
|
|
44258
44259
|
|
|
44259
44260
|
var Tooltip = React__namespace.forwardRef(function (_a, ref) {
|
|
44260
44261
|
var content = _a.content, _b = _a.open, openProp = _b === void 0 ? false : _b, _c = _a.disableHoverListener, disableHoverListener = _c === void 0 ? false : _c, _d = _a.enterDelay, enterDelay = _d === void 0 ? 0 : _d, _e = _a.leaveDelay, leaveDelay = _e === void 0 ? 0 : _e, _f = _a.positionPriority, positionPriority = _f === void 0 ? ["top"] : _f, _g = _a.offset, offset = _g === void 0 ? [0, 10] : _g, width = _a.width, _h = _a.disabled, disabled = _h === void 0 ? false : _h, fadeProps = _a.fadeProps, children = _a.children, rest = __rest(_a, ["content", "open", "disableHoverListener", "enterDelay", "leaveDelay", "positionPriority", "offset", "width", "disabled", "fadeProps", "children"]);
|
|
@@ -44384,7 +44385,7 @@ var Fixture = React__default["default"].forwardRef(function (_a, ref) {
|
|
|
44384
44385
|
React__default["default"].createElement(Icon$1, { name: "arrow_double_left" }))));
|
|
44385
44386
|
});
|
|
44386
44387
|
|
|
44387
|
-
var Container$c = styled__default["default"].div(templateObject_1$
|
|
44388
|
+
var Container$c = styled__default["default"].div(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n padding: ", ";\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n & > * {\n flex-shrink: 0;\n }\n"], ["\n cursor: pointer;\n display: flex;\n align-items: center;\n padding: ", ";\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n & > * {\n flex-shrink: 0;\n }\n"])), function (_a) {
|
|
44388
44389
|
var theme = _a.theme;
|
|
44389
44390
|
return theme.spacing * 2 + "px " + theme.spacing * 2 + "px " + theme.spacing * 2 + "px " + theme.spacing * 3 + "px";
|
|
44390
44391
|
}, function (_a) {
|
|
@@ -44394,23 +44395,23 @@ var Container$c = styled__default["default"].div(templateObject_1$h || (template
|
|
|
44394
44395
|
var theme = _a.theme;
|
|
44395
44396
|
return theme.palette.gray.light;
|
|
44396
44397
|
});
|
|
44397
|
-
var TextContainer$2 = styled__default["default"].div(templateObject_2$
|
|
44398
|
+
var TextContainer$2 = styled__default["default"].div(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n flex-shrink: 1;\n flex-grow: 1;\n display: flex;\n align-items: center;\n margin-left: ", "px;\n opacity: ", ";\n transition: opacity ", "s;\n min-width: 0;\n"], ["\n flex-shrink: 1;\n flex-grow: 1;\n display: flex;\n align-items: center;\n margin-left: ", "px;\n opacity: ", ";\n transition: opacity ", "s;\n min-width: 0;\n"])), function (_a) {
|
|
44398
44399
|
var theme = _a.theme;
|
|
44399
44400
|
return theme.spacing * 1.5;
|
|
44400
44401
|
}, function (_a) {
|
|
44401
44402
|
var isOpen = _a.isOpen;
|
|
44402
44403
|
return (isOpen ? 1 : 0);
|
|
44403
44404
|
}, NavigationRailTransitionDuration);
|
|
44404
|
-
var TextWrapper$2 = styled__default["default"](Typography)(templateObject_3$
|
|
44405
|
-
var templateObject_1$
|
|
44405
|
+
var TextWrapper$2 = styled__default["default"](Typography)(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
|
|
44406
|
+
var templateObject_1$i, templateObject_2$8, templateObject_3$6;
|
|
44406
44407
|
|
|
44407
|
-
var Container$b = styled__default["default"].div(templateObject_1$
|
|
44408
|
+
var Container$b = styled__default["default"].div(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n vertical-align: middle;\n"], ["\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n vertical-align: middle;\n"])));
|
|
44408
44409
|
var dotSizeMapping = {
|
|
44409
44410
|
small: "8px",
|
|
44410
44411
|
medium: "12px",
|
|
44411
44412
|
large: "16px",
|
|
44412
44413
|
};
|
|
44413
|
-
var Badge = styled__default["default"].span(templateObject_2$
|
|
44414
|
+
var Badge = styled__default["default"].span(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n position: absolute;\n top: ", ";\n bottom: ", ";\n right: ", ";\n left: ", ";\n transform: ", "\n translate(\n ", ",\n ", "\n );\n transform-origin: ", ";\n display: flex;\n align-items: center;\n align-content: center;\n justify-content: center;\n height: ", ";\n min-width: ", ";\n line-height: 1;\n padding: 0 ", ";\n border-radius: 10rem;\n color: ", ";\n background-color: ", ";\n font-size: 10.5px;\n font-weight: bold;\n transition: transform 0.3s;\n"], ["\n position: absolute;\n top: ", ";\n bottom: ", ";\n right: ", ";\n left: ", ";\n transform: ", "\n translate(\n ", ",\n ", "\n );\n transform-origin: ", ";\n display: flex;\n align-items: center;\n align-content: center;\n justify-content: center;\n height: ", ";\n min-width: ", ";\n line-height: 1;\n padding: 0 ", ";\n border-radius: 10rem;\n color: ", ";\n background-color: ", ";\n font-size: 10.5px;\n font-weight: bold;\n transition: transform 0.3s;\n"])), function (_a) {
|
|
44414
44415
|
var position = _a.position;
|
|
44415
44416
|
return ["top-right", "top-left"].includes(position) ? 0 : "auto";
|
|
44416
44417
|
}, function (_a) {
|
|
@@ -44450,7 +44451,7 @@ var Badge = styled__default["default"].span(templateObject_2$6 || (templateObjec
|
|
|
44450
44451
|
var theme = _a.theme;
|
|
44451
44452
|
return theme.palette.danger.main;
|
|
44452
44453
|
});
|
|
44453
|
-
var templateObject_1$
|
|
44454
|
+
var templateObject_1$h, templateObject_2$7;
|
|
44454
44455
|
|
|
44455
44456
|
var NotificationBadge = React__namespace.forwardRef(function (_a, ref) {
|
|
44456
44457
|
var _b = _a.variant, variant = _b === void 0 ? "normal" : _b, _c = _a.badgeContent, badgeContent = _c === void 0 ? "" : _c, _d = _a.position, position = _d === void 0 ? "top-right" : _d, _e = _a.dotSize, dotSize = _e === void 0 ? "medium" : _e, _f = _a.max, max = _f === void 0 ? 99 : _f, _g = _a.showZero, showZero = _g === void 0 ? false : _g, _h = _a.invisible, invisibleProp = _h === void 0 ? false : _h, children = _a.children;
|
|
@@ -44473,7 +44474,7 @@ var NotificationBadge = React__namespace.forwardRef(function (_a, ref) {
|
|
|
44473
44474
|
React__namespace.createElement(Badge, { variant: variant, position: position, size: dotSize, invisible: invisible }, displayValue)));
|
|
44474
44475
|
});
|
|
44475
44476
|
|
|
44476
|
-
var Container$a = styled__default["default"].span(templateObject_1$
|
|
44477
|
+
var Container$a = styled__default["default"].span(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n display: flex;\n align-items: center;\n align-content: center;\n justify-content: center;\n height: 20px;\n min-width: 20px;\n line-height: 1;\n padding: 0 6px;\n border-radius: 10rem;\n color: ", ";\n background-color: ", ";\n font-size: 10.5px;\n font-weight: bold;\n transform: ", ";\n transition: transform 0.3s;\n"], ["\n display: flex;\n align-items: center;\n align-content: center;\n justify-content: center;\n height: 20px;\n min-width: 20px;\n line-height: 1;\n padding: 0 6px;\n border-radius: 10rem;\n color: ", ";\n background-color: ", ";\n font-size: 10.5px;\n font-weight: bold;\n transform: ", ";\n transition: transform 0.3s;\n"])), function (_a) {
|
|
44477
44478
|
var theme = _a.theme;
|
|
44478
44479
|
return theme.palette.text.white;
|
|
44479
44480
|
}, function (_a) {
|
|
@@ -44483,7 +44484,7 @@ var Container$a = styled__default["default"].span(templateObject_1$f || (templat
|
|
|
44483
44484
|
var invisible = _a.invisible;
|
|
44484
44485
|
return (invisible ? "scale(0)" : "scale(1)");
|
|
44485
44486
|
});
|
|
44486
|
-
var templateObject_1$
|
|
44487
|
+
var templateObject_1$g;
|
|
44487
44488
|
|
|
44488
44489
|
var SideNotificationBadge = function (_a) {
|
|
44489
44490
|
var _b = _a.notificationCount, notificationCount = _b === void 0 ? 0 : _b, _c = _a.invisible, invisible = _c === void 0 ? false : _c;
|
|
@@ -44517,7 +44518,7 @@ var Menu = React__namespace.forwardRef(function (_a, ref) {
|
|
|
44517
44518
|
React__namespace.createElement(SideNotificationBadge, { notificationCount: notificationCount, invisible: notificationCount === 0 || !isOpen }))));
|
|
44518
44519
|
});
|
|
44519
44520
|
|
|
44520
|
-
var Container$9 = styled__default["default"].div(templateObject_1$
|
|
44521
|
+
var Container$9 = styled__default["default"].div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n padding: ", ";\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n & > * {\n flex-shrink: 0;\n }\n"], ["\n cursor: pointer;\n display: flex;\n align-items: center;\n padding: ", ";\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n & > * {\n flex-shrink: 0;\n }\n"])), function (_a) {
|
|
44521
44522
|
var theme = _a.theme;
|
|
44522
44523
|
return theme.spacing * 2 + "px 0 " + theme.spacing * 2 + "px " + theme.spacing * 3 + "px";
|
|
44523
44524
|
}, function (_a) {
|
|
@@ -44527,15 +44528,15 @@ var Container$9 = styled__default["default"].div(templateObject_1$e || (template
|
|
|
44527
44528
|
var theme = _a.theme;
|
|
44528
44529
|
return theme.palette.gray.light;
|
|
44529
44530
|
});
|
|
44530
|
-
var TextContainer$1 = styled__default["default"].div(templateObject_2$
|
|
44531
|
+
var TextContainer$1 = styled__default["default"].div(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n flex-shrink: 1;\n flex-grow: 1;\n display: flex;\n align-items: center;\n margin-left: ", "px;\n opacity: ", ";\n transition: opacity ", "s;\n min-width: 0;\n"], ["\n flex-shrink: 1;\n flex-grow: 1;\n display: flex;\n align-items: center;\n margin-left: ", "px;\n opacity: ", ";\n transition: opacity ", "s;\n min-width: 0;\n"])), function (_a) {
|
|
44531
44532
|
var theme = _a.theme;
|
|
44532
44533
|
return theme.spacing * 1.5;
|
|
44533
44534
|
}, function (_a) {
|
|
44534
44535
|
var isOpen = _a.isOpen;
|
|
44535
44536
|
return (isOpen ? 1 : 0);
|
|
44536
44537
|
}, NavigationRailTransitionDuration);
|
|
44537
|
-
var TextWrapper$1 = styled__default["default"](Typography)(templateObject_3$
|
|
44538
|
-
var ArrowIconWrapper = styled__default["default"].div(templateObject_4$
|
|
44538
|
+
var TextWrapper$1 = styled__default["default"](Typography)(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
|
|
44539
|
+
var ArrowIconWrapper = styled__default["default"].div(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n margin-right: ", "px;\n opacity: ", ";\n transform: rotate(", ");\n transition: transform 0.3s, opacity ", "s;\n"], ["\n margin-right: ", "px;\n opacity: ", ";\n transform: rotate(", ");\n transition: transform 0.3s, opacity ", "s;\n"])), function (_a) {
|
|
44539
44540
|
var theme = _a.theme;
|
|
44540
44541
|
return theme.spacing;
|
|
44541
44542
|
}, function (_a) {
|
|
@@ -44545,14 +44546,14 @@ var ArrowIconWrapper = styled__default["default"].div(templateObject_4$3 || (tem
|
|
|
44545
44546
|
var isExpand = _a.isExpand;
|
|
44546
44547
|
return (isExpand ? "180deg" : "none");
|
|
44547
44548
|
}, NavigationRailTransitionDuration);
|
|
44548
|
-
var Expantion = styled__default["default"].div(templateObject_5$
|
|
44549
|
+
var Expantion = styled__default["default"].div(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n overflow-y: hidden;\n max-height: ", ";\n transition: max-height 0.3s\n ", "s;\n"], ["\n overflow-y: hidden;\n max-height: ", ";\n transition: max-height 0.3s\n ", "s;\n"])), function (_a) {
|
|
44549
44550
|
var isExpand = _a.isExpand, height = _a.height;
|
|
44550
44551
|
return (isExpand ? height : "0px");
|
|
44551
44552
|
}, function (_a) {
|
|
44552
44553
|
var delay = _a.delay;
|
|
44553
44554
|
return (delay ? NavigationRailTransitionDuration : 0);
|
|
44554
44555
|
});
|
|
44555
|
-
var templateObject_1$
|
|
44556
|
+
var templateObject_1$f, templateObject_2$6, templateObject_3$5, templateObject_4$4, templateObject_5$4;
|
|
44556
44557
|
|
|
44557
44558
|
var ExpantionMenu = React__namespace.forwardRef(function (_a, ref) {
|
|
44558
44559
|
var title = _a.title, _b = _a.isActive, isActive = _b === void 0 ? false : _b, iconName = _a.iconName, _c = _a.expantionList, expantionList = _c === void 0 ? [] : _c, _d = _a.defaultExpand, defaultExpand = _d === void 0 ? false : _d, _e = _a.notificationCount, notificationCount = _e === void 0 ? 0 : _e, onChangeExpand = _a.onChangeExpand, onClick = _a.onClick; _a.onMouseEnter; var rest = __rest(_a, ["title", "isActive", "iconName", "expantionList", "defaultExpand", "notificationCount", "onChangeExpand", "onClick", "onMouseEnter"]);
|
|
@@ -44611,16 +44612,16 @@ var ExpantionMenu = React__namespace.forwardRef(function (_a, ref) {
|
|
|
44611
44612
|
React__namespace.createElement(React__namespace.Fragment, { key: index }, node)); }))));
|
|
44612
44613
|
});
|
|
44613
44614
|
|
|
44614
|
-
var Container$8 = styled__default["default"].div(templateObject_1$
|
|
44615
|
+
var Container$8 = styled__default["default"].div(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n cursor: pointer;\n display: flex;\n align-items: center;\n padding: ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n & > * {\n flex-shrink: 0;\n }\n"], ["\n cursor: pointer;\n display: flex;\n align-items: center;\n padding: ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n & > * {\n flex-shrink: 0;\n }\n"])), function (_a) {
|
|
44615
44616
|
var theme = _a.theme;
|
|
44616
44617
|
return theme.spacing * 1.5 + "px " + theme.spacing * 2 + "px " + theme.spacing * 1.5 + "px " + theme.spacing * 7.75 + "px";
|
|
44617
44618
|
}, function (_a) {
|
|
44618
44619
|
var theme = _a.theme;
|
|
44619
44620
|
return theme.palette.gray.light;
|
|
44620
44621
|
});
|
|
44621
|
-
var TextContainer = styled__default["default"].div(templateObject_2$
|
|
44622
|
-
var TextWrapper = styled__default["default"](Typography)(templateObject_3$
|
|
44623
|
-
var templateObject_1$
|
|
44622
|
+
var TextContainer = styled__default["default"].div(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n flex-shrink: 1;\n flex-grow: 1;\n display: flex;\n align-items: center;\n min-width: 0;\n"], ["\n flex-shrink: 1;\n flex-grow: 1;\n display: flex;\n align-items: center;\n min-width: 0;\n"])));
|
|
44623
|
+
var TextWrapper = styled__default["default"](Typography)(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
|
|
44624
|
+
var templateObject_1$e, templateObject_2$5, templateObject_3$4;
|
|
44624
44625
|
|
|
44625
44626
|
var ExpantionMenuItem = React__namespace.forwardRef(function (_a, ref) {
|
|
44626
44627
|
var title = _a.title, titleElement = _a.titleElement, _b = _a.isActive, isActive = _b === void 0 ? false : _b; _a.onMouseEnter; var _c = _a.notificationCount, notificationCount = _c === void 0 ? 0 : _c, rest = __rest(_a, ["title", "titleElement", "isActive", "onMouseEnter", "notificationCount"]);
|
|
@@ -44663,11 +44664,11 @@ ExportedComponent$1.ExpantionMenuItem = ExpantionMenuItem;
|
|
|
44663
44664
|
ExportedComponent$1.Fixture = Fixture;
|
|
44664
44665
|
ExportedComponent$1.MainContent = MainContent;
|
|
44665
44666
|
|
|
44666
|
-
var Container$7 = styled__default["default"].div(templateObject_1$
|
|
44667
|
+
var Container$7 = styled__default["default"].div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
44667
44668
|
var height = _a.height, maxHeight = _a.maxHeight, minHeight = _a.minHeight;
|
|
44668
44669
|
return addScrollbarProperties({ height: height, maxHeight: maxHeight, minHeight: minHeight });
|
|
44669
44670
|
});
|
|
44670
|
-
var templateObject_1$
|
|
44671
|
+
var templateObject_1$d;
|
|
44671
44672
|
|
|
44672
44673
|
/**
|
|
44673
44674
|
* Add Scrollbar to inner DOM.
|
|
@@ -44694,7 +44695,7 @@ var getTranslate$2 = function (direction) {
|
|
|
44694
44695
|
}
|
|
44695
44696
|
};
|
|
44696
44697
|
var transitionClass = "slide-transition";
|
|
44697
|
-
var CSSTransition = styled__default["default"](OriginalCSSTransition)(templateObject_1$
|
|
44698
|
+
var CSSTransition = styled__default["default"](OriginalCSSTransition)(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n &.", "-enter, &.", "-appear {\n transform: ", ";\n }\n &.", "-enter-active, &.", "-appear-active {\n transform: none;\n transition: transform ", "ms;\n }\n &.", "-exit {\n transform: none;\n }\n &.", "-exit-active {\n transform: ", ";\n transition: transform ", "ms;\n }\n &.", "-exit-done {\n transform: ", ";\n }\n"], ["\n &.", "-enter, &.", "-appear {\n transform: ", ";\n }\n &.", "-enter-active, &.", "-appear-active {\n transform: none;\n transition: transform ", "ms;\n }\n &.", "-exit {\n transform: none;\n }\n &.", "-exit-active {\n transform: ", ";\n transition: transform ", "ms;\n }\n &.", "-exit-done {\n transform: ", ";\n }\n"])), transitionClass, transitionClass, function (_a) {
|
|
44698
44699
|
var direction = _a.direction;
|
|
44699
44700
|
return getTranslate$2(direction);
|
|
44700
44701
|
}, transitionClass, transitionClass, function (_a) {
|
|
@@ -44710,7 +44711,7 @@ var CSSTransition = styled__default["default"](OriginalCSSTransition)(templateOb
|
|
|
44710
44711
|
var direction = _a.direction;
|
|
44711
44712
|
return getTranslate$2(direction);
|
|
44712
44713
|
});
|
|
44713
|
-
var templateObject_1$
|
|
44714
|
+
var templateObject_1$c;
|
|
44714
44715
|
|
|
44715
44716
|
var Slide = function (_a) {
|
|
44716
44717
|
var
|
|
@@ -44721,7 +44722,7 @@ var Slide = function (_a) {
|
|
|
44721
44722
|
return (React__namespace.createElement(CSSTransition, __assign({ appear: true, timeout: timeout, direction: direction, classNames: transitionClass }, rest), children));
|
|
44722
44723
|
};
|
|
44723
44724
|
|
|
44724
|
-
var Container$6 = styled__default["default"].div(templateObject_1$
|
|
44725
|
+
var Container$6 = styled__default["default"].div(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n position: fixed;\n left: ", ";\n right: ", ";\n top: ", ";\n bottom: ", ";\n z-index: ", ";\n"], ["\n position: fixed;\n left: ", ";\n right: ", ";\n top: ", ";\n bottom: ", ";\n z-index: ", ";\n"])), function (_a) {
|
|
44725
44726
|
var horizontal = _a.horizontal, theme = _a.theme;
|
|
44726
44727
|
return horizontal === "left" ? theme.spacing * 3 + "px" : "auto";
|
|
44727
44728
|
}, function (_a) {
|
|
@@ -44737,9 +44738,9 @@ var Container$6 = styled__default["default"].div(templateObject_1$a || (template
|
|
|
44737
44738
|
var theme = _a.theme;
|
|
44738
44739
|
return theme.depth.snackbar;
|
|
44739
44740
|
});
|
|
44740
|
-
var templateObject_1$
|
|
44741
|
+
var templateObject_1$b;
|
|
44741
44742
|
|
|
44742
|
-
var Container$5 = styled__default["default"].div(templateObject_1$
|
|
44743
|
+
var Container$5 = styled__default["default"].div(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n position: relative;\n min-width: 320px;\n max-width: 400px;\n padding-top: ", "px;\n padding-right: ", "px;\n padding-bottom: ", "px;\n padding-left: ", "px;\n background: ", ";\n box-shadow: ", ";\n border-radius: ", "px;\n"], ["\n position: relative;\n min-width: 320px;\n max-width: 400px;\n padding-top: ", "px;\n padding-right: ", "px;\n padding-bottom: ", "px;\n padding-left: ", "px;\n background: ", ";\n box-shadow: ", ";\n border-radius: ", "px;\n"])), function (_a) {
|
|
44743
44744
|
var theme = _a.theme;
|
|
44744
44745
|
return theme.spacing * 2;
|
|
44745
44746
|
}, function (_a) {
|
|
@@ -44761,14 +44762,14 @@ var Container$5 = styled__default["default"].div(templateObject_1$9 || (template
|
|
|
44761
44762
|
var theme = _a.theme;
|
|
44762
44763
|
return theme.radius;
|
|
44763
44764
|
});
|
|
44764
|
-
var IconContainer$1 = styled__default["default"].div(templateObject_2$
|
|
44765
|
+
var IconContainer$1 = styled__default["default"].div(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n position: absolute;\n top: ", "px;\n right: ", "px;\n cursor: pointer;\n"], ["\n position: absolute;\n top: ", "px;\n right: ", "px;\n cursor: pointer;\n"])), function (_a) {
|
|
44765
44766
|
var theme = _a.theme;
|
|
44766
44767
|
return theme.spacing;
|
|
44767
44768
|
}, function (_a) {
|
|
44768
44769
|
var theme = _a.theme;
|
|
44769
44770
|
return theme.spacing;
|
|
44770
44771
|
});
|
|
44771
|
-
var templateObject_1$
|
|
44772
|
+
var templateObject_1$a, templateObject_2$4;
|
|
44772
44773
|
|
|
44773
44774
|
var getSnackbarStyle = function (theme) {
|
|
44774
44775
|
return {
|
|
@@ -44811,8 +44812,8 @@ var Snackbar = React__namespace.forwardRef(function (_a, ref) {
|
|
|
44811
44812
|
React__namespace.createElement(SnackbarContent, { color: color, onClose: onClose }, children)));
|
|
44812
44813
|
});
|
|
44813
44814
|
|
|
44814
|
-
var Container$4 = styled__default["default"].div(templateObject_1$
|
|
44815
|
-
var templateObject_1$
|
|
44815
|
+
var Container$4 = styled__default["default"].div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
44816
|
+
var templateObject_1$9;
|
|
44816
44817
|
|
|
44817
44818
|
var SplitAnnotation = React__namespace.forwardRef(function (_a, ref) {
|
|
44818
44819
|
var children = _a.children, rest = __rest(_a, ["children"]);
|
|
@@ -44823,7 +44824,7 @@ var SplitAnnotation = React__namespace.forwardRef(function (_a, ref) {
|
|
|
44823
44824
|
React__namespace.createElement(Container$4, null, children)));
|
|
44824
44825
|
});
|
|
44825
44826
|
|
|
44826
|
-
var Container$3 = styled__default["default"].div(templateObject_1$
|
|
44827
|
+
var Container$3 = styled__default["default"].div(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n display: inline-flex;\n height: 40px;\n padding: ", "px;\n border-radius: ", "px;\n background-color: ", ";\n"], ["\n display: inline-flex;\n height: 40px;\n padding: ", "px;\n border-radius: ", "px;\n background-color: ", ";\n"])), function (_a) {
|
|
44827
44828
|
var theme = _a.theme;
|
|
44828
44829
|
return theme.spacing / 2;
|
|
44829
44830
|
}, function (_a) {
|
|
@@ -44833,16 +44834,16 @@ var Container$3 = styled__default["default"].div(templateObject_1$7 || (template
|
|
|
44833
44834
|
var theme = _a.theme;
|
|
44834
44835
|
return theme.palette.gray.light;
|
|
44835
44836
|
});
|
|
44836
|
-
var ChildContainer = styled__default["default"].div(templateObject_2$
|
|
44837
|
-
var ChildrenContainer = styled__default["default"].div(templateObject_3$
|
|
44838
|
-
var IconItemContainer = styled__default["default"].div(templateObject_4$
|
|
44837
|
+
var ChildContainer$1 = styled__default["default"].div(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
44838
|
+
var ChildrenContainer$1 = styled__default["default"].div(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n position: relative;\n width: 100%;\n white-space: nowrap;\n display: flex;\n align-items: center;\n"], ["\n position: relative;\n width: 100%;\n white-space: nowrap;\n display: flex;\n align-items: center;\n"])));
|
|
44839
|
+
var IconItemContainer = styled__default["default"].div(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n padding: ", "px;\n height: 32px;\n cursor: pointer;\n transition: all 0.3s ease-in-out;\n & + & {\n margin-left: ", "px;\n }\n"], ["\n padding: ", "px;\n height: 32px;\n cursor: pointer;\n transition: all 0.3s ease-in-out;\n & + & {\n margin-left: ", "px;\n }\n"])), function (_a) {
|
|
44839
44840
|
var theme = _a.theme;
|
|
44840
44841
|
return theme.spacing / 2;
|
|
44841
44842
|
}, function (_a) {
|
|
44842
44843
|
var theme = _a.theme;
|
|
44843
44844
|
return theme.spacing / 2;
|
|
44844
44845
|
});
|
|
44845
|
-
var TextItemContainer = styled__default["default"].div(templateObject_5$
|
|
44846
|
+
var TextItemContainer = styled__default["default"].div(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n display: inline-flex;\n align-items: center;\n height: 32px;\n padding: 0 ", "px;\n border-radius: ", "px;\n cursor: pointer;\n transition: all 0.3s ease-in-out;\n & + & {\n margin-left: ", "px;\n }\n"], ["\n display: inline-flex;\n align-items: center;\n height: 32px;\n padding: 0 ", "px;\n border-radius: ", "px;\n cursor: pointer;\n transition: all 0.3s ease-in-out;\n & + & {\n margin-left: ", "px;\n }\n"])), function (_a) {
|
|
44846
44847
|
var theme = _a.theme;
|
|
44847
44848
|
return theme.spacing;
|
|
44848
44849
|
}, function (_a) {
|
|
@@ -44852,14 +44853,14 @@ var TextItemContainer = styled__default["default"].div(templateObject_5$2 || (te
|
|
|
44852
44853
|
var theme = _a.theme;
|
|
44853
44854
|
return theme.spacing / 2;
|
|
44854
44855
|
});
|
|
44855
|
-
var Indicator = styled__default["default"].div(templateObject_6$
|
|
44856
|
+
var Indicator$1 = styled__default["default"].div(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n height: 100%;\n transition: all 0.3s ease-in-out;\n background-color: ", ";\n border-radius: ", "px;\n"], ["\n position: absolute;\n top: 0;\n height: 100%;\n transition: all 0.3s ease-in-out;\n background-color: ", ";\n border-radius: ", "px;\n"])), function (_a) {
|
|
44856
44857
|
var theme = _a.theme;
|
|
44857
44858
|
return theme.palette.background.default;
|
|
44858
44859
|
}, function (_a) {
|
|
44859
44860
|
var theme = _a.theme;
|
|
44860
44861
|
return theme.radius * 0.5;
|
|
44861
44862
|
});
|
|
44862
|
-
var templateObject_1$
|
|
44863
|
+
var templateObject_1$8, templateObject_2$3, templateObject_3$3, templateObject_4$3, templateObject_5$3, templateObject_6$3;
|
|
44863
44864
|
|
|
44864
44865
|
var useEnhancedEffect = typeof window !== "undefined" ? React__default["default"].useLayoutEffect : React__default["default"].useEffect;
|
|
44865
44866
|
/**
|
|
@@ -44954,9 +44955,9 @@ var Switch = React__namespace.forwardRef(function (_a, ref) {
|
|
|
44954
44955
|
};
|
|
44955
44956
|
}, [updateIndicatorState]);
|
|
44956
44957
|
return (React__namespace.createElement(Container$3, { ref: ref },
|
|
44957
|
-
React__namespace.createElement(ChildContainer, { ref: tabsRef },
|
|
44958
|
-
React__namespace.createElement(Indicator, { style: __assign({}, indicatorStyle) }),
|
|
44959
|
-
React__namespace.createElement(ChildrenContainer, { ref: childrenWrapperRef }, items.map(function (item, index) {
|
|
44958
|
+
React__namespace.createElement(ChildContainer$1, { ref: tabsRef },
|
|
44959
|
+
React__namespace.createElement(Indicator$1, { style: __assign({}, indicatorStyle) }),
|
|
44960
|
+
React__namespace.createElement(ChildrenContainer$1, { ref: childrenWrapperRef }, items.map(function (item, index) {
|
|
44960
44961
|
var childValue = item.value === undefined ? index : item.value;
|
|
44961
44962
|
valueToIndex.set(childValue, index);
|
|
44962
44963
|
var active = childValue === value;
|
|
@@ -44966,6 +44967,130 @@ var Switch = React__namespace.forwardRef(function (_a, ref) {
|
|
|
44966
44967
|
})))));
|
|
44967
44968
|
});
|
|
44968
44969
|
|
|
44970
|
+
var ChildContainer = styled__default["default"].div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
44971
|
+
var ChildrenContainer = styled__default["default"].div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject([""], [""])));
|
|
44972
|
+
var Button$1 = styled__default["default"].button(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n flex-irection: column;\n flex-shrink: 0;\n line-height: 1.25;\n max-width: 360;\n min-height: 48;\n min-width: 90;\n overflow: hidden;\n margin: 0;\n padding: 12px 16px;\n position: relative;\n text-align: center;\n white-space: normal;\n border: none;\n outline: none;\n background-color: transparent;\n cursor: ", ";\n &:hover {\n background-color: ", ";\n transition: 0.5s;\n }\n"], ["\n flex-irection: column;\n flex-shrink: 0;\n line-height: 1.25;\n max-width: 360;\n min-height: 48;\n min-width: 90;\n overflow: hidden;\n margin: 0;\n padding: 12px 16px;\n position: relative;\n text-align: center;\n white-space: normal;\n border: none;\n outline: none;\n background-color: transparent;\n cursor: ", ";\n &:hover {\n background-color: ", ";\n transition: 0.5s;\n }\n"])), function (_a) {
|
|
44973
|
+
var selected = _a.selected;
|
|
44974
|
+
return (selected ? "" : "pointer");
|
|
44975
|
+
}, function (_a) {
|
|
44976
|
+
var selected = _a.selected;
|
|
44977
|
+
return !selected ? function (_a) {
|
|
44978
|
+
var theme = _a.theme;
|
|
44979
|
+
return theme.palette.gray.highlight;
|
|
44980
|
+
} : "";
|
|
44981
|
+
});
|
|
44982
|
+
var Text = styled__default["default"](Typography)(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n padding-right: 2px;\n font-weight: 600;\n color: ", ";\n"], ["\n padding-right: 2px;\n font-weight: 600;\n color: ", ";\n"])), function (_a) {
|
|
44983
|
+
var selected = _a.selected;
|
|
44984
|
+
return selected ? function (_a) {
|
|
44985
|
+
var theme = _a.theme;
|
|
44986
|
+
return theme.palette.primary.main;
|
|
44987
|
+
} : "gray";
|
|
44988
|
+
});
|
|
44989
|
+
var Indicator = styled__default["default"].div(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n height: 100%;\n transition: all 0.3s ease-in-out;\n border-bottom: ", ";\n"], ["\n position: absolute;\n top: 0;\n height: 100%;\n transition: all 0.3s ease-in-out;\n border-bottom: ", ";\n"])), function (_a) {
|
|
44990
|
+
var theme = _a.theme;
|
|
44991
|
+
return "solid " + theme.palette.primary.main + " 2px";
|
|
44992
|
+
});
|
|
44993
|
+
var Border = styled__default["default"].div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n height: 1px;\n width: 100%;\n background: ", ";\n"], ["\n height: 1px;\n width: 100%;\n background: ", ";\n"])), function (_a) {
|
|
44994
|
+
var theme = _a.theme;
|
|
44995
|
+
return theme.palette.gray.main;
|
|
44996
|
+
});
|
|
44997
|
+
var templateObject_1$7, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$2, templateObject_6$2;
|
|
44998
|
+
|
|
44999
|
+
var Tab = React__namespace.forwardRef(function (_a, ref) {
|
|
45000
|
+
var text = _a.text, count = _a.count, value = _a.value, withBadge = _a.withBadge, selected = _a.selected, onChange = _a.onChange, onClick = _a.onClick;
|
|
45001
|
+
var theme = useTheme();
|
|
45002
|
+
var badgeColor = selected ? "primary" : "secondary";
|
|
45003
|
+
var handleClick = function (event) {
|
|
45004
|
+
if (!selected && onChange) {
|
|
45005
|
+
onChange(value);
|
|
45006
|
+
}
|
|
45007
|
+
if (onClick) {
|
|
45008
|
+
onClick(event);
|
|
45009
|
+
}
|
|
45010
|
+
};
|
|
45011
|
+
return (React__namespace.createElement(Button$1, { ref: ref, key: text, value: value, tabIndex: selected ? 0 : -1, theme: theme, selected: selected, onClick: handleClick },
|
|
45012
|
+
React__namespace.createElement(Flex, { display: "flex", justifyContent: "space-between", alignItems: "center" },
|
|
45013
|
+
React__namespace.createElement(Text, { selected: selected },
|
|
45014
|
+
text,
|
|
45015
|
+
" "),
|
|
45016
|
+
withBadge ? (React__namespace.createElement(Badge$1, { color: badgeColor, type: "pill", fontWeight: "bold" }, count)) : (""))));
|
|
45017
|
+
});
|
|
45018
|
+
|
|
45019
|
+
var Tabs = function (props, ref) {
|
|
45020
|
+
var data = props.data, value = props.value, _a = props.withBadge, withBadge = _a === void 0 ? false : _a, onChange = props.onChange, onClick = props.onClick;
|
|
45021
|
+
var valueToIndex = new Map();
|
|
45022
|
+
var childrenRef = React__namespace.useRef(null);
|
|
45023
|
+
var _b = React__namespace.useState({}), indicatorStyle = _b[0], setIndicatorStyle = _b[1];
|
|
45024
|
+
var _c = React__namespace.useState(null), tabs = _c[0], setTabs = _c[1];
|
|
45025
|
+
var refs = useMergeRefs(ref, setTabs);
|
|
45026
|
+
var getTabsMeta = function () {
|
|
45027
|
+
var tabsNode = tabs !== null && tabs !== void 0 ? tabs : undefined;
|
|
45028
|
+
var tabsMeta;
|
|
45029
|
+
if (tabsNode) {
|
|
45030
|
+
var rect = tabsNode.getBoundingClientRect();
|
|
45031
|
+
tabsMeta = {
|
|
45032
|
+
scrollLeft: tabsNode.scrollLeft,
|
|
45033
|
+
left: rect.left,
|
|
45034
|
+
};
|
|
45035
|
+
}
|
|
45036
|
+
var tabMeta;
|
|
45037
|
+
if (tabsNode && value) {
|
|
45038
|
+
if (childrenRef.current) {
|
|
45039
|
+
var children = childrenRef.current.children;
|
|
45040
|
+
if (children.length > 0) {
|
|
45041
|
+
var index = valueToIndex.get(value);
|
|
45042
|
+
var tab = children[index];
|
|
45043
|
+
tabMeta = (tab === null || tab === void 0 ? void 0 : tab.getBoundingClientRect()) || null;
|
|
45044
|
+
}
|
|
45045
|
+
}
|
|
45046
|
+
}
|
|
45047
|
+
return { tabsMeta: tabsMeta, tabMeta: tabMeta };
|
|
45048
|
+
};
|
|
45049
|
+
var updateIndicatorState = useEventCallback(function () {
|
|
45050
|
+
var _a = getTabsMeta(), tabsMeta = _a.tabsMeta, tabMeta = _a.tabMeta;
|
|
45051
|
+
var startValue = 0;
|
|
45052
|
+
if (tabMeta && tabsMeta) {
|
|
45053
|
+
var correction = tabsMeta.scrollLeft;
|
|
45054
|
+
startValue = tabMeta.left - tabsMeta.left + correction;
|
|
45055
|
+
}
|
|
45056
|
+
var newIndicatorStyle = {
|
|
45057
|
+
left: startValue,
|
|
45058
|
+
width: tabMeta ? tabMeta.width : 0,
|
|
45059
|
+
};
|
|
45060
|
+
if (isNaN(indicatorStyle["left"]) || isNaN(indicatorStyle["width"])) {
|
|
45061
|
+
setIndicatorStyle(newIndicatorStyle);
|
|
45062
|
+
}
|
|
45063
|
+
else {
|
|
45064
|
+
var start = Math.abs(indicatorStyle["left"] - newIndicatorStyle["left"]);
|
|
45065
|
+
var size = Math.abs(indicatorStyle["width"] - newIndicatorStyle["width"]);
|
|
45066
|
+
if (start >= 1 || size >= 1) {
|
|
45067
|
+
setIndicatorStyle(newIndicatorStyle);
|
|
45068
|
+
}
|
|
45069
|
+
}
|
|
45070
|
+
});
|
|
45071
|
+
React__namespace.useEffect(function () {
|
|
45072
|
+
updateIndicatorState();
|
|
45073
|
+
});
|
|
45074
|
+
React__namespace.useEffect(function () {
|
|
45075
|
+
var handleResize = function () {
|
|
45076
|
+
updateIndicatorState();
|
|
45077
|
+
};
|
|
45078
|
+
window.addEventListener("resize", handleResize);
|
|
45079
|
+
return function () { return window.removeEventListener("resize", handleResize); };
|
|
45080
|
+
}, [updateIndicatorState]);
|
|
45081
|
+
return (React__namespace.createElement(ChildContainer, { ref: refs },
|
|
45082
|
+
React__namespace.createElement(Indicator, { style: __assign({}, indicatorStyle) }),
|
|
45083
|
+
React__namespace.createElement(ChildrenContainer, { ref: childrenRef },
|
|
45084
|
+
data.map(function (d, index) {
|
|
45085
|
+
var childValue = d.value;
|
|
45086
|
+
var selected = childValue === value;
|
|
45087
|
+
valueToIndex.set(childValue, index);
|
|
45088
|
+
return (React__namespace.createElement(Tab, { key: index.toString(), selected: selected, value: childValue, count: d.count, withBadge: withBadge, text: d.text, onChange: onChange, onClick: onClick }));
|
|
45089
|
+
}),
|
|
45090
|
+
React__namespace.createElement(Border, null))));
|
|
45091
|
+
};
|
|
45092
|
+
var Tabs$1 = React__namespace.forwardRef(Tabs);
|
|
45093
|
+
|
|
44969
45094
|
var Body = React__namespace.forwardRef(function (_a, ref) {
|
|
44970
45095
|
var children = _a.children, rest = __rest(_a, ["children"]);
|
|
44971
45096
|
return (React__namespace.createElement("tbody", __assign({ ref: ref }, rest), children));
|
|
@@ -48267,7 +48392,7 @@ var ToggleButton = React__namespace.forwardRef(function (inProps, ref) {
|
|
|
48267
48392
|
exports.ActionButton = ActionButton$1;
|
|
48268
48393
|
exports.Backdrop = Backdrop;
|
|
48269
48394
|
exports.Badge = Badge$1;
|
|
48270
|
-
exports.Button = Button$
|
|
48395
|
+
exports.Button = Button$2;
|
|
48271
48396
|
exports.ButtonGroup = ButtonGroup;
|
|
48272
48397
|
exports.Card = Card;
|
|
48273
48398
|
exports.Checkbox = Checkbox;
|
|
@@ -48312,6 +48437,7 @@ exports.Spinner = Spinner;
|
|
|
48312
48437
|
exports.SplitAnnotation = SplitAnnotation;
|
|
48313
48438
|
exports.Switch = Switch;
|
|
48314
48439
|
exports.Table = ExportedComponent;
|
|
48440
|
+
exports.Tabs = Tabs$1;
|
|
48315
48441
|
exports.TextField = TextField;
|
|
48316
48442
|
exports.ThemeProvider = ThemeProvider;
|
|
48317
48443
|
exports.Toast = Toast;
|