ingred-ui 9.0.1 → 9.3.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/FixedPanel/FixedPanel.d.ts +1 -0
- package/dist/components/Snackbar/Snackbar.d.ts +1 -0
- 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/constants/locale.d.ts +7 -1
- package/dist/index.es.js +370 -238
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +371 -238
- package/dist/index.js.map +1 -1
- package/package.json +25 -26
- package/CHANGELOG.md +0 -1896
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;
|
|
@@ -7108,6 +7108,12 @@ var jaJP = {
|
|
|
7108
7108
|
},
|
|
7109
7109
|
},
|
|
7110
7110
|
EditFilterCard: { defaultProps: {} },
|
|
7111
|
+
DatePicker: {
|
|
7112
|
+
defaultProps: { displayFormat: "YYYY/MM/DD", monthFormat: "YYYY年 M月" },
|
|
7113
|
+
},
|
|
7114
|
+
DateRangePicker: {
|
|
7115
|
+
defaultProps: { displayFormat: "YYYY/MM/DD", monthFormat: "YYYY年 M月" },
|
|
7116
|
+
},
|
|
7111
7117
|
},
|
|
7112
7118
|
};
|
|
7113
7119
|
var zhCN = {
|
|
@@ -7201,17 +7207,17 @@ var ConfirmModal = React__namespace.forwardRef(function (inProps, ref) {
|
|
|
7201
7207
|
React__namespace.createElement(ScrollContainer, { overflowYScroll: overflowYScroll, fullSize: fullSize, showFooter: showFooter }, disableHorizontalPadding ? (children) : (React__namespace.createElement(Spacer, { px: 3, pb: 3 }, children))),
|
|
7202
7208
|
showFooter && (React__namespace.createElement(ModalFooter, { fullSize: fullSize },
|
|
7203
7209
|
React__namespace.createElement(Flex, { display: "flex", alignItems: "center" },
|
|
7204
|
-
React__namespace.createElement(Button$
|
|
7210
|
+
React__namespace.createElement(Button$2, { type: "button", color: "secondary", inline: true, onClick: handleClose("clickCancelButton") }, cancelText),
|
|
7205
7211
|
React__namespace.createElement(Spacer, { pr: 2 }),
|
|
7206
|
-
React__namespace.createElement(Button$
|
|
7212
|
+
React__namespace.createElement(Button$2, { type: "submit", color: buttonColor, disabled: disabled, inline: true }, confirmText))))),
|
|
7207
7213
|
loading && (React__namespace.createElement(LoadingContainer, null,
|
|
7208
7214
|
React__namespace.createElement(Spinner, null)))))));
|
|
7209
7215
|
});
|
|
7210
7216
|
|
|
7211
|
-
var ActionButton = styled__default["default"](ActionButton$1)(templateObject_1$
|
|
7212
|
-
var templateObject_1$
|
|
7217
|
+
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"])));
|
|
7218
|
+
var templateObject_1$U;
|
|
7213
7219
|
|
|
7214
|
-
var Container$t = styled__default["default"].div(templateObject_1$
|
|
7220
|
+
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
7221
|
var inline = _a.inline;
|
|
7216
7222
|
return (inline ? "inline-block" : "block");
|
|
7217
7223
|
}, function (_a) {
|
|
@@ -7227,7 +7233,7 @@ var Container$t = styled__default["default"].div(templateObject_1$S || (template
|
|
|
7227
7233
|
var maxHeight = _a.maxHeight;
|
|
7228
7234
|
return addScrollbarProperties({ maxHeight: maxHeight });
|
|
7229
7235
|
});
|
|
7230
|
-
var TitleContainer = styled__default["default"].div(templateObject_2$
|
|
7236
|
+
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
7237
|
var theme = _a.theme;
|
|
7232
7238
|
return theme.palette.gray.highlight;
|
|
7233
7239
|
}, function (_a) {
|
|
@@ -7237,8 +7243,8 @@ var TitleContainer = styled__default["default"].div(templateObject_2$s || (templ
|
|
|
7237
7243
|
var theme = _a.theme;
|
|
7238
7244
|
return theme.spacing;
|
|
7239
7245
|
});
|
|
7240
|
-
var Text = styled__default["default"](Typography)(templateObject_3$
|
|
7241
|
-
var TextContainer$4 = styled__default["default"].div(templateObject_4$
|
|
7246
|
+
var Text$1 = styled__default["default"](Typography)(templateObject_3$l || (templateObject_3$l = __makeTemplateObject([""], [""])));
|
|
7247
|
+
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
7248
|
var disabled = _a.disabled;
|
|
7243
7249
|
return (disabled ? "default" : "pointer");
|
|
7244
7250
|
}, function (_a) {
|
|
@@ -7250,7 +7256,7 @@ var TextContainer$4 = styled__default["default"].div(templateObject_4$d || (temp
|
|
|
7250
7256
|
}, function (_a) {
|
|
7251
7257
|
var theme = _a.theme;
|
|
7252
7258
|
return theme.radius;
|
|
7253
|
-
}, Text, function (_a) {
|
|
7259
|
+
}, Text$1, function (_a) {
|
|
7254
7260
|
var hover = _a.hover;
|
|
7255
7261
|
return hover.color;
|
|
7256
7262
|
}, function (_a) {
|
|
@@ -7260,9 +7266,9 @@ var TextContainer$4 = styled__default["default"].div(templateObject_4$d || (temp
|
|
|
7260
7266
|
var active = _a.active;
|
|
7261
7267
|
return active.background;
|
|
7262
7268
|
});
|
|
7263
|
-
var templateObject_1$
|
|
7269
|
+
var templateObject_1$T, templateObject_2$t, templateObject_3$l, templateObject_4$e;
|
|
7264
7270
|
|
|
7265
|
-
var Divider$1 = styled__default["default"].hr(templateObject_1$
|
|
7271
|
+
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
7272
|
var orientation = _a.orientation;
|
|
7267
7273
|
return (orientation === "vertical" ? "1px" : "auto");
|
|
7268
7274
|
}, function (_a) {
|
|
@@ -7272,7 +7278,7 @@ var Divider$1 = styled__default["default"].hr(templateObject_1$R || (templateObj
|
|
|
7272
7278
|
var color = _a.color;
|
|
7273
7279
|
return color;
|
|
7274
7280
|
});
|
|
7275
|
-
var templateObject_1$
|
|
7281
|
+
var templateObject_1$S;
|
|
7276
7282
|
|
|
7277
7283
|
var Divider = React__default["default"].forwardRef(function (_a, ref) {
|
|
7278
7284
|
var colorProp = _a.color, _b = _a.orientation, orientation = _b === void 0 ? "horizontal" : _b, rest = __rest(_a, ["color", "orientation"]);
|
|
@@ -7366,7 +7372,7 @@ var MenuList$1 = React__default["default"].forwardRef(function (_a, ref) {
|
|
|
7366
7372
|
.normal, hover: selectStyleInDisabledProp(theme, content.type, content.disabled)
|
|
7367
7373
|
.hover, active: selectStyleInDisabledProp(theme, content.type, content.disabled)
|
|
7368
7374
|
.active, onClick: handleClick(content, content.disabled) },
|
|
7369
|
-
React__default["default"].createElement(Text, { size: "sm", color: selectStyleInDisabledProp(theme, content.type, content.disabled)
|
|
7375
|
+
React__default["default"].createElement(Text$1, { size: "sm", color: selectStyleInDisabledProp(theme, content.type, content.disabled)
|
|
7370
7376
|
.normal.color }, content.text)))); };
|
|
7371
7377
|
return (React__default["default"].createElement(Container$t, __assign({ inline: inline, maxHeight: maxHeight }, rest, { ref: ref }), contents.map(function (content) {
|
|
7372
7378
|
return isGroupContent(content) ? (React__default["default"].createElement(React__default["default"].Fragment, { key: content.title },
|
|
@@ -14820,24 +14826,24 @@ var StateManagedSelect = /*#__PURE__*/React__default["default"].forwardRef(funct
|
|
|
14820
14826
|
|
|
14821
14827
|
var ReactSelect = StateManagedSelect;
|
|
14822
14828
|
|
|
14823
|
-
var Container$s = styled__default["default"].div(templateObject_1$
|
|
14829
|
+
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) {
|
|
14824
14830
|
var minWidth = _a.minWidth;
|
|
14825
14831
|
return minWidth || "auto";
|
|
14826
14832
|
}, function (_a) {
|
|
14827
14833
|
var isDisabled = _a.isDisabled;
|
|
14828
14834
|
return (isDisabled ? "not-allowed" : "auto");
|
|
14829
14835
|
});
|
|
14830
|
-
var ReactSelectMenuList = styled__default["default"](components.MenuList)(templateObject_2$
|
|
14836
|
+
var ReactSelectMenuList = styled__default["default"](components.MenuList)(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
14831
14837
|
var maxHeight = _a.maxHeight;
|
|
14832
14838
|
return addScrollbarProperties({ maxHeight: maxHeight + "px" });
|
|
14833
14839
|
}); // TODO: remove any
|
|
14834
|
-
var templateObject_1$
|
|
14840
|
+
var templateObject_1$R, templateObject_2$s;
|
|
14835
14841
|
|
|
14836
|
-
var DropdownIndicator$1 = styled__default["default"].div(templateObject_1$
|
|
14842
|
+
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) {
|
|
14837
14843
|
var menuIsOpen = _a.menuIsOpen;
|
|
14838
14844
|
return (menuIsOpen ? "rotate(180deg)" : "");
|
|
14839
14845
|
});
|
|
14840
|
-
var templateObject_1$
|
|
14846
|
+
var templateObject_1$Q;
|
|
14841
14847
|
|
|
14842
14848
|
var DropdownIndicator = function (_a) {
|
|
14843
14849
|
var isDisabled = _a.isDisabled, error = _a.error, rest = __rest(_a, ["isDisabled", "error"]);
|
|
@@ -14857,8 +14863,8 @@ var DropdownIndicator = function (_a) {
|
|
|
14857
14863
|
React__namespace.createElement(Icon$1, { name: "arrow_bottom", size: "md", color: color })))));
|
|
14858
14864
|
};
|
|
14859
14865
|
|
|
14860
|
-
var Container$r = styled__default["default"].div(templateObject_1$
|
|
14861
|
-
var templateObject_1$
|
|
14866
|
+
var Container$r = styled__default["default"].div(templateObject_1$P || (templateObject_1$P = __makeTemplateObject([""], [""])));
|
|
14867
|
+
var templateObject_1$P;
|
|
14862
14868
|
|
|
14863
14869
|
var ClearIndicator = function (props) {
|
|
14864
14870
|
var theme = useTheme();
|
|
@@ -14996,11 +15002,11 @@ var CreatableSelect = function (inProps, ref) {
|
|
|
14996
15002
|
// FIXME: Imprement without type assertion
|
|
14997
15003
|
var CreatableSelect$1 = React__namespace.forwardRef(CreatableSelect);
|
|
14998
15004
|
|
|
14999
|
-
var Container$q = styled__default["default"].div(templateObject_1$
|
|
15005
|
+
var Container$q = styled__default["default"].div(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n background-color: ", ";\n"], ["\n background-color: ", ";\n"])), function (_a) {
|
|
15000
15006
|
var theme = _a.theme;
|
|
15001
15007
|
return theme.palette.background.default;
|
|
15002
15008
|
});
|
|
15003
|
-
var BorderContainer = styled__default["default"].div(templateObject_2$
|
|
15009
|
+
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) {
|
|
15004
15010
|
var fullWidth = _a.fullWidth, theme = _a.theme;
|
|
15005
15011
|
return fullWidth ? "none" : "1px solid " + theme.palette.divider;
|
|
15006
15012
|
}, function (_a) {
|
|
@@ -15013,7 +15019,7 @@ var BorderContainer = styled__default["default"].div(templateObject_2$q || (temp
|
|
|
15013
15019
|
var fullWidth = _a.fullWidth, theme = _a.theme;
|
|
15014
15020
|
return fullWidth ? "none" : theme.radius + "px";
|
|
15015
15021
|
});
|
|
15016
|
-
var TableContainer = styled__default["default"].div(templateObject_4$
|
|
15022
|
+
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) {
|
|
15017
15023
|
var horizontalScrollable = _a.horizontalScrollable;
|
|
15018
15024
|
return horizontalScrollable ? "scroll" : "visible";
|
|
15019
15025
|
}, function (_a) {
|
|
@@ -15023,9 +15029,9 @@ var TableContainer = styled__default["default"].div(templateObject_4$c || (templ
|
|
|
15023
15029
|
var maxHeight = _a.maxHeight;
|
|
15024
15030
|
return maxHeight !== "none"
|
|
15025
15031
|
? addScrollbarProperties({ maxHeight: maxHeight })
|
|
15026
|
-
: styled.css(templateObject_3$
|
|
15032
|
+
: 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);
|
|
15027
15033
|
});
|
|
15028
|
-
var templateObject_1$
|
|
15034
|
+
var templateObject_1$O, templateObject_2$r, templateObject_3$k, templateObject_4$d;
|
|
15029
15035
|
|
|
15030
15036
|
var defaultOptions = [
|
|
15031
15037
|
{
|
|
@@ -15069,7 +15075,7 @@ var CountChanger = function (_a) {
|
|
|
15069
15075
|
React__namespace.createElement(Select$1, { isSearchable: false, name: "count_changer", defaultValue: { value: per, label: per.toString() }, options: options, isClearable: false, minWidth: "80px", onChange: handleChange })));
|
|
15070
15076
|
};
|
|
15071
15077
|
|
|
15072
|
-
var HeaderCell$3 = styled__default["default"].th(templateObject_1$
|
|
15078
|
+
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) {
|
|
15073
15079
|
var isSortable = _a.isSortable;
|
|
15074
15080
|
return (isSortable ? "pointer" : "default");
|
|
15075
15081
|
}, function (_a) {
|
|
@@ -15094,7 +15100,7 @@ var HeaderCell$3 = styled__default["default"].th(templateObject_1$M || (template
|
|
|
15094
15100
|
var theme = _a.theme, enableRuledLine = _a.enableRuledLine;
|
|
15095
15101
|
return enableRuledLine ? "1px solid " + theme.palette.divider : "none";
|
|
15096
15102
|
});
|
|
15097
|
-
var templateObject_1$
|
|
15103
|
+
var templateObject_1$N;
|
|
15098
15104
|
|
|
15099
15105
|
var SortableHeaderCell = function (_a) {
|
|
15100
15106
|
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"]);
|
|
@@ -15112,14 +15118,14 @@ var SortableHeaderCell = function (_a) {
|
|
|
15112
15118
|
};
|
|
15113
15119
|
|
|
15114
15120
|
var CELL_PADDING$1 = 24;
|
|
15115
|
-
var StandardCell$1 = styled__default["default"].td(templateObject_1$
|
|
15121
|
+
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) {
|
|
15116
15122
|
var theme = _a.theme;
|
|
15117
15123
|
return theme.spacing * 2;
|
|
15118
15124
|
}, function (_a) {
|
|
15119
15125
|
var theme = _a.theme;
|
|
15120
15126
|
return theme.palette.divider;
|
|
15121
15127
|
});
|
|
15122
|
-
var HeaderCell$2 = styled__default["default"].th(templateObject_2$
|
|
15128
|
+
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) {
|
|
15123
15129
|
var theme = _a.theme;
|
|
15124
15130
|
return theme.spacing;
|
|
15125
15131
|
}, function (_a) {
|
|
@@ -15135,7 +15141,7 @@ var HeaderCell$2 = styled__default["default"].th(templateObject_2$p || (template
|
|
|
15135
15141
|
var theme = _a.theme;
|
|
15136
15142
|
return theme.palette.divider;
|
|
15137
15143
|
});
|
|
15138
|
-
var templateObject_1$
|
|
15144
|
+
var templateObject_1$M, templateObject_2$q;
|
|
15139
15145
|
|
|
15140
15146
|
var CellCheckbox = function (_a) {
|
|
15141
15147
|
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"]);
|
|
@@ -15150,14 +15156,14 @@ var CellCheckbox = function (_a) {
|
|
|
15150
15156
|
};
|
|
15151
15157
|
|
|
15152
15158
|
var CELL_PADDING = 24;
|
|
15153
|
-
var StandardCell = styled__default["default"].td(templateObject_1$
|
|
15159
|
+
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) {
|
|
15154
15160
|
var theme = _a.theme;
|
|
15155
15161
|
return theme.spacing * 2;
|
|
15156
15162
|
}, function (_a) {
|
|
15157
15163
|
var theme = _a.theme;
|
|
15158
15164
|
return theme.palette.divider;
|
|
15159
15165
|
});
|
|
15160
|
-
var HeaderCell$1 = styled__default["default"].th(templateObject_2$
|
|
15166
|
+
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) {
|
|
15161
15167
|
var theme = _a.theme;
|
|
15162
15168
|
return theme.spacing;
|
|
15163
15169
|
}, function (_a) {
|
|
@@ -15173,7 +15179,7 @@ var HeaderCell$1 = styled__default["default"].th(templateObject_2$o || (template
|
|
|
15173
15179
|
var theme = _a.theme;
|
|
15174
15180
|
return theme.palette.divider;
|
|
15175
15181
|
});
|
|
15176
|
-
var templateObject_1$
|
|
15182
|
+
var templateObject_1$L, templateObject_2$p;
|
|
15177
15183
|
|
|
15178
15184
|
var _a;
|
|
15179
15185
|
exports.RadioButtonSize = void 0;
|
|
@@ -15181,7 +15187,7 @@ exports.RadioButtonSize = void 0;
|
|
|
15181
15187
|
// MEDIUM = "24px",
|
|
15182
15188
|
RadioButtonSize["MEDIUM"] = "18px";
|
|
15183
15189
|
})(exports.RadioButtonSize || (exports.RadioButtonSize = {}));
|
|
15184
|
-
var Wrapper$1 = styled__default["default"].label(templateObject_1$
|
|
15190
|
+
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) {
|
|
15185
15191
|
var disabled = _a.disabled;
|
|
15186
15192
|
return (disabled ? "not-allowed" : "pointer");
|
|
15187
15193
|
}, function (_a) {
|
|
@@ -15200,7 +15206,7 @@ var indicatorSizes = (_a = {},
|
|
|
15200
15206
|
border: "1px",
|
|
15201
15207
|
},
|
|
15202
15208
|
_a);
|
|
15203
|
-
var Indicator$
|
|
15209
|
+
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) {
|
|
15204
15210
|
var size = _a.size;
|
|
15205
15211
|
return size;
|
|
15206
15212
|
}, function (_a) {
|
|
@@ -15246,7 +15252,7 @@ var Indicator$1 = styled__default["default"].div(templateObject_2$n || (template
|
|
|
15246
15252
|
var theme = _a.theme;
|
|
15247
15253
|
return theme.palette.text.disabled;
|
|
15248
15254
|
});
|
|
15249
|
-
var Label$2 = styled__default["default"].span(templateObject_3$
|
|
15255
|
+
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) {
|
|
15250
15256
|
var theme = _a.theme;
|
|
15251
15257
|
return theme.spacing;
|
|
15252
15258
|
}, function (_a) {
|
|
@@ -15262,10 +15268,10 @@ var RadioButton = React__namespace.forwardRef(function (_a, ref) {
|
|
|
15262
15268
|
};
|
|
15263
15269
|
return (React__namespace.createElement(Wrapper$1, { ref: ref, as: children == null ? "span" : "label", disabled: disabled, size: size },
|
|
15264
15270
|
React__namespace.createElement("input", __assign({}, rest, { ref: inputRef, disabled: disabled, type: "radio", onChange: handleChange })),
|
|
15265
|
-
React__namespace.createElement(Indicator$
|
|
15271
|
+
React__namespace.createElement(Indicator$2, __assign({ size: size }, indicatorSizes[size])),
|
|
15266
15272
|
children != null ? React__namespace.createElement(Label$2, null, children) : null));
|
|
15267
15273
|
});
|
|
15268
|
-
var templateObject_1$
|
|
15274
|
+
var templateObject_1$K, templateObject_2$o, templateObject_3$j;
|
|
15269
15275
|
|
|
15270
15276
|
var CellRadio = function (_a) {
|
|
15271
15277
|
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"]);
|
|
@@ -15283,7 +15289,7 @@ var Body$1 = function (_a) {
|
|
|
15283
15289
|
return (React__namespace.createElement("tbody", null, children));
|
|
15284
15290
|
};
|
|
15285
15291
|
|
|
15286
|
-
var Component$4 = styled__default["default"].td(templateObject_1$
|
|
15292
|
+
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) {
|
|
15287
15293
|
var width = _a.width;
|
|
15288
15294
|
return width;
|
|
15289
15295
|
}, function (_a) {
|
|
@@ -15303,7 +15309,7 @@ var Cell$1 = function (_a) {
|
|
|
15303
15309
|
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"]);
|
|
15304
15310
|
return (React__namespace.createElement(Component$4, __assign({ width: width, enableRuledLine: enableRuledLine }, rest), children));
|
|
15305
15311
|
};
|
|
15306
|
-
var templateObject_1$
|
|
15312
|
+
var templateObject_1$J;
|
|
15307
15313
|
|
|
15308
15314
|
var Header$2 = function (_a) {
|
|
15309
15315
|
var children = _a.children;
|
|
@@ -15315,20 +15321,20 @@ var verticalSpacingMap$1 = {
|
|
|
15315
15321
|
medium: "12px",
|
|
15316
15322
|
large: "16px",
|
|
15317
15323
|
};
|
|
15318
|
-
var Component$3 = styled__default["default"].tr(templateObject_3$
|
|
15324
|
+
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) {
|
|
15319
15325
|
var highlighted = _a.highlighted, theme = _a.theme;
|
|
15320
15326
|
return highlighted ? theme.palette.primary.highlight : "none";
|
|
15321
15327
|
}, function (_a) {
|
|
15322
15328
|
var disableHoverHighlight = _a.disableHoverHighlight, highlighted = _a.highlighted, theme = _a.theme;
|
|
15323
15329
|
return disableHoverHighlight
|
|
15324
15330
|
? ""
|
|
15325
|
-
: styled.css(templateObject_1$
|
|
15331
|
+
: styled.css(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), highlighted
|
|
15326
15332
|
? "none"
|
|
15327
15333
|
: theme.palette.gray.highlight);
|
|
15328
15334
|
}, function (_a) {
|
|
15329
15335
|
var isStickyHeader = _a.isStickyHeader;
|
|
15330
15336
|
return isStickyHeader
|
|
15331
|
-
? styled.css(templateObject_2$
|
|
15337
|
+
? 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 "]))) : "";
|
|
15332
15338
|
}, function (_a) {
|
|
15333
15339
|
var verticalSpacing = _a.verticalSpacing;
|
|
15334
15340
|
return verticalSpacingMap$1[verticalSpacing];
|
|
@@ -15340,9 +15346,9 @@ var Row$1 = function (_a) {
|
|
|
15340
15346
|
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"]);
|
|
15341
15347
|
return (React__namespace.createElement(Component$3, __assign({ highlighted: highlighted, verticalSpacing: verticalSpacing, isStickyHeader: isStickyHeader, disableHoverHighlight: disableHoverHighlight }, rest), children));
|
|
15342
15348
|
};
|
|
15343
|
-
var templateObject_1$
|
|
15349
|
+
var templateObject_1$I, templateObject_2$n, templateObject_3$i;
|
|
15344
15350
|
|
|
15345
|
-
var Container$p = styled__default["default"].table(templateObject_1$
|
|
15351
|
+
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) {
|
|
15346
15352
|
var horizontalScrollable = _a.horizontalScrollable;
|
|
15347
15353
|
return horizontalScrollable ? "auto" : "fixed";
|
|
15348
15354
|
}, function (_a) {
|
|
@@ -15363,7 +15369,7 @@ Table$1.Header = Header$2;
|
|
|
15363
15369
|
Table$1.Body = Body$1;
|
|
15364
15370
|
Table$1.Row = Row$1;
|
|
15365
15371
|
Table$1.Cell = Cell$1;
|
|
15366
|
-
var templateObject_1$
|
|
15372
|
+
var templateObject_1$H;
|
|
15367
15373
|
|
|
15368
15374
|
var defaultGetValue = function (obj) { return obj; };
|
|
15369
15375
|
var useOrderState = function (defaultState) {
|
|
@@ -15397,7 +15403,7 @@ var sort = function (array, order) {
|
|
|
15397
15403
|
});
|
|
15398
15404
|
};
|
|
15399
15405
|
|
|
15400
|
-
var NumberButton$1 = styled__default["default"].button(templateObject_1$
|
|
15406
|
+
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) {
|
|
15401
15407
|
var theme = _a.theme;
|
|
15402
15408
|
return theme.radius;
|
|
15403
15409
|
}, function (_a) {
|
|
@@ -15410,7 +15416,7 @@ var NumberButton$1 = styled__default["default"].button(templateObject_1$F || (te
|
|
|
15410
15416
|
var active = _a.active;
|
|
15411
15417
|
return (active ? "default" : "pointer");
|
|
15412
15418
|
});
|
|
15413
|
-
var templateObject_1$
|
|
15419
|
+
var templateObject_1$G;
|
|
15414
15420
|
|
|
15415
15421
|
var NumberButton = function (_a) {
|
|
15416
15422
|
var index = _a.index, isActiveIndex = _a.isActiveIndex, onClick = _a.onClick;
|
|
@@ -15418,7 +15424,7 @@ var NumberButton = function (_a) {
|
|
|
15418
15424
|
React__namespace.createElement(Typography, { component: "span", weight: "bold", size: "xs", color: isActiveIndex ? "white" : "primary" }, index)));
|
|
15419
15425
|
};
|
|
15420
15426
|
|
|
15421
|
-
var ArrowButton$1 = styled__default["default"].button(templateObject_1$
|
|
15427
|
+
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) {
|
|
15422
15428
|
var theme = _a.theme;
|
|
15423
15429
|
return theme.radius;
|
|
15424
15430
|
}, function (_a) {
|
|
@@ -15431,7 +15437,7 @@ var ArrowButton$1 = styled__default["default"].button(templateObject_1$E || (tem
|
|
|
15431
15437
|
var disabled = _a.disabled;
|
|
15432
15438
|
return (disabled ? "default" : "pointer");
|
|
15433
15439
|
});
|
|
15434
|
-
var templateObject_1$
|
|
15440
|
+
var templateObject_1$F;
|
|
15435
15441
|
|
|
15436
15442
|
var ArrowButton = function (_a) {
|
|
15437
15443
|
var isRight = _a.isRight, disabled = _a.disabled, onClick = _a.onClick;
|
|
@@ -15440,11 +15446,11 @@ var ArrowButton = function (_a) {
|
|
|
15440
15446
|
React__namespace.createElement(Icon$1, { name: isRight ? "arrow_right" : "arrow_left", size: "md", color: disabled ? theme.palette.text.disabled : theme.palette.icon.active })));
|
|
15441
15447
|
};
|
|
15442
15448
|
|
|
15443
|
-
var ThreeDotsWrapper = styled__default["default"].div(templateObject_1$
|
|
15449
|
+
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) {
|
|
15444
15450
|
var theme = _a.theme;
|
|
15445
15451
|
return theme.spacing * 0.5;
|
|
15446
15452
|
});
|
|
15447
|
-
var templateObject_1$
|
|
15453
|
+
var templateObject_1$E;
|
|
15448
15454
|
|
|
15449
15455
|
var getCenterIndex = function (pagerCount, index) {
|
|
15450
15456
|
switch (true) {
|
|
@@ -15500,7 +15506,7 @@ var useFilterState = function (per, index) {
|
|
|
15500
15506
|
return React__namespace.useState({ per: per, index: index });
|
|
15501
15507
|
};
|
|
15502
15508
|
|
|
15503
|
-
var EmptyContainer = styled__default["default"].div(templateObject_1$
|
|
15509
|
+
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) {
|
|
15504
15510
|
var theme = _a.theme;
|
|
15505
15511
|
return theme.spacing * 5;
|
|
15506
15512
|
}, function (_a) {
|
|
@@ -15510,11 +15516,11 @@ var EmptyContainer = styled__default["default"].div(templateObject_1$C || (templ
|
|
|
15510
15516
|
var theme = _a.theme;
|
|
15511
15517
|
return theme.spacing * 7;
|
|
15512
15518
|
});
|
|
15513
|
-
var EmptyImage = styled__default["default"].img(templateObject_2$
|
|
15519
|
+
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) {
|
|
15514
15520
|
var width = _a.width;
|
|
15515
15521
|
return width;
|
|
15516
15522
|
});
|
|
15517
|
-
var templateObject_1$
|
|
15523
|
+
var templateObject_1$D, templateObject_2$m;
|
|
15518
15524
|
|
|
15519
15525
|
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==";
|
|
15520
15526
|
|
|
@@ -15533,7 +15539,7 @@ var StorageKey;
|
|
|
15533
15539
|
StorageKey["DISPLAY_LIST_COUNT"] = "dlc";
|
|
15534
15540
|
})(StorageKey || (StorageKey = {}));
|
|
15535
15541
|
|
|
15536
|
-
var Container$o = styled__default["default"].div(templateObject_1$
|
|
15542
|
+
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) {
|
|
15537
15543
|
var theme = _a.theme;
|
|
15538
15544
|
return theme.spacing * 1.5;
|
|
15539
15545
|
}, function (_a) {
|
|
@@ -15549,8 +15555,8 @@ var Container$o = styled__default["default"].div(templateObject_1$B || (template
|
|
|
15549
15555
|
var theme = _a.theme;
|
|
15550
15556
|
return theme.radius + "px " + theme.radius + "px";
|
|
15551
15557
|
});
|
|
15552
|
-
var TabContainer = styled__default["default"].ul(templateObject_2$
|
|
15553
|
-
var TabItem = styled__default["default"].li(templateObject_3$
|
|
15558
|
+
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"])));
|
|
15559
|
+
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) {
|
|
15554
15560
|
var theme = _a.theme;
|
|
15555
15561
|
return theme.spacing * 10;
|
|
15556
15562
|
}, function (_a) {
|
|
@@ -15571,7 +15577,7 @@ var TabItem = styled__default["default"].li(templateObject_3$g || (templateObjec
|
|
|
15571
15577
|
var active = _a.active, theme = _a.theme;
|
|
15572
15578
|
return active ? theme.palette.background.default : "none";
|
|
15573
15579
|
});
|
|
15574
|
-
var templateObject_1$
|
|
15580
|
+
var templateObject_1$C, templateObject_2$l, templateObject_3$h;
|
|
15575
15581
|
|
|
15576
15582
|
var TableTabs = function (_a) {
|
|
15577
15583
|
var items = _a.items, value = _a.value, onChange = _a.onChange;
|
|
@@ -15849,7 +15855,7 @@ var DataTable = function (_a, ref) {
|
|
|
15849
15855
|
// FIXME: Imprement without type assertion
|
|
15850
15856
|
var DataTable$1 = React__namespace.forwardRef(DataTable);
|
|
15851
15857
|
|
|
15852
|
-
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) {
|
|
15858
|
+
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) {
|
|
15853
15859
|
var error = _a.error, theme = _a.theme;
|
|
15854
15860
|
return error ? theme.palette.danger.main : theme.palette.divider;
|
|
15855
15861
|
}, function (_a) {
|
|
@@ -15921,17 +15927,17 @@ var Container$n = styled__default["default"].div(templateObject_1$A || (template
|
|
|
15921
15927
|
var theme = _a.theme;
|
|
15922
15928
|
return theme.palette.primary.highlight;
|
|
15923
15929
|
});
|
|
15924
|
-
styled__default["default"].div(templateObject_2$
|
|
15930
|
+
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) {
|
|
15925
15931
|
var theme = _a.theme;
|
|
15926
15932
|
return theme.palette.text.hint;
|
|
15927
15933
|
});
|
|
15928
|
-
var BaseNavIcon$1 = styled__default["default"].div(templateObject_3$
|
|
15934
|
+
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) {
|
|
15929
15935
|
var theme = _a.theme;
|
|
15930
15936
|
return theme.palette.gray.light;
|
|
15931
15937
|
});
|
|
15932
|
-
var NavPrev$1 = styled__default["default"](BaseNavIcon$1)(templateObject_4$
|
|
15933
|
-
var NavNext$1 = styled__default["default"](BaseNavIcon$1)(templateObject_5$
|
|
15934
|
-
var templateObject_1$
|
|
15938
|
+
var NavPrev$1 = styled__default["default"](BaseNavIcon$1)(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n left: 30px;\n"], ["\n left: 30px;\n"])));
|
|
15939
|
+
var NavNext$1 = styled__default["default"](BaseNavIcon$1)(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n right: 30px;\n"], ["\n right: 30px;\n"])));
|
|
15940
|
+
var templateObject_1$B, templateObject_2$k, templateObject_3$g, templateObject_4$c, templateObject_5$a;
|
|
15935
15941
|
|
|
15936
15942
|
var interopRequireDefault = {exports: {}};
|
|
15937
15943
|
|
|
@@ -16702,7 +16708,7 @@ if (typeof Object.create === 'function') {
|
|
|
16702
16708
|
}
|
|
16703
16709
|
|
|
16704
16710
|
try {
|
|
16705
|
-
var util = util
|
|
16711
|
+
var util = require('util');
|
|
16706
16712
|
if (typeof util.inherits !== 'function') throw '';
|
|
16707
16713
|
inherits.exports = util.inherits;
|
|
16708
16714
|
} catch (e) {
|
|
@@ -43296,9 +43302,10 @@ var reactDates = lib;
|
|
|
43296
43302
|
function isOutsideRange$1() {
|
|
43297
43303
|
return false;
|
|
43298
43304
|
}
|
|
43299
|
-
var DatePicker = React__namespace.forwardRef(function (
|
|
43300
|
-
var
|
|
43301
|
-
var
|
|
43305
|
+
var DatePicker = React__namespace.forwardRef(function (inProps, ref) {
|
|
43306
|
+
var props = useLocaleProps({ props: inProps, name: "DatePicker" });
|
|
43307
|
+
var date = props.date, _a = props.error, error = _a === void 0 ? false : _a, rest = __rest(props, ["date", "error"]);
|
|
43308
|
+
var _b = React__namespace.useState(false), focused = _b[0], setFocused = _b[1];
|
|
43302
43309
|
var onFocusChange = function (_a) {
|
|
43303
43310
|
var focused = _a.focused;
|
|
43304
43311
|
setFocused(focused);
|
|
@@ -43311,7 +43318,7 @@ var DatePicker = React__namespace.forwardRef(function (_a, ref) {
|
|
|
43311
43318
|
React__namespace.createElement(Icon$1, { name: "arrow_right", size: "md" }))), onFocusChange: onFocusChange }, rest))));
|
|
43312
43319
|
});
|
|
43313
43320
|
|
|
43314
|
-
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) {
|
|
43321
|
+
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) {
|
|
43315
43322
|
var error = _a.error, theme = _a.theme;
|
|
43316
43323
|
return error ? theme.palette.danger.main : theme.palette.divider;
|
|
43317
43324
|
}, function (_a) {
|
|
@@ -43383,24 +43390,25 @@ var Container$m = styled__default["default"].div(templateObject_1$z || (template
|
|
|
43383
43390
|
var theme = _a.theme;
|
|
43384
43391
|
return theme.palette.primary.highlight;
|
|
43385
43392
|
});
|
|
43386
|
-
var CustomArrowIcon = styled__default["default"].div(templateObject_2$
|
|
43393
|
+
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) {
|
|
43387
43394
|
var theme = _a.theme;
|
|
43388
43395
|
return theme.palette.text.hint;
|
|
43389
43396
|
});
|
|
43390
|
-
var BaseNavIcon = styled__default["default"].div(templateObject_3$
|
|
43397
|
+
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) {
|
|
43391
43398
|
var theme = _a.theme;
|
|
43392
43399
|
return theme.palette.gray.light;
|
|
43393
43400
|
});
|
|
43394
|
-
var NavPrev = styled__default["default"](BaseNavIcon)(templateObject_4$
|
|
43395
|
-
var NavNext = styled__default["default"](BaseNavIcon)(templateObject_5$
|
|
43396
|
-
var templateObject_1$
|
|
43401
|
+
var NavPrev = styled__default["default"](BaseNavIcon)(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["\n left: 30px;\n"], ["\n left: 30px;\n"])));
|
|
43402
|
+
var NavNext = styled__default["default"](BaseNavIcon)(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n right: 30px;\n"], ["\n right: 30px;\n"])));
|
|
43403
|
+
var templateObject_1$A, templateObject_2$j, templateObject_3$f, templateObject_4$b, templateObject_5$9;
|
|
43397
43404
|
|
|
43398
43405
|
function isOutsideRange() {
|
|
43399
43406
|
return false;
|
|
43400
43407
|
}
|
|
43401
|
-
var DateRangePicker = React__namespace.forwardRef(function (
|
|
43402
|
-
var
|
|
43403
|
-
var
|
|
43408
|
+
var DateRangePicker = React__namespace.forwardRef(function (inProps, ref) {
|
|
43409
|
+
var props = useLocaleProps({ props: inProps, name: "DateRangePicker" });
|
|
43410
|
+
var startDate = props.startDate, endDate = props.endDate, _a = props.error, error = _a === void 0 ? false : _a, rest = __rest(props, ["startDate", "endDate", "error"]);
|
|
43411
|
+
var _b = React__namespace.useState(null), focusedInput = _b[0], setFocusedInput = _b[1];
|
|
43404
43412
|
return (React__namespace.createElement(Container$m, { ref: ref, error: error },
|
|
43405
43413
|
React__namespace.createElement(reactDates.DateRangePicker, __assign({ startDatePlaceholderText: "FROM", endDatePlaceholderText: "TO", isOutsideRange: isOutsideRange, customArrowIcon: React__namespace.createElement(CustomArrowIcon, null), numberOfMonths: 2, enableOutsideDays: true, daySize: 41, weekDayFormat: "ddd", hideKeyboardShortcutsPanel: true, startDateId: "startDate", endDateId: "endDate", navPrev: React__namespace.createElement(NavPrev, null,
|
|
43406
43414
|
React__namespace.createElement(Spacer, { p: 0.5 },
|
|
@@ -43409,9 +43417,9 @@ var DateRangePicker = React__namespace.forwardRef(function (_a, ref) {
|
|
|
43409
43417
|
React__namespace.createElement(Icon$1, { name: "arrow_right", size: "md" }))) }, rest, { startDate: startDate, endDate: endDate, focusedInput: focusedInput, onFocusChange: setFocusedInput }))));
|
|
43410
43418
|
});
|
|
43411
43419
|
|
|
43412
|
-
var ButtonContainer$2 = styled__default["default"].div(templateObject_1$
|
|
43413
|
-
var MainButton = styled__default["default"](Button$
|
|
43414
|
-
var SplitToggle = styled__default["default"](Button$
|
|
43420
|
+
var ButtonContainer$2 = styled__default["default"].div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n display: inline-flex;\n"], ["\n display: inline-flex;\n"])));
|
|
43421
|
+
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"])));
|
|
43422
|
+
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) {
|
|
43415
43423
|
var theme = _a.theme, color = _a.color;
|
|
43416
43424
|
return color === "primary"
|
|
43417
43425
|
? theme.palette.primary.deepDark
|
|
@@ -43423,11 +43431,11 @@ var SplitToggle = styled__default["default"](Button$1)(templateObject_3$d || (te
|
|
|
43423
43431
|
var theme = _a.theme;
|
|
43424
43432
|
return theme.palette.divider;
|
|
43425
43433
|
});
|
|
43426
|
-
var SingleButton = styled__default["default"](Button$
|
|
43434
|
+
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) {
|
|
43427
43435
|
var theme = _a.theme, size = _a.size;
|
|
43428
43436
|
return size === "small" ? theme.spacing / 2 : theme.spacing;
|
|
43429
43437
|
});
|
|
43430
|
-
var templateObject_1$
|
|
43438
|
+
var templateObject_1$z, templateObject_2$i, templateObject_3$e, templateObject_4$a;
|
|
43431
43439
|
|
|
43432
43440
|
var DropdownButton = React__namespace.forwardRef(function (_a, ref) {
|
|
43433
43441
|
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;
|
|
@@ -43476,7 +43484,7 @@ var ErrorText = React__namespace.forwardRef(function (_a, ref) {
|
|
|
43476
43484
|
React__namespace.createElement(Typography, { color: theme.palette.danger.main }, children)));
|
|
43477
43485
|
});
|
|
43478
43486
|
|
|
43479
|
-
var Container$l = styled__default["default"].div(templateObject_1$
|
|
43487
|
+
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) {
|
|
43480
43488
|
var width = _a.width;
|
|
43481
43489
|
return (width ? width : "100%");
|
|
43482
43490
|
}, function (_a) {
|
|
@@ -43496,8 +43504,8 @@ var Container$l = styled__default["default"].div(templateObject_1$x || (template
|
|
|
43496
43504
|
var theme = _a.theme;
|
|
43497
43505
|
return theme.palette.background.hint;
|
|
43498
43506
|
});
|
|
43499
|
-
var TextContainer$3 = styled__default["default"].div(templateObject_2$
|
|
43500
|
-
var templateObject_1$
|
|
43507
|
+
var TextContainer$3 = styled__default["default"].div(templateObject_2$h || (templateObject_2$h = __makeTemplateObject([""], [""])));
|
|
43508
|
+
var templateObject_1$y, templateObject_2$h;
|
|
43501
43509
|
|
|
43502
43510
|
var FileUploader = React__namespace.forwardRef(function (inProps, ref) {
|
|
43503
43511
|
var props = useLocaleProps({ props: inProps, name: "FileUploader" });
|
|
@@ -43536,7 +43544,7 @@ var FileUploader = React__namespace.forwardRef(function (inProps, ref) {
|
|
|
43536
43544
|
React__namespace.createElement(Typography, { weight: "bold", align: "center", size: "sm", color: "secondary" }, description))))));
|
|
43537
43545
|
});
|
|
43538
43546
|
|
|
43539
|
-
var Container$k = styled__default["default"].div(templateObject_1$
|
|
43547
|
+
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) {
|
|
43540
43548
|
var isOpen = _a.isOpen, height = _a.height, offset = _a.offset, placement = _a.placement;
|
|
43541
43549
|
return placement + ": " + (isOpen
|
|
43542
43550
|
? offset + "px"
|
|
@@ -43551,7 +43559,7 @@ var Container$k = styled__default["default"].div(templateObject_1$w || (template
|
|
|
43551
43559
|
var theme = _a.theme;
|
|
43552
43560
|
return theme.palette.gray.light;
|
|
43553
43561
|
});
|
|
43554
|
-
var templateObject_1$
|
|
43562
|
+
var templateObject_1$x;
|
|
43555
43563
|
|
|
43556
43564
|
var FixedPanel = React__namespace.forwardRef(function (_a, ref) {
|
|
43557
43565
|
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;
|
|
@@ -43561,14 +43569,14 @@ var FixedPanel = React__namespace.forwardRef(function (_a, ref) {
|
|
|
43561
43569
|
});
|
|
43562
43570
|
|
|
43563
43571
|
var transitionClass$1 = "grow-transition";
|
|
43564
|
-
var CSSTransition$1 = styled__default["default"](OriginalCSSTransition)(templateObject_1$
|
|
43572
|
+
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) {
|
|
43565
43573
|
var timeout = _a.timeout;
|
|
43566
43574
|
return getDuration(timeout, "enter");
|
|
43567
43575
|
}, transitionClass$1, transitionClass$1, function (_a) {
|
|
43568
43576
|
var timeout = _a.timeout;
|
|
43569
43577
|
return getDuration(timeout, "exit");
|
|
43570
43578
|
}, transitionClass$1);
|
|
43571
|
-
var templateObject_1$
|
|
43579
|
+
var templateObject_1$w;
|
|
43572
43580
|
|
|
43573
43581
|
var Grow = function (_a) {
|
|
43574
43582
|
var
|
|
@@ -43579,7 +43587,7 @@ var Grow = function (_a) {
|
|
|
43579
43587
|
return (React__namespace.createElement(CSSTransition$1, __assign({ appear: true, mountOnEnter: true, timeout: timeout, classNames: transitionClass$1 }, rest), children));
|
|
43580
43588
|
};
|
|
43581
43589
|
|
|
43582
|
-
var Input$1 = styled__default["default"].input(templateObject_1$
|
|
43590
|
+
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) {
|
|
43583
43591
|
var width = _a.width;
|
|
43584
43592
|
return width ? "width: " + (isNaN(+width) ? width : width + "px") : "auto";
|
|
43585
43593
|
}, function (_a) {
|
|
@@ -43621,25 +43629,25 @@ var Input$1 = styled__default["default"].input(templateObject_1$u || (templateOb
|
|
|
43621
43629
|
var theme = _a.theme;
|
|
43622
43630
|
return theme.palette.gray.light;
|
|
43623
43631
|
});
|
|
43624
|
-
var templateObject_1$
|
|
43632
|
+
var templateObject_1$v;
|
|
43625
43633
|
|
|
43626
43634
|
var Input = React__namespace.forwardRef(function (_a, ref) {
|
|
43627
43635
|
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"]);
|
|
43628
43636
|
return (React__namespace.createElement(Input$1, __assign({}, rest, { ref: ref, as: (multiline ? "textarea" : "input"), isError: error, resize: resize })));
|
|
43629
43637
|
});
|
|
43630
43638
|
|
|
43631
|
-
var indeterminate1 = styled.keyframes(templateObject_1$
|
|
43632
|
-
var indeterminate2 = styled.keyframes(templateObject_2$
|
|
43633
|
-
var LoadingBar = styled__default["default"].span(templateObject_3$
|
|
43639
|
+
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"])));
|
|
43640
|
+
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"])));
|
|
43641
|
+
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) {
|
|
43634
43642
|
var theme = _a.theme;
|
|
43635
43643
|
return theme.palette.gray.light;
|
|
43636
43644
|
}, function (_a) {
|
|
43637
43645
|
var theme = _a.theme;
|
|
43638
43646
|
return theme.palette.primary.main;
|
|
43639
43647
|
}, indeterminate1, indeterminate2);
|
|
43640
|
-
var templateObject_1$
|
|
43648
|
+
var templateObject_1$u, templateObject_2$g, templateObject_3$d;
|
|
43641
43649
|
|
|
43642
|
-
var Container$j = styled__default["default"].div(templateObject_1$
|
|
43650
|
+
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) {
|
|
43643
43651
|
var theme = _a.theme, isFocused = _a.isFocused;
|
|
43644
43652
|
return isFocused ? theme.palette.primary.main : theme.palette.divider;
|
|
43645
43653
|
}, function (_a) {
|
|
@@ -43649,15 +43657,15 @@ var Container$j = styled__default["default"].div(templateObject_1$s || (template
|
|
|
43649
43657
|
var theme = _a.theme;
|
|
43650
43658
|
return theme.palette.background.default;
|
|
43651
43659
|
});
|
|
43652
|
-
var InputContainer$1 = styled__default["default"].div(templateObject_2$
|
|
43653
|
-
var LabelContainer = styled__default["default"].div(templateObject_3$
|
|
43654
|
-
var LeftContainer$1 = styled__default["default"].div(templateObject_4$
|
|
43655
|
-
var CenterContainer = styled__default["default"].div(templateObject_5$
|
|
43656
|
-
var RightContainer$1 = styled__default["default"].div(templateObject_6$
|
|
43660
|
+
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"])));
|
|
43661
|
+
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"])));
|
|
43662
|
+
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"])));
|
|
43663
|
+
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"])));
|
|
43664
|
+
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"])));
|
|
43657
43665
|
var IconContainer$4 = styled__default["default"].div(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject([""], [""])));
|
|
43658
|
-
var templateObject_1$
|
|
43666
|
+
var templateObject_1$t, templateObject_2$f, templateObject_3$c, templateObject_4$9, templateObject_5$8, templateObject_6$4, templateObject_7$1;
|
|
43659
43667
|
|
|
43660
|
-
var FilterCard$2 = styled__default["default"](Card)(templateObject_1$
|
|
43668
|
+
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) {
|
|
43661
43669
|
var theme = _a.theme;
|
|
43662
43670
|
return hexToRgba(theme.palette.gray.main, 0.4);
|
|
43663
43671
|
}, function (_a) {
|
|
@@ -43670,7 +43678,7 @@ var FilterCard$2 = styled__default["default"](Card)(templateObject_1$r || (templ
|
|
|
43670
43678
|
var theme = _a.theme;
|
|
43671
43679
|
return theme.palette.background.default;
|
|
43672
43680
|
});
|
|
43673
|
-
var FilterCardHeader$1 = styled__default["default"].div(templateObject_2$
|
|
43681
|
+
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) {
|
|
43674
43682
|
var theme = _a.theme;
|
|
43675
43683
|
return theme.spacing * 2;
|
|
43676
43684
|
}, function (_a) {
|
|
@@ -43680,29 +43688,29 @@ var FilterCardHeader$1 = styled__default["default"].div(templateObject_2$d || (t
|
|
|
43680
43688
|
var theme = _a.theme;
|
|
43681
43689
|
return theme.palette.gray.main;
|
|
43682
43690
|
});
|
|
43683
|
-
var CloseIconContainer$2 = styled__default["default"].div(templateObject_3$
|
|
43684
|
-
var FilterContent$1 = styled__default["default"].div(templateObject_4$
|
|
43691
|
+
var CloseIconContainer$2 = styled__default["default"].div(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n cursor: pointer;\n"], ["\n cursor: pointer;\n"])));
|
|
43692
|
+
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) {
|
|
43685
43693
|
var theme = _a.theme;
|
|
43686
43694
|
return theme.spacing * 2;
|
|
43687
43695
|
}, function (_a) {
|
|
43688
43696
|
var theme = _a.theme;
|
|
43689
43697
|
return theme.spacing * 3;
|
|
43690
43698
|
});
|
|
43691
|
-
var ButtonContainer$1 = styled__default["default"].div(templateObject_5$
|
|
43692
|
-
var templateObject_1$
|
|
43699
|
+
var ButtonContainer$1 = styled__default["default"].div(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n text-align: right;\n"], ["\n text-align: right;\n"])));
|
|
43700
|
+
var templateObject_1$s, templateObject_2$e, templateObject_3$b, templateObject_4$8, templateObject_5$7;
|
|
43693
43701
|
|
|
43694
|
-
var Container$i = styled__default["default"].div(templateObject_1$
|
|
43695
|
-
var InputContainer = styled__default["default"].div(templateObject_2$
|
|
43702
|
+
var Container$i = styled__default["default"].div(templateObject_1$r || (templateObject_1$r = __makeTemplateObject([""], [""])));
|
|
43703
|
+
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) {
|
|
43696
43704
|
var hasRightIcon = _a.hasRightIcon;
|
|
43697
43705
|
return (hasRightIcon ? "padding-right: 32px" : "");
|
|
43698
43706
|
}, function (_a) {
|
|
43699
43707
|
var hasLeftIcon = _a.hasLeftIcon;
|
|
43700
43708
|
return (hasLeftIcon ? "padding-left: 35px" : "");
|
|
43701
43709
|
});
|
|
43702
|
-
var IconContainer$3 = styled__default["default"].div(templateObject_3$
|
|
43703
|
-
var LeftIconContainer = styled__default["default"](IconContainer$3)(templateObject_4$
|
|
43704
|
-
var RightIconContainer = styled__default["default"](IconContainer$3)(templateObject_5$
|
|
43705
|
-
var templateObject_1$
|
|
43710
|
+
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"])));
|
|
43711
|
+
var LeftIconContainer = styled__default["default"](IconContainer$3)(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n left: 10px;\n"], ["\n left: 10px;\n"])));
|
|
43712
|
+
var RightIconContainer = styled__default["default"](IconContainer$3)(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n right: 10px;\n"], ["\n right: 10px;\n"])));
|
|
43713
|
+
var templateObject_1$r, templateObject_2$d, templateObject_3$a, templateObject_4$7, templateObject_5$6;
|
|
43706
43714
|
|
|
43707
43715
|
var TextField = React__namespace.forwardRef(function (_a, ref) {
|
|
43708
43716
|
var errorText = _a.errorText, icon = _a.icon, type = _a.type, inputRef = _a.inputRef, rest = __rest(_a, ["errorText", "icon", "type", "inputRef"]);
|
|
@@ -43808,10 +43816,10 @@ var FilterCard$1 = function (inProps) {
|
|
|
43808
43816
|
React__namespace.createElement(Spacer, { py: 1 }))),
|
|
43809
43817
|
React__namespace.createElement(Divider$1, { orientation: "horizontal", color: theme.palette.gray.light, my: 2 }),
|
|
43810
43818
|
React__namespace.createElement(ButtonContainer$1, null,
|
|
43811
|
-
React__namespace.createElement(Button$
|
|
43819
|
+
React__namespace.createElement(Button$2, { size: "small", inline: true, disabled: !section || !condition, onClick: handleSubmit }, applyButtonTitle)))));
|
|
43812
43820
|
};
|
|
43813
43821
|
|
|
43814
|
-
var FilterCard = styled__default["default"](Card)(templateObject_1$
|
|
43822
|
+
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) {
|
|
43815
43823
|
var theme = _a.theme;
|
|
43816
43824
|
return hexToRgba(theme.palette.gray.main, 0.4);
|
|
43817
43825
|
}, function (_a) {
|
|
@@ -43824,7 +43832,7 @@ var FilterCard = styled__default["default"](Card)(templateObject_1$p || (templat
|
|
|
43824
43832
|
var theme = _a.theme;
|
|
43825
43833
|
return theme.palette.background.default;
|
|
43826
43834
|
});
|
|
43827
|
-
var FilterCardHeader = styled__default["default"].div(templateObject_2$
|
|
43835
|
+
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) {
|
|
43828
43836
|
var theme = _a.theme;
|
|
43829
43837
|
return theme.spacing * 2;
|
|
43830
43838
|
}, function (_a) {
|
|
@@ -43834,16 +43842,16 @@ var FilterCardHeader = styled__default["default"].div(templateObject_2$b || (tem
|
|
|
43834
43842
|
var theme = _a.theme;
|
|
43835
43843
|
return theme.palette.gray.main;
|
|
43836
43844
|
});
|
|
43837
|
-
var CloseIconContainer$1 = styled__default["default"].div(templateObject_3$
|
|
43838
|
-
var FilterContent = styled__default["default"].div(templateObject_4$
|
|
43845
|
+
var CloseIconContainer$1 = styled__default["default"].div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n cursor: pointer;\n"], ["\n cursor: pointer;\n"])));
|
|
43846
|
+
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) {
|
|
43839
43847
|
var theme = _a.theme;
|
|
43840
43848
|
return theme.spacing * 2;
|
|
43841
43849
|
}, function (_a) {
|
|
43842
43850
|
var theme = _a.theme;
|
|
43843
43851
|
return theme.spacing * 3;
|
|
43844
43852
|
});
|
|
43845
|
-
var ButtonContainer = styled__default["default"].div(templateObject_5$
|
|
43846
|
-
var templateObject_1$
|
|
43853
|
+
var ButtonContainer = styled__default["default"].div(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n text-align: right;\n"], ["\n text-align: right;\n"])));
|
|
43854
|
+
var templateObject_1$q, templateObject_2$c, templateObject_3$9, templateObject_4$6, templateObject_5$5;
|
|
43847
43855
|
|
|
43848
43856
|
var EditFilterCard = function (inProps) {
|
|
43849
43857
|
var props = useLocaleProps({ props: inProps, name: "EditFilterCard" });
|
|
@@ -43911,7 +43919,7 @@ var EditFilterCard = function (inProps) {
|
|
|
43911
43919
|
React__namespace.createElement(Spacer, { py: 1 }),
|
|
43912
43920
|
React__namespace.createElement(Divider$1, { orientation: "horizontal", color: theme.palette.gray.light, my: 2 }),
|
|
43913
43921
|
React__namespace.createElement(ButtonContainer, null,
|
|
43914
|
-
React__namespace.createElement(Button$
|
|
43922
|
+
React__namespace.createElement(Button$2, { size: "small", inline: true, disabled: !condition, onClick: handleSubmit }, editButtonTitle)))));
|
|
43915
43923
|
};
|
|
43916
43924
|
|
|
43917
43925
|
var Status = {
|
|
@@ -43936,7 +43944,7 @@ var getCurrentStatus = function (isFocus, selectedFilter, willEditFilter) {
|
|
|
43936
43944
|
return Status.Empty;
|
|
43937
43945
|
};
|
|
43938
43946
|
|
|
43939
|
-
var Container$h = styled__default["default"].div(templateObject_1$
|
|
43947
|
+
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) {
|
|
43940
43948
|
var theme = _a.theme;
|
|
43941
43949
|
return theme.palette.gray.highlight;
|
|
43942
43950
|
}, function (_a) {
|
|
@@ -43952,10 +43960,10 @@ var Container$h = styled__default["default"].div(templateObject_1$o || (template
|
|
|
43952
43960
|
var theme = _a.theme;
|
|
43953
43961
|
return theme.palette.gray.light;
|
|
43954
43962
|
});
|
|
43955
|
-
var LeftContainer = styled__default["default"].div(templateObject_2$
|
|
43956
|
-
var RightContainer = styled__default["default"].div(templateObject_3$
|
|
43957
|
-
var IconContainer$2 = styled__default["default"].div(templateObject_4$
|
|
43958
|
-
var templateObject_1$
|
|
43963
|
+
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"])));
|
|
43964
|
+
var RightContainer = styled__default["default"].div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n padding-left: 8px;\n"], ["\n padding-left: 8px;\n"])));
|
|
43965
|
+
var IconContainer$2 = styled__default["default"].div(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject([""], [""])));
|
|
43966
|
+
var templateObject_1$p, templateObject_2$b, templateObject_3$8, templateObject_4$5;
|
|
43959
43967
|
|
|
43960
43968
|
var boolToString = function (condition) {
|
|
43961
43969
|
if (typeof condition === "boolean") {
|
|
@@ -44116,7 +44124,7 @@ var NavigationRailContentHeight;
|
|
|
44116
44124
|
// Unit: second
|
|
44117
44125
|
var NavigationRailTransitionDuration = 0.3;
|
|
44118
44126
|
|
|
44119
|
-
var Container$g = styled__default["default"].div(templateObject_1$
|
|
44127
|
+
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) {
|
|
44120
44128
|
var isOpen = _a.isOpen, isFixed = _a.isFixed;
|
|
44121
44129
|
return isOpen || isFixed ? NavigationRailWidth.WIDE : NavigationRailWidth.NARROW;
|
|
44122
44130
|
}, function (_a) {
|
|
@@ -44134,15 +44142,15 @@ var Container$g = styled__default["default"].div(templateObject_1$n || (template
|
|
|
44134
44142
|
var theme = _a.theme;
|
|
44135
44143
|
return theme.depth.drawer;
|
|
44136
44144
|
}, NavigationRailTransitionDuration);
|
|
44137
|
-
var templateObject_1$
|
|
44145
|
+
var templateObject_1$o;
|
|
44138
44146
|
|
|
44139
44147
|
var NavigationRailContext = React__namespace.createContext({
|
|
44140
44148
|
isOpen: false,
|
|
44141
44149
|
isFixed: false,
|
|
44142
44150
|
});
|
|
44143
44151
|
|
|
44144
|
-
var Container$f = styled__default["default"].div(templateObject_1$
|
|
44145
|
-
var templateObject_1$
|
|
44152
|
+
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"])));
|
|
44153
|
+
var templateObject_1$n;
|
|
44146
44154
|
|
|
44147
44155
|
var NavigationRailContainer = React__default["default"].forwardRef(function (_a, ref) {
|
|
44148
44156
|
var _b = _a.defaultFixed, defaultFixed = _b === void 0 ? false : _b, onChangeOpen = _a.onChangeOpen, onChangeFixed = _a.onChangeFixed, children = _a.children;
|
|
@@ -44183,19 +44191,19 @@ var NavigationRailContainer = React__default["default"].forwardRef(function (_a,
|
|
|
44183
44191
|
React__default["default"].createElement(Container$f, { ref: ref }, children)));
|
|
44184
44192
|
});
|
|
44185
44193
|
|
|
44186
|
-
var Header$1 = styled__default["default"].div(templateObject_1$
|
|
44187
|
-
var Content$1 = styled__default["default"].div(templateObject_2$
|
|
44188
|
-
var Footer = styled__default["default"].div(templateObject_3$
|
|
44194
|
+
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);
|
|
44195
|
+
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" }));
|
|
44196
|
+
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) {
|
|
44189
44197
|
var theme = _a.theme;
|
|
44190
44198
|
return theme.palette.gray.light;
|
|
44191
44199
|
});
|
|
44192
|
-
var templateObject_1$
|
|
44200
|
+
var templateObject_1$m, templateObject_2$a, templateObject_3$7;
|
|
44193
44201
|
|
|
44194
|
-
var Container$e = styled__default["default"].div(templateObject_1$
|
|
44202
|
+
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) {
|
|
44195
44203
|
var isFixed = _a.isFixed;
|
|
44196
44204
|
return isFixed ? NavigationRailWidth.WIDE : NavigationRailWidth.NARROW;
|
|
44197
44205
|
}, NavigationRailTransitionDuration);
|
|
44198
|
-
var templateObject_1$
|
|
44206
|
+
var templateObject_1$l;
|
|
44199
44207
|
|
|
44200
44208
|
var MainContent = React__default["default"].forwardRef(function (_a, ref) {
|
|
44201
44209
|
var children = _a.children;
|
|
@@ -44203,7 +44211,7 @@ var MainContent = React__default["default"].forwardRef(function (_a, ref) {
|
|
|
44203
44211
|
return (React__default["default"].createElement(Container$e, { ref: ref, isFixed: isFixed }, children));
|
|
44204
44212
|
});
|
|
44205
44213
|
|
|
44206
|
-
var Container$d = styled__default["default"].div(templateObject_1$
|
|
44214
|
+
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) {
|
|
44207
44215
|
var theme = _a.theme;
|
|
44208
44216
|
return theme.spacing * 3;
|
|
44209
44217
|
}, function (_a) {
|
|
@@ -44213,14 +44221,14 @@ var Container$d = styled__default["default"].div(templateObject_1$j || (template
|
|
|
44213
44221
|
var theme = _a.theme;
|
|
44214
44222
|
return theme.palette.gray.light;
|
|
44215
44223
|
});
|
|
44216
|
-
var templateObject_1$
|
|
44224
|
+
var templateObject_1$k;
|
|
44217
44225
|
|
|
44218
44226
|
var getArrowPosition = function (theme, placements, currentPlacement) {
|
|
44219
44227
|
return currentPlacement && placements.includes(currentPlacement)
|
|
44220
44228
|
? theme.spacing * 1.5 + "px"
|
|
44221
44229
|
: "auto";
|
|
44222
44230
|
};
|
|
44223
|
-
var Arrow = styled__default["default"].div(templateObject_1$
|
|
44231
|
+
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) {
|
|
44224
44232
|
var theme = _a.theme, placement = _a.placement;
|
|
44225
44233
|
return getArrowPosition(theme, ["left-start", "right-start"], placement);
|
|
44226
44234
|
}, function (_a) {
|
|
@@ -44236,7 +44244,7 @@ var Arrow = styled__default["default"].div(templateObject_1$i || (templateObject
|
|
|
44236
44244
|
var theme = _a.theme;
|
|
44237
44245
|
return theme.palette.black;
|
|
44238
44246
|
});
|
|
44239
|
-
var Tooltip$1 = styled__default["default"].div(templateObject_2$
|
|
44247
|
+
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) {
|
|
44240
44248
|
var width = _a.width;
|
|
44241
44249
|
return width || "auto";
|
|
44242
44250
|
}, function (_a) {
|
|
@@ -44255,7 +44263,7 @@ var Tooltip$1 = styled__default["default"].div(templateObject_2$8 || (templateOb
|
|
|
44255
44263
|
var theme = _a.theme;
|
|
44256
44264
|
return theme.depth.tooltip;
|
|
44257
44265
|
}, Arrow, Arrow, Arrow, Arrow);
|
|
44258
|
-
var templateObject_1$
|
|
44266
|
+
var templateObject_1$j, templateObject_2$9;
|
|
44259
44267
|
|
|
44260
44268
|
var Tooltip = React__namespace.forwardRef(function (_a, ref) {
|
|
44261
44269
|
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"]);
|
|
@@ -44385,7 +44393,7 @@ var Fixture = React__default["default"].forwardRef(function (_a, ref) {
|
|
|
44385
44393
|
React__default["default"].createElement(Icon$1, { name: "arrow_double_left" }))));
|
|
44386
44394
|
});
|
|
44387
44395
|
|
|
44388
|
-
var Container$c = styled__default["default"].div(templateObject_1$
|
|
44396
|
+
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) {
|
|
44389
44397
|
var theme = _a.theme;
|
|
44390
44398
|
return theme.spacing * 2 + "px " + theme.spacing * 2 + "px " + theme.spacing * 2 + "px " + theme.spacing * 3 + "px";
|
|
44391
44399
|
}, function (_a) {
|
|
@@ -44395,23 +44403,23 @@ var Container$c = styled__default["default"].div(templateObject_1$h || (template
|
|
|
44395
44403
|
var theme = _a.theme;
|
|
44396
44404
|
return theme.palette.gray.light;
|
|
44397
44405
|
});
|
|
44398
|
-
var TextContainer$2 = styled__default["default"].div(templateObject_2$
|
|
44406
|
+
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) {
|
|
44399
44407
|
var theme = _a.theme;
|
|
44400
44408
|
return theme.spacing * 1.5;
|
|
44401
44409
|
}, function (_a) {
|
|
44402
44410
|
var isOpen = _a.isOpen;
|
|
44403
44411
|
return (isOpen ? 1 : 0);
|
|
44404
44412
|
}, NavigationRailTransitionDuration);
|
|
44405
|
-
var TextWrapper$2 = styled__default["default"](Typography)(templateObject_3$
|
|
44406
|
-
var templateObject_1$
|
|
44413
|
+
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"])));
|
|
44414
|
+
var templateObject_1$i, templateObject_2$8, templateObject_3$6;
|
|
44407
44415
|
|
|
44408
|
-
var Container$b = styled__default["default"].div(templateObject_1$
|
|
44416
|
+
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"])));
|
|
44409
44417
|
var dotSizeMapping = {
|
|
44410
44418
|
small: "8px",
|
|
44411
44419
|
medium: "12px",
|
|
44412
44420
|
large: "16px",
|
|
44413
44421
|
};
|
|
44414
|
-
var Badge = styled__default["default"].span(templateObject_2$
|
|
44422
|
+
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) {
|
|
44415
44423
|
var position = _a.position;
|
|
44416
44424
|
return ["top-right", "top-left"].includes(position) ? 0 : "auto";
|
|
44417
44425
|
}, function (_a) {
|
|
@@ -44451,7 +44459,7 @@ var Badge = styled__default["default"].span(templateObject_2$6 || (templateObjec
|
|
|
44451
44459
|
var theme = _a.theme;
|
|
44452
44460
|
return theme.palette.danger.main;
|
|
44453
44461
|
});
|
|
44454
|
-
var templateObject_1$
|
|
44462
|
+
var templateObject_1$h, templateObject_2$7;
|
|
44455
44463
|
|
|
44456
44464
|
var NotificationBadge = React__namespace.forwardRef(function (_a, ref) {
|
|
44457
44465
|
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;
|
|
@@ -44474,7 +44482,7 @@ var NotificationBadge = React__namespace.forwardRef(function (_a, ref) {
|
|
|
44474
44482
|
React__namespace.createElement(Badge, { variant: variant, position: position, size: dotSize, invisible: invisible }, displayValue)));
|
|
44475
44483
|
});
|
|
44476
44484
|
|
|
44477
|
-
var Container$a = styled__default["default"].span(templateObject_1$
|
|
44485
|
+
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) {
|
|
44478
44486
|
var theme = _a.theme;
|
|
44479
44487
|
return theme.palette.text.white;
|
|
44480
44488
|
}, function (_a) {
|
|
@@ -44484,7 +44492,7 @@ var Container$a = styled__default["default"].span(templateObject_1$f || (templat
|
|
|
44484
44492
|
var invisible = _a.invisible;
|
|
44485
44493
|
return (invisible ? "scale(0)" : "scale(1)");
|
|
44486
44494
|
});
|
|
44487
|
-
var templateObject_1$
|
|
44495
|
+
var templateObject_1$g;
|
|
44488
44496
|
|
|
44489
44497
|
var SideNotificationBadge = function (_a) {
|
|
44490
44498
|
var _b = _a.notificationCount, notificationCount = _b === void 0 ? 0 : _b, _c = _a.invisible, invisible = _c === void 0 ? false : _c;
|
|
@@ -44518,7 +44526,7 @@ var Menu = React__namespace.forwardRef(function (_a, ref) {
|
|
|
44518
44526
|
React__namespace.createElement(SideNotificationBadge, { notificationCount: notificationCount, invisible: notificationCount === 0 || !isOpen }))));
|
|
44519
44527
|
});
|
|
44520
44528
|
|
|
44521
|
-
var Container$9 = styled__default["default"].div(templateObject_1$
|
|
44529
|
+
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) {
|
|
44522
44530
|
var theme = _a.theme;
|
|
44523
44531
|
return theme.spacing * 2 + "px 0 " + theme.spacing * 2 + "px " + theme.spacing * 3 + "px";
|
|
44524
44532
|
}, function (_a) {
|
|
@@ -44528,15 +44536,15 @@ var Container$9 = styled__default["default"].div(templateObject_1$e || (template
|
|
|
44528
44536
|
var theme = _a.theme;
|
|
44529
44537
|
return theme.palette.gray.light;
|
|
44530
44538
|
});
|
|
44531
|
-
var TextContainer$1 = styled__default["default"].div(templateObject_2$
|
|
44539
|
+
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) {
|
|
44532
44540
|
var theme = _a.theme;
|
|
44533
44541
|
return theme.spacing * 1.5;
|
|
44534
44542
|
}, function (_a) {
|
|
44535
44543
|
var isOpen = _a.isOpen;
|
|
44536
44544
|
return (isOpen ? 1 : 0);
|
|
44537
44545
|
}, NavigationRailTransitionDuration);
|
|
44538
|
-
var TextWrapper$1 = styled__default["default"](Typography)(templateObject_3$
|
|
44539
|
-
var ArrowIconWrapper = styled__default["default"].div(templateObject_4$
|
|
44546
|
+
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"])));
|
|
44547
|
+
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) {
|
|
44540
44548
|
var theme = _a.theme;
|
|
44541
44549
|
return theme.spacing;
|
|
44542
44550
|
}, function (_a) {
|
|
@@ -44546,14 +44554,14 @@ var ArrowIconWrapper = styled__default["default"].div(templateObject_4$3 || (tem
|
|
|
44546
44554
|
var isExpand = _a.isExpand;
|
|
44547
44555
|
return (isExpand ? "180deg" : "none");
|
|
44548
44556
|
}, NavigationRailTransitionDuration);
|
|
44549
|
-
var Expantion = styled__default["default"].div(templateObject_5$
|
|
44557
|
+
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) {
|
|
44550
44558
|
var isExpand = _a.isExpand, height = _a.height;
|
|
44551
44559
|
return (isExpand ? height : "0px");
|
|
44552
44560
|
}, function (_a) {
|
|
44553
44561
|
var delay = _a.delay;
|
|
44554
44562
|
return (delay ? NavigationRailTransitionDuration : 0);
|
|
44555
44563
|
});
|
|
44556
|
-
var templateObject_1$
|
|
44564
|
+
var templateObject_1$f, templateObject_2$6, templateObject_3$5, templateObject_4$4, templateObject_5$4;
|
|
44557
44565
|
|
|
44558
44566
|
var ExpantionMenu = React__namespace.forwardRef(function (_a, ref) {
|
|
44559
44567
|
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"]);
|
|
@@ -44612,16 +44620,16 @@ var ExpantionMenu = React__namespace.forwardRef(function (_a, ref) {
|
|
|
44612
44620
|
React__namespace.createElement(React__namespace.Fragment, { key: index }, node)); }))));
|
|
44613
44621
|
});
|
|
44614
44622
|
|
|
44615
|
-
var Container$8 = styled__default["default"].div(templateObject_1$
|
|
44623
|
+
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) {
|
|
44616
44624
|
var theme = _a.theme;
|
|
44617
44625
|
return theme.spacing * 1.5 + "px " + theme.spacing * 2 + "px " + theme.spacing * 1.5 + "px " + theme.spacing * 7.75 + "px";
|
|
44618
44626
|
}, function (_a) {
|
|
44619
44627
|
var theme = _a.theme;
|
|
44620
44628
|
return theme.palette.gray.light;
|
|
44621
44629
|
});
|
|
44622
|
-
var TextContainer = styled__default["default"].div(templateObject_2$
|
|
44623
|
-
var TextWrapper = styled__default["default"](Typography)(templateObject_3$
|
|
44624
|
-
var templateObject_1$
|
|
44630
|
+
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"])));
|
|
44631
|
+
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"])));
|
|
44632
|
+
var templateObject_1$e, templateObject_2$5, templateObject_3$4;
|
|
44625
44633
|
|
|
44626
44634
|
var ExpantionMenuItem = React__namespace.forwardRef(function (_a, ref) {
|
|
44627
44635
|
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"]);
|
|
@@ -44664,11 +44672,11 @@ ExportedComponent$1.ExpantionMenuItem = ExpantionMenuItem;
|
|
|
44664
44672
|
ExportedComponent$1.Fixture = Fixture;
|
|
44665
44673
|
ExportedComponent$1.MainContent = MainContent;
|
|
44666
44674
|
|
|
44667
|
-
var Container$7 = styled__default["default"].div(templateObject_1$
|
|
44675
|
+
var Container$7 = styled__default["default"].div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
44668
44676
|
var height = _a.height, maxHeight = _a.maxHeight, minHeight = _a.minHeight;
|
|
44669
44677
|
return addScrollbarProperties({ height: height, maxHeight: maxHeight, minHeight: minHeight });
|
|
44670
44678
|
});
|
|
44671
|
-
var templateObject_1$
|
|
44679
|
+
var templateObject_1$d;
|
|
44672
44680
|
|
|
44673
44681
|
/**
|
|
44674
44682
|
* Add Scrollbar to inner DOM.
|
|
@@ -44695,7 +44703,7 @@ var getTranslate$2 = function (direction) {
|
|
|
44695
44703
|
}
|
|
44696
44704
|
};
|
|
44697
44705
|
var transitionClass = "slide-transition";
|
|
44698
|
-
var CSSTransition = styled__default["default"](OriginalCSSTransition)(templateObject_1$
|
|
44706
|
+
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) {
|
|
44699
44707
|
var direction = _a.direction;
|
|
44700
44708
|
return getTranslate$2(direction);
|
|
44701
44709
|
}, transitionClass, transitionClass, function (_a) {
|
|
@@ -44711,7 +44719,7 @@ var CSSTransition = styled__default["default"](OriginalCSSTransition)(templateOb
|
|
|
44711
44719
|
var direction = _a.direction;
|
|
44712
44720
|
return getTranslate$2(direction);
|
|
44713
44721
|
});
|
|
44714
|
-
var templateObject_1$
|
|
44722
|
+
var templateObject_1$c;
|
|
44715
44723
|
|
|
44716
44724
|
var Slide = function (_a) {
|
|
44717
44725
|
var
|
|
@@ -44722,7 +44730,7 @@ var Slide = function (_a) {
|
|
|
44722
44730
|
return (React__namespace.createElement(CSSTransition, __assign({ appear: true, timeout: timeout, direction: direction, classNames: transitionClass }, rest), children));
|
|
44723
44731
|
};
|
|
44724
44732
|
|
|
44725
|
-
var Container$6 = styled__default["default"].div(templateObject_1$
|
|
44733
|
+
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) {
|
|
44726
44734
|
var horizontal = _a.horizontal, theme = _a.theme;
|
|
44727
44735
|
return horizontal === "left" ? theme.spacing * 3 + "px" : "auto";
|
|
44728
44736
|
}, function (_a) {
|
|
@@ -44738,9 +44746,9 @@ var Container$6 = styled__default["default"].div(templateObject_1$a || (template
|
|
|
44738
44746
|
var theme = _a.theme;
|
|
44739
44747
|
return theme.depth.snackbar;
|
|
44740
44748
|
});
|
|
44741
|
-
var templateObject_1$
|
|
44749
|
+
var templateObject_1$b;
|
|
44742
44750
|
|
|
44743
|
-
var Container$5 = styled__default["default"].div(templateObject_1$
|
|
44751
|
+
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) {
|
|
44744
44752
|
var theme = _a.theme;
|
|
44745
44753
|
return theme.spacing * 2;
|
|
44746
44754
|
}, function (_a) {
|
|
@@ -44762,14 +44770,14 @@ var Container$5 = styled__default["default"].div(templateObject_1$9 || (template
|
|
|
44762
44770
|
var theme = _a.theme;
|
|
44763
44771
|
return theme.radius;
|
|
44764
44772
|
});
|
|
44765
|
-
var IconContainer$1 = styled__default["default"].div(templateObject_2$
|
|
44773
|
+
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) {
|
|
44766
44774
|
var theme = _a.theme;
|
|
44767
44775
|
return theme.spacing;
|
|
44768
44776
|
}, function (_a) {
|
|
44769
44777
|
var theme = _a.theme;
|
|
44770
44778
|
return theme.spacing;
|
|
44771
44779
|
});
|
|
44772
|
-
var templateObject_1$
|
|
44780
|
+
var templateObject_1$a, templateObject_2$4;
|
|
44773
44781
|
|
|
44774
44782
|
var getSnackbarStyle = function (theme) {
|
|
44775
44783
|
return {
|
|
@@ -44812,8 +44820,8 @@ var Snackbar = React__namespace.forwardRef(function (_a, ref) {
|
|
|
44812
44820
|
React__namespace.createElement(SnackbarContent, { color: color, onClose: onClose }, children)));
|
|
44813
44821
|
});
|
|
44814
44822
|
|
|
44815
|
-
var Container$4 = styled__default["default"].div(templateObject_1$
|
|
44816
|
-
var templateObject_1$
|
|
44823
|
+
var Container$4 = styled__default["default"].div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
44824
|
+
var templateObject_1$9;
|
|
44817
44825
|
|
|
44818
44826
|
var SplitAnnotation = React__namespace.forwardRef(function (_a, ref) {
|
|
44819
44827
|
var children = _a.children, rest = __rest(_a, ["children"]);
|
|
@@ -44824,7 +44832,7 @@ var SplitAnnotation = React__namespace.forwardRef(function (_a, ref) {
|
|
|
44824
44832
|
React__namespace.createElement(Container$4, null, children)));
|
|
44825
44833
|
});
|
|
44826
44834
|
|
|
44827
|
-
var Container$3 = styled__default["default"].div(templateObject_1$
|
|
44835
|
+
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) {
|
|
44828
44836
|
var theme = _a.theme;
|
|
44829
44837
|
return theme.spacing / 2;
|
|
44830
44838
|
}, function (_a) {
|
|
@@ -44834,16 +44842,16 @@ var Container$3 = styled__default["default"].div(templateObject_1$7 || (template
|
|
|
44834
44842
|
var theme = _a.theme;
|
|
44835
44843
|
return theme.palette.gray.light;
|
|
44836
44844
|
});
|
|
44837
|
-
var ChildContainer = styled__default["default"].div(templateObject_2$
|
|
44838
|
-
var ChildrenContainer = styled__default["default"].div(templateObject_3$
|
|
44839
|
-
var IconItemContainer = styled__default["default"].div(templateObject_4$
|
|
44845
|
+
var ChildContainer$1 = styled__default["default"].div(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
44846
|
+
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"])));
|
|
44847
|
+
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) {
|
|
44840
44848
|
var theme = _a.theme;
|
|
44841
44849
|
return theme.spacing / 2;
|
|
44842
44850
|
}, function (_a) {
|
|
44843
44851
|
var theme = _a.theme;
|
|
44844
44852
|
return theme.spacing / 2;
|
|
44845
44853
|
});
|
|
44846
|
-
var TextItemContainer = styled__default["default"].div(templateObject_5$
|
|
44854
|
+
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) {
|
|
44847
44855
|
var theme = _a.theme;
|
|
44848
44856
|
return theme.spacing;
|
|
44849
44857
|
}, function (_a) {
|
|
@@ -44853,14 +44861,14 @@ var TextItemContainer = styled__default["default"].div(templateObject_5$2 || (te
|
|
|
44853
44861
|
var theme = _a.theme;
|
|
44854
44862
|
return theme.spacing / 2;
|
|
44855
44863
|
});
|
|
44856
|
-
var Indicator = styled__default["default"].div(templateObject_6$
|
|
44864
|
+
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) {
|
|
44857
44865
|
var theme = _a.theme;
|
|
44858
44866
|
return theme.palette.background.default;
|
|
44859
44867
|
}, function (_a) {
|
|
44860
44868
|
var theme = _a.theme;
|
|
44861
44869
|
return theme.radius * 0.5;
|
|
44862
44870
|
});
|
|
44863
|
-
var templateObject_1$
|
|
44871
|
+
var templateObject_1$8, templateObject_2$3, templateObject_3$3, templateObject_4$3, templateObject_5$3, templateObject_6$3;
|
|
44864
44872
|
|
|
44865
44873
|
var useEnhancedEffect = typeof window !== "undefined" ? React__default["default"].useLayoutEffect : React__default["default"].useEffect;
|
|
44866
44874
|
/**
|
|
@@ -44955,9 +44963,9 @@ var Switch = React__namespace.forwardRef(function (_a, ref) {
|
|
|
44955
44963
|
};
|
|
44956
44964
|
}, [updateIndicatorState]);
|
|
44957
44965
|
return (React__namespace.createElement(Container$3, { ref: ref },
|
|
44958
|
-
React__namespace.createElement(ChildContainer, { ref: tabsRef },
|
|
44959
|
-
React__namespace.createElement(Indicator, { style: __assign({}, indicatorStyle) }),
|
|
44960
|
-
React__namespace.createElement(ChildrenContainer, { ref: childrenWrapperRef }, items.map(function (item, index) {
|
|
44966
|
+
React__namespace.createElement(ChildContainer$1, { ref: tabsRef },
|
|
44967
|
+
React__namespace.createElement(Indicator$1, { style: __assign({}, indicatorStyle) }),
|
|
44968
|
+
React__namespace.createElement(ChildrenContainer$1, { ref: childrenWrapperRef }, items.map(function (item, index) {
|
|
44961
44969
|
var childValue = item.value === undefined ? index : item.value;
|
|
44962
44970
|
valueToIndex.set(childValue, index);
|
|
44963
44971
|
var active = childValue === value;
|
|
@@ -44967,6 +44975,130 @@ var Switch = React__namespace.forwardRef(function (_a, ref) {
|
|
|
44967
44975
|
})))));
|
|
44968
44976
|
});
|
|
44969
44977
|
|
|
44978
|
+
var ChildContainer = styled__default["default"].div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
44979
|
+
var ChildrenContainer = styled__default["default"].div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject([""], [""])));
|
|
44980
|
+
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) {
|
|
44981
|
+
var selected = _a.selected;
|
|
44982
|
+
return (selected ? "" : "pointer");
|
|
44983
|
+
}, function (_a) {
|
|
44984
|
+
var selected = _a.selected;
|
|
44985
|
+
return !selected ? function (_a) {
|
|
44986
|
+
var theme = _a.theme;
|
|
44987
|
+
return theme.palette.gray.highlight;
|
|
44988
|
+
} : "";
|
|
44989
|
+
});
|
|
44990
|
+
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) {
|
|
44991
|
+
var selected = _a.selected;
|
|
44992
|
+
return selected ? function (_a) {
|
|
44993
|
+
var theme = _a.theme;
|
|
44994
|
+
return theme.palette.primary.main;
|
|
44995
|
+
} : "gray";
|
|
44996
|
+
});
|
|
44997
|
+
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) {
|
|
44998
|
+
var theme = _a.theme;
|
|
44999
|
+
return "solid " + theme.palette.primary.main + " 2px";
|
|
45000
|
+
});
|
|
45001
|
+
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) {
|
|
45002
|
+
var theme = _a.theme;
|
|
45003
|
+
return theme.palette.gray.main;
|
|
45004
|
+
});
|
|
45005
|
+
var templateObject_1$7, templateObject_2$2, templateObject_3$2, templateObject_4$2, templateObject_5$2, templateObject_6$2;
|
|
45006
|
+
|
|
45007
|
+
var Tab = React__namespace.forwardRef(function (_a, ref) {
|
|
45008
|
+
var text = _a.text, count = _a.count, value = _a.value, withBadge = _a.withBadge, selected = _a.selected, onChange = _a.onChange, onClick = _a.onClick;
|
|
45009
|
+
var theme = useTheme();
|
|
45010
|
+
var badgeColor = selected ? "primary" : "secondary";
|
|
45011
|
+
var handleClick = function (event) {
|
|
45012
|
+
if (!selected && onChange) {
|
|
45013
|
+
onChange(value);
|
|
45014
|
+
}
|
|
45015
|
+
if (onClick) {
|
|
45016
|
+
onClick(event);
|
|
45017
|
+
}
|
|
45018
|
+
};
|
|
45019
|
+
return (React__namespace.createElement(Button$1, { ref: ref, key: text, value: value, tabIndex: selected ? 0 : -1, theme: theme, selected: selected, onClick: handleClick },
|
|
45020
|
+
React__namespace.createElement(Flex, { display: "flex", justifyContent: "space-between", alignItems: "center" },
|
|
45021
|
+
React__namespace.createElement(Text, { selected: selected },
|
|
45022
|
+
text,
|
|
45023
|
+
" "),
|
|
45024
|
+
withBadge ? (React__namespace.createElement(Badge$1, { color: badgeColor, type: "pill", fontWeight: "bold" }, count)) : (""))));
|
|
45025
|
+
});
|
|
45026
|
+
|
|
45027
|
+
var Tabs = function (props, ref) {
|
|
45028
|
+
var data = props.data, value = props.value, _a = props.withBadge, withBadge = _a === void 0 ? false : _a, onChange = props.onChange, onClick = props.onClick;
|
|
45029
|
+
var valueToIndex = new Map();
|
|
45030
|
+
var childrenRef = React__namespace.useRef(null);
|
|
45031
|
+
var _b = React__namespace.useState({}), indicatorStyle = _b[0], setIndicatorStyle = _b[1];
|
|
45032
|
+
var _c = React__namespace.useState(null), tabs = _c[0], setTabs = _c[1];
|
|
45033
|
+
var refs = useMergeRefs(ref, setTabs);
|
|
45034
|
+
var getTabsMeta = function () {
|
|
45035
|
+
var tabsNode = tabs !== null && tabs !== void 0 ? tabs : undefined;
|
|
45036
|
+
var tabsMeta;
|
|
45037
|
+
if (tabsNode) {
|
|
45038
|
+
var rect = tabsNode.getBoundingClientRect();
|
|
45039
|
+
tabsMeta = {
|
|
45040
|
+
scrollLeft: tabsNode.scrollLeft,
|
|
45041
|
+
left: rect.left,
|
|
45042
|
+
};
|
|
45043
|
+
}
|
|
45044
|
+
var tabMeta;
|
|
45045
|
+
if (tabsNode && value) {
|
|
45046
|
+
if (childrenRef.current) {
|
|
45047
|
+
var children = childrenRef.current.children;
|
|
45048
|
+
if (children.length > 0) {
|
|
45049
|
+
var index = valueToIndex.get(value);
|
|
45050
|
+
var tab = children[index];
|
|
45051
|
+
tabMeta = (tab === null || tab === void 0 ? void 0 : tab.getBoundingClientRect()) || null;
|
|
45052
|
+
}
|
|
45053
|
+
}
|
|
45054
|
+
}
|
|
45055
|
+
return { tabsMeta: tabsMeta, tabMeta: tabMeta };
|
|
45056
|
+
};
|
|
45057
|
+
var updateIndicatorState = useEventCallback(function () {
|
|
45058
|
+
var _a = getTabsMeta(), tabsMeta = _a.tabsMeta, tabMeta = _a.tabMeta;
|
|
45059
|
+
var startValue = 0;
|
|
45060
|
+
if (tabMeta && tabsMeta) {
|
|
45061
|
+
var correction = tabsMeta.scrollLeft;
|
|
45062
|
+
startValue = tabMeta.left - tabsMeta.left + correction;
|
|
45063
|
+
}
|
|
45064
|
+
var newIndicatorStyle = {
|
|
45065
|
+
left: startValue,
|
|
45066
|
+
width: tabMeta ? tabMeta.width : 0,
|
|
45067
|
+
};
|
|
45068
|
+
if (isNaN(indicatorStyle["left"]) || isNaN(indicatorStyle["width"])) {
|
|
45069
|
+
setIndicatorStyle(newIndicatorStyle);
|
|
45070
|
+
}
|
|
45071
|
+
else {
|
|
45072
|
+
var start = Math.abs(indicatorStyle["left"] - newIndicatorStyle["left"]);
|
|
45073
|
+
var size = Math.abs(indicatorStyle["width"] - newIndicatorStyle["width"]);
|
|
45074
|
+
if (start >= 1 || size >= 1) {
|
|
45075
|
+
setIndicatorStyle(newIndicatorStyle);
|
|
45076
|
+
}
|
|
45077
|
+
}
|
|
45078
|
+
});
|
|
45079
|
+
React__namespace.useEffect(function () {
|
|
45080
|
+
updateIndicatorState();
|
|
45081
|
+
});
|
|
45082
|
+
React__namespace.useEffect(function () {
|
|
45083
|
+
var handleResize = function () {
|
|
45084
|
+
updateIndicatorState();
|
|
45085
|
+
};
|
|
45086
|
+
window.addEventListener("resize", handleResize);
|
|
45087
|
+
return function () { return window.removeEventListener("resize", handleResize); };
|
|
45088
|
+
}, [updateIndicatorState]);
|
|
45089
|
+
return (React__namespace.createElement(ChildContainer, { ref: refs },
|
|
45090
|
+
React__namespace.createElement(Indicator, { style: __assign({}, indicatorStyle) }),
|
|
45091
|
+
React__namespace.createElement(ChildrenContainer, { ref: childrenRef },
|
|
45092
|
+
data.map(function (d, index) {
|
|
45093
|
+
var childValue = d.value;
|
|
45094
|
+
var selected = childValue === value;
|
|
45095
|
+
valueToIndex.set(childValue, index);
|
|
45096
|
+
return (React__namespace.createElement(Tab, { key: index.toString(), selected: selected, value: childValue, count: d.count, withBadge: withBadge, text: d.text, onChange: onChange, onClick: onClick }));
|
|
45097
|
+
}),
|
|
45098
|
+
React__namespace.createElement(Border, null))));
|
|
45099
|
+
};
|
|
45100
|
+
var Tabs$1 = React__namespace.forwardRef(Tabs);
|
|
45101
|
+
|
|
44970
45102
|
var Body = React__namespace.forwardRef(function (_a, ref) {
|
|
44971
45103
|
var children = _a.children, rest = __rest(_a, ["children"]);
|
|
44972
45104
|
return (React__namespace.createElement("tbody", __assign({ ref: ref }, rest), children));
|
|
@@ -48268,7 +48400,7 @@ var ToggleButton = React__namespace.forwardRef(function (inProps, ref) {
|
|
|
48268
48400
|
exports.ActionButton = ActionButton$1;
|
|
48269
48401
|
exports.Backdrop = Backdrop;
|
|
48270
48402
|
exports.Badge = Badge$1;
|
|
48271
|
-
exports.Button = Button$
|
|
48403
|
+
exports.Button = Button$2;
|
|
48272
48404
|
exports.ButtonGroup = ButtonGroup;
|
|
48273
48405
|
exports.Card = Card;
|
|
48274
48406
|
exports.Checkbox = Checkbox;
|
|
@@ -48313,6 +48445,7 @@ exports.Spinner = Spinner;
|
|
|
48313
48445
|
exports.SplitAnnotation = SplitAnnotation;
|
|
48314
48446
|
exports.Switch = Switch;
|
|
48315
48447
|
exports.Table = ExportedComponent;
|
|
48448
|
+
exports.Tabs = Tabs$1;
|
|
48316
48449
|
exports.TextField = TextField;
|
|
48317
48450
|
exports.ThemeProvider = ThemeProvider;
|
|
48318
48451
|
exports.Toast = Toast;
|