impact-ui 0.1.36 → 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 +1526 -1015
- 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
|
|
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.");
|
|
@@ -2126,85 +2281,92 @@
|
|
|
2126
2281
|
|
|
2127
2282
|
var _toConsumableArray = unwrapExports(toConsumableArray);
|
|
2128
2283
|
|
|
2284
|
+
function _templateObject16$1() {
|
|
2285
|
+
var data = _taggedTemplateLiteral(["\n height: 37px;\n padding: 8px 16px;\n box-sizing: border-box;\n\n &:hover {\n background: ", ";\n }\n"]);
|
|
2286
|
+
_templateObject16$1 = function _templateObject16() {
|
|
2287
|
+
return data;
|
|
2288
|
+
};
|
|
2289
|
+
return data;
|
|
2290
|
+
}
|
|
2129
2291
|
function _templateObject15$1() {
|
|
2130
|
-
var data = _taggedTemplateLiteral(["\n
|
|
2292
|
+
var data = _taggedTemplateLiteral(["\n background-color: transparent;\n border: none;\n padding: 4px 0;\n height: 26px;\n box-sizing: border-box;\n padding-left: 34px;\n color: ", ";\n font-size: 12px;\n line-height: 18px;\n cursor: pointer;\n background-image: url(", ");\n background-repeat: no-repeat;\n background-size: 10px;\n background-position: 18px center;\n"]);
|
|
2131
2293
|
_templateObject15$1 = function _templateObject15() {
|
|
2132
2294
|
return data;
|
|
2133
2295
|
};
|
|
2134
2296
|
return data;
|
|
2135
2297
|
}
|
|
2136
2298
|
function _templateObject14$2() {
|
|
2137
|
-
var data = _taggedTemplateLiteral(["\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"]);
|
|
2138
2300
|
_templateObject14$2 = function _templateObject14() {
|
|
2139
2301
|
return data;
|
|
2140
2302
|
};
|
|
2141
2303
|
return data;
|
|
2142
2304
|
}
|
|
2143
2305
|
function _templateObject13$2() {
|
|
2144
|
-
var data = _taggedTemplateLiteral(["\n
|
|
2306
|
+
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 12px;\n line-height: 18px;\n"]);
|
|
2145
2307
|
_templateObject13$2 = function _templateObject13() {
|
|
2146
2308
|
return data;
|
|
2147
2309
|
};
|
|
2148
2310
|
return data;
|
|
2149
2311
|
}
|
|
2150
|
-
function _templateObject12$
|
|
2151
|
-
var data = _taggedTemplateLiteral(["\n
|
|
2152
|
-
_templateObject12$
|
|
2312
|
+
function _templateObject12$3() {
|
|
2313
|
+
var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 5px;\n "]);
|
|
2314
|
+
_templateObject12$3 = function _templateObject12() {
|
|
2153
2315
|
return data;
|
|
2154
2316
|
};
|
|
2155
2317
|
return data;
|
|
2156
2318
|
}
|
|
2157
|
-
function _templateObject11$
|
|
2158
|
-
var data = _taggedTemplateLiteral(["\n
|
|
2159
|
-
_templateObject11$
|
|
2319
|
+
function _templateObject11$4() {
|
|
2320
|
+
var data = _taggedTemplateLiteral(["\n ", "\n"]);
|
|
2321
|
+
_templateObject11$4 = function _templateObject11() {
|
|
2160
2322
|
return data;
|
|
2161
2323
|
};
|
|
2162
2324
|
return data;
|
|
2163
2325
|
}
|
|
2164
|
-
function _templateObject10$
|
|
2165
|
-
var data = _taggedTemplateLiteral(["\n
|
|
2166
|
-
_templateObject10$
|
|
2326
|
+
function _templateObject10$5() {
|
|
2327
|
+
var data = _taggedTemplateLiteral(["\n color: #1d1d1d;\n "]);
|
|
2328
|
+
_templateObject10$5 = function _templateObject10() {
|
|
2167
2329
|
return data;
|
|
2168
2330
|
};
|
|
2169
2331
|
return data;
|
|
2170
2332
|
}
|
|
2171
|
-
function _templateObject9$
|
|
2172
|
-
var data = _taggedTemplateLiteral(["\n
|
|
2173
|
-
_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() {
|
|
2174
2336
|
return data;
|
|
2175
2337
|
};
|
|
2176
2338
|
return data;
|
|
2177
2339
|
}
|
|
2178
2340
|
function _templateObject8$5() {
|
|
2179
|
-
var data = _taggedTemplateLiteral(["\n
|
|
2341
|
+
var data = _taggedTemplateLiteral(["\n transform: rotate(180deg);\n "]);
|
|
2180
2342
|
_templateObject8$5 = function _templateObject8() {
|
|
2181
2343
|
return data;
|
|
2182
2344
|
};
|
|
2183
2345
|
return data;
|
|
2184
2346
|
}
|
|
2185
2347
|
function _templateObject7$5() {
|
|
2186
|
-
var data = _taggedTemplateLiteral(["\n
|
|
2348
|
+
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(0deg);\n background-position: center;\n margin-left: 10px;\n\n ", "\n"]);
|
|
2187
2349
|
_templateObject7$5 = function _templateObject7() {
|
|
2188
2350
|
return data;
|
|
2189
2351
|
};
|
|
2190
2352
|
return data;
|
|
2191
2353
|
}
|
|
2192
2354
|
function _templateObject6$5() {
|
|
2193
|
-
var data = _taggedTemplateLiteral(["
|
|
2355
|
+
var data = _taggedTemplateLiteral([""]);
|
|
2194
2356
|
_templateObject6$5 = function _templateObject6() {
|
|
2195
2357
|
return data;
|
|
2196
2358
|
};
|
|
2197
2359
|
return data;
|
|
2198
2360
|
}
|
|
2199
2361
|
function _templateObject5$7() {
|
|
2200
|
-
var data = _taggedTemplateLiteral([""]);
|
|
2362
|
+
var data = _taggedTemplateLiteral(["\n top: ", "px;\n left: ", "px;\n "]);
|
|
2201
2363
|
_templateObject5$7 = function _templateObject5() {
|
|
2202
2364
|
return data;
|
|
2203
2365
|
};
|
|
2204
2366
|
return data;
|
|
2205
2367
|
}
|
|
2206
2368
|
function _templateObject4$8() {
|
|
2207
|
-
var data = _taggedTemplateLiteral(["\n background: ", ";\n border-radius: 4px;\n margin-top: 4px;\n position: absolute;\n z-index: ", ";\n min-width: 232px;\n box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);\n padding: 8px 0px;\n"]);
|
|
2369
|
+
var data = _taggedTemplateLiteral(["\n background: ", ";\n border-radius: 4px;\n margin-top: 4px;\n position: absolute;\n z-index: ", ";\n min-width: 232px;\n box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.25);\n padding: 8px 0px;\n\n ", "\n"]);
|
|
2208
2370
|
_templateObject4$8 = function _templateObject4() {
|
|
2209
2371
|
return data;
|
|
2210
2372
|
};
|
|
@@ -2225,7 +2387,7 @@
|
|
|
2225
2387
|
return data;
|
|
2226
2388
|
}
|
|
2227
2389
|
function _templateObject$9() {
|
|
2228
|
-
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"]);
|
|
2229
2391
|
_templateObject$9 = function _templateObject() {
|
|
2230
2392
|
return data;
|
|
2231
2393
|
};
|
|
@@ -2234,49 +2396,217 @@
|
|
|
2234
2396
|
var StyledSelect = styled__default(Select$1__default)(_templateObject$9(), FocusBackgroundColor, FocusBackgroundColor, FocusBackgroundColor);
|
|
2235
2397
|
var StyledDropdown = styled__default.div(_templateObject2$9());
|
|
2236
2398
|
var Blanket = styled__default.div(_templateObject3$9(), LOW_1);
|
|
2237
|
-
var StyledMenu = styled__default.div(_templateObject4$8(), WhiteColor, LOW_2)
|
|
2238
|
-
|
|
2239
|
-
|
|
2240
|
-
|
|
2399
|
+
var StyledMenu = styled__default.div(_templateObject4$8(), WhiteColor, LOW_2, function (props) {
|
|
2400
|
+
return props.position && styled.css(_templateObject5$7(), props.position.top, props.position.left);
|
|
2401
|
+
});
|
|
2402
|
+
var SearchContainer = styled__default.div(_templateObject6$5());
|
|
2403
|
+
var StyledChevronIcon = styled__default.i(_templateObject7$5(), ChevronImage, function (props) {
|
|
2404
|
+
return props.isOpen && styled.css(_templateObject8$5());
|
|
2241
2405
|
});
|
|
2242
|
-
var StyledDropdownMainButton = styled__default.button(
|
|
2243
|
-
return props.isSelected && styled.css(
|
|
2406
|
+
var StyledDropdownMainButton = styled__default.button(_templateObject9$5(), WhiteColor, DefaultColorButton, DefaultButtonText, function (props) {
|
|
2407
|
+
return props.isSelected && styled.css(_templateObject10$5());
|
|
2244
2408
|
}, PrimaryBlueColor, FocusBackgroundColor, PrimaryBlueColor, DisabledTextareaBg, FocusDisableBorderColor, DisabledButtonFontColor, StyledChevronIcon, DisabledChevron);
|
|
2245
|
-
var StyledDDMainContainer = styled__default.div(
|
|
2246
|
-
return props.labelOrientation === "left" && styled.css(
|
|
2409
|
+
var StyledDDMainContainer = styled__default.div(_templateObject11$4(), function (props) {
|
|
2410
|
+
return props.labelOrientation === "left" && styled.css(_templateObject12$3());
|
|
2247
2411
|
});
|
|
2248
|
-
var StyledDDLabelContainer = styled__default.label(
|
|
2249
|
-
var StyledDDSearchBox = styled__default.input(
|
|
2250
|
-
var StyledButtonURLClear = styled__default.button(
|
|
2251
|
-
var StyledSelectAllContainer = styled__default.div(
|
|
2252
|
-
|
|
2253
|
-
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; }
|
|
2254
|
-
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; }
|
|
2255
|
-
var Dropdown = function Dropdown(_ref) {
|
|
2256
|
-
var children = _ref.children,
|
|
2257
|
-
isOpen = _ref.isOpen,
|
|
2258
|
-
target = _ref.target,
|
|
2259
|
-
onClose = _ref.onClose,
|
|
2260
|
-
disabled = _ref.disabled;
|
|
2261
|
-
return /*#__PURE__*/jsxRuntime.jsxs(StyledDropdown, {
|
|
2262
|
-
children: [target, !disabled && isOpen ? /*#__PURE__*/jsxRuntime.jsx(StyledMenu, {
|
|
2263
|
-
children: children
|
|
2264
|
-
}) : null, !disabled && isOpen ? /*#__PURE__*/jsxRuntime.jsx(Blanket, {
|
|
2265
|
-
onClick: onClose
|
|
2266
|
-
}) : null]
|
|
2267
|
-
});
|
|
2268
|
-
};
|
|
2269
|
-
var selectStyles = {
|
|
2270
|
-
menu: function menu() {
|
|
2271
|
-
return {};
|
|
2272
|
-
} // to remove default menu styles
|
|
2273
|
-
};
|
|
2412
|
+
var StyledDDLabelContainer = styled__default.label(_templateObject13$2(), LabelColor);
|
|
2413
|
+
var StyledDDSearchBox = styled__default.input(_templateObject14$2(), AvatarBgColor, SearchIcon);
|
|
2414
|
+
var StyledButtonURLClear = styled__default.button(_templateObject15$1(), LabelColor, NotificationClose);
|
|
2415
|
+
var StyledSelectAllContainer = styled__default.div(_templateObject16$1(), FocusBackgroundColor);
|
|
2274
2416
|
|
|
2275
|
-
|
|
2276
|
-
var
|
|
2277
|
-
|
|
2278
|
-
|
|
2279
|
-
|
|
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
|
+
|
|
2605
|
+
var Select = function Select(_ref2) {
|
|
2606
|
+
var label = _ref2.label,
|
|
2607
|
+
placeholder = _ref2.placeholder,
|
|
2608
|
+
initialOptions = _ref2.initialOptions,
|
|
2609
|
+
isMulti = _ref2.isMulti,
|
|
2280
2610
|
isOpen = _ref2.isOpen,
|
|
2281
2611
|
setIsOpen = _ref2.setIsOpen,
|
|
2282
2612
|
currentOptions = _ref2.currentOptions,
|
|
@@ -2289,13 +2619,20 @@
|
|
|
2289
2619
|
isWithSearch = _ref2.isWithSearch,
|
|
2290
2620
|
_ref2$labelOrientatio = _ref2.labelOrientation,
|
|
2291
2621
|
labelOrientation = _ref2$labelOrientatio === void 0 ? "top" : _ref2$labelOrientatio,
|
|
2292
|
-
|
|
2622
|
+
withPortal = _ref2.withPortal,
|
|
2623
|
+
onMenuScrollToBottom = _ref2.onMenuScrollToBottom,
|
|
2624
|
+
_ref2$portalContainer = _ref2.portalContainer,
|
|
2625
|
+
portalContainer = _ref2$portalContainer === void 0 ? document.body : _ref2$portalContainer,
|
|
2626
|
+
props = _objectWithoutProperties(_ref2, ["label", "placeholder", "initialOptions", "isMulti", "isOpen", "setIsOpen", "currentOptions", "setCurrentOptions", "selectedOptions", "setSelectedOptions", "isSelectAll", "setIsSelectAll", "isWithSelectAll", "isWithSearch", "labelOrientation", "withPortal", "onMenuScrollToBottom", "portalContainer"]);
|
|
2293
2627
|
var searchBarRef = React.useRef(null);
|
|
2294
|
-
React.
|
|
2295
|
-
|
|
2296
|
-
|
|
2297
|
-
|
|
2298
|
-
|
|
2628
|
+
var containerRef = React.useRef(null);
|
|
2629
|
+
|
|
2630
|
+
// useEffect(() => {
|
|
2631
|
+
// if (isOpen) {
|
|
2632
|
+
// isWithSearch && searchBarRef.current.focus();
|
|
2633
|
+
// }
|
|
2634
|
+
// }, [isOpen]);
|
|
2635
|
+
|
|
2299
2636
|
var onOptionSelect = function onOptionSelect(selectedOptions) {
|
|
2300
2637
|
if (props.onOptionSelect) {
|
|
2301
2638
|
props.onOptionSelect(selectedOptions);
|
|
@@ -2375,12 +2712,17 @@
|
|
|
2375
2712
|
};
|
|
2376
2713
|
return /*#__PURE__*/jsxRuntime.jsxs(StyledDDMainContainer, {
|
|
2377
2714
|
labelOrientation: labelOrientation,
|
|
2715
|
+
ref: containerRef,
|
|
2378
2716
|
children: [/*#__PURE__*/jsxRuntime.jsx(StyledDDLabelContainer, {
|
|
2379
2717
|
children: label
|
|
2380
2718
|
}), /*#__PURE__*/jsxRuntime.jsxs(Dropdown, {
|
|
2381
2719
|
isOpen: isOpen,
|
|
2382
2720
|
onClose: onDropdownClose,
|
|
2383
2721
|
disabled: props.disabled,
|
|
2722
|
+
containerRef: containerRef,
|
|
2723
|
+
withPortal: withPortal,
|
|
2724
|
+
portalContainer: portalContainer,
|
|
2725
|
+
onMenuScrollToBottom: onMenuScrollToBottom,
|
|
2384
2726
|
target: /*#__PURE__*/jsxRuntime.jsxs(StyledDropdownMainButton, {
|
|
2385
2727
|
variant: "primary",
|
|
2386
2728
|
disabled: props.disabled,
|
|
@@ -2400,7 +2742,7 @@
|
|
|
2400
2742
|
selectedOptions: selectedOptions,
|
|
2401
2743
|
isWithSelectAll: isWithSelectAll,
|
|
2402
2744
|
isWithSearch: isWithSearch
|
|
2403
|
-
}), /*#__PURE__*/jsxRuntime.jsx(StyledSelect, _objectSpread$
|
|
2745
|
+
}), /*#__PURE__*/jsxRuntime.jsx(StyledSelect, _objectSpread$9({
|
|
2404
2746
|
isMulti: isMulti,
|
|
2405
2747
|
classNamePrefix: "multi-select",
|
|
2406
2748
|
autoFocus: true,
|
|
@@ -2424,7 +2766,7 @@
|
|
|
2424
2766
|
});
|
|
2425
2767
|
};
|
|
2426
2768
|
var Option = function Option(props) {
|
|
2427
|
-
return /*#__PURE__*/jsxRuntime.jsx(Select$1.components.Option, _objectSpread$
|
|
2769
|
+
return /*#__PURE__*/jsxRuntime.jsx(Select$1.components.Option, _objectSpread$9(_objectSpread$9({}, props), {}, {
|
|
2428
2770
|
children: props.selectProps.isMulti ? /*#__PURE__*/jsxRuntime.jsx(Checkbox, {
|
|
2429
2771
|
label: props.label,
|
|
2430
2772
|
checked: props.isSelected,
|
|
@@ -2466,194 +2808,126 @@
|
|
|
2466
2808
|
});
|
|
2467
2809
|
});
|
|
2468
2810
|
|
|
2469
|
-
|
|
2470
|
-
function _arrayWithHoles(arr) {
|
|
2471
|
-
if (Array.isArray(arr)) return arr;
|
|
2472
|
-
}
|
|
2473
|
-
|
|
2474
|
-
module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2475
|
-
});
|
|
2476
|
-
|
|
2477
|
-
unwrapExports(arrayWithHoles);
|
|
2478
|
-
|
|
2479
|
-
var iterableToArrayLimit = createCommonjsModule(function (module) {
|
|
2480
|
-
function _iterableToArrayLimit(arr, i) {
|
|
2481
|
-
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
2482
|
-
|
|
2483
|
-
if (_i == null) return;
|
|
2484
|
-
var _arr = [];
|
|
2485
|
-
var _n = true;
|
|
2486
|
-
var _d = false;
|
|
2487
|
-
|
|
2488
|
-
var _s, _e;
|
|
2489
|
-
|
|
2490
|
-
try {
|
|
2491
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
|
|
2492
|
-
_arr.push(_s.value);
|
|
2493
|
-
|
|
2494
|
-
if (i && _arr.length === i) break;
|
|
2495
|
-
}
|
|
2496
|
-
} catch (err) {
|
|
2497
|
-
_d = true;
|
|
2498
|
-
_e = err;
|
|
2499
|
-
} finally {
|
|
2500
|
-
try {
|
|
2501
|
-
if (!_n && _i["return"] != null) _i["return"]();
|
|
2502
|
-
} finally {
|
|
2503
|
-
if (_d) throw _e;
|
|
2504
|
-
}
|
|
2505
|
-
}
|
|
2506
|
-
|
|
2507
|
-
return _arr;
|
|
2508
|
-
}
|
|
2509
|
-
|
|
2510
|
-
module.exports = _iterableToArrayLimit, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2511
|
-
});
|
|
2512
|
-
|
|
2513
|
-
unwrapExports(iterableToArrayLimit);
|
|
2514
|
-
|
|
2515
|
-
var nonIterableRest = createCommonjsModule(function (module) {
|
|
2516
|
-
function _nonIterableRest() {
|
|
2517
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
2518
|
-
}
|
|
2519
|
-
|
|
2520
|
-
module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2521
|
-
});
|
|
2522
|
-
|
|
2523
|
-
unwrapExports(nonIterableRest);
|
|
2524
|
-
|
|
2525
|
-
var slicedToArray = createCommonjsModule(function (module) {
|
|
2526
|
-
function _slicedToArray(arr, i) {
|
|
2527
|
-
return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();
|
|
2528
|
-
}
|
|
2529
|
-
|
|
2530
|
-
module.exports = _slicedToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2531
|
-
});
|
|
2532
|
-
|
|
2533
|
-
var _slicedToArray = unwrapExports(slicedToArray);
|
|
2534
|
-
|
|
2535
|
-
function _templateObject12$3() {
|
|
2811
|
+
function _templateObject12$5() {
|
|
2536
2812
|
var data = _taggedTemplateLiteral(["\n display: none;\n "]);
|
|
2537
|
-
_templateObject12$
|
|
2813
|
+
_templateObject12$5 = function _templateObject12() {
|
|
2538
2814
|
return data;
|
|
2539
2815
|
};
|
|
2540
2816
|
return data;
|
|
2541
2817
|
}
|
|
2542
|
-
function _templateObject11$
|
|
2818
|
+
function _templateObject11$6() {
|
|
2543
2819
|
var data = _taggedTemplateLiteral(["\n padding-top: 8px;\n ", "\n"]);
|
|
2544
|
-
_templateObject11$
|
|
2820
|
+
_templateObject11$6 = function _templateObject11() {
|
|
2545
2821
|
return data;
|
|
2546
2822
|
};
|
|
2547
2823
|
return data;
|
|
2548
2824
|
}
|
|
2549
|
-
function _templateObject10$
|
|
2825
|
+
function _templateObject10$7() {
|
|
2550
2826
|
var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"]);
|
|
2551
|
-
_templateObject10$
|
|
2827
|
+
_templateObject10$7 = function _templateObject10() {
|
|
2552
2828
|
return data;
|
|
2553
2829
|
};
|
|
2554
2830
|
return data;
|
|
2555
2831
|
}
|
|
2556
|
-
function _templateObject9$
|
|
2832
|
+
function _templateObject9$7() {
|
|
2557
2833
|
var data = _taggedTemplateLiteral(["\n transform: rotate(0deg);\n "]);
|
|
2558
|
-
_templateObject9$
|
|
2834
|
+
_templateObject9$7 = function _templateObject9() {
|
|
2559
2835
|
return data;
|
|
2560
2836
|
};
|
|
2561
2837
|
return data;
|
|
2562
2838
|
}
|
|
2563
|
-
function _templateObject8$
|
|
2839
|
+
function _templateObject8$7() {
|
|
2564
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"]);
|
|
2565
|
-
_templateObject8$
|
|
2841
|
+
_templateObject8$7 = function _templateObject8() {
|
|
2566
2842
|
return data;
|
|
2567
2843
|
};
|
|
2568
2844
|
return data;
|
|
2569
2845
|
}
|
|
2570
|
-
function _templateObject7$
|
|
2846
|
+
function _templateObject7$7() {
|
|
2571
2847
|
var data = _taggedTemplateLiteral(["\n font-weight: 400;\n "]);
|
|
2572
|
-
_templateObject7$
|
|
2848
|
+
_templateObject7$7 = function _templateObject7() {
|
|
2573
2849
|
return data;
|
|
2574
2850
|
};
|
|
2575
2851
|
return data;
|
|
2576
2852
|
}
|
|
2577
|
-
function _templateObject6$
|
|
2578
|
-
var data = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n ", "\n"]);
|
|
2579
|
-
_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() {
|
|
2580
2856
|
return data;
|
|
2581
2857
|
};
|
|
2582
2858
|
return data;
|
|
2583
2859
|
}
|
|
2584
|
-
function _templateObject5$
|
|
2860
|
+
function _templateObject5$9() {
|
|
2585
2861
|
var data = _taggedTemplateLiteral(["\n border-top: 1px solid ", ";\n padding-top: 8px;\n"]);
|
|
2586
|
-
_templateObject5$
|
|
2862
|
+
_templateObject5$9 = function _templateObject5() {
|
|
2587
2863
|
return data;
|
|
2588
2864
|
};
|
|
2589
2865
|
return data;
|
|
2590
2866
|
}
|
|
2591
|
-
function _templateObject4$
|
|
2867
|
+
function _templateObject4$a() {
|
|
2592
2868
|
var data = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n "]);
|
|
2593
|
-
_templateObject4$
|
|
2869
|
+
_templateObject4$a = function _templateObject4() {
|
|
2594
2870
|
return data;
|
|
2595
2871
|
};
|
|
2596
2872
|
return data;
|
|
2597
2873
|
}
|
|
2598
|
-
function _templateObject3$
|
|
2874
|
+
function _templateObject3$b() {
|
|
2599
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 "]);
|
|
2600
|
-
_templateObject3$
|
|
2876
|
+
_templateObject3$b = function _templateObject3() {
|
|
2601
2877
|
return data;
|
|
2602
2878
|
};
|
|
2603
2879
|
return data;
|
|
2604
2880
|
}
|
|
2605
|
-
function _templateObject2$
|
|
2881
|
+
function _templateObject2$b() {
|
|
2606
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 "]);
|
|
2607
|
-
_templateObject2$
|
|
2883
|
+
_templateObject2$b = function _templateObject2() {
|
|
2608
2884
|
return data;
|
|
2609
2885
|
};
|
|
2610
2886
|
return data;
|
|
2611
2887
|
}
|
|
2612
|
-
function _templateObject$
|
|
2613
|
-
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"]);
|
|
2614
|
-
_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() {
|
|
2615
2891
|
return data;
|
|
2616
2892
|
};
|
|
2617
2893
|
return data;
|
|
2618
2894
|
}
|
|
2619
|
-
var StyledAccordionMainContainer = styled__default.div(_templateObject$
|
|
2895
|
+
var StyledAccordionMainContainer = styled__default.div(_templateObject$b(), PrimaryBlueColor, PrimaryBlueColor, FocusBackgroundColor, function (props) {
|
|
2620
2896
|
switch (props.variant) {
|
|
2621
2897
|
case "disabled":
|
|
2622
|
-
return styled.css(_templateObject2$
|
|
2898
|
+
return styled.css(_templateObject2$b(), DisabledTextareaBg, FocusDisableBorderColor, FocusDisableBorderColor);
|
|
2623
2899
|
}
|
|
2624
2900
|
}, function (props) {
|
|
2625
|
-
return props.disabled && styled.css(_templateObject3$
|
|
2901
|
+
return props.disabled && styled.css(_templateObject3$b(), DisabledTextareaBg, FocusDisableBorderColor, FocusDisableBorderColor);
|
|
2626
2902
|
}, function (props) {
|
|
2627
|
-
return !props.isOpen && styled.css(_templateObject4$
|
|
2903
|
+
return !props.isOpen && styled.css(_templateObject4$a(), DefaultColorButton);
|
|
2628
2904
|
});
|
|
2629
|
-
var StyledAccordionContainerText = styled__default.div(_templateObject5$
|
|
2630
|
-
var StyledAccordionLabel = styled__default.span(_templateObject6$
|
|
2631
|
-
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());
|
|
2632
2908
|
});
|
|
2633
|
-
var StyledAccordionChevron = styled__default.i(_templateObject8$
|
|
2634
|
-
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());
|
|
2635
2911
|
});
|
|
2636
|
-
var StyledAccordionHeading = styled__default.div(_templateObject10$
|
|
2637
|
-
var StyledAccordionBodyContainer = styled__default.div(_templateObject11$
|
|
2638
|
-
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());
|
|
2639
2915
|
});
|
|
2640
2916
|
|
|
2641
|
-
var
|
|
2642
|
-
|
|
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,
|
|
2643
2921
|
label = _ref.label,
|
|
2922
|
+
onChange = _ref.onChange,
|
|
2923
|
+
disabled = _ref.disabled,
|
|
2644
2924
|
children = _ref.children;
|
|
2645
|
-
var _useState = React.useState(false),
|
|
2646
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
2647
|
-
isOpen = _useState2[0],
|
|
2648
|
-
setIsOpen = _useState2[1];
|
|
2649
2925
|
return /*#__PURE__*/jsxRuntime.jsxs(StyledAccordionMainContainer, {
|
|
2650
2926
|
isOpen: isOpen,
|
|
2651
2927
|
disabled: disabled,
|
|
2652
2928
|
children: [/*#__PURE__*/jsxRuntime.jsxs(StyledAccordionHeading, {
|
|
2653
2929
|
onClick: function onClick() {
|
|
2654
|
-
return
|
|
2655
|
-
return !prevState;
|
|
2656
|
-
});
|
|
2930
|
+
return onChange();
|
|
2657
2931
|
},
|
|
2658
2932
|
children: [/*#__PURE__*/jsxRuntime.jsx(StyledAccordionLabel, {
|
|
2659
2933
|
isOpen: isOpen,
|
|
@@ -2669,15 +2943,55 @@
|
|
|
2669
2943
|
})]
|
|
2670
2944
|
});
|
|
2671
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
|
+
};
|
|
2672
2986
|
|
|
2673
|
-
function _templateObject$
|
|
2674
|
-
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"]);
|
|
2675
|
-
_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() {
|
|
2676
2990
|
return data;
|
|
2677
2991
|
};
|
|
2678
2992
|
return data;
|
|
2679
2993
|
}
|
|
2680
|
-
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);
|
|
2681
2995
|
|
|
2682
2996
|
var ButtonGroup = function ButtonGroup(_ref) {
|
|
2683
2997
|
var children = _ref.children,
|
|
@@ -2699,9 +3013,9 @@
|
|
|
2699
3013
|
};
|
|
2700
3014
|
return data;
|
|
2701
3015
|
}
|
|
2702
|
-
function _templateObject16$
|
|
3016
|
+
function _templateObject16$2() {
|
|
2703
3017
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: 10px;\n top: auto;\n bottom: -6px;\n transform: rotate(-180deg);\n }\n "]);
|
|
2704
|
-
_templateObject16$
|
|
3018
|
+
_templateObject16$2 = function _templateObject16() {
|
|
2705
3019
|
return data;
|
|
2706
3020
|
};
|
|
2707
3021
|
return data;
|
|
@@ -2727,92 +3041,92 @@
|
|
|
2727
3041
|
};
|
|
2728
3042
|
return data;
|
|
2729
3043
|
}
|
|
2730
|
-
function _templateObject12$
|
|
3044
|
+
function _templateObject12$6() {
|
|
2731
3045
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: -9px;\n top: auto;\n bottom: 10px;\n transform: rotate(90deg);\n }\n "]);
|
|
2732
|
-
_templateObject12$
|
|
3046
|
+
_templateObject12$6 = function _templateObject12() {
|
|
2733
3047
|
return data;
|
|
2734
3048
|
};
|
|
2735
3049
|
return data;
|
|
2736
3050
|
}
|
|
2737
|
-
function _templateObject11$
|
|
3051
|
+
function _templateObject11$7() {
|
|
2738
3052
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: -9px;\n right: auto;\n top: 0px;\n bottom: 0;\n transform: rotate(-90deg);\n }\n "]);
|
|
2739
|
-
_templateObject11$
|
|
3053
|
+
_templateObject11$7 = function _templateObject11() {
|
|
2740
3054
|
return data;
|
|
2741
3055
|
};
|
|
2742
3056
|
return data;
|
|
2743
3057
|
}
|
|
2744
|
-
function _templateObject10$
|
|
3058
|
+
function _templateObject10$8() {
|
|
2745
3059
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: -9px;\n top: 10px;\n bottom: auto;\n transform: rotate(90deg);\n }\n "]);
|
|
2746
|
-
_templateObject10$
|
|
3060
|
+
_templateObject10$8 = function _templateObject10() {
|
|
2747
3061
|
return data;
|
|
2748
3062
|
};
|
|
2749
3063
|
return data;
|
|
2750
3064
|
}
|
|
2751
|
-
function _templateObject9$
|
|
3065
|
+
function _templateObject9$8() {
|
|
2752
3066
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: -9px;\n right: auto;\n top: auto;\n bottom: 10px;\n transform: rotate(-90deg);\n }\n "]);
|
|
2753
|
-
_templateObject9$
|
|
3067
|
+
_templateObject9$8 = function _templateObject9() {
|
|
2754
3068
|
return data;
|
|
2755
3069
|
};
|
|
2756
3070
|
return data;
|
|
2757
3071
|
}
|
|
2758
|
-
function _templateObject8$
|
|
3072
|
+
function _templateObject8$8() {
|
|
2759
3073
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: -9px;\n top: 0px;\n bottom: 0px;\n transform: rotate(90deg);\n }\n "]);
|
|
2760
|
-
_templateObject8$
|
|
3074
|
+
_templateObject8$8 = function _templateObject8() {
|
|
2761
3075
|
return data;
|
|
2762
3076
|
};
|
|
2763
3077
|
return data;
|
|
2764
3078
|
}
|
|
2765
|
-
function _templateObject7$
|
|
3079
|
+
function _templateObject7$8() {
|
|
2766
3080
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: -9px;\n right: auto;\n top: 10px;\n transform: rotate(-90deg);\n }\n "]);
|
|
2767
|
-
_templateObject7$
|
|
3081
|
+
_templateObject7$8 = function _templateObject7() {
|
|
2768
3082
|
return data;
|
|
2769
3083
|
};
|
|
2770
3084
|
return data;
|
|
2771
3085
|
}
|
|
2772
|
-
function _templateObject6$
|
|
3086
|
+
function _templateObject6$8() {
|
|
2773
3087
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: 10px;\n }\n "]);
|
|
2774
|
-
_templateObject6$
|
|
3088
|
+
_templateObject6$8 = function _templateObject6() {
|
|
2775
3089
|
return data;
|
|
2776
3090
|
};
|
|
2777
3091
|
return data;
|
|
2778
3092
|
}
|
|
2779
|
-
function _templateObject5$
|
|
3093
|
+
function _templateObject5$a() {
|
|
2780
3094
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: 0px;\n right: 0px;\n top: auto;\n bottom: -6px;\n transform: rotate(-180deg);\n }\n "]);
|
|
2781
|
-
_templateObject5$
|
|
3095
|
+
_templateObject5$a = function _templateObject5() {
|
|
2782
3096
|
return data;
|
|
2783
3097
|
};
|
|
2784
3098
|
return data;
|
|
2785
3099
|
}
|
|
2786
|
-
function _templateObject4$
|
|
3100
|
+
function _templateObject4$b() {
|
|
2787
3101
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: 10px;\n right: auto;\n }\n "]);
|
|
2788
|
-
_templateObject4$
|
|
3102
|
+
_templateObject4$b = function _templateObject4() {
|
|
2789
3103
|
return data;
|
|
2790
3104
|
};
|
|
2791
3105
|
return data;
|
|
2792
3106
|
}
|
|
2793
|
-
function _templateObject3$
|
|
3107
|
+
function _templateObject3$c() {
|
|
2794
3108
|
var data = _taggedTemplateLiteral([""]);
|
|
2795
|
-
_templateObject3$
|
|
3109
|
+
_templateObject3$c = function _templateObject3() {
|
|
2796
3110
|
return data;
|
|
2797
3111
|
};
|
|
2798
3112
|
return data;
|
|
2799
3113
|
}
|
|
2800
|
-
function _templateObject2$
|
|
3114
|
+
function _templateObject2$c() {
|
|
2801
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"]);
|
|
2802
|
-
_templateObject2$
|
|
3116
|
+
_templateObject2$c = function _templateObject2() {
|
|
2803
3117
|
return data;
|
|
2804
3118
|
};
|
|
2805
3119
|
return data;
|
|
2806
3120
|
}
|
|
2807
|
-
function _templateObject$
|
|
3121
|
+
function _templateObject$d() {
|
|
2808
3122
|
var data = _taggedTemplateLiteral(["\n width: max-content;\n"]);
|
|
2809
|
-
_templateObject$
|
|
3123
|
+
_templateObject$d = function _templateObject() {
|
|
2810
3124
|
return data;
|
|
2811
3125
|
};
|
|
2812
3126
|
return data;
|
|
2813
3127
|
}
|
|
2814
|
-
var StyledTooltipContainer = styled__default.div(_templateObject$
|
|
2815
|
-
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) {
|
|
2816
3130
|
return props.displayTooltip ? "visible" : "hidden";
|
|
2817
3131
|
}, function (props) {
|
|
2818
3132
|
return props.positionRef.current.y;
|
|
@@ -2821,27 +3135,27 @@
|
|
|
2821
3135
|
}, TooltipBackgroundColor, function (props) {
|
|
2822
3136
|
switch (props.placement) {
|
|
2823
3137
|
case "default":
|
|
2824
|
-
return styled.css(_templateObject3$
|
|
3138
|
+
return styled.css(_templateObject3$c());
|
|
2825
3139
|
case "bottom-start":
|
|
2826
|
-
return styled.css(_templateObject4$
|
|
3140
|
+
return styled.css(_templateObject4$b());
|
|
2827
3141
|
case "top":
|
|
2828
|
-
return styled.css(_templateObject5$
|
|
3142
|
+
return styled.css(_templateObject5$a());
|
|
2829
3143
|
case "bottom-end":
|
|
2830
|
-
return styled.css(_templateObject6$
|
|
3144
|
+
return styled.css(_templateObject6$8());
|
|
2831
3145
|
case "right-start":
|
|
2832
|
-
return styled.css(_templateObject7$
|
|
3146
|
+
return styled.css(_templateObject7$8());
|
|
2833
3147
|
case "left":
|
|
2834
|
-
return styled.css(_templateObject8$
|
|
3148
|
+
return styled.css(_templateObject8$8());
|
|
2835
3149
|
case "right-end":
|
|
2836
3150
|
//changed
|
|
2837
|
-
return styled.css(_templateObject9$
|
|
3151
|
+
return styled.css(_templateObject9$8());
|
|
2838
3152
|
case "left-start":
|
|
2839
|
-
return styled.css(_templateObject10$
|
|
3153
|
+
return styled.css(_templateObject10$8());
|
|
2840
3154
|
case "right":
|
|
2841
|
-
return styled.css(_templateObject11$
|
|
3155
|
+
return styled.css(_templateObject11$7());
|
|
2842
3156
|
case "left-end":
|
|
2843
3157
|
//changed
|
|
2844
|
-
return styled.css(_templateObject12$
|
|
3158
|
+
return styled.css(_templateObject12$6());
|
|
2845
3159
|
case "top-start":
|
|
2846
3160
|
//changed
|
|
2847
3161
|
return styled.css(_templateObject13$3());
|
|
@@ -2850,13 +3164,13 @@
|
|
|
2850
3164
|
case "bottom-end":
|
|
2851
3165
|
return styled.css(_templateObject15$2());
|
|
2852
3166
|
case "top-end":
|
|
2853
|
-
return styled.css(_templateObject16$
|
|
3167
|
+
return styled.css(_templateObject16$2());
|
|
2854
3168
|
default:
|
|
2855
3169
|
return styled.css(_templateObject17$1());
|
|
2856
3170
|
}
|
|
2857
3171
|
});
|
|
2858
3172
|
|
|
2859
|
-
function Portal(props) {
|
|
3173
|
+
function Portal$1(props) {
|
|
2860
3174
|
return /*#__PURE__*/ReactDOM.createPortal(props.children, props.container);
|
|
2861
3175
|
}
|
|
2862
3176
|
var point = function point() {
|
|
@@ -2966,7 +3280,7 @@
|
|
|
2966
3280
|
onMouseOver: handleMouseOver,
|
|
2967
3281
|
onMouseLeave: handleMouseLeave,
|
|
2968
3282
|
ref: containerRef,
|
|
2969
|
-
children: [children, renderTooltip && !disabled && /*#__PURE__*/jsxRuntime.jsx(Portal, {
|
|
3283
|
+
children: [children, renderTooltip && !disabled && /*#__PURE__*/jsxRuntime.jsx(Portal$1, {
|
|
2970
3284
|
container: container,
|
|
2971
3285
|
children: /*#__PURE__*/jsxRuntime.jsx(StyledTooltip, {
|
|
2972
3286
|
ref: tooltipRef,
|
|
@@ -2979,88 +3293,88 @@
|
|
|
2979
3293
|
});
|
|
2980
3294
|
};
|
|
2981
3295
|
|
|
2982
|
-
function _templateObject9$
|
|
3296
|
+
function _templateObject9$9() {
|
|
2983
3297
|
var data = _taggedTemplateLiteral(["\n ", " {\n background: ", ";\n }\n ", " {\n color: ", ";\n }\n "]);
|
|
2984
|
-
_templateObject9$
|
|
3298
|
+
_templateObject9$9 = function _templateObject9() {
|
|
2985
3299
|
return data;
|
|
2986
3300
|
};
|
|
2987
3301
|
return data;
|
|
2988
3302
|
}
|
|
2989
|
-
function _templateObject8$
|
|
3303
|
+
function _templateObject8$9() {
|
|
2990
3304
|
var data = _taggedTemplateLiteral(["\n ", " {\n background: ", ";\n }\n "]);
|
|
2991
|
-
_templateObject8$
|
|
3305
|
+
_templateObject8$9 = function _templateObject8() {
|
|
2992
3306
|
return data;
|
|
2993
3307
|
};
|
|
2994
3308
|
return data;
|
|
2995
3309
|
}
|
|
2996
|
-
function _templateObject7$
|
|
3310
|
+
function _templateObject7$9() {
|
|
2997
3311
|
var data = _taggedTemplateLiteral(["\n ", " {\n height: 12px;\n }\n ", " {\n height: 8px;\n }\n "]);
|
|
2998
|
-
_templateObject7$
|
|
3312
|
+
_templateObject7$9 = function _templateObject7() {
|
|
2999
3313
|
return data;
|
|
3000
3314
|
};
|
|
3001
3315
|
return data;
|
|
3002
3316
|
}
|
|
3003
|
-
function _templateObject6$
|
|
3317
|
+
function _templateObject6$9() {
|
|
3004
3318
|
var data = _taggedTemplateLiteral(["\n ", " {\n height: 8px;\n }\n ", " {\n height: 4px;\n }\n "]);
|
|
3005
|
-
_templateObject6$
|
|
3319
|
+
_templateObject6$9 = function _templateObject6() {
|
|
3006
3320
|
return data;
|
|
3007
3321
|
};
|
|
3008
3322
|
return data;
|
|
3009
3323
|
}
|
|
3010
|
-
function _templateObject5$
|
|
3324
|
+
function _templateObject5$b() {
|
|
3011
3325
|
var data = _taggedTemplateLiteral(["\n ", "\n\n ", "\n"]);
|
|
3012
|
-
_templateObject5$
|
|
3326
|
+
_templateObject5$b = function _templateObject5() {
|
|
3013
3327
|
return data;
|
|
3014
3328
|
};
|
|
3015
3329
|
return data;
|
|
3016
3330
|
}
|
|
3017
|
-
function _templateObject4$
|
|
3018
|
-
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 14px;\n line-height: 21px;\n margin-bottom: 6px;\n"]);
|
|
3019
|
-
_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() {
|
|
3020
3334
|
return data;
|
|
3021
3335
|
};
|
|
3022
3336
|
return data;
|
|
3023
3337
|
}
|
|
3024
|
-
function _templateObject3$
|
|
3025
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n margin-top: 4px;\n font-weight: 500;\n"]);
|
|
3026
|
-
_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() {
|
|
3027
3341
|
return data;
|
|
3028
3342
|
};
|
|
3029
3343
|
return data;
|
|
3030
3344
|
}
|
|
3031
|
-
function _templateObject2$
|
|
3032
|
-
var data = _taggedTemplateLiteral(["\n background: ", ";\n
|
|
3033
|
-
_templateObject2$
|
|
3345
|
+
function _templateObject2$d() {
|
|
3346
|
+
var data = _taggedTemplateLiteral(["\n background: ", ";\n border-radius: 4px;\n width: ", ";\n"]);
|
|
3347
|
+
_templateObject2$d = function _templateObject2() {
|
|
3034
3348
|
return data;
|
|
3035
3349
|
};
|
|
3036
3350
|
return data;
|
|
3037
3351
|
}
|
|
3038
|
-
function _templateObject$
|
|
3039
|
-
var data = _taggedTemplateLiteral(["\n width: 100%;\n
|
|
3040
|
-
_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() {
|
|
3041
3355
|
return data;
|
|
3042
3356
|
};
|
|
3043
3357
|
return data;
|
|
3044
3358
|
}
|
|
3045
|
-
var StyledProgressBarContainer = styled__default.div(_templateObject$
|
|
3046
|
-
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) {
|
|
3047
3361
|
return "".concat(props.progress, "%");
|
|
3048
3362
|
});
|
|
3049
|
-
var StyledCompletedProgressText = styled__default.div(_templateObject3$
|
|
3050
|
-
var StyledProgressBarLabel = styled__default.label(_templateObject4$
|
|
3051
|
-
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) {
|
|
3052
3366
|
switch (props.variant) {
|
|
3053
3367
|
case "small":
|
|
3054
|
-
return styled.css(_templateObject6$
|
|
3368
|
+
return styled.css(_templateObject6$9(), StyledProgressBarContainer, StyledProgressStatusBar);
|
|
3055
3369
|
case "default":
|
|
3056
|
-
return styled.css(_templateObject7$
|
|
3370
|
+
return styled.css(_templateObject7$9(), StyledProgressBarContainer, StyledProgressStatusBar);
|
|
3057
3371
|
}
|
|
3058
3372
|
}, function (props) {
|
|
3059
3373
|
switch (props.status) {
|
|
3060
3374
|
case "success":
|
|
3061
|
-
return styled.css(_templateObject8$
|
|
3375
|
+
return styled.css(_templateObject8$9(), StyledProgressStatusBar, AlertGreenSuccessStroke);
|
|
3062
3376
|
case "error":
|
|
3063
|
-
return styled.css(_templateObject9$
|
|
3377
|
+
return styled.css(_templateObject9$9(), StyledProgressStatusBar, AlertRedErrorStroke, StyledCompletedProgressText, AlertRedErrorStroke);
|
|
3064
3378
|
}
|
|
3065
3379
|
});
|
|
3066
3380
|
|
|
@@ -3087,14 +3401,14 @@
|
|
|
3087
3401
|
});
|
|
3088
3402
|
};
|
|
3089
3403
|
|
|
3090
|
-
function _templateObject$
|
|
3404
|
+
function _templateObject$f() {
|
|
3091
3405
|
var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 12px;\n"]);
|
|
3092
|
-
_templateObject$
|
|
3406
|
+
_templateObject$f = function _templateObject() {
|
|
3093
3407
|
return data;
|
|
3094
3408
|
};
|
|
3095
3409
|
return data;
|
|
3096
3410
|
}
|
|
3097
|
-
var StyledTagGroupOuterContainer = styled__default.div(_templateObject$
|
|
3411
|
+
var StyledTagGroupOuterContainer = styled__default.div(_templateObject$f());
|
|
3098
3412
|
|
|
3099
3413
|
var TagGroup = function TagGroup(_ref) {
|
|
3100
3414
|
var children = _ref.children;
|
|
@@ -3105,80 +3419,80 @@
|
|
|
3105
3419
|
});
|
|
3106
3420
|
};
|
|
3107
3421
|
|
|
3108
|
-
function _templateObject8$
|
|
3422
|
+
function _templateObject8$a() {
|
|
3109
3423
|
var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 12px;\n"]);
|
|
3110
|
-
_templateObject8$
|
|
3424
|
+
_templateObject8$a = function _templateObject8() {
|
|
3111
3425
|
return data;
|
|
3112
3426
|
};
|
|
3113
3427
|
return data;
|
|
3114
3428
|
}
|
|
3115
|
-
function _templateObject7$
|
|
3429
|
+
function _templateObject7$a() {
|
|
3116
3430
|
var data = _taggedTemplateLiteral(["\n background: url(", ") no-repeat;\n pointer-events: none;\n "]);
|
|
3117
|
-
_templateObject7$
|
|
3431
|
+
_templateObject7$a = function _templateObject7() {
|
|
3118
3432
|
return data;
|
|
3119
3433
|
};
|
|
3120
3434
|
return data;
|
|
3121
3435
|
}
|
|
3122
|
-
function _templateObject6$
|
|
3123
|
-
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"]);
|
|
3124
|
-
_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() {
|
|
3125
3439
|
return data;
|
|
3126
3440
|
};
|
|
3127
3441
|
return data;
|
|
3128
3442
|
}
|
|
3129
|
-
function _templateObject5$
|
|
3130
|
-
var data = _taggedTemplateLiteral(["\n font-size: 12px;\n"]);
|
|
3131
|
-
_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() {
|
|
3132
3446
|
return data;
|
|
3133
3447
|
};
|
|
3134
3448
|
return data;
|
|
3135
3449
|
}
|
|
3136
|
-
function _templateObject4$
|
|
3450
|
+
function _templateObject4$d() {
|
|
3137
3451
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n &:hover {\n background: ", " !important;\n cursor: default !important;\n }\n "]);
|
|
3138
|
-
_templateObject4$
|
|
3452
|
+
_templateObject4$d = function _templateObject4() {
|
|
3139
3453
|
return data;
|
|
3140
3454
|
};
|
|
3141
3455
|
return data;
|
|
3142
3456
|
}
|
|
3143
|
-
function _templateObject3$
|
|
3144
|
-
var data = _taggedTemplateLiteral(["\n height: 26px;\n padding: 0px 8px;\n "]);
|
|
3145
|
-
_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() {
|
|
3146
3460
|
return data;
|
|
3147
3461
|
};
|
|
3148
3462
|
return data;
|
|
3149
3463
|
}
|
|
3150
|
-
function _templateObject2$
|
|
3151
|
-
var data = _taggedTemplateLiteral(["\n height: 22px;\n padding: 0px 4px;\n "]);
|
|
3152
|
-
_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() {
|
|
3153
3467
|
return data;
|
|
3154
3468
|
};
|
|
3155
3469
|
return data;
|
|
3156
3470
|
}
|
|
3157
|
-
function _templateObject$
|
|
3471
|
+
function _templateObject$g() {
|
|
3158
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"]);
|
|
3159
|
-
_templateObject$
|
|
3473
|
+
_templateObject$g = function _templateObject() {
|
|
3160
3474
|
return data;
|
|
3161
3475
|
};
|
|
3162
3476
|
return data;
|
|
3163
3477
|
}
|
|
3164
|
-
var StyledTagGroupMainContainer = styled__default.div(_templateObject$
|
|
3478
|
+
var StyledTagGroupMainContainer = styled__default.div(_templateObject$g(), AvatarBgColor, LabelColor, function (props) {
|
|
3165
3479
|
switch (props.size) {
|
|
3166
3480
|
case "small":
|
|
3167
|
-
return styled.css(_templateObject2$
|
|
3481
|
+
return styled.css(_templateObject2$e());
|
|
3168
3482
|
case "default":
|
|
3169
|
-
return styled.css(_templateObject3$
|
|
3483
|
+
return styled.css(_templateObject3$e());
|
|
3170
3484
|
}
|
|
3171
3485
|
}, function (props) {
|
|
3172
|
-
return props.disabled && styled.css(_templateObject4$
|
|
3486
|
+
return props.disabled && styled.css(_templateObject4$d(), DisabledTextareaBg, DisabledButtonFontColor, DisabledTextareaBg);
|
|
3173
3487
|
}, TabHoverBackgroundColor, DisabledButtonFontColor);
|
|
3174
|
-
var StyledTagTextContainer = styled__default.span(_templateObject5$
|
|
3175
|
-
var StyledCloseIcon = styled__default.i(_templateObject6$
|
|
3176
|
-
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);
|
|
3177
3491
|
});
|
|
3178
|
-
var StyledTagGroupOuterContainer$1 = styled__default.div(_templateObject8$
|
|
3492
|
+
var StyledTagGroupOuterContainer$1 = styled__default.div(_templateObject8$a());
|
|
3179
3493
|
|
|
3180
|
-
function ownKeys$
|
|
3181
|
-
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; }
|
|
3182
3496
|
var Tag = function Tag(_ref) {
|
|
3183
3497
|
var label = _ref.label,
|
|
3184
3498
|
_ref$size = _ref.size,
|
|
@@ -3187,7 +3501,7 @@
|
|
|
3187
3501
|
onClose = _ref.onClose,
|
|
3188
3502
|
disabled = _ref.disabled,
|
|
3189
3503
|
props = _objectWithoutProperties(_ref, ["label", "size", "isRemovable", "onClose", "disabled"]);
|
|
3190
|
-
return /*#__PURE__*/jsxRuntime.jsxs(StyledTagGroupMainContainer, _objectSpread$
|
|
3504
|
+
return /*#__PURE__*/jsxRuntime.jsxs(StyledTagGroupMainContainer, _objectSpread$b(_objectSpread$b({
|
|
3191
3505
|
size: size,
|
|
3192
3506
|
disabled: disabled
|
|
3193
3507
|
}, props), {}, {
|
|
@@ -8967,14 +9281,14 @@
|
|
|
8967
9281
|
return data;
|
|
8968
9282
|
}
|
|
8969
9283
|
function _templateObject19$1() {
|
|
8970
|
-
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"]);
|
|
8971
9285
|
_templateObject19$1 = function _templateObject19() {
|
|
8972
9286
|
return data;
|
|
8973
9287
|
};
|
|
8974
9288
|
return data;
|
|
8975
9289
|
}
|
|
8976
9290
|
function _templateObject18$1() {
|
|
8977
|
-
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"]);
|
|
8978
9292
|
_templateObject18$1 = function _templateObject18() {
|
|
8979
9293
|
return data;
|
|
8980
9294
|
};
|
|
@@ -8987,22 +9301,22 @@
|
|
|
8987
9301
|
};
|
|
8988
9302
|
return data;
|
|
8989
9303
|
}
|
|
8990
|
-
function _templateObject16$
|
|
8991
|
-
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"]);
|
|
8992
|
-
_templateObject16$
|
|
9304
|
+
function _templateObject16$3() {
|
|
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"]);
|
|
9306
|
+
_templateObject16$3 = function _templateObject16() {
|
|
8993
9307
|
return data;
|
|
8994
9308
|
};
|
|
8995
9309
|
return data;
|
|
8996
9310
|
}
|
|
8997
9311
|
function _templateObject15$3() {
|
|
8998
|
-
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"]);
|
|
8999
9313
|
_templateObject15$3 = function _templateObject15() {
|
|
9000
9314
|
return data;
|
|
9001
9315
|
};
|
|
9002
9316
|
return data;
|
|
9003
9317
|
}
|
|
9004
9318
|
function _templateObject14$4() {
|
|
9005
|
-
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"]);
|
|
9006
9320
|
_templateObject14$4 = function _templateObject14() {
|
|
9007
9321
|
return data;
|
|
9008
9322
|
};
|
|
@@ -9015,106 +9329,106 @@
|
|
|
9015
9329
|
};
|
|
9016
9330
|
return data;
|
|
9017
9331
|
}
|
|
9018
|
-
function _templateObject12$
|
|
9332
|
+
function _templateObject12$7() {
|
|
9019
9333
|
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 12px;\n line-height: 18px;\n"]);
|
|
9020
|
-
_templateObject12$
|
|
9334
|
+
_templateObject12$7 = function _templateObject12() {
|
|
9021
9335
|
return data;
|
|
9022
9336
|
};
|
|
9023
9337
|
return data;
|
|
9024
9338
|
}
|
|
9025
|
-
function _templateObject11$
|
|
9339
|
+
function _templateObject11$8() {
|
|
9026
9340
|
var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 18px;\n"]);
|
|
9027
|
-
_templateObject11$
|
|
9341
|
+
_templateObject11$8 = function _templateObject11() {
|
|
9028
9342
|
return data;
|
|
9029
9343
|
};
|
|
9030
9344
|
return data;
|
|
9031
9345
|
}
|
|
9032
|
-
function _templateObject10$
|
|
9346
|
+
function _templateObject10$9() {
|
|
9033
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"]);
|
|
9034
|
-
_templateObject10$
|
|
9348
|
+
_templateObject10$9 = function _templateObject10() {
|
|
9035
9349
|
return data;
|
|
9036
9350
|
};
|
|
9037
9351
|
return data;
|
|
9038
9352
|
}
|
|
9039
|
-
function _templateObject9$
|
|
9353
|
+
function _templateObject9$a() {
|
|
9040
9354
|
var data = _taggedTemplateLiteral(["\n margin-top: 10px;\n ", " {\n font-size: 12px;\n }\n"]);
|
|
9041
|
-
_templateObject9$
|
|
9355
|
+
_templateObject9$a = function _templateObject9() {
|
|
9042
9356
|
return data;
|
|
9043
9357
|
};
|
|
9044
9358
|
return data;
|
|
9045
9359
|
}
|
|
9046
|
-
function _templateObject8$
|
|
9360
|
+
function _templateObject8$b() {
|
|
9047
9361
|
var data = _taggedTemplateLiteral([""]);
|
|
9048
|
-
_templateObject8$
|
|
9362
|
+
_templateObject8$b = function _templateObject8() {
|
|
9049
9363
|
return data;
|
|
9050
9364
|
};
|
|
9051
9365
|
return data;
|
|
9052
9366
|
}
|
|
9053
|
-
function _templateObject7$
|
|
9367
|
+
function _templateObject7$b() {
|
|
9054
9368
|
var data = _taggedTemplateLiteral(["\n font-size: 12px;\n font-weight: 400;\n color: ", ";\n"]);
|
|
9055
|
-
_templateObject7$
|
|
9369
|
+
_templateObject7$b = function _templateObject7() {
|
|
9056
9370
|
return data;
|
|
9057
9371
|
};
|
|
9058
9372
|
return data;
|
|
9059
9373
|
}
|
|
9060
|
-
function _templateObject6$
|
|
9374
|
+
function _templateObject6$b() {
|
|
9061
9375
|
var data = _taggedTemplateLiteral([""]);
|
|
9062
|
-
_templateObject6$
|
|
9376
|
+
_templateObject6$b = function _templateObject6() {
|
|
9063
9377
|
return data;
|
|
9064
9378
|
};
|
|
9065
9379
|
return data;
|
|
9066
9380
|
}
|
|
9067
|
-
function _templateObject5$
|
|
9381
|
+
function _templateObject5$d() {
|
|
9068
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"]);
|
|
9069
|
-
_templateObject5$
|
|
9383
|
+
_templateObject5$d = function _templateObject5() {
|
|
9070
9384
|
return data;
|
|
9071
9385
|
};
|
|
9072
9386
|
return data;
|
|
9073
9387
|
}
|
|
9074
|
-
function _templateObject4$
|
|
9388
|
+
function _templateObject4$e() {
|
|
9075
9389
|
var data = _taggedTemplateLiteral([""]);
|
|
9076
|
-
_templateObject4$
|
|
9390
|
+
_templateObject4$e = function _templateObject4() {
|
|
9077
9391
|
return data;
|
|
9078
9392
|
};
|
|
9079
9393
|
return data;
|
|
9080
9394
|
}
|
|
9081
|
-
function _templateObject3$
|
|
9395
|
+
function _templateObject3$f() {
|
|
9082
9396
|
var data = _taggedTemplateLiteral(["\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n"]);
|
|
9083
|
-
_templateObject3$
|
|
9397
|
+
_templateObject3$f = function _templateObject3() {
|
|
9084
9398
|
return data;
|
|
9085
9399
|
};
|
|
9086
9400
|
return data;
|
|
9087
9401
|
}
|
|
9088
|
-
function _templateObject2$
|
|
9402
|
+
function _templateObject2$f() {
|
|
9089
9403
|
var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 5px;\n"]);
|
|
9090
|
-
_templateObject2$
|
|
9404
|
+
_templateObject2$f = function _templateObject2() {
|
|
9091
9405
|
return data;
|
|
9092
9406
|
};
|
|
9093
9407
|
return data;
|
|
9094
9408
|
}
|
|
9095
|
-
function _templateObject$
|
|
9409
|
+
function _templateObject$h() {
|
|
9096
9410
|
var data = _taggedTemplateLiteral(["\n position: relative;\n"]);
|
|
9097
|
-
_templateObject$
|
|
9411
|
+
_templateObject$h = function _templateObject() {
|
|
9098
9412
|
return data;
|
|
9099
9413
|
};
|
|
9100
9414
|
return data;
|
|
9101
9415
|
}
|
|
9102
|
-
var StyledContainer = styled__default.div(_templateObject$
|
|
9103
|
-
var StyledInputContainer = styled__default.div(_templateObject2$
|
|
9104
|
-
var StyledOverlay = styled__default.div(_templateObject3$
|
|
9105
|
-
var StyledDatePicker = styled__default.div(_templateObject4$
|
|
9106
|
-
var StyledShortcutMainContainer = styled__default.div(_templateObject5$
|
|
9107
|
-
var StyledDatePickerLeftContainer = styled__default.div(_templateObject6$
|
|
9108
|
-
var StyledShortcutHeading = styled__default.h2(_templateObject7$
|
|
9109
|
-
var StyledRadioListUl = styled__default.ul(_templateObject8$
|
|
9110
|
-
var StyledRadioListLi = styled__default.li(_templateObject9$
|
|
9111
|
-
var StyledBottomCTAContainer = styled__default.div(_templateObject10$
|
|
9112
|
-
var StyledLeftCTAContainer = styled__default.div(_templateObject11$
|
|
9113
|
-
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);
|
|
9114
9428
|
var StyledRightCTAContainer = styled__default.div(_templateObject13$4());
|
|
9115
9429
|
var StyledInputEndDate = styled__default.input(_templateObject14$4(), DefaultColorButton, calendarIcon);
|
|
9116
9430
|
var StyledInputStartDate = styled__default.input(_templateObject15$3(), DefaultColorButton);
|
|
9117
|
-
var StyledInputDateRangPickerContainer = styled__default.div(_templateObject16$
|
|
9431
|
+
var StyledInputDateRangPickerContainer = styled__default.div(_templateObject16$3(), StyledInputEndDate, PrimaryBlueColor, StyledInputStartDate, PrimaryBlueColor, function (props) {
|
|
9118
9432
|
return props.isDatesSelected && styled.css(_templateObject17$2(), StyledInputEndDate, PrimaryBlueColor, StyledInputStartDate, PrimaryBlueColor);
|
|
9119
9433
|
}, StyledInputEndDate, PrimaryBlueColor, StyledInputStartDate, PrimaryBlueColor);
|
|
9120
9434
|
var StyledInputStartDateSingle = styled__default.input(_templateObject18$1(), calendarIcon, DefaultColorButton, PrimaryBlueColor, PrimaryBlueColor, FocusBackgroundColor);
|
|
@@ -9124,8 +9438,8 @@
|
|
|
9124
9438
|
}
|
|
9125
9439
|
}, ChevronImage);
|
|
9126
9440
|
|
|
9127
|
-
function ownKeys$
|
|
9128
|
-
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; }
|
|
9129
9443
|
var DateRangePicker = function DateRangePicker(_ref) {
|
|
9130
9444
|
var label = _ref.label,
|
|
9131
9445
|
showRangeSelector = _ref.showRangeSelector,
|
|
@@ -9272,7 +9586,7 @@
|
|
|
9272
9586
|
children: /*#__PURE__*/jsxRuntime.jsxs(StyledContainer, {
|
|
9273
9587
|
children: [!showOnlyCalender && /*#__PURE__*/jsxRuntime.jsxs(StyledInputDateRangPickerContainer, {
|
|
9274
9588
|
isDatesSelected: startDate !== null && endDate !== null,
|
|
9275
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(StyledInputStartDate, _objectSpread$
|
|
9589
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(StyledInputStartDate, _objectSpread$c(_objectSpread$c({
|
|
9276
9590
|
type: "text",
|
|
9277
9591
|
placeholder: "Start Date",
|
|
9278
9592
|
value: startDateString || "",
|
|
@@ -9280,7 +9594,7 @@
|
|
|
9280
9594
|
ref: starDateInputRef
|
|
9281
9595
|
}, startDateInputProps), {}, {
|
|
9282
9596
|
readOnly: true
|
|
9283
|
-
})), /*#__PURE__*/jsxRuntime.jsx(StyledInputEndDate, _objectSpread$
|
|
9597
|
+
})), /*#__PURE__*/jsxRuntime.jsx(StyledInputEndDate, _objectSpread$c(_objectSpread$c({
|
|
9284
9598
|
type: "text",
|
|
9285
9599
|
placeholder: "End Date",
|
|
9286
9600
|
value: endDateString || "",
|
|
@@ -9293,7 +9607,7 @@
|
|
|
9293
9607
|
children: /*#__PURE__*/jsxRuntime.jsxs(StyledDatepickerMainContainer, {
|
|
9294
9608
|
showOnlyCalender: showOnlyCalender,
|
|
9295
9609
|
children: [/*#__PURE__*/jsxRuntime.jsxs(StyledDatePickerLeftContainer, {
|
|
9296
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(reactDates.DayPickerRangeController, _objectSpread$
|
|
9610
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(reactDates.DayPickerRangeController, _objectSpread$c({
|
|
9297
9611
|
onDatesChange: onDatesChange,
|
|
9298
9612
|
onFocusChange: onFocusChange,
|
|
9299
9613
|
focusedInput: focusedInput,
|
|
@@ -9310,20 +9624,20 @@
|
|
|
9310
9624
|
children: [/*#__PURE__*/jsxRuntime.jsxs(StyledLabelContainer, {
|
|
9311
9625
|
children: [selectedDaysNumber, " Days Selected"]
|
|
9312
9626
|
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
9313
|
-
label: "Reset",
|
|
9314
9627
|
variant: "url",
|
|
9315
9628
|
size: "small",
|
|
9316
|
-
onClick: handleResetDates
|
|
9629
|
+
onClick: handleResetDates,
|
|
9630
|
+
children: "Reset"
|
|
9317
9631
|
})]
|
|
9318
9632
|
}) : null, /*#__PURE__*/jsxRuntime.jsxs(StyledRightCTAContainer, {
|
|
9319
9633
|
children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
9320
|
-
label: "Cancel",
|
|
9321
9634
|
variant: "url",
|
|
9322
|
-
size: "small"
|
|
9635
|
+
size: "small",
|
|
9636
|
+
children: "Cancel"
|
|
9323
9637
|
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
9324
|
-
label: "Apply",
|
|
9325
9638
|
variant: "primary",
|
|
9326
|
-
size: "small"
|
|
9639
|
+
size: "small",
|
|
9640
|
+
children: "Apply"
|
|
9327
9641
|
})]
|
|
9328
9642
|
})]
|
|
9329
9643
|
})]
|
|
@@ -9352,8 +9666,8 @@
|
|
|
9352
9666
|
});
|
|
9353
9667
|
};
|
|
9354
9668
|
|
|
9355
|
-
function ownKeys$
|
|
9356
|
-
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; }
|
|
9357
9671
|
var DatePicker = function DatePicker(_ref) {
|
|
9358
9672
|
var label = _ref.label,
|
|
9359
9673
|
showRangeSelector = _ref.showRangeSelector,
|
|
@@ -9411,7 +9725,7 @@
|
|
|
9411
9725
|
children: [!showOnlyCalender && /*#__PURE__*/jsxRuntime.jsx(StyledInputContainer, {
|
|
9412
9726
|
children: /*#__PURE__*/jsxRuntime.jsx(StyledInputDateRangPickerContainer, {
|
|
9413
9727
|
isDatesSelected: selectedDate !== null,
|
|
9414
|
-
children: /*#__PURE__*/jsxRuntime.jsx(StyledInputStartDateSingle, _objectSpread$
|
|
9728
|
+
children: /*#__PURE__*/jsxRuntime.jsx(StyledInputStartDateSingle, _objectSpread$d(_objectSpread$d({
|
|
9415
9729
|
type: "text",
|
|
9416
9730
|
placeholder: "Select Dates",
|
|
9417
9731
|
value: (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format("YYYY-MM-DD")) || "",
|
|
@@ -9425,7 +9739,7 @@
|
|
|
9425
9739
|
children: /*#__PURE__*/jsxRuntime.jsx(StyledDatepickerMainContainer, {
|
|
9426
9740
|
showOnlyCalender: showOnlyCalender,
|
|
9427
9741
|
children: /*#__PURE__*/jsxRuntime.jsxs(StyledDatePickerLeftContainer, {
|
|
9428
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(reactDates.DayPickerSingleDateController, _objectSpread$
|
|
9742
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(reactDates.DayPickerSingleDateController, _objectSpread$d({
|
|
9429
9743
|
onDateChange: onDatesChange,
|
|
9430
9744
|
onFocusChange: handleOnFocusChange,
|
|
9431
9745
|
focused: focused,
|
|
@@ -9437,13 +9751,13 @@
|
|
|
9437
9751
|
}, props)), /*#__PURE__*/jsxRuntime.jsx(StyledBottomCTAContainer, {
|
|
9438
9752
|
children: /*#__PURE__*/jsxRuntime.jsxs(StyledRightCTAContainer, {
|
|
9439
9753
|
children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
9440
|
-
label: "Cancel",
|
|
9441
9754
|
variant: "url",
|
|
9442
|
-
size: "small"
|
|
9755
|
+
size: "small",
|
|
9756
|
+
children: "Cancel"
|
|
9443
9757
|
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
9444
|
-
label: "Apply",
|
|
9445
9758
|
variant: "primary",
|
|
9446
|
-
size: "small"
|
|
9759
|
+
size: "small",
|
|
9760
|
+
children: "Apply"
|
|
9447
9761
|
})]
|
|
9448
9762
|
})
|
|
9449
9763
|
})]
|
|
@@ -9455,89 +9769,98 @@
|
|
|
9455
9769
|
});
|
|
9456
9770
|
};
|
|
9457
9771
|
|
|
9458
|
-
function
|
|
9772
|
+
function _templateObject11$9() {
|
|
9459
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 "]);
|
|
9460
|
-
|
|
9774
|
+
_templateObject11$9 = function _templateObject11() {
|
|
9461
9775
|
return data;
|
|
9462
9776
|
};
|
|
9463
9777
|
return data;
|
|
9464
9778
|
}
|
|
9465
|
-
function
|
|
9779
|
+
function _templateObject10$a() {
|
|
9466
9780
|
var data = _taggedTemplateLiteral(["\n display: flex;\n ", "\n"]);
|
|
9467
|
-
|
|
9781
|
+
_templateObject10$a = function _templateObject10() {
|
|
9468
9782
|
return data;
|
|
9469
9783
|
};
|
|
9470
9784
|
return data;
|
|
9471
9785
|
}
|
|
9472
|
-
function
|
|
9473
|
-
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"]);
|
|
9474
|
-
|
|
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() {
|
|
9475
9789
|
return data;
|
|
9476
9790
|
};
|
|
9477
9791
|
return data;
|
|
9478
9792
|
}
|
|
9479
|
-
function
|
|
9480
|
-
var data = _taggedTemplateLiteral(["\n cursor:
|
|
9481
|
-
|
|
9793
|
+
function _templateObject8$c() {
|
|
9794
|
+
var data = _taggedTemplateLiteral(["\n cursor: default;\n "]);
|
|
9795
|
+
_templateObject8$c = function _templateObject8() {
|
|
9482
9796
|
return data;
|
|
9483
9797
|
};
|
|
9484
9798
|
return data;
|
|
9485
9799
|
}
|
|
9486
|
-
function
|
|
9487
|
-
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 "]);
|
|
9488
|
-
|
|
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() {
|
|
9489
9803
|
return data;
|
|
9490
9804
|
};
|
|
9491
9805
|
return data;
|
|
9492
9806
|
}
|
|
9493
|
-
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() {
|
|
9494
9815
|
var data = _taggedTemplateLiteral(["\n ", " {\n background: ", ";\n }\n ", " {\n font-weight: 600;\n }\n "]);
|
|
9495
|
-
_templateObject5$
|
|
9816
|
+
_templateObject5$e = function _templateObject5() {
|
|
9496
9817
|
return data;
|
|
9497
9818
|
};
|
|
9498
9819
|
return data;
|
|
9499
9820
|
}
|
|
9500
|
-
function _templateObject4$
|
|
9501
|
-
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"]);
|
|
9502
|
-
_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() {
|
|
9503
9824
|
return data;
|
|
9504
9825
|
};
|
|
9505
9826
|
return data;
|
|
9506
9827
|
}
|
|
9507
|
-
function _templateObject3$
|
|
9508
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 21px;\n color: #1d1d1d;\n"]);
|
|
9509
|
-
_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() {
|
|
9510
9831
|
return data;
|
|
9511
9832
|
};
|
|
9512
9833
|
return data;
|
|
9513
9834
|
}
|
|
9514
|
-
function _templateObject2$
|
|
9835
|
+
function _templateObject2$g() {
|
|
9515
9836
|
var data = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n margin-left: 8px;\n max-width: 220px;\n position: relative;\n"]);
|
|
9516
|
-
_templateObject2$
|
|
9837
|
+
_templateObject2$g = function _templateObject2() {
|
|
9517
9838
|
return data;
|
|
9518
9839
|
};
|
|
9519
9840
|
return data;
|
|
9520
9841
|
}
|
|
9521
|
-
function _templateObject$
|
|
9522
|
-
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"]);
|
|
9523
|
-
_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() {
|
|
9524
9845
|
return data;
|
|
9525
9846
|
};
|
|
9526
9847
|
return data;
|
|
9527
9848
|
}
|
|
9528
|
-
var StyledCircleContainer = styled__default.div(_templateObject$
|
|
9529
|
-
var StyledLabelMainContainer = styled__default.div(_templateObject2$
|
|
9530
|
-
var StyledLabel = styled__default.div(_templateObject3$
|
|
9531
|
-
var StyledStepperChildrenContainer = styled__default.div(_templateObject4$
|
|
9532
|
-
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);
|
|
9533
9854
|
}, function (props) {
|
|
9534
|
-
return props.isCompleted && styled.css(_templateObject6$
|
|
9855
|
+
return props.isCompleted && styled.css(_templateObject6$c(), StyledCircleContainer, PrimaryBlueColor, TickWhite);
|
|
9535
9856
|
}, function (props) {
|
|
9536
|
-
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());
|
|
9537
9860
|
});
|
|
9538
|
-
var StyledDescription = styled__default.div(
|
|
9539
|
-
var StyledStepper = styled__default.div(
|
|
9540
|
-
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);
|
|
9541
9864
|
});
|
|
9542
9865
|
|
|
9543
9866
|
var Stepper = function Stepper(_ref) {
|
|
@@ -9546,9 +9869,23 @@
|
|
|
9546
9869
|
vertical = _ref.vertical,
|
|
9547
9870
|
setActiveIndex = _ref.setActiveIndex,
|
|
9548
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
|
+
};
|
|
9549
9885
|
return /*#__PURE__*/jsxRuntime.jsx(StyledStepper, {
|
|
9550
9886
|
vertical: vertical,
|
|
9551
9887
|
children: steps.map(function (_ref2, index) {
|
|
9888
|
+
var _steps2;
|
|
9552
9889
|
var label = _ref2.label,
|
|
9553
9890
|
description = _ref2.description,
|
|
9554
9891
|
isEditable = _ref2.isEditable,
|
|
@@ -9558,9 +9895,9 @@
|
|
|
9558
9895
|
isCompleted: isCompleted,
|
|
9559
9896
|
isActive: activeIndex === index,
|
|
9560
9897
|
onClick: function onClick() {
|
|
9561
|
-
return isEditable
|
|
9562
|
-
}
|
|
9563
|
-
,
|
|
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)),
|
|
9564
9901
|
children: [/*#__PURE__*/jsxRuntime.jsx(StyledCircleContainer, {
|
|
9565
9902
|
children: !isCompleted && index + 1
|
|
9566
9903
|
}), /*#__PURE__*/jsxRuntime.jsxs(StyledLabelMainContainer, {
|
|
@@ -9575,58 +9912,58 @@
|
|
|
9575
9912
|
});
|
|
9576
9913
|
};
|
|
9577
9914
|
|
|
9578
|
-
function _templateObject6$
|
|
9915
|
+
function _templateObject6$d() {
|
|
9579
9916
|
var data = _taggedTemplateLiteral(["\n pointer-events: none;\n ", " {\n background: ", ";\n &::after {\n background: ", ";\n }\n }\n ", " {\n color: ", ";\n }\n "]);
|
|
9580
|
-
_templateObject6$
|
|
9917
|
+
_templateObject6$d = function _templateObject6() {
|
|
9581
9918
|
return data;
|
|
9582
9919
|
};
|
|
9583
9920
|
return data;
|
|
9584
9921
|
}
|
|
9585
|
-
function _templateObject5$
|
|
9922
|
+
function _templateObject5$f() {
|
|
9586
9923
|
var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 8px;\n ", "\n"]);
|
|
9587
|
-
_templateObject5$
|
|
9924
|
+
_templateObject5$f = function _templateObject5() {
|
|
9588
9925
|
return data;
|
|
9589
9926
|
};
|
|
9590
9927
|
return data;
|
|
9591
9928
|
}
|
|
9592
|
-
function _templateObject4$
|
|
9929
|
+
function _templateObject4$g() {
|
|
9593
9930
|
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n color: ", ";\n"]);
|
|
9594
|
-
_templateObject4$
|
|
9931
|
+
_templateObject4$g = function _templateObject4() {
|
|
9595
9932
|
return data;
|
|
9596
9933
|
};
|
|
9597
9934
|
return data;
|
|
9598
9935
|
}
|
|
9599
|
-
function _templateObject3$
|
|
9936
|
+
function _templateObject3$h() {
|
|
9600
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"]);
|
|
9601
|
-
_templateObject3$
|
|
9938
|
+
_templateObject3$h = function _templateObject3() {
|
|
9602
9939
|
return data;
|
|
9603
9940
|
};
|
|
9604
9941
|
return data;
|
|
9605
9942
|
}
|
|
9606
|
-
function _templateObject2$
|
|
9943
|
+
function _templateObject2$h() {
|
|
9607
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"]);
|
|
9608
|
-
_templateObject2$
|
|
9945
|
+
_templateObject2$h = function _templateObject2() {
|
|
9609
9946
|
return data;
|
|
9610
9947
|
};
|
|
9611
9948
|
return data;
|
|
9612
9949
|
}
|
|
9613
|
-
function _templateObject$
|
|
9950
|
+
function _templateObject$j() {
|
|
9614
9951
|
var data = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n"]);
|
|
9615
|
-
_templateObject$
|
|
9952
|
+
_templateObject$j = function _templateObject() {
|
|
9616
9953
|
return data;
|
|
9617
9954
|
};
|
|
9618
9955
|
return data;
|
|
9619
9956
|
}
|
|
9620
|
-
var CheckBoxWrapper = styled__default.div(_templateObject$
|
|
9621
|
-
var CheckBoxLabel = styled__default.label(_templateObject2$
|
|
9622
|
-
var CheckBox = styled__default.input(_templateObject3$
|
|
9623
|
-
var StyledLabelText$1 = styled__default.label(_templateObject4$
|
|
9624
|
-
var StyledSwitch = styled__default.div(_templateObject5$
|
|
9625
|
-
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);
|
|
9626
9963
|
});
|
|
9627
9964
|
|
|
9628
|
-
function ownKeys$
|
|
9629
|
-
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; }
|
|
9630
9967
|
var Switch = function Switch(_ref) {
|
|
9631
9968
|
var leftLabel = _ref.leftLabel,
|
|
9632
9969
|
rightLabel = _ref.rightLabel,
|
|
@@ -9641,7 +9978,7 @@
|
|
|
9641
9978
|
children: [leftLabel ? /*#__PURE__*/jsxRuntime.jsx(StyledLabelText$1, {
|
|
9642
9979
|
children: leftLabel
|
|
9643
9980
|
}) : null, /*#__PURE__*/jsxRuntime.jsxs(CheckBoxWrapper, {
|
|
9644
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(CheckBox, _objectSpread$
|
|
9981
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(CheckBox, _objectSpread$e({
|
|
9645
9982
|
id: id,
|
|
9646
9983
|
name: name,
|
|
9647
9984
|
type: "checkbox",
|
|
@@ -9656,103 +9993,103 @@
|
|
|
9656
9993
|
});
|
|
9657
9994
|
};
|
|
9658
9995
|
|
|
9659
|
-
function _templateObject11$
|
|
9660
|
-
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"]);
|
|
9661
|
-
_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() {
|
|
9662
9999
|
return data;
|
|
9663
10000
|
};
|
|
9664
10001
|
return data;
|
|
9665
10002
|
}
|
|
9666
|
-
function _templateObject10$
|
|
10003
|
+
function _templateObject10$b() {
|
|
9667
10004
|
var data = _taggedTemplateLiteral(["\n width: 1238px;\n max-height: 748px;\n ", " {\n max-height: 633px;\n }\n "]);
|
|
9668
|
-
_templateObject10$
|
|
10005
|
+
_templateObject10$b = function _templateObject10() {
|
|
9669
10006
|
return data;
|
|
9670
10007
|
};
|
|
9671
10008
|
return data;
|
|
9672
10009
|
}
|
|
9673
|
-
function _templateObject9$
|
|
10010
|
+
function _templateObject9$c() {
|
|
9674
10011
|
var data = _taggedTemplateLiteral(["\n width: 735px;\n max-height: 444px;\n ", " {\n max-height: 329px;\n }\n "]);
|
|
9675
|
-
_templateObject9$
|
|
10012
|
+
_templateObject9$c = function _templateObject9() {
|
|
9676
10013
|
return data;
|
|
9677
10014
|
};
|
|
9678
10015
|
return data;
|
|
9679
10016
|
}
|
|
9680
|
-
function _templateObject8$
|
|
10017
|
+
function _templateObject8$d() {
|
|
9681
10018
|
var data = _taggedTemplateLiteral(["\n width: 543px;\n max-height: 283px;\n ", " {\n max-height: 122px;\n }\n "]);
|
|
9682
|
-
_templateObject8$
|
|
10019
|
+
_templateObject8$d = function _templateObject8() {
|
|
9683
10020
|
return data;
|
|
9684
10021
|
};
|
|
9685
10022
|
return data;
|
|
9686
10023
|
}
|
|
9687
|
-
function _templateObject7$
|
|
10024
|
+
function _templateObject7$d() {
|
|
9688
10025
|
var data = _taggedTemplateLiteral(["\n margin: auto;\n background: ", ";\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.08);\n ", "\n"]);
|
|
9689
|
-
_templateObject7$
|
|
10026
|
+
_templateObject7$d = function _templateObject7() {
|
|
9690
10027
|
return data;
|
|
9691
10028
|
};
|
|
9692
10029
|
return data;
|
|
9693
10030
|
}
|
|
9694
|
-
function _templateObject6$
|
|
9695
|
-
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"]);
|
|
9696
|
-
_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() {
|
|
9697
10034
|
return data;
|
|
9698
10035
|
};
|
|
9699
10036
|
return data;
|
|
9700
10037
|
}
|
|
9701
|
-
function _templateObject5$
|
|
9702
|
-
var data = _taggedTemplateLiteral(["\n padding: 20px;\n box-sizing: border-box;\n
|
|
9703
|
-
_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() {
|
|
9704
10041
|
return data;
|
|
9705
10042
|
};
|
|
9706
10043
|
return data;
|
|
9707
10044
|
}
|
|
9708
|
-
function _templateObject4$
|
|
9709
|
-
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n"]);
|
|
9710
|
-
_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() {
|
|
9711
10048
|
return data;
|
|
9712
10049
|
};
|
|
9713
10050
|
return data;
|
|
9714
10051
|
}
|
|
9715
|
-
function _templateObject3$
|
|
9716
|
-
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"]);
|
|
9717
|
-
_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() {
|
|
9718
10055
|
return data;
|
|
9719
10056
|
};
|
|
9720
10057
|
return data;
|
|
9721
10058
|
}
|
|
9722
|
-
function _templateObject2$
|
|
10059
|
+
function _templateObject2$i() {
|
|
9723
10060
|
var data = _taggedTemplateLiteral([""]);
|
|
9724
|
-
_templateObject2$
|
|
10061
|
+
_templateObject2$i = function _templateObject2() {
|
|
9725
10062
|
return data;
|
|
9726
10063
|
};
|
|
9727
10064
|
return data;
|
|
9728
10065
|
}
|
|
9729
|
-
function _templateObject$
|
|
10066
|
+
function _templateObject$k() {
|
|
9730
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"]);
|
|
9731
|
-
_templateObject$
|
|
10068
|
+
_templateObject$k = function _templateObject() {
|
|
9732
10069
|
return data;
|
|
9733
10070
|
};
|
|
9734
10071
|
return data;
|
|
9735
10072
|
}
|
|
9736
|
-
var StyledModalContainer = styled__default.div(_templateObject$
|
|
9737
|
-
var StyledModalMainContainerDemo = styled__default.div(_templateObject2$
|
|
9738
|
-
var StyledModalHeader = styled__default.div(_templateObject3$
|
|
9739
|
-
var StyledModalHeadingText = styled__default.h2(_templateObject4$
|
|
9740
|
-
var StyledModalContentContainer = styled__default.div(_templateObject5$
|
|
9741
|
-
var StyledBottomButtonContainer = styled__default.div(_templateObject6$
|
|
9742
|
-
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) {
|
|
9743
10080
|
switch (props.size) {
|
|
9744
10081
|
case "small":
|
|
9745
|
-
return styled.css(_templateObject8$
|
|
10082
|
+
return styled.css(_templateObject8$d(), StyledModalContentContainer);
|
|
9746
10083
|
case "medium":
|
|
9747
|
-
return styled.css(_templateObject9$
|
|
10084
|
+
return styled.css(_templateObject9$c(), StyledModalContentContainer);
|
|
9748
10085
|
case "large":
|
|
9749
|
-
return styled.css(_templateObject10$
|
|
10086
|
+
return styled.css(_templateObject10$b(), StyledModalContentContainer);
|
|
9750
10087
|
}
|
|
9751
10088
|
});
|
|
9752
|
-
var StyledCloseIcon$1 = styled__default.i(_templateObject11$
|
|
10089
|
+
var StyledCloseIcon$1 = styled__default.i(_templateObject11$a(), CloseIconWhite);
|
|
9753
10090
|
|
|
9754
|
-
function ownKeys$
|
|
9755
|
-
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; }
|
|
9756
10093
|
var Modal = function Modal(_ref) {
|
|
9757
10094
|
var isOpen = _ref.isOpen,
|
|
9758
10095
|
_ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
|
|
@@ -9767,7 +10104,7 @@
|
|
|
9767
10104
|
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
9768
10105
|
children: isOpen ? /*#__PURE__*/jsxRuntime.jsx(StyledModalContainer, {
|
|
9769
10106
|
onClick: closeOnOverlayClick ? onClose : nul,
|
|
9770
|
-
children: /*#__PURE__*/jsxRuntime.jsxs(StyledModalBodyContainer, _objectSpread$
|
|
10107
|
+
children: /*#__PURE__*/jsxRuntime.jsxs(StyledModalBodyContainer, _objectSpread$f(_objectSpread$f({
|
|
9771
10108
|
size: size
|
|
9772
10109
|
}, props), {}, {
|
|
9773
10110
|
onClick: function onClick(e) {
|
|
@@ -9782,115 +10119,115 @@
|
|
|
9782
10119
|
}), /*#__PURE__*/jsxRuntime.jsx(StyledModalContentContainer, {
|
|
9783
10120
|
children: children
|
|
9784
10121
|
}), /*#__PURE__*/jsxRuntime.jsxs(StyledBottomButtonContainer, {
|
|
9785
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
10122
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$f(_objectSpread$f({}, tertiaryButtonProps), {}, {
|
|
9786
10123
|
variant: "url"
|
|
9787
|
-
}
|
|
10124
|
+
})), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$f(_objectSpread$f({}, primaryButtonProps), {}, {
|
|
9788
10125
|
variant: "primary"
|
|
9789
|
-
}
|
|
10126
|
+
}))]
|
|
9790
10127
|
})]
|
|
9791
10128
|
}))
|
|
9792
10129
|
}) : null
|
|
9793
10130
|
});
|
|
9794
10131
|
};
|
|
9795
10132
|
|
|
9796
|
-
function _templateObject11$
|
|
9797
|
-
var data = _taggedTemplateLiteral(["\n height: 65px;\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: flex-end;\n"]);
|
|
9798
|
-
_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() {
|
|
9799
10136
|
return data;
|
|
9800
10137
|
};
|
|
9801
10138
|
return data;
|
|
9802
10139
|
}
|
|
9803
|
-
function _templateObject10$
|
|
9804
|
-
var data = _taggedTemplateLiteral(["\n font-size: 12px;\n color: ", ";\n list-style: disc;\n line-height: 18px;\n margin-bottom:
|
|
9805
|
-
_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() {
|
|
9806
10143
|
return data;
|
|
9807
10144
|
};
|
|
9808
10145
|
return data;
|
|
9809
10146
|
}
|
|
9810
|
-
function _templateObject9$
|
|
10147
|
+
function _templateObject9$d() {
|
|
9811
10148
|
var data = _taggedTemplateLiteral([""]);
|
|
9812
|
-
_templateObject9$
|
|
10149
|
+
_templateObject9$d = function _templateObject9() {
|
|
9813
10150
|
return data;
|
|
9814
10151
|
};
|
|
9815
10152
|
return data;
|
|
9816
10153
|
}
|
|
9817
|
-
function _templateObject8$
|
|
9818
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n font-weight: 500;\n line-height: 15px;\n padding: 10px 0;\n"]);
|
|
9819
|
-
_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() {
|
|
9820
10157
|
return data;
|
|
9821
10158
|
};
|
|
9822
10159
|
return data;
|
|
9823
10160
|
}
|
|
9824
|
-
function _templateObject7$
|
|
9825
|
-
var data = _taggedTemplateLiteral(["\n &::before {\n background: ", ";\n }\n ", " {\n background: url(", ") no-repeat;\n background-size: 14px;\n background-position: 0px;\n }\n "]);
|
|
9826
|
-
_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() {
|
|
9827
10164
|
return data;
|
|
9828
10165
|
};
|
|
9829
10166
|
return data;
|
|
9830
10167
|
}
|
|
9831
|
-
function _templateObject6$
|
|
9832
|
-
var data = _taggedTemplateLiteral(["\n &::before {\n background: ", ";\n }\n ", " {\n background: url(", ") no-repeat;\n background-size: 14px;\n background-position: 0px;\n }\n "]);
|
|
9833
|
-
_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() {
|
|
9834
10171
|
return data;
|
|
9835
10172
|
};
|
|
9836
10173
|
return data;
|
|
9837
10174
|
}
|
|
9838
|
-
function _templateObject5$
|
|
9839
|
-
var data = _taggedTemplateLiteral(["\n &::before {\n background: ", ";\n }\n ", " {\n background: url(", ") no-repeat;\n background-size: 14px;\n background-position: 0px;\n }\n "]);
|
|
9840
|
-
_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() {
|
|
9841
10178
|
return data;
|
|
9842
10179
|
};
|
|
9843
10180
|
return data;
|
|
9844
10181
|
}
|
|
9845
|
-
function _templateObject4$
|
|
9846
|
-
var data = _taggedTemplateLiteral(["\n &::before {\n background: ", ";\n }\n ", " {\n background: url(", ") no-repeat;\n background-size: 14px;\n background-position: 0px;\n }\n "]);
|
|
9847
|
-
_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() {
|
|
9848
10185
|
return data;
|
|
9849
10186
|
};
|
|
9850
10187
|
return data;
|
|
9851
10188
|
}
|
|
9852
|
-
function _templateObject3$
|
|
9853
|
-
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"]);
|
|
9854
|
-
_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() {
|
|
9855
10192
|
return data;
|
|
9856
10193
|
};
|
|
9857
10194
|
return data;
|
|
9858
10195
|
}
|
|
9859
|
-
function _templateObject2$
|
|
9860
|
-
var data = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n padding: 16px 8px;\n padding-left: 20px;\n"]);
|
|
9861
|
-
_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() {
|
|
9862
10199
|
return data;
|
|
9863
10200
|
};
|
|
9864
10201
|
return data;
|
|
9865
10202
|
}
|
|
9866
|
-
function _templateObject$
|
|
10203
|
+
function _templateObject$l() {
|
|
9867
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"]);
|
|
9868
|
-
_templateObject$
|
|
10205
|
+
_templateObject$l = function _templateObject() {
|
|
9869
10206
|
return data;
|
|
9870
10207
|
};
|
|
9871
10208
|
return data;
|
|
9872
10209
|
}
|
|
9873
|
-
var StyledPromptOverlay = styled__default.div(_templateObject$
|
|
9874
|
-
var StyledPromptHeading = styled__default.h2(_templateObject2$
|
|
9875
|
-
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) {
|
|
9876
10213
|
switch (props.variant) {
|
|
9877
10214
|
case "default":
|
|
9878
|
-
return styled.css(_templateObject4$
|
|
10215
|
+
return styled.css(_templateObject4$i(), PrimaryBlueColor, StyledPromptHeading, InfoIcon);
|
|
9879
10216
|
case "warning":
|
|
9880
|
-
return styled.css(_templateObject5$
|
|
10217
|
+
return styled.css(_templateObject5$h(), AlertOrangeWarningStroke, StyledPromptHeading, Warning);
|
|
9881
10218
|
case "error":
|
|
9882
|
-
return styled.css(_templateObject6$
|
|
10219
|
+
return styled.css(_templateObject6$f(), AlertRedErrorStroke, StyledPromptHeading, AlertIcon);
|
|
9883
10220
|
case "success":
|
|
9884
|
-
return styled.css(_templateObject7$
|
|
10221
|
+
return styled.css(_templateObject7$e(), AlertGreenSuccessStroke, StyledPromptHeading, SuccessIcon);
|
|
9885
10222
|
}
|
|
9886
10223
|
});
|
|
9887
|
-
var StyledPromptSubheading = styled__default.h3(_templateObject8$
|
|
9888
|
-
var StyledUlListContent = styled__default.ul(_templateObject9$
|
|
9889
|
-
var StyledLiListContent = styled__default.li(_templateObject10$
|
|
9890
|
-
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());
|
|
9891
10228
|
|
|
9892
|
-
function ownKeys$
|
|
9893
|
-
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; }
|
|
9894
10231
|
var Prompt = function Prompt(_ref) {
|
|
9895
10232
|
var isOpen = _ref.isOpen,
|
|
9896
10233
|
_ref$variant = _ref.variant,
|
|
@@ -9910,17 +10247,17 @@
|
|
|
9910
10247
|
}), /*#__PURE__*/jsxRuntime.jsx(StyledPromptSubheading, {
|
|
9911
10248
|
children: subHeading
|
|
9912
10249
|
}), /*#__PURE__*/jsxRuntime.jsx(StyledUlListContent, {
|
|
9913
|
-
children: infoList.map(function (info, i) {
|
|
10250
|
+
children: infoList && infoList.map(function (info, i) {
|
|
9914
10251
|
return /*#__PURE__*/jsxRuntime.jsx(StyledLiListContent, {
|
|
9915
10252
|
children: info
|
|
9916
10253
|
}, i);
|
|
9917
10254
|
})
|
|
9918
10255
|
}), /*#__PURE__*/jsxRuntime.jsxs(StyledBottomCTAContainer$1, {
|
|
9919
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
10256
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$g(_objectSpread$g({}, tertiaryButtonProps), {}, {
|
|
9920
10257
|
variant: "url"
|
|
9921
|
-
}
|
|
10258
|
+
})), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$g(_objectSpread$g({}, primaryButtonProps), {}, {
|
|
9922
10259
|
variant: "primary"
|
|
9923
|
-
}
|
|
10260
|
+
}))]
|
|
9924
10261
|
})]
|
|
9925
10262
|
})
|
|
9926
10263
|
}) : null
|
|
@@ -9934,9 +10271,9 @@
|
|
|
9934
10271
|
};
|
|
9935
10272
|
return data;
|
|
9936
10273
|
}
|
|
9937
|
-
function _templateObject16$
|
|
10274
|
+
function _templateObject16$4() {
|
|
9938
10275
|
var data = _taggedTemplateLiteral(["\n background: url(", ") no-repeat;\n width: 16px;\n height: 16px;\n background-size: 12px;\n position: absolute;\n right: -50px;\n top: 23px;\n cursor: pointer;\n"]);
|
|
9939
|
-
_templateObject16$
|
|
10276
|
+
_templateObject16$4 = function _templateObject16() {
|
|
9940
10277
|
return data;
|
|
9941
10278
|
};
|
|
9942
10279
|
return data;
|
|
@@ -9962,106 +10299,106 @@
|
|
|
9962
10299
|
};
|
|
9963
10300
|
return data;
|
|
9964
10301
|
}
|
|
9965
|
-
function _templateObject12$
|
|
9966
|
-
var data = _taggedTemplateLiteral(["\n padding-top: 22px;\n"]);
|
|
9967
|
-
_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() {
|
|
9968
10305
|
return data;
|
|
9969
10306
|
};
|
|
9970
10307
|
return data;
|
|
9971
10308
|
}
|
|
9972
|
-
function _templateObject11$
|
|
9973
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 15px;\n font-weight: 500;\n margin-top: 40px;\n"]);
|
|
9974
|
-
_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() {
|
|
9975
10312
|
return data;
|
|
9976
10313
|
};
|
|
9977
10314
|
return data;
|
|
9978
10315
|
}
|
|
9979
|
-
function _templateObject10$
|
|
10316
|
+
function _templateObject10$d() {
|
|
9980
10317
|
var data = _taggedTemplateLiteral([""]);
|
|
9981
|
-
_templateObject10$
|
|
10318
|
+
_templateObject10$d = function _templateObject10() {
|
|
9982
10319
|
return data;
|
|
9983
10320
|
};
|
|
9984
10321
|
return data;
|
|
9985
10322
|
}
|
|
9986
|
-
function _templateObject9$
|
|
10323
|
+
function _templateObject9$e() {
|
|
9987
10324
|
var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n"]);
|
|
9988
|
-
_templateObject9$
|
|
10325
|
+
_templateObject9$e = function _templateObject9() {
|
|
9989
10326
|
return data;
|
|
9990
10327
|
};
|
|
9991
10328
|
return data;
|
|
9992
10329
|
}
|
|
9993
|
-
function _templateObject8$
|
|
10330
|
+
function _templateObject8$f() {
|
|
9994
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"]);
|
|
9995
|
-
_templateObject8$
|
|
10332
|
+
_templateObject8$f = function _templateObject8() {
|
|
9996
10333
|
return data;
|
|
9997
10334
|
};
|
|
9998
10335
|
return data;
|
|
9999
10336
|
}
|
|
10000
|
-
function _templateObject7$
|
|
10337
|
+
function _templateObject7$f() {
|
|
10001
10338
|
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 21px;\n margin-top: 18px;\n text-align: center;\n"]);
|
|
10002
|
-
_templateObject7$
|
|
10339
|
+
_templateObject7$f = function _templateObject7() {
|
|
10003
10340
|
return data;
|
|
10004
10341
|
};
|
|
10005
10342
|
return data;
|
|
10006
10343
|
}
|
|
10007
|
-
function _templateObject6$
|
|
10344
|
+
function _templateObject6$g() {
|
|
10008
10345
|
var data = _taggedTemplateLiteral(["\n background: url(", ") no-repeat;\n width: 54px;\n height: 36px;\n background-size: cover;\n margin: auto;\n"]);
|
|
10009
|
-
_templateObject6$
|
|
10346
|
+
_templateObject6$g = function _templateObject6() {
|
|
10010
10347
|
return data;
|
|
10011
10348
|
};
|
|
10012
10349
|
return data;
|
|
10013
10350
|
}
|
|
10014
|
-
function _templateObject5$
|
|
10351
|
+
function _templateObject5$i() {
|
|
10015
10352
|
var data = _taggedTemplateLiteral(["\n justify-content: center;\n"]);
|
|
10016
|
-
_templateObject5$
|
|
10353
|
+
_templateObject5$i = function _templateObject5() {
|
|
10017
10354
|
return data;
|
|
10018
10355
|
};
|
|
10019
10356
|
return data;
|
|
10020
10357
|
}
|
|
10021
|
-
function _templateObject4$
|
|
10022
|
-
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"]);
|
|
10023
|
-
_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() {
|
|
10024
10361
|
return data;
|
|
10025
10362
|
};
|
|
10026
10363
|
return data;
|
|
10027
10364
|
}
|
|
10028
|
-
function _templateObject3$
|
|
10029
|
-
var data = _taggedTemplateLiteral(["\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n"]);
|
|
10030
|
-
_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() {
|
|
10031
10368
|
return data;
|
|
10032
10369
|
};
|
|
10033
10370
|
return data;
|
|
10034
10371
|
}
|
|
10035
|
-
function _templateObject2$
|
|
10036
|
-
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"]);
|
|
10037
|
-
_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() {
|
|
10038
10375
|
return data;
|
|
10039
10376
|
};
|
|
10040
10377
|
return data;
|
|
10041
10378
|
}
|
|
10042
|
-
function _templateObject$
|
|
10379
|
+
function _templateObject$m() {
|
|
10043
10380
|
var data = _taggedTemplateLiteral(["\n padding-top: 12px;\n display: flex;\n flex-direction: row-reverse;\n gap: 16px;\n"]);
|
|
10044
|
-
_templateObject$
|
|
10381
|
+
_templateObject$m = function _templateObject() {
|
|
10045
10382
|
return data;
|
|
10046
10383
|
};
|
|
10047
10384
|
return data;
|
|
10048
10385
|
}
|
|
10049
|
-
var StyledButtonContainer = styled__default.div(_templateObject$
|
|
10050
|
-
var StyledFileSelector = styled__default.div(_templateObject2$
|
|
10051
|
-
var StyledFileHeading = styled__default.h2(_templateObject3$
|
|
10052
|
-
var StyledDropZone = styled__default.div(_templateObject4$
|
|
10053
|
-
var StyledCenterAlignedZone = styled__default.div(_templateObject5$
|
|
10054
|
-
var StyledUploadImage = styled__default.div(_templateObject6$
|
|
10055
|
-
var StyledDropZoneLabel = styled__default.div(_templateObject7$
|
|
10056
|
-
var StyledCenterDividerContainer = styled__default.div(_templateObject8$
|
|
10057
|
-
var StyledFileUploadButton = styled__default.div(_templateObject9$
|
|
10058
|
-
var StyledUploadingZoneContainer = styled__default.div(_templateObject10$
|
|
10059
|
-
var StyledSubHeadingContainer = styled__default.h2(_templateObject11$
|
|
10060
|
-
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());
|
|
10061
10398
|
var StyledFileLabel = styled__default.label(_templateObject13$5(), LabelColor);
|
|
10062
10399
|
var StyledProgressMainContainer = styled__default.div(_templateObject14$5());
|
|
10063
10400
|
var StyledClearIcon = styled__default.i(_templateObject15$4(), NotificationClose);
|
|
10064
|
-
var StyledDeleteIcon = styled__default.i(_templateObject16$
|
|
10401
|
+
var StyledDeleteIcon = styled__default.i(_templateObject16$4(), TrashIcon);
|
|
10065
10402
|
var StyledBrowseFIleURL = styled__default.input(_templateObject17$3(), PrimaryBlueColor, SecondaryBlueColor);
|
|
10066
10403
|
|
|
10067
10404
|
/** Detect free variable `global` from Node.js. */
|
|
@@ -10368,8 +10705,8 @@
|
|
|
10368
10705
|
|
|
10369
10706
|
var uniqueId_1 = uniqueId;
|
|
10370
10707
|
|
|
10371
|
-
function ownKeys$
|
|
10372
|
-
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; }
|
|
10373
10710
|
var Dropzone = function Dropzone(_ref) {
|
|
10374
10711
|
var setFiles = _ref.setFiles,
|
|
10375
10712
|
_ref$accept = _ref.accept,
|
|
@@ -10390,10 +10727,10 @@
|
|
|
10390
10727
|
errorMessage: ""
|
|
10391
10728
|
};
|
|
10392
10729
|
}).reduce(function (a, v) {
|
|
10393
|
-
return _objectSpread$
|
|
10730
|
+
return _objectSpread$h(_objectSpread$h({}, a), {}, _defineProperty({}, uniqueId_1(), v));
|
|
10394
10731
|
}, {});
|
|
10395
10732
|
setFiles(function (files) {
|
|
10396
|
-
return _objectSpread$
|
|
10733
|
+
return _objectSpread$h(_objectSpread$h({}, files), filesArray);
|
|
10397
10734
|
});
|
|
10398
10735
|
};
|
|
10399
10736
|
var handleDrop = function handleDrop(event) {
|
|
@@ -10491,18 +10828,137 @@
|
|
|
10491
10828
|
}), /*#__PURE__*/jsxRuntime.jsxs(StyledButtonContainer, {
|
|
10492
10829
|
children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
10493
10830
|
variant: "primary",
|
|
10494
|
-
|
|
10495
|
-
|
|
10831
|
+
onClick: onFileUpload,
|
|
10832
|
+
children: "Upload"
|
|
10496
10833
|
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
10497
10834
|
variant: "url",
|
|
10498
|
-
|
|
10499
|
-
|
|
10835
|
+
onClick: onCancelAllUploads,
|
|
10836
|
+
children: "Cancel"
|
|
10500
10837
|
})]
|
|
10501
10838
|
})]
|
|
10502
10839
|
})
|
|
10503
10840
|
});
|
|
10504
10841
|
};
|
|
10505
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
|
+
|
|
10506
10962
|
function styleInject(css, ref) {
|
|
10507
10963
|
if ( ref === void 0 ) ref = {};
|
|
10508
10964
|
var insertAt = ref.insertAt;
|
|
@@ -10530,135 +10986,274 @@
|
|
|
10530
10986
|
}
|
|
10531
10987
|
}
|
|
10532
10988
|
|
|
10533
|
-
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";
|
|
10534
10990
|
styleInject(css_248z);
|
|
10535
10991
|
|
|
10536
|
-
|
|
10537
|
-
|
|
10538
|
-
|
|
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) {
|
|
10539
11114
|
var rowData = _ref.rowData,
|
|
10540
11115
|
columnDefs = _ref.columnDefs,
|
|
10541
|
-
|
|
11116
|
+
isCompact = _ref.isCompact,
|
|
11117
|
+
pagination = _ref.pagination,
|
|
11118
|
+
pageSizeList = _ref.pageSizeList,
|
|
11119
|
+
props = _objectWithoutProperties(_ref, ["rowData", "columnDefs", "isCompact", "pagination", "pageSizeList"]);
|
|
10542
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
|
+
};
|
|
10543
11127
|
var columnTypes = {
|
|
10544
11128
|
number: {
|
|
10545
11129
|
width: 100,
|
|
10546
11130
|
cellStyle: {
|
|
10547
11131
|
textAlign: "right"
|
|
10548
11132
|
}
|
|
11133
|
+
},
|
|
11134
|
+
cellRenderer: {
|
|
11135
|
+
cellStyle: {
|
|
11136
|
+
display: "flex",
|
|
11137
|
+
alignItems: "center",
|
|
11138
|
+
justifyContent: "center"
|
|
11139
|
+
}
|
|
10549
11140
|
}
|
|
10550
11141
|
};
|
|
10551
|
-
return /*#__PURE__*/jsxRuntime.
|
|
11142
|
+
return /*#__PURE__*/jsxRuntime.jsxs(StyledTableContainer, {
|
|
10552
11143
|
className: "ag-theme-alpine",
|
|
10553
|
-
|
|
10554
|
-
|
|
10555
|
-
|
|
10556
|
-
},
|
|
10557
|
-
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,
|
|
10558
11147
|
rowData: rowData,
|
|
10559
11148
|
columnDefs: columnDefs,
|
|
10560
|
-
columnTypes: columnTypes
|
|
10561
|
-
|
|
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
|
+
})]
|
|
10562
11157
|
});
|
|
10563
|
-
};
|
|
11158
|
+
});
|
|
10564
11159
|
|
|
10565
|
-
function _templateObject11$
|
|
11160
|
+
function _templateObject11$e() {
|
|
10566
11161
|
var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 16px;\n"]);
|
|
10567
|
-
_templateObject11$
|
|
11162
|
+
_templateObject11$e = function _templateObject11() {
|
|
10568
11163
|
return data;
|
|
10569
11164
|
};
|
|
10570
11165
|
return data;
|
|
10571
11166
|
}
|
|
10572
|
-
function _templateObject10$
|
|
11167
|
+
function _templateObject10$f() {
|
|
10573
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"]);
|
|
10574
|
-
_templateObject10$
|
|
11169
|
+
_templateObject10$f = function _templateObject10() {
|
|
10575
11170
|
return data;
|
|
10576
11171
|
};
|
|
10577
11172
|
return data;
|
|
10578
11173
|
}
|
|
10579
|
-
function _templateObject9$
|
|
10580
|
-
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"]);
|
|
10581
|
-
_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() {
|
|
10582
11177
|
return data;
|
|
10583
11178
|
};
|
|
10584
11179
|
return data;
|
|
10585
11180
|
}
|
|
10586
|
-
function _templateObject8$
|
|
11181
|
+
function _templateObject8$h() {
|
|
10587
11182
|
var data = _taggedTemplateLiteral(["\n background: url(", ") no-repeat;\n width: 12px;\n height: 12px;\n background-size: 12px;\n cursor: pointer;\n"]);
|
|
10588
|
-
_templateObject8$
|
|
11183
|
+
_templateObject8$h = function _templateObject8() {
|
|
10589
11184
|
return data;
|
|
10590
11185
|
};
|
|
10591
11186
|
return data;
|
|
10592
11187
|
}
|
|
10593
|
-
function _templateObject7$
|
|
10594
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n font-weight: 500;\n"]);
|
|
10595
|
-
_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() {
|
|
10596
11191
|
return data;
|
|
10597
11192
|
};
|
|
10598
11193
|
return data;
|
|
10599
11194
|
}
|
|
10600
|
-
function _templateObject6$
|
|
10601
|
-
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"]);
|
|
10602
|
-
_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() {
|
|
10603
11198
|
return data;
|
|
10604
11199
|
};
|
|
10605
11200
|
return data;
|
|
10606
11201
|
}
|
|
10607
|
-
function _templateObject5$
|
|
11202
|
+
function _templateObject5$k() {
|
|
10608
11203
|
var data = _taggedTemplateLiteral(["\n width: 815px;\n &::before {\n right: 815px;\n }\n "]);
|
|
10609
|
-
_templateObject5$
|
|
11204
|
+
_templateObject5$k = function _templateObject5() {
|
|
10610
11205
|
return data;
|
|
10611
11206
|
};
|
|
10612
11207
|
return data;
|
|
10613
11208
|
}
|
|
10614
|
-
function _templateObject4$
|
|
11209
|
+
function _templateObject4$l() {
|
|
10615
11210
|
var data = _taggedTemplateLiteral(["\n width: 575px;\n &::before {\n right: 575px;\n }\n "]);
|
|
10616
|
-
_templateObject4$
|
|
11211
|
+
_templateObject4$l = function _templateObject4() {
|
|
10617
11212
|
return data;
|
|
10618
11213
|
};
|
|
10619
11214
|
return data;
|
|
10620
11215
|
}
|
|
10621
|
-
function _templateObject3$
|
|
11216
|
+
function _templateObject3$m() {
|
|
10622
11217
|
var data = _taggedTemplateLiteral(["\n width: 379px;\n\n &::before {\n right: 379px;\n }\n "]);
|
|
10623
|
-
_templateObject3$
|
|
11218
|
+
_templateObject3$m = function _templateObject3() {
|
|
10624
11219
|
return data;
|
|
10625
11220
|
};
|
|
10626
11221
|
return data;
|
|
10627
11222
|
}
|
|
10628
|
-
function _templateObject2$
|
|
11223
|
+
function _templateObject2$m() {
|
|
10629
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"]);
|
|
10630
|
-
_templateObject2$
|
|
11225
|
+
_templateObject2$m = function _templateObject2() {
|
|
10631
11226
|
return data;
|
|
10632
11227
|
};
|
|
10633
11228
|
return data;
|
|
10634
11229
|
}
|
|
10635
|
-
function _templateObject$
|
|
11230
|
+
function _templateObject$o() {
|
|
10636
11231
|
var data = _taggedTemplateLiteral(["\n position: relative;\n"]);
|
|
10637
|
-
_templateObject$
|
|
11232
|
+
_templateObject$o = function _templateObject() {
|
|
10638
11233
|
return data;
|
|
10639
11234
|
};
|
|
10640
11235
|
return data;
|
|
10641
11236
|
}
|
|
10642
|
-
var StyledPanel = styled__default.div(_templateObject$
|
|
10643
|
-
var StyledPanelContentContainer = styled__default.div(_templateObject2$
|
|
11237
|
+
var StyledPanel = styled__default.div(_templateObject$o());
|
|
11238
|
+
var StyledPanelContentContainer = styled__default.div(_templateObject2$m(), function (props) {
|
|
10644
11239
|
switch (props.size) {
|
|
10645
11240
|
case "small":
|
|
10646
|
-
return styled.css(_templateObject3$
|
|
11241
|
+
return styled.css(_templateObject3$m());
|
|
10647
11242
|
case "medium":
|
|
10648
|
-
return styled.css(_templateObject4$
|
|
11243
|
+
return styled.css(_templateObject4$l());
|
|
10649
11244
|
case "large":
|
|
10650
|
-
return styled.css(_templateObject5$
|
|
11245
|
+
return styled.css(_templateObject5$k());
|
|
10651
11246
|
}
|
|
10652
11247
|
});
|
|
10653
|
-
var StyledPanelHeader = styled__default.div(_templateObject6$
|
|
10654
|
-
var StyledPanelHeading = styled__default.h2(_templateObject7$
|
|
10655
|
-
var StyledPanelCloseIcon = styled__default.i(_templateObject8$
|
|
10656
|
-
var StyledPanelBodyContainer = styled__default.div(_templateObject9$
|
|
10657
|
-
var StyledPanelFooter = styled__default.div(_templateObject10$
|
|
10658
|
-
var StyledPanelCTAContainer = styled__default.div(_templateObject11$
|
|
10659
|
-
|
|
10660
|
-
function ownKeys$
|
|
10661
|
-
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; }
|
|
10662
11257
|
var Panel = function Panel(_ref) {
|
|
10663
11258
|
var isOpen = _ref.isOpen,
|
|
10664
11259
|
size = _ref.size,
|
|
@@ -10684,9 +11279,9 @@
|
|
|
10684
11279
|
children: children
|
|
10685
11280
|
}), /*#__PURE__*/jsxRuntime.jsx(StyledPanelFooter, {
|
|
10686
11281
|
children: /*#__PURE__*/jsxRuntime.jsxs(StyledPanelCTAContainer, {
|
|
10687
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
11282
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$j(_objectSpread$j({}, tertiaryButtonProps), {}, {
|
|
10688
11283
|
variant: "url"
|
|
10689
|
-
})), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
11284
|
+
})), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$j(_objectSpread$j({}, primaryButtonProps), {}, {
|
|
10690
11285
|
variant: "primary"
|
|
10691
11286
|
}))]
|
|
10692
11287
|
})
|
|
@@ -10697,55 +11292,55 @@
|
|
|
10697
11292
|
});
|
|
10698
11293
|
};
|
|
10699
11294
|
|
|
10700
|
-
function _templateObject6$
|
|
10701
|
-
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 "]);
|
|
10702
|
-
_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() {
|
|
10703
11298
|
return data;
|
|
10704
11299
|
};
|
|
10705
11300
|
return data;
|
|
10706
11301
|
}
|
|
10707
|
-
function _templateObject5$
|
|
11302
|
+
function _templateObject5$l() {
|
|
10708
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 "]);
|
|
10709
|
-
_templateObject5$
|
|
11304
|
+
_templateObject5$l = function _templateObject5() {
|
|
10710
11305
|
return data;
|
|
10711
11306
|
};
|
|
10712
11307
|
return data;
|
|
10713
11308
|
}
|
|
10714
|
-
function _templateObject4$
|
|
11309
|
+
function _templateObject4$m() {
|
|
10715
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"]);
|
|
10716
|
-
_templateObject4$
|
|
11311
|
+
_templateObject4$m = function _templateObject4() {
|
|
10717
11312
|
return data;
|
|
10718
11313
|
};
|
|
10719
11314
|
return data;
|
|
10720
11315
|
}
|
|
10721
|
-
function _templateObject3$
|
|
10722
|
-
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"]);
|
|
10723
|
-
_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() {
|
|
10724
11319
|
return data;
|
|
10725
11320
|
};
|
|
10726
11321
|
return data;
|
|
10727
11322
|
}
|
|
10728
|
-
function _templateObject2$
|
|
10729
|
-
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"]);
|
|
10730
|
-
_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() {
|
|
10731
11326
|
return data;
|
|
10732
11327
|
};
|
|
10733
11328
|
return data;
|
|
10734
11329
|
}
|
|
10735
|
-
function _templateObject$
|
|
10736
|
-
var data = _taggedTemplateLiteral(["\n position: absolute;\n gap: 1px;\n right: 5px;\n bottom: 4px;\n display: flex;\n flex-direction: column;\n"]);
|
|
10737
|
-
_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() {
|
|
10738
11333
|
return data;
|
|
10739
11334
|
};
|
|
10740
11335
|
return data;
|
|
10741
11336
|
}
|
|
10742
|
-
var StyledArrowContainer = styled__default.div(_templateObject$
|
|
10743
|
-
var StyledUpArrowContainer = styled__default.button(_templateObject2$
|
|
10744
|
-
var StyledUpBottomContainer = styled__default.button(_templateObject3$
|
|
10745
|
-
var StyledCounter = styled__default.div(_templateObject4$
|
|
10746
|
-
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);
|
|
10747
11342
|
}, function (props) {
|
|
10748
|
-
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);
|
|
10749
11344
|
});
|
|
10750
11345
|
|
|
10751
11346
|
var Counter = function Counter(_ref) {
|
|
@@ -10802,62 +11397,62 @@
|
|
|
10802
11397
|
});
|
|
10803
11398
|
};
|
|
10804
11399
|
|
|
10805
|
-
function _templateObject7$
|
|
11400
|
+
function _templateObject7$i() {
|
|
10806
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"]);
|
|
10807
|
-
_templateObject7$
|
|
11402
|
+
_templateObject7$i = function _templateObject7() {
|
|
10808
11403
|
return data;
|
|
10809
11404
|
};
|
|
10810
11405
|
return data;
|
|
10811
11406
|
}
|
|
10812
|
-
function _templateObject6$
|
|
10813
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n"]);
|
|
10814
|
-
_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() {
|
|
10815
11410
|
return data;
|
|
10816
11411
|
};
|
|
10817
11412
|
return data;
|
|
10818
11413
|
}
|
|
10819
|
-
function _templateObject5$
|
|
10820
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n line-height: 15px;\n font-weight: 500;\n margin-bottom: 16px;\n"]);
|
|
10821
|
-
_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() {
|
|
10822
11417
|
return data;
|
|
10823
11418
|
};
|
|
10824
11419
|
return data;
|
|
10825
11420
|
}
|
|
10826
|
-
function _templateObject4$
|
|
10827
|
-
var data = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n
|
|
10828
|
-
_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() {
|
|
10829
11424
|
return data;
|
|
10830
11425
|
};
|
|
10831
11426
|
return data;
|
|
10832
11427
|
}
|
|
10833
|
-
function _templateObject3$
|
|
10834
|
-
var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"]);
|
|
10835
|
-
_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() {
|
|
10836
11431
|
return data;
|
|
10837
11432
|
};
|
|
10838
11433
|
return data;
|
|
10839
11434
|
}
|
|
10840
|
-
function _templateObject2$
|
|
10841
|
-
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"]);
|
|
10842
|
-
_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() {
|
|
10843
11438
|
return data;
|
|
10844
11439
|
};
|
|
10845
11440
|
return data;
|
|
10846
11441
|
}
|
|
10847
|
-
function _templateObject$
|
|
11442
|
+
function _templateObject$q() {
|
|
10848
11443
|
var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 15px;\n"]);
|
|
10849
|
-
_templateObject$
|
|
11444
|
+
_templateObject$q = function _templateObject() {
|
|
10850
11445
|
return data;
|
|
10851
11446
|
};
|
|
10852
11447
|
return data;
|
|
10853
11448
|
}
|
|
10854
|
-
var StyledCardContainer = styled__default.div(_templateObject$
|
|
10855
|
-
var StyledCard = styled__default.div(_templateObject2$
|
|
10856
|
-
var StyledCardHeadingContainer = styled__default.div(_templateObject3$
|
|
10857
|
-
var StyledCardHeading = styled__default.h2(_templateObject4$
|
|
10858
|
-
var StyledSubHeading = styled__default.h3(_templateObject5$
|
|
10859
|
-
var StyledBodyContainer = styled__default.p(_templateObject6$
|
|
10860
|
-
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());
|
|
10861
11456
|
|
|
10862
11457
|
var Card = function Card(_ref) {
|
|
10863
11458
|
var children = _ref.children;
|
|
@@ -10868,112 +11463,112 @@
|
|
|
10868
11463
|
});
|
|
10869
11464
|
};
|
|
10870
11465
|
|
|
10871
|
-
function _templateObject13$
|
|
11466
|
+
function _templateObject13$7() {
|
|
10872
11467
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n position: absolute;\n width: 30%;\n left: 0%;\n height: 6px;\n border-radius: 4px;\n"]);
|
|
10873
|
-
_templateObject13$
|
|
11468
|
+
_templateObject13$7 = function _templateObject13() {
|
|
10874
11469
|
return data;
|
|
10875
11470
|
};
|
|
10876
11471
|
return data;
|
|
10877
11472
|
}
|
|
10878
|
-
function _templateObject12$
|
|
11473
|
+
function _templateObject12$a() {
|
|
10879
11474
|
var data = _taggedTemplateLiteral(["\n position: absolute;\n border-radius: 4px;\n height: 8px;\n background-color: ", ";\n z-index: 2;\n"]);
|
|
10880
|
-
_templateObject12$
|
|
11475
|
+
_templateObject12$a = function _templateObject12() {
|
|
10881
11476
|
return data;
|
|
10882
11477
|
};
|
|
10883
11478
|
return data;
|
|
10884
11479
|
}
|
|
10885
|
-
function _templateObject11$
|
|
11480
|
+
function _templateObject11$f() {
|
|
10886
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"]);
|
|
10887
|
-
_templateObject11$
|
|
11482
|
+
_templateObject11$f = function _templateObject11() {
|
|
10888
11483
|
return data;
|
|
10889
11484
|
};
|
|
10890
11485
|
return data;
|
|
10891
11486
|
}
|
|
10892
|
-
function _templateObject10$
|
|
11487
|
+
function _templateObject10$g() {
|
|
10893
11488
|
var data = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n"]);
|
|
10894
|
-
_templateObject10$
|
|
11489
|
+
_templateObject10$g = function _templateObject10() {
|
|
10895
11490
|
return data;
|
|
10896
11491
|
};
|
|
10897
11492
|
return data;
|
|
10898
11493
|
}
|
|
10899
|
-
function _templateObject9$
|
|
11494
|
+
function _templateObject9$h() {
|
|
10900
11495
|
var data = _taggedTemplateLiteral(["\n ", "\n\n z-index: 4;\n"]);
|
|
10901
|
-
_templateObject9$
|
|
11496
|
+
_templateObject9$h = function _templateObject9() {
|
|
10902
11497
|
return data;
|
|
10903
11498
|
};
|
|
10904
11499
|
return data;
|
|
10905
11500
|
}
|
|
10906
|
-
function _templateObject8$
|
|
11501
|
+
function _templateObject8$i() {
|
|
10907
11502
|
var data = _taggedTemplateLiteral(["\n ", "\n\n z-index: 3;\n"]);
|
|
10908
|
-
_templateObject8$
|
|
11503
|
+
_templateObject8$i = function _templateObject8() {
|
|
10909
11504
|
return data;
|
|
10910
11505
|
};
|
|
10911
11506
|
return data;
|
|
10912
11507
|
}
|
|
10913
|
-
function _templateObject7$
|
|
11508
|
+
function _templateObject7$j() {
|
|
10914
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"]);
|
|
10915
|
-
_templateObject7$
|
|
11510
|
+
_templateObject7$j = function _templateObject7() {
|
|
10916
11511
|
return data;
|
|
10917
11512
|
};
|
|
10918
11513
|
return data;
|
|
10919
11514
|
}
|
|
10920
|
-
function _templateObject6$
|
|
11515
|
+
function _templateObject6$l() {
|
|
10921
11516
|
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-weight: 400;\n font-size: 12px;\n line-height: 18px;\n margin-bottom: 10px;\n"]);
|
|
10922
|
-
_templateObject6$
|
|
11517
|
+
_templateObject6$l = function _templateObject6() {
|
|
10923
11518
|
return data;
|
|
10924
11519
|
};
|
|
10925
11520
|
return data;
|
|
10926
11521
|
}
|
|
10927
|
-
function _templateObject5$
|
|
11522
|
+
function _templateObject5$n() {
|
|
10928
11523
|
var data = _taggedTemplateLiteral(["\n position: relative;\n min-width: 200px;\n"]);
|
|
10929
|
-
_templateObject5$
|
|
11524
|
+
_templateObject5$n = function _templateObject5() {
|
|
10930
11525
|
return data;
|
|
10931
11526
|
};
|
|
10932
11527
|
return data;
|
|
10933
11528
|
}
|
|
10934
|
-
function _templateObject4$
|
|
11529
|
+
function _templateObject4$o() {
|
|
10935
11530
|
var data = _taggedTemplateLiteral(["\n width: 100%;\n display: flex;\n justify-content: space-between;\n"]);
|
|
10936
|
-
_templateObject4$
|
|
11531
|
+
_templateObject4$o = function _templateObject4() {
|
|
10937
11532
|
return data;
|
|
10938
11533
|
};
|
|
10939
11534
|
return data;
|
|
10940
11535
|
}
|
|
10941
|
-
function _templateObject3$
|
|
11536
|
+
function _templateObject3$p() {
|
|
10942
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 "]);
|
|
10943
|
-
_templateObject3$
|
|
11538
|
+
_templateObject3$p = function _templateObject3() {
|
|
10944
11539
|
return data;
|
|
10945
11540
|
};
|
|
10946
11541
|
return data;
|
|
10947
11542
|
}
|
|
10948
|
-
function _templateObject2$
|
|
11543
|
+
function _templateObject2$p() {
|
|
10949
11544
|
var data = _taggedTemplateLiteral(["\n margin-top: 10px;\n flex-direction: column;\n "]);
|
|
10950
|
-
_templateObject2$
|
|
11545
|
+
_templateObject2$p = function _templateObject2() {
|
|
10951
11546
|
return data;
|
|
10952
11547
|
};
|
|
10953
11548
|
return data;
|
|
10954
11549
|
}
|
|
10955
|
-
function _templateObject$
|
|
11550
|
+
function _templateObject$r() {
|
|
10956
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"]);
|
|
10957
|
-
_templateObject$
|
|
11552
|
+
_templateObject$r = function _templateObject() {
|
|
10958
11553
|
return data;
|
|
10959
11554
|
};
|
|
10960
11555
|
return data;
|
|
10961
11556
|
}
|
|
10962
|
-
var StyledMainContainer = styled__default.div(_templateObject$
|
|
10963
|
-
return props.isRangeSelector && styled.css(_templateObject2$
|
|
11557
|
+
var StyledMainContainer = styled__default.div(_templateObject$r(), function (props) {
|
|
11558
|
+
return props.isRangeSelector && styled.css(_templateObject2$p());
|
|
10964
11559
|
}, StyledInputBox, function (props) {
|
|
10965
|
-
return props.disabled && styled.css(_templateObject3$
|
|
11560
|
+
return props.disabled && styled.css(_templateObject3$p(), StyledSliderRange, DefaultColorButton, StyledInputBox, DisabledTextareaBg, FocusDisableBorderColor, DisabledButtonFontColor);
|
|
10966
11561
|
});
|
|
10967
|
-
var StyledInputContainer$1 = styled__default.div(_templateObject4$
|
|
10968
|
-
var StyledSliderContainer = styled__default.div(_templateObject5$
|
|
10969
|
-
var StyledSliderLabel = styled__default.label(_templateObject6$
|
|
10970
|
-
var StyledSliderThumb = styled.css(_templateObject7$
|
|
10971
|
-
var StyledSliderLeft = styled__default.input(_templateObject8$
|
|
10972
|
-
var StyledSliderRight = styled__default.input(_templateObject9$
|
|
10973
|
-
var StyledSlider = styled__default.div(_templateObject10$
|
|
10974
|
-
var StyledSliderTrack = styled__default.div(_templateObject11$
|
|
10975
|
-
var StyledSliderRange = styled__default.div(_templateObject12$
|
|
10976
|
-
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);
|
|
10977
11572
|
|
|
10978
11573
|
var Slider = function Slider(_ref) {
|
|
10979
11574
|
var min = _ref.min,
|
|
@@ -11114,236 +11709,107 @@
|
|
|
11114
11709
|
});
|
|
11115
11710
|
};
|
|
11116
11711
|
|
|
11117
|
-
function
|
|
11118
|
-
var data = _taggedTemplateLiteral(["\n
|
|
11119
|
-
|
|
11120
|
-
return data;
|
|
11121
|
-
};
|
|
11122
|
-
return data;
|
|
11123
|
-
}
|
|
11124
|
-
function _templateObject11$c() {
|
|
11125
|
-
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n "]);
|
|
11126
|
-
_templateObject11$c = function _templateObject11() {
|
|
11127
|
-
return data;
|
|
11128
|
-
};
|
|
11129
|
-
return data;
|
|
11130
|
-
}
|
|
11131
|
-
function _templateObject10$e() {
|
|
11132
|
-
var data = _taggedTemplateLiteral(["\n font-size: 12px;\n "]);
|
|
11133
|
-
_templateObject10$e = function _templateObject10() {
|
|
11134
|
-
return data;
|
|
11135
|
-
};
|
|
11136
|
-
return data;
|
|
11137
|
-
}
|
|
11138
|
-
function _templateObject9$f() {
|
|
11139
|
-
var data = _taggedTemplateLiteral(["\n display: none;\n "]);
|
|
11140
|
-
_templateObject9$f = function _templateObject9() {
|
|
11141
|
-
return data;
|
|
11142
|
-
};
|
|
11143
|
-
return data;
|
|
11144
|
-
}
|
|
11145
|
-
function _templateObject8$h() {
|
|
11146
|
-
var data = _taggedTemplateLiteral(["\n width: 24px;\n height: 24px;\n "]);
|
|
11147
|
-
_templateObject8$h = function _templateObject8() {
|
|
11148
|
-
return data;
|
|
11149
|
-
};
|
|
11150
|
-
return data;
|
|
11151
|
-
}
|
|
11152
|
-
function _templateObject7$i() {
|
|
11153
|
-
var data = _taggedTemplateLiteral(["\n width: 72px;\n height: 72px;\n "]);
|
|
11154
|
-
_templateObject7$i = function _templateObject7() {
|
|
11155
|
-
return data;
|
|
11156
|
-
};
|
|
11157
|
-
return data;
|
|
11158
|
-
}
|
|
11159
|
-
function _templateObject6$k() {
|
|
11160
|
-
var data = _taggedTemplateLiteral(["\n width: 48px;\n height: 48px;\n "]);
|
|
11161
|
-
_templateObject6$k = function _templateObject6() {
|
|
11162
|
-
return data;
|
|
11163
|
-
};
|
|
11164
|
-
return data;
|
|
11165
|
-
}
|
|
11166
|
-
function _templateObject5$m() {
|
|
11167
|
-
var data = _taggedTemplateLiteral(["\n width: 36px;\n height: 36px;\n "]);
|
|
11168
|
-
_templateObject5$m = function _templateObject5() {
|
|
11169
|
-
return data;
|
|
11170
|
-
};
|
|
11171
|
-
return data;
|
|
11172
|
-
}
|
|
11173
|
-
function _templateObject4$n() {
|
|
11174
|
-
var data = _taggedTemplateLiteral(["\n position: relative;\n min-width: 80px;\n\n ", " {\n ", "\n }\n\n ", " {\n ", "\n }\n"]);
|
|
11175
|
-
_templateObject4$n = function _templateObject4() {
|
|
11176
|
-
return data;
|
|
11177
|
-
};
|
|
11178
|
-
return data;
|
|
11179
|
-
}
|
|
11180
|
-
function _templateObject3$o() {
|
|
11181
|
-
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"]);
|
|
11182
|
-
_templateObject3$o = function _templateObject3() {
|
|
11183
|
-
return data;
|
|
11184
|
-
};
|
|
11185
|
-
return data;
|
|
11186
|
-
}
|
|
11187
|
-
function _templateObject2$o() {
|
|
11188
|
-
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"]);
|
|
11189
|
-
_templateObject2$o = function _templateObject2() {
|
|
11190
|
-
return data;
|
|
11191
|
-
};
|
|
11192
|
-
return data;
|
|
11193
|
-
}
|
|
11194
|
-
function _templateObject$q() {
|
|
11195
|
-
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"]);
|
|
11196
|
-
_templateObject$q = function _templateObject() {
|
|
11197
|
-
return data;
|
|
11198
|
-
};
|
|
11199
|
-
return data;
|
|
11200
|
-
}
|
|
11201
|
-
var SpinnerPercentage = styled__default.span(_templateObject$q());
|
|
11202
|
-
var StyledSpinnerText = styled__default.div(_templateObject2$o());
|
|
11203
|
-
var StyledSpinner = styled__default.div(_templateObject3$o(), PrimaryBlueColor);
|
|
11204
|
-
var StyledSpinnerMainContainer = styled__default.div(_templateObject4$n(), StyledSpinner, function (props) {
|
|
11205
|
-
switch (props.size) {
|
|
11206
|
-
case "small":
|
|
11207
|
-
return styled.css(_templateObject5$m());
|
|
11208
|
-
case "medium":
|
|
11209
|
-
return styled.css(_templateObject6$k());
|
|
11210
|
-
case "large":
|
|
11211
|
-
return styled.css(_templateObject7$i());
|
|
11212
|
-
case "xs":
|
|
11213
|
-
return styled.css(_templateObject8$h());
|
|
11214
|
-
}
|
|
11215
|
-
}, SpinnerPercentage, function (props) {
|
|
11216
|
-
switch (props.size) {
|
|
11217
|
-
case "small":
|
|
11218
|
-
return styled.css(_templateObject9$f());
|
|
11219
|
-
case "medium":
|
|
11220
|
-
return styled.css(_templateObject10$e());
|
|
11221
|
-
case "large":
|
|
11222
|
-
return styled.css(_templateObject11$c());
|
|
11223
|
-
case "xs":
|
|
11224
|
-
return styled.css(_templateObject12$8());
|
|
11225
|
-
}
|
|
11226
|
-
});
|
|
11227
|
-
|
|
11228
|
-
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; }
|
|
11229
|
-
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; }
|
|
11230
|
-
var Spinner = function Spinner(_ref) {
|
|
11231
|
-
var size = _ref.size,
|
|
11232
|
-
progress = _ref.progress,
|
|
11233
|
-
showLoadingText = _ref.showLoadingText,
|
|
11234
|
-
props = _objectWithoutProperties(_ref, ["size", "progress", "showLoadingText"]);
|
|
11235
|
-
return /*#__PURE__*/jsxRuntime.jsxs(StyledSpinnerMainContainer, _objectSpread$h(_objectSpread$h({
|
|
11236
|
-
size: size
|
|
11237
|
-
}, props), {}, {
|
|
11238
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(StyledSpinner, {}), progress && /*#__PURE__*/jsxRuntime.jsxs(SpinnerPercentage, {
|
|
11239
|
-
children: [progress, "%"]
|
|
11240
|
-
}), showLoadingText && /*#__PURE__*/jsxRuntime.jsx(StyledSpinnerText, {
|
|
11241
|
-
children: "Loading..."
|
|
11242
|
-
})]
|
|
11243
|
-
}));
|
|
11244
|
-
};
|
|
11245
|
-
|
|
11246
|
-
function _templateObject11$d() {
|
|
11247
|
-
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 "]);
|
|
11248
|
-
_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() {
|
|
11249
11715
|
return data;
|
|
11250
11716
|
};
|
|
11251
11717
|
return data;
|
|
11252
11718
|
}
|
|
11253
|
-
function _templateObject10$
|
|
11254
|
-
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:
|
|
11255
|
-
_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() {
|
|
11256
11722
|
return data;
|
|
11257
11723
|
};
|
|
11258
11724
|
return data;
|
|
11259
11725
|
}
|
|
11260
|
-
function _templateObject9$
|
|
11261
|
-
var data = _taggedTemplateLiteral(["\n ", " {\n background: url(", ") no-repeat;\n background-size: 183px;\n }\n "]);
|
|
11262
|
-
_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() {
|
|
11263
11729
|
return data;
|
|
11264
11730
|
};
|
|
11265
11731
|
return data;
|
|
11266
11732
|
}
|
|
11267
|
-
function _templateObject8$
|
|
11268
|
-
var data = _taggedTemplateLiteral(["\n ", " {\n background: url(", ") no-repeat;\n background-size: 183px;\n }\n "]);
|
|
11269
|
-
_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() {
|
|
11270
11736
|
return data;
|
|
11271
11737
|
};
|
|
11272
11738
|
return data;
|
|
11273
11739
|
}
|
|
11274
|
-
function _templateObject7$
|
|
11275
|
-
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"]);
|
|
11276
|
-
_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() {
|
|
11277
11743
|
return data;
|
|
11278
11744
|
};
|
|
11279
11745
|
return data;
|
|
11280
11746
|
}
|
|
11281
|
-
function _templateObject6$
|
|
11282
|
-
var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n gap: 16px;\n margin-top: 24px;\n"]);
|
|
11283
|
-
_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() {
|
|
11284
11750
|
return data;
|
|
11285
11751
|
};
|
|
11286
11752
|
return data;
|
|
11287
11753
|
}
|
|
11288
|
-
function _templateObject5$
|
|
11289
|
-
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 16px;\n line-height: 24px;\n margin-top: 12px;\n text-align: center;\n"]);
|
|
11290
|
-
_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() {
|
|
11291
11757
|
return data;
|
|
11292
11758
|
};
|
|
11293
11759
|
return data;
|
|
11294
11760
|
}
|
|
11295
|
-
function _templateObject4$
|
|
11296
|
-
var data = _taggedTemplateLiteral(["\n margin-top: 30px;\n padding: 0 15px;\n"]);
|
|
11297
|
-
_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() {
|
|
11298
11764
|
return data;
|
|
11299
11765
|
};
|
|
11300
11766
|
return data;
|
|
11301
11767
|
}
|
|
11302
|
-
function _templateObject3$
|
|
11303
|
-
var data = _taggedTemplateLiteral(["\n font-weight: 500;\n line-height: 30px;\n text-align: center;\n"]);
|
|
11304
|
-
_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() {
|
|
11305
11771
|
return data;
|
|
11306
11772
|
};
|
|
11307
11773
|
return data;
|
|
11308
11774
|
}
|
|
11309
|
-
function _templateObject2$
|
|
11310
|
-
var data = _taggedTemplateLiteral(["\n width: 194px;\n height: 194px;\n margin: auto;\n margin-top: 80px;\n"]);
|
|
11311
|
-
_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() {
|
|
11312
11778
|
return data;
|
|
11313
11779
|
};
|
|
11314
11780
|
return data;
|
|
11315
11781
|
}
|
|
11316
|
-
function _templateObject$
|
|
11782
|
+
function _templateObject$s() {
|
|
11317
11783
|
var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n flex-direction: column;\n"]);
|
|
11318
|
-
_templateObject$
|
|
11784
|
+
_templateObject$s = function _templateObject() {
|
|
11319
11785
|
return data;
|
|
11320
11786
|
};
|
|
11321
11787
|
return data;
|
|
11322
11788
|
}
|
|
11323
|
-
var StyledImageContentContainer = styled__default.div(_templateObject$
|
|
11324
|
-
var StyledImageContainer = styled__default.div(_templateObject2$
|
|
11325
|
-
var StyledStateHeading = styled__default.h2(_templateObject3$
|
|
11326
|
-
var StyledContentContainer = styled__default.div(_templateObject4$
|
|
11327
|
-
var StyledInfoText = styled__default.div(_templateObject5$
|
|
11328
|
-
var StyledCTAContainer = styled__default.div(_templateObject6$
|
|
11329
|
-
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) {
|
|
11330
11796
|
switch (props.variant) {
|
|
11331
11797
|
case "noPlan":
|
|
11332
|
-
return styled.css(_templateObject8$
|
|
11798
|
+
return styled.css(_templateObject8$j(), StyledImageContainer, emptyStateIcon);
|
|
11333
11799
|
case "permission":
|
|
11334
|
-
return styled.css(_templateObject9$
|
|
11800
|
+
return styled.css(_templateObject9$i(), StyledImageContainer, permissionIcon);
|
|
11335
11801
|
}
|
|
11336
11802
|
}, function (props) {
|
|
11337
11803
|
switch (props.layout) {
|
|
11338
11804
|
case "vertical":
|
|
11339
|
-
return styled.css(_templateObject10$
|
|
11805
|
+
return styled.css(_templateObject10$h(), StyledImageContainer, emptyStateIcon, StyledImageContentContainer, StyledContentContainer, StyledStateHeading, StyledInfoText);
|
|
11340
11806
|
}
|
|
11341
11807
|
}, function (props) {
|
|
11342
|
-
return props.hideImage && styled.css(_templateObject11$
|
|
11808
|
+
return props.hideImage && styled.css(_templateObject11$g(), StyledImageContainer, StyledContentContainer);
|
|
11343
11809
|
});
|
|
11344
11810
|
|
|
11345
|
-
function ownKeys$
|
|
11346
|
-
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; }
|
|
11347
11813
|
var EmptyState = function EmptyState(_ref) {
|
|
11348
11814
|
var heading = _ref.heading,
|
|
11349
11815
|
info = _ref.info,
|
|
@@ -11354,7 +11820,7 @@
|
|
|
11354
11820
|
primaryButtonProps = _ref.primaryButtonProps,
|
|
11355
11821
|
secondaryButtonProps = _ref.secondaryButtonProps,
|
|
11356
11822
|
props = _objectWithoutProperties(_ref, ["heading", "info", "variant", "layout", "hideImage", "hideButtons", "primaryButtonProps", "secondaryButtonProps"]);
|
|
11357
|
-
return /*#__PURE__*/jsxRuntime.jsx(StyledEmptyState, _objectSpread$
|
|
11823
|
+
return /*#__PURE__*/jsxRuntime.jsx(StyledEmptyState, _objectSpread$k(_objectSpread$k({
|
|
11358
11824
|
variant: variant,
|
|
11359
11825
|
layout: layout,
|
|
11360
11826
|
hideImage: hideImage
|
|
@@ -11366,9 +11832,9 @@
|
|
|
11366
11832
|
}), /*#__PURE__*/jsxRuntime.jsx(StyledInfoText, {
|
|
11367
11833
|
children: info
|
|
11368
11834
|
}), !hideButtons && /*#__PURE__*/jsxRuntime.jsxs(StyledCTAContainer, {
|
|
11369
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
11835
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$k({
|
|
11370
11836
|
variant: "primary"
|
|
11371
|
-
}, primaryButtonProps)), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
11837
|
+
}, primaryButtonProps)), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$k({
|
|
11372
11838
|
variant: "secondary"
|
|
11373
11839
|
}, secondaryButtonProps))]
|
|
11374
11840
|
})]
|
|
@@ -11454,9 +11920,9 @@
|
|
|
11454
11920
|
};
|
|
11455
11921
|
return data;
|
|
11456
11922
|
}
|
|
11457
|
-
function _templateObject16$
|
|
11923
|
+
function _templateObject16$5() {
|
|
11458
11924
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n "]);
|
|
11459
|
-
_templateObject16$
|
|
11925
|
+
_templateObject16$5 = function _templateObject16() {
|
|
11460
11926
|
return data;
|
|
11461
11927
|
};
|
|
11462
11928
|
return data;
|
|
@@ -11468,134 +11934,134 @@
|
|
|
11468
11934
|
};
|
|
11469
11935
|
return data;
|
|
11470
11936
|
}
|
|
11471
|
-
function _templateObject14$
|
|
11937
|
+
function _templateObject14$7() {
|
|
11472
11938
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n "]);
|
|
11473
|
-
_templateObject14$
|
|
11939
|
+
_templateObject14$7 = function _templateObject14() {
|
|
11474
11940
|
return data;
|
|
11475
11941
|
};
|
|
11476
11942
|
return data;
|
|
11477
11943
|
}
|
|
11478
|
-
function _templateObject13$
|
|
11944
|
+
function _templateObject13$8() {
|
|
11479
11945
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n ", "\n\n ", "\n\n ", "\n ", "\n "]);
|
|
11480
|
-
_templateObject13$
|
|
11946
|
+
_templateObject13$8 = function _templateObject13() {
|
|
11481
11947
|
return data;
|
|
11482
11948
|
};
|
|
11483
11949
|
return data;
|
|
11484
11950
|
}
|
|
11485
|
-
function _templateObject12$
|
|
11951
|
+
function _templateObject12$b() {
|
|
11486
11952
|
var data = _taggedTemplateLiteral(["\n border-radius: 17px;\n padding: 2px 12px;\n height: 22px;\n "]);
|
|
11487
|
-
_templateObject12$
|
|
11953
|
+
_templateObject12$b = function _templateObject12() {
|
|
11488
11954
|
return data;
|
|
11489
11955
|
};
|
|
11490
11956
|
return data;
|
|
11491
11957
|
}
|
|
11492
|
-
function _templateObject11$
|
|
11958
|
+
function _templateObject11$h() {
|
|
11493
11959
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n "]);
|
|
11494
|
-
_templateObject11$
|
|
11960
|
+
_templateObject11$h = function _templateObject11() {
|
|
11495
11961
|
return data;
|
|
11496
11962
|
};
|
|
11497
11963
|
return data;
|
|
11498
11964
|
}
|
|
11499
|
-
function _templateObject10$
|
|
11965
|
+
function _templateObject10$i() {
|
|
11500
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 "]);
|
|
11501
|
-
_templateObject10$
|
|
11967
|
+
_templateObject10$i = function _templateObject10() {
|
|
11502
11968
|
return data;
|
|
11503
11969
|
};
|
|
11504
11970
|
return data;
|
|
11505
11971
|
}
|
|
11506
|
-
function _templateObject9$
|
|
11972
|
+
function _templateObject9$j() {
|
|
11507
11973
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n "]);
|
|
11508
|
-
_templateObject9$
|
|
11974
|
+
_templateObject9$j = function _templateObject9() {
|
|
11509
11975
|
return data;
|
|
11510
11976
|
};
|
|
11511
11977
|
return data;
|
|
11512
11978
|
}
|
|
11513
|
-
function _templateObject8$
|
|
11979
|
+
function _templateObject8$k() {
|
|
11514
11980
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n ", "\n\n ", "\n\n ", "\n ", "\n "]);
|
|
11515
|
-
_templateObject8$
|
|
11981
|
+
_templateObject8$k = function _templateObject8() {
|
|
11516
11982
|
return data;
|
|
11517
11983
|
};
|
|
11518
11984
|
return data;
|
|
11519
11985
|
}
|
|
11520
|
-
function _templateObject7$
|
|
11986
|
+
function _templateObject7$l() {
|
|
11521
11987
|
var data = _taggedTemplateLiteral(["\n border-radius: 17px;\n padding: 2px 12px;\n height: 22px;\n "]);
|
|
11522
|
-
_templateObject7$
|
|
11988
|
+
_templateObject7$l = function _templateObject7() {
|
|
11523
11989
|
return data;
|
|
11524
11990
|
};
|
|
11525
11991
|
return data;
|
|
11526
11992
|
}
|
|
11527
|
-
function _templateObject6$
|
|
11993
|
+
function _templateObject6$n() {
|
|
11528
11994
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n "]);
|
|
11529
|
-
_templateObject6$
|
|
11995
|
+
_templateObject6$n = function _templateObject6() {
|
|
11530
11996
|
return data;
|
|
11531
11997
|
};
|
|
11532
11998
|
return data;
|
|
11533
11999
|
}
|
|
11534
|
-
function _templateObject5$
|
|
12000
|
+
function _templateObject5$p() {
|
|
11535
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 "]);
|
|
11536
|
-
_templateObject5$
|
|
12002
|
+
_templateObject5$p = function _templateObject5() {
|
|
11537
12003
|
return data;
|
|
11538
12004
|
};
|
|
11539
12005
|
return data;
|
|
11540
12006
|
}
|
|
11541
|
-
function _templateObject4$
|
|
12007
|
+
function _templateObject4$q() {
|
|
11542
12008
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n "]);
|
|
11543
|
-
_templateObject4$
|
|
12009
|
+
_templateObject4$q = function _templateObject4() {
|
|
11544
12010
|
return data;
|
|
11545
12011
|
};
|
|
11546
12012
|
return data;
|
|
11547
12013
|
}
|
|
11548
|
-
function _templateObject3$
|
|
12014
|
+
function _templateObject3$r() {
|
|
11549
12015
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n ", "\n\n ", "\n\n ", "\n ", "\n "]);
|
|
11550
|
-
_templateObject3$
|
|
12016
|
+
_templateObject3$r = function _templateObject3() {
|
|
11551
12017
|
return data;
|
|
11552
12018
|
};
|
|
11553
12019
|
return data;
|
|
11554
12020
|
}
|
|
11555
|
-
function _templateObject2$
|
|
12021
|
+
function _templateObject2$r() {
|
|
11556
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"]);
|
|
11557
|
-
_templateObject2$
|
|
12023
|
+
_templateObject2$r = function _templateObject2() {
|
|
11558
12024
|
return data;
|
|
11559
12025
|
};
|
|
11560
12026
|
return data;
|
|
11561
12027
|
}
|
|
11562
|
-
function _templateObject$
|
|
12028
|
+
function _templateObject$t() {
|
|
11563
12029
|
var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 12px;\n\n &:hover {\n cursor: pointer;\n }\n"]);
|
|
11564
|
-
_templateObject$
|
|
12030
|
+
_templateObject$t = function _templateObject() {
|
|
11565
12031
|
return data;
|
|
11566
12032
|
};
|
|
11567
12033
|
return data;
|
|
11568
12034
|
}
|
|
11569
|
-
var StyledBadgeContainer = styled__default.div(_templateObject$
|
|
11570
|
-
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) {
|
|
11571
12037
|
switch (props.variant) {
|
|
11572
12038
|
case "default":
|
|
11573
|
-
return styled.css(_templateObject3$
|
|
11574
|
-
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);
|
|
11575
12041
|
}, function (props) {
|
|
11576
|
-
return props.outlineDot && styled.css(_templateObject5$
|
|
12042
|
+
return props.outlineDot && styled.css(_templateObject5$p(), WhiteColor, LabelColor, LabelColor, LabelColor);
|
|
11577
12043
|
}, function (props) {
|
|
11578
|
-
return props.secondary && styled.css(_templateObject6$
|
|
12044
|
+
return props.secondary && styled.css(_templateObject6$n(), LightBgColorButton, LabelColor, LabelColor);
|
|
11579
12045
|
}, function (props) {
|
|
11580
|
-
return props.rounded && styled.css(_templateObject7$
|
|
12046
|
+
return props.rounded && styled.css(_templateObject7$l());
|
|
11581
12047
|
});
|
|
11582
12048
|
case "success":
|
|
11583
|
-
return styled.css(_templateObject8$
|
|
11584
|
-
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);
|
|
11585
12051
|
}, function (props) {
|
|
11586
|
-
return props.outlineDot && styled.css(_templateObject10$
|
|
12052
|
+
return props.outlineDot && styled.css(_templateObject10$i(), WhiteColor, AlertGreenSuccessStroke, AlertGreenSuccessStroke, AlertGreenSuccessStroke);
|
|
11587
12053
|
}, function (props) {
|
|
11588
|
-
return props.secondary && styled.css(_templateObject11$
|
|
12054
|
+
return props.secondary && styled.css(_templateObject11$h(), AlertGreenSuccessBackground, AlertGreenSuccessStroke, AlertGreenSuccessStroke);
|
|
11589
12055
|
}, function (props) {
|
|
11590
|
-
return props.rounded && styled.css(_templateObject12$
|
|
12056
|
+
return props.rounded && styled.css(_templateObject12$b());
|
|
11591
12057
|
});
|
|
11592
12058
|
case "error":
|
|
11593
|
-
return styled.css(_templateObject13$
|
|
11594
|
-
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);
|
|
11595
12061
|
}, function (props) {
|
|
11596
12062
|
return props.outlineDot && styled.css(_templateObject15$5(), WhiteColor, AlertRedErrorStroke, AlertRedErrorStroke, AlertRedErrorStroke);
|
|
11597
12063
|
}, function (props) {
|
|
11598
|
-
return props.secondary && styled.css(_templateObject16$
|
|
12064
|
+
return props.secondary && styled.css(_templateObject16$5(), AlertRedErrorBackground, AlertRedErrorStroke, AlertRedErrorStroke);
|
|
11599
12065
|
}, function (props) {
|
|
11600
12066
|
return props.rounded && styled.css(_templateObject17$4());
|
|
11601
12067
|
});
|
|
@@ -11647,6 +12113,49 @@
|
|
|
11647
12113
|
});
|
|
11648
12114
|
};
|
|
11649
12115
|
|
|
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() {
|
|
12132
|
+
var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 5px;\n\n flex-direction: column;\n"]);
|
|
12133
|
+
_templateObject$v = function _templateObject() {
|
|
12134
|
+
return data;
|
|
12135
|
+
};
|
|
12136
|
+
return data;
|
|
12137
|
+
}
|
|
12138
|
+
var StyledRadioGroup = styled__default.div(_templateObject$v());
|
|
12139
|
+
|
|
12140
|
+
var RadioGroup = function RadioGroup(_ref) {
|
|
12141
|
+
var children = _ref.children,
|
|
12142
|
+
value = _ref.value,
|
|
12143
|
+
name = _ref.name,
|
|
12144
|
+
_onChange = _ref.onChange;
|
|
12145
|
+
return /*#__PURE__*/jsxRuntime.jsx(StyledRadioGroup, {
|
|
12146
|
+
children: children.map(function (child) {
|
|
12147
|
+
var radioValue = child.props.value;
|
|
12148
|
+
return /*#__PURE__*/React__default.cloneElement(child, {
|
|
12149
|
+
onChange: function onChange(event) {
|
|
12150
|
+
return _onChange(event.target.value);
|
|
12151
|
+
},
|
|
12152
|
+
checked: radioValue === value,
|
|
12153
|
+
name: name
|
|
12154
|
+
});
|
|
12155
|
+
})
|
|
12156
|
+
});
|
|
12157
|
+
};
|
|
12158
|
+
|
|
11650
12159
|
exports.Accordion = Accordion;
|
|
11651
12160
|
exports.Alerts = Alerts;
|
|
11652
12161
|
exports.Avatar = Avatar;
|
|
@@ -11662,11 +12171,13 @@
|
|
|
11662
12171
|
exports.EmptyState = EmptyState;
|
|
11663
12172
|
exports.FileSelector = FileSelector;
|
|
11664
12173
|
exports.Input = Input;
|
|
12174
|
+
exports.Menu = Menu;
|
|
11665
12175
|
exports.Modal = Modal;
|
|
11666
12176
|
exports.Panel = Panel;
|
|
11667
12177
|
exports.ProgressBar = ProgressBar;
|
|
11668
12178
|
exports.Prompt = Prompt;
|
|
11669
12179
|
exports.Radio = Radio;
|
|
12180
|
+
exports.RadioGroup = RadioGroup;
|
|
11670
12181
|
exports.Select = Select;
|
|
11671
12182
|
exports.Slider = Slider;
|
|
11672
12183
|
exports.Spinner = Spinner;
|