impact-ui 0.1.37 → 0.1.38-SNAPSHOT
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1447 -1007
- package/package.json +5 -5
package/dist/index.js
CHANGED
|
@@ -154,6 +154,8 @@
|
|
|
154
154
|
|
|
155
155
|
var permissionIcon = "data:image/svg+xml,%3Csvg%20width%3D%22194%22%20height%3D%22201%22%20viewBox%3D%220%200%20194%20201%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%2297%22%20cy%3D%22104%22%20r%3D%2297%22%20fill%3D%22%23EFEFEF%22%2F%3E%3Crect%20x%3D%2232%22%20width%3D%22130%22%20height%3D%22163%22%20rx%3D%224%22%20fill%3D%22%23394960%22%2F%3E%3Cpath%20d%3D%22M131.4%20115.2C134.874%20115.2%20137.7%20118.026%20137.7%20121.5V127.8H125.1V121.5C125.1%20118.026%20127.926%20115.2%20131.4%20115.2ZM131.4%20111C125.601%20111%20120.9%20115.701%20120.9%20121.5V130.95C120.9%20131.53%20121.37%20132%20121.95%20132H140.85C141.43%20132%20141.9%20131.53%20141.9%20130.95V121.5C141.9%20115.701%20137.199%20111%20131.4%20111Z%22%20fill%3D%22%23324256%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M145.4%20127.1H117.4C116.627%20127.1%20116%20127.726%20116%20128.5V142.5C116%20148.298%20120.701%20153%20126.5%20153H136.3C142.099%20153%20146.8%20148.298%20146.8%20142.5V128.5C146.8%20127.726%20146.174%20127.1%20145.4%20127.1Z%22%20fill%3D%22%23324256%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M131.4%20146C130.24%20146%20129.3%20145.06%20129.3%20143.9V135.5C129.3%20134.34%20130.24%20133.4%20131.4%20133.4C132.56%20133.4%20133.5%20134.34%20133.5%20135.5V143.9C133.5%20145.06%20132.56%20146%20131.4%20146Z%22%20fill%3D%22%23394960%22%2F%3E%3Cpath%20d%3D%22M138.4%20114.2C141.874%20114.2%20144.7%20117.026%20144.7%20120.5V126.8H132.1V120.5C132.1%20117.026%20134.926%20114.2%20138.4%20114.2ZM138.4%20110C132.601%20110%20127.9%20114.701%20127.9%20120.5V129.95C127.9%20130.53%20128.37%20131%20128.95%20131H147.85C148.43%20131%20148.9%20130.53%20148.9%20129.95V120.5C148.9%20114.701%20144.199%20110%20138.4%20110Z%22%20fill%3D%22%23A4CBFB%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M152.4%20126.1H124.4C123.627%20126.1%20123%20126.726%20123%20127.5V141.5C123%20147.298%20127.701%20152%20133.5%20152H143.3C149.099%20152%20153.8%20147.298%20153.8%20141.5V127.5C153.8%20126.726%20153.174%20126.1%20152.4%20126.1Z%22%20fill%3D%22%23A4CBFB%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M138.4%20145C137.24%20145%20136.3%20144.06%20136.3%20142.9V134.5C136.3%20133.34%20137.24%20132.4%20138.4%20132.4C139.56%20132.4%20140.5%20133.34%20140.5%20134.5V142.9C140.5%20144.06%20139.56%20145%20138.4%20145Z%22%20fill%3D%22%23394960%22%2F%3E%3Crect%20x%3D%2246%22%20y%3D%2230%22%20width%3D%2261%22%20height%3D%228%22%20rx%3D%224%22%20fill%3D%22%23758490%22%2F%3E%3Crect%20x%3D%2246%22%20y%3D%2246%22%20width%3D%2261%22%20height%3D%228%22%20rx%3D%224%22%20fill%3D%22%23758490%22%2F%3E%3Crect%20x%3D%2246%22%20y%3D%2262%22%20width%3D%2232%22%20height%3D%228%22%20rx%3D%224%22%20fill%3D%22%23758490%22%2F%3E%3Crect%20x%3D%2246%22%20y%3D%2278%22%20width%3D%2254%22%20height%3D%228%22%20rx%3D%224%22%20fill%3D%22%23758490%22%2F%3E%3Crect%20x%3D%2284%22%20y%3D%2262%22%20width%3D%2232%22%20height%3D%228%22%20rx%3D%224%22%20fill%3D%22%23758490%22%2F%3E%3C%2Fsvg%3E";
|
|
156
156
|
|
|
157
|
+
var pageArrow = "data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%2212%22%20viewBox%3D%220%200%208%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.5%2011L6.5%206L1.5%201%22%20stroke%3D%22%23394960%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E";
|
|
158
|
+
|
|
157
159
|
var PrimaryBlueColor = "#0055AF";
|
|
158
160
|
var SecondaryBlueColor = "#033162";
|
|
159
161
|
var DefaultColorButton = "#ACACAC";
|
|
@@ -183,6 +185,8 @@
|
|
|
183
185
|
|
|
184
186
|
var NORMAL_BUTTON_HEIGHT = "37px";
|
|
185
187
|
var SMALL_BUTTON_HEIGHT = "26px";
|
|
188
|
+
var LOW_RES_NORMAL_BUTTON_HEIGHT = "28px";
|
|
189
|
+
var LOW_RES_SMALL_BUTTON_HEIGHT = "24px";
|
|
186
190
|
var NORMAL_BUTTON_ICON_HEIGHT = "16px";
|
|
187
191
|
var SMALL_BUTTON_ICON_HEIGHT = "10px";
|
|
188
192
|
|
|
@@ -192,6 +196,11 @@
|
|
|
192
196
|
var LOW_4 = 4;
|
|
193
197
|
var VERY_HIGH = 999;
|
|
194
198
|
|
|
199
|
+
//table
|
|
200
|
+
|
|
201
|
+
var DEFAULT_TABLE_FONT_SIZE = "14px";
|
|
202
|
+
var COMPACT_TABLE_FONT_SIZE = "12px";
|
|
203
|
+
|
|
195
204
|
function _templateObject14() {
|
|
196
205
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n\n path {\n fill: ", ";\n }\n\n &:hover {\n background: ", ";\n color: ", ";\n path {\n fill: ", ";\n }\n }\n "]);
|
|
197
206
|
_templateObject14 = function _templateObject14() {
|
|
@@ -200,14 +209,14 @@
|
|
|
200
209
|
return data;
|
|
201
210
|
}
|
|
202
211
|
function _templateObject13() {
|
|
203
|
-
var data = _taggedTemplateLiteral(["\n height: ", ";\n width: ", ";\n ", "\n "]);
|
|
212
|
+
var data = _taggedTemplateLiteral(["\n height: ", ";\n width: ", ";\n ", "\n\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: ", ";\n width: ", ";\n padding: unset;\n }\n "]);
|
|
204
213
|
_templateObject13 = function _templateObject13() {
|
|
205
214
|
return data;
|
|
206
215
|
};
|
|
207
216
|
return data;
|
|
208
217
|
}
|
|
209
218
|
function _templateObject12() {
|
|
210
|
-
var data = _taggedTemplateLiteral(["\n height: ", ";\n width: ", ";\n\n ", "\n "]);
|
|
219
|
+
var data = _taggedTemplateLiteral(["\n height: ", ";\n width: ", ";\n\n ", "\n\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: ", ";\n width: ", ";\n padding: unset;\n }\n "]);
|
|
211
220
|
_templateObject12 = function _templateObject12() {
|
|
212
221
|
return data;
|
|
213
222
|
};
|
|
@@ -235,21 +244,21 @@
|
|
|
235
244
|
return data;
|
|
236
245
|
}
|
|
237
246
|
function _templateObject8() {
|
|
238
|
-
var data = _taggedTemplateLiteral(["\n padding: 0px 12px;\n height: ", ";\n line-height: 18px;\n font-size: 12px;\n "]);
|
|
247
|
+
var data = _taggedTemplateLiteral(["\n padding: 0px 12px;\n height: ", ";\n line-height: 18px;\n font-size: 12px;\n //Low Resolution Button starts here\n //Small Primary button\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: ", ";\n font-size: 12px;\n padding: 0 15px;\n }\n "]);
|
|
239
248
|
_templateObject8 = function _templateObject8() {
|
|
240
249
|
return data;
|
|
241
250
|
};
|
|
242
251
|
return data;
|
|
243
252
|
}
|
|
244
253
|
function _templateObject7() {
|
|
245
|
-
var data = _taggedTemplateLiteral(["\n padding: 0px 24px;\n height: ", ";\n line-height: 21px;\n font-size: 14px;\n "]);
|
|
254
|
+
var data = _taggedTemplateLiteral(["\n padding: 0px 24px;\n height: ", ";\n line-height: 21px;\n font-size: 14px;\n\n //Low Resolution Button starts here\n //Normal Primary button\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: ", ";\n font-size: 12px;\n padding: 0 20px;\n }\n "]);
|
|
246
255
|
_templateObject7 = function _templateObject7() {
|
|
247
256
|
return data;
|
|
248
257
|
};
|
|
249
258
|
return data;
|
|
250
259
|
}
|
|
251
260
|
function _templateObject6() {
|
|
252
|
-
var data = _taggedTemplateLiteral(["\n background: #1d1d1d;\n color: ", ";\n border: none;\n cursor: pointer;\n border-radius: 4px;\n box-sizing: border-box;\n transition: all 300ms ease-in-out 0s;\n font-family: \"Poppins\", sans-serif;\n\n // To align icon and label\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n ", "\n\n ", "\n\n\n// css for buttons with only icon\n ", "\n\n\n //For Button group\n ", "\n"]);
|
|
261
|
+
var data = _taggedTemplateLiteral(["\n background: #1d1d1d;\n color: ", ";\n border: none;\n cursor: pointer;\n border-radius: 4px;\n box-sizing: border-box;\n transition: all 300ms ease-in-out 0s;\n font-family: \"Poppins\", sans-serif;\n\n // To align icon and label\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n\n ", "\n\n ", "\n\n\n// css for buttons with only icon\n ", "\n\n\n //For Button group\n ", "\n"]);
|
|
253
262
|
_templateObject6 = function _templateObject6() {
|
|
254
263
|
return data;
|
|
255
264
|
};
|
|
@@ -304,9 +313,9 @@
|
|
|
304
313
|
var StyledButton = styled__default.button(_templateObject6(), WhiteColor, function (props) {
|
|
305
314
|
switch (props.size) {
|
|
306
315
|
case "normal":
|
|
307
|
-
return styled.css(_templateObject7(), NORMAL_BUTTON_HEIGHT);
|
|
316
|
+
return styled.css(_templateObject7(), NORMAL_BUTTON_HEIGHT, LOW_RES_NORMAL_BUTTON_HEIGHT);
|
|
308
317
|
case "small":
|
|
309
|
-
return styled.css(_templateObject8(), SMALL_BUTTON_HEIGHT);
|
|
318
|
+
return styled.css(_templateObject8(), SMALL_BUTTON_HEIGHT, LOW_RES_SMALL_BUTTON_HEIGHT);
|
|
310
319
|
}
|
|
311
320
|
}, function (props) {
|
|
312
321
|
switch (props.variant) {
|
|
@@ -318,12 +327,12 @@
|
|
|
318
327
|
return styled.css(_templateObject11(), PrimaryBlueColor, PrimaryBlueColor, SecondaryBlueColor, SecondaryBlueColor, DefaultColorButton, DefaultColorButton);
|
|
319
328
|
}
|
|
320
329
|
}, function (props) {
|
|
321
|
-
if (props.icon && !props.
|
|
330
|
+
if (props.icon && !props.isChildren) {
|
|
322
331
|
switch (props.size) {
|
|
323
332
|
case "normal":
|
|
324
|
-
return styled.css(_templateObject12(), NORMAL_BUTTON_HEIGHT, NORMAL_BUTTON_HEIGHT, StyledIcon);
|
|
333
|
+
return styled.css(_templateObject12(), NORMAL_BUTTON_HEIGHT, NORMAL_BUTTON_HEIGHT, StyledIcon, LOW_RES_NORMAL_BUTTON_HEIGHT, LOW_RES_NORMAL_BUTTON_HEIGHT);
|
|
325
334
|
case "small":
|
|
326
|
-
return styled.css(_templateObject13(), SMALL_BUTTON_HEIGHT, SMALL_BUTTON_HEIGHT, StyledIcon);
|
|
335
|
+
return styled.css(_templateObject13(), SMALL_BUTTON_HEIGHT, SMALL_BUTTON_HEIGHT, StyledIcon, LOW_RES_SMALL_BUTTON_HEIGHT, LOW_RES_SMALL_BUTTON_HEIGHT);
|
|
327
336
|
}
|
|
328
337
|
}
|
|
329
338
|
}, function (props) {
|
|
@@ -1261,19 +1270,18 @@
|
|
|
1261
1270
|
Icon = _ref.icon,
|
|
1262
1271
|
_ref$size = _ref.size,
|
|
1263
1272
|
size = _ref$size === void 0 ? "normal" : _ref$size,
|
|
1264
|
-
|
|
1265
|
-
props = _objectWithoutProperties(_ref, ["children", "variant", "icon", "size", "label"]);
|
|
1273
|
+
props = _objectWithoutProperties(_ref, ["children", "variant", "icon", "size"]);
|
|
1266
1274
|
return /*#__PURE__*/jsxRuntime.jsxs(StyledButton, _objectSpread(_objectSpread({
|
|
1267
1275
|
variant: variant,
|
|
1268
1276
|
size: size,
|
|
1269
1277
|
icon: Icon,
|
|
1270
|
-
|
|
1278
|
+
isChildren: children
|
|
1271
1279
|
}, props), {}, {
|
|
1272
1280
|
children: [Icon && /*#__PURE__*/jsxRuntime.jsx(StyledIconContainer, {
|
|
1273
1281
|
size: size,
|
|
1274
1282
|
children: /*#__PURE__*/jsxRuntime.jsx(Icon, {})
|
|
1275
|
-
}),
|
|
1276
|
-
children:
|
|
1283
|
+
}), children && /*#__PURE__*/jsxRuntime.jsx(StyledIconTextContainer, {
|
|
1284
|
+
children: children
|
|
1277
1285
|
})]
|
|
1278
1286
|
}));
|
|
1279
1287
|
};
|
|
@@ -1300,7 +1308,7 @@
|
|
|
1300
1308
|
return data;
|
|
1301
1309
|
}
|
|
1302
1310
|
function _templateObject19() {
|
|
1303
|
-
var data = _taggedTemplateLiteral(["\n border: none;\n background: transparent;\n color: ", ";\n padding: 0px;\n cursor: pointer;\n font-weight: 500;\n padding: 0 24px;\n line-height: 21px;\n &:hover {\n color: ", ";\n }\n"]);
|
|
1311
|
+
var data = _taggedTemplateLiteral(["\n border: none;\n background: transparent;\n color: ", ";\n padding: 0px;\n cursor: pointer;\n font-weight: 500;\n padding: 0 24px;\n line-height: 21px;\n &:hover {\n color: ", ";\n }\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n padding: 0 10px;\n }\n"]);
|
|
1304
1312
|
_templateObject19 = function _templateObject19() {
|
|
1305
1313
|
return data;
|
|
1306
1314
|
};
|
|
@@ -1405,7 +1413,7 @@
|
|
|
1405
1413
|
return data;
|
|
1406
1414
|
}
|
|
1407
1415
|
function _templateObject4$1() {
|
|
1408
|
-
var data = _taggedTemplateLiteral(["\n padding-top: 6.5px;\n padding-bottom: 6.5px;\n background: #d4d4d4;\n border: 1px solid ", ";\n padding-left: 16px;\n font-size: 14px;\n line-height: 21px;\n color: ", ";\n display: flex;\n position: relative;\n min-width: 339px;\n border-radius: 4px;\n padding-right: 16px;\n justify-content: space-between;\n box-sizing: border-box;\n align-items: self-start;\n ", "\n ", " {\n width: 14px;\n height: 14px;\n background: ", ";\n margin-right: 10px;\n ", "\n }\n"]);
|
|
1416
|
+
var data = _taggedTemplateLiteral(["\n padding-top: 6.5px;\n padding-bottom: 6.5px;\n background: #d4d4d4;\n border: 1px solid ", ";\n padding-left: 16px;\n font-size: 14px;\n line-height: 21px;\n color: ", ";\n display: flex;\n position: relative;\n min-width: 339px;\n border-radius: 4px;\n padding-right: 16px;\n justify-content: space-between;\n box-sizing: border-box;\n align-items: self-start;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n padding-top: 5px;\n padding-bottom: 5px;\n padding-left: 12px;\n padding-right: 12px;\n }\n\n ", "\n ", " {\n width: 14px;\n height: 14px;\n background: ", ";\n margin-right: 10px;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n margin-right: 5px;\n }\n\n ", "\n }\n"]);
|
|
1409
1417
|
_templateObject4$1 = function _templateObject4() {
|
|
1410
1418
|
return data;
|
|
1411
1419
|
};
|
|
@@ -1525,14 +1533,14 @@
|
|
|
1525
1533
|
return data;
|
|
1526
1534
|
}
|
|
1527
1535
|
function _templateObject9$2() {
|
|
1528
|
-
var data = _taggedTemplateLiteral(["\n width: 48px;\n height: 48px;\n "]);
|
|
1536
|
+
var data = _taggedTemplateLiteral(["\n width: 48px;\n height: 48px;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 36px;\n height: 36px;\n }\n "]);
|
|
1529
1537
|
_templateObject9$2 = function _templateObject9() {
|
|
1530
1538
|
return data;
|
|
1531
1539
|
};
|
|
1532
1540
|
return data;
|
|
1533
1541
|
}
|
|
1534
1542
|
function _templateObject8$2() {
|
|
1535
|
-
var data = _taggedTemplateLiteral(["\n width: 64px;\n height: 64px;\n "]);
|
|
1543
|
+
var data = _taggedTemplateLiteral(["\n width: 64px;\n height: 64px;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 50px;\n height: 50px;\n }\n "]);
|
|
1536
1544
|
_templateObject8$2 = function _templateObject8() {
|
|
1537
1545
|
return data;
|
|
1538
1546
|
};
|
|
@@ -1567,14 +1575,14 @@
|
|
|
1567
1575
|
return data;
|
|
1568
1576
|
}
|
|
1569
1577
|
function _templateObject3$2() {
|
|
1570
|
-
var data = _taggedTemplateLiteral(["\n width: 48px;\n height: 48px;\n font-size: 16px;\n "]);
|
|
1578
|
+
var data = _taggedTemplateLiteral(["\n width: 48px;\n height: 48px;\n font-size: 16px;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 36px;\n height: 36px;\n font-size: 14px;\n }\n "]);
|
|
1571
1579
|
_templateObject3$2 = function _templateObject3() {
|
|
1572
1580
|
return data;
|
|
1573
1581
|
};
|
|
1574
1582
|
return data;
|
|
1575
1583
|
}
|
|
1576
1584
|
function _templateObject2$2() {
|
|
1577
|
-
var data = _taggedTemplateLiteral(["\n width: 64px;\n height: 64px;\n font-size: 32px;\n "]);
|
|
1585
|
+
var data = _taggedTemplateLiteral(["\n width: 64px;\n height: 64px;\n font-size: 32px;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 50px;\n height: 50px;\n font-size: 26px;\n }\n "]);
|
|
1578
1586
|
_templateObject2$2 = function _templateObject2() {
|
|
1579
1587
|
return data;
|
|
1580
1588
|
};
|
|
@@ -1646,7 +1654,7 @@
|
|
|
1646
1654
|
return data;
|
|
1647
1655
|
}
|
|
1648
1656
|
function _templateObject2$3() {
|
|
1649
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n font-weight:
|
|
1657
|
+
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n font-weight: 400;\n color: ", ";\n text-decoration: none;\n cursor: pointer;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n\n ", "\n &::after {\n content: \" / \";\n padding: 0 4px;\n display: inline-block;\n color: #394960;\n }\n &:last-child {\n &::after {\n display: none;\n }\n }\n"]);
|
|
1650
1658
|
_templateObject2$3 = function _templateObject2() {
|
|
1651
1659
|
return data;
|
|
1652
1660
|
};
|
|
@@ -1669,10 +1677,12 @@
|
|
|
1669
1677
|
return /*#__PURE__*/jsxRuntime.jsx(StyledBreadcrumbsContainer, {
|
|
1670
1678
|
children: paths.map(function (_ref2, index) {
|
|
1671
1679
|
var to = _ref2.to,
|
|
1672
|
-
label = _ref2.label
|
|
1680
|
+
label = _ref2.label,
|
|
1681
|
+
onClick = _ref2.onClick;
|
|
1673
1682
|
return /*#__PURE__*/jsxRuntime.jsx(StyledBreadcrumbsLink, {
|
|
1674
1683
|
to: to,
|
|
1675
1684
|
active: index === paths.length - 1 ? 1 : undefined,
|
|
1685
|
+
onClick: onClick ? onClick : undefined,
|
|
1676
1686
|
children: label
|
|
1677
1687
|
}, index);
|
|
1678
1688
|
})
|
|
@@ -1708,7 +1718,7 @@
|
|
|
1708
1718
|
return data;
|
|
1709
1719
|
}
|
|
1710
1720
|
function _templateObject$4() {
|
|
1711
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n color: ", ";\n line-height: 21px;\n position: relative;\n"]);
|
|
1721
|
+
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n color: ", ";\n line-height: 21px;\n position: relative;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
|
|
1712
1722
|
_templateObject$4 = function _templateObject() {
|
|
1713
1723
|
return data;
|
|
1714
1724
|
};
|
|
@@ -1785,7 +1795,7 @@
|
|
|
1785
1795
|
return data;
|
|
1786
1796
|
}
|
|
1787
1797
|
function _templateObject3$5() {
|
|
1788
|
-
var data = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n border-radius: 4px;\n padding: 0px 16px;\n box-sizing: border-box;\n height: 37px;\n font-size: 14px;\n color: ", ";\n &:focus {\n border: 1px solid ", ";\n box-shadow: 0 0 0 3px ", ";\n }\n &:hover {\n border: 1px solid ", ";\n }\n &:disabled {\n background: ", ";\n border: none;\n cursor: no-drop;\n pointer-events: none;\n }\n\n ", "\n"]);
|
|
1798
|
+
var data = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n border-radius: 4px;\n padding: 0px 16px;\n box-sizing: border-box;\n height: 37px;\n font-size: 14px;\n color: ", ";\n\n //Low Resolution CSS starts\n\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: 28px;\n font-size: 12px;\n }\n\n &:focus {\n border: 1px solid ", ";\n box-shadow: 0 0 0 3px ", ";\n }\n &:hover {\n border: 1px solid ", ";\n }\n &:disabled {\n background: ", ";\n border: none;\n cursor: no-drop;\n pointer-events: none;\n }\n\n ", "\n"]);
|
|
1789
1799
|
_templateObject3$5 = function _templateObject3() {
|
|
1790
1800
|
return data;
|
|
1791
1801
|
};
|
|
@@ -1836,12 +1846,12 @@
|
|
|
1836
1846
|
helperText = _ref.helperText,
|
|
1837
1847
|
props = _objectWithoutProperties(_ref, ["label", "status", "helperText"]);
|
|
1838
1848
|
return /*#__PURE__*/jsxRuntime.jsxs(StyledInputBoxContainer, {
|
|
1839
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(StyledInputLabelContainer, {
|
|
1849
|
+
children: [label && /*#__PURE__*/jsxRuntime.jsx(StyledInputLabelContainer, {
|
|
1840
1850
|
children: label
|
|
1841
1851
|
}), /*#__PURE__*/jsxRuntime.jsx(StyledInputBox, _objectSpread$4({
|
|
1842
1852
|
ref: ref ? ref : null,
|
|
1843
1853
|
status: status
|
|
1844
|
-
}, props)), /*#__PURE__*/jsxRuntime.jsxs(StyledHelperText, {
|
|
1854
|
+
}, props)), helperText && /*#__PURE__*/jsxRuntime.jsxs(StyledHelperText, {
|
|
1845
1855
|
status: status,
|
|
1846
1856
|
children: [" ", helperText]
|
|
1847
1857
|
})]
|
|
@@ -1870,7 +1880,7 @@
|
|
|
1870
1880
|
return data;
|
|
1871
1881
|
}
|
|
1872
1882
|
function _templateObject2$6() {
|
|
1873
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n color: ", ";\n line-height: 21px;\n position: relative;\n padding-left: 26px;\n"]);
|
|
1883
|
+
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n color: ", ";\n line-height: 21px;\n position: relative;\n padding-left: 26px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
|
|
1874
1884
|
_templateObject2$6 = function _templateObject2() {
|
|
1875
1885
|
return data;
|
|
1876
1886
|
};
|
|
@@ -1904,15 +1914,140 @@
|
|
|
1904
1914
|
});
|
|
1905
1915
|
};
|
|
1906
1916
|
|
|
1907
|
-
function
|
|
1917
|
+
var arrayWithHoles = createCommonjsModule(function (module) {
|
|
1918
|
+
function _arrayWithHoles(arr) {
|
|
1919
|
+
if (Array.isArray(arr)) return arr;
|
|
1920
|
+
}
|
|
1921
|
+
|
|
1922
|
+
module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
1923
|
+
});
|
|
1924
|
+
|
|
1925
|
+
unwrapExports(arrayWithHoles);
|
|
1926
|
+
|
|
1927
|
+
var iterableToArrayLimit = createCommonjsModule(function (module) {
|
|
1928
|
+
function _iterableToArrayLimit(arr, i) {
|
|
1929
|
+
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
1930
|
+
|
|
1931
|
+
if (_i == null) return;
|
|
1932
|
+
var _arr = [];
|
|
1933
|
+
var _n = true;
|
|
1934
|
+
var _d = false;
|
|
1935
|
+
|
|
1936
|
+
var _s, _e;
|
|
1937
|
+
|
|
1938
|
+
try {
|
|
1939
|
+
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
|
|
1940
|
+
_arr.push(_s.value);
|
|
1941
|
+
|
|
1942
|
+
if (i && _arr.length === i) break;
|
|
1943
|
+
}
|
|
1944
|
+
} catch (err) {
|
|
1945
|
+
_d = true;
|
|
1946
|
+
_e = err;
|
|
1947
|
+
} finally {
|
|
1948
|
+
try {
|
|
1949
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
|
1950
|
+
} finally {
|
|
1951
|
+
if (_d) throw _e;
|
|
1952
|
+
}
|
|
1953
|
+
}
|
|
1954
|
+
|
|
1955
|
+
return _arr;
|
|
1956
|
+
}
|
|
1957
|
+
|
|
1958
|
+
module.exports = _iterableToArrayLimit, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
1959
|
+
});
|
|
1960
|
+
|
|
1961
|
+
unwrapExports(iterableToArrayLimit);
|
|
1962
|
+
|
|
1963
|
+
var arrayLikeToArray = createCommonjsModule(function (module) {
|
|
1964
|
+
function _arrayLikeToArray(arr, len) {
|
|
1965
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
1966
|
+
|
|
1967
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++) {
|
|
1968
|
+
arr2[i] = arr[i];
|
|
1969
|
+
}
|
|
1970
|
+
|
|
1971
|
+
return arr2;
|
|
1972
|
+
}
|
|
1973
|
+
|
|
1974
|
+
module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
1975
|
+
});
|
|
1976
|
+
|
|
1977
|
+
unwrapExports(arrayLikeToArray);
|
|
1978
|
+
|
|
1979
|
+
var unsupportedIterableToArray = createCommonjsModule(function (module) {
|
|
1980
|
+
function _unsupportedIterableToArray(o, minLen) {
|
|
1981
|
+
if (!o) return;
|
|
1982
|
+
if (typeof o === "string") return arrayLikeToArray(o, minLen);
|
|
1983
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
1984
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
1985
|
+
if (n === "Map" || n === "Set") return Array.from(o);
|
|
1986
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
|
|
1987
|
+
}
|
|
1988
|
+
|
|
1989
|
+
module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
1990
|
+
});
|
|
1991
|
+
|
|
1992
|
+
unwrapExports(unsupportedIterableToArray);
|
|
1993
|
+
|
|
1994
|
+
var nonIterableRest = createCommonjsModule(function (module) {
|
|
1995
|
+
function _nonIterableRest() {
|
|
1996
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
1997
|
+
}
|
|
1998
|
+
|
|
1999
|
+
module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2000
|
+
});
|
|
2001
|
+
|
|
2002
|
+
unwrapExports(nonIterableRest);
|
|
2003
|
+
|
|
2004
|
+
var slicedToArray = createCommonjsModule(function (module) {
|
|
2005
|
+
function _slicedToArray(arr, i) {
|
|
2006
|
+
return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();
|
|
2007
|
+
}
|
|
2008
|
+
|
|
2009
|
+
module.exports = _slicedToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2010
|
+
});
|
|
2011
|
+
|
|
2012
|
+
var _slicedToArray = unwrapExports(slicedToArray);
|
|
2013
|
+
|
|
2014
|
+
function _templateObject12$2() {
|
|
2015
|
+
var data = _taggedTemplateLiteral(["\n display: none;\n "]);
|
|
2016
|
+
_templateObject12$2 = function _templateObject12() {
|
|
2017
|
+
return data;
|
|
2018
|
+
};
|
|
2019
|
+
return data;
|
|
2020
|
+
}
|
|
2021
|
+
function _templateObject11$3() {
|
|
2022
|
+
var data = _taggedTemplateLiteral(["\n display: block;\n "]);
|
|
2023
|
+
_templateObject11$3 = function _templateObject11() {
|
|
2024
|
+
return data;
|
|
2025
|
+
};
|
|
2026
|
+
return data;
|
|
2027
|
+
}
|
|
2028
|
+
function _templateObject10$4() {
|
|
2029
|
+
var data = _taggedTemplateLiteral(["\n ", "\n"]);
|
|
2030
|
+
_templateObject10$4 = function _templateObject10() {
|
|
2031
|
+
return data;
|
|
2032
|
+
};
|
|
2033
|
+
return data;
|
|
2034
|
+
}
|
|
2035
|
+
function _templateObject9$4() {
|
|
1908
2036
|
var data = _taggedTemplateLiteral(["\n display: flex;\n min-height: 400px;\n ", " {\n display: flex;\n flex-direction: column;\n width: auto;\n border-bottom: none;\n border-right: 1px solid ", ";\n }\n "]);
|
|
2037
|
+
_templateObject9$4 = function _templateObject9() {
|
|
2038
|
+
return data;
|
|
2039
|
+
};
|
|
2040
|
+
return data;
|
|
2041
|
+
}
|
|
2042
|
+
function _templateObject8$4() {
|
|
2043
|
+
var data = _taggedTemplateLiteral(["\n width: 100%;\n\n ", "\n"]);
|
|
1909
2044
|
_templateObject8$4 = function _templateObject8() {
|
|
1910
2045
|
return data;
|
|
1911
2046
|
};
|
|
1912
2047
|
return data;
|
|
1913
2048
|
}
|
|
1914
2049
|
function _templateObject7$4() {
|
|
1915
|
-
var data = _taggedTemplateLiteral(["\n
|
|
2050
|
+
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-weight: 400;\n pointer-events: none;\n cursor: default;\n "]);
|
|
1916
2051
|
_templateObject7$4 = function _templateObject7() {
|
|
1917
2052
|
return data;
|
|
1918
2053
|
};
|
|
@@ -1933,14 +2068,14 @@
|
|
|
1933
2068
|
return data;
|
|
1934
2069
|
}
|
|
1935
2070
|
function _templateObject4$6() {
|
|
1936
|
-
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-weight: 600;\n
|
|
2071
|
+
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-weight: 600;\n &::after {\n content: \" \";\n height: 2px;\n background: ", ";\n position: absolute;\n left: 16px;\n right: 16px;\n bottom: 0;\n }\n "]);
|
|
1937
2072
|
_templateObject4$6 = function _templateObject4() {
|
|
1938
2073
|
return data;
|
|
1939
2074
|
};
|
|
1940
2075
|
return data;
|
|
1941
2076
|
}
|
|
1942
2077
|
function _templateObject3$7() {
|
|
1943
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n color: ", ";\n line-height: 21px;\n padding: 12px 16px;\n position: relative;\n cursor: pointer;\n ", "\n\n ", "\n"]);
|
|
2078
|
+
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n color: ", ";\n line-height: 21px;\n padding: 12px 16px;\n position: relative;\n cursor: pointer;\n ", "\n\n ", "\n\n ", "\n"]);
|
|
1944
2079
|
_templateObject3$7 = function _templateObject3() {
|
|
1945
2080
|
return data;
|
|
1946
2081
|
};
|
|
@@ -1954,7 +2089,7 @@
|
|
|
1954
2089
|
return data;
|
|
1955
2090
|
}
|
|
1956
2091
|
function _templateObject$7() {
|
|
1957
|
-
var data = _taggedTemplateLiteral(["\n display: flex;\n border-bottom: 1px solid ", ";\n width: 100%;\n box-sizing: border-box;\n cursor: pointer
|
|
2092
|
+
var data = _taggedTemplateLiteral(["\n display: flex;\n border-bottom: 1px solid ", ";\n width: 100%;\n box-sizing: border-box;\n /* cursor: pointer; */\n"]);
|
|
1958
2093
|
_templateObject$7 = function _templateObject() {
|
|
1959
2094
|
return data;
|
|
1960
2095
|
};
|
|
@@ -1968,40 +2103,91 @@
|
|
|
1968
2103
|
return props.vertical && styled.css(_templateObject5$6(), function (props) {
|
|
1969
2104
|
return props.active && styled.css(_templateObject6$4(), PrimaryBlueColor, PrimaryBlueColor);
|
|
1970
2105
|
});
|
|
2106
|
+
}, function (props) {
|
|
2107
|
+
return props.disabled && styled.css(_templateObject7$4(), DisabledButtonFontColor);
|
|
2108
|
+
});
|
|
2109
|
+
var StyledTabMainContainer = styled__default.div(_templateObject8$4(), function (props) {
|
|
2110
|
+
return props.vertical && styled.css(_templateObject9$4(), StyledTabContainer, DefaultColorButton);
|
|
1971
2111
|
});
|
|
1972
|
-
var
|
|
1973
|
-
return props.
|
|
2112
|
+
var StyledTabPanelContainer = styled__default.div(_templateObject10$4(), function (props) {
|
|
2113
|
+
return props.active ? styled.css(_templateObject11$3()) : styled.css(_templateObject12$2());
|
|
1974
2114
|
});
|
|
1975
2115
|
|
|
1976
|
-
var
|
|
2116
|
+
function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2117
|
+
function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
2118
|
+
var TabsComponent = function TabsComponent(_ref) {
|
|
1977
2119
|
var tabs = _ref.tabs,
|
|
1978
|
-
|
|
1979
|
-
|
|
2120
|
+
value = _ref.value,
|
|
2121
|
+
onChange = _ref.onChange,
|
|
1980
2122
|
vertical = _ref.vertical,
|
|
1981
|
-
|
|
2123
|
+
children = _ref.children;
|
|
2124
|
+
return /*#__PURE__*/jsxRuntime.jsxs(StyledTabMainContainer, {
|
|
2125
|
+
vertical: vertical,
|
|
2126
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs(StyledTabContainer, {
|
|
2127
|
+
children: [tabs.map(function (tab, index) {
|
|
2128
|
+
return /*#__PURE__*/jsxRuntime.jsx(StyledTabList, {
|
|
2129
|
+
active: value === tab.value,
|
|
2130
|
+
onClick: function onClick() {
|
|
2131
|
+
return onChange(tab.value);
|
|
2132
|
+
},
|
|
2133
|
+
vertical: vertical,
|
|
2134
|
+
disabled: tab.disabled,
|
|
2135
|
+
children: tab.label
|
|
2136
|
+
}, index);
|
|
2137
|
+
}), children]
|
|
2138
|
+
}), /*#__PURE__*/jsxRuntime.jsx(StyledTabContentContainer, {
|
|
2139
|
+
children: tabs.map(function (tab) {
|
|
2140
|
+
return /*#__PURE__*/jsxRuntime.jsx(StyledTabPanelContainer, {
|
|
2141
|
+
active: tab.value === value,
|
|
2142
|
+
children: tab.element
|
|
2143
|
+
});
|
|
2144
|
+
})
|
|
2145
|
+
})]
|
|
2146
|
+
});
|
|
2147
|
+
};
|
|
2148
|
+
var Tabs = function Tabs(_ref2) {
|
|
2149
|
+
var value = _ref2.value,
|
|
2150
|
+
tabs = _ref2.tabs,
|
|
2151
|
+
onChange = _ref2.onChange,
|
|
2152
|
+
props = _objectWithoutProperties(_ref2, ["value", "tabs", "onChange"]);
|
|
2153
|
+
var _useState = React.useState(tabs[0].value),
|
|
2154
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
2155
|
+
tabValue = _useState2[0],
|
|
2156
|
+
setTabValue = _useState2[1];
|
|
2157
|
+
var initialRender = React.useRef(true);
|
|
2158
|
+
React.useEffect(function () {
|
|
2159
|
+
if (initialRender.current) {
|
|
2160
|
+
initialRender.current = false;
|
|
2161
|
+
} else {
|
|
2162
|
+
if (onChange) {
|
|
2163
|
+
onChange(tabValue);
|
|
2164
|
+
}
|
|
2165
|
+
}
|
|
2166
|
+
}, [tabValue]);
|
|
2167
|
+
var handleChange = function handleChange(value) {
|
|
2168
|
+
setTabValue(value);
|
|
2169
|
+
};
|
|
1982
2170
|
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
1983
|
-
children:
|
|
1984
|
-
|
|
1985
|
-
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
|
|
1992
|
-
|
|
1993
|
-
|
|
1994
|
-
|
|
1995
|
-
|
|
1996
|
-
|
|
1997
|
-
|
|
1998
|
-
})]
|
|
1999
|
-
})
|
|
2171
|
+
children: value !== undefined ?
|
|
2172
|
+
/*#__PURE__*/
|
|
2173
|
+
//controlled
|
|
2174
|
+
jsxRuntime.jsx(TabsComponent, _objectSpread$6({
|
|
2175
|
+
value: value,
|
|
2176
|
+
tabs: tabs,
|
|
2177
|
+
onChange: onChange
|
|
2178
|
+
}, props)) :
|
|
2179
|
+
/*#__PURE__*/
|
|
2180
|
+
// uncontrolled
|
|
2181
|
+
jsxRuntime.jsx(TabsComponent, _objectSpread$6({
|
|
2182
|
+
value: tabValue,
|
|
2183
|
+
onChange: handleChange,
|
|
2184
|
+
tabs: tabs
|
|
2185
|
+
}, props))
|
|
2000
2186
|
});
|
|
2001
2187
|
};
|
|
2002
2188
|
|
|
2003
2189
|
function _templateObject4$7() {
|
|
2004
|
-
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 14px;\n font-weight:
|
|
2190
|
+
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 14px;\n font-weight: 400;\n line-height: 21px;\n text-align: right;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
|
|
2005
2191
|
_templateObject4$7 = function _templateObject4() {
|
|
2006
2192
|
return data;
|
|
2007
2193
|
};
|
|
@@ -2015,14 +2201,14 @@
|
|
|
2015
2201
|
return data;
|
|
2016
2202
|
}
|
|
2017
2203
|
function _templateObject2$8() {
|
|
2018
|
-
var data = _taggedTemplateLiteral(["\n min-height: 70px;\n padding: 12px 16px;\n margin-top: 4px;\n resize: none;\n min-width: 800px;\n box-sizing: border-box;\n font-size: 14px;\n line-height: 21px;\n border: 1px solid ", ";\n border-radius: 4px;\n &:hover {\n border: 1px solid ", ";\n }\n &:focus {\n box-shadow: 0 0 0 3px ", ";\n border: 1px solid ", ";\n }\n &:disabled {\n background: ", ";\n border: 1px solid ", ";\n }\n"]);
|
|
2204
|
+
var data = _taggedTemplateLiteral(["\n min-height: 70px;\n padding: 12px 16px;\n margin-top: 4px;\n resize: none;\n min-width: 800px;\n box-sizing: border-box;\n font-size: 14px;\n line-height: 21px;\n border: 1px solid ", ";\n border-radius: 4px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding: 10px 12px;\n font-size: 12px;\n }\n &:hover {\n border: 1px solid ", ";\n }\n &:focus {\n box-shadow: 0 0 0 3px ", ";\n border: 1px solid ", ";\n }\n &:disabled {\n background: ", ";\n border: 1px solid ", ";\n }\n"]);
|
|
2019
2205
|
_templateObject2$8 = function _templateObject2() {
|
|
2020
2206
|
return data;
|
|
2021
2207
|
};
|
|
2022
2208
|
return data;
|
|
2023
2209
|
}
|
|
2024
2210
|
function _templateObject$8() {
|
|
2025
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n color: ", ";\n line-height: 21px;\n display: block;\n text-align: left;\n"]);
|
|
2211
|
+
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n color: ", ";\n line-height: 21px;\n display: block;\n text-align: left;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
|
|
2026
2212
|
_templateObject$8 = function _templateObject() {
|
|
2027
2213
|
return data;
|
|
2028
2214
|
};
|
|
@@ -2033,8 +2219,8 @@
|
|
|
2033
2219
|
var StyledTextAreaContainer = styled__default.div(_templateObject3$8());
|
|
2034
2220
|
var StyledRemainingText = styled__default.div(_templateObject4$7(), LabelColor);
|
|
2035
2221
|
|
|
2036
|
-
function ownKeys$
|
|
2037
|
-
function _objectSpread$
|
|
2222
|
+
function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2223
|
+
function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
2038
2224
|
var Textarea = function Textarea(_ref) {
|
|
2039
2225
|
var label = _ref.label,
|
|
2040
2226
|
maxLength = _ref.maxLength,
|
|
@@ -2044,7 +2230,7 @@
|
|
|
2044
2230
|
return /*#__PURE__*/jsxRuntime.jsxs(StyledTextAreaContainer, {
|
|
2045
2231
|
children: [/*#__PURE__*/jsxRuntime.jsx(StyledLabelText, {
|
|
2046
2232
|
children: label
|
|
2047
|
-
}), /*#__PURE__*/jsxRuntime.jsx(StyledTextArea, _objectSpread$
|
|
2233
|
+
}), /*#__PURE__*/jsxRuntime.jsx(StyledTextArea, _objectSpread$7(_objectSpread$7({
|
|
2048
2234
|
value: value
|
|
2049
2235
|
}, props), {}, {
|
|
2050
2236
|
maxLength: maxLength,
|
|
@@ -2055,22 +2241,6 @@
|
|
|
2055
2241
|
});
|
|
2056
2242
|
};
|
|
2057
2243
|
|
|
2058
|
-
var arrayLikeToArray = createCommonjsModule(function (module) {
|
|
2059
|
-
function _arrayLikeToArray(arr, len) {
|
|
2060
|
-
if (len == null || len > arr.length) len = arr.length;
|
|
2061
|
-
|
|
2062
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) {
|
|
2063
|
-
arr2[i] = arr[i];
|
|
2064
|
-
}
|
|
2065
|
-
|
|
2066
|
-
return arr2;
|
|
2067
|
-
}
|
|
2068
|
-
|
|
2069
|
-
module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2070
|
-
});
|
|
2071
|
-
|
|
2072
|
-
unwrapExports(arrayLikeToArray);
|
|
2073
|
-
|
|
2074
2244
|
var arrayWithoutHoles = createCommonjsModule(function (module) {
|
|
2075
2245
|
function _arrayWithoutHoles(arr) {
|
|
2076
2246
|
if (Array.isArray(arr)) return arrayLikeToArray(arr);
|
|
@@ -2091,21 +2261,6 @@
|
|
|
2091
2261
|
|
|
2092
2262
|
unwrapExports(iterableToArray);
|
|
2093
2263
|
|
|
2094
|
-
var unsupportedIterableToArray = createCommonjsModule(function (module) {
|
|
2095
|
-
function _unsupportedIterableToArray(o, minLen) {
|
|
2096
|
-
if (!o) return;
|
|
2097
|
-
if (typeof o === "string") return arrayLikeToArray(o, minLen);
|
|
2098
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
2099
|
-
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
2100
|
-
if (n === "Map" || n === "Set") return Array.from(o);
|
|
2101
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
|
|
2102
|
-
}
|
|
2103
|
-
|
|
2104
|
-
module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2105
|
-
});
|
|
2106
|
-
|
|
2107
|
-
unwrapExports(unsupportedIterableToArray);
|
|
2108
|
-
|
|
2109
2264
|
var nonIterableSpread = createCommonjsModule(function (module) {
|
|
2110
2265
|
function _nonIterableSpread() {
|
|
2111
2266
|
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
@@ -2127,7 +2282,7 @@
|
|
|
2127
2282
|
var _toConsumableArray = unwrapExports(toConsumableArray);
|
|
2128
2283
|
|
|
2129
2284
|
function _templateObject16$1() {
|
|
2130
|
-
var data = _taggedTemplateLiteral(["\n height: 37px;\n padding: 8px 16px;\n box-sizing: border-box;\n &:hover {\n background: ", ";\n }\n"]);
|
|
2285
|
+
var data = _taggedTemplateLiteral(["\n height: 37px;\n padding: 8px 16px;\n box-sizing: border-box;\n\n &:hover {\n background: ", ";\n }\n"]);
|
|
2131
2286
|
_templateObject16$1 = function _templateObject16() {
|
|
2132
2287
|
return data;
|
|
2133
2288
|
};
|
|
@@ -2141,7 +2296,7 @@
|
|
|
2141
2296
|
return data;
|
|
2142
2297
|
}
|
|
2143
2298
|
function _templateObject14$2() {
|
|
2144
|
-
var data = _taggedTemplateLiteral(["\n border: none;\n height: 37px;\n width: 100%;\n box-sizing: border-box;\n padding: 0px 16px;\n font-size: 14px;\n border-bottom: 1px solid ", ";\n font-family: \"Poppins\", sans-serif;\n background: url(", ") no-repeat;\n background-size: 12px;\n background-position: 16px center;\n padding-left: 34px;\n"]);
|
|
2299
|
+
var data = _taggedTemplateLiteral(["\n border: none;\n height: 37px;\n width: 100%;\n box-sizing: border-box;\n padding: 0px 16px;\n font-size: 14px;\n border-bottom: 1px solid ", ";\n font-family: \"Poppins\", sans-serif;\n background: url(", ") no-repeat;\n background-size: 12px;\n background-position: 16px center;\n padding-left: 34px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: 28px;\n }\n"]);
|
|
2145
2300
|
_templateObject14$2 = function _templateObject14() {
|
|
2146
2301
|
return data;
|
|
2147
2302
|
};
|
|
@@ -2154,30 +2309,30 @@
|
|
|
2154
2309
|
};
|
|
2155
2310
|
return data;
|
|
2156
2311
|
}
|
|
2157
|
-
function _templateObject12$
|
|
2312
|
+
function _templateObject12$3() {
|
|
2158
2313
|
var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 5px;\n "]);
|
|
2159
|
-
_templateObject12$
|
|
2314
|
+
_templateObject12$3 = function _templateObject12() {
|
|
2160
2315
|
return data;
|
|
2161
2316
|
};
|
|
2162
2317
|
return data;
|
|
2163
2318
|
}
|
|
2164
|
-
function _templateObject11$
|
|
2319
|
+
function _templateObject11$4() {
|
|
2165
2320
|
var data = _taggedTemplateLiteral(["\n ", "\n"]);
|
|
2166
|
-
_templateObject11$
|
|
2321
|
+
_templateObject11$4 = function _templateObject11() {
|
|
2167
2322
|
return data;
|
|
2168
2323
|
};
|
|
2169
2324
|
return data;
|
|
2170
2325
|
}
|
|
2171
|
-
function _templateObject10$
|
|
2326
|
+
function _templateObject10$5() {
|
|
2172
2327
|
var data = _taggedTemplateLiteral(["\n color: #1d1d1d;\n "]);
|
|
2173
|
-
_templateObject10$
|
|
2328
|
+
_templateObject10$5 = function _templateObject10() {
|
|
2174
2329
|
return data;
|
|
2175
2330
|
};
|
|
2176
2331
|
return data;
|
|
2177
2332
|
}
|
|
2178
|
-
function _templateObject9$
|
|
2179
|
-
var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n font-size: 14px;\n box-sizing: border-box;\n padding: 8px 16px;\n height: 37px;\n border-radius: 4px;\n color: ", ";\n
|
|
2180
|
-
_templateObject9$
|
|
2333
|
+
function _templateObject9$5() {
|
|
2334
|
+
var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n font-size: 14px;\n box-sizing: border-box;\n padding: 8px 16px;\n height: 37px;\n border-radius: 4px;\n color: ", ";\n text-align: left;\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n min-width: 232px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n height: 28px;\n }\n ", "\n &:hover {\n border: 1px solid ", ";\n }\n &:focus {\n box-shadow: 0 0 0 3px ", ";\n border: 1px solid ", ";\n }\n\n &:disabled {\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n cursor: default;\n ", " {\n background: url(", ") no-repeat;\n background-position: center;\n background-size: 10px;\n }\n }\n"]);
|
|
2335
|
+
_templateObject9$5 = function _templateObject9() {
|
|
2181
2336
|
return data;
|
|
2182
2337
|
};
|
|
2183
2338
|
return data;
|
|
@@ -2232,7 +2387,7 @@
|
|
|
2232
2387
|
return data;
|
|
2233
2388
|
}
|
|
2234
2389
|
function _templateObject$9() {
|
|
2235
|
-
var data = _taggedTemplateLiteral(["\n .multi-select__control {\n display: none;\n }\n .multi-select__option {\n font-size: 14px;\n padding: 8px 16px;\n }\n .multi-select__option--is-focused {\n background-color: ", ";\n }\n .multi-select__option--is-selected {\n background-color: ", ";\n color: #1d1d1d;\n }\n .multi-select__option--is-selected:active {\n background-color: ", ";\n }\n"]);
|
|
2390
|
+
var data = _taggedTemplateLiteral(["\n .multi-select__control {\n display: none;\n }\n .multi-select__option {\n font-size: 14px;\n padding: 8px 16px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding: 5px 16px;\n font-size: 12px;\n }\n }\n .multi-select__option--is-focused {\n background-color: ", ";\n }\n .multi-select__option--is-selected {\n background-color: ", ";\n color: #1d1d1d;\n }\n .multi-select__option--is-selected:active {\n background-color: ", ";\n }\n"]);
|
|
2236
2391
|
_templateObject$9 = function _templateObject() {
|
|
2237
2392
|
return data;
|
|
2238
2393
|
};
|
|
@@ -2248,64 +2403,205 @@
|
|
|
2248
2403
|
var StyledChevronIcon = styled__default.i(_templateObject7$5(), ChevronImage, function (props) {
|
|
2249
2404
|
return props.isOpen && styled.css(_templateObject8$5());
|
|
2250
2405
|
});
|
|
2251
|
-
var StyledDropdownMainButton = styled__default.button(_templateObject9$
|
|
2252
|
-
return props.isSelected && styled.css(_templateObject10$
|
|
2406
|
+
var StyledDropdownMainButton = styled__default.button(_templateObject9$5(), WhiteColor, DefaultColorButton, DefaultButtonText, function (props) {
|
|
2407
|
+
return props.isSelected && styled.css(_templateObject10$5());
|
|
2253
2408
|
}, PrimaryBlueColor, FocusBackgroundColor, PrimaryBlueColor, DisabledTextareaBg, FocusDisableBorderColor, DisabledButtonFontColor, StyledChevronIcon, DisabledChevron);
|
|
2254
|
-
var StyledDDMainContainer = styled__default.div(_templateObject11$
|
|
2255
|
-
return props.labelOrientation === "left" && styled.css(_templateObject12$
|
|
2409
|
+
var StyledDDMainContainer = styled__default.div(_templateObject11$4(), function (props) {
|
|
2410
|
+
return props.labelOrientation === "left" && styled.css(_templateObject12$3());
|
|
2256
2411
|
});
|
|
2257
2412
|
var StyledDDLabelContainer = styled__default.label(_templateObject13$2(), LabelColor);
|
|
2258
2413
|
var StyledDDSearchBox = styled__default.input(_templateObject14$2(), AvatarBgColor, SearchIcon);
|
|
2259
2414
|
var StyledButtonURLClear = styled__default.button(_templateObject15$1(), LabelColor, NotificationClose);
|
|
2260
2415
|
var StyledSelectAllContainer = styled__default.div(_templateObject16$1(), FocusBackgroundColor);
|
|
2261
2416
|
|
|
2262
|
-
function
|
|
2263
|
-
|
|
2264
|
-
|
|
2265
|
-
|
|
2266
|
-
|
|
2267
|
-
|
|
2268
|
-
|
|
2269
|
-
|
|
2270
|
-
|
|
2271
|
-
|
|
2272
|
-
|
|
2273
|
-
|
|
2274
|
-
|
|
2275
|
-
|
|
2276
|
-
|
|
2277
|
-
var
|
|
2278
|
-
|
|
2279
|
-
|
|
2280
|
-
|
|
2281
|
-
|
|
2282
|
-
|
|
2283
|
-
|
|
2284
|
-
|
|
2285
|
-
|
|
2286
|
-
|
|
2287
|
-
|
|
2288
|
-
|
|
2289
|
-
|
|
2290
|
-
|
|
2291
|
-
|
|
2292
|
-
|
|
2293
|
-
|
|
2294
|
-
|
|
2295
|
-
|
|
2296
|
-
|
|
2297
|
-
|
|
2298
|
-
|
|
2299
|
-
|
|
2300
|
-
|
|
2301
|
-
}
|
|
2302
|
-
|
|
2303
|
-
|
|
2304
|
-
|
|
2305
|
-
|
|
2306
|
-
|
|
2307
|
-
|
|
2308
|
-
|
|
2417
|
+
function _templateObject12$4() {
|
|
2418
|
+
var data = _taggedTemplateLiteral(["\n display: none;\n "]);
|
|
2419
|
+
_templateObject12$4 = function _templateObject12() {
|
|
2420
|
+
return data;
|
|
2421
|
+
};
|
|
2422
|
+
return data;
|
|
2423
|
+
}
|
|
2424
|
+
function _templateObject11$5() {
|
|
2425
|
+
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n "]);
|
|
2426
|
+
_templateObject11$5 = function _templateObject11() {
|
|
2427
|
+
return data;
|
|
2428
|
+
};
|
|
2429
|
+
return data;
|
|
2430
|
+
}
|
|
2431
|
+
function _templateObject10$6() {
|
|
2432
|
+
var data = _taggedTemplateLiteral(["\n font-size: 12px;\n "]);
|
|
2433
|
+
_templateObject10$6 = function _templateObject10() {
|
|
2434
|
+
return data;
|
|
2435
|
+
};
|
|
2436
|
+
return data;
|
|
2437
|
+
}
|
|
2438
|
+
function _templateObject9$6() {
|
|
2439
|
+
var data = _taggedTemplateLiteral(["\n display: none;\n "]);
|
|
2440
|
+
_templateObject9$6 = function _templateObject9() {
|
|
2441
|
+
return data;
|
|
2442
|
+
};
|
|
2443
|
+
return data;
|
|
2444
|
+
}
|
|
2445
|
+
function _templateObject8$6() {
|
|
2446
|
+
var data = _taggedTemplateLiteral(["\n width: 24px;\n height: 24px;\n "]);
|
|
2447
|
+
_templateObject8$6 = function _templateObject8() {
|
|
2448
|
+
return data;
|
|
2449
|
+
};
|
|
2450
|
+
return data;
|
|
2451
|
+
}
|
|
2452
|
+
function _templateObject7$6() {
|
|
2453
|
+
var data = _taggedTemplateLiteral(["\n width: 72px;\n height: 72px;\n "]);
|
|
2454
|
+
_templateObject7$6 = function _templateObject7() {
|
|
2455
|
+
return data;
|
|
2456
|
+
};
|
|
2457
|
+
return data;
|
|
2458
|
+
}
|
|
2459
|
+
function _templateObject6$6() {
|
|
2460
|
+
var data = _taggedTemplateLiteral(["\n width: 48px;\n height: 48px;\n "]);
|
|
2461
|
+
_templateObject6$6 = function _templateObject6() {
|
|
2462
|
+
return data;
|
|
2463
|
+
};
|
|
2464
|
+
return data;
|
|
2465
|
+
}
|
|
2466
|
+
function _templateObject5$8() {
|
|
2467
|
+
var data = _taggedTemplateLiteral(["\n width: 36px;\n height: 36px;\n "]);
|
|
2468
|
+
_templateObject5$8 = function _templateObject5() {
|
|
2469
|
+
return data;
|
|
2470
|
+
};
|
|
2471
|
+
return data;
|
|
2472
|
+
}
|
|
2473
|
+
function _templateObject4$9() {
|
|
2474
|
+
var data = _taggedTemplateLiteral(["\n position: relative;\n min-width: 80px;\n\n ", " {\n ", "\n }\n\n ", " {\n ", "\n }\n"]);
|
|
2475
|
+
_templateObject4$9 = function _templateObject4() {
|
|
2476
|
+
return data;
|
|
2477
|
+
};
|
|
2478
|
+
return data;
|
|
2479
|
+
}
|
|
2480
|
+
function _templateObject3$a() {
|
|
2481
|
+
var data = _taggedTemplateLiteral(["\n width: 72px;\n height: 72px;\n margin: 0;\n background: transparent;\n border-top: 4px solid ", ";\n border-right: 4px solid transparent;\n border-radius: 50%;\n -webkit-animation: 1s spin linear infinite;\n animation: 1s spin linear infinite;\n\n @keyframes spin {\n from {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n to {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n }\n"]);
|
|
2482
|
+
_templateObject3$a = function _templateObject3() {
|
|
2483
|
+
return data;
|
|
2484
|
+
};
|
|
2485
|
+
return data;
|
|
2486
|
+
}
|
|
2487
|
+
function _templateObject2$a() {
|
|
2488
|
+
var data = _taggedTemplateLiteral(["\n font-size: 12px;\n line-height: 18px;\n font-weight: 500;\n position: absolute;\n left: 0;\n right: 0;\n text-align: center;\n"]);
|
|
2489
|
+
_templateObject2$a = function _templateObject2() {
|
|
2490
|
+
return data;
|
|
2491
|
+
};
|
|
2492
|
+
return data;
|
|
2493
|
+
}
|
|
2494
|
+
function _templateObject$a() {
|
|
2495
|
+
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 21px;\n font-weight: 500;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n margin: auto;\n height: 16px;\n text-align: center;\n"]);
|
|
2496
|
+
_templateObject$a = function _templateObject() {
|
|
2497
|
+
return data;
|
|
2498
|
+
};
|
|
2499
|
+
return data;
|
|
2500
|
+
}
|
|
2501
|
+
var SpinnerPercentage = styled__default.span(_templateObject$a());
|
|
2502
|
+
var StyledSpinnerText = styled__default.div(_templateObject2$a());
|
|
2503
|
+
var StyledSpinner = styled__default.div(_templateObject3$a(), PrimaryBlueColor);
|
|
2504
|
+
var StyledSpinnerMainContainer = styled__default.div(_templateObject4$9(), StyledSpinner, function (props) {
|
|
2505
|
+
switch (props.size) {
|
|
2506
|
+
case "small":
|
|
2507
|
+
return styled.css(_templateObject5$8());
|
|
2508
|
+
case "medium":
|
|
2509
|
+
return styled.css(_templateObject6$6());
|
|
2510
|
+
case "large":
|
|
2511
|
+
return styled.css(_templateObject7$6());
|
|
2512
|
+
case "xs":
|
|
2513
|
+
return styled.css(_templateObject8$6());
|
|
2514
|
+
}
|
|
2515
|
+
}, SpinnerPercentage, function (props) {
|
|
2516
|
+
switch (props.size) {
|
|
2517
|
+
case "small":
|
|
2518
|
+
return styled.css(_templateObject9$6());
|
|
2519
|
+
case "medium":
|
|
2520
|
+
return styled.css(_templateObject10$6());
|
|
2521
|
+
case "large":
|
|
2522
|
+
return styled.css(_templateObject11$5());
|
|
2523
|
+
case "xs":
|
|
2524
|
+
return styled.css(_templateObject12$4());
|
|
2525
|
+
}
|
|
2526
|
+
});
|
|
2527
|
+
|
|
2528
|
+
function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2529
|
+
function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
2530
|
+
var Spinner = function Spinner(_ref) {
|
|
2531
|
+
var size = _ref.size,
|
|
2532
|
+
progress = _ref.progress,
|
|
2533
|
+
showLoadingText = _ref.showLoadingText,
|
|
2534
|
+
props = _objectWithoutProperties(_ref, ["size", "progress", "showLoadingText"]);
|
|
2535
|
+
return /*#__PURE__*/jsxRuntime.jsxs(StyledSpinnerMainContainer, _objectSpread$8(_objectSpread$8({
|
|
2536
|
+
size: size
|
|
2537
|
+
}, props), {}, {
|
|
2538
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(StyledSpinner, {}), progress && /*#__PURE__*/jsxRuntime.jsxs(SpinnerPercentage, {
|
|
2539
|
+
children: [progress, "%"]
|
|
2540
|
+
}), showLoadingText && /*#__PURE__*/jsxRuntime.jsx(StyledSpinnerText, {
|
|
2541
|
+
children: "Loading..."
|
|
2542
|
+
})]
|
|
2543
|
+
}));
|
|
2544
|
+
};
|
|
2545
|
+
|
|
2546
|
+
function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2547
|
+
function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
2548
|
+
var Portal = function Portal(props) {
|
|
2549
|
+
return /*#__PURE__*/ReactDOM.createPortal(props.children, props.container);
|
|
2550
|
+
};
|
|
2551
|
+
var Dropdown = function Dropdown(_ref) {
|
|
2552
|
+
var _containerRef$current, _containerRef$current2, _containerRef$current3;
|
|
2553
|
+
var children = _ref.children,
|
|
2554
|
+
isOpen = _ref.isOpen,
|
|
2555
|
+
target = _ref.target,
|
|
2556
|
+
onClose = _ref.onClose,
|
|
2557
|
+
disabled = _ref.disabled,
|
|
2558
|
+
containerRef = _ref.containerRef,
|
|
2559
|
+
withPortal = _ref.withPortal,
|
|
2560
|
+
portalContainer = _ref.portalContainer,
|
|
2561
|
+
onMenuScrollToBottom = _ref.onMenuScrollToBottom;
|
|
2562
|
+
var x = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.getBoundingClientRect().x;
|
|
2563
|
+
var y = (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.getBoundingClientRect().y;
|
|
2564
|
+
var offsetHeight = (_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.offsetHeight;
|
|
2565
|
+
var onMenuScroll = function onMenuScroll(e) {
|
|
2566
|
+
var _e$target = e.target,
|
|
2567
|
+
scrollHeight = _e$target.scrollHeight,
|
|
2568
|
+
scrollTop = _e$target.scrollTop,
|
|
2569
|
+
clientHeight = _e$target.clientHeight;
|
|
2570
|
+
if (scrollHeight - scrollTop === clientHeight && onMenuScrollToBottom) {
|
|
2571
|
+
onMenuScrollToBottom();
|
|
2572
|
+
}
|
|
2573
|
+
};
|
|
2574
|
+
return /*#__PURE__*/jsxRuntime.jsxs(StyledDropdown, {
|
|
2575
|
+
children: [target, !disabled && isOpen ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
2576
|
+
children: withPortal ? /*#__PURE__*/jsxRuntime.jsxs(Portal, {
|
|
2577
|
+
container: portalContainer,
|
|
2578
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(StyledMenu, {
|
|
2579
|
+
position: {
|
|
2580
|
+
top: y + offsetHeight + 4,
|
|
2581
|
+
left: x
|
|
2582
|
+
},
|
|
2583
|
+
onScroll: onMenuScroll,
|
|
2584
|
+
children: children
|
|
2585
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Blanket, {
|
|
2586
|
+
onClick: onClose
|
|
2587
|
+
})]
|
|
2588
|
+
}) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
2589
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(StyledMenu, {
|
|
2590
|
+
onScroll: onMenuScroll,
|
|
2591
|
+
children: children
|
|
2592
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Blanket, {
|
|
2593
|
+
onClick: onClose
|
|
2594
|
+
})]
|
|
2595
|
+
})
|
|
2596
|
+
}) : null]
|
|
2597
|
+
});
|
|
2598
|
+
};
|
|
2599
|
+
var selectStyles = {
|
|
2600
|
+
menu: function menu() {
|
|
2601
|
+
return {};
|
|
2602
|
+
} // to remove default menu styles
|
|
2603
|
+
};
|
|
2604
|
+
|
|
2309
2605
|
var Select = function Select(_ref2) {
|
|
2310
2606
|
var label = _ref2.label,
|
|
2311
2607
|
placeholder = _ref2.placeholder,
|
|
@@ -2324,16 +2620,19 @@
|
|
|
2324
2620
|
_ref2$labelOrientatio = _ref2.labelOrientation,
|
|
2325
2621
|
labelOrientation = _ref2$labelOrientatio === void 0 ? "top" : _ref2$labelOrientatio,
|
|
2326
2622
|
withPortal = _ref2.withPortal,
|
|
2623
|
+
onMenuScrollToBottom = _ref2.onMenuScrollToBottom,
|
|
2327
2624
|
_ref2$portalContainer = _ref2.portalContainer,
|
|
2328
2625
|
portalContainer = _ref2$portalContainer === void 0 ? document.body : _ref2$portalContainer,
|
|
2329
|
-
props = _objectWithoutProperties(_ref2, ["label", "placeholder", "initialOptions", "isMulti", "isOpen", "setIsOpen", "currentOptions", "setCurrentOptions", "selectedOptions", "setSelectedOptions", "isSelectAll", "setIsSelectAll", "isWithSelectAll", "isWithSearch", "labelOrientation", "withPortal", "portalContainer"]);
|
|
2626
|
+
props = _objectWithoutProperties(_ref2, ["label", "placeholder", "initialOptions", "isMulti", "isOpen", "setIsOpen", "currentOptions", "setCurrentOptions", "selectedOptions", "setSelectedOptions", "isSelectAll", "setIsSelectAll", "isWithSelectAll", "isWithSearch", "labelOrientation", "withPortal", "onMenuScrollToBottom", "portalContainer"]);
|
|
2330
2627
|
var searchBarRef = React.useRef(null);
|
|
2331
2628
|
var containerRef = React.useRef(null);
|
|
2332
|
-
|
|
2333
|
-
|
|
2334
|
-
|
|
2335
|
-
|
|
2336
|
-
}
|
|
2629
|
+
|
|
2630
|
+
// useEffect(() => {
|
|
2631
|
+
// if (isOpen) {
|
|
2632
|
+
// isWithSearch && searchBarRef.current.focus();
|
|
2633
|
+
// }
|
|
2634
|
+
// }, [isOpen]);
|
|
2635
|
+
|
|
2337
2636
|
var onOptionSelect = function onOptionSelect(selectedOptions) {
|
|
2338
2637
|
if (props.onOptionSelect) {
|
|
2339
2638
|
props.onOptionSelect(selectedOptions);
|
|
@@ -2423,6 +2722,7 @@
|
|
|
2423
2722
|
containerRef: containerRef,
|
|
2424
2723
|
withPortal: withPortal,
|
|
2425
2724
|
portalContainer: portalContainer,
|
|
2725
|
+
onMenuScrollToBottom: onMenuScrollToBottom,
|
|
2426
2726
|
target: /*#__PURE__*/jsxRuntime.jsxs(StyledDropdownMainButton, {
|
|
2427
2727
|
variant: "primary",
|
|
2428
2728
|
disabled: props.disabled,
|
|
@@ -2442,7 +2742,7 @@
|
|
|
2442
2742
|
selectedOptions: selectedOptions,
|
|
2443
2743
|
isWithSelectAll: isWithSelectAll,
|
|
2444
2744
|
isWithSearch: isWithSearch
|
|
2445
|
-
}), /*#__PURE__*/jsxRuntime.jsx(StyledSelect, _objectSpread$
|
|
2745
|
+
}), /*#__PURE__*/jsxRuntime.jsx(StyledSelect, _objectSpread$9({
|
|
2446
2746
|
isMulti: isMulti,
|
|
2447
2747
|
classNamePrefix: "multi-select",
|
|
2448
2748
|
autoFocus: true,
|
|
@@ -2466,7 +2766,7 @@
|
|
|
2466
2766
|
});
|
|
2467
2767
|
};
|
|
2468
2768
|
var Option = function Option(props) {
|
|
2469
|
-
return /*#__PURE__*/jsxRuntime.jsx(Select$1.components.Option, _objectSpread$
|
|
2769
|
+
return /*#__PURE__*/jsxRuntime.jsx(Select$1.components.Option, _objectSpread$9(_objectSpread$9({}, props), {}, {
|
|
2470
2770
|
children: props.selectProps.isMulti ? /*#__PURE__*/jsxRuntime.jsx(Checkbox, {
|
|
2471
2771
|
label: props.label,
|
|
2472
2772
|
checked: props.isSelected,
|
|
@@ -2508,194 +2808,126 @@
|
|
|
2508
2808
|
});
|
|
2509
2809
|
});
|
|
2510
2810
|
|
|
2511
|
-
|
|
2512
|
-
function _arrayWithHoles(arr) {
|
|
2513
|
-
if (Array.isArray(arr)) return arr;
|
|
2514
|
-
}
|
|
2515
|
-
|
|
2516
|
-
module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2517
|
-
});
|
|
2518
|
-
|
|
2519
|
-
unwrapExports(arrayWithHoles);
|
|
2520
|
-
|
|
2521
|
-
var iterableToArrayLimit = createCommonjsModule(function (module) {
|
|
2522
|
-
function _iterableToArrayLimit(arr, i) {
|
|
2523
|
-
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
2524
|
-
|
|
2525
|
-
if (_i == null) return;
|
|
2526
|
-
var _arr = [];
|
|
2527
|
-
var _n = true;
|
|
2528
|
-
var _d = false;
|
|
2529
|
-
|
|
2530
|
-
var _s, _e;
|
|
2531
|
-
|
|
2532
|
-
try {
|
|
2533
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
|
|
2534
|
-
_arr.push(_s.value);
|
|
2535
|
-
|
|
2536
|
-
if (i && _arr.length === i) break;
|
|
2537
|
-
}
|
|
2538
|
-
} catch (err) {
|
|
2539
|
-
_d = true;
|
|
2540
|
-
_e = err;
|
|
2541
|
-
} finally {
|
|
2542
|
-
try {
|
|
2543
|
-
if (!_n && _i["return"] != null) _i["return"]();
|
|
2544
|
-
} finally {
|
|
2545
|
-
if (_d) throw _e;
|
|
2546
|
-
}
|
|
2547
|
-
}
|
|
2548
|
-
|
|
2549
|
-
return _arr;
|
|
2550
|
-
}
|
|
2551
|
-
|
|
2552
|
-
module.exports = _iterableToArrayLimit, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2553
|
-
});
|
|
2554
|
-
|
|
2555
|
-
unwrapExports(iterableToArrayLimit);
|
|
2556
|
-
|
|
2557
|
-
var nonIterableRest = createCommonjsModule(function (module) {
|
|
2558
|
-
function _nonIterableRest() {
|
|
2559
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
2560
|
-
}
|
|
2561
|
-
|
|
2562
|
-
module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2563
|
-
});
|
|
2564
|
-
|
|
2565
|
-
unwrapExports(nonIterableRest);
|
|
2566
|
-
|
|
2567
|
-
var slicedToArray = createCommonjsModule(function (module) {
|
|
2568
|
-
function _slicedToArray(arr, i) {
|
|
2569
|
-
return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();
|
|
2570
|
-
}
|
|
2571
|
-
|
|
2572
|
-
module.exports = _slicedToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2573
|
-
});
|
|
2574
|
-
|
|
2575
|
-
var _slicedToArray = unwrapExports(slicedToArray);
|
|
2576
|
-
|
|
2577
|
-
function _templateObject12$3() {
|
|
2811
|
+
function _templateObject12$5() {
|
|
2578
2812
|
var data = _taggedTemplateLiteral(["\n display: none;\n "]);
|
|
2579
|
-
_templateObject12$
|
|
2813
|
+
_templateObject12$5 = function _templateObject12() {
|
|
2580
2814
|
return data;
|
|
2581
2815
|
};
|
|
2582
2816
|
return data;
|
|
2583
2817
|
}
|
|
2584
|
-
function _templateObject11$
|
|
2818
|
+
function _templateObject11$6() {
|
|
2585
2819
|
var data = _taggedTemplateLiteral(["\n padding-top: 8px;\n ", "\n"]);
|
|
2586
|
-
_templateObject11$
|
|
2820
|
+
_templateObject11$6 = function _templateObject11() {
|
|
2587
2821
|
return data;
|
|
2588
2822
|
};
|
|
2589
2823
|
return data;
|
|
2590
2824
|
}
|
|
2591
|
-
function _templateObject10$
|
|
2825
|
+
function _templateObject10$7() {
|
|
2592
2826
|
var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"]);
|
|
2593
|
-
_templateObject10$
|
|
2827
|
+
_templateObject10$7 = function _templateObject10() {
|
|
2594
2828
|
return data;
|
|
2595
2829
|
};
|
|
2596
2830
|
return data;
|
|
2597
2831
|
}
|
|
2598
|
-
function _templateObject9$
|
|
2832
|
+
function _templateObject9$7() {
|
|
2599
2833
|
var data = _taggedTemplateLiteral(["\n transform: rotate(0deg);\n "]);
|
|
2600
|
-
_templateObject9$
|
|
2834
|
+
_templateObject9$7 = function _templateObject9() {
|
|
2601
2835
|
return data;
|
|
2602
2836
|
};
|
|
2603
2837
|
return data;
|
|
2604
2838
|
}
|
|
2605
|
-
function _templateObject8$
|
|
2839
|
+
function _templateObject8$7() {
|
|
2606
2840
|
var data = _taggedTemplateLiteral(["\n background: url(", ") no-repeat;\n width: 10px;\n background-size: 10px;\n height: 10px;\n display: inline-block;\n transform: rotate(180deg);\n background-position: center;\n margin-left: 10px;\n ", "\n"]);
|
|
2607
|
-
_templateObject8$
|
|
2841
|
+
_templateObject8$7 = function _templateObject8() {
|
|
2608
2842
|
return data;
|
|
2609
2843
|
};
|
|
2610
2844
|
return data;
|
|
2611
2845
|
}
|
|
2612
|
-
function _templateObject7$
|
|
2846
|
+
function _templateObject7$7() {
|
|
2613
2847
|
var data = _taggedTemplateLiteral(["\n font-weight: 400;\n "]);
|
|
2614
|
-
_templateObject7$
|
|
2848
|
+
_templateObject7$7 = function _templateObject7() {
|
|
2615
2849
|
return data;
|
|
2616
2850
|
};
|
|
2617
2851
|
return data;
|
|
2618
2852
|
}
|
|
2619
|
-
function _templateObject6$
|
|
2620
|
-
var data = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n ", "\n"]);
|
|
2621
|
-
_templateObject6$
|
|
2853
|
+
function _templateObject6$7() {
|
|
2854
|
+
var data = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 14px;\n }\n ", "\n"]);
|
|
2855
|
+
_templateObject6$7 = function _templateObject6() {
|
|
2622
2856
|
return data;
|
|
2623
2857
|
};
|
|
2624
2858
|
return data;
|
|
2625
2859
|
}
|
|
2626
|
-
function _templateObject5$
|
|
2860
|
+
function _templateObject5$9() {
|
|
2627
2861
|
var data = _taggedTemplateLiteral(["\n border-top: 1px solid ", ";\n padding-top: 8px;\n"]);
|
|
2628
|
-
_templateObject5$
|
|
2862
|
+
_templateObject5$9 = function _templateObject5() {
|
|
2629
2863
|
return data;
|
|
2630
2864
|
};
|
|
2631
2865
|
return data;
|
|
2632
2866
|
}
|
|
2633
|
-
function _templateObject4$
|
|
2867
|
+
function _templateObject4$a() {
|
|
2634
2868
|
var data = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n "]);
|
|
2635
|
-
_templateObject4$
|
|
2869
|
+
_templateObject4$a = function _templateObject4() {
|
|
2636
2870
|
return data;
|
|
2637
2871
|
};
|
|
2638
2872
|
return data;
|
|
2639
2873
|
}
|
|
2640
|
-
function _templateObject3$
|
|
2874
|
+
function _templateObject3$b() {
|
|
2641
2875
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", " !important;\n cursor: default !important;\n pointer-events: none;\n &:hover {\n border: 1px solid ", ";\n }\n "]);
|
|
2642
|
-
_templateObject3$
|
|
2876
|
+
_templateObject3$b = function _templateObject3() {
|
|
2643
2877
|
return data;
|
|
2644
2878
|
};
|
|
2645
2879
|
return data;
|
|
2646
2880
|
}
|
|
2647
|
-
function _templateObject2$
|
|
2881
|
+
function _templateObject2$b() {
|
|
2648
2882
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", " !important;\n cursor: default !important;\n pointer-events: none;\n &:hover {\n border: 1px solid ", ";\n }\n "]);
|
|
2649
|
-
_templateObject2$
|
|
2883
|
+
_templateObject2$b = function _templateObject2() {
|
|
2650
2884
|
return data;
|
|
2651
2885
|
};
|
|
2652
2886
|
return data;
|
|
2653
2887
|
}
|
|
2654
|
-
function _templateObject$
|
|
2655
|
-
var data = _taggedTemplateLiteral(["\n padding: 12px 24px;\n border-radius: 4px;\n border: 1px solid ", ";\n cursor: pointer;\n width: 100%;\n &:hover {\n border: 1px solid ", ";\n }\n &:focus {\n box-shadow: 0 0 0 3px ", ";\n }\n ", "\n\n ", "\n ", "\n"]);
|
|
2656
|
-
_templateObject$
|
|
2888
|
+
function _templateObject$b() {
|
|
2889
|
+
var data = _taggedTemplateLiteral(["\n padding: 12px 24px;\n border-radius: 4px;\n border: 1px solid ", ";\n cursor: pointer;\n width: 100%;\n &:hover {\n border: 1px solid ", ";\n }\n &:focus {\n box-shadow: 0 0 0 3px ", ";\n }\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding: 8px 14px;\n font-size: 12px;\n }\n\n ", "\n\n ", "\n ", "\n"]);
|
|
2890
|
+
_templateObject$b = function _templateObject() {
|
|
2657
2891
|
return data;
|
|
2658
2892
|
};
|
|
2659
2893
|
return data;
|
|
2660
2894
|
}
|
|
2661
|
-
var StyledAccordionMainContainer = styled__default.div(_templateObject$
|
|
2895
|
+
var StyledAccordionMainContainer = styled__default.div(_templateObject$b(), PrimaryBlueColor, PrimaryBlueColor, FocusBackgroundColor, function (props) {
|
|
2662
2896
|
switch (props.variant) {
|
|
2663
2897
|
case "disabled":
|
|
2664
|
-
return styled.css(_templateObject2$
|
|
2898
|
+
return styled.css(_templateObject2$b(), DisabledTextareaBg, FocusDisableBorderColor, FocusDisableBorderColor);
|
|
2665
2899
|
}
|
|
2666
2900
|
}, function (props) {
|
|
2667
|
-
return props.disabled && styled.css(_templateObject3$
|
|
2901
|
+
return props.disabled && styled.css(_templateObject3$b(), DisabledTextareaBg, FocusDisableBorderColor, FocusDisableBorderColor);
|
|
2668
2902
|
}, function (props) {
|
|
2669
|
-
return !props.isOpen && styled.css(_templateObject4$
|
|
2903
|
+
return !props.isOpen && styled.css(_templateObject4$a(), DefaultColorButton);
|
|
2670
2904
|
});
|
|
2671
|
-
var StyledAccordionContainerText = styled__default.div(_templateObject5$
|
|
2672
|
-
var StyledAccordionLabel = styled__default.span(_templateObject6$
|
|
2673
|
-
return !props.isOpen && styled.css(_templateObject7$
|
|
2905
|
+
var StyledAccordionContainerText = styled__default.div(_templateObject5$9(), DefaultColorButton);
|
|
2906
|
+
var StyledAccordionLabel = styled__default.span(_templateObject6$7(), function (props) {
|
|
2907
|
+
return !props.isOpen && styled.css(_templateObject7$7());
|
|
2674
2908
|
});
|
|
2675
|
-
var StyledAccordionChevron = styled__default.i(_templateObject8$
|
|
2676
|
-
return !props.isOpen && styled.css(_templateObject9$
|
|
2909
|
+
var StyledAccordionChevron = styled__default.i(_templateObject8$7(), ChevronImage, function (props) {
|
|
2910
|
+
return !props.isOpen && styled.css(_templateObject9$7());
|
|
2677
2911
|
});
|
|
2678
|
-
var StyledAccordionHeading = styled__default.div(_templateObject10$
|
|
2679
|
-
var StyledAccordionBodyContainer = styled__default.div(_templateObject11$
|
|
2680
|
-
return !props.isOpen && styled.css(_templateObject12$
|
|
2912
|
+
var StyledAccordionHeading = styled__default.div(_templateObject10$7());
|
|
2913
|
+
var StyledAccordionBodyContainer = styled__default.div(_templateObject11$6(), function (props) {
|
|
2914
|
+
return !props.isOpen && styled.css(_templateObject12$5());
|
|
2681
2915
|
});
|
|
2682
2916
|
|
|
2683
|
-
var
|
|
2684
|
-
|
|
2917
|
+
function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
2918
|
+
function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
2919
|
+
var AccordionComponent = function AccordionComponent(_ref) {
|
|
2920
|
+
var isOpen = _ref.isOpen,
|
|
2685
2921
|
label = _ref.label,
|
|
2922
|
+
onChange = _ref.onChange,
|
|
2923
|
+
disabled = _ref.disabled,
|
|
2686
2924
|
children = _ref.children;
|
|
2687
|
-
var _useState = React.useState(false),
|
|
2688
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
2689
|
-
isOpen = _useState2[0],
|
|
2690
|
-
setIsOpen = _useState2[1];
|
|
2691
2925
|
return /*#__PURE__*/jsxRuntime.jsxs(StyledAccordionMainContainer, {
|
|
2692
2926
|
isOpen: isOpen,
|
|
2693
2927
|
disabled: disabled,
|
|
2694
2928
|
children: [/*#__PURE__*/jsxRuntime.jsxs(StyledAccordionHeading, {
|
|
2695
2929
|
onClick: function onClick() {
|
|
2696
|
-
return
|
|
2697
|
-
return !prevState;
|
|
2698
|
-
});
|
|
2930
|
+
return onChange();
|
|
2699
2931
|
},
|
|
2700
2932
|
children: [/*#__PURE__*/jsxRuntime.jsx(StyledAccordionLabel, {
|
|
2701
2933
|
isOpen: isOpen,
|
|
@@ -2711,15 +2943,55 @@
|
|
|
2711
2943
|
})]
|
|
2712
2944
|
});
|
|
2713
2945
|
};
|
|
2946
|
+
var Accordion = function Accordion(_ref2) {
|
|
2947
|
+
var isExpanded = _ref2.isExpanded,
|
|
2948
|
+
defaultExpanded = _ref2.defaultExpanded,
|
|
2949
|
+
onChange = _ref2.onChange,
|
|
2950
|
+
props = _objectWithoutProperties(_ref2, ["isExpanded", "defaultExpanded", "onChange"]);
|
|
2951
|
+
var _useState = React.useState(defaultExpanded),
|
|
2952
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
2953
|
+
isOpen = _useState2[0],
|
|
2954
|
+
setIsOpen = _useState2[1];
|
|
2955
|
+
var initialRender = React.useRef(true);
|
|
2956
|
+
React.useEffect(function () {
|
|
2957
|
+
if (initialRender.current) {
|
|
2958
|
+
initialRender.current = false;
|
|
2959
|
+
} else {
|
|
2960
|
+
if (onChange) {
|
|
2961
|
+
onChange(isOpen);
|
|
2962
|
+
}
|
|
2963
|
+
}
|
|
2964
|
+
}, [isOpen]);
|
|
2965
|
+
var handleAccordionAction = function handleAccordionAction() {
|
|
2966
|
+
setIsOpen(function (prevState) {
|
|
2967
|
+
return !prevState;
|
|
2968
|
+
});
|
|
2969
|
+
};
|
|
2970
|
+
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
2971
|
+
children: isExpanded !== undefined ?
|
|
2972
|
+
/*#__PURE__*/
|
|
2973
|
+
// controlled
|
|
2974
|
+
jsxRuntime.jsx(AccordionComponent, _objectSpread$a({
|
|
2975
|
+
isOpen: isExpanded,
|
|
2976
|
+
onChange: onChange
|
|
2977
|
+
}, props)) :
|
|
2978
|
+
/*#__PURE__*/
|
|
2979
|
+
// uncontrolled
|
|
2980
|
+
jsxRuntime.jsx(AccordionComponent, _objectSpread$a({
|
|
2981
|
+
isOpen: isOpen,
|
|
2982
|
+
onChange: handleAccordionAction
|
|
2983
|
+
}, props))
|
|
2984
|
+
});
|
|
2985
|
+
};
|
|
2714
2986
|
|
|
2715
|
-
function _templateObject$
|
|
2716
|
-
var data = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n border-radius: 4px;\n height: 37px;\n display: flex;\n width: max-content;\n\n ", " {\n /* color: ", "; */\n border-radius: 0px;\n /* background: ", "; */\n border: none;\n border-right: 1px solid ", ";\n &:focus {\n box-shadow: none;\n }\n /* &:hover {\n background: ", ";\n } */\n &:first-child {\n border-radius: 3px 0 0 3px;\n }\n &:last-child {\n border-right: none;\n border-radius: 0px 3px 3px 0px;\n }\n }\n"]);
|
|
2717
|
-
_templateObject$
|
|
2987
|
+
function _templateObject$c() {
|
|
2988
|
+
var data = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n border-radius: 4px;\n height: 37px;\n display: flex;\n width: max-content;\n\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: ", ";\n }\n\n ", " {\n /* color: ", "; */\n border-radius: 0px;\n /* background: ", "; */\n border: none;\n border-right: 1px solid ", ";\n &:focus {\n box-shadow: none;\n }\n /* &:hover {\n background: ", ";\n } */\n &:first-child {\n border-radius: 3px 0 0 3px;\n }\n &:last-child {\n border-right: none;\n border-radius: 0px 3px 3px 0px;\n }\n }\n"]);
|
|
2989
|
+
_templateObject$c = function _templateObject() {
|
|
2718
2990
|
return data;
|
|
2719
2991
|
};
|
|
2720
2992
|
return data;
|
|
2721
2993
|
}
|
|
2722
|
-
var StyledButtonGroup = styled__default.div(_templateObject$
|
|
2994
|
+
var StyledButtonGroup = styled__default.div(_templateObject$c(), DefaultColorButton, LOW_RES_NORMAL_BUTTON_HEIGHT, StyledButton, CheckBoxBorder, WhiteColor, DefaultColorButton, FocusBackgroundColor);
|
|
2723
2995
|
|
|
2724
2996
|
var ButtonGroup = function ButtonGroup(_ref) {
|
|
2725
2997
|
var children = _ref.children,
|
|
@@ -2769,92 +3041,92 @@
|
|
|
2769
3041
|
};
|
|
2770
3042
|
return data;
|
|
2771
3043
|
}
|
|
2772
|
-
function _templateObject12$
|
|
3044
|
+
function _templateObject12$6() {
|
|
2773
3045
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: -9px;\n top: auto;\n bottom: 10px;\n transform: rotate(90deg);\n }\n "]);
|
|
2774
|
-
_templateObject12$
|
|
3046
|
+
_templateObject12$6 = function _templateObject12() {
|
|
2775
3047
|
return data;
|
|
2776
3048
|
};
|
|
2777
3049
|
return data;
|
|
2778
3050
|
}
|
|
2779
|
-
function _templateObject11$
|
|
3051
|
+
function _templateObject11$7() {
|
|
2780
3052
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: -9px;\n right: auto;\n top: 0px;\n bottom: 0;\n transform: rotate(-90deg);\n }\n "]);
|
|
2781
|
-
_templateObject11$
|
|
3053
|
+
_templateObject11$7 = function _templateObject11() {
|
|
2782
3054
|
return data;
|
|
2783
3055
|
};
|
|
2784
3056
|
return data;
|
|
2785
3057
|
}
|
|
2786
|
-
function _templateObject10$
|
|
3058
|
+
function _templateObject10$8() {
|
|
2787
3059
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: -9px;\n top: 10px;\n bottom: auto;\n transform: rotate(90deg);\n }\n "]);
|
|
2788
|
-
_templateObject10$
|
|
3060
|
+
_templateObject10$8 = function _templateObject10() {
|
|
2789
3061
|
return data;
|
|
2790
3062
|
};
|
|
2791
3063
|
return data;
|
|
2792
3064
|
}
|
|
2793
|
-
function _templateObject9$
|
|
3065
|
+
function _templateObject9$8() {
|
|
2794
3066
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: -9px;\n right: auto;\n top: auto;\n bottom: 10px;\n transform: rotate(-90deg);\n }\n "]);
|
|
2795
|
-
_templateObject9$
|
|
3067
|
+
_templateObject9$8 = function _templateObject9() {
|
|
2796
3068
|
return data;
|
|
2797
3069
|
};
|
|
2798
3070
|
return data;
|
|
2799
3071
|
}
|
|
2800
|
-
function _templateObject8$
|
|
3072
|
+
function _templateObject8$8() {
|
|
2801
3073
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: -9px;\n top: 0px;\n bottom: 0px;\n transform: rotate(90deg);\n }\n "]);
|
|
2802
|
-
_templateObject8$
|
|
3074
|
+
_templateObject8$8 = function _templateObject8() {
|
|
2803
3075
|
return data;
|
|
2804
3076
|
};
|
|
2805
3077
|
return data;
|
|
2806
3078
|
}
|
|
2807
|
-
function _templateObject7$
|
|
3079
|
+
function _templateObject7$8() {
|
|
2808
3080
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: -9px;\n right: auto;\n top: 10px;\n transform: rotate(-90deg);\n }\n "]);
|
|
2809
|
-
_templateObject7$
|
|
3081
|
+
_templateObject7$8 = function _templateObject7() {
|
|
2810
3082
|
return data;
|
|
2811
3083
|
};
|
|
2812
3084
|
return data;
|
|
2813
3085
|
}
|
|
2814
|
-
function _templateObject6$
|
|
3086
|
+
function _templateObject6$8() {
|
|
2815
3087
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: 10px;\n }\n "]);
|
|
2816
|
-
_templateObject6$
|
|
3088
|
+
_templateObject6$8 = function _templateObject6() {
|
|
2817
3089
|
return data;
|
|
2818
3090
|
};
|
|
2819
3091
|
return data;
|
|
2820
3092
|
}
|
|
2821
|
-
function _templateObject5$
|
|
3093
|
+
function _templateObject5$a() {
|
|
2822
3094
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: 0px;\n right: 0px;\n top: auto;\n bottom: -6px;\n transform: rotate(-180deg);\n }\n "]);
|
|
2823
|
-
_templateObject5$
|
|
3095
|
+
_templateObject5$a = function _templateObject5() {
|
|
2824
3096
|
return data;
|
|
2825
3097
|
};
|
|
2826
3098
|
return data;
|
|
2827
3099
|
}
|
|
2828
|
-
function _templateObject4$
|
|
3100
|
+
function _templateObject4$b() {
|
|
2829
3101
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: 10px;\n right: auto;\n }\n "]);
|
|
2830
|
-
_templateObject4$
|
|
3102
|
+
_templateObject4$b = function _templateObject4() {
|
|
2831
3103
|
return data;
|
|
2832
3104
|
};
|
|
2833
3105
|
return data;
|
|
2834
3106
|
}
|
|
2835
|
-
function _templateObject3$
|
|
3107
|
+
function _templateObject3$c() {
|
|
2836
3108
|
var data = _taggedTemplateLiteral([""]);
|
|
2837
|
-
_templateObject3$
|
|
3109
|
+
_templateObject3$c = function _templateObject3() {
|
|
2838
3110
|
return data;
|
|
2839
3111
|
};
|
|
2840
3112
|
return data;
|
|
2841
3113
|
}
|
|
2842
|
-
function _templateObject2$
|
|
3114
|
+
function _templateObject2$c() {
|
|
2843
3115
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n padding: 8px 16px;\n border-radius: 4px;\n max-width: 300px;\n position: fixed;\n color: ", ";\n z-index: ", ";\n font-size: 14px;\n line-height: 21px;\n visibility: ", ";\n top: ", "px;\n left: ", "px;\n &::after {\n width: 0;\n height: 0;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-bottom: 6px solid ", ";\n content: \" \";\n position: absolute;\n left: 0;\n right: 0;\n margin: auto;\n top: -6px;\n }\n ", "\n"]);
|
|
2844
|
-
_templateObject2$
|
|
3116
|
+
_templateObject2$c = function _templateObject2() {
|
|
2845
3117
|
return data;
|
|
2846
3118
|
};
|
|
2847
3119
|
return data;
|
|
2848
3120
|
}
|
|
2849
|
-
function _templateObject$
|
|
3121
|
+
function _templateObject$d() {
|
|
2850
3122
|
var data = _taggedTemplateLiteral(["\n width: max-content;\n"]);
|
|
2851
|
-
_templateObject$
|
|
3123
|
+
_templateObject$d = function _templateObject() {
|
|
2852
3124
|
return data;
|
|
2853
3125
|
};
|
|
2854
3126
|
return data;
|
|
2855
3127
|
}
|
|
2856
|
-
var StyledTooltipContainer = styled__default.div(_templateObject$
|
|
2857
|
-
var StyledTooltip = styled__default.div(_templateObject2$
|
|
3128
|
+
var StyledTooltipContainer = styled__default.div(_templateObject$d());
|
|
3129
|
+
var StyledTooltip = styled__default.div(_templateObject2$c(), TooltipBackgroundColor, WhiteColor, VERY_HIGH, function (props) {
|
|
2858
3130
|
return props.displayTooltip ? "visible" : "hidden";
|
|
2859
3131
|
}, function (props) {
|
|
2860
3132
|
return props.positionRef.current.y;
|
|
@@ -2863,27 +3135,27 @@
|
|
|
2863
3135
|
}, TooltipBackgroundColor, function (props) {
|
|
2864
3136
|
switch (props.placement) {
|
|
2865
3137
|
case "default":
|
|
2866
|
-
return styled.css(_templateObject3$
|
|
3138
|
+
return styled.css(_templateObject3$c());
|
|
2867
3139
|
case "bottom-start":
|
|
2868
|
-
return styled.css(_templateObject4$
|
|
3140
|
+
return styled.css(_templateObject4$b());
|
|
2869
3141
|
case "top":
|
|
2870
|
-
return styled.css(_templateObject5$
|
|
3142
|
+
return styled.css(_templateObject5$a());
|
|
2871
3143
|
case "bottom-end":
|
|
2872
|
-
return styled.css(_templateObject6$
|
|
3144
|
+
return styled.css(_templateObject6$8());
|
|
2873
3145
|
case "right-start":
|
|
2874
|
-
return styled.css(_templateObject7$
|
|
3146
|
+
return styled.css(_templateObject7$8());
|
|
2875
3147
|
case "left":
|
|
2876
|
-
return styled.css(_templateObject8$
|
|
3148
|
+
return styled.css(_templateObject8$8());
|
|
2877
3149
|
case "right-end":
|
|
2878
3150
|
//changed
|
|
2879
|
-
return styled.css(_templateObject9$
|
|
3151
|
+
return styled.css(_templateObject9$8());
|
|
2880
3152
|
case "left-start":
|
|
2881
|
-
return styled.css(_templateObject10$
|
|
3153
|
+
return styled.css(_templateObject10$8());
|
|
2882
3154
|
case "right":
|
|
2883
|
-
return styled.css(_templateObject11$
|
|
3155
|
+
return styled.css(_templateObject11$7());
|
|
2884
3156
|
case "left-end":
|
|
2885
3157
|
//changed
|
|
2886
|
-
return styled.css(_templateObject12$
|
|
3158
|
+
return styled.css(_templateObject12$6());
|
|
2887
3159
|
case "top-start":
|
|
2888
3160
|
//changed
|
|
2889
3161
|
return styled.css(_templateObject13$3());
|
|
@@ -3021,88 +3293,88 @@
|
|
|
3021
3293
|
});
|
|
3022
3294
|
};
|
|
3023
3295
|
|
|
3024
|
-
function _templateObject9$
|
|
3296
|
+
function _templateObject9$9() {
|
|
3025
3297
|
var data = _taggedTemplateLiteral(["\n ", " {\n background: ", ";\n }\n ", " {\n color: ", ";\n }\n "]);
|
|
3026
|
-
_templateObject9$
|
|
3298
|
+
_templateObject9$9 = function _templateObject9() {
|
|
3027
3299
|
return data;
|
|
3028
3300
|
};
|
|
3029
3301
|
return data;
|
|
3030
3302
|
}
|
|
3031
|
-
function _templateObject8$
|
|
3303
|
+
function _templateObject8$9() {
|
|
3032
3304
|
var data = _taggedTemplateLiteral(["\n ", " {\n background: ", ";\n }\n "]);
|
|
3033
|
-
_templateObject8$
|
|
3305
|
+
_templateObject8$9 = function _templateObject8() {
|
|
3034
3306
|
return data;
|
|
3035
3307
|
};
|
|
3036
3308
|
return data;
|
|
3037
3309
|
}
|
|
3038
|
-
function _templateObject7$
|
|
3310
|
+
function _templateObject7$9() {
|
|
3039
3311
|
var data = _taggedTemplateLiteral(["\n ", " {\n height: 12px;\n }\n ", " {\n height: 8px;\n }\n "]);
|
|
3040
|
-
_templateObject7$
|
|
3312
|
+
_templateObject7$9 = function _templateObject7() {
|
|
3041
3313
|
return data;
|
|
3042
3314
|
};
|
|
3043
3315
|
return data;
|
|
3044
3316
|
}
|
|
3045
|
-
function _templateObject6$
|
|
3317
|
+
function _templateObject6$9() {
|
|
3046
3318
|
var data = _taggedTemplateLiteral(["\n ", " {\n height: 8px;\n }\n ", " {\n height: 4px;\n }\n "]);
|
|
3047
|
-
_templateObject6$
|
|
3319
|
+
_templateObject6$9 = function _templateObject6() {
|
|
3048
3320
|
return data;
|
|
3049
3321
|
};
|
|
3050
3322
|
return data;
|
|
3051
3323
|
}
|
|
3052
|
-
function _templateObject5$
|
|
3324
|
+
function _templateObject5$b() {
|
|
3053
3325
|
var data = _taggedTemplateLiteral(["\n ", "\n\n ", "\n"]);
|
|
3054
|
-
_templateObject5$
|
|
3326
|
+
_templateObject5$b = function _templateObject5() {
|
|
3055
3327
|
return data;
|
|
3056
3328
|
};
|
|
3057
3329
|
return data;
|
|
3058
3330
|
}
|
|
3059
|
-
function _templateObject4$
|
|
3060
|
-
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 14px;\n line-height: 21px;\n margin-bottom: 6px;\n"]);
|
|
3061
|
-
_templateObject4$
|
|
3331
|
+
function _templateObject4$c() {
|
|
3332
|
+
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 14px;\n line-height: 21px;\n margin-bottom: 6px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
|
|
3333
|
+
_templateObject4$c = function _templateObject4() {
|
|
3062
3334
|
return data;
|
|
3063
3335
|
};
|
|
3064
3336
|
return data;
|
|
3065
3337
|
}
|
|
3066
|
-
function _templateObject3$
|
|
3067
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n margin-top: 4px;\n font-weight: 500;\n"]);
|
|
3068
|
-
_templateObject3$
|
|
3338
|
+
function _templateObject3$d() {
|
|
3339
|
+
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n margin-top: 4px;\n font-weight: 500;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
|
|
3340
|
+
_templateObject3$d = function _templateObject3() {
|
|
3069
3341
|
return data;
|
|
3070
3342
|
};
|
|
3071
3343
|
return data;
|
|
3072
3344
|
}
|
|
3073
|
-
function _templateObject2$
|
|
3074
|
-
var data = _taggedTemplateLiteral(["\n background: ", ";\n
|
|
3075
|
-
_templateObject2$
|
|
3345
|
+
function _templateObject2$d() {
|
|
3346
|
+
var data = _taggedTemplateLiteral(["\n background: ", ";\n border-radius: 4px;\n width: ", ";\n"]);
|
|
3347
|
+
_templateObject2$d = function _templateObject2() {
|
|
3076
3348
|
return data;
|
|
3077
3349
|
};
|
|
3078
3350
|
return data;
|
|
3079
3351
|
}
|
|
3080
|
-
function _templateObject$
|
|
3081
|
-
var data = _taggedTemplateLiteral(["\n width: 100%;\n
|
|
3082
|
-
_templateObject$
|
|
3352
|
+
function _templateObject$e() {
|
|
3353
|
+
var data = _taggedTemplateLiteral(["\n width: 100%;\n background: ", ";\n border-radius: 8px;\n padding: 2px;\n box-sizing: border-box;\n"]);
|
|
3354
|
+
_templateObject$e = function _templateObject() {
|
|
3083
3355
|
return data;
|
|
3084
3356
|
};
|
|
3085
3357
|
return data;
|
|
3086
3358
|
}
|
|
3087
|
-
var StyledProgressBarContainer = styled__default.div(_templateObject$
|
|
3088
|
-
var StyledProgressStatusBar = styled__default.div(_templateObject2$
|
|
3359
|
+
var StyledProgressBarContainer = styled__default.div(_templateObject$e(), DisabledTextareaBg);
|
|
3360
|
+
var StyledProgressStatusBar = styled__default.div(_templateObject2$d(), PrimaryBlueColor, function (props) {
|
|
3089
3361
|
return "".concat(props.progress, "%");
|
|
3090
3362
|
});
|
|
3091
|
-
var StyledCompletedProgressText = styled__default.div(_templateObject3$
|
|
3092
|
-
var StyledProgressBarLabel = styled__default.label(_templateObject4$
|
|
3093
|
-
var StyledProgressBarMainContainer = styled__default.div(_templateObject5$
|
|
3363
|
+
var StyledCompletedProgressText = styled__default.div(_templateObject3$d());
|
|
3364
|
+
var StyledProgressBarLabel = styled__default.label(_templateObject4$c(), LabelColor);
|
|
3365
|
+
var StyledProgressBarMainContainer = styled__default.div(_templateObject5$b(), function (props) {
|
|
3094
3366
|
switch (props.variant) {
|
|
3095
3367
|
case "small":
|
|
3096
|
-
return styled.css(_templateObject6$
|
|
3368
|
+
return styled.css(_templateObject6$9(), StyledProgressBarContainer, StyledProgressStatusBar);
|
|
3097
3369
|
case "default":
|
|
3098
|
-
return styled.css(_templateObject7$
|
|
3370
|
+
return styled.css(_templateObject7$9(), StyledProgressBarContainer, StyledProgressStatusBar);
|
|
3099
3371
|
}
|
|
3100
3372
|
}, function (props) {
|
|
3101
3373
|
switch (props.status) {
|
|
3102
3374
|
case "success":
|
|
3103
|
-
return styled.css(_templateObject8$
|
|
3375
|
+
return styled.css(_templateObject8$9(), StyledProgressStatusBar, AlertGreenSuccessStroke);
|
|
3104
3376
|
case "error":
|
|
3105
|
-
return styled.css(_templateObject9$
|
|
3377
|
+
return styled.css(_templateObject9$9(), StyledProgressStatusBar, AlertRedErrorStroke, StyledCompletedProgressText, AlertRedErrorStroke);
|
|
3106
3378
|
}
|
|
3107
3379
|
});
|
|
3108
3380
|
|
|
@@ -3129,14 +3401,14 @@
|
|
|
3129
3401
|
});
|
|
3130
3402
|
};
|
|
3131
3403
|
|
|
3132
|
-
function _templateObject$
|
|
3404
|
+
function _templateObject$f() {
|
|
3133
3405
|
var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 12px;\n"]);
|
|
3134
|
-
_templateObject$
|
|
3406
|
+
_templateObject$f = function _templateObject() {
|
|
3135
3407
|
return data;
|
|
3136
3408
|
};
|
|
3137
3409
|
return data;
|
|
3138
3410
|
}
|
|
3139
|
-
var StyledTagGroupOuterContainer = styled__default.div(_templateObject$
|
|
3411
|
+
var StyledTagGroupOuterContainer = styled__default.div(_templateObject$f());
|
|
3140
3412
|
|
|
3141
3413
|
var TagGroup = function TagGroup(_ref) {
|
|
3142
3414
|
var children = _ref.children;
|
|
@@ -3147,80 +3419,80 @@
|
|
|
3147
3419
|
});
|
|
3148
3420
|
};
|
|
3149
3421
|
|
|
3150
|
-
function _templateObject8$
|
|
3422
|
+
function _templateObject8$a() {
|
|
3151
3423
|
var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 12px;\n"]);
|
|
3152
|
-
_templateObject8$
|
|
3424
|
+
_templateObject8$a = function _templateObject8() {
|
|
3153
3425
|
return data;
|
|
3154
3426
|
};
|
|
3155
3427
|
return data;
|
|
3156
3428
|
}
|
|
3157
|
-
function _templateObject7$
|
|
3429
|
+
function _templateObject7$a() {
|
|
3158
3430
|
var data = _taggedTemplateLiteral(["\n background: url(", ") no-repeat;\n pointer-events: none;\n "]);
|
|
3159
|
-
_templateObject7$
|
|
3431
|
+
_templateObject7$a = function _templateObject7() {
|
|
3160
3432
|
return data;
|
|
3161
3433
|
};
|
|
3162
3434
|
return data;
|
|
3163
3435
|
}
|
|
3164
|
-
function _templateObject6$
|
|
3165
|
-
var data = _taggedTemplateLiteral(["\n background: url(", ") no-repeat;\n width: 10px;\n height: 10px;\n background-size: 10px;\n display: inline-block;\n margin-left: 8px;\n ", "\n"]);
|
|
3166
|
-
_templateObject6$
|
|
3436
|
+
function _templateObject6$a() {
|
|
3437
|
+
var data = _taggedTemplateLiteral(["\n background: url(", ") no-repeat;\n width: 10px;\n height: 10px;\n background-size: 10px;\n display: inline-block;\n margin-left: 8px;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n background-size: 8px;\n }\n ", "\n"]);
|
|
3438
|
+
_templateObject6$a = function _templateObject6() {
|
|
3167
3439
|
return data;
|
|
3168
3440
|
};
|
|
3169
3441
|
return data;
|
|
3170
3442
|
}
|
|
3171
|
-
function _templateObject5$
|
|
3172
|
-
var data = _taggedTemplateLiteral(["\n font-size: 12px;\n"]);
|
|
3173
|
-
_templateObject5$
|
|
3443
|
+
function _templateObject5$c() {
|
|
3444
|
+
var data = _taggedTemplateLiteral(["\n font-size: 12px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 10px;\n }\n"]);
|
|
3445
|
+
_templateObject5$c = function _templateObject5() {
|
|
3174
3446
|
return data;
|
|
3175
3447
|
};
|
|
3176
3448
|
return data;
|
|
3177
3449
|
}
|
|
3178
|
-
function _templateObject4$
|
|
3450
|
+
function _templateObject4$d() {
|
|
3179
3451
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n &:hover {\n background: ", " !important;\n cursor: default !important;\n }\n "]);
|
|
3180
|
-
_templateObject4$
|
|
3452
|
+
_templateObject4$d = function _templateObject4() {
|
|
3181
3453
|
return data;
|
|
3182
3454
|
};
|
|
3183
3455
|
return data;
|
|
3184
3456
|
}
|
|
3185
|
-
function _templateObject3$
|
|
3186
|
-
var data = _taggedTemplateLiteral(["\n height: 26px;\n padding: 0px 8px;\n "]);
|
|
3187
|
-
_templateObject3$
|
|
3457
|
+
function _templateObject3$e() {
|
|
3458
|
+
var data = _taggedTemplateLiteral(["\n height: 26px;\n padding: 0px 8px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: 22px;\n }\n "]);
|
|
3459
|
+
_templateObject3$e = function _templateObject3() {
|
|
3188
3460
|
return data;
|
|
3189
3461
|
};
|
|
3190
3462
|
return data;
|
|
3191
3463
|
}
|
|
3192
|
-
function _templateObject2$
|
|
3193
|
-
var data = _taggedTemplateLiteral(["\n height: 22px;\n padding: 0px 4px;\n "]);
|
|
3194
|
-
_templateObject2$
|
|
3464
|
+
function _templateObject2$e() {
|
|
3465
|
+
var data = _taggedTemplateLiteral(["\n height: 22px;\n padding: 0px 4px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: 18px;\n }\n "]);
|
|
3466
|
+
_templateObject2$e = function _templateObject2() {
|
|
3195
3467
|
return data;
|
|
3196
3468
|
};
|
|
3197
3469
|
return data;
|
|
3198
3470
|
}
|
|
3199
|
-
function _templateObject$
|
|
3471
|
+
function _templateObject$g() {
|
|
3200
3472
|
var data = _taggedTemplateLiteral(["\n display: flex;\n background: ", ";\n border-radius: 4px;\n cursor: pointer;\n align-items: center;\n color: ", ";\n ", "\n\n ", "\n\n &:hover {\n background: ", ";\n }\n &:focus {\n background: ", ";\n }\n"]);
|
|
3201
|
-
_templateObject$
|
|
3473
|
+
_templateObject$g = function _templateObject() {
|
|
3202
3474
|
return data;
|
|
3203
3475
|
};
|
|
3204
3476
|
return data;
|
|
3205
3477
|
}
|
|
3206
|
-
var StyledTagGroupMainContainer = styled__default.div(_templateObject$
|
|
3478
|
+
var StyledTagGroupMainContainer = styled__default.div(_templateObject$g(), AvatarBgColor, LabelColor, function (props) {
|
|
3207
3479
|
switch (props.size) {
|
|
3208
3480
|
case "small":
|
|
3209
|
-
return styled.css(_templateObject2$
|
|
3481
|
+
return styled.css(_templateObject2$e());
|
|
3210
3482
|
case "default":
|
|
3211
|
-
return styled.css(_templateObject3$
|
|
3483
|
+
return styled.css(_templateObject3$e());
|
|
3212
3484
|
}
|
|
3213
3485
|
}, function (props) {
|
|
3214
|
-
return props.disabled && styled.css(_templateObject4$
|
|
3486
|
+
return props.disabled && styled.css(_templateObject4$d(), DisabledTextareaBg, DisabledButtonFontColor, DisabledTextareaBg);
|
|
3215
3487
|
}, TabHoverBackgroundColor, DisabledButtonFontColor);
|
|
3216
|
-
var StyledTagTextContainer = styled__default.span(_templateObject5$
|
|
3217
|
-
var StyledCloseIcon = styled__default.i(_templateObject6$
|
|
3218
|
-
return props.disabled && styled.css(_templateObject7$
|
|
3488
|
+
var StyledTagTextContainer = styled__default.span(_templateObject5$c());
|
|
3489
|
+
var StyledCloseIcon = styled__default.i(_templateObject6$a(), NotificationClose, function (props) {
|
|
3490
|
+
return props.disabled && styled.css(_templateObject7$a(), DisabledClose);
|
|
3219
3491
|
});
|
|
3220
|
-
var StyledTagGroupOuterContainer$1 = styled__default.div(_templateObject8$
|
|
3492
|
+
var StyledTagGroupOuterContainer$1 = styled__default.div(_templateObject8$a());
|
|
3221
3493
|
|
|
3222
|
-
function ownKeys$
|
|
3223
|
-
function _objectSpread$
|
|
3494
|
+
function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3495
|
+
function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
3224
3496
|
var Tag = function Tag(_ref) {
|
|
3225
3497
|
var label = _ref.label,
|
|
3226
3498
|
_ref$size = _ref.size,
|
|
@@ -3229,7 +3501,7 @@
|
|
|
3229
3501
|
onClose = _ref.onClose,
|
|
3230
3502
|
disabled = _ref.disabled,
|
|
3231
3503
|
props = _objectWithoutProperties(_ref, ["label", "size", "isRemovable", "onClose", "disabled"]);
|
|
3232
|
-
return /*#__PURE__*/jsxRuntime.jsxs(StyledTagGroupMainContainer, _objectSpread$
|
|
3504
|
+
return /*#__PURE__*/jsxRuntime.jsxs(StyledTagGroupMainContainer, _objectSpread$b(_objectSpread$b({
|
|
3233
3505
|
size: size,
|
|
3234
3506
|
disabled: disabled
|
|
3235
3507
|
}, props), {}, {
|
|
@@ -9009,14 +9281,14 @@
|
|
|
9009
9281
|
return data;
|
|
9010
9282
|
}
|
|
9011
9283
|
function _templateObject19$1() {
|
|
9012
|
-
var data = _taggedTemplateLiteral(["\n display: flex;\n background: ", ";\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);\n border-radius: 4px;\n padding-top: 10px;\n padding-bottom: 20px;\n height: 282px;\n top: 41px;\n ", "\n\n .PresetDateRangePicker_panel {\n padding: 0 22px 11px;\n }\n .PresetDateRangePicker_button {\n position: relative;\n height: 100%;\n text-align: center;\n background: 0 0;\n border: 2px solid #00a699;\n color: #00a699;\n padding: 4px 12px;\n margin-right: 8px;\n font: inherit;\n font-weight: 700;\n line-height: normal;\n overflow: visible;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n cursor: pointer;\n }\n .PresetDateRangePicker_button:active {\n outline: 0;\n }\n .PresetDateRangePicker_button__selected {\n color: #fff;\n background: #00a699;\n }\n .SingleDatePickerInput {\n display: inline-block;\n background-color: #fff;\n }\n .SingleDatePickerInput__withBorder {\n border-radius: 2px;\n border: 1px solid #dbdbdb;\n }\n .SingleDatePickerInput__rtl {\n direction: rtl;\n }\n .SingleDatePickerInput__disabled {\n background-color: #f2f2f2;\n }\n .SingleDatePickerInput__block {\n display: block;\n }\n .SingleDatePickerInput__showClearDate {\n padding-right: 30px;\n }\n .SingleDatePickerInput_clearDate {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n padding: 10px;\n margin: 0 10px 0 5px;\n position: absolute;\n right: 0;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n }\n .SingleDatePickerInput_clearDate__default:focus,\n .SingleDatePickerInput_clearDate__default:hover {\n background: #dbdbdb;\n border-radius: 50%;\n }\n .SingleDatePickerInput_clearDate__small {\n padding: 6px;\n }\n .SingleDatePickerInput_clearDate__hide {\n visibility: hidden;\n }\n .SingleDatePickerInput_clearDate_svg {\n fill: #82888a;\n height: 12px;\n width: 15px;\n vertical-align: middle;\n }\n .SingleDatePickerInput_clearDate_svg__small {\n height: 9px;\n }\n .SingleDatePickerInput_calendarIcon {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n padding: 10px;\n margin: 0 5px 0 10px;\n }\n .SingleDatePickerInput_calendarIcon_svg {\n fill: #82888a;\n height: 15px;\n width: 14px;\n vertical-align: middle;\n }\n .SingleDatePicker {\n position: relative;\n display: inline-block;\n }\n .SingleDatePicker__block {\n display: block;\n }\n .SingleDatePicker_picker {\n z-index: 1;\n background-color: #fff;\n position: absolute;\n }\n .SingleDatePicker_picker__rtl {\n direction: rtl;\n }\n .SingleDatePicker_picker__directionLeft {\n left: 0;\n }\n .SingleDatePicker_picker__directionRight {\n right: 0;\n }\n .SingleDatePicker_picker__portal {\n background-color: rgba(0, 0, 0, 0.3);\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n }\n .SingleDatePicker_picker__fullScreenPortal {\n background-color: #fff;\n }\n .SingleDatePicker_closeButton {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 0;\n padding: 15px;\n z-index: 2;\n }\n .SingleDatePicker_closeButton:focus,\n .SingleDatePicker_closeButton:hover {\n color: darken(#cacccd, 10%);\n text-decoration: none;\n }\n .SingleDatePicker_closeButton_svg {\n height: 15px;\n width: 15px;\n fill: #cacccd;\n }\n .DayPickerKeyboardShortcuts_buttonReset {\n background: 0 0;\n border: 0;\n border-radius: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n padding: 0;\n cursor: pointer;\n font-size: 14px;\n }\n .DayPickerKeyboardShortcuts_buttonReset:active {\n outline: 0;\n }\n .DayPickerKeyboardShortcuts_show {\n width: 33px;\n height: 26px;\n position: absolute;\n z-index: 2;\n }\n .DayPickerKeyboardShortcuts_show::before {\n content: \"\";\n display: block;\n position: absolute;\n }\n .DayPickerKeyboardShortcuts_show__bottomRight {\n bottom: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__bottomRight::before {\n border-top: 26px solid transparent;\n border-right: 33px solid #00a699;\n bottom: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n border-right: 33px solid #008489;\n }\n .DayPickerKeyboardShortcuts_show__topRight {\n top: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__topRight::before {\n border-bottom: 26px solid transparent;\n border-right: 33px solid #00a699;\n top: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__topRight:hover::before {\n border-right: 33px solid #008489;\n }\n .DayPickerKeyboardShortcuts_show__topLeft {\n top: 0;\n left: 0;\n }\n .DayPickerKeyboardShortcuts_show__topLeft::before {\n border-bottom: 26px solid transparent;\n border-left: 33px solid #00a699;\n top: 0;\n left: 0;\n }\n .DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n border-left: 33px solid #008489;\n }\n .DayPickerKeyboardShortcuts_showSpan {\n color: #fff;\n position: absolute;\n }\n .DayPickerKeyboardShortcuts_showSpan__bottomRight {\n bottom: 0;\n right: 5px;\n }\n .DayPickerKeyboardShortcuts_showSpan__topRight {\n top: 1px;\n right: 5px;\n }\n .DayPickerKeyboardShortcuts_showSpan__topLeft {\n top: 1px;\n left: 5px;\n }\n .DayPickerKeyboardShortcuts_panel {\n overflow: auto;\n background: #fff;\n border: 1px solid #dbdbdb;\n border-radius: 2px;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 2;\n padding: 22px;\n margin: 33px;\n text-align: left;\n }\n .DayPickerKeyboardShortcuts_title {\n font-size: 16px;\n font-weight: 700;\n margin: 0;\n }\n .DayPickerKeyboardShortcuts_list {\n list-style: none;\n padding: 0;\n font-size: 14px;\n }\n .DayPickerKeyboardShortcuts_close {\n position: absolute;\n right: 22px;\n top: 22px;\n z-index: 2;\n }\n .DayPickerKeyboardShortcuts_close:active {\n outline: 0;\n }\n .DayPickerKeyboardShortcuts_closeSvg {\n height: 15px;\n width: 15px;\n fill: #cacccd;\n }\n .DayPickerKeyboardShortcuts_closeSvg:focus,\n .DayPickerKeyboardShortcuts_closeSvg:hover {\n fill: #82888a;\n }\n .CalendarDay {\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n cursor: pointer;\n font-size: 14px;\n text-align: center;\n position: relative;\n }\n\n .CalendarDay .CalendarDayWeekNumber {\n position: absolute;\n left: -20px;\n top: 5px;\n display: none;\n color: #1d1d1d;\n display: block;\n border-right: 0.5px solid #1d1d1d;\n width: 18px;\n }\n\n .CalendarDay:active {\n outline: 0;\n }\n .CalendarDay__defaultCursor {\n cursor: default;\n }\n .CalendarDay__default {\n color: #1d1d1d;\n font-size: 12px;\n background: #fff;\n }\n .CalendarDay__default:hover {\n background: #0055af;\n color: #fff;\n border-radius: 50%;\n }\n .CalendarDay__hovered_offset {\n /* background: #f4f5f5; */\n }\n .CalendarDay__outside {\n border: 0;\n background: #fff;\n color: #484848;\n }\n .CalendarDay__outside:hover {\n border: 0;\n }\n .CalendarDay__blocked_minimum_nights {\n }\n .CalendarDay__blocked_minimum_nights:active,\n .CalendarDay__blocked_minimum_nights:hover {\n background: #fff;\n color: #cacccd;\n }\n .CalendarDay__highlighted_calendar {\n background: #ffe8bc;\n color: #484848;\n }\n .CalendarDay__highlighted_calendar:active,\n .CalendarDay__highlighted_calendar:hover {\n background: #ffce71;\n color: #484848;\n }\n .CalendarDay__selected_span {\n background: #e5edf7;\n }\n .CalendarDay__selected_span:active,\n .CalendarDay__selected_span:hover {\n background: #0055af;\n color: #fff;\n }\n .CalendarDay__selected,\n .CalendarDay__selected:active,\n .CalendarDay__selected:hover {\n background: #0055af;\n color: #fff;\n border-radius: 50%;\n }\n\n .CalendarDay__hovered_span,\n .CalendarDay__hovered_span:hover {\n background: #e5edf7;\n color: #1d1d1d;\n }\n .CalendarDay__hovered_span:active {\n /* background: #80e8e0 green color;\n border: 1px double #80e8e0;\n color: #007a87; */\n }\n .CalendarDay__blocked_calendar,\n .CalendarDay__blocked_calendar:active,\n .CalendarDay__blocked_calendar:hover {\n background: #cacccd;\n border: 1px solid #cacccd;\n color: #82888a;\n }\n .CalendarDay__blocked_out_of_range,\n .CalendarDay__blocked_out_of_range:active,\n .CalendarDay__blocked_out_of_range:hover {\n background: #fff;\n border: 1px solid #e4e7e7;\n color: #cacccd;\n }\n .CalendarDay__hovered_start_first_possible_end {\n background: #eceeee;\n border: 1px double #eceeee;\n }\n .CalendarDay__hovered_start_blocked_min_nights {\n background: #eceeee;\n border: 1px double #e4e7e7;\n }\n .CalendarMonth {\n background: #fff;\n text-align: center;\n vertical-align: top;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n .CalendarMonth_table {\n border-collapse: collapse;\n border-spacing: 0;\n margin-top: 12px;\n }\n .CalendarMonth_verticalSpacing {\n border-collapse: separate;\n }\n .CalendarMonth_caption {\n color: #1d1d1d;\n font-size: 12px;\n text-align: center;\n padding-top: 22px;\n padding-bottom: 37px;\n caption-side: initial;\n font-weight: 500;\n }\n .CalendarMonth_caption__verticalScrollable {\n padding-bottom: 7px;\n }\n .CalendarMonthGrid {\n background: #fff;\n text-align: left;\n z-index: 0;\n }\n .CalendarMonthGrid__animating {\n z-index: 1;\n }\n .CalendarMonthGrid__horizontal {\n position: absolute;\n left: 9px;\n }\n .CalendarMonthGrid__vertical,\n .CalendarMonthGrid__vertical_scrollable {\n margin: 0 auto;\n }\n .CalendarMonthGrid_month__horizontal {\n display: inline-block;\n vertical-align: top;\n min-height: 100%;\n }\n .CalendarMonthGrid_month__hideForAnimation {\n position: absolute;\n z-index: -1;\n opacity: 0;\n pointer-events: none;\n }\n .CalendarMonthGrid_month__hidden {\n visibility: hidden;\n }\n .DayPickerNavigation {\n position: relative;\n z-index: 2;\n }\n .DayPickerNavigation__horizontal {\n height: 0;\n }\n .DayPickerNavigation__verticalScrollable_prevNav {\n z-index: 1;\n }\n .DayPickerNavigation__verticalDefault {\n position: absolute;\n width: 100%;\n height: 52px;\n bottom: 0;\n left: 0;\n }\n .DayPickerNavigation__verticalScrollableDefault {\n position: relative;\n }\n .DayPickerNavigation__bottom {\n height: auto;\n }\n .DayPickerNavigation__bottomDefault {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n display: -webkit-box;\n display: -moz-box;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n }\n .DayPickerNavigation_button {\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border: 0;\n padding: 0;\n margin: 0;\n }\n .DayPickerNavigation_button__default {\n background: url(", ") no-repeat;\n /* width: 16px;\n height: 16px; */\n background-size: 12px;\n transform: rotate(90deg);\n }\n .DayPickerNavigation_button__default svg {\n display: none;\n }\n .DayPickerNavigation_button__default:focus,\n .DayPickerNavigation_button__default:hover {\n /* border: 1px solid #c4c4c4 */\n }\n .DayPickerNavigation_button__default:active {\n /* background: #f2f2f2 */\n }\n .DayPickerNavigation_button__disabled {\n /* cursor: default;\n border: 1px solid #f2f2f2 */\n opacity: 0.8;\n }\n .DayPickerNavigation_button__disabled:focus,\n .DayPickerNavigation_button__disabled:hover {\n /* border: 1px solid #f2f2f2 */\n }\n .DayPickerNavigation_button__disabled:active {\n /* background: 0 0 */\n }\n .DayPickerNavigation_button__horizontalDefault {\n position: absolute;\n top: 25px;\n line-height: 0.78;\n border-radius: 3px;\n padding: 6px 6px;\n }\n .DayPickerNavigation_bottomButton__horizontalDefault {\n position: static;\n margin: -10px 22px 30px;\n }\n .DayPickerNavigation_leftButton__horizontalDefault {\n left: 22px;\n }\n .DayPickerNavigation_rightButton__horizontalDefault {\n transform: rotate(-90deg);\n right: 22px;\n }\n .DayPickerNavigation_button__verticalDefault {\n padding: 5px;\n background: #fff;\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);\n position: relative;\n display: inline-block;\n text-align: center;\n height: 100%;\n width: 50%;\n }\n .DayPickerNavigation_nextButton__verticalDefault {\n border-left: 0;\n }\n .DayPickerNavigation_nextButton__verticalScrollableDefault,\n .DayPickerNavigation_prevButton__verticalScrollableDefault {\n width: 100%;\n }\n .DayPickerNavigation_svg__horizontal {\n }\n .DayPickerNavigation_svg__vertical {\n height: 42px;\n width: 42px;\n fill: #484848;\n }\n .DayPickerNavigation_svg__disabled {\n fill: #f2f2f2;\n }\n .DayPicker {\n background: #fff;\n position: relative;\n text-align: left;\n }\n .DayPicker__horizontal {\n background: #fff;\n }\n .DayPicker__verticalScrollable {\n height: 100%;\n }\n .DayPicker__hidden {\n visibility: hidden;\n }\n .DayPicker__withBorder {\n /* box-shadow: 0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07);\n border-radius: 3px */\n }\n .DayPicker_portal__horizontal {\n box-shadow: none;\n position: absolute;\n left: 50%;\n top: 50%;\n }\n .DayPicker_portal__vertical {\n position: initial;\n }\n .DayPicker_focusRegion {\n outline: 0;\n }\n .DayPicker_calendarInfo__horizontal,\n .DayPicker_wrapper__horizontal {\n display: inline-block;\n vertical-align: top;\n }\n .DayPicker_weekHeaders {\n position: relative;\n }\n .DayPicker_weekHeaders__horizontal {\n margin-left: 9px;\n }\n .DayPicker_weekHeader {\n color: #757575;\n position: absolute;\n top: 62px;\n z-index: 2;\n text-align: left;\n }\n .DayPicker_weekHeader__vertical {\n left: 50%;\n }\n .DayPicker_weekHeader__verticalScrollable {\n top: 0;\n display: table-row;\n border-bottom: 1px solid #dbdbdb;\n background: #fff;\n margin-left: 0;\n left: 0;\n width: 100%;\n text-align: center;\n }\n .DayPicker_weekHeader_ul {\n list-style: none;\n margin: 1px 0;\n padding-left: 0;\n padding-right: 0;\n font-size: 14px;\n }\n .DayPicker_weekHeader_li {\n display: inline-block;\n text-align: center;\n }\n .DayPicker_weekHeader_li small {\n font-size: 12px;\n color: #758490;\n line-height: 18px;\n }\n .DayPicker_transitionContainer {\n position: relative;\n overflow: hidden;\n border-radius: 3px;\n }\n .DayPicker_transitionContainer__horizontal {\n -webkit-transition: height 0.2s ease-in-out;\n -moz-transition: height 0.2s ease-in-out;\n transition: height 0.2s ease-in-out;\n }\n .DayPicker_transitionContainer__vertical {\n width: 100%;\n }\n .DayPicker_transitionContainer__verticalScrollable {\n padding-top: 20px;\n height: 100%;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n overflow-y: scroll;\n }\n .DateInput {\n margin: 0;\n padding: 0;\n background: #fff;\n position: relative;\n display: inline-block;\n width: 130px;\n vertical-align: middle;\n }\n .DateInput__small {\n width: 97px;\n }\n .DateInput__block {\n width: 100%;\n }\n .DateInput__disabled {\n background: #f2f2f2;\n color: #dbdbdb;\n }\n .DateInput_input {\n font-weight: 200;\n font-size: 19px;\n line-height: 24px;\n color: #484848;\n background-color: #fff;\n width: 100%;\n padding: 11px 11px 9px;\n border: 0;\n border-top: 0;\n border-right: 0;\n border-bottom: 2px solid transparent;\n border-left: 0;\n border-radius: 0;\n }\n .DateInput_input__small {\n font-size: 15px;\n line-height: 18px;\n letter-spacing: 0.2px;\n padding: 7px 7px 5px;\n }\n .DateInput_input__regular {\n font-weight: auto;\n }\n .DateInput_input__readOnly {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n .DateInput_input__focused {\n outline: 0;\n background: #fff;\n border: 0;\n border-top: 0;\n border-right: 0;\n border-bottom: 2px solid #008489;\n border-left: 0;\n }\n .DateInput_input__disabled {\n background: #f2f2f2;\n font-style: italic;\n }\n .DateInput_screenReaderMessage {\n border: 0;\n clip: rect(0, 0, 0, 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n }\n .DateInput_fang {\n position: absolute;\n width: 20px;\n height: 10px;\n left: 22px;\n z-index: 2;\n }\n .DateInput_fangShape {\n fill: #fff;\n }\n .DateInput_fangStroke {\n stroke: #dbdbdb;\n fill: transparent;\n }\n .DateRangePickerInput {\n background-color: #fff;\n display: inline-block;\n }\n .DateRangePickerInput__disabled {\n background: #f2f2f2;\n }\n .DateRangePickerInput__withBorder {\n border-radius: 2px;\n border: 1px solid #dbdbdb;\n }\n .DateRangePickerInput__rtl {\n direction: rtl;\n }\n .DateRangePickerInput__block {\n display: block;\n }\n .DateRangePickerInput__showClearDates {\n padding-right: 30px;\n }\n .DateRangePickerInput_arrow {\n display: inline-block;\n vertical-align: middle;\n color: #484848;\n }\n .DateRangePickerInput_arrow_svg {\n vertical-align: middle;\n fill: #484848;\n height: 24px;\n width: 24px;\n }\n .DateRangePickerInput_clearDates {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n padding: 10px;\n margin: 0 10px 0 5px;\n position: absolute;\n right: 0;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n }\n .DateRangePickerInput_clearDates__small {\n padding: 6px;\n }\n .DateRangePickerInput_clearDates_default:focus,\n .DateRangePickerInput_clearDates_default:hover {\n background: #dbdbdb;\n border-radius: 50%;\n }\n .DateRangePickerInput_clearDates__hide {\n visibility: hidden;\n }\n .DateRangePickerInput_clearDates_svg {\n fill: #82888a;\n height: 12px;\n width: 15px;\n vertical-align: middle;\n }\n .DateRangePickerInput_clearDates_svg__small {\n height: 9px;\n }\n .DateRangePickerInput_calendarIcon {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n padding: 10px;\n margin: 0 5px 0 10px;\n }\n .DateRangePickerInput_calendarIcon_svg {\n fill: #82888a;\n height: 15px;\n width: 14px;\n vertical-align: middle;\n }\n .DateRangePicker {\n position: relative;\n display: inline-block;\n }\n .DateRangePicker__block {\n display: block;\n }\n .DateRangePicker_picker {\n z-index: 1;\n background-color: #fff;\n position: absolute;\n }\n .DateRangePicker_picker__rtl {\n direction: rtl;\n }\n .DateRangePicker_picker__directionLeft {\n left: 0;\n }\n .DateRangePicker_picker__directionRight {\n right: 0;\n }\n .DateRangePicker_picker__portal {\n background-color: rgba(0, 0, 0, 0.3);\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n }\n .DateRangePicker_picker__fullScreenPortal {\n background-color: #fff;\n }\n .DateRangePicker_closeButton {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 0;\n padding: 15px;\n z-index: 2;\n }\n .DateRangePicker_closeButton:focus,\n .DateRangePicker_closeButton:hover {\n color: darken(#cacccd, 10%);\n text-decoration: none;\n }\n .DateRangePicker_closeButton_svg {\n height: 15px;\n width: 15px;\n fill: #cacccd;\n }\n"]);
|
|
9284
|
+
var data = _taggedTemplateLiteral(["\n display: flex;\n background: ", ";\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);\n border-radius: 4px;\n padding-top: 10px;\n padding-bottom: 20px;\n height: 282px;\n top: 41px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n top: 33px;\n }\n ", "\n\n .PresetDateRangePicker_panel {\n padding: 0 22px 11px;\n }\n .PresetDateRangePicker_button {\n position: relative;\n height: 100%;\n text-align: center;\n background: 0 0;\n border: 2px solid #00a699;\n color: #00a699;\n padding: 4px 12px;\n margin-right: 8px;\n font: inherit;\n font-weight: 700;\n line-height: normal;\n overflow: visible;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n cursor: pointer;\n }\n .PresetDateRangePicker_button:active {\n outline: 0;\n }\n .PresetDateRangePicker_button__selected {\n color: #fff;\n background: #00a699;\n }\n .SingleDatePickerInput {\n display: inline-block;\n background-color: #fff;\n }\n .SingleDatePickerInput__withBorder {\n border-radius: 2px;\n border: 1px solid #dbdbdb;\n }\n .SingleDatePickerInput__rtl {\n direction: rtl;\n }\n .SingleDatePickerInput__disabled {\n background-color: #f2f2f2;\n }\n .SingleDatePickerInput__block {\n display: block;\n }\n .SingleDatePickerInput__showClearDate {\n padding-right: 30px;\n }\n .SingleDatePickerInput_clearDate {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n padding: 10px;\n margin: 0 10px 0 5px;\n position: absolute;\n right: 0;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n }\n .SingleDatePickerInput_clearDate__default:focus,\n .SingleDatePickerInput_clearDate__default:hover {\n background: #dbdbdb;\n border-radius: 50%;\n }\n .SingleDatePickerInput_clearDate__small {\n padding: 6px;\n }\n .SingleDatePickerInput_clearDate__hide {\n visibility: hidden;\n }\n .SingleDatePickerInput_clearDate_svg {\n fill: #82888a;\n height: 12px;\n width: 15px;\n vertical-align: middle;\n }\n .SingleDatePickerInput_clearDate_svg__small {\n height: 9px;\n }\n .SingleDatePickerInput_calendarIcon {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n padding: 10px;\n margin: 0 5px 0 10px;\n }\n .SingleDatePickerInput_calendarIcon_svg {\n fill: #82888a;\n height: 15px;\n width: 14px;\n vertical-align: middle;\n }\n .SingleDatePicker {\n position: relative;\n display: inline-block;\n }\n .SingleDatePicker__block {\n display: block;\n }\n .SingleDatePicker_picker {\n z-index: 1;\n background-color: #fff;\n position: absolute;\n }\n .SingleDatePicker_picker__rtl {\n direction: rtl;\n }\n .SingleDatePicker_picker__directionLeft {\n left: 0;\n }\n .SingleDatePicker_picker__directionRight {\n right: 0;\n }\n .SingleDatePicker_picker__portal {\n background-color: rgba(0, 0, 0, 0.3);\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n }\n .SingleDatePicker_picker__fullScreenPortal {\n background-color: #fff;\n }\n .SingleDatePicker_closeButton {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 0;\n padding: 15px;\n z-index: 2;\n }\n .SingleDatePicker_closeButton:focus,\n .SingleDatePicker_closeButton:hover {\n color: darken(#cacccd, 10%);\n text-decoration: none;\n }\n .SingleDatePicker_closeButton_svg {\n height: 15px;\n width: 15px;\n fill: #cacccd;\n }\n .DayPickerKeyboardShortcuts_buttonReset {\n background: 0 0;\n border: 0;\n border-radius: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n padding: 0;\n cursor: pointer;\n font-size: 14px;\n }\n .DayPickerKeyboardShortcuts_buttonReset:active {\n outline: 0;\n }\n .DayPickerKeyboardShortcuts_show {\n width: 33px;\n height: 26px;\n position: absolute;\n z-index: 2;\n }\n .DayPickerKeyboardShortcuts_show::before {\n content: \"\";\n display: block;\n position: absolute;\n }\n .DayPickerKeyboardShortcuts_show__bottomRight {\n bottom: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__bottomRight::before {\n border-top: 26px solid transparent;\n border-right: 33px solid #00a699;\n bottom: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n border-right: 33px solid #008489;\n }\n .DayPickerKeyboardShortcuts_show__topRight {\n top: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__topRight::before {\n border-bottom: 26px solid transparent;\n border-right: 33px solid #00a699;\n top: 0;\n right: 0;\n }\n .DayPickerKeyboardShortcuts_show__topRight:hover::before {\n border-right: 33px solid #008489;\n }\n .DayPickerKeyboardShortcuts_show__topLeft {\n top: 0;\n left: 0;\n }\n .DayPickerKeyboardShortcuts_show__topLeft::before {\n border-bottom: 26px solid transparent;\n border-left: 33px solid #00a699;\n top: 0;\n left: 0;\n }\n .DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n border-left: 33px solid #008489;\n }\n .DayPickerKeyboardShortcuts_showSpan {\n color: #fff;\n position: absolute;\n }\n .DayPickerKeyboardShortcuts_showSpan__bottomRight {\n bottom: 0;\n right: 5px;\n }\n .DayPickerKeyboardShortcuts_showSpan__topRight {\n top: 1px;\n right: 5px;\n }\n .DayPickerKeyboardShortcuts_showSpan__topLeft {\n top: 1px;\n left: 5px;\n }\n .DayPickerKeyboardShortcuts_panel {\n overflow: auto;\n background: #fff;\n border: 1px solid #dbdbdb;\n border-radius: 2px;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 2;\n padding: 22px;\n margin: 33px;\n text-align: left;\n }\n .DayPickerKeyboardShortcuts_title {\n font-size: 16px;\n font-weight: 700;\n margin: 0;\n }\n .DayPickerKeyboardShortcuts_list {\n list-style: none;\n padding: 0;\n font-size: 14px;\n }\n .DayPickerKeyboardShortcuts_close {\n position: absolute;\n right: 22px;\n top: 22px;\n z-index: 2;\n }\n .DayPickerKeyboardShortcuts_close:active {\n outline: 0;\n }\n .DayPickerKeyboardShortcuts_closeSvg {\n height: 15px;\n width: 15px;\n fill: #cacccd;\n }\n .DayPickerKeyboardShortcuts_closeSvg:focus,\n .DayPickerKeyboardShortcuts_closeSvg:hover {\n fill: #82888a;\n }\n .CalendarDay {\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n cursor: pointer;\n font-size: 14px;\n text-align: center;\n position: relative;\n }\n\n .CalendarDay .CalendarDayWeekNumber {\n position: absolute;\n left: -20px;\n top: 5px;\n display: none;\n color: #1d1d1d;\n display: block;\n border-right: 0.5px solid #1d1d1d;\n width: 18px;\n }\n\n .CalendarDay:active {\n outline: 0;\n }\n .CalendarDay__defaultCursor {\n cursor: default;\n }\n .CalendarDay__default {\n color: #1d1d1d;\n font-size: 12px;\n background: #fff;\n }\n .CalendarDay__default:hover {\n background: #0055af;\n color: #fff;\n border-radius: 50%;\n }\n .CalendarDay__hovered_offset {\n /* background: #f4f5f5; */\n }\n .CalendarDay__outside {\n border: 0;\n background: #fff;\n color: #484848;\n }\n .CalendarDay__outside:hover {\n border: 0;\n }\n .CalendarDay__blocked_minimum_nights {\n }\n .CalendarDay__blocked_minimum_nights:active,\n .CalendarDay__blocked_minimum_nights:hover {\n background: #fff;\n color: #cacccd;\n }\n .CalendarDay__highlighted_calendar {\n background: #ffe8bc;\n color: #484848;\n }\n .CalendarDay__highlighted_calendar:active,\n .CalendarDay__highlighted_calendar:hover {\n background: #ffce71;\n color: #484848;\n }\n .CalendarDay__selected_span {\n background: #e5edf7;\n }\n .CalendarDay__selected_span:active,\n .CalendarDay__selected_span:hover {\n background: #0055af;\n color: #fff;\n }\n .CalendarDay__selected,\n .CalendarDay__selected:active,\n .CalendarDay__selected:hover {\n background: #0055af;\n color: #fff;\n border-radius: 50%;\n }\n\n .CalendarDay__hovered_span,\n .CalendarDay__hovered_span:hover {\n background: #e5edf7;\n color: #1d1d1d;\n }\n .CalendarDay__hovered_span:active {\n /* background: #80e8e0 green color;\n border: 1px double #80e8e0;\n color: #007a87; */\n }\n .CalendarDay__blocked_calendar,\n .CalendarDay__blocked_calendar:active,\n .CalendarDay__blocked_calendar:hover {\n background: #cacccd;\n border: 1px solid #cacccd;\n color: #82888a;\n }\n .CalendarDay__blocked_out_of_range,\n .CalendarDay__blocked_out_of_range:active,\n .CalendarDay__blocked_out_of_range:hover {\n background: #fff;\n border: 1px solid #e4e7e7;\n color: #cacccd;\n }\n .CalendarDay__hovered_start_first_possible_end {\n background: #eceeee;\n border: 1px double #eceeee;\n }\n .CalendarDay__hovered_start_blocked_min_nights {\n background: #eceeee;\n border: 1px double #e4e7e7;\n }\n .CalendarMonth {\n background: #fff;\n text-align: center;\n vertical-align: top;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n .CalendarMonth_table {\n border-collapse: collapse;\n border-spacing: 0;\n margin-top: 12px;\n }\n .CalendarMonth_verticalSpacing {\n border-collapse: separate;\n }\n .CalendarMonth_caption {\n color: #1d1d1d;\n font-size: 12px;\n text-align: center;\n padding-top: 22px;\n padding-bottom: 37px;\n caption-side: initial;\n font-weight: 500;\n }\n .CalendarMonth_caption__verticalScrollable {\n padding-bottom: 7px;\n }\n .CalendarMonthGrid {\n background: #fff;\n text-align: left;\n z-index: 0;\n }\n .CalendarMonthGrid__animating {\n z-index: 1;\n }\n .CalendarMonthGrid__horizontal {\n position: absolute;\n left: 9px;\n }\n .CalendarMonthGrid__vertical,\n .CalendarMonthGrid__vertical_scrollable {\n margin: 0 auto;\n }\n .CalendarMonthGrid_month__horizontal {\n display: inline-block;\n vertical-align: top;\n min-height: 100%;\n }\n .CalendarMonthGrid_month__hideForAnimation {\n position: absolute;\n z-index: -1;\n opacity: 0;\n pointer-events: none;\n }\n .CalendarMonthGrid_month__hidden {\n visibility: hidden;\n }\n .DayPickerNavigation {\n position: relative;\n z-index: 2;\n }\n .DayPickerNavigation__horizontal {\n height: 0;\n }\n .DayPickerNavigation__verticalScrollable_prevNav {\n z-index: 1;\n }\n .DayPickerNavigation__verticalDefault {\n position: absolute;\n width: 100%;\n height: 52px;\n bottom: 0;\n left: 0;\n }\n .DayPickerNavigation__verticalScrollableDefault {\n position: relative;\n }\n .DayPickerNavigation__bottom {\n height: auto;\n }\n .DayPickerNavigation__bottomDefault {\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n display: -webkit-box;\n display: -moz-box;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n }\n .DayPickerNavigation_button {\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border: 0;\n padding: 0;\n margin: 0;\n }\n .DayPickerNavigation_button__default {\n background: url(", ") no-repeat;\n /* width: 16px;\n height: 16px; */\n background-size: 12px;\n transform: rotate(90deg);\n }\n .DayPickerNavigation_button__default svg {\n display: none;\n }\n .DayPickerNavigation_button__default:focus,\n .DayPickerNavigation_button__default:hover {\n /* border: 1px solid #c4c4c4 */\n }\n .DayPickerNavigation_button__default:active {\n /* background: #f2f2f2 */\n }\n .DayPickerNavigation_button__disabled {\n /* cursor: default;\n border: 1px solid #f2f2f2 */\n opacity: 0.8;\n }\n .DayPickerNavigation_button__disabled:focus,\n .DayPickerNavigation_button__disabled:hover {\n /* border: 1px solid #f2f2f2 */\n }\n .DayPickerNavigation_button__disabled:active {\n /* background: 0 0 */\n }\n .DayPickerNavigation_button__horizontalDefault {\n position: absolute;\n top: 25px;\n line-height: 0.78;\n border-radius: 3px;\n padding: 6px 6px;\n }\n .DayPickerNavigation_bottomButton__horizontalDefault {\n position: static;\n margin: -10px 22px 30px;\n }\n .DayPickerNavigation_leftButton__horizontalDefault {\n left: 22px;\n }\n .DayPickerNavigation_rightButton__horizontalDefault {\n transform: rotate(-90deg);\n right: 22px;\n }\n .DayPickerNavigation_button__verticalDefault {\n padding: 5px;\n background: #fff;\n box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);\n position: relative;\n display: inline-block;\n text-align: center;\n height: 100%;\n width: 50%;\n }\n .DayPickerNavigation_nextButton__verticalDefault {\n border-left: 0;\n }\n .DayPickerNavigation_nextButton__verticalScrollableDefault,\n .DayPickerNavigation_prevButton__verticalScrollableDefault {\n width: 100%;\n }\n .DayPickerNavigation_svg__horizontal {\n }\n .DayPickerNavigation_svg__vertical {\n height: 42px;\n width: 42px;\n fill: #484848;\n }\n .DayPickerNavigation_svg__disabled {\n fill: #f2f2f2;\n }\n .DayPicker {\n background: #fff;\n position: relative;\n text-align: left;\n }\n .DayPicker__horizontal {\n background: #fff;\n }\n .DayPicker__verticalScrollable {\n height: 100%;\n }\n .DayPicker__hidden {\n visibility: hidden;\n }\n .DayPicker__withBorder {\n /* box-shadow: 0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07);\n border-radius: 3px */\n }\n .DayPicker_portal__horizontal {\n box-shadow: none;\n position: absolute;\n left: 50%;\n top: 50%;\n }\n .DayPicker_portal__vertical {\n position: initial;\n }\n .DayPicker_focusRegion {\n outline: 0;\n }\n .DayPicker_calendarInfo__horizontal,\n .DayPicker_wrapper__horizontal {\n display: inline-block;\n vertical-align: top;\n }\n .DayPicker_weekHeaders {\n position: relative;\n }\n .DayPicker_weekHeaders__horizontal {\n margin-left: 9px;\n }\n .DayPicker_weekHeader {\n color: #757575;\n position: absolute;\n top: 62px;\n z-index: 2;\n text-align: left;\n }\n .DayPicker_weekHeader__vertical {\n left: 50%;\n }\n .DayPicker_weekHeader__verticalScrollable {\n top: 0;\n display: table-row;\n border-bottom: 1px solid #dbdbdb;\n background: #fff;\n margin-left: 0;\n left: 0;\n width: 100%;\n text-align: center;\n }\n .DayPicker_weekHeader_ul {\n list-style: none;\n margin: 1px 0;\n padding-left: 0;\n padding-right: 0;\n font-size: 14px;\n }\n .DayPicker_weekHeader_li {\n display: inline-block;\n text-align: center;\n }\n .DayPicker_weekHeader_li small {\n font-size: 12px;\n color: #758490;\n line-height: 18px;\n }\n .DayPicker_transitionContainer {\n position: relative;\n overflow: hidden;\n border-radius: 3px;\n }\n .DayPicker_transitionContainer__horizontal {\n -webkit-transition: height 0.2s ease-in-out;\n -moz-transition: height 0.2s ease-in-out;\n transition: height 0.2s ease-in-out;\n }\n .DayPicker_transitionContainer__vertical {\n width: 100%;\n }\n .DayPicker_transitionContainer__verticalScrollable {\n padding-top: 20px;\n height: 100%;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n overflow-y: scroll;\n }\n .DateInput {\n margin: 0;\n padding: 0;\n background: #fff;\n position: relative;\n display: inline-block;\n width: 130px;\n vertical-align: middle;\n }\n .DateInput__small {\n width: 97px;\n }\n .DateInput__block {\n width: 100%;\n }\n .DateInput__disabled {\n background: #f2f2f2;\n color: #dbdbdb;\n }\n .DateInput_input {\n font-weight: 200;\n font-size: 19px;\n line-height: 24px;\n color: #484848;\n background-color: #fff;\n width: 100%;\n padding: 11px 11px 9px;\n border: 0;\n border-top: 0;\n border-right: 0;\n border-bottom: 2px solid transparent;\n border-left: 0;\n border-radius: 0;\n }\n .DateInput_input__small {\n font-size: 15px;\n line-height: 18px;\n letter-spacing: 0.2px;\n padding: 7px 7px 5px;\n }\n .DateInput_input__regular {\n font-weight: auto;\n }\n .DateInput_input__readOnly {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n .DateInput_input__focused {\n outline: 0;\n background: #fff;\n border: 0;\n border-top: 0;\n border-right: 0;\n border-bottom: 2px solid #008489;\n border-left: 0;\n }\n .DateInput_input__disabled {\n background: #f2f2f2;\n font-style: italic;\n }\n .DateInput_screenReaderMessage {\n border: 0;\n clip: rect(0, 0, 0, 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n }\n .DateInput_fang {\n position: absolute;\n width: 20px;\n height: 10px;\n left: 22px;\n z-index: 2;\n }\n .DateInput_fangShape {\n fill: #fff;\n }\n .DateInput_fangStroke {\n stroke: #dbdbdb;\n fill: transparent;\n }\n .DateRangePickerInput {\n background-color: #fff;\n display: inline-block;\n }\n .DateRangePickerInput__disabled {\n background: #f2f2f2;\n }\n .DateRangePickerInput__withBorder {\n border-radius: 2px;\n border: 1px solid #dbdbdb;\n }\n .DateRangePickerInput__rtl {\n direction: rtl;\n }\n .DateRangePickerInput__block {\n display: block;\n }\n .DateRangePickerInput__showClearDates {\n padding-right: 30px;\n }\n .DateRangePickerInput_arrow {\n display: inline-block;\n vertical-align: middle;\n color: #484848;\n }\n .DateRangePickerInput_arrow_svg {\n vertical-align: middle;\n fill: #484848;\n height: 24px;\n width: 24px;\n }\n .DateRangePickerInput_clearDates {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n padding: 10px;\n margin: 0 10px 0 5px;\n position: absolute;\n right: 0;\n top: 50%;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n }\n .DateRangePickerInput_clearDates__small {\n padding: 6px;\n }\n .DateRangePickerInput_clearDates_default:focus,\n .DateRangePickerInput_clearDates_default:hover {\n background: #dbdbdb;\n border-radius: 50%;\n }\n .DateRangePickerInput_clearDates__hide {\n visibility: hidden;\n }\n .DateRangePickerInput_clearDates_svg {\n fill: #82888a;\n height: 12px;\n width: 15px;\n vertical-align: middle;\n }\n .DateRangePickerInput_clearDates_svg__small {\n height: 9px;\n }\n .DateRangePickerInput_calendarIcon {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n display: inline-block;\n vertical-align: middle;\n padding: 10px;\n margin: 0 5px 0 10px;\n }\n .DateRangePickerInput_calendarIcon_svg {\n fill: #82888a;\n height: 15px;\n width: 14px;\n vertical-align: middle;\n }\n .DateRangePicker {\n position: relative;\n display: inline-block;\n }\n .DateRangePicker__block {\n display: block;\n }\n .DateRangePicker_picker {\n z-index: 1;\n background-color: #fff;\n position: absolute;\n }\n .DateRangePicker_picker__rtl {\n direction: rtl;\n }\n .DateRangePicker_picker__directionLeft {\n left: 0;\n }\n .DateRangePicker_picker__directionRight {\n right: 0;\n }\n .DateRangePicker_picker__portal {\n background-color: rgba(0, 0, 0, 0.3);\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n }\n .DateRangePicker_picker__fullScreenPortal {\n background-color: #fff;\n }\n .DateRangePicker_closeButton {\n background: 0 0;\n border: 0;\n color: inherit;\n font: inherit;\n line-height: normal;\n overflow: visible;\n cursor: pointer;\n position: absolute;\n top: 0;\n right: 0;\n padding: 15px;\n z-index: 2;\n }\n .DateRangePicker_closeButton:focus,\n .DateRangePicker_closeButton:hover {\n color: darken(#cacccd, 10%);\n text-decoration: none;\n }\n .DateRangePicker_closeButton_svg {\n height: 15px;\n width: 15px;\n fill: #cacccd;\n }\n"]);
|
|
9013
9285
|
_templateObject19$1 = function _templateObject19() {
|
|
9014
9286
|
return data;
|
|
9015
9287
|
};
|
|
9016
9288
|
return data;
|
|
9017
9289
|
}
|
|
9018
9290
|
function _templateObject18$1() {
|
|
9019
|
-
var data = _taggedTemplateLiteral(["\n border: none;\n border-radius: 4px;\n padding-left: 20px;\n width: 260px;\n background: url(", ") no-repeat;\n border: 1px solid ", ";\n background-size: 16px;\n background-position: center right 20px;\n &:hover {\n cursor: pointer;\n border: 1px solid ", ";\n }\n &:focus {\n border: 1px solid ", ";\n box-shadow: 0 0 0 3px ", ";\n }\n"]);
|
|
9291
|
+
var data = _taggedTemplateLiteral(["\n border: none;\n border-radius: 4px;\n padding-left: 20px;\n width: 260px;\n background: url(", ") no-repeat;\n border: 1px solid ", ";\n background-size: 16px;\n background-position: center right 20px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding-left: 10px;\n background-size: 13px;\n background-position: center right 10px;\n font-size: 12px;\n }\n &:hover {\n cursor: pointer;\n border: 1px solid ", ";\n }\n &:focus {\n border: 1px solid ", ";\n box-shadow: 0 0 0 3px ", ";\n }\n"]);
|
|
9020
9292
|
_templateObject18$1 = function _templateObject18() {
|
|
9021
9293
|
return data;
|
|
9022
9294
|
};
|
|
@@ -9030,21 +9302,21 @@
|
|
|
9030
9302
|
return data;
|
|
9031
9303
|
}
|
|
9032
9304
|
function _templateObject16$3() {
|
|
9033
|
-
var data = _taggedTemplateLiteral(["\n width: 260px;\n height: 35px;\n display: flex;\n border-radius: 4px;\n box-sizing: border-box;\n &:hover {\n cursor: pointer;\n ", " {\n border: 1px solid ", ";\n border-left: none;\n cursor: pointer;\n }\n ", " {\n border: 1px solid ", ";\n border-right: none;\n cursor: pointer;\n }\n }\n ", "\n\n ", ":focus {\n border-bottom: 2px solid ", ";\n /* border-left: none; */\n }\n ", ":focus {\n border-bottom: 2px solid ", ";\n /* border-right: none; */\n }\n"]);
|
|
9305
|
+
var data = _taggedTemplateLiteral(["\n width: 260px;\n height: 35px;\n display: flex;\n border-radius: 4px;\n box-sizing: border-box;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: 28px;\n }\n\n &:hover {\n cursor: pointer;\n ", " {\n border: 1px solid ", ";\n border-left: none;\n cursor: pointer;\n }\n ", " {\n border: 1px solid ", ";\n border-right: none;\n cursor: pointer;\n }\n }\n ", "\n\n ", ":focus {\n border-bottom: 2px solid ", ";\n /* border-left: none; */\n }\n ", ":focus {\n border-bottom: 2px solid ", ";\n /* border-right: none; */\n }\n"]);
|
|
9034
9306
|
_templateObject16$3 = function _templateObject16() {
|
|
9035
9307
|
return data;
|
|
9036
9308
|
};
|
|
9037
9309
|
return data;
|
|
9038
9310
|
}
|
|
9039
9311
|
function _templateObject15$3() {
|
|
9040
|
-
var data = _taggedTemplateLiteral(["\n border: none;\n border-radius: 4px 0 0 4px;\n padding-left: 20px;\n width: 90px;\n border: 1px solid ", ";\n border-right: none;\n"]);
|
|
9312
|
+
var data = _taggedTemplateLiteral(["\n border: none;\n border-radius: 4px 0 0 4px;\n padding-left: 20px;\n width: 90px;\n border: 1px solid ", ";\n border-right: none;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding-left: 10px;\n background-size: 13px;\n font-size: 12px;\n }\n"]);
|
|
9041
9313
|
_templateObject15$3 = function _templateObject15() {
|
|
9042
9314
|
return data;
|
|
9043
9315
|
};
|
|
9044
9316
|
return data;
|
|
9045
9317
|
}
|
|
9046
9318
|
function _templateObject14$4() {
|
|
9047
|
-
var data = _taggedTemplateLiteral(["\n box-sizing: border-box;\n padding-left: 20px;\n width: 147px;\n border: none;\n border: 1px solid ", ";\n border-left: none;\n border-radius: 0 4px 4px 0;\n background: url(", ") no-repeat;\n background-size: 16px;\n background-position: center right 20px;\n"]);
|
|
9319
|
+
var data = _taggedTemplateLiteral(["\n box-sizing: border-box;\n padding-left: 20px;\n width: 147px;\n border: none;\n border: 1px solid ", ";\n border-left: none;\n border-radius: 0 4px 4px 0;\n background: url(", ") no-repeat;\n background-size: 16px;\n background-position: center right 20px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding-left: 10px;\n background-position: center right 10px;\n background-size: 13px;\n }\n"]);
|
|
9048
9320
|
_templateObject14$4 = function _templateObject14() {
|
|
9049
9321
|
return data;
|
|
9050
9322
|
};
|
|
@@ -9057,102 +9329,102 @@
|
|
|
9057
9329
|
};
|
|
9058
9330
|
return data;
|
|
9059
9331
|
}
|
|
9060
|
-
function _templateObject12$
|
|
9332
|
+
function _templateObject12$7() {
|
|
9061
9333
|
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 12px;\n line-height: 18px;\n"]);
|
|
9062
|
-
_templateObject12$
|
|
9334
|
+
_templateObject12$7 = function _templateObject12() {
|
|
9063
9335
|
return data;
|
|
9064
9336
|
};
|
|
9065
9337
|
return data;
|
|
9066
9338
|
}
|
|
9067
|
-
function _templateObject11$
|
|
9339
|
+
function _templateObject11$8() {
|
|
9068
9340
|
var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 18px;\n"]);
|
|
9069
|
-
_templateObject11$
|
|
9341
|
+
_templateObject11$8 = function _templateObject11() {
|
|
9070
9342
|
return data;
|
|
9071
9343
|
};
|
|
9072
9344
|
return data;
|
|
9073
9345
|
}
|
|
9074
|
-
function _templateObject10$
|
|
9346
|
+
function _templateObject10$9() {
|
|
9075
9347
|
var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n position: absolute;\n bottom: 26px;\n left: 28px;\n right: 160px;\n"]);
|
|
9076
|
-
_templateObject10$
|
|
9348
|
+
_templateObject10$9 = function _templateObject10() {
|
|
9077
9349
|
return data;
|
|
9078
9350
|
};
|
|
9079
9351
|
return data;
|
|
9080
9352
|
}
|
|
9081
|
-
function _templateObject9$
|
|
9353
|
+
function _templateObject9$a() {
|
|
9082
9354
|
var data = _taggedTemplateLiteral(["\n margin-top: 10px;\n ", " {\n font-size: 12px;\n }\n"]);
|
|
9083
|
-
_templateObject9$
|
|
9355
|
+
_templateObject9$a = function _templateObject9() {
|
|
9084
9356
|
return data;
|
|
9085
9357
|
};
|
|
9086
9358
|
return data;
|
|
9087
9359
|
}
|
|
9088
|
-
function _templateObject8$
|
|
9360
|
+
function _templateObject8$b() {
|
|
9089
9361
|
var data = _taggedTemplateLiteral([""]);
|
|
9090
|
-
_templateObject8$
|
|
9362
|
+
_templateObject8$b = function _templateObject8() {
|
|
9091
9363
|
return data;
|
|
9092
9364
|
};
|
|
9093
9365
|
return data;
|
|
9094
9366
|
}
|
|
9095
|
-
function _templateObject7$
|
|
9367
|
+
function _templateObject7$b() {
|
|
9096
9368
|
var data = _taggedTemplateLiteral(["\n font-size: 12px;\n font-weight: 400;\n color: ", ";\n"]);
|
|
9097
|
-
_templateObject7$
|
|
9369
|
+
_templateObject7$b = function _templateObject7() {
|
|
9098
9370
|
return data;
|
|
9099
9371
|
};
|
|
9100
9372
|
return data;
|
|
9101
9373
|
}
|
|
9102
|
-
function _templateObject6$
|
|
9374
|
+
function _templateObject6$b() {
|
|
9103
9375
|
var data = _taggedTemplateLiteral([""]);
|
|
9104
|
-
_templateObject6$
|
|
9376
|
+
_templateObject6$b = function _templateObject6() {
|
|
9105
9377
|
return data;
|
|
9106
9378
|
};
|
|
9107
9379
|
return data;
|
|
9108
9380
|
}
|
|
9109
|
-
function _templateObject5$
|
|
9381
|
+
function _templateObject5$d() {
|
|
9110
9382
|
var data = _taggedTemplateLiteral(["\n padding: 0 15px;\n width: 140px;\n box-sizing: border-box;\n padding-top: 25px;\n border-left: 1px solid ", ";\n"]);
|
|
9111
|
-
_templateObject5$
|
|
9383
|
+
_templateObject5$d = function _templateObject5() {
|
|
9112
9384
|
return data;
|
|
9113
9385
|
};
|
|
9114
9386
|
return data;
|
|
9115
9387
|
}
|
|
9116
|
-
function _templateObject4$
|
|
9388
|
+
function _templateObject4$e() {
|
|
9117
9389
|
var data = _taggedTemplateLiteral([""]);
|
|
9118
|
-
_templateObject4$
|
|
9390
|
+
_templateObject4$e = function _templateObject4() {
|
|
9119
9391
|
return data;
|
|
9120
9392
|
};
|
|
9121
9393
|
return data;
|
|
9122
9394
|
}
|
|
9123
|
-
function _templateObject3$
|
|
9395
|
+
function _templateObject3$f() {
|
|
9124
9396
|
var data = _taggedTemplateLiteral(["\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n"]);
|
|
9125
|
-
_templateObject3$
|
|
9397
|
+
_templateObject3$f = function _templateObject3() {
|
|
9126
9398
|
return data;
|
|
9127
9399
|
};
|
|
9128
9400
|
return data;
|
|
9129
9401
|
}
|
|
9130
|
-
function _templateObject2$
|
|
9402
|
+
function _templateObject2$f() {
|
|
9131
9403
|
var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 5px;\n"]);
|
|
9132
|
-
_templateObject2$
|
|
9404
|
+
_templateObject2$f = function _templateObject2() {
|
|
9133
9405
|
return data;
|
|
9134
9406
|
};
|
|
9135
9407
|
return data;
|
|
9136
9408
|
}
|
|
9137
|
-
function _templateObject$
|
|
9409
|
+
function _templateObject$h() {
|
|
9138
9410
|
var data = _taggedTemplateLiteral(["\n position: relative;\n"]);
|
|
9139
|
-
_templateObject$
|
|
9411
|
+
_templateObject$h = function _templateObject() {
|
|
9140
9412
|
return data;
|
|
9141
9413
|
};
|
|
9142
9414
|
return data;
|
|
9143
9415
|
}
|
|
9144
|
-
var StyledContainer = styled__default.div(_templateObject$
|
|
9145
|
-
var StyledInputContainer = styled__default.div(_templateObject2$
|
|
9146
|
-
var StyledOverlay = styled__default.div(_templateObject3$
|
|
9147
|
-
var StyledDatePicker = styled__default.div(_templateObject4$
|
|
9148
|
-
var StyledShortcutMainContainer = styled__default.div(_templateObject5$
|
|
9149
|
-
var StyledDatePickerLeftContainer = styled__default.div(_templateObject6$
|
|
9150
|
-
var StyledShortcutHeading = styled__default.h2(_templateObject7$
|
|
9151
|
-
var StyledRadioListUl = styled__default.ul(_templateObject8$
|
|
9152
|
-
var StyledRadioListLi = styled__default.li(_templateObject9$
|
|
9153
|
-
var StyledBottomCTAContainer = styled__default.div(_templateObject10$
|
|
9154
|
-
var StyledLeftCTAContainer = styled__default.div(_templateObject11$
|
|
9155
|
-
var StyledLabelContainer = styled__default.div(_templateObject12$
|
|
9416
|
+
var StyledContainer = styled__default.div(_templateObject$h());
|
|
9417
|
+
var StyledInputContainer = styled__default.div(_templateObject2$f());
|
|
9418
|
+
var StyledOverlay = styled__default.div(_templateObject3$f());
|
|
9419
|
+
var StyledDatePicker = styled__default.div(_templateObject4$e());
|
|
9420
|
+
var StyledShortcutMainContainer = styled__default.div(_templateObject5$d(), FocusDisableBorderColor);
|
|
9421
|
+
var StyledDatePickerLeftContainer = styled__default.div(_templateObject6$b());
|
|
9422
|
+
var StyledShortcutHeading = styled__default.h2(_templateObject7$b(), LabelColor);
|
|
9423
|
+
var StyledRadioListUl = styled__default.ul(_templateObject8$b());
|
|
9424
|
+
var StyledRadioListLi = styled__default.li(_templateObject9$a(), StyledRadioButtonLabel);
|
|
9425
|
+
var StyledBottomCTAContainer = styled__default.div(_templateObject10$9());
|
|
9426
|
+
var StyledLeftCTAContainer = styled__default.div(_templateObject11$8());
|
|
9427
|
+
var StyledLabelContainer = styled__default.div(_templateObject12$7(), CheckBoxBorder);
|
|
9156
9428
|
var StyledRightCTAContainer = styled__default.div(_templateObject13$4());
|
|
9157
9429
|
var StyledInputEndDate = styled__default.input(_templateObject14$4(), DefaultColorButton, calendarIcon);
|
|
9158
9430
|
var StyledInputStartDate = styled__default.input(_templateObject15$3(), DefaultColorButton);
|
|
@@ -9166,8 +9438,8 @@
|
|
|
9166
9438
|
}
|
|
9167
9439
|
}, ChevronImage);
|
|
9168
9440
|
|
|
9169
|
-
function ownKeys$
|
|
9170
|
-
function _objectSpread$
|
|
9441
|
+
function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
9442
|
+
function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
9171
9443
|
var DateRangePicker = function DateRangePicker(_ref) {
|
|
9172
9444
|
var label = _ref.label,
|
|
9173
9445
|
showRangeSelector = _ref.showRangeSelector,
|
|
@@ -9314,7 +9586,7 @@
|
|
|
9314
9586
|
children: /*#__PURE__*/jsxRuntime.jsxs(StyledContainer, {
|
|
9315
9587
|
children: [!showOnlyCalender && /*#__PURE__*/jsxRuntime.jsxs(StyledInputDateRangPickerContainer, {
|
|
9316
9588
|
isDatesSelected: startDate !== null && endDate !== null,
|
|
9317
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(StyledInputStartDate, _objectSpread$
|
|
9589
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(StyledInputStartDate, _objectSpread$c(_objectSpread$c({
|
|
9318
9590
|
type: "text",
|
|
9319
9591
|
placeholder: "Start Date",
|
|
9320
9592
|
value: startDateString || "",
|
|
@@ -9322,7 +9594,7 @@
|
|
|
9322
9594
|
ref: starDateInputRef
|
|
9323
9595
|
}, startDateInputProps), {}, {
|
|
9324
9596
|
readOnly: true
|
|
9325
|
-
})), /*#__PURE__*/jsxRuntime.jsx(StyledInputEndDate, _objectSpread$
|
|
9597
|
+
})), /*#__PURE__*/jsxRuntime.jsx(StyledInputEndDate, _objectSpread$c(_objectSpread$c({
|
|
9326
9598
|
type: "text",
|
|
9327
9599
|
placeholder: "End Date",
|
|
9328
9600
|
value: endDateString || "",
|
|
@@ -9335,7 +9607,7 @@
|
|
|
9335
9607
|
children: /*#__PURE__*/jsxRuntime.jsxs(StyledDatepickerMainContainer, {
|
|
9336
9608
|
showOnlyCalender: showOnlyCalender,
|
|
9337
9609
|
children: [/*#__PURE__*/jsxRuntime.jsxs(StyledDatePickerLeftContainer, {
|
|
9338
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(reactDates.DayPickerRangeController, _objectSpread$
|
|
9610
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(reactDates.DayPickerRangeController, _objectSpread$c({
|
|
9339
9611
|
onDatesChange: onDatesChange,
|
|
9340
9612
|
onFocusChange: onFocusChange,
|
|
9341
9613
|
focusedInput: focusedInput,
|
|
@@ -9352,20 +9624,20 @@
|
|
|
9352
9624
|
children: [/*#__PURE__*/jsxRuntime.jsxs(StyledLabelContainer, {
|
|
9353
9625
|
children: [selectedDaysNumber, " Days Selected"]
|
|
9354
9626
|
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
9355
|
-
label: "Reset",
|
|
9356
9627
|
variant: "url",
|
|
9357
9628
|
size: "small",
|
|
9358
|
-
onClick: handleResetDates
|
|
9629
|
+
onClick: handleResetDates,
|
|
9630
|
+
children: "Reset"
|
|
9359
9631
|
})]
|
|
9360
9632
|
}) : null, /*#__PURE__*/jsxRuntime.jsxs(StyledRightCTAContainer, {
|
|
9361
9633
|
children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
9362
|
-
label: "Cancel",
|
|
9363
9634
|
variant: "url",
|
|
9364
|
-
size: "small"
|
|
9635
|
+
size: "small",
|
|
9636
|
+
children: "Cancel"
|
|
9365
9637
|
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
9366
|
-
label: "Apply",
|
|
9367
9638
|
variant: "primary",
|
|
9368
|
-
size: "small"
|
|
9639
|
+
size: "small",
|
|
9640
|
+
children: "Apply"
|
|
9369
9641
|
})]
|
|
9370
9642
|
})]
|
|
9371
9643
|
})]
|
|
@@ -9394,8 +9666,8 @@
|
|
|
9394
9666
|
});
|
|
9395
9667
|
};
|
|
9396
9668
|
|
|
9397
|
-
function ownKeys$
|
|
9398
|
-
function _objectSpread$
|
|
9669
|
+
function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
9670
|
+
function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
9399
9671
|
var DatePicker = function DatePicker(_ref) {
|
|
9400
9672
|
var label = _ref.label,
|
|
9401
9673
|
showRangeSelector = _ref.showRangeSelector,
|
|
@@ -9453,7 +9725,7 @@
|
|
|
9453
9725
|
children: [!showOnlyCalender && /*#__PURE__*/jsxRuntime.jsx(StyledInputContainer, {
|
|
9454
9726
|
children: /*#__PURE__*/jsxRuntime.jsx(StyledInputDateRangPickerContainer, {
|
|
9455
9727
|
isDatesSelected: selectedDate !== null,
|
|
9456
|
-
children: /*#__PURE__*/jsxRuntime.jsx(StyledInputStartDateSingle, _objectSpread$
|
|
9728
|
+
children: /*#__PURE__*/jsxRuntime.jsx(StyledInputStartDateSingle, _objectSpread$d(_objectSpread$d({
|
|
9457
9729
|
type: "text",
|
|
9458
9730
|
placeholder: "Select Dates",
|
|
9459
9731
|
value: (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format("YYYY-MM-DD")) || "",
|
|
@@ -9467,7 +9739,7 @@
|
|
|
9467
9739
|
children: /*#__PURE__*/jsxRuntime.jsx(StyledDatepickerMainContainer, {
|
|
9468
9740
|
showOnlyCalender: showOnlyCalender,
|
|
9469
9741
|
children: /*#__PURE__*/jsxRuntime.jsxs(StyledDatePickerLeftContainer, {
|
|
9470
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(reactDates.DayPickerSingleDateController, _objectSpread$
|
|
9742
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(reactDates.DayPickerSingleDateController, _objectSpread$d({
|
|
9471
9743
|
onDateChange: onDatesChange,
|
|
9472
9744
|
onFocusChange: handleOnFocusChange,
|
|
9473
9745
|
focused: focused,
|
|
@@ -9479,13 +9751,13 @@
|
|
|
9479
9751
|
}, props)), /*#__PURE__*/jsxRuntime.jsx(StyledBottomCTAContainer, {
|
|
9480
9752
|
children: /*#__PURE__*/jsxRuntime.jsxs(StyledRightCTAContainer, {
|
|
9481
9753
|
children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
9482
|
-
label: "Cancel",
|
|
9483
9754
|
variant: "url",
|
|
9484
|
-
size: "small"
|
|
9755
|
+
size: "small",
|
|
9756
|
+
children: "Cancel"
|
|
9485
9757
|
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
9486
|
-
label: "Apply",
|
|
9487
9758
|
variant: "primary",
|
|
9488
|
-
size: "small"
|
|
9759
|
+
size: "small",
|
|
9760
|
+
children: "Apply"
|
|
9489
9761
|
})]
|
|
9490
9762
|
})
|
|
9491
9763
|
})]
|
|
@@ -9497,89 +9769,98 @@
|
|
|
9497
9769
|
});
|
|
9498
9770
|
};
|
|
9499
9771
|
|
|
9500
|
-
function
|
|
9772
|
+
function _templateObject11$9() {
|
|
9501
9773
|
var data = _taggedTemplateLiteral(["\n flex-direction: column;\n ", " {\n margin-bottom: 60px;\n &:last-child {\n margin-bottom: 0px;\n }\n &::after {\n content: \" \";\n height: 40px;\n width: 1px;\n position: absolute;\n right: auto;\n top: 48px;\n bottom: auto;\n margin: auto;\n left: 18px;\n }\n }\n "]);
|
|
9502
|
-
|
|
9774
|
+
_templateObject11$9 = function _templateObject11() {
|
|
9503
9775
|
return data;
|
|
9504
9776
|
};
|
|
9505
9777
|
return data;
|
|
9506
9778
|
}
|
|
9507
|
-
function
|
|
9779
|
+
function _templateObject10$a() {
|
|
9508
9780
|
var data = _taggedTemplateLiteral(["\n display: flex;\n ", "\n"]);
|
|
9509
|
-
|
|
9781
|
+
_templateObject10$a = function _templateObject10() {
|
|
9510
9782
|
return data;
|
|
9511
9783
|
};
|
|
9512
9784
|
return data;
|
|
9513
9785
|
}
|
|
9514
|
-
function
|
|
9515
|
-
var data = _taggedTemplateLiteral(["\n font-size: 12px;\n line-height: 16px;\n color: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n"]);
|
|
9516
|
-
|
|
9786
|
+
function _templateObject9$b() {
|
|
9787
|
+
var data = _taggedTemplateLiteral(["\n font-size: 12px;\n line-height: 16px;\n color: ", ";\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 10px;\n }\n"]);
|
|
9788
|
+
_templateObject9$b = function _templateObject9() {
|
|
9517
9789
|
return data;
|
|
9518
9790
|
};
|
|
9519
9791
|
return data;
|
|
9520
9792
|
}
|
|
9521
|
-
function
|
|
9522
|
-
var data = _taggedTemplateLiteral(["\n cursor:
|
|
9523
|
-
|
|
9793
|
+
function _templateObject8$c() {
|
|
9794
|
+
var data = _taggedTemplateLiteral(["\n cursor: default;\n "]);
|
|
9795
|
+
_templateObject8$c = function _templateObject8() {
|
|
9524
9796
|
return data;
|
|
9525
9797
|
};
|
|
9526
9798
|
return data;
|
|
9527
9799
|
}
|
|
9528
|
-
function
|
|
9529
|
-
var data = _taggedTemplateLiteral(["\n cursor: pointer;\n ", " {\n background: ", ";\n background-image: url(", ");\n background-size: 14px;\n background-repeat: no-repeat;\n background-position: center;\n }\n "]);
|
|
9530
|
-
|
|
9800
|
+
function _templateObject7$c() {
|
|
9801
|
+
var data = _taggedTemplateLiteral(["\n cursor: pointer;\n ", " {\n background: ", ";\n background-image: url(", ");\n background-size: 14px;\n background-repeat: no-repeat;\n background-position: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n background-size: 11px;\n }\n }\n "]);
|
|
9802
|
+
_templateObject7$c = function _templateObject7() {
|
|
9531
9803
|
return data;
|
|
9532
9804
|
};
|
|
9533
9805
|
return data;
|
|
9534
9806
|
}
|
|
9535
|
-
function
|
|
9807
|
+
function _templateObject6$c() {
|
|
9808
|
+
var data = _taggedTemplateLiteral(["\n cursor: pointer;\n ", " {\n background: ", ";\n background-image: url(", ");\n background-size: 14px;\n background-repeat: no-repeat;\n background-position: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n background-size: 11px;\n }\n }\n "]);
|
|
9809
|
+
_templateObject6$c = function _templateObject6() {
|
|
9810
|
+
return data;
|
|
9811
|
+
};
|
|
9812
|
+
return data;
|
|
9813
|
+
}
|
|
9814
|
+
function _templateObject5$e() {
|
|
9536
9815
|
var data = _taggedTemplateLiteral(["\n ", " {\n background: ", ";\n }\n ", " {\n font-weight: 600;\n }\n "]);
|
|
9537
|
-
_templateObject5$
|
|
9816
|
+
_templateObject5$e = function _templateObject5() {
|
|
9538
9817
|
return data;
|
|
9539
9818
|
};
|
|
9540
9819
|
return data;
|
|
9541
9820
|
}
|
|
9542
|
-
function _templateObject4$
|
|
9543
|
-
var data = _taggedTemplateLiteral(["\n max-width: 264px;\n display: flex;\n align-items: center;\n margin-right: 54px;\n position: relative;\n &::after {\n content: \" \";\n background: ", ";\n height: 1px;\n width: 40px;\n display: flex;\n justify-content: center;\n position: absolute;\n right: -48px;\n top: 0;\n bottom: 0;\n margin: auto;\n }\n\n &:last-child {\n &::after {\n display: none;\n }\n }\n ", "\n\n ", "\n ", "\n"]);
|
|
9544
|
-
_templateObject4$
|
|
9821
|
+
function _templateObject4$f() {
|
|
9822
|
+
var data = _taggedTemplateLiteral(["\n max-width: 264px;\n display: flex;\n align-items: center;\n margin-right: 54px;\n position: relative;\n cursor: pointer;\n &::after {\n content: \" \";\n background: ", ";\n height: 1px;\n width: 40px;\n display: flex;\n justify-content: center;\n position: absolute;\n right: -48px;\n top: 0;\n bottom: 0;\n margin: auto;\n }\n\n &:last-child {\n &::after {\n display: none;\n }\n }\n ", "\n\n ", "\n ", "\n\n ", "\n"]);
|
|
9823
|
+
_templateObject4$f = function _templateObject4() {
|
|
9545
9824
|
return data;
|
|
9546
9825
|
};
|
|
9547
9826
|
return data;
|
|
9548
9827
|
}
|
|
9549
|
-
function _templateObject3$
|
|
9550
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 21px;\n color: #1d1d1d;\n"]);
|
|
9551
|
-
_templateObject3$
|
|
9828
|
+
function _templateObject3$g() {
|
|
9829
|
+
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 21px;\n color: #1d1d1d;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
|
|
9830
|
+
_templateObject3$g = function _templateObject3() {
|
|
9552
9831
|
return data;
|
|
9553
9832
|
};
|
|
9554
9833
|
return data;
|
|
9555
9834
|
}
|
|
9556
|
-
function _templateObject2$
|
|
9835
|
+
function _templateObject2$g() {
|
|
9557
9836
|
var data = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n margin-left: 8px;\n max-width: 220px;\n position: relative;\n"]);
|
|
9558
|
-
_templateObject2$
|
|
9837
|
+
_templateObject2$g = function _templateObject2() {
|
|
9559
9838
|
return data;
|
|
9560
9839
|
};
|
|
9561
9840
|
return data;
|
|
9562
9841
|
}
|
|
9563
|
-
function _templateObject$
|
|
9564
|
-
var data = _taggedTemplateLiteral(["\n width: 36px;\n height: 36px;\n background: ", ";\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 14px;\n color: ", ";\n line-height: 21px;\n"]);
|
|
9565
|
-
_templateObject$
|
|
9842
|
+
function _templateObject$i() {
|
|
9843
|
+
var data = _taggedTemplateLiteral(["\n width: 36px;\n height: 36px;\n background: ", ";\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 14px;\n color: ", ";\n line-height: 21px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 24px;\n height: 24px;\n font-size: 12px;\n }\n"]);
|
|
9844
|
+
_templateObject$i = function _templateObject() {
|
|
9566
9845
|
return data;
|
|
9567
9846
|
};
|
|
9568
9847
|
return data;
|
|
9569
9848
|
}
|
|
9570
|
-
var StyledCircleContainer = styled__default.div(_templateObject$
|
|
9571
|
-
var StyledLabelMainContainer = styled__default.div(_templateObject2$
|
|
9572
|
-
var StyledLabel = styled__default.div(_templateObject3$
|
|
9573
|
-
var StyledStepperChildrenContainer = styled__default.div(_templateObject4$
|
|
9574
|
-
return props.isActive && styled.css(_templateObject5$
|
|
9849
|
+
var StyledCircleContainer = styled__default.div(_templateObject$i(), DefaultColorButton, WhiteColor);
|
|
9850
|
+
var StyledLabelMainContainer = styled__default.div(_templateObject2$g());
|
|
9851
|
+
var StyledLabel = styled__default.div(_templateObject3$g());
|
|
9852
|
+
var StyledStepperChildrenContainer = styled__default.div(_templateObject4$f(), DefaultColorButton, function (props) {
|
|
9853
|
+
return props.isActive && styled.css(_templateObject5$e(), StyledCircleContainer, PrimaryBlueColor, StyledLabel);
|
|
9575
9854
|
}, function (props) {
|
|
9576
|
-
return props.isCompleted && styled.css(_templateObject6$
|
|
9855
|
+
return props.isCompleted && styled.css(_templateObject6$c(), StyledCircleContainer, PrimaryBlueColor, TickWhite);
|
|
9577
9856
|
}, function (props) {
|
|
9578
|
-
return props.isEditable && props.isCompleted && styled.css(_templateObject7$
|
|
9857
|
+
return props.isEditable && props.isCompleted && styled.css(_templateObject7$c(), StyledCircleContainer, PrimaryBlueColor, EditWhite);
|
|
9858
|
+
}, function (props) {
|
|
9859
|
+
return props.disabled && styled.css(_templateObject8$c());
|
|
9579
9860
|
});
|
|
9580
|
-
var StyledDescription = styled__default.div(
|
|
9581
|
-
var StyledStepper = styled__default.div(
|
|
9582
|
-
return props.vertical && styled.css(
|
|
9861
|
+
var StyledDescription = styled__default.div(_templateObject9$b(), LabelColor);
|
|
9862
|
+
var StyledStepper = styled__default.div(_templateObject10$a(), function (props) {
|
|
9863
|
+
return props.vertical && styled.css(_templateObject11$9(), StyledStepperChildrenContainer);
|
|
9583
9864
|
});
|
|
9584
9865
|
|
|
9585
9866
|
var Stepper = function Stepper(_ref) {
|
|
@@ -9588,9 +9869,23 @@
|
|
|
9588
9869
|
vertical = _ref.vertical,
|
|
9589
9870
|
setActiveIndex = _ref.setActiveIndex,
|
|
9590
9871
|
props = _objectWithoutProperties(_ref, ["steps", "activeIndex", "vertical", "setActiveIndex"]);
|
|
9872
|
+
var handleStepClick = function handleStepClick(index, isEditable, isCompleted) {
|
|
9873
|
+
var _steps;
|
|
9874
|
+
// if set is editable and is previously completed it can be navigated again
|
|
9875
|
+
if (isEditable && isCompleted) {
|
|
9876
|
+
setActiveIndex(index);
|
|
9877
|
+
return;
|
|
9878
|
+
}
|
|
9879
|
+
// if current step is completed the next step can be navigated
|
|
9880
|
+
if (index > 0 && ((_steps = steps[index - 1]) === null || _steps === void 0 ? void 0 : _steps.isCompleted)) {
|
|
9881
|
+
setActiveIndex(index);
|
|
9882
|
+
return;
|
|
9883
|
+
}
|
|
9884
|
+
};
|
|
9591
9885
|
return /*#__PURE__*/jsxRuntime.jsx(StyledStepper, {
|
|
9592
9886
|
vertical: vertical,
|
|
9593
9887
|
children: steps.map(function (_ref2, index) {
|
|
9888
|
+
var _steps2;
|
|
9594
9889
|
var label = _ref2.label,
|
|
9595
9890
|
description = _ref2.description,
|
|
9596
9891
|
isEditable = _ref2.isEditable,
|
|
@@ -9600,9 +9895,9 @@
|
|
|
9600
9895
|
isCompleted: isCompleted,
|
|
9601
9896
|
isActive: activeIndex === index,
|
|
9602
9897
|
onClick: function onClick() {
|
|
9603
|
-
return isEditable
|
|
9604
|
-
}
|
|
9605
|
-
,
|
|
9898
|
+
return handleStepClick(index, isEditable, isCompleted);
|
|
9899
|
+
},
|
|
9900
|
+
disabled: !(isEditable && isCompleted || index > 0 && ((_steps2 = steps[index - 1]) === null || _steps2 === void 0 ? void 0 : _steps2.isCompleted)),
|
|
9606
9901
|
children: [/*#__PURE__*/jsxRuntime.jsx(StyledCircleContainer, {
|
|
9607
9902
|
children: !isCompleted && index + 1
|
|
9608
9903
|
}), /*#__PURE__*/jsxRuntime.jsxs(StyledLabelMainContainer, {
|
|
@@ -9617,58 +9912,58 @@
|
|
|
9617
9912
|
});
|
|
9618
9913
|
};
|
|
9619
9914
|
|
|
9620
|
-
function _templateObject6$
|
|
9915
|
+
function _templateObject6$d() {
|
|
9621
9916
|
var data = _taggedTemplateLiteral(["\n pointer-events: none;\n ", " {\n background: ", ";\n &::after {\n background: ", ";\n }\n }\n ", " {\n color: ", ";\n }\n "]);
|
|
9622
|
-
_templateObject6$
|
|
9917
|
+
_templateObject6$d = function _templateObject6() {
|
|
9623
9918
|
return data;
|
|
9624
9919
|
};
|
|
9625
9920
|
return data;
|
|
9626
9921
|
}
|
|
9627
|
-
function _templateObject5$
|
|
9922
|
+
function _templateObject5$f() {
|
|
9628
9923
|
var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 8px;\n ", "\n"]);
|
|
9629
|
-
_templateObject5$
|
|
9924
|
+
_templateObject5$f = function _templateObject5() {
|
|
9630
9925
|
return data;
|
|
9631
9926
|
};
|
|
9632
9927
|
return data;
|
|
9633
9928
|
}
|
|
9634
|
-
function _templateObject4$
|
|
9929
|
+
function _templateObject4$g() {
|
|
9635
9930
|
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n color: ", ";\n"]);
|
|
9636
|
-
_templateObject4$
|
|
9931
|
+
_templateObject4$g = function _templateObject4() {
|
|
9637
9932
|
return data;
|
|
9638
9933
|
};
|
|
9639
9934
|
return data;
|
|
9640
9935
|
}
|
|
9641
|
-
function _templateObject3$
|
|
9936
|
+
function _templateObject3$h() {
|
|
9642
9937
|
var data = _taggedTemplateLiteral(["\n opacity: 0;\n z-index: 1;\n border-radius: 15px;\n width: 36px;\n height: 14px;\n position: relative;\n cursor: pointer;\n &:checked + ", " {\n background: ", ";\n &::after {\n content: \"\";\n display: block;\n border-radius: 50%;\n width: 18px;\n height: 18px;\n margin-left: 18px;\n transition: 0.2s;\n margin-top: -2px;\n background: ", ";\n }\n }\n &:checked:disabled + ", " {\n background: ", ";\n &::after {\n content: \"\";\n display: block;\n border-radius: 50%;\n width: 18px;\n height: 18px;\n margin-left: 18px;\n transition: 0.2s;\n margin-top: -2px;\n background: ", ";\n }\n }\n"]);
|
|
9643
|
-
_templateObject3$
|
|
9938
|
+
_templateObject3$h = function _templateObject3() {
|
|
9644
9939
|
return data;
|
|
9645
9940
|
};
|
|
9646
9941
|
return data;
|
|
9647
9942
|
}
|
|
9648
|
-
function _templateObject2$
|
|
9943
|
+
function _templateObject2$h() {
|
|
9649
9944
|
var data = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n width: 36px;\n height: 14px;\n border-radius: 15px;\n background: ", ";\n cursor: pointer;\n &::after {\n content: \"\";\n display: block;\n border-radius: 50%;\n width: 18px;\n height: 18px;\n margin: 3px;\n background: ", ";\n margin-left: 0;\n margin-top: -2px;\n transition: 0.2s;\n }\n"]);
|
|
9650
|
-
_templateObject2$
|
|
9945
|
+
_templateObject2$h = function _templateObject2() {
|
|
9651
9946
|
return data;
|
|
9652
9947
|
};
|
|
9653
9948
|
return data;
|
|
9654
9949
|
}
|
|
9655
|
-
function _templateObject$
|
|
9950
|
+
function _templateObject$j() {
|
|
9656
9951
|
var data = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n"]);
|
|
9657
|
-
_templateObject$
|
|
9952
|
+
_templateObject$j = function _templateObject() {
|
|
9658
9953
|
return data;
|
|
9659
9954
|
};
|
|
9660
9955
|
return data;
|
|
9661
9956
|
}
|
|
9662
|
-
var CheckBoxWrapper = styled__default.div(_templateObject$
|
|
9663
|
-
var CheckBoxLabel = styled__default.label(_templateObject2$
|
|
9664
|
-
var CheckBox = styled__default.input(_templateObject3$
|
|
9665
|
-
var StyledLabelText$1 = styled__default.label(_templateObject4$
|
|
9666
|
-
var StyledSwitch = styled__default.div(_templateObject5$
|
|
9667
|
-
return props.disabled && styled.css(_templateObject6$
|
|
9957
|
+
var CheckBoxWrapper = styled__default.div(_templateObject$j());
|
|
9958
|
+
var CheckBoxLabel = styled__default.label(_templateObject2$h(), DisabledButtonFontColor, LabelColor);
|
|
9959
|
+
var CheckBox = styled__default.input(_templateObject3$h(), CheckBoxLabel, ToggleSwitchActiveBg, PrimaryBlueColor, CheckBoxLabel, DisabledButtonFontColor, DefaultColorButton);
|
|
9960
|
+
var StyledLabelText$1 = styled__default.label(_templateObject4$g(), LabelColor);
|
|
9961
|
+
var StyledSwitch = styled__default.div(_templateObject5$f(), function (props) {
|
|
9962
|
+
return props.disabled && styled.css(_templateObject6$d(), CheckBoxLabel, DisabledButtonFontColor, DefaultColorButton, StyledLabelText$1, DisabledButtonFontColor);
|
|
9668
9963
|
});
|
|
9669
9964
|
|
|
9670
|
-
function ownKeys$
|
|
9671
|
-
function _objectSpread$
|
|
9965
|
+
function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
9966
|
+
function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
9672
9967
|
var Switch = function Switch(_ref) {
|
|
9673
9968
|
var leftLabel = _ref.leftLabel,
|
|
9674
9969
|
rightLabel = _ref.rightLabel,
|
|
@@ -9683,7 +9978,7 @@
|
|
|
9683
9978
|
children: [leftLabel ? /*#__PURE__*/jsxRuntime.jsx(StyledLabelText$1, {
|
|
9684
9979
|
children: leftLabel
|
|
9685
9980
|
}) : null, /*#__PURE__*/jsxRuntime.jsxs(CheckBoxWrapper, {
|
|
9686
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(CheckBox, _objectSpread$
|
|
9981
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(CheckBox, _objectSpread$e({
|
|
9687
9982
|
id: id,
|
|
9688
9983
|
name: name,
|
|
9689
9984
|
type: "checkbox",
|
|
@@ -9698,103 +9993,103 @@
|
|
|
9698
9993
|
});
|
|
9699
9994
|
};
|
|
9700
9995
|
|
|
9701
|
-
function _templateObject11$
|
|
9702
|
-
var data = _taggedTemplateLiteral(["\n background: url(", ") no-repeat;\n background-size: 16px;\n display: inline-block;\n width: 16px;\n height: 16px;\n cursor: pointer;\n"]);
|
|
9703
|
-
_templateObject11$
|
|
9996
|
+
function _templateObject11$a() {
|
|
9997
|
+
var data = _taggedTemplateLiteral(["\n background: url(", ") no-repeat;\n background-size: 16px;\n display: inline-block;\n width: 16px;\n height: 16px;\n cursor: pointer;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n background-size: 13px;\n }\n"]);
|
|
9998
|
+
_templateObject11$a = function _templateObject11() {
|
|
9704
9999
|
return data;
|
|
9705
10000
|
};
|
|
9706
10001
|
return data;
|
|
9707
10002
|
}
|
|
9708
|
-
function _templateObject10$
|
|
10003
|
+
function _templateObject10$b() {
|
|
9709
10004
|
var data = _taggedTemplateLiteral(["\n width: 1238px;\n max-height: 748px;\n ", " {\n max-height: 633px;\n }\n "]);
|
|
9710
|
-
_templateObject10$
|
|
10005
|
+
_templateObject10$b = function _templateObject10() {
|
|
9711
10006
|
return data;
|
|
9712
10007
|
};
|
|
9713
10008
|
return data;
|
|
9714
10009
|
}
|
|
9715
|
-
function _templateObject9$
|
|
10010
|
+
function _templateObject9$c() {
|
|
9716
10011
|
var data = _taggedTemplateLiteral(["\n width: 735px;\n max-height: 444px;\n ", " {\n max-height: 329px;\n }\n "]);
|
|
9717
|
-
_templateObject9$
|
|
10012
|
+
_templateObject9$c = function _templateObject9() {
|
|
9718
10013
|
return data;
|
|
9719
10014
|
};
|
|
9720
10015
|
return data;
|
|
9721
10016
|
}
|
|
9722
|
-
function _templateObject8$
|
|
10017
|
+
function _templateObject8$d() {
|
|
9723
10018
|
var data = _taggedTemplateLiteral(["\n width: 543px;\n max-height: 283px;\n ", " {\n max-height: 122px;\n }\n "]);
|
|
9724
|
-
_templateObject8$
|
|
10019
|
+
_templateObject8$d = function _templateObject8() {
|
|
9725
10020
|
return data;
|
|
9726
10021
|
};
|
|
9727
10022
|
return data;
|
|
9728
10023
|
}
|
|
9729
|
-
function _templateObject7$
|
|
10024
|
+
function _templateObject7$d() {
|
|
9730
10025
|
var data = _taggedTemplateLiteral(["\n margin: auto;\n background: ", ";\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);\n ", "\n"]);
|
|
9731
|
-
_templateObject7$
|
|
10026
|
+
_templateObject7$d = function _templateObject7() {
|
|
9732
10027
|
return data;
|
|
9733
10028
|
};
|
|
9734
10029
|
return data;
|
|
9735
10030
|
}
|
|
9736
|
-
function _templateObject6$
|
|
9737
|
-
var data = _taggedTemplateLiteral(["\n height: 65px;\n display: flex;\n align-items: center;\n padding: 20px;\n box-sizing: border-box;\n gap: 16px;\n justify-content: flex-end;\n"]);
|
|
9738
|
-
_templateObject6$
|
|
10031
|
+
function _templateObject6$e() {
|
|
10032
|
+
var data = _taggedTemplateLiteral(["\n height: 65px;\n display: flex;\n align-items: center;\n padding: 20px;\n box-sizing: border-box;\n gap: 16px;\n justify-content: flex-end;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding: 10px;\n height: 45px;\n padding-top: 0px;\n gap: 0px;\n }\n"]);
|
|
10033
|
+
_templateObject6$e = function _templateObject6() {
|
|
9739
10034
|
return data;
|
|
9740
10035
|
};
|
|
9741
10036
|
return data;
|
|
9742
10037
|
}
|
|
9743
|
-
function _templateObject5$
|
|
9744
|
-
var data = _taggedTemplateLiteral(["\n padding: 20px;\n box-sizing: border-box;\n
|
|
9745
|
-
_templateObject5$
|
|
10038
|
+
function _templateObject5$g() {
|
|
10039
|
+
var data = _taggedTemplateLiteral(["\n padding: 20px;\n box-sizing: border-box;\n overflow: auto;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding: 10px;\n font-size: 12px;\n }\n"]);
|
|
10040
|
+
_templateObject5$g = function _templateObject5() {
|
|
9746
10041
|
return data;
|
|
9747
10042
|
};
|
|
9748
10043
|
return data;
|
|
9749
10044
|
}
|
|
9750
|
-
function _templateObject4$
|
|
9751
|
-
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n"]);
|
|
9752
|
-
_templateObject4$
|
|
10045
|
+
function _templateObject4$h() {
|
|
10046
|
+
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 14px;\n }\n"]);
|
|
10047
|
+
_templateObject4$h = function _templateObject4() {
|
|
9753
10048
|
return data;
|
|
9754
10049
|
};
|
|
9755
10050
|
return data;
|
|
9756
10051
|
}
|
|
9757
|
-
function _templateObject3$
|
|
9758
|
-
var data = _taggedTemplateLiteral(["\n height: 50px;\n background: ", ";\n padding: 20px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n"]);
|
|
9759
|
-
_templateObject3$
|
|
10052
|
+
function _templateObject3$i() {
|
|
10053
|
+
var data = _taggedTemplateLiteral(["\n height: 50px;\n background: ", ";\n padding: 20px;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: 35px;\n padding: 10px;\n }\n"]);
|
|
10054
|
+
_templateObject3$i = function _templateObject3() {
|
|
9760
10055
|
return data;
|
|
9761
10056
|
};
|
|
9762
10057
|
return data;
|
|
9763
10058
|
}
|
|
9764
|
-
function _templateObject2$
|
|
10059
|
+
function _templateObject2$i() {
|
|
9765
10060
|
var data = _taggedTemplateLiteral([""]);
|
|
9766
|
-
_templateObject2$
|
|
10061
|
+
_templateObject2$i = function _templateObject2() {
|
|
9767
10062
|
return data;
|
|
9768
10063
|
};
|
|
9769
10064
|
return data;
|
|
9770
10065
|
}
|
|
9771
|
-
function _templateObject$
|
|
10066
|
+
function _templateObject$k() {
|
|
9772
10067
|
var data = _taggedTemplateLiteral(["\n background: rgba(57, 73, 96, 0.6);\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n z-index: ", ";\n"]);
|
|
9773
|
-
_templateObject$
|
|
10068
|
+
_templateObject$k = function _templateObject() {
|
|
9774
10069
|
return data;
|
|
9775
10070
|
};
|
|
9776
10071
|
return data;
|
|
9777
10072
|
}
|
|
9778
|
-
var StyledModalContainer = styled__default.div(_templateObject$
|
|
9779
|
-
var StyledModalMainContainerDemo = styled__default.div(_templateObject2$
|
|
9780
|
-
var StyledModalHeader = styled__default.div(_templateObject3$
|
|
9781
|
-
var StyledModalHeadingText = styled__default.h2(_templateObject4$
|
|
9782
|
-
var StyledModalContentContainer = styled__default.div(_templateObject5$
|
|
9783
|
-
var StyledBottomButtonContainer = styled__default.div(_templateObject6$
|
|
9784
|
-
var StyledModalBodyContainer = styled__default.div(_templateObject7$
|
|
10073
|
+
var StyledModalContainer = styled__default.div(_templateObject$k(), VERY_HIGH);
|
|
10074
|
+
var StyledModalMainContainerDemo = styled__default.div(_templateObject2$i());
|
|
10075
|
+
var StyledModalHeader = styled__default.div(_templateObject3$i(), TooltipBackgroundColor);
|
|
10076
|
+
var StyledModalHeadingText = styled__default.h2(_templateObject4$h(), WhiteColor);
|
|
10077
|
+
var StyledModalContentContainer = styled__default.div(_templateObject5$g());
|
|
10078
|
+
var StyledBottomButtonContainer = styled__default.div(_templateObject6$e());
|
|
10079
|
+
var StyledModalBodyContainer = styled__default.div(_templateObject7$d(), WhiteColor, function (props) {
|
|
9785
10080
|
switch (props.size) {
|
|
9786
10081
|
case "small":
|
|
9787
|
-
return styled.css(_templateObject8$
|
|
10082
|
+
return styled.css(_templateObject8$d(), StyledModalContentContainer);
|
|
9788
10083
|
case "medium":
|
|
9789
|
-
return styled.css(_templateObject9$
|
|
10084
|
+
return styled.css(_templateObject9$c(), StyledModalContentContainer);
|
|
9790
10085
|
case "large":
|
|
9791
|
-
return styled.css(_templateObject10$
|
|
10086
|
+
return styled.css(_templateObject10$b(), StyledModalContentContainer);
|
|
9792
10087
|
}
|
|
9793
10088
|
});
|
|
9794
|
-
var StyledCloseIcon$1 = styled__default.i(_templateObject11$
|
|
10089
|
+
var StyledCloseIcon$1 = styled__default.i(_templateObject11$a(), CloseIconWhite);
|
|
9795
10090
|
|
|
9796
|
-
function ownKeys$
|
|
9797
|
-
function _objectSpread$
|
|
10091
|
+
function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
10092
|
+
function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
9798
10093
|
var Modal = function Modal(_ref) {
|
|
9799
10094
|
var isOpen = _ref.isOpen,
|
|
9800
10095
|
_ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
|
|
@@ -9809,7 +10104,7 @@
|
|
|
9809
10104
|
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
9810
10105
|
children: isOpen ? /*#__PURE__*/jsxRuntime.jsx(StyledModalContainer, {
|
|
9811
10106
|
onClick: closeOnOverlayClick ? onClose : nul,
|
|
9812
|
-
children: /*#__PURE__*/jsxRuntime.jsxs(StyledModalBodyContainer, _objectSpread$
|
|
10107
|
+
children: /*#__PURE__*/jsxRuntime.jsxs(StyledModalBodyContainer, _objectSpread$f(_objectSpread$f({
|
|
9813
10108
|
size: size
|
|
9814
10109
|
}, props), {}, {
|
|
9815
10110
|
onClick: function onClick(e) {
|
|
@@ -9824,115 +10119,115 @@
|
|
|
9824
10119
|
}), /*#__PURE__*/jsxRuntime.jsx(StyledModalContentContainer, {
|
|
9825
10120
|
children: children
|
|
9826
10121
|
}), /*#__PURE__*/jsxRuntime.jsxs(StyledBottomButtonContainer, {
|
|
9827
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
10122
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$f(_objectSpread$f({}, tertiaryButtonProps), {}, {
|
|
9828
10123
|
variant: "url"
|
|
9829
|
-
}
|
|
10124
|
+
})), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$f(_objectSpread$f({}, primaryButtonProps), {}, {
|
|
9830
10125
|
variant: "primary"
|
|
9831
|
-
}
|
|
10126
|
+
}))]
|
|
9832
10127
|
})]
|
|
9833
10128
|
}))
|
|
9834
10129
|
}) : null
|
|
9835
10130
|
});
|
|
9836
10131
|
};
|
|
9837
10132
|
|
|
9838
|
-
function _templateObject11$
|
|
9839
|
-
var data = _taggedTemplateLiteral(["\n height: 65px;\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: flex-end;\n"]);
|
|
9840
|
-
_templateObject11$
|
|
10133
|
+
function _templateObject11$b() {
|
|
10134
|
+
var data = _taggedTemplateLiteral(["\n height: 65px;\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: flex-end;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: 45px;\n }\n"]);
|
|
10135
|
+
_templateObject11$b = function _templateObject11() {
|
|
9841
10136
|
return data;
|
|
9842
10137
|
};
|
|
9843
10138
|
return data;
|
|
9844
10139
|
}
|
|
9845
|
-
function _templateObject10$
|
|
9846
|
-
var data = _taggedTemplateLiteral(["\n font-size: 12px;\n color: ", ";\n list-style: disc;\n line-height: 18px;\n margin-bottom:
|
|
9847
|
-
_templateObject10$
|
|
10140
|
+
function _templateObject10$c() {
|
|
10141
|
+
var data = _taggedTemplateLiteral(["\n font-size: 12px;\n color: ", ";\n list-style: disc;\n line-height: 18px;\n margin-bottom: 4px;\n margin-left: 20px;\n"]);
|
|
10142
|
+
_templateObject10$c = function _templateObject10() {
|
|
9848
10143
|
return data;
|
|
9849
10144
|
};
|
|
9850
10145
|
return data;
|
|
9851
10146
|
}
|
|
9852
|
-
function _templateObject9$
|
|
10147
|
+
function _templateObject9$d() {
|
|
9853
10148
|
var data = _taggedTemplateLiteral([""]);
|
|
9854
|
-
_templateObject9$
|
|
10149
|
+
_templateObject9$d = function _templateObject9() {
|
|
9855
10150
|
return data;
|
|
9856
10151
|
};
|
|
9857
10152
|
return data;
|
|
9858
10153
|
}
|
|
9859
|
-
function _templateObject8$
|
|
9860
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n font-weight: 500;\n line-height: 15px;\n padding: 10px 0;\n"]);
|
|
9861
|
-
_templateObject8$
|
|
10154
|
+
function _templateObject8$e() {
|
|
10155
|
+
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n font-weight: 500;\n line-height: 15px;\n padding: 10px 0;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n padding-top: 0px;\n }\n"]);
|
|
10156
|
+
_templateObject8$e = function _templateObject8() {
|
|
9862
10157
|
return data;
|
|
9863
10158
|
};
|
|
9864
10159
|
return data;
|
|
9865
10160
|
}
|
|
9866
|
-
function _templateObject7$
|
|
9867
|
-
var data = _taggedTemplateLiteral(["\n &::before {\n background: ", ";\n }\n ", " {\n background: url(", ") no-repeat;\n background-size: 14px;\n background-position: 0px;\n }\n "]);
|
|
9868
|
-
_templateObject7$
|
|
10161
|
+
function _templateObject7$e() {
|
|
10162
|
+
var data = _taggedTemplateLiteral(["\n &::before {\n background: ", ";\n }\n ", " {\n background: url(", ") no-repeat;\n background-size: 14px;\n background-position: 0px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n }\n "]);
|
|
10163
|
+
_templateObject7$e = function _templateObject7() {
|
|
9869
10164
|
return data;
|
|
9870
10165
|
};
|
|
9871
10166
|
return data;
|
|
9872
10167
|
}
|
|
9873
|
-
function _templateObject6$
|
|
9874
|
-
var data = _taggedTemplateLiteral(["\n &::before {\n background: ", ";\n }\n ", " {\n background: url(", ") no-repeat;\n background-size: 14px;\n background-position: 0px;\n }\n "]);
|
|
9875
|
-
_templateObject6$
|
|
10168
|
+
function _templateObject6$f() {
|
|
10169
|
+
var data = _taggedTemplateLiteral(["\n &::before {\n background: ", ";\n }\n ", " {\n background: url(", ") no-repeat;\n background-size: 14px;\n background-position: 0px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n }\n "]);
|
|
10170
|
+
_templateObject6$f = function _templateObject6() {
|
|
9876
10171
|
return data;
|
|
9877
10172
|
};
|
|
9878
10173
|
return data;
|
|
9879
10174
|
}
|
|
9880
|
-
function _templateObject5$
|
|
9881
|
-
var data = _taggedTemplateLiteral(["\n &::before {\n background: ", ";\n }\n ", " {\n background: url(", ") no-repeat;\n background-size: 14px;\n background-position: 0px;\n }\n "]);
|
|
9882
|
-
_templateObject5$
|
|
10175
|
+
function _templateObject5$h() {
|
|
10176
|
+
var data = _taggedTemplateLiteral(["\n &::before {\n background: ", ";\n }\n ", " {\n background: url(", ") no-repeat;\n background-size: 14px;\n background-position: 0px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n }\n "]);
|
|
10177
|
+
_templateObject5$h = function _templateObject5() {
|
|
9883
10178
|
return data;
|
|
9884
10179
|
};
|
|
9885
10180
|
return data;
|
|
9886
10181
|
}
|
|
9887
|
-
function _templateObject4$
|
|
9888
|
-
var data = _taggedTemplateLiteral(["\n &::before {\n background: ", ";\n }\n ", " {\n background: url(", ") no-repeat;\n background-size: 14px;\n background-position: 0px;\n }\n "]);
|
|
9889
|
-
_templateObject4$
|
|
10182
|
+
function _templateObject4$i() {
|
|
10183
|
+
var data = _taggedTemplateLiteral(["\n &::before {\n background: ", ";\n }\n ", " {\n background: url(", ") no-repeat;\n background-size: 14px;\n background-position: 0px;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n }\n "]);
|
|
10184
|
+
_templateObject4$i = function _templateObject4() {
|
|
9890
10185
|
return data;
|
|
9891
10186
|
};
|
|
9892
10187
|
return data;
|
|
9893
10188
|
}
|
|
9894
|
-
function _templateObject3$
|
|
9895
|
-
var data = _taggedTemplateLiteral(["\n width: 414px;\n padding: 0 20px 20px 20px;\n box-sizing: border-box;\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n position: relative;\n background-color: ", ";\n margin-top: 75px;\n\n &::before {\n height: 8px;\n border-radius: 4px 4px 0 0;\n content: \" \";\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n }\n\n ", "\n"]);
|
|
9896
|
-
_templateObject3$
|
|
10189
|
+
function _templateObject3$j() {
|
|
10190
|
+
var data = _taggedTemplateLiteral(["\n width: 414px;\n padding: 0 20px 20px 20px;\n box-sizing: border-box;\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);\n border-radius: 4px;\n position: relative;\n background-color: ", ";\n margin-top: 75px;\n\n &::before {\n height: 8px;\n border-radius: 4px 4px 0 0;\n content: \" \";\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: 4px;\n }\n }\n\n ", "\n"]);
|
|
10191
|
+
_templateObject3$j = function _templateObject3() {
|
|
9897
10192
|
return data;
|
|
9898
10193
|
};
|
|
9899
10194
|
return data;
|
|
9900
10195
|
}
|
|
9901
|
-
function _templateObject2$
|
|
9902
|
-
var data = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n padding: 16px 8px;\n padding-left: 20px;\n"]);
|
|
9903
|
-
_templateObject2$
|
|
10196
|
+
function _templateObject2$j() {
|
|
10197
|
+
var data = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n padding: 16px 8px;\n padding-left: 20px;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 14px;\n padding: 12px 8px;\n padding-left: 22px;\n }\n"]);
|
|
10198
|
+
_templateObject2$j = function _templateObject2() {
|
|
9904
10199
|
return data;
|
|
9905
10200
|
};
|
|
9906
10201
|
return data;
|
|
9907
10202
|
}
|
|
9908
|
-
function _templateObject$
|
|
10203
|
+
function _templateObject$l() {
|
|
9909
10204
|
var data = _taggedTemplateLiteral(["\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: flex-start;\n justify-content: center;\n z-index: 9999;\n"]);
|
|
9910
|
-
_templateObject$
|
|
10205
|
+
_templateObject$l = function _templateObject() {
|
|
9911
10206
|
return data;
|
|
9912
10207
|
};
|
|
9913
10208
|
return data;
|
|
9914
10209
|
}
|
|
9915
|
-
var StyledPromptOverlay = styled__default.div(_templateObject$
|
|
9916
|
-
var StyledPromptHeading = styled__default.h2(_templateObject2$
|
|
9917
|
-
var StyledPrompt = styled__default.div(_templateObject3$
|
|
10210
|
+
var StyledPromptOverlay = styled__default.div(_templateObject$l());
|
|
10211
|
+
var StyledPromptHeading = styled__default.h2(_templateObject2$j());
|
|
10212
|
+
var StyledPrompt = styled__default.div(_templateObject3$j(), WhiteColor, function (props) {
|
|
9918
10213
|
switch (props.variant) {
|
|
9919
10214
|
case "default":
|
|
9920
|
-
return styled.css(_templateObject4$
|
|
10215
|
+
return styled.css(_templateObject4$i(), PrimaryBlueColor, StyledPromptHeading, InfoIcon);
|
|
9921
10216
|
case "warning":
|
|
9922
|
-
return styled.css(_templateObject5$
|
|
10217
|
+
return styled.css(_templateObject5$h(), AlertOrangeWarningStroke, StyledPromptHeading, Warning);
|
|
9923
10218
|
case "error":
|
|
9924
|
-
return styled.css(_templateObject6$
|
|
10219
|
+
return styled.css(_templateObject6$f(), AlertRedErrorStroke, StyledPromptHeading, AlertIcon);
|
|
9925
10220
|
case "success":
|
|
9926
|
-
return styled.css(_templateObject7$
|
|
10221
|
+
return styled.css(_templateObject7$e(), AlertGreenSuccessStroke, StyledPromptHeading, SuccessIcon);
|
|
9927
10222
|
}
|
|
9928
10223
|
});
|
|
9929
|
-
var StyledPromptSubheading = styled__default.h3(_templateObject8$
|
|
9930
|
-
var StyledUlListContent = styled__default.ul(_templateObject9$
|
|
9931
|
-
var StyledLiListContent = styled__default.li(_templateObject10$
|
|
9932
|
-
var StyledBottomCTAContainer$1 = styled__default.div(_templateObject11$
|
|
10224
|
+
var StyledPromptSubheading = styled__default.h3(_templateObject8$e());
|
|
10225
|
+
var StyledUlListContent = styled__default.ul(_templateObject9$d());
|
|
10226
|
+
var StyledLiListContent = styled__default.li(_templateObject10$c(), CheckBoxBorder);
|
|
10227
|
+
var StyledBottomCTAContainer$1 = styled__default.div(_templateObject11$b());
|
|
9933
10228
|
|
|
9934
|
-
function ownKeys$
|
|
9935
|
-
function _objectSpread$
|
|
10229
|
+
function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
10230
|
+
function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
9936
10231
|
var Prompt = function Prompt(_ref) {
|
|
9937
10232
|
var isOpen = _ref.isOpen,
|
|
9938
10233
|
_ref$variant = _ref.variant,
|
|
@@ -9952,17 +10247,17 @@
|
|
|
9952
10247
|
}), /*#__PURE__*/jsxRuntime.jsx(StyledPromptSubheading, {
|
|
9953
10248
|
children: subHeading
|
|
9954
10249
|
}), /*#__PURE__*/jsxRuntime.jsx(StyledUlListContent, {
|
|
9955
|
-
children: infoList.map(function (info, i) {
|
|
10250
|
+
children: infoList && infoList.map(function (info, i) {
|
|
9956
10251
|
return /*#__PURE__*/jsxRuntime.jsx(StyledLiListContent, {
|
|
9957
10252
|
children: info
|
|
9958
10253
|
}, i);
|
|
9959
10254
|
})
|
|
9960
10255
|
}), /*#__PURE__*/jsxRuntime.jsxs(StyledBottomCTAContainer$1, {
|
|
9961
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
10256
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$g(_objectSpread$g({}, tertiaryButtonProps), {}, {
|
|
9962
10257
|
variant: "url"
|
|
9963
|
-
}
|
|
10258
|
+
})), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$g(_objectSpread$g({}, primaryButtonProps), {}, {
|
|
9964
10259
|
variant: "primary"
|
|
9965
|
-
}
|
|
10260
|
+
}))]
|
|
9966
10261
|
})]
|
|
9967
10262
|
})
|
|
9968
10263
|
}) : null
|
|
@@ -10004,102 +10299,102 @@
|
|
|
10004
10299
|
};
|
|
10005
10300
|
return data;
|
|
10006
10301
|
}
|
|
10007
|
-
function _templateObject12$
|
|
10008
|
-
var data = _taggedTemplateLiteral(["\n padding-top: 22px;\n"]);
|
|
10009
|
-
_templateObject12$
|
|
10302
|
+
function _templateObject12$8() {
|
|
10303
|
+
var data = _taggedTemplateLiteral(["\n padding-top: 22px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding-top: 10px;\n }\n"]);
|
|
10304
|
+
_templateObject12$8 = function _templateObject12() {
|
|
10010
10305
|
return data;
|
|
10011
10306
|
};
|
|
10012
10307
|
return data;
|
|
10013
10308
|
}
|
|
10014
|
-
function _templateObject11$
|
|
10015
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 15px;\n font-weight: 500;\n margin-top: 40px;\n"]);
|
|
10016
|
-
_templateObject11$
|
|
10309
|
+
function _templateObject11$c() {
|
|
10310
|
+
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 15px;\n font-weight: 500;\n margin-top: 40px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n margin-top: 20px;\n }\n"]);
|
|
10311
|
+
_templateObject11$c = function _templateObject11() {
|
|
10017
10312
|
return data;
|
|
10018
10313
|
};
|
|
10019
10314
|
return data;
|
|
10020
10315
|
}
|
|
10021
|
-
function _templateObject10$
|
|
10316
|
+
function _templateObject10$d() {
|
|
10022
10317
|
var data = _taggedTemplateLiteral([""]);
|
|
10023
|
-
_templateObject10$
|
|
10318
|
+
_templateObject10$d = function _templateObject10() {
|
|
10024
10319
|
return data;
|
|
10025
10320
|
};
|
|
10026
10321
|
return data;
|
|
10027
10322
|
}
|
|
10028
|
-
function _templateObject9$
|
|
10323
|
+
function _templateObject9$e() {
|
|
10029
10324
|
var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n"]);
|
|
10030
|
-
_templateObject9$
|
|
10325
|
+
_templateObject9$e = function _templateObject9() {
|
|
10031
10326
|
return data;
|
|
10032
10327
|
};
|
|
10033
10328
|
return data;
|
|
10034
10329
|
}
|
|
10035
|
-
function _templateObject8$
|
|
10330
|
+
function _templateObject8$f() {
|
|
10036
10331
|
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 21px;\n color: ", ";\n text-align: center;\n margin-top: 8px;\n position: relative;\n &::before {\n width: 32px;\n height: 1px;\n content: \" \";\n background: ", ";\n position: absolute;\n left: 77px;\n top: 0;\n bottom: 0;\n margin: auto;\n }\n &::after {\n width: 32px;\n height: 1px;\n content: \" \";\n background: ", ";\n position: absolute;\n right: 77px;\n top: 0;\n bottom: 0;\n margin: auto;\n }\n"]);
|
|
10037
|
-
_templateObject8$
|
|
10332
|
+
_templateObject8$f = function _templateObject8() {
|
|
10038
10333
|
return data;
|
|
10039
10334
|
};
|
|
10040
10335
|
return data;
|
|
10041
10336
|
}
|
|
10042
|
-
function _templateObject7$
|
|
10337
|
+
function _templateObject7$f() {
|
|
10043
10338
|
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 21px;\n margin-top: 18px;\n text-align: center;\n"]);
|
|
10044
|
-
_templateObject7$
|
|
10339
|
+
_templateObject7$f = function _templateObject7() {
|
|
10045
10340
|
return data;
|
|
10046
10341
|
};
|
|
10047
10342
|
return data;
|
|
10048
10343
|
}
|
|
10049
|
-
function _templateObject6$
|
|
10344
|
+
function _templateObject6$g() {
|
|
10050
10345
|
var data = _taggedTemplateLiteral(["\n background: url(", ") no-repeat;\n width: 54px;\n height: 36px;\n background-size: cover;\n margin: auto;\n"]);
|
|
10051
|
-
_templateObject6$
|
|
10346
|
+
_templateObject6$g = function _templateObject6() {
|
|
10052
10347
|
return data;
|
|
10053
10348
|
};
|
|
10054
10349
|
return data;
|
|
10055
10350
|
}
|
|
10056
|
-
function _templateObject5$
|
|
10351
|
+
function _templateObject5$i() {
|
|
10057
10352
|
var data = _taggedTemplateLiteral(["\n justify-content: center;\n"]);
|
|
10058
|
-
_templateObject5$
|
|
10353
|
+
_templateObject5$i = function _templateObject5() {
|
|
10059
10354
|
return data;
|
|
10060
10355
|
};
|
|
10061
10356
|
return data;
|
|
10062
10357
|
}
|
|
10063
|
-
function _templateObject4$
|
|
10064
|
-
var data = _taggedTemplateLiteral(["\n width: 543px;\n height: 207px;\n border: 1px dashed ", ";\n border-radius: 4px;\n margin-top: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n"]);
|
|
10065
|
-
_templateObject4$
|
|
10358
|
+
function _templateObject4$j() {
|
|
10359
|
+
var data = _taggedTemplateLiteral(["\n width: 543px;\n height: 207px;\n border: 1px dashed ", ";\n border-radius: 4px;\n margin-top: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 488px;\n padding: 15px;\n margin-top: 10px;\n height: 165px;\n }\n"]);
|
|
10360
|
+
_templateObject4$j = function _templateObject4() {
|
|
10066
10361
|
return data;
|
|
10067
10362
|
};
|
|
10068
10363
|
return data;
|
|
10069
10364
|
}
|
|
10070
|
-
function _templateObject3$
|
|
10071
|
-
var data = _taggedTemplateLiteral(["\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n"]);
|
|
10072
|
-
_templateObject3$
|
|
10365
|
+
function _templateObject3$k() {
|
|
10366
|
+
var data = _taggedTemplateLiteral(["\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 14px;\n }\n"]);
|
|
10367
|
+
_templateObject3$k = function _templateObject3() {
|
|
10073
10368
|
return data;
|
|
10074
10369
|
};
|
|
10075
10370
|
return data;
|
|
10076
10371
|
}
|
|
10077
|
-
function _templateObject2$
|
|
10078
|
-
var data = _taggedTemplateLiteral(["\n width: 591px;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);\n padding: 24px;\n box-sizing: border-box;\n"]);
|
|
10079
|
-
_templateObject2$
|
|
10372
|
+
function _templateObject2$k() {
|
|
10373
|
+
var data = _taggedTemplateLiteral(["\n width: 591px;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);\n padding: 24px;\n box-sizing: border-box;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 550px;\n padding: 15px;\n }\n"]);
|
|
10374
|
+
_templateObject2$k = function _templateObject2() {
|
|
10080
10375
|
return data;
|
|
10081
10376
|
};
|
|
10082
10377
|
return data;
|
|
10083
10378
|
}
|
|
10084
|
-
function _templateObject$
|
|
10379
|
+
function _templateObject$m() {
|
|
10085
10380
|
var data = _taggedTemplateLiteral(["\n padding-top: 12px;\n display: flex;\n flex-direction: row-reverse;\n gap: 16px;\n"]);
|
|
10086
|
-
_templateObject$
|
|
10381
|
+
_templateObject$m = function _templateObject() {
|
|
10087
10382
|
return data;
|
|
10088
10383
|
};
|
|
10089
10384
|
return data;
|
|
10090
10385
|
}
|
|
10091
|
-
var StyledButtonContainer = styled__default.div(_templateObject$
|
|
10092
|
-
var StyledFileSelector = styled__default.div(_templateObject2$
|
|
10093
|
-
var StyledFileHeading = styled__default.h2(_templateObject3$
|
|
10094
|
-
var StyledDropZone = styled__default.div(_templateObject4$
|
|
10095
|
-
var StyledCenterAlignedZone = styled__default.div(_templateObject5$
|
|
10096
|
-
var StyledUploadImage = styled__default.div(_templateObject6$
|
|
10097
|
-
var StyledDropZoneLabel = styled__default.div(_templateObject7$
|
|
10098
|
-
var StyledCenterDividerContainer = styled__default.div(_templateObject8$
|
|
10099
|
-
var StyledFileUploadButton = styled__default.div(_templateObject9$
|
|
10100
|
-
var StyledUploadingZoneContainer = styled__default.div(_templateObject10$
|
|
10101
|
-
var StyledSubHeadingContainer = styled__default.h2(_templateObject11$
|
|
10102
|
-
var StyledFileUploadContainer = styled__default.div(_templateObject12$
|
|
10386
|
+
var StyledButtonContainer = styled__default.div(_templateObject$m());
|
|
10387
|
+
var StyledFileSelector = styled__default.div(_templateObject2$k());
|
|
10388
|
+
var StyledFileHeading = styled__default.h2(_templateObject3$k());
|
|
10389
|
+
var StyledDropZone = styled__default.div(_templateObject4$j(), SecondaryBlueColor);
|
|
10390
|
+
var StyledCenterAlignedZone = styled__default.div(_templateObject5$i());
|
|
10391
|
+
var StyledUploadImage = styled__default.div(_templateObject6$g(), UploadIcon);
|
|
10392
|
+
var StyledDropZoneLabel = styled__default.div(_templateObject7$f());
|
|
10393
|
+
var StyledCenterDividerContainer = styled__default.div(_templateObject8$f(), DefaultColorButton, FocusDisableBorderColor, FocusDisableBorderColor);
|
|
10394
|
+
var StyledFileUploadButton = styled__default.div(_templateObject9$e());
|
|
10395
|
+
var StyledUploadingZoneContainer = styled__default.div(_templateObject10$d());
|
|
10396
|
+
var StyledSubHeadingContainer = styled__default.h2(_templateObject11$c());
|
|
10397
|
+
var StyledFileUploadContainer = styled__default.div(_templateObject12$8());
|
|
10103
10398
|
var StyledFileLabel = styled__default.label(_templateObject13$5(), LabelColor);
|
|
10104
10399
|
var StyledProgressMainContainer = styled__default.div(_templateObject14$5());
|
|
10105
10400
|
var StyledClearIcon = styled__default.i(_templateObject15$4(), NotificationClose);
|
|
@@ -10410,8 +10705,8 @@
|
|
|
10410
10705
|
|
|
10411
10706
|
var uniqueId_1 = uniqueId;
|
|
10412
10707
|
|
|
10413
|
-
function ownKeys$
|
|
10414
|
-
function _objectSpread$
|
|
10708
|
+
function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
10709
|
+
function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
10415
10710
|
var Dropzone = function Dropzone(_ref) {
|
|
10416
10711
|
var setFiles = _ref.setFiles,
|
|
10417
10712
|
_ref$accept = _ref.accept,
|
|
@@ -10432,10 +10727,10 @@
|
|
|
10432
10727
|
errorMessage: ""
|
|
10433
10728
|
};
|
|
10434
10729
|
}).reduce(function (a, v) {
|
|
10435
|
-
return _objectSpread$
|
|
10730
|
+
return _objectSpread$h(_objectSpread$h({}, a), {}, _defineProperty({}, uniqueId_1(), v));
|
|
10436
10731
|
}, {});
|
|
10437
10732
|
setFiles(function (files) {
|
|
10438
|
-
return _objectSpread$
|
|
10733
|
+
return _objectSpread$h(_objectSpread$h({}, files), filesArray);
|
|
10439
10734
|
});
|
|
10440
10735
|
};
|
|
10441
10736
|
var handleDrop = function handleDrop(event) {
|
|
@@ -10533,18 +10828,137 @@
|
|
|
10533
10828
|
}), /*#__PURE__*/jsxRuntime.jsxs(StyledButtonContainer, {
|
|
10534
10829
|
children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
10535
10830
|
variant: "primary",
|
|
10536
|
-
|
|
10537
|
-
|
|
10831
|
+
onClick: onFileUpload,
|
|
10832
|
+
children: "Upload"
|
|
10538
10833
|
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
10539
10834
|
variant: "url",
|
|
10540
|
-
|
|
10541
|
-
|
|
10835
|
+
onClick: onCancelAllUploads,
|
|
10836
|
+
children: "Cancel"
|
|
10542
10837
|
})]
|
|
10543
10838
|
})]
|
|
10544
10839
|
})
|
|
10545
10840
|
});
|
|
10546
10841
|
};
|
|
10547
10842
|
|
|
10843
|
+
function _templateObject14$6() {
|
|
10844
|
+
var data = _taggedTemplateLiteral(["\n background: ", ";\n border-radius: 4px;\n cursor: default;\n color: ", ";\n "]);
|
|
10845
|
+
_templateObject14$6 = function _templateObject14() {
|
|
10846
|
+
return data;
|
|
10847
|
+
};
|
|
10848
|
+
return data;
|
|
10849
|
+
}
|
|
10850
|
+
function _templateObject13$6() {
|
|
10851
|
+
var data = _taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: default;\n "]);
|
|
10852
|
+
_templateObject13$6 = function _templateObject13() {
|
|
10853
|
+
return data;
|
|
10854
|
+
};
|
|
10855
|
+
return data;
|
|
10856
|
+
}
|
|
10857
|
+
function _templateObject12$9() {
|
|
10858
|
+
var data = _taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: default;\n "]);
|
|
10859
|
+
_templateObject12$9 = function _templateObject12() {
|
|
10860
|
+
return data;
|
|
10861
|
+
};
|
|
10862
|
+
return data;
|
|
10863
|
+
}
|
|
10864
|
+
function _templateObject11$d() {
|
|
10865
|
+
var data = _taggedTemplateLiteral(["\n cursor: default;\n pointer-events: none;\n "]);
|
|
10866
|
+
_templateObject11$d = function _templateObject11() {
|
|
10867
|
+
return data;
|
|
10868
|
+
};
|
|
10869
|
+
return data;
|
|
10870
|
+
}
|
|
10871
|
+
function _templateObject10$e() {
|
|
10872
|
+
var data = _taggedTemplateLiteral(["\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n font-size: 14px;\n color: ", ";\n justify-content: center;\n cursor: pointer;\n\n ", "\n\n &:first-child {\n background: url(", ") no-repeat;\n cursor: pointer;\n background-position: center;\n transform: rotate(180deg);\n ", "\n }\n &:last-child {\n background: url(", ") no-repeat;\n cursor: pointer;\n background-position: center;\n transform: rotate(360deg);\n\n ", "\n }\n ", "\n"]);
|
|
10873
|
+
_templateObject10$e = function _templateObject10() {
|
|
10874
|
+
return data;
|
|
10875
|
+
};
|
|
10876
|
+
return data;
|
|
10877
|
+
}
|
|
10878
|
+
function _templateObject9$f() {
|
|
10879
|
+
var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 8px;\n"]);
|
|
10880
|
+
_templateObject9$f = function _templateObject9() {
|
|
10881
|
+
return data;
|
|
10882
|
+
};
|
|
10883
|
+
return data;
|
|
10884
|
+
}
|
|
10885
|
+
function _templateObject8$g() {
|
|
10886
|
+
var data = _taggedTemplateLiteral([""]);
|
|
10887
|
+
_templateObject8$g = function _templateObject8() {
|
|
10888
|
+
return data;
|
|
10889
|
+
};
|
|
10890
|
+
return data;
|
|
10891
|
+
}
|
|
10892
|
+
function _templateObject7$g() {
|
|
10893
|
+
var data = _taggedTemplateLiteral([""]);
|
|
10894
|
+
_templateObject7$g = function _templateObject7() {
|
|
10895
|
+
return data;
|
|
10896
|
+
};
|
|
10897
|
+
return data;
|
|
10898
|
+
}
|
|
10899
|
+
function _templateObject6$h() {
|
|
10900
|
+
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 14px;\n line-height: 21px;\n margin-left: 10px;\n"]);
|
|
10901
|
+
_templateObject6$h = function _templateObject6() {
|
|
10902
|
+
return data;
|
|
10903
|
+
};
|
|
10904
|
+
return data;
|
|
10905
|
+
}
|
|
10906
|
+
function _templateObject5$j() {
|
|
10907
|
+
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 14px;\n line-height: 21px;\n margin-right: 10px;\n"]);
|
|
10908
|
+
_templateObject5$j = function _templateObject5() {
|
|
10909
|
+
return data;
|
|
10910
|
+
};
|
|
10911
|
+
return data;
|
|
10912
|
+
}
|
|
10913
|
+
function _templateObject4$k() {
|
|
10914
|
+
var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n\n // overriding select styles\n ", " {\n min-width: unset;\n width: 54px;\n }\n\n ", " {\n min-width: unset;\n padding: 3px 8px;\n width: 54px;\n height: 27px;\n }\n"]);
|
|
10915
|
+
_templateObject4$k = function _templateObject4() {
|
|
10916
|
+
return data;
|
|
10917
|
+
};
|
|
10918
|
+
return data;
|
|
10919
|
+
}
|
|
10920
|
+
function _templateObject3$l() {
|
|
10921
|
+
var data = _taggedTemplateLiteral(["\n display: flex;\n min-height: 27px;\n align-items: center;\n margin-top: 16px;\n justify-content: space-between;\n"]);
|
|
10922
|
+
_templateObject3$l = function _templateObject3() {
|
|
10923
|
+
return data;
|
|
10924
|
+
};
|
|
10925
|
+
return data;
|
|
10926
|
+
}
|
|
10927
|
+
function _templateObject2$l() {
|
|
10928
|
+
var data = _taggedTemplateLiteral(["\n height: 100%;\n width: 100%;\n\n /* &.ag-theme-alpine .ag-cell {\n font-size: ", ";\n } */\n"]);
|
|
10929
|
+
_templateObject2$l = function _templateObject2() {
|
|
10930
|
+
return data;
|
|
10931
|
+
};
|
|
10932
|
+
return data;
|
|
10933
|
+
}
|
|
10934
|
+
function _templateObject$n() {
|
|
10935
|
+
var data = _taggedTemplateLiteral([""]);
|
|
10936
|
+
_templateObject$n = function _templateObject() {
|
|
10937
|
+
return data;
|
|
10938
|
+
};
|
|
10939
|
+
return data;
|
|
10940
|
+
}
|
|
10941
|
+
var StyledTable = styled__default.div(_templateObject$n());
|
|
10942
|
+
var StyledTableContainer = styled__default.div(_templateObject2$l(), function (props) {
|
|
10943
|
+
return props.isCompact ? COMPACT_TABLE_FONT_SIZE : DEFAULT_TABLE_FONT_SIZE;
|
|
10944
|
+
});
|
|
10945
|
+
var PaginationContainer = styled__default.div(_templateObject3$l());
|
|
10946
|
+
var StyledLeftPaginationContainer = styled__default.div(_templateObject4$k(), StyledMenu, StyledDropdownMainButton);
|
|
10947
|
+
var StyledShowRecLabel = styled__default.label(_templateObject5$j(), LabelColor);
|
|
10948
|
+
var ShowRecordsTable = styled__default.label(_templateObject6$h(), LabelColor);
|
|
10949
|
+
var StyledRightPaginationContainer = styled__default.div(_templateObject7$g());
|
|
10950
|
+
var StyledPaginationMainContainer = styled__default.div(_templateObject8$g());
|
|
10951
|
+
var StyledUL = styled__default.ul(_templateObject9$f());
|
|
10952
|
+
var StyledLi = styled__default.li(_templateObject10$e(), LabelColor, function (props) {
|
|
10953
|
+
return props.disabled && styled.css(_templateObject11$d());
|
|
10954
|
+
}, pageArrow, function (props) {
|
|
10955
|
+
return props.disabled && styled.css(_templateObject12$9());
|
|
10956
|
+
}, pageArrow, function (props) {
|
|
10957
|
+
return props.disabled && styled.css(_templateObject13$6());
|
|
10958
|
+
}, function (props) {
|
|
10959
|
+
return props.active && styled.css(_templateObject14$6(), PrimaryBlueColor, WhiteColor);
|
|
10960
|
+
});
|
|
10961
|
+
|
|
10548
10962
|
function styleInject(css, ref) {
|
|
10549
10963
|
if ( ref === void 0 ) ref = {};
|
|
10550
10964
|
var insertAt = ref.insertAt;
|
|
@@ -10572,135 +10986,274 @@
|
|
|
10572
10986
|
}
|
|
10573
10987
|
}
|
|
10574
10988
|
|
|
10575
|
-
var css_248z = "@import \"~ag-grid-community/styles/ag-grid.css\";\n@import \"~ag-grid-community/styles/ag-theme-alpine.css\";\n";
|
|
10989
|
+
var css_248z = "@import \"~ag-grid-community/styles/ag-grid.css\";\n@import \"~ag-grid-community/styles/ag-theme-alpine.css\";\n\n.common_table > div {\n font-family: \"Poppins\", sans-serif !important;\n}\n\n.ag-header-cell,\n.ag-header-viewport {\n background: #efefef;\n}\n\n.ag-theme-alpine,\n.ag-theme-alpine-dark {\n --ag-border-color: #d4d4d4;\n}\n.ag-header-cell-resize::after {\n --ag-border-color: #d4d4d4;\n bottom: 0;\n height: auto;\n width: 1px;\n top: 0;\n display: none;\n}\n\n.ag-header {\n height: 40px !important;\n /* min-height: auto !important; */\n}\n.ag-cell-label-container {\n padding: 0px;\n}\n\n.ag-header-row {\n height: 40px !important;\n}\n.ag-header-cell,\n.ag-header-group-cell {\n padding: 0px 12px !important;\n border-right: 1px solid #d4d4d4;\n}\n.ag-header-cell:last-child,\n.ag-header-group-cell:last-child {\n border-right: none;\n}\n\n.ag-ltr .ag-cell {\n border-right: 1px solid #d4d4d4;\n}\n\n.ag-ltr .ag-cell:last-child {\n border-right: none;\n}\n\n.ag-row {\n border-bottom: 1px solid #d4d4d4;\n}\n\n.ag-ltr .ag-header-cell-resize {\n right: -5px;\n}\n.ag-header-cell-text {\n font-size: 14px;\n font-weight: 600;\n color: #1d1d1d;\n}\n\n.ag-ltr .ag-cell {\n height: 43px;\n font-size: 14px;\n color: #1d1d1d;\n padding-left: 12px;\n}\n.ag-row-hover {\n --ag-row-hover-color: #e5edf7;\n}\n\n.ag-checkbox-input-wrapper.ag-checked::after {\n content: var(--ag-icon-font-code-checkbox-checked, \"\\f106\");\n color: #0055af;\n position: absolute;\n top: 0;\n left: 0;\n pointer-events: none;\n}\n.ag-checkbox-input-wrapper::after {\n color: #acacac;\n}\n\n.ag-theme-alpine,\n.ag-theme-alpine-dark {\n --ag-selected-row-background-color: #e5edf7;\n}\n/* .ag-icon.ag-icon-menu::before{\n content: \"\";\n background: url('./../../../assets/images/menu-ext.svg') no-repeat;\n width: 5px;\n height: 15px;\n background-size: 5px;\n display: block;\n cursor: pointer;\n} */\n\n.ag-pinned-left-cols-container,\n.ag-pinned-right-cols-container {\n z-index: 9999;\n box-shadow: 0px 3px 4px #00000029;\n}\n\n.ag-header-active {\n --ag-selected-row-background-color: #e5edf7 !important;\n}\n";
|
|
10576
10990
|
styleInject(css_248z);
|
|
10577
10991
|
|
|
10578
|
-
|
|
10579
|
-
|
|
10580
|
-
|
|
10992
|
+
var Pagination = function Pagination(_ref) {
|
|
10993
|
+
var gridApi = _ref.gridApi,
|
|
10994
|
+
pageSizeList = _ref.pageSizeList;
|
|
10995
|
+
var _useState = React.useState(),
|
|
10996
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
10997
|
+
totalPages = _useState2[0],
|
|
10998
|
+
setTotalPages = _useState2[1];
|
|
10999
|
+
var _useState3 = React.useState(),
|
|
11000
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
11001
|
+
currentPage = _useState4[0],
|
|
11002
|
+
setCurrentPage = _useState4[1];
|
|
11003
|
+
React.useEffect(function () {
|
|
11004
|
+
setTotalPages(gridApi.paginationGetTotalPages());
|
|
11005
|
+
setCurrentPage(gridApi.paginationGetCurrentPage() + 1);
|
|
11006
|
+
}, []);
|
|
11007
|
+
var options = pageSizeList.map(function (pageSize) {
|
|
11008
|
+
return {
|
|
11009
|
+
label: pageSize,
|
|
11010
|
+
value: pageSize
|
|
11011
|
+
};
|
|
11012
|
+
});
|
|
11013
|
+
var _useState5 = React.useState(false),
|
|
11014
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
11015
|
+
isOpen = _useState6[0],
|
|
11016
|
+
setIsOpen = _useState6[1];
|
|
11017
|
+
var _useState7 = React.useState(options),
|
|
11018
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
11019
|
+
currentOptions = _useState8[0],
|
|
11020
|
+
setCurrentOptions = _useState8[1];
|
|
11021
|
+
var _useState9 = React.useState(options[0]),
|
|
11022
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
11023
|
+
selectedOptions = _useState10[0],
|
|
11024
|
+
setSelectedOptions = _useState10[1];
|
|
11025
|
+
var pageSizeChange = function pageSizeChange(selectedOption) {
|
|
11026
|
+
setSelectedOptions(selectedOption);
|
|
11027
|
+
setIsOpen(false);
|
|
11028
|
+
gridApi.paginationSetPageSize(Number(selectedOption.value));
|
|
11029
|
+
setTotalPages(gridApi.paginationGetTotalPages());
|
|
11030
|
+
setTotalPages(gridApi.paginationGetTotalPages());
|
|
11031
|
+
setCurrentPage(1);
|
|
11032
|
+
};
|
|
11033
|
+
var gotoPageNumber = function gotoPageNumber(pageNumber) {
|
|
11034
|
+
if (pageNumber === "...") return;
|
|
11035
|
+
gridApi.paginationGoToPage(pageNumber - 1);
|
|
11036
|
+
setCurrentPage(pageNumber);
|
|
11037
|
+
};
|
|
11038
|
+
var nextPage = function nextPage() {
|
|
11039
|
+
if (currentPage === totalPages) return;
|
|
11040
|
+
gridApi.paginationGoToNextPage();
|
|
11041
|
+
setCurrentPage(function (currentPage) {
|
|
11042
|
+
return currentPage + 1;
|
|
11043
|
+
});
|
|
11044
|
+
};
|
|
11045
|
+
var prevPage = function prevPage() {
|
|
11046
|
+
if (currentPage === 1) return;
|
|
11047
|
+
gridApi.paginationGoToPreviousPage();
|
|
11048
|
+
setCurrentPage(function (currentPage) {
|
|
11049
|
+
return currentPage - 1;
|
|
11050
|
+
});
|
|
11051
|
+
};
|
|
11052
|
+
var getVisiblePageNumbers = function getVisiblePageNumbers() {
|
|
11053
|
+
// if total pages is less then 7 only show page numbers without "..."
|
|
11054
|
+
if (totalPages < 7) {
|
|
11055
|
+
return [1, 2, 3, 4, 5, 6].filter(function (page) {
|
|
11056
|
+
return page < totalPages;
|
|
11057
|
+
});
|
|
11058
|
+
}
|
|
11059
|
+
if (currentPage > 4 && currentPage + 2 < totalPages) {
|
|
11060
|
+
return [1, "...", currentPage - 1, currentPage, currentPage + 1, "...", totalPages];
|
|
11061
|
+
}
|
|
11062
|
+
if (currentPage > 4 && currentPage + 2 >= totalPages) {
|
|
11063
|
+
return [1, 2, "...", totalPages - 3, totalPages - 2, totalPages - 1, totalPages];
|
|
11064
|
+
}
|
|
11065
|
+
return [1, 2, 3, 4, 5, "...", totalPages];
|
|
11066
|
+
};
|
|
11067
|
+
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
11068
|
+
children: /*#__PURE__*/jsxRuntime.jsxs(PaginationContainer, {
|
|
11069
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs(StyledLeftPaginationContainer, {
|
|
11070
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(StyledShowRecLabel, {
|
|
11071
|
+
children: "Show Records"
|
|
11072
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Select, {
|
|
11073
|
+
placeholder: "Select page size",
|
|
11074
|
+
initialOptions: options,
|
|
11075
|
+
isOpen: isOpen,
|
|
11076
|
+
setIsOpen: setIsOpen,
|
|
11077
|
+
currentOptions: currentOptions,
|
|
11078
|
+
setCurrentOptions: setCurrentOptions,
|
|
11079
|
+
selectedOptions: selectedOptions,
|
|
11080
|
+
setSelectedOptions: setSelectedOptions,
|
|
11081
|
+
onOptionSelect: pageSizeChange
|
|
11082
|
+
}), /*#__PURE__*/jsxRuntime.jsxs(ShowRecordsTable, {
|
|
11083
|
+
children: [gridApi.paginationGetPageSize(), " of", " ", gridApi.getModel().getRowCount(), " records"]
|
|
11084
|
+
})]
|
|
11085
|
+
}), /*#__PURE__*/jsxRuntime.jsx(StyledRightPaginationContainer, {
|
|
11086
|
+
children: /*#__PURE__*/jsxRuntime.jsx(StyledPaginationMainContainer, {
|
|
11087
|
+
children: /*#__PURE__*/jsxRuntime.jsxs(StyledUL, {
|
|
11088
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(StyledLi, {
|
|
11089
|
+
onClick: prevPage,
|
|
11090
|
+
disabled: currentPage === 1
|
|
11091
|
+
}), getVisiblePageNumbers().map(function (pageNumber) {
|
|
11092
|
+
return /*#__PURE__*/jsxRuntime.jsx(StyledLi, {
|
|
11093
|
+
active: currentPage === pageNumber,
|
|
11094
|
+
onClick: function onClick() {
|
|
11095
|
+
return gotoPageNumber(pageNumber);
|
|
11096
|
+
},
|
|
11097
|
+
disabled: pageNumber === "...",
|
|
11098
|
+
children: pageNumber
|
|
11099
|
+
});
|
|
11100
|
+
}), /*#__PURE__*/jsxRuntime.jsx(StyledLi, {
|
|
11101
|
+
onClick: nextPage,
|
|
11102
|
+
disabled: currentPage === totalPages
|
|
11103
|
+
})]
|
|
11104
|
+
})
|
|
11105
|
+
})
|
|
11106
|
+
})]
|
|
11107
|
+
})
|
|
11108
|
+
});
|
|
11109
|
+
};
|
|
11110
|
+
|
|
11111
|
+
function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
11112
|
+
function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
11113
|
+
var Table = /*#__PURE__*/React.forwardRef(function (_ref, refs) {
|
|
10581
11114
|
var rowData = _ref.rowData,
|
|
10582
11115
|
columnDefs = _ref.columnDefs,
|
|
10583
|
-
|
|
11116
|
+
isCompact = _ref.isCompact,
|
|
11117
|
+
pagination = _ref.pagination,
|
|
11118
|
+
pageSizeList = _ref.pageSizeList,
|
|
11119
|
+
props = _objectWithoutProperties(_ref, ["rowData", "columnDefs", "isCompact", "pagination", "pageSizeList"]);
|
|
10584
11120
|
agGridEnterprise.LicenseManager.setLicenseKey("CompanyName=Impact Analytics,LicensedGroup=31Jan22 Purchase,LicenseType=MultipleApplications,LicensedConcurrentDeveloperCount=1,LicensedProductionInstancesCount=0,AssetReference=AG-025014,ExpiryDate=31_January_2023_[v2]_MTY3NTEyMzIwMDAwMA==e4f58ef1fe10261cf66aa1e5a5cb2da6");
|
|
11121
|
+
var gridRef = React.useRef();
|
|
11122
|
+
var getRowHeight = function getRowHeight() {
|
|
11123
|
+
var defaultHeight = 45;
|
|
11124
|
+
var compactHeight = 25;
|
|
11125
|
+
return isCompact ? compactHeight : defaultHeight;
|
|
11126
|
+
};
|
|
10585
11127
|
var columnTypes = {
|
|
10586
11128
|
number: {
|
|
10587
11129
|
width: 100,
|
|
10588
11130
|
cellStyle: {
|
|
10589
11131
|
textAlign: "right"
|
|
10590
11132
|
}
|
|
11133
|
+
},
|
|
11134
|
+
cellRenderer: {
|
|
11135
|
+
cellStyle: {
|
|
11136
|
+
display: "flex",
|
|
11137
|
+
alignItems: "center",
|
|
11138
|
+
justifyContent: "center"
|
|
11139
|
+
}
|
|
10591
11140
|
}
|
|
10592
11141
|
};
|
|
10593
|
-
return /*#__PURE__*/jsxRuntime.
|
|
11142
|
+
return /*#__PURE__*/jsxRuntime.jsxs(StyledTableContainer, {
|
|
10594
11143
|
className: "ag-theme-alpine",
|
|
10595
|
-
|
|
10596
|
-
|
|
10597
|
-
|
|
10598
|
-
},
|
|
10599
|
-
children: /*#__PURE__*/jsxRuntime.jsx(agGridReact.AgGridReact, _objectSpread$f({
|
|
11144
|
+
isCompact: isCompact,
|
|
11145
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(agGridReact.AgGridReact, _objectSpread$i({
|
|
11146
|
+
ref: refs ? refs : gridRef,
|
|
10600
11147
|
rowData: rowData,
|
|
10601
11148
|
columnDefs: columnDefs,
|
|
10602
|
-
columnTypes: columnTypes
|
|
10603
|
-
|
|
11149
|
+
columnTypes: columnTypes,
|
|
11150
|
+
getRowHeight: getRowHeight,
|
|
11151
|
+
pagination: pagination,
|
|
11152
|
+
suppressPaginationPanel: true
|
|
11153
|
+
}, props)), pagination && (refs.current || gridRef.current) && /*#__PURE__*/jsxRuntime.jsx(Pagination, {
|
|
11154
|
+
gridApi: refs ? refs.current.api : gridRef.current.api,
|
|
11155
|
+
pageSizeList: pageSizeList
|
|
11156
|
+
})]
|
|
10604
11157
|
});
|
|
10605
|
-
};
|
|
11158
|
+
});
|
|
10606
11159
|
|
|
10607
|
-
function _templateObject11$
|
|
11160
|
+
function _templateObject11$e() {
|
|
10608
11161
|
var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 16px;\n"]);
|
|
10609
|
-
_templateObject11$
|
|
11162
|
+
_templateObject11$e = function _templateObject11() {
|
|
10610
11163
|
return data;
|
|
10611
11164
|
};
|
|
10612
11165
|
return data;
|
|
10613
11166
|
}
|
|
10614
|
-
function _templateObject10$
|
|
11167
|
+
function _templateObject10$f() {
|
|
10615
11168
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n position: absolute;\n bottom: 0;\n height: 50px;\n left: 0px;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 0 20px;\n box-sizing: border-box;\n"]);
|
|
10616
|
-
_templateObject10$
|
|
11169
|
+
_templateObject10$f = function _templateObject10() {
|
|
10617
11170
|
return data;
|
|
10618
11171
|
};
|
|
10619
11172
|
return data;
|
|
10620
11173
|
}
|
|
10621
|
-
function _templateObject9$
|
|
10622
|
-
var data = _taggedTemplateLiteral(["\n position: absolute;\n top: 44px;\n bottom: 61px;\n overflow: auto;\n left: 0;\n right: 0;\n padding: 12px 20px;\n box-sizing: border-box;\n"]);
|
|
10623
|
-
_templateObject9$
|
|
11174
|
+
function _templateObject9$g() {
|
|
11175
|
+
var data = _taggedTemplateLiteral(["\n position: absolute;\n top: 44px;\n bottom: 61px;\n overflow: auto;\n left: 0;\n right: 0;\n padding: 12px 20px;\n box-sizing: border-box;\n font-size: 14px;\n //Low Resolution CSS starts here\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
|
|
11176
|
+
_templateObject9$g = function _templateObject9() {
|
|
10624
11177
|
return data;
|
|
10625
11178
|
};
|
|
10626
11179
|
return data;
|
|
10627
11180
|
}
|
|
10628
|
-
function _templateObject8$
|
|
11181
|
+
function _templateObject8$h() {
|
|
10629
11182
|
var data = _taggedTemplateLiteral(["\n background: url(", ") no-repeat;\n width: 12px;\n height: 12px;\n background-size: 12px;\n cursor: pointer;\n"]);
|
|
10630
|
-
_templateObject8$
|
|
11183
|
+
_templateObject8$h = function _templateObject8() {
|
|
10631
11184
|
return data;
|
|
10632
11185
|
};
|
|
10633
11186
|
return data;
|
|
10634
11187
|
}
|
|
10635
|
-
function _templateObject7$
|
|
10636
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n font-weight: 500;\n"]);
|
|
10637
|
-
_templateObject7$
|
|
11188
|
+
function _templateObject7$h() {
|
|
11189
|
+
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n font-weight: 500;\n //Low Resolution Button starts here\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
|
|
11190
|
+
_templateObject7$h = function _templateObject7() {
|
|
10638
11191
|
return data;
|
|
10639
11192
|
};
|
|
10640
11193
|
return data;
|
|
10641
11194
|
}
|
|
10642
|
-
function _templateObject6$
|
|
10643
|
-
var data = _taggedTemplateLiteral(["\n border-bottom: 1px solid ", ";\n height: 44px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 20px;\n box-sizing: border-box;\n"]);
|
|
10644
|
-
_templateObject6$
|
|
11195
|
+
function _templateObject6$i() {
|
|
11196
|
+
var data = _taggedTemplateLiteral(["\n border-bottom: 1px solid ", ";\n height: 44px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 20px;\n box-sizing: border-box;\n //Low Resolution Button starts here\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding: 10px 16px;\n }\n"]);
|
|
11197
|
+
_templateObject6$i = function _templateObject6() {
|
|
10645
11198
|
return data;
|
|
10646
11199
|
};
|
|
10647
11200
|
return data;
|
|
10648
11201
|
}
|
|
10649
|
-
function _templateObject5$
|
|
11202
|
+
function _templateObject5$k() {
|
|
10650
11203
|
var data = _taggedTemplateLiteral(["\n width: 815px;\n &::before {\n right: 815px;\n }\n "]);
|
|
10651
|
-
_templateObject5$
|
|
11204
|
+
_templateObject5$k = function _templateObject5() {
|
|
10652
11205
|
return data;
|
|
10653
11206
|
};
|
|
10654
11207
|
return data;
|
|
10655
11208
|
}
|
|
10656
|
-
function _templateObject4$
|
|
11209
|
+
function _templateObject4$l() {
|
|
10657
11210
|
var data = _taggedTemplateLiteral(["\n width: 575px;\n &::before {\n right: 575px;\n }\n "]);
|
|
10658
|
-
_templateObject4$
|
|
11211
|
+
_templateObject4$l = function _templateObject4() {
|
|
10659
11212
|
return data;
|
|
10660
11213
|
};
|
|
10661
11214
|
return data;
|
|
10662
11215
|
}
|
|
10663
|
-
function _templateObject3$
|
|
11216
|
+
function _templateObject3$m() {
|
|
10664
11217
|
var data = _taggedTemplateLiteral(["\n width: 379px;\n\n &::before {\n right: 379px;\n }\n "]);
|
|
10665
|
-
_templateObject3$
|
|
11218
|
+
_templateObject3$m = function _templateObject3() {
|
|
10666
11219
|
return data;
|
|
10667
11220
|
};
|
|
10668
11221
|
return data;
|
|
10669
11222
|
}
|
|
10670
|
-
function _templateObject2$
|
|
11223
|
+
function _templateObject2$m() {
|
|
10671
11224
|
var data = _taggedTemplateLiteral(["\n position: fixed;\n right: 0;\n top: 60px;\n bottom: 0;\n background: #fff;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);\n border-radius: 4px 0 0 4px;\n\n &::before {\n position: fixed;\n left: 0;\n top: 0;\n bottom: 0;\n content: \" \";\n background: transparent;\n }\n ", "\n"]);
|
|
10672
|
-
_templateObject2$
|
|
11225
|
+
_templateObject2$m = function _templateObject2() {
|
|
10673
11226
|
return data;
|
|
10674
11227
|
};
|
|
10675
11228
|
return data;
|
|
10676
11229
|
}
|
|
10677
|
-
function _templateObject$
|
|
11230
|
+
function _templateObject$o() {
|
|
10678
11231
|
var data = _taggedTemplateLiteral(["\n position: relative;\n"]);
|
|
10679
|
-
_templateObject$
|
|
11232
|
+
_templateObject$o = function _templateObject() {
|
|
10680
11233
|
return data;
|
|
10681
11234
|
};
|
|
10682
11235
|
return data;
|
|
10683
11236
|
}
|
|
10684
|
-
var StyledPanel = styled__default.div(_templateObject$
|
|
10685
|
-
var StyledPanelContentContainer = styled__default.div(_templateObject2$
|
|
11237
|
+
var StyledPanel = styled__default.div(_templateObject$o());
|
|
11238
|
+
var StyledPanelContentContainer = styled__default.div(_templateObject2$m(), function (props) {
|
|
10686
11239
|
switch (props.size) {
|
|
10687
11240
|
case "small":
|
|
10688
|
-
return styled.css(_templateObject3$
|
|
11241
|
+
return styled.css(_templateObject3$m());
|
|
10689
11242
|
case "medium":
|
|
10690
|
-
return styled.css(_templateObject4$
|
|
11243
|
+
return styled.css(_templateObject4$l());
|
|
10691
11244
|
case "large":
|
|
10692
|
-
return styled.css(_templateObject5$
|
|
11245
|
+
return styled.css(_templateObject5$k());
|
|
10693
11246
|
}
|
|
10694
11247
|
});
|
|
10695
|
-
var StyledPanelHeader = styled__default.div(_templateObject6$
|
|
10696
|
-
var StyledPanelHeading = styled__default.h2(_templateObject7$
|
|
10697
|
-
var StyledPanelCloseIcon = styled__default.i(_templateObject8$
|
|
10698
|
-
var StyledPanelBodyContainer = styled__default.div(_templateObject9$
|
|
10699
|
-
var StyledPanelFooter = styled__default.div(_templateObject10$
|
|
10700
|
-
var StyledPanelCTAContainer = styled__default.div(_templateObject11$
|
|
10701
|
-
|
|
10702
|
-
function ownKeys$
|
|
10703
|
-
function _objectSpread$
|
|
11248
|
+
var StyledPanelHeader = styled__default.div(_templateObject6$i(), DisabledTextareaBg);
|
|
11249
|
+
var StyledPanelHeading = styled__default.h2(_templateObject7$h());
|
|
11250
|
+
var StyledPanelCloseIcon = styled__default.i(_templateObject8$h(), PanelCloseIcon);
|
|
11251
|
+
var StyledPanelBodyContainer = styled__default.div(_templateObject9$g());
|
|
11252
|
+
var StyledPanelFooter = styled__default.div(_templateObject10$f(), PanelFooterBg);
|
|
11253
|
+
var StyledPanelCTAContainer = styled__default.div(_templateObject11$e());
|
|
11254
|
+
|
|
11255
|
+
function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
11256
|
+
function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
10704
11257
|
var Panel = function Panel(_ref) {
|
|
10705
11258
|
var isOpen = _ref.isOpen,
|
|
10706
11259
|
size = _ref.size,
|
|
@@ -10726,9 +11279,9 @@
|
|
|
10726
11279
|
children: children
|
|
10727
11280
|
}), /*#__PURE__*/jsxRuntime.jsx(StyledPanelFooter, {
|
|
10728
11281
|
children: /*#__PURE__*/jsxRuntime.jsxs(StyledPanelCTAContainer, {
|
|
10729
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
11282
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$j(_objectSpread$j({}, tertiaryButtonProps), {}, {
|
|
10730
11283
|
variant: "url"
|
|
10731
|
-
})), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
11284
|
+
})), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$j(_objectSpread$j({}, primaryButtonProps), {}, {
|
|
10732
11285
|
variant: "primary"
|
|
10733
11286
|
}))]
|
|
10734
11287
|
})
|
|
@@ -10739,55 +11292,55 @@
|
|
|
10739
11292
|
});
|
|
10740
11293
|
};
|
|
10741
11294
|
|
|
10742
|
-
function _templateObject6$
|
|
10743
|
-
var data = _taggedTemplateLiteral(["\n ", " {\n width: 113px;\n position: relative;\n z-index: 999;\n padding-left: 36px;\n text-align: center;\n }\n ", " {\n position: absolute;\n bottom: -20px;\n flex-direction: row-reverse;\n justify-content: space-between;\n width: 100%;\n left: 0px;\n right: 0;\n z-index: 9999;\n }\n ", " {\n margin-top: -50px;\n margin-left: 8px;\n width: 24px;\n height: 24px;\n border-radius: 4px;\n background: ", " url(", ") no-repeat;\n background-position: center;\n &:hover {\n background: ", " url(", ") no-repeat;\n background-position: center;\n }\n }\n ", " {\n margin-top: -50px;\n margin-right: 9px;\n width: 24px;\n height: 24px;\n border-radius: 4px;\n background: ", " url(", ") no-repeat;\n background-position: center;\n &:hover {\n background: ", " url(", ") no-repeat;\n background-position: center;\n }\n }\n "]);
|
|
10744
|
-
_templateObject6$
|
|
11295
|
+
function _templateObject6$j() {
|
|
11296
|
+
var data = _taggedTemplateLiteral(["\n ", " {\n width: 113px;\n position: relative;\n z-index: 999;\n padding-left: 36px;\n text-align: center;\n }\n ", " {\n position: absolute;\n bottom: -20px;\n flex-direction: row-reverse;\n justify-content: space-between;\n width: 100%;\n left: 0px;\n right: 0;\n z-index: 9999;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n bottom: -27px;\n }\n }\n ", " {\n margin-top: -50px;\n margin-left: 8px;\n width: 24px;\n height: 24px;\n border-radius: 4px;\n background: ", " url(", ") no-repeat;\n background-position: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 18px;\n height: 18px;\n background-size: 9px;\n }\n &:hover {\n background: ", " url(", ") no-repeat;\n background-position: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n background-size: 9px;\n }\n }\n }\n ", " {\n margin-top: -50px;\n margin-right: 9px;\n width: 24px;\n height: 24px;\n border-radius: 4px;\n background: ", " url(", ") no-repeat;\n background-position: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 18px;\n height: 18px;\n background-size: 9px;\n }\n &:hover {\n background: ", " url(", ") no-repeat;\n background-position: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n background-size: 9px;\n }\n }\n }\n "]);
|
|
11297
|
+
_templateObject6$j = function _templateObject6() {
|
|
10745
11298
|
return data;
|
|
10746
11299
|
};
|
|
10747
11300
|
return data;
|
|
10748
11301
|
}
|
|
10749
|
-
function _templateObject5$
|
|
11302
|
+
function _templateObject5$l() {
|
|
10750
11303
|
var data = _taggedTemplateLiteral(["\n pointer-events: none;\n ", " {\n background: ", ";\n border: 1px solid ", ";\n }\n ", " {\n opacity: 0.4;\n }\n ", " {\n opacity: 0.4;\n }\n "]);
|
|
10751
|
-
_templateObject5$
|
|
11304
|
+
_templateObject5$l = function _templateObject5() {
|
|
10752
11305
|
return data;
|
|
10753
11306
|
};
|
|
10754
11307
|
return data;
|
|
10755
11308
|
}
|
|
10756
|
-
function _templateObject4$
|
|
11309
|
+
function _templateObject4$m() {
|
|
10757
11310
|
var data = _taggedTemplateLiteral(["\n position: relative;\n width: max-content;\n ", " {\n width: 140px;\n box-sizing: border-box;\n padding-right: 35px;\n }\n ", "\n\n ", "\n"]);
|
|
10758
|
-
_templateObject4$
|
|
11311
|
+
_templateObject4$m = function _templateObject4() {
|
|
10759
11312
|
return data;
|
|
10760
11313
|
};
|
|
10761
11314
|
return data;
|
|
10762
11315
|
}
|
|
10763
|
-
function _templateObject3$
|
|
10764
|
-
var data = _taggedTemplateLiteral(["\n width: 20px;\n height: 14px;\n border: none;\n cursor: pointer;\n background: ", " url(", ") no-repeat;\n background-size: 12px;\n background-position: center;\n\n &:hover {\n background-color: ", ";\n }\n"]);
|
|
10765
|
-
_templateObject3$
|
|
11316
|
+
function _templateObject3$n() {
|
|
11317
|
+
var data = _taggedTemplateLiteral(["\n width: 20px;\n height: 14px;\n border: none;\n cursor: pointer;\n background: ", " url(", ") no-repeat;\n background-size: 12px;\n background-position: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 16px;\n height: 10px;\n background-size: 8px;\n }\n &:hover {\n background-color: ", ";\n }\n"]);
|
|
11318
|
+
_templateObject3$n = function _templateObject3() {
|
|
10766
11319
|
return data;
|
|
10767
11320
|
};
|
|
10768
11321
|
return data;
|
|
10769
11322
|
}
|
|
10770
|
-
function _templateObject2$
|
|
10771
|
-
var data = _taggedTemplateLiteral(["\n width: 20px;\n height: 14px;\n border: none;\n cursor: pointer;\n background: ", " url(", ") no-repeat;\n background-size: 12px;\n background-position: center;\n transform: rotate(180deg);\n\n &:hover {\n background-color: ", ";\n }\n"]);
|
|
10772
|
-
_templateObject2$
|
|
11323
|
+
function _templateObject2$n() {
|
|
11324
|
+
var data = _taggedTemplateLiteral(["\n width: 20px;\n height: 14px;\n border: none;\n cursor: pointer;\n background: ", " url(", ") no-repeat;\n background-size: 12px;\n background-position: center;\n transform: rotate(180deg);\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 16px;\n height: 10px;\n background-size: 8px;\n }\n &:hover {\n background-color: ", ";\n }\n"]);
|
|
11325
|
+
_templateObject2$n = function _templateObject2() {
|
|
10773
11326
|
return data;
|
|
10774
11327
|
};
|
|
10775
11328
|
return data;
|
|
10776
11329
|
}
|
|
10777
|
-
function _templateObject$
|
|
10778
|
-
var data = _taggedTemplateLiteral(["\n position: absolute;\n gap: 1px;\n right: 5px;\n bottom: 4px;\n display: flex;\n flex-direction: column;\n"]);
|
|
10779
|
-
_templateObject$
|
|
11330
|
+
function _templateObject$p() {
|
|
11331
|
+
var data = _taggedTemplateLiteral(["\n position: absolute;\n gap: 1px;\n right: 5px;\n bottom: 4px;\n display: flex;\n flex-direction: column;\n //Low Resolution CSS starts here\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n bottom: 4px;\n }\n"]);
|
|
11332
|
+
_templateObject$p = function _templateObject() {
|
|
10780
11333
|
return data;
|
|
10781
11334
|
};
|
|
10782
11335
|
return data;
|
|
10783
11336
|
}
|
|
10784
|
-
var StyledArrowContainer = styled__default.div(_templateObject$
|
|
10785
|
-
var StyledUpArrowContainer = styled__default.button(_templateObject2$
|
|
10786
|
-
var StyledUpBottomContainer = styled__default.button(_templateObject3$
|
|
10787
|
-
var StyledCounter = styled__default.div(_templateObject4$
|
|
10788
|
-
return props.disabled && styled.css(_templateObject5$
|
|
11337
|
+
var StyledArrowContainer = styled__default.div(_templateObject$p());
|
|
11338
|
+
var StyledUpArrowContainer = styled__default.button(_templateObject2$n(), DisabledTextareaBg, ChevronImage, FocusBackgroundColor);
|
|
11339
|
+
var StyledUpBottomContainer = styled__default.button(_templateObject3$n(), DisabledTextareaBg, ChevronImage, FocusBackgroundColor);
|
|
11340
|
+
var StyledCounter = styled__default.div(_templateObject4$m(), StyledInputBox, function (props) {
|
|
11341
|
+
return props.disabled && styled.css(_templateObject5$l(), StyledInputBox, DisabledTextareaBg, FocusDisableBorderColor, StyledUpBottomContainer, StyledUpArrowContainer);
|
|
10789
11342
|
}, function (props) {
|
|
10790
|
-
return props.stepper && styled.css(_templateObject6$
|
|
11343
|
+
return props.stepper && styled.css(_templateObject6$j(), StyledInputBox, StyledArrowContainer, StyledUpBottomContainer, DisabledTextareaBg, minusIcon, FocusBackgroundColor, minusIcon, StyledUpArrowContainer, DisabledTextareaBg, plusIcon, FocusBackgroundColor, plusIcon);
|
|
10791
11344
|
});
|
|
10792
11345
|
|
|
10793
11346
|
var Counter = function Counter(_ref) {
|
|
@@ -10844,62 +11397,62 @@
|
|
|
10844
11397
|
});
|
|
10845
11398
|
};
|
|
10846
11399
|
|
|
10847
|
-
function _templateObject7$
|
|
11400
|
+
function _templateObject7$i() {
|
|
10848
11401
|
var data = _taggedTemplateLiteral(["\n height: 50px;\n display: flex;\n box-sizing: border-box;\n align-items: center;\n justify-content: flex-end;\n gap: 16px;\n"]);
|
|
10849
|
-
_templateObject7$
|
|
11402
|
+
_templateObject7$i = function _templateObject7() {
|
|
10850
11403
|
return data;
|
|
10851
11404
|
};
|
|
10852
11405
|
return data;
|
|
10853
11406
|
}
|
|
10854
|
-
function _templateObject6$
|
|
10855
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n"]);
|
|
10856
|
-
_templateObject6$
|
|
11407
|
+
function _templateObject6$k() {
|
|
11408
|
+
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
|
|
11409
|
+
_templateObject6$k = function _templateObject6() {
|
|
10857
11410
|
return data;
|
|
10858
11411
|
};
|
|
10859
11412
|
return data;
|
|
10860
11413
|
}
|
|
10861
|
-
function _templateObject5$
|
|
10862
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 15px;\n font-weight: 500;\n margin-bottom: 16px;\n"]);
|
|
10863
|
-
_templateObject5$
|
|
11414
|
+
function _templateObject5$m() {
|
|
11415
|
+
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 15px;\n font-weight: 500;\n margin-bottom: 16px;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 12px;\n }\n"]);
|
|
11416
|
+
_templateObject5$m = function _templateObject5() {
|
|
10864
11417
|
return data;
|
|
10865
11418
|
};
|
|
10866
11419
|
return data;
|
|
10867
11420
|
}
|
|
10868
|
-
function _templateObject4$
|
|
10869
|
-
var data = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n
|
|
10870
|
-
_templateObject4$
|
|
11421
|
+
function _templateObject4$n() {
|
|
11422
|
+
var data = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 14px;\n }\n"]);
|
|
11423
|
+
_templateObject4$n = function _templateObject4() {
|
|
10871
11424
|
return data;
|
|
10872
11425
|
};
|
|
10873
11426
|
return data;
|
|
10874
11427
|
}
|
|
10875
|
-
function _templateObject3$
|
|
10876
|
-
var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"]);
|
|
10877
|
-
_templateObject3$
|
|
11428
|
+
function _templateObject3$o() {
|
|
11429
|
+
var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 16px;\n"]);
|
|
11430
|
+
_templateObject3$o = function _templateObject3() {
|
|
10878
11431
|
return data;
|
|
10879
11432
|
};
|
|
10880
11433
|
return data;
|
|
10881
11434
|
}
|
|
10882
|
-
function _templateObject2$
|
|
10883
|
-
var data = _taggedTemplateLiteral(["\n min-width: 490px;\n padding: 20px;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);\n border-radius: 4px;\n box-sizing: border-box;\n"]);
|
|
10884
|
-
_templateObject2$
|
|
11435
|
+
function _templateObject2$o() {
|
|
11436
|
+
var data = _taggedTemplateLiteral(["\n min-width: 490px;\n padding: 20px;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);\n border-radius: 4px;\n box-sizing: border-box;\n\n //Low Resolution CSS starts\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n min-width: 360px;\n padding: 15px;\n }\n"]);
|
|
11437
|
+
_templateObject2$o = function _templateObject2() {
|
|
10885
11438
|
return data;
|
|
10886
11439
|
};
|
|
10887
11440
|
return data;
|
|
10888
11441
|
}
|
|
10889
|
-
function _templateObject$
|
|
11442
|
+
function _templateObject$q() {
|
|
10890
11443
|
var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 15px;\n"]);
|
|
10891
|
-
_templateObject$
|
|
11444
|
+
_templateObject$q = function _templateObject() {
|
|
10892
11445
|
return data;
|
|
10893
11446
|
};
|
|
10894
11447
|
return data;
|
|
10895
11448
|
}
|
|
10896
|
-
var StyledCardContainer = styled__default.div(_templateObject$
|
|
10897
|
-
var StyledCard = styled__default.div(_templateObject2$
|
|
10898
|
-
var StyledCardHeadingContainer = styled__default.div(_templateObject3$
|
|
10899
|
-
var StyledCardHeading = styled__default.h2(_templateObject4$
|
|
10900
|
-
var StyledSubHeading = styled__default.h3(_templateObject5$
|
|
10901
|
-
var StyledBodyContainer = styled__default.p(_templateObject6$
|
|
10902
|
-
var StyledBottomCTAContainer$2 = styled__default.div(_templateObject7$
|
|
11449
|
+
var StyledCardContainer = styled__default.div(_templateObject$q());
|
|
11450
|
+
var StyledCard = styled__default.div(_templateObject2$o());
|
|
11451
|
+
var StyledCardHeadingContainer = styled__default.div(_templateObject3$o());
|
|
11452
|
+
var StyledCardHeading = styled__default.h2(_templateObject4$n());
|
|
11453
|
+
var StyledSubHeading = styled__default.h3(_templateObject5$m());
|
|
11454
|
+
var StyledBodyContainer = styled__default.p(_templateObject6$k());
|
|
11455
|
+
var StyledBottomCTAContainer$2 = styled__default.div(_templateObject7$i());
|
|
10903
11456
|
|
|
10904
11457
|
var Card = function Card(_ref) {
|
|
10905
11458
|
var children = _ref.children;
|
|
@@ -10910,112 +11463,112 @@
|
|
|
10910
11463
|
});
|
|
10911
11464
|
};
|
|
10912
11465
|
|
|
10913
|
-
function _templateObject13$
|
|
11466
|
+
function _templateObject13$7() {
|
|
10914
11467
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n position: absolute;\n width: 30%;\n left: 0%;\n height: 6px;\n border-radius: 4px;\n"]);
|
|
10915
|
-
_templateObject13$
|
|
11468
|
+
_templateObject13$7 = function _templateObject13() {
|
|
10916
11469
|
return data;
|
|
10917
11470
|
};
|
|
10918
11471
|
return data;
|
|
10919
11472
|
}
|
|
10920
|
-
function _templateObject12$
|
|
11473
|
+
function _templateObject12$a() {
|
|
10921
11474
|
var data = _taggedTemplateLiteral(["\n position: absolute;\n border-radius: 4px;\n height: 8px;\n background-color: ", ";\n z-index: 2;\n"]);
|
|
10922
|
-
_templateObject12$
|
|
11475
|
+
_templateObject12$a = function _templateObject12() {
|
|
10923
11476
|
return data;
|
|
10924
11477
|
};
|
|
10925
11478
|
return data;
|
|
10926
11479
|
}
|
|
10927
|
-
function _templateObject11$
|
|
11480
|
+
function _templateObject11$f() {
|
|
10928
11481
|
var data = _taggedTemplateLiteral(["\n position: absolute;\n border-radius: 4px;\n height: 8px;\n background-color: ", ";\n width: 100%;\n z-index: 1;\n"]);
|
|
10929
|
-
_templateObject11$
|
|
11482
|
+
_templateObject11$f = function _templateObject11() {
|
|
10930
11483
|
return data;
|
|
10931
11484
|
};
|
|
10932
11485
|
return data;
|
|
10933
11486
|
}
|
|
10934
|
-
function _templateObject10$
|
|
11487
|
+
function _templateObject10$g() {
|
|
10935
11488
|
var data = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n"]);
|
|
10936
|
-
_templateObject10$
|
|
11489
|
+
_templateObject10$g = function _templateObject10() {
|
|
10937
11490
|
return data;
|
|
10938
11491
|
};
|
|
10939
11492
|
return data;
|
|
10940
11493
|
}
|
|
10941
|
-
function _templateObject9$
|
|
11494
|
+
function _templateObject9$h() {
|
|
10942
11495
|
var data = _taggedTemplateLiteral(["\n ", "\n\n z-index: 4;\n"]);
|
|
10943
|
-
_templateObject9$
|
|
11496
|
+
_templateObject9$h = function _templateObject9() {
|
|
10944
11497
|
return data;
|
|
10945
11498
|
};
|
|
10946
11499
|
return data;
|
|
10947
11500
|
}
|
|
10948
|
-
function _templateObject8$
|
|
11501
|
+
function _templateObject8$i() {
|
|
10949
11502
|
var data = _taggedTemplateLiteral(["\n ", "\n\n z-index: 3;\n"]);
|
|
10950
|
-
_templateObject8$
|
|
11503
|
+
_templateObject8$i = function _templateObject8() {
|
|
10951
11504
|
return data;
|
|
10952
11505
|
};
|
|
10953
11506
|
return data;
|
|
10954
11507
|
}
|
|
10955
|
-
function _templateObject7$
|
|
11508
|
+
function _templateObject7$j() {
|
|
10956
11509
|
var data = _taggedTemplateLiteral(["\n -webkit-appearance: none;\n -webkit-tap-highlight-color: transparent;\n\n pointer-events: none;\n position: absolute;\n height: 0;\n width: 100%;\n outline: none;\n\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n -webkit-tap-highlight-color: transparent;\n }\n\n /* For Chrome browsers */\n &::-webkit-slider-thumb {\n border: none;\n border-radius: 50%;\n cursor: pointer;\n width: 20px;\n height: 20px;\n background: ", ";\n border-radius: 50%;\n cursor: pointer;\n\n margin-top: 8px;\n pointer-events: all;\n position: relative;\n }\n\n &::-webkit-slider-thumb:hover {\n box-shadow: rgba(0, 85, 175, 0.2) 0px 0px 0px 6px;\n }\n\n &::-moz-range-thumb {\n border: none;\n border-radius: 50%;\n cursor: pointer;\n width: 20px;\n height: 20px;\n background: ", ";\n border-radius: 50%;\n cursor: pointer;\n margin-top: 8px;\n pointer-events: all;\n position: relative;\n }\n\n &::-moz-range-thumb:hover {\n box-shadow: rgba(0, 85, 175, 0.2) 0px 0px 0px 6px;\n }\n\n &:disabled::-webkit-slider-thumb {\n background: ", ";\n &:hover {\n box-shadow: none;\n cursor: default;\n }\n }\n"]);
|
|
10957
|
-
_templateObject7$
|
|
11510
|
+
_templateObject7$j = function _templateObject7() {
|
|
10958
11511
|
return data;
|
|
10959
11512
|
};
|
|
10960
11513
|
return data;
|
|
10961
11514
|
}
|
|
10962
|
-
function _templateObject6$
|
|
11515
|
+
function _templateObject6$l() {
|
|
10963
11516
|
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-weight: 400;\n font-size: 12px;\n line-height: 18px;\n margin-bottom: 10px;\n"]);
|
|
10964
|
-
_templateObject6$
|
|
11517
|
+
_templateObject6$l = function _templateObject6() {
|
|
10965
11518
|
return data;
|
|
10966
11519
|
};
|
|
10967
11520
|
return data;
|
|
10968
11521
|
}
|
|
10969
|
-
function _templateObject5$
|
|
11522
|
+
function _templateObject5$n() {
|
|
10970
11523
|
var data = _taggedTemplateLiteral(["\n position: relative;\n min-width: 200px;\n"]);
|
|
10971
|
-
_templateObject5$
|
|
11524
|
+
_templateObject5$n = function _templateObject5() {
|
|
10972
11525
|
return data;
|
|
10973
11526
|
};
|
|
10974
11527
|
return data;
|
|
10975
11528
|
}
|
|
10976
|
-
function _templateObject4$
|
|
11529
|
+
function _templateObject4$o() {
|
|
10977
11530
|
var data = _taggedTemplateLiteral(["\n width: 100%;\n display: flex;\n justify-content: space-between;\n"]);
|
|
10978
|
-
_templateObject4$
|
|
11531
|
+
_templateObject4$o = function _templateObject4() {
|
|
10979
11532
|
return data;
|
|
10980
11533
|
};
|
|
10981
11534
|
return data;
|
|
10982
11535
|
}
|
|
10983
|
-
function _templateObject3$
|
|
11536
|
+
function _templateObject3$p() {
|
|
10984
11537
|
var data = _taggedTemplateLiteral(["\n ", " {\n background: ", ";\n }\n ", " {\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n pointer-events: none;\n &:focus {\n box-shadow: none;\n }\n }\n "]);
|
|
10985
|
-
_templateObject3$
|
|
11538
|
+
_templateObject3$p = function _templateObject3() {
|
|
10986
11539
|
return data;
|
|
10987
11540
|
};
|
|
10988
11541
|
return data;
|
|
10989
11542
|
}
|
|
10990
|
-
function _templateObject2$
|
|
11543
|
+
function _templateObject2$p() {
|
|
10991
11544
|
var data = _taggedTemplateLiteral(["\n margin-top: 10px;\n flex-direction: column;\n "]);
|
|
10992
|
-
_templateObject2$
|
|
11545
|
+
_templateObject2$p = function _templateObject2() {
|
|
10993
11546
|
return data;
|
|
10994
11547
|
};
|
|
10995
11548
|
return data;
|
|
10996
11549
|
}
|
|
10997
|
-
function _templateObject$
|
|
11550
|
+
function _templateObject$r() {
|
|
10998
11551
|
var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 16px;\n width: max-content;\n\n ", "\n\n ", " {\n width: 58px;\n height: 29px;\n padding: 4px 16px;\n text-align: center;\n }\n\n ", "\n"]);
|
|
10999
|
-
_templateObject$
|
|
11552
|
+
_templateObject$r = function _templateObject() {
|
|
11000
11553
|
return data;
|
|
11001
11554
|
};
|
|
11002
11555
|
return data;
|
|
11003
11556
|
}
|
|
11004
|
-
var StyledMainContainer = styled__default.div(_templateObject$
|
|
11005
|
-
return props.isRangeSelector && styled.css(_templateObject2$
|
|
11557
|
+
var StyledMainContainer = styled__default.div(_templateObject$r(), function (props) {
|
|
11558
|
+
return props.isRangeSelector && styled.css(_templateObject2$p());
|
|
11006
11559
|
}, StyledInputBox, function (props) {
|
|
11007
|
-
return props.disabled && styled.css(_templateObject3$
|
|
11560
|
+
return props.disabled && styled.css(_templateObject3$p(), StyledSliderRange, DefaultColorButton, StyledInputBox, DisabledTextareaBg, FocusDisableBorderColor, DisabledButtonFontColor);
|
|
11008
11561
|
});
|
|
11009
|
-
var StyledInputContainer$1 = styled__default.div(_templateObject4$
|
|
11010
|
-
var StyledSliderContainer = styled__default.div(_templateObject5$
|
|
11011
|
-
var StyledSliderLabel = styled__default.label(_templateObject6$
|
|
11012
|
-
var StyledSliderThumb = styled.css(_templateObject7$
|
|
11013
|
-
var StyledSliderLeft = styled__default.input(_templateObject8$
|
|
11014
|
-
var StyledSliderRight = styled__default.input(_templateObject9$
|
|
11015
|
-
var StyledSlider = styled__default.div(_templateObject10$
|
|
11016
|
-
var StyledSliderTrack = styled__default.div(_templateObject11$
|
|
11017
|
-
var StyledSliderRange = styled__default.div(_templateObject12$
|
|
11018
|
-
var StyledSliderActive = styled__default.div(_templateObject13$
|
|
11562
|
+
var StyledInputContainer$1 = styled__default.div(_templateObject4$o());
|
|
11563
|
+
var StyledSliderContainer = styled__default.div(_templateObject5$n());
|
|
11564
|
+
var StyledSliderLabel = styled__default.label(_templateObject6$l(), LabelColor);
|
|
11565
|
+
var StyledSliderThumb = styled.css(_templateObject7$j(), PrimaryBlueColor, PrimaryBlueColor, DefaultColorButton);
|
|
11566
|
+
var StyledSliderLeft = styled__default.input(_templateObject8$i(), StyledSliderThumb);
|
|
11567
|
+
var StyledSliderRight = styled__default.input(_templateObject9$h(), StyledSliderThumb);
|
|
11568
|
+
var StyledSlider = styled__default.div(_templateObject10$g());
|
|
11569
|
+
var StyledSliderTrack = styled__default.div(_templateObject11$f(), DisabledTextareaBg);
|
|
11570
|
+
var StyledSliderRange = styled__default.div(_templateObject12$a(), PrimaryBlueColor);
|
|
11571
|
+
var StyledSliderActive = styled__default.div(_templateObject13$7(), PrimaryBlueColor);
|
|
11019
11572
|
|
|
11020
11573
|
var Slider = function Slider(_ref) {
|
|
11021
11574
|
var min = _ref.min,
|
|
@@ -11156,236 +11709,107 @@
|
|
|
11156
11709
|
});
|
|
11157
11710
|
};
|
|
11158
11711
|
|
|
11159
|
-
function
|
|
11160
|
-
var data = _taggedTemplateLiteral(["\n
|
|
11161
|
-
|
|
11162
|
-
return data;
|
|
11163
|
-
};
|
|
11164
|
-
return data;
|
|
11165
|
-
}
|
|
11166
|
-
function _templateObject11$c() {
|
|
11167
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n "]);
|
|
11168
|
-
_templateObject11$c = function _templateObject11() {
|
|
11169
|
-
return data;
|
|
11170
|
-
};
|
|
11171
|
-
return data;
|
|
11172
|
-
}
|
|
11173
|
-
function _templateObject10$e() {
|
|
11174
|
-
var data = _taggedTemplateLiteral(["\n font-size: 12px;\n "]);
|
|
11175
|
-
_templateObject10$e = function _templateObject10() {
|
|
11176
|
-
return data;
|
|
11177
|
-
};
|
|
11178
|
-
return data;
|
|
11179
|
-
}
|
|
11180
|
-
function _templateObject9$f() {
|
|
11181
|
-
var data = _taggedTemplateLiteral(["\n display: none;\n "]);
|
|
11182
|
-
_templateObject9$f = function _templateObject9() {
|
|
11183
|
-
return data;
|
|
11184
|
-
};
|
|
11185
|
-
return data;
|
|
11186
|
-
}
|
|
11187
|
-
function _templateObject8$h() {
|
|
11188
|
-
var data = _taggedTemplateLiteral(["\n width: 24px;\n height: 24px;\n "]);
|
|
11189
|
-
_templateObject8$h = function _templateObject8() {
|
|
11190
|
-
return data;
|
|
11191
|
-
};
|
|
11192
|
-
return data;
|
|
11193
|
-
}
|
|
11194
|
-
function _templateObject7$i() {
|
|
11195
|
-
var data = _taggedTemplateLiteral(["\n width: 72px;\n height: 72px;\n "]);
|
|
11196
|
-
_templateObject7$i = function _templateObject7() {
|
|
11197
|
-
return data;
|
|
11198
|
-
};
|
|
11199
|
-
return data;
|
|
11200
|
-
}
|
|
11201
|
-
function _templateObject6$k() {
|
|
11202
|
-
var data = _taggedTemplateLiteral(["\n width: 48px;\n height: 48px;\n "]);
|
|
11203
|
-
_templateObject6$k = function _templateObject6() {
|
|
11204
|
-
return data;
|
|
11205
|
-
};
|
|
11206
|
-
return data;
|
|
11207
|
-
}
|
|
11208
|
-
function _templateObject5$m() {
|
|
11209
|
-
var data = _taggedTemplateLiteral(["\n width: 36px;\n height: 36px;\n "]);
|
|
11210
|
-
_templateObject5$m = function _templateObject5() {
|
|
11211
|
-
return data;
|
|
11212
|
-
};
|
|
11213
|
-
return data;
|
|
11214
|
-
}
|
|
11215
|
-
function _templateObject4$n() {
|
|
11216
|
-
var data = _taggedTemplateLiteral(["\n position: relative;\n min-width: 80px;\n\n ", " {\n ", "\n }\n\n ", " {\n ", "\n }\n"]);
|
|
11217
|
-
_templateObject4$n = function _templateObject4() {
|
|
11218
|
-
return data;
|
|
11219
|
-
};
|
|
11220
|
-
return data;
|
|
11221
|
-
}
|
|
11222
|
-
function _templateObject3$o() {
|
|
11223
|
-
var data = _taggedTemplateLiteral(["\n font-size: 10px;\n margin: 50px auto;\n border-radius: 50%;\n background: ", ";\n background: -moz-linear-gradient(left, #0055af 10%, rgba(0, 85, 175, 0) 82%);\n background: -webkit-linear-gradient(\n left,\n #0055af 10%,\n rgba(0, 85, 175, 0) 82%\n );\n background: -o-linear-gradient(left, #0055af 10%, rgba(0, 85, 175, 0) 82%);\n background: -ms-linear-gradient(left, #0055af 10%, rgba(0, 85, 175, 0) 82%);\n background: linear-gradient(to right, #0055af 10%, rgba(0, 85, 175, 0) 52%);\n position: relative;\n -webkit-animation: load3 1.4s infinite linear;\n animation: load3 1.4s infinite linear;\n -webkit-transform: translateZ(0);\n -ms-transform: translateZ(0);\n transform: translateZ(0);\n\n &::before {\n width: 50%;\n height: 50%;\n background: #0055af;\n border-radius: 100% 0 0 0;\n position: absolute;\n top: 0;\n left: 0;\n content: \"\";\n }\n\n &::after {\n background: #fff;\n width: 75%;\n height: 75%;\n border-radius: 50%;\n content: \"\";\n margin: auto;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n }\n\n @-webkit-keyframes load3 {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n }\n @keyframes load3 {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n }\n"]);
|
|
11224
|
-
_templateObject3$o = function _templateObject3() {
|
|
11225
|
-
return data;
|
|
11226
|
-
};
|
|
11227
|
-
return data;
|
|
11228
|
-
}
|
|
11229
|
-
function _templateObject2$o() {
|
|
11230
|
-
var data = _taggedTemplateLiteral(["\n font-size: 12px;\n line-height: 18px;\n font-weight: 500;\n position: absolute;\n left: 0;\n right: 0;\n text-align: center;\n bottom: -35px;\n"]);
|
|
11231
|
-
_templateObject2$o = function _templateObject2() {
|
|
11232
|
-
return data;
|
|
11233
|
-
};
|
|
11234
|
-
return data;
|
|
11235
|
-
}
|
|
11236
|
-
function _templateObject$q() {
|
|
11237
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 21px;\n font-weight: 500;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n margin: auto;\n /* width: 100px; */\n height: 16px;\n text-align: center;\n"]);
|
|
11238
|
-
_templateObject$q = function _templateObject() {
|
|
11239
|
-
return data;
|
|
11240
|
-
};
|
|
11241
|
-
return data;
|
|
11242
|
-
}
|
|
11243
|
-
var SpinnerPercentage = styled__default.span(_templateObject$q());
|
|
11244
|
-
var StyledSpinnerText = styled__default.div(_templateObject2$o());
|
|
11245
|
-
var StyledSpinner = styled__default.div(_templateObject3$o(), PrimaryBlueColor);
|
|
11246
|
-
var StyledSpinnerMainContainer = styled__default.div(_templateObject4$n(), StyledSpinner, function (props) {
|
|
11247
|
-
switch (props.size) {
|
|
11248
|
-
case "small":
|
|
11249
|
-
return styled.css(_templateObject5$m());
|
|
11250
|
-
case "medium":
|
|
11251
|
-
return styled.css(_templateObject6$k());
|
|
11252
|
-
case "large":
|
|
11253
|
-
return styled.css(_templateObject7$i());
|
|
11254
|
-
case "xs":
|
|
11255
|
-
return styled.css(_templateObject8$h());
|
|
11256
|
-
}
|
|
11257
|
-
}, SpinnerPercentage, function (props) {
|
|
11258
|
-
switch (props.size) {
|
|
11259
|
-
case "small":
|
|
11260
|
-
return styled.css(_templateObject9$f());
|
|
11261
|
-
case "medium":
|
|
11262
|
-
return styled.css(_templateObject10$e());
|
|
11263
|
-
case "large":
|
|
11264
|
-
return styled.css(_templateObject11$c());
|
|
11265
|
-
case "xs":
|
|
11266
|
-
return styled.css(_templateObject12$8());
|
|
11267
|
-
}
|
|
11268
|
-
});
|
|
11269
|
-
|
|
11270
|
-
function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
11271
|
-
function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
11272
|
-
var Spinner = function Spinner(_ref) {
|
|
11273
|
-
var size = _ref.size,
|
|
11274
|
-
progress = _ref.progress,
|
|
11275
|
-
showLoadingText = _ref.showLoadingText,
|
|
11276
|
-
props = _objectWithoutProperties(_ref, ["size", "progress", "showLoadingText"]);
|
|
11277
|
-
return /*#__PURE__*/jsxRuntime.jsxs(StyledSpinnerMainContainer, _objectSpread$h(_objectSpread$h({
|
|
11278
|
-
size: size
|
|
11279
|
-
}, props), {}, {
|
|
11280
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(StyledSpinner, {}), progress && /*#__PURE__*/jsxRuntime.jsxs(SpinnerPercentage, {
|
|
11281
|
-
children: [progress, "%"]
|
|
11282
|
-
}), showLoadingText && /*#__PURE__*/jsxRuntime.jsx(StyledSpinnerText, {
|
|
11283
|
-
children: "Loading..."
|
|
11284
|
-
})]
|
|
11285
|
-
}));
|
|
11286
|
-
};
|
|
11287
|
-
|
|
11288
|
-
function _templateObject11$d() {
|
|
11289
|
-
var data = _taggedTemplateLiteral(["\n height: 245px;\n display: flex;\n align-items: center;\n justify-content: center;\n ", " {\n display: none;\n }\n ", " {\n margin-top: 0px;\n }\n "]);
|
|
11290
|
-
_templateObject11$d = function _templateObject11() {
|
|
11712
|
+
function _templateObject11$g() {
|
|
11713
|
+
var data = _taggedTemplateLiteral(["\n height: 245px;\n display: flex;\n align-items: center;\n justify-content: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: 185px;\n }\n ", " {\n display: none;\n }\n ", " {\n margin-top: 0px;\n }\n "]);
|
|
11714
|
+
_templateObject11$g = function _templateObject11() {
|
|
11291
11715
|
return data;
|
|
11292
11716
|
};
|
|
11293
11717
|
return data;
|
|
11294
11718
|
}
|
|
11295
|
-
function _templateObject10$
|
|
11296
|
-
var data = _taggedTemplateLiteral(["\n width: 937px;\n height: 360px;\n display: flex;\n align-items: center;\n ", " {\n margin-left: 56px;\n margin-right: 48px;\n background: url(", ") no-repeat;\n background-size:
|
|
11297
|
-
_templateObject10$
|
|
11719
|
+
function _templateObject10$h() {
|
|
11720
|
+
var data = _taggedTemplateLiteral(["\n width: 937px;\n height: 360px;\n display: flex;\n align-items: center;\n\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 550px;\n height: 185px;\n }\n\n ", " {\n margin-left: 56px;\n margin-right: 48px;\n background: url(", ") no-repeat;\n background-size: 103px;\n margin-top: 0px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n height: 108px;\n }\n }\n ", " {\n flex-direction: row;\n align-items: center;\n }\n ", " {\n padding-left: 0;\n text-align: left;\n margin-top: 0;\n }\n ", " {\n text-align: left;\n }\n ", " {\n text-align: left;\n }\n "]);
|
|
11721
|
+
_templateObject10$h = function _templateObject10() {
|
|
11298
11722
|
return data;
|
|
11299
11723
|
};
|
|
11300
11724
|
return data;
|
|
11301
11725
|
}
|
|
11302
|
-
function _templateObject9$
|
|
11303
|
-
var data = _taggedTemplateLiteral(["\n ", " {\n background: url(", ") no-repeat;\n background-size: 183px;\n }\n "]);
|
|
11304
|
-
_templateObject9$
|
|
11726
|
+
function _templateObject9$i() {
|
|
11727
|
+
var data = _taggedTemplateLiteral(["\n ", " {\n background: url(", ") no-repeat;\n background-size: 183px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n background-size: 150px;\n }\n }\n "]);
|
|
11728
|
+
_templateObject9$i = function _templateObject9() {
|
|
11305
11729
|
return data;
|
|
11306
11730
|
};
|
|
11307
11731
|
return data;
|
|
11308
11732
|
}
|
|
11309
|
-
function _templateObject8$
|
|
11310
|
-
var data = _taggedTemplateLiteral(["\n ", " {\n background: url(", ") no-repeat;\n background-size: 183px;\n }\n "]);
|
|
11311
|
-
_templateObject8$
|
|
11733
|
+
function _templateObject8$j() {
|
|
11734
|
+
var data = _taggedTemplateLiteral(["\n ", " {\n background: url(", ") no-repeat;\n background-size: 183px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n background-size: 150px;\n }\n }\n "]);
|
|
11735
|
+
_templateObject8$j = function _templateObject8() {
|
|
11312
11736
|
return data;
|
|
11313
11737
|
};
|
|
11314
11738
|
return data;
|
|
11315
11739
|
}
|
|
11316
|
-
function _templateObject7$
|
|
11317
|
-
var data = _taggedTemplateLiteral(["\n width: 890px;\n height: 517px;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);\n border-radius: 4px;\n\n ", "\n\n ", "\n \n ", "\n"]);
|
|
11318
|
-
_templateObject7$
|
|
11740
|
+
function _templateObject7$k() {
|
|
11741
|
+
var data = _taggedTemplateLiteral(["\n width: 890px;\n height: 517px;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);\n border-radius: 4px;\n\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 550px;\n height: 365px;\n }\n\n ", "\n\n ", "\n \n ", "\n"]);
|
|
11742
|
+
_templateObject7$k = function _templateObject7() {
|
|
11319
11743
|
return data;
|
|
11320
11744
|
};
|
|
11321
11745
|
return data;
|
|
11322
11746
|
}
|
|
11323
|
-
function _templateObject6$
|
|
11324
|
-
var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n gap: 16px;\n margin-top: 24px;\n"]);
|
|
11325
|
-
_templateObject6$
|
|
11747
|
+
function _templateObject6$m() {
|
|
11748
|
+
var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n gap: 16px;\n margin-top: 24px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n margin-top: 15px;\n }\n"]);
|
|
11749
|
+
_templateObject6$m = function _templateObject6() {
|
|
11326
11750
|
return data;
|
|
11327
11751
|
};
|
|
11328
11752
|
return data;
|
|
11329
11753
|
}
|
|
11330
|
-
function _templateObject5$
|
|
11331
|
-
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 16px;\n line-height: 24px;\n margin-top: 12px;\n text-align: center;\n"]);
|
|
11332
|
-
_templateObject5$
|
|
11754
|
+
function _templateObject5$o() {
|
|
11755
|
+
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 16px;\n line-height: 24px;\n margin-top: 12px;\n text-align: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 14px;\n margin-top: 10px;\n }\n"]);
|
|
11756
|
+
_templateObject5$o = function _templateObject5() {
|
|
11333
11757
|
return data;
|
|
11334
11758
|
};
|
|
11335
11759
|
return data;
|
|
11336
11760
|
}
|
|
11337
|
-
function _templateObject4$
|
|
11338
|
-
var data = _taggedTemplateLiteral(["\n margin-top: 30px;\n padding: 0 15px;\n"]);
|
|
11339
|
-
_templateObject4$
|
|
11761
|
+
function _templateObject4$p() {
|
|
11762
|
+
var data = _taggedTemplateLiteral(["\n margin-top: 30px;\n padding: 0 15px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n margin-top: 20px;\n }\n"]);
|
|
11763
|
+
_templateObject4$p = function _templateObject4() {
|
|
11340
11764
|
return data;
|
|
11341
11765
|
};
|
|
11342
11766
|
return data;
|
|
11343
11767
|
}
|
|
11344
|
-
function _templateObject3$
|
|
11345
|
-
var data = _taggedTemplateLiteral(["\n font-weight: 500;\n line-height: 30px;\n text-align: center;\n"]);
|
|
11346
|
-
_templateObject3$
|
|
11768
|
+
function _templateObject3$q() {
|
|
11769
|
+
var data = _taggedTemplateLiteral(["\n font-weight: 500;\n line-height: 30px;\n text-align: center;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n font-size: 18px;\n }\n"]);
|
|
11770
|
+
_templateObject3$q = function _templateObject3() {
|
|
11347
11771
|
return data;
|
|
11348
11772
|
};
|
|
11349
11773
|
return data;
|
|
11350
11774
|
}
|
|
11351
|
-
function _templateObject2$
|
|
11352
|
-
var data = _taggedTemplateLiteral(["\n width: 194px;\n height: 194px;\n margin: auto;\n margin-top: 80px;\n"]);
|
|
11353
|
-
_templateObject2$
|
|
11775
|
+
function _templateObject2$q() {
|
|
11776
|
+
var data = _taggedTemplateLiteral(["\n width: 194px;\n height: 194px;\n margin: auto;\n margin-top: 80px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n width: 150px;\n height: 158px;\n margin: auto;\n margin-top: 45px;\n }\n"]);
|
|
11777
|
+
_templateObject2$q = function _templateObject2() {
|
|
11354
11778
|
return data;
|
|
11355
11779
|
};
|
|
11356
11780
|
return data;
|
|
11357
11781
|
}
|
|
11358
|
-
function _templateObject$
|
|
11782
|
+
function _templateObject$s() {
|
|
11359
11783
|
var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n"]);
|
|
11360
|
-
_templateObject$
|
|
11784
|
+
_templateObject$s = function _templateObject() {
|
|
11361
11785
|
return data;
|
|
11362
11786
|
};
|
|
11363
11787
|
return data;
|
|
11364
11788
|
}
|
|
11365
|
-
var StyledImageContentContainer = styled__default.div(_templateObject$
|
|
11366
|
-
var StyledImageContainer = styled__default.div(_templateObject2$
|
|
11367
|
-
var StyledStateHeading = styled__default.h2(_templateObject3$
|
|
11368
|
-
var StyledContentContainer = styled__default.div(_templateObject4$
|
|
11369
|
-
var StyledInfoText = styled__default.div(_templateObject5$
|
|
11370
|
-
var StyledCTAContainer = styled__default.div(_templateObject6$
|
|
11371
|
-
var StyledEmptyState = styled__default.div(_templateObject7$
|
|
11789
|
+
var StyledImageContentContainer = styled__default.div(_templateObject$s());
|
|
11790
|
+
var StyledImageContainer = styled__default.div(_templateObject2$q());
|
|
11791
|
+
var StyledStateHeading = styled__default.h2(_templateObject3$q());
|
|
11792
|
+
var StyledContentContainer = styled__default.div(_templateObject4$p());
|
|
11793
|
+
var StyledInfoText = styled__default.div(_templateObject5$o(), LabelColor);
|
|
11794
|
+
var StyledCTAContainer = styled__default.div(_templateObject6$m());
|
|
11795
|
+
var StyledEmptyState = styled__default.div(_templateObject7$k(), function (props) {
|
|
11372
11796
|
switch (props.variant) {
|
|
11373
11797
|
case "noPlan":
|
|
11374
|
-
return styled.css(_templateObject8$
|
|
11798
|
+
return styled.css(_templateObject8$j(), StyledImageContainer, emptyStateIcon);
|
|
11375
11799
|
case "permission":
|
|
11376
|
-
return styled.css(_templateObject9$
|
|
11800
|
+
return styled.css(_templateObject9$i(), StyledImageContainer, permissionIcon);
|
|
11377
11801
|
}
|
|
11378
11802
|
}, function (props) {
|
|
11379
11803
|
switch (props.layout) {
|
|
11380
11804
|
case "vertical":
|
|
11381
|
-
return styled.css(_templateObject10$
|
|
11805
|
+
return styled.css(_templateObject10$h(), StyledImageContainer, emptyStateIcon, StyledImageContentContainer, StyledContentContainer, StyledStateHeading, StyledInfoText);
|
|
11382
11806
|
}
|
|
11383
11807
|
}, function (props) {
|
|
11384
|
-
return props.hideImage && styled.css(_templateObject11$
|
|
11808
|
+
return props.hideImage && styled.css(_templateObject11$g(), StyledImageContainer, StyledContentContainer);
|
|
11385
11809
|
});
|
|
11386
11810
|
|
|
11387
|
-
function ownKeys$
|
|
11388
|
-
function _objectSpread$
|
|
11811
|
+
function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
11812
|
+
function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
11389
11813
|
var EmptyState = function EmptyState(_ref) {
|
|
11390
11814
|
var heading = _ref.heading,
|
|
11391
11815
|
info = _ref.info,
|
|
@@ -11396,7 +11820,7 @@
|
|
|
11396
11820
|
primaryButtonProps = _ref.primaryButtonProps,
|
|
11397
11821
|
secondaryButtonProps = _ref.secondaryButtonProps,
|
|
11398
11822
|
props = _objectWithoutProperties(_ref, ["heading", "info", "variant", "layout", "hideImage", "hideButtons", "primaryButtonProps", "secondaryButtonProps"]);
|
|
11399
|
-
return /*#__PURE__*/jsxRuntime.jsx(StyledEmptyState, _objectSpread$
|
|
11823
|
+
return /*#__PURE__*/jsxRuntime.jsx(StyledEmptyState, _objectSpread$k(_objectSpread$k({
|
|
11400
11824
|
variant: variant,
|
|
11401
11825
|
layout: layout,
|
|
11402
11826
|
hideImage: hideImage
|
|
@@ -11408,9 +11832,9 @@
|
|
|
11408
11832
|
}), /*#__PURE__*/jsxRuntime.jsx(StyledInfoText, {
|
|
11409
11833
|
children: info
|
|
11410
11834
|
}), !hideButtons && /*#__PURE__*/jsxRuntime.jsxs(StyledCTAContainer, {
|
|
11411
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
11835
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$k({
|
|
11412
11836
|
variant: "primary"
|
|
11413
|
-
}, primaryButtonProps)), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
11837
|
+
}, primaryButtonProps)), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$k({
|
|
11414
11838
|
variant: "secondary"
|
|
11415
11839
|
}, secondaryButtonProps))]
|
|
11416
11840
|
})]
|
|
@@ -11510,130 +11934,130 @@
|
|
|
11510
11934
|
};
|
|
11511
11935
|
return data;
|
|
11512
11936
|
}
|
|
11513
|
-
function _templateObject14$
|
|
11937
|
+
function _templateObject14$7() {
|
|
11514
11938
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n "]);
|
|
11515
|
-
_templateObject14$
|
|
11939
|
+
_templateObject14$7 = function _templateObject14() {
|
|
11516
11940
|
return data;
|
|
11517
11941
|
};
|
|
11518
11942
|
return data;
|
|
11519
11943
|
}
|
|
11520
|
-
function _templateObject13$
|
|
11944
|
+
function _templateObject13$8() {
|
|
11521
11945
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n ", "\n\n ", "\n\n ", "\n ", "\n "]);
|
|
11522
|
-
_templateObject13$
|
|
11946
|
+
_templateObject13$8 = function _templateObject13() {
|
|
11523
11947
|
return data;
|
|
11524
11948
|
};
|
|
11525
11949
|
return data;
|
|
11526
11950
|
}
|
|
11527
|
-
function _templateObject12$
|
|
11951
|
+
function _templateObject12$b() {
|
|
11528
11952
|
var data = _taggedTemplateLiteral(["\n border-radius: 17px;\n padding: 2px 12px;\n height: 22px;\n "]);
|
|
11529
|
-
_templateObject12$
|
|
11953
|
+
_templateObject12$b = function _templateObject12() {
|
|
11530
11954
|
return data;
|
|
11531
11955
|
};
|
|
11532
11956
|
return data;
|
|
11533
11957
|
}
|
|
11534
|
-
function _templateObject11$
|
|
11958
|
+
function _templateObject11$h() {
|
|
11535
11959
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n "]);
|
|
11536
|
-
_templateObject11$
|
|
11960
|
+
_templateObject11$h = function _templateObject11() {
|
|
11537
11961
|
return data;
|
|
11538
11962
|
};
|
|
11539
11963
|
return data;
|
|
11540
11964
|
}
|
|
11541
|
-
function _templateObject10$
|
|
11965
|
+
function _templateObject10$i() {
|
|
11542
11966
|
var data = _taggedTemplateLiteral(["\n padding-left: 24px;\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n &::before {\n content: \" \";\n width: 8px;\n height: 8px;\n background: ", ";\n position: absolute;\n left: 8px;\n top: 0;\n bottom: 0%;\n margin: auto;\n border-radius: 50%;\n }\n "]);
|
|
11543
|
-
_templateObject10$
|
|
11967
|
+
_templateObject10$i = function _templateObject10() {
|
|
11544
11968
|
return data;
|
|
11545
11969
|
};
|
|
11546
11970
|
return data;
|
|
11547
11971
|
}
|
|
11548
|
-
function _templateObject9$
|
|
11972
|
+
function _templateObject9$j() {
|
|
11549
11973
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n "]);
|
|
11550
|
-
_templateObject9$
|
|
11974
|
+
_templateObject9$j = function _templateObject9() {
|
|
11551
11975
|
return data;
|
|
11552
11976
|
};
|
|
11553
11977
|
return data;
|
|
11554
11978
|
}
|
|
11555
|
-
function _templateObject8$
|
|
11979
|
+
function _templateObject8$k() {
|
|
11556
11980
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n ", "\n\n ", "\n\n ", "\n ", "\n "]);
|
|
11557
|
-
_templateObject8$
|
|
11981
|
+
_templateObject8$k = function _templateObject8() {
|
|
11558
11982
|
return data;
|
|
11559
11983
|
};
|
|
11560
11984
|
return data;
|
|
11561
11985
|
}
|
|
11562
|
-
function _templateObject7$
|
|
11986
|
+
function _templateObject7$l() {
|
|
11563
11987
|
var data = _taggedTemplateLiteral(["\n border-radius: 17px;\n padding: 2px 12px;\n height: 22px;\n "]);
|
|
11564
|
-
_templateObject7$
|
|
11988
|
+
_templateObject7$l = function _templateObject7() {
|
|
11565
11989
|
return data;
|
|
11566
11990
|
};
|
|
11567
11991
|
return data;
|
|
11568
11992
|
}
|
|
11569
|
-
function _templateObject6$
|
|
11993
|
+
function _templateObject6$n() {
|
|
11570
11994
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n "]);
|
|
11571
|
-
_templateObject6$
|
|
11995
|
+
_templateObject6$n = function _templateObject6() {
|
|
11572
11996
|
return data;
|
|
11573
11997
|
};
|
|
11574
11998
|
return data;
|
|
11575
11999
|
}
|
|
11576
|
-
function _templateObject5$
|
|
12000
|
+
function _templateObject5$p() {
|
|
11577
12001
|
var data = _taggedTemplateLiteral(["\n padding-left: 24px;\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n &::before {\n content: \" \";\n width: 8px;\n height: 8px;\n background: ", ";\n position: absolute;\n left: 8px;\n top: 0;\n bottom: 0%;\n margin: auto;\n border-radius: 50%;\n }\n "]);
|
|
11578
|
-
_templateObject5$
|
|
12002
|
+
_templateObject5$p = function _templateObject5() {
|
|
11579
12003
|
return data;
|
|
11580
12004
|
};
|
|
11581
12005
|
return data;
|
|
11582
12006
|
}
|
|
11583
|
-
function _templateObject4$
|
|
12007
|
+
function _templateObject4$q() {
|
|
11584
12008
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n "]);
|
|
11585
|
-
_templateObject4$
|
|
12009
|
+
_templateObject4$q = function _templateObject4() {
|
|
11586
12010
|
return data;
|
|
11587
12011
|
};
|
|
11588
12012
|
return data;
|
|
11589
12013
|
}
|
|
11590
|
-
function _templateObject3$
|
|
12014
|
+
function _templateObject3$r() {
|
|
11591
12015
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n ", "\n\n ", "\n\n ", "\n ", "\n "]);
|
|
11592
|
-
_templateObject3$
|
|
12016
|
+
_templateObject3$r = function _templateObject3() {
|
|
11593
12017
|
return data;
|
|
11594
12018
|
};
|
|
11595
12019
|
return data;
|
|
11596
12020
|
}
|
|
11597
|
-
function _templateObject2$
|
|
12021
|
+
function _templateObject2$r() {
|
|
11598
12022
|
var data = _taggedTemplateLiteral(["\n height: 26px;\n color: ", ";\n padding: 4px 8px;\n font-size: 12px;\n line-height: 18px;\n border-radius: 4px;\n box-sizing: border-box;\n position: relative;\n ", "\n"]);
|
|
11599
|
-
_templateObject2$
|
|
12023
|
+
_templateObject2$r = function _templateObject2() {
|
|
11600
12024
|
return data;
|
|
11601
12025
|
};
|
|
11602
12026
|
return data;
|
|
11603
12027
|
}
|
|
11604
|
-
function _templateObject$
|
|
12028
|
+
function _templateObject$t() {
|
|
11605
12029
|
var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 12px;\n\n &:hover {\n cursor: pointer;\n }\n"]);
|
|
11606
|
-
_templateObject$
|
|
12030
|
+
_templateObject$t = function _templateObject() {
|
|
11607
12031
|
return data;
|
|
11608
12032
|
};
|
|
11609
12033
|
return data;
|
|
11610
12034
|
}
|
|
11611
|
-
var StyledBadgeContainer = styled__default.div(_templateObject$
|
|
11612
|
-
var StyledBadge = styled__default.div(_templateObject2$
|
|
12035
|
+
var StyledBadgeContainer = styled__default.div(_templateObject$t());
|
|
12036
|
+
var StyledBadge = styled__default.div(_templateObject2$r(), WhiteColor, function (props) {
|
|
11613
12037
|
switch (props.variant) {
|
|
11614
12038
|
case "default":
|
|
11615
|
-
return styled.css(_templateObject3$
|
|
11616
|
-
return props.outline && styled.css(_templateObject4$
|
|
12039
|
+
return styled.css(_templateObject3$r(), LabelColor, function (props) {
|
|
12040
|
+
return props.outline && styled.css(_templateObject4$q(), WhiteColor, LabelColor, LabelColor);
|
|
11617
12041
|
}, function (props) {
|
|
11618
|
-
return props.outlineDot && styled.css(_templateObject5$
|
|
12042
|
+
return props.outlineDot && styled.css(_templateObject5$p(), WhiteColor, LabelColor, LabelColor, LabelColor);
|
|
11619
12043
|
}, function (props) {
|
|
11620
|
-
return props.secondary && styled.css(_templateObject6$
|
|
12044
|
+
return props.secondary && styled.css(_templateObject6$n(), LightBgColorButton, LabelColor, LabelColor);
|
|
11621
12045
|
}, function (props) {
|
|
11622
|
-
return props.rounded && styled.css(_templateObject7$
|
|
12046
|
+
return props.rounded && styled.css(_templateObject7$l());
|
|
11623
12047
|
});
|
|
11624
12048
|
case "success":
|
|
11625
|
-
return styled.css(_templateObject8$
|
|
11626
|
-
return props.outline && styled.css(_templateObject9$
|
|
12049
|
+
return styled.css(_templateObject8$k(), AlertGreenSuccessStroke, function (props) {
|
|
12050
|
+
return props.outline && styled.css(_templateObject9$j(), WhiteColor, AlertGreenSuccessStroke, AlertGreenSuccessStroke);
|
|
11627
12051
|
}, function (props) {
|
|
11628
|
-
return props.outlineDot && styled.css(_templateObject10$
|
|
12052
|
+
return props.outlineDot && styled.css(_templateObject10$i(), WhiteColor, AlertGreenSuccessStroke, AlertGreenSuccessStroke, AlertGreenSuccessStroke);
|
|
11629
12053
|
}, function (props) {
|
|
11630
|
-
return props.secondary && styled.css(_templateObject11$
|
|
12054
|
+
return props.secondary && styled.css(_templateObject11$h(), AlertGreenSuccessBackground, AlertGreenSuccessStroke, AlertGreenSuccessStroke);
|
|
11631
12055
|
}, function (props) {
|
|
11632
|
-
return props.rounded && styled.css(_templateObject12$
|
|
12056
|
+
return props.rounded && styled.css(_templateObject12$b());
|
|
11633
12057
|
});
|
|
11634
12058
|
case "error":
|
|
11635
|
-
return styled.css(_templateObject13$
|
|
11636
|
-
return props.outline && styled.css(_templateObject14$
|
|
12059
|
+
return styled.css(_templateObject13$8(), AlertRedErrorStroke, function (props) {
|
|
12060
|
+
return props.outline && styled.css(_templateObject14$7(), WhiteColor, AlertRedErrorStroke, AlertRedErrorStroke);
|
|
11637
12061
|
}, function (props) {
|
|
11638
12062
|
return props.outlineDot && styled.css(_templateObject15$5(), WhiteColor, AlertRedErrorStroke, AlertRedErrorStroke, AlertRedErrorStroke);
|
|
11639
12063
|
}, function (props) {
|
|
@@ -11689,14 +12113,29 @@
|
|
|
11689
12113
|
});
|
|
11690
12114
|
};
|
|
11691
12115
|
|
|
11692
|
-
function _templateObject$
|
|
12116
|
+
function _templateObject$u() {
|
|
12117
|
+
var data = _taggedTemplateLiteral([""]);
|
|
12118
|
+
_templateObject$u = function _templateObject() {
|
|
12119
|
+
return data;
|
|
12120
|
+
};
|
|
12121
|
+
return data;
|
|
12122
|
+
}
|
|
12123
|
+
var StyledMenu$1 = styled__default.div(_templateObject$u());
|
|
12124
|
+
|
|
12125
|
+
var Menu = function Menu() {
|
|
12126
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
12127
|
+
children: /*#__PURE__*/jsxRuntime.jsx(StyledMenu$1, {})
|
|
12128
|
+
});
|
|
12129
|
+
};
|
|
12130
|
+
|
|
12131
|
+
function _templateObject$v() {
|
|
11693
12132
|
var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 5px;\n\n flex-direction: column;\n"]);
|
|
11694
|
-
_templateObject$
|
|
12133
|
+
_templateObject$v = function _templateObject() {
|
|
11695
12134
|
return data;
|
|
11696
12135
|
};
|
|
11697
12136
|
return data;
|
|
11698
12137
|
}
|
|
11699
|
-
var StyledRadioGroup = styled__default.div(_templateObject$
|
|
12138
|
+
var StyledRadioGroup = styled__default.div(_templateObject$v());
|
|
11700
12139
|
|
|
11701
12140
|
var RadioGroup = function RadioGroup(_ref) {
|
|
11702
12141
|
var children = _ref.children,
|
|
@@ -11732,6 +12171,7 @@
|
|
|
11732
12171
|
exports.EmptyState = EmptyState;
|
|
11733
12172
|
exports.FileSelector = FileSelector;
|
|
11734
12173
|
exports.Input = Input;
|
|
12174
|
+
exports.Menu = Menu;
|
|
11735
12175
|
exports.Modal = Modal;
|
|
11736
12176
|
exports.Panel = Panel;
|
|
11737
12177
|
exports.ProgressBar = ProgressBar;
|