impact-ui 0.1.38 → 0.1.40
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 +1035 -809
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('styled-components'), require('react-router-dom'), require('react-select'), require('react-dom'), require('react-dates'), require('ag-grid-
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['exports', 'react', 'styled-components', 'react-router-dom', 'react-select', 'react-dom', 'react-dates', 'ag-grid-
|
|
4
|
-
(global = global || self, factory(global.ImpactUI = {}, global.React, global.styled, global.reactRouterDom, global.Select, global.ReactDOM, global.reactDates, global.
|
|
5
|
-
}(this, (function (exports, React, styled, reactRouterDom, Select$1, ReactDOM, reactDates,
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('styled-components'), require('react-router-dom'), require('react-select'), require('react-dom'), require('react-dates'), require('ag-grid-enterprise'), require('ag-grid-react')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['exports', 'react', 'styled-components', 'react-router-dom', 'react-select', 'react-dom', 'react-dates', 'ag-grid-enterprise', 'ag-grid-react'], factory) :
|
|
4
|
+
(global = global || self, factory(global.ImpactUI = {}, global.React, global.styled, global.reactRouterDom, global.Select, global.ReactDOM, global.reactDates, global.agGridEnterprise, global.agGridReact));
|
|
5
|
+
}(this, (function (exports, React, styled, reactRouterDom, Select$1, ReactDOM, reactDates, agGridEnterprise, agGridReact) { 'use strict';
|
|
6
6
|
|
|
7
7
|
var React__default = 'default' in React ? React['default'] : React;
|
|
8
8
|
var styled__default = 'default' in styled ? styled['default'] : styled;
|
|
@@ -154,8 +154,16 @@
|
|
|
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 menuExtended = "data:image/svg+xml,%3Csvg%20width%3D%224%22%20height%3D%2212%22%20viewBox%3D%220%200%204%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.4%205.95C3.4%206.40089%203.22089%206.8333%202.90205%207.15205C2.5833%207.47089%202.15089%207.65%201.7%207.65C1.24911%207.65%200.816704%207.47089%200.497954%207.15205C0.179107%206.8333%200%206.40089%200%205.95C0%205.49911%200.179107%205.0667%200.497954%204.74795C0.816704%204.42911%201.24911%204.25%201.7%204.25C2.15089%204.25%202.5833%204.42911%202.90205%204.74795C3.22089%205.0667%203.4%205.49911%203.4%205.95ZM1.7%200C1.24911%200%200.816704%200.179107%200.497954%200.497954C0.179107%200.816704%200%201.24911%200%201.7C0%202.15089%200.179107%202.5833%200.497954%202.90205C0.816704%203.22089%201.24911%203.4%201.7%203.4C2.15089%203.4%202.5833%203.22089%202.90205%202.90205C3.22089%202.5833%203.4%202.15089%203.4%201.7C3.4%201.24911%203.22089%200.816704%202.90205%200.497954C2.5833%200.179107%202.15089%200%201.7%200ZM1.7%208.5C1.24911%208.5%200.816704%208.67911%200.497954%208.99796C0.179107%209.31671%200%209.74911%200%2010.2C0%2010.6509%200.179107%2011.0833%200.497954%2011.402C0.816704%2011.7209%201.24911%2011.9%201.7%2011.9C2.15089%2011.9%202.5833%2011.7209%202.90205%2011.402C3.22089%2011.0833%203.4%2010.6509%203.4%2010.2C3.4%209.74911%203.22089%209.31671%202.90205%208.99796C2.5833%208.67911%202.15089%208.5%201.7%208.5Z%22%20fill%3D%22%23394960%22%2F%3E%3C%2Fsvg%3E";
|
|
158
|
+
|
|
157
159
|
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
160
|
|
|
161
|
+
var agGridSearch = "data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.9167%209.66667H10.2583L10.025%209.44167C10.8417%208.49167%2011.3333%207.25833%2011.3333%205.91667C11.3333%202.925%208.90833%200.5%205.91667%200.5C2.925%200.5%200.5%202.925%200.5%205.91667C0.5%208.90833%202.925%2011.3333%205.91667%2011.3333C7.25833%2011.3333%208.49167%2010.8417%209.44167%2010.025L9.66667%2010.2583V10.9167L13.8333%2015.075L15.075%2013.8333L10.9167%209.66667ZM5.91667%209.66667C3.84167%209.66667%202.16667%207.99167%202.16667%205.91667C2.16667%203.84167%203.84167%202.16667%205.91667%202.16667C7.99167%202.16667%209.66667%203.84167%209.66667%205.91667C9.66667%207.99167%207.99167%209.66667%205.91667%209.66667Z%22%20fill%3D%22%23394960%22%2F%3E%3C%2Fsvg%3E";
|
|
162
|
+
|
|
163
|
+
var agGridSetting = "data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.71443%205.49C8.73443%205.33%208.74943%205.17%208.74943%205C8.74943%204.83%208.73443%204.67%208.71443%204.51L9.76943%203.685C9.86443%203.61%209.88943%203.475%209.82943%203.365L8.82943%201.635C8.78443%201.555%208.69943%201.51%208.60943%201.51C8.57943%201.51%208.54943%201.515%208.52443%201.525L7.27943%202.025C7.01943%201.825%206.73943%201.66%206.43443%201.535L6.24443%200.21C6.22943%200.09%206.12443%200%205.99943%200L3.99943%200C3.87443%200%203.76943%200.09%203.75443%200.21L3.56443%201.535C3.25943%201.66%202.97943%201.83%202.71943%202.025L1.47443%201.525C1.44443%201.515%201.41443%201.51%201.38443%201.51C1.29943%201.51%201.21443%201.555%201.16943%201.635L0.169431%203.365C0.104431%203.475%200.134431%203.61%200.229431%203.685L1.28443%204.51C1.26443%204.67%201.24943%204.835%201.24943%205C1.24943%205.165%201.26443%205.33%201.28443%205.49L0.229431%206.315C0.134431%206.39%200.109431%206.525%200.169431%206.635L1.16943%208.365C1.21443%208.445%201.29943%208.49%201.38943%208.49C1.41943%208.49%201.44943%208.485%201.47443%208.475L2.71943%207.975C2.97943%208.175%203.25943%208.34%203.56443%208.465L3.75443%209.79C3.76943%209.91%203.87443%2010%203.99943%2010L5.99943%2010C6.12443%2010%206.22943%209.91%206.24443%209.79L6.43443%208.465C6.73943%208.34%207.01943%208.17%207.27943%207.975L8.52443%208.475C8.55443%208.485%208.58443%208.49%208.61443%208.49C8.69943%208.49%208.78443%208.445%208.82943%208.365L9.82943%206.635C9.88943%206.525%209.86443%206.39%209.76943%206.315L8.71443%205.49ZM7.72443%204.635C7.74443%204.79%207.74943%204.895%207.74943%205C7.74943%205.105%207.73943%205.215%207.72443%205.365L7.65443%205.93L8.09943%206.28L8.63943%206.7L8.28943%207.305L7.65443%207.05L7.13443%206.84L6.68443%207.18C6.46943%207.34%206.26443%207.46%206.05943%207.545L5.52943%207.76L5.44943%208.325L5.34943%209L4.64943%209L4.55443%208.325L4.47443%207.76L3.94443%207.545C3.72943%207.455%203.52943%207.34%203.32943%207.19L2.87443%206.84L2.34443%207.055L1.70943%207.31L1.35943%206.705L1.89943%206.285L2.34443%205.935L2.27443%205.37C2.25943%205.215%202.24943%205.1%202.24943%205C2.24943%204.9%202.25943%204.785%202.27443%204.635L2.34443%204.07L1.89943%203.72L1.35943%203.3L1.70943%202.695L2.34443%202.95L2.86443%203.16L3.31443%202.82C3.52943%202.66%203.73443%202.54%203.93943%202.455L4.46943%202.24L4.54943%201.675L4.64943%201L5.34443%201L5.43943%201.675L5.51943%202.24L6.04943%202.455C6.26443%202.545%206.46443%202.66%206.66443%202.81L7.11943%203.16L7.64943%202.945L8.28443%202.69L8.63443%203.295L8.09943%203.72L7.65443%204.07L7.72443%204.635ZM4.99943%203C3.89443%203%202.99943%203.895%202.99943%205C2.99943%206.105%203.89443%207%204.99943%207C6.10443%207%206.99943%206.105%206.99943%205C6.99943%203.895%206.10443%203%204.99943%203ZM4.99943%206C4.44943%206%203.99943%205.55%203.99943%205C3.99943%204.45%204.44943%204%204.99943%204C5.54943%204%205.99943%204.45%205.99943%205C5.99943%205.55%205.54943%206%204.99943%206Z%22%20fill%3D%22%23394960%22%2F%3E%3C%2Fsvg%3E";
|
|
164
|
+
|
|
165
|
+
var agGridFormatIcon = "data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%229%22%20viewBox%3D%220%200%208%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%207.8L0%209L8%209L8%207.8L0%207.8ZM2.57143%205.28L5.42857%205.28L5.94286%206.6L7.14286%206.6L4.42857%200L3.57143%200L0.857143%206.6L2.05714%206.6L2.57143%205.28ZM4%201.188L5.06857%204.2L2.93143%204.2L4%201.188Z%22%20fill%3D%22%23394960%22%2F%3E%3C%2Fsvg%3E";
|
|
166
|
+
|
|
159
167
|
var PrimaryBlueColor = "#0055AF";
|
|
160
168
|
var SecondaryBlueColor = "#033162";
|
|
161
169
|
var DefaultColorButton = "#ACACAC";
|
|
@@ -182,6 +190,7 @@
|
|
|
182
190
|
var ToggleSwitchActiveBg = "#A4CBFB";
|
|
183
191
|
var FocusBackgroundColor = "#E5EDF7";
|
|
184
192
|
var PanelFooterBg = "#EEF0F7";
|
|
193
|
+
var AGInputColor = "#c4c4c4";
|
|
185
194
|
|
|
186
195
|
var NORMAL_BUTTON_HEIGHT = "37px";
|
|
187
196
|
var SMALL_BUTTON_HEIGHT = "26px";
|
|
@@ -327,7 +336,7 @@
|
|
|
327
336
|
return styled.css(_templateObject11(), PrimaryBlueColor, PrimaryBlueColor, SecondaryBlueColor, SecondaryBlueColor, DefaultColorButton, DefaultColorButton);
|
|
328
337
|
}
|
|
329
338
|
}, function (props) {
|
|
330
|
-
if (props.icon && !props.
|
|
339
|
+
if (props.icon && !props.isChildren) {
|
|
331
340
|
switch (props.size) {
|
|
332
341
|
case "normal":
|
|
333
342
|
return styled.css(_templateObject12(), NORMAL_BUTTON_HEIGHT, NORMAL_BUTTON_HEIGHT, StyledIcon, LOW_RES_NORMAL_BUTTON_HEIGHT, LOW_RES_NORMAL_BUTTON_HEIGHT);
|
|
@@ -1270,19 +1279,18 @@
|
|
|
1270
1279
|
Icon = _ref.icon,
|
|
1271
1280
|
_ref$size = _ref.size,
|
|
1272
1281
|
size = _ref$size === void 0 ? "normal" : _ref$size,
|
|
1273
|
-
|
|
1274
|
-
props = _objectWithoutProperties(_ref, ["children", "variant", "icon", "size", "label"]);
|
|
1282
|
+
props = _objectWithoutProperties(_ref, ["children", "variant", "icon", "size"]);
|
|
1275
1283
|
return /*#__PURE__*/jsxRuntime.jsxs(StyledButton, _objectSpread(_objectSpread({
|
|
1276
1284
|
variant: variant,
|
|
1277
1285
|
size: size,
|
|
1278
1286
|
icon: Icon,
|
|
1279
|
-
|
|
1287
|
+
isChildren: children
|
|
1280
1288
|
}, props), {}, {
|
|
1281
1289
|
children: [Icon && /*#__PURE__*/jsxRuntime.jsx(StyledIconContainer, {
|
|
1282
1290
|
size: size,
|
|
1283
1291
|
children: /*#__PURE__*/jsxRuntime.jsx(Icon, {})
|
|
1284
|
-
}),
|
|
1285
|
-
children:
|
|
1292
|
+
}), children && /*#__PURE__*/jsxRuntime.jsx(StyledIconTextContainer, {
|
|
1293
|
+
children: children
|
|
1286
1294
|
})]
|
|
1287
1295
|
}));
|
|
1288
1296
|
};
|
|
@@ -1678,10 +1686,12 @@
|
|
|
1678
1686
|
return /*#__PURE__*/jsxRuntime.jsx(StyledBreadcrumbsContainer, {
|
|
1679
1687
|
children: paths.map(function (_ref2, index) {
|
|
1680
1688
|
var to = _ref2.to,
|
|
1681
|
-
label = _ref2.label
|
|
1689
|
+
label = _ref2.label,
|
|
1690
|
+
onClick = _ref2.onClick;
|
|
1682
1691
|
return /*#__PURE__*/jsxRuntime.jsx(StyledBreadcrumbsLink, {
|
|
1683
1692
|
to: to,
|
|
1684
1693
|
active: index === paths.length - 1 ? 1 : undefined,
|
|
1694
|
+
onClick: onClick ? onClick : undefined,
|
|
1685
1695
|
children: label
|
|
1686
1696
|
}, index);
|
|
1687
1697
|
})
|
|
@@ -1913,15 +1923,140 @@
|
|
|
1913
1923
|
});
|
|
1914
1924
|
};
|
|
1915
1925
|
|
|
1916
|
-
function
|
|
1926
|
+
var arrayWithHoles = createCommonjsModule(function (module) {
|
|
1927
|
+
function _arrayWithHoles(arr) {
|
|
1928
|
+
if (Array.isArray(arr)) return arr;
|
|
1929
|
+
}
|
|
1930
|
+
|
|
1931
|
+
module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
1932
|
+
});
|
|
1933
|
+
|
|
1934
|
+
unwrapExports(arrayWithHoles);
|
|
1935
|
+
|
|
1936
|
+
var iterableToArrayLimit = createCommonjsModule(function (module) {
|
|
1937
|
+
function _iterableToArrayLimit(arr, i) {
|
|
1938
|
+
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
1939
|
+
|
|
1940
|
+
if (_i == null) return;
|
|
1941
|
+
var _arr = [];
|
|
1942
|
+
var _n = true;
|
|
1943
|
+
var _d = false;
|
|
1944
|
+
|
|
1945
|
+
var _s, _e;
|
|
1946
|
+
|
|
1947
|
+
try {
|
|
1948
|
+
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
|
|
1949
|
+
_arr.push(_s.value);
|
|
1950
|
+
|
|
1951
|
+
if (i && _arr.length === i) break;
|
|
1952
|
+
}
|
|
1953
|
+
} catch (err) {
|
|
1954
|
+
_d = true;
|
|
1955
|
+
_e = err;
|
|
1956
|
+
} finally {
|
|
1957
|
+
try {
|
|
1958
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
|
1959
|
+
} finally {
|
|
1960
|
+
if (_d) throw _e;
|
|
1961
|
+
}
|
|
1962
|
+
}
|
|
1963
|
+
|
|
1964
|
+
return _arr;
|
|
1965
|
+
}
|
|
1966
|
+
|
|
1967
|
+
module.exports = _iterableToArrayLimit, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
1968
|
+
});
|
|
1969
|
+
|
|
1970
|
+
unwrapExports(iterableToArrayLimit);
|
|
1971
|
+
|
|
1972
|
+
var arrayLikeToArray = createCommonjsModule(function (module) {
|
|
1973
|
+
function _arrayLikeToArray(arr, len) {
|
|
1974
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
1975
|
+
|
|
1976
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++) {
|
|
1977
|
+
arr2[i] = arr[i];
|
|
1978
|
+
}
|
|
1979
|
+
|
|
1980
|
+
return arr2;
|
|
1981
|
+
}
|
|
1982
|
+
|
|
1983
|
+
module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
1984
|
+
});
|
|
1985
|
+
|
|
1986
|
+
unwrapExports(arrayLikeToArray);
|
|
1987
|
+
|
|
1988
|
+
var unsupportedIterableToArray = createCommonjsModule(function (module) {
|
|
1989
|
+
function _unsupportedIterableToArray(o, minLen) {
|
|
1990
|
+
if (!o) return;
|
|
1991
|
+
if (typeof o === "string") return arrayLikeToArray(o, minLen);
|
|
1992
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
1993
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
1994
|
+
if (n === "Map" || n === "Set") return Array.from(o);
|
|
1995
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
|
|
1996
|
+
}
|
|
1997
|
+
|
|
1998
|
+
module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
1999
|
+
});
|
|
2000
|
+
|
|
2001
|
+
unwrapExports(unsupportedIterableToArray);
|
|
2002
|
+
|
|
2003
|
+
var nonIterableRest = createCommonjsModule(function (module) {
|
|
2004
|
+
function _nonIterableRest() {
|
|
2005
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
2006
|
+
}
|
|
2007
|
+
|
|
2008
|
+
module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2009
|
+
});
|
|
2010
|
+
|
|
2011
|
+
unwrapExports(nonIterableRest);
|
|
2012
|
+
|
|
2013
|
+
var slicedToArray = createCommonjsModule(function (module) {
|
|
2014
|
+
function _slicedToArray(arr, i) {
|
|
2015
|
+
return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();
|
|
2016
|
+
}
|
|
2017
|
+
|
|
2018
|
+
module.exports = _slicedToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2019
|
+
});
|
|
2020
|
+
|
|
2021
|
+
var _slicedToArray = unwrapExports(slicedToArray);
|
|
2022
|
+
|
|
2023
|
+
function _templateObject12$2() {
|
|
2024
|
+
var data = _taggedTemplateLiteral(["\n display: none;\n "]);
|
|
2025
|
+
_templateObject12$2 = function _templateObject12() {
|
|
2026
|
+
return data;
|
|
2027
|
+
};
|
|
2028
|
+
return data;
|
|
2029
|
+
}
|
|
2030
|
+
function _templateObject11$3() {
|
|
2031
|
+
var data = _taggedTemplateLiteral(["\n display: block;\n "]);
|
|
2032
|
+
_templateObject11$3 = function _templateObject11() {
|
|
2033
|
+
return data;
|
|
2034
|
+
};
|
|
2035
|
+
return data;
|
|
2036
|
+
}
|
|
2037
|
+
function _templateObject10$4() {
|
|
2038
|
+
var data = _taggedTemplateLiteral(["\n ", "\n"]);
|
|
2039
|
+
_templateObject10$4 = function _templateObject10() {
|
|
2040
|
+
return data;
|
|
2041
|
+
};
|
|
2042
|
+
return data;
|
|
2043
|
+
}
|
|
2044
|
+
function _templateObject9$4() {
|
|
1917
2045
|
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 "]);
|
|
2046
|
+
_templateObject9$4 = function _templateObject9() {
|
|
2047
|
+
return data;
|
|
2048
|
+
};
|
|
2049
|
+
return data;
|
|
2050
|
+
}
|
|
2051
|
+
function _templateObject8$4() {
|
|
2052
|
+
var data = _taggedTemplateLiteral(["\n width: 100%;\n\n ", "\n"]);
|
|
1918
2053
|
_templateObject8$4 = function _templateObject8() {
|
|
1919
2054
|
return data;
|
|
1920
2055
|
};
|
|
1921
2056
|
return data;
|
|
1922
2057
|
}
|
|
1923
2058
|
function _templateObject7$4() {
|
|
1924
|
-
var data = _taggedTemplateLiteral(["\n
|
|
2059
|
+
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-weight: 400;\n pointer-events: none;\n cursor: default;\n "]);
|
|
1925
2060
|
_templateObject7$4 = function _templateObject7() {
|
|
1926
2061
|
return data;
|
|
1927
2062
|
};
|
|
@@ -1942,14 +2077,14 @@
|
|
|
1942
2077
|
return data;
|
|
1943
2078
|
}
|
|
1944
2079
|
function _templateObject4$6() {
|
|
1945
|
-
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-weight: 600;\n
|
|
2080
|
+
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 "]);
|
|
1946
2081
|
_templateObject4$6 = function _templateObject4() {
|
|
1947
2082
|
return data;
|
|
1948
2083
|
};
|
|
1949
2084
|
return data;
|
|
1950
2085
|
}
|
|
1951
2086
|
function _templateObject3$7() {
|
|
1952
|
-
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"]);
|
|
2087
|
+
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"]);
|
|
1953
2088
|
_templateObject3$7 = function _templateObject3() {
|
|
1954
2089
|
return data;
|
|
1955
2090
|
};
|
|
@@ -1963,7 +2098,7 @@
|
|
|
1963
2098
|
return data;
|
|
1964
2099
|
}
|
|
1965
2100
|
function _templateObject$7() {
|
|
1966
|
-
var data = _taggedTemplateLiteral(["\n display: flex;\n border-bottom: 1px solid ", ";\n width: 100%;\n box-sizing: border-box;\n cursor: pointer
|
|
2101
|
+
var data = _taggedTemplateLiteral(["\n display: flex;\n border-bottom: 1px solid ", ";\n width: 100%;\n box-sizing: border-box;\n /* cursor: pointer; */\n"]);
|
|
1967
2102
|
_templateObject$7 = function _templateObject() {
|
|
1968
2103
|
return data;
|
|
1969
2104
|
};
|
|
@@ -1977,35 +2112,86 @@
|
|
|
1977
2112
|
return props.vertical && styled.css(_templateObject5$6(), function (props) {
|
|
1978
2113
|
return props.active && styled.css(_templateObject6$4(), PrimaryBlueColor, PrimaryBlueColor);
|
|
1979
2114
|
});
|
|
2115
|
+
}, function (props) {
|
|
2116
|
+
return props.disabled && styled.css(_templateObject7$4(), DisabledButtonFontColor);
|
|
1980
2117
|
});
|
|
1981
|
-
var StyledTabMainContainer = styled__default.div(
|
|
1982
|
-
return props.vertical && styled.css(
|
|
2118
|
+
var StyledTabMainContainer = styled__default.div(_templateObject8$4(), function (props) {
|
|
2119
|
+
return props.vertical && styled.css(_templateObject9$4(), StyledTabContainer, DefaultColorButton);
|
|
2120
|
+
});
|
|
2121
|
+
var StyledTabPanelContainer = styled__default.div(_templateObject10$4(), function (props) {
|
|
2122
|
+
return props.active ? styled.css(_templateObject11$3()) : styled.css(_templateObject12$2());
|
|
1983
2123
|
});
|
|
1984
2124
|
|
|
1985
|
-
var
|
|
2125
|
+
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; }
|
|
2126
|
+
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; }
|
|
2127
|
+
var TabsComponent = function TabsComponent(_ref) {
|
|
1986
2128
|
var tabs = _ref.tabs,
|
|
1987
|
-
|
|
1988
|
-
|
|
2129
|
+
value = _ref.value,
|
|
2130
|
+
onChange = _ref.onChange,
|
|
1989
2131
|
vertical = _ref.vertical,
|
|
1990
|
-
|
|
2132
|
+
children = _ref.children;
|
|
2133
|
+
return /*#__PURE__*/jsxRuntime.jsxs(StyledTabMainContainer, {
|
|
2134
|
+
vertical: vertical,
|
|
2135
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs(StyledTabContainer, {
|
|
2136
|
+
children: [tabs.map(function (tab, index) {
|
|
2137
|
+
return /*#__PURE__*/jsxRuntime.jsx(StyledTabList, {
|
|
2138
|
+
active: value === tab.value,
|
|
2139
|
+
onClick: function onClick() {
|
|
2140
|
+
return onChange(tab.value);
|
|
2141
|
+
},
|
|
2142
|
+
vertical: vertical,
|
|
2143
|
+
disabled: tab.disabled,
|
|
2144
|
+
children: tab.label
|
|
2145
|
+
}, index);
|
|
2146
|
+
}), children]
|
|
2147
|
+
}), /*#__PURE__*/jsxRuntime.jsx(StyledTabContentContainer, {
|
|
2148
|
+
children: tabs.map(function (tab) {
|
|
2149
|
+
return /*#__PURE__*/jsxRuntime.jsx(StyledTabPanelContainer, {
|
|
2150
|
+
active: tab.value === value,
|
|
2151
|
+
children: tab.element
|
|
2152
|
+
});
|
|
2153
|
+
})
|
|
2154
|
+
})]
|
|
2155
|
+
});
|
|
2156
|
+
};
|
|
2157
|
+
var Tabs = function Tabs(_ref2) {
|
|
2158
|
+
var value = _ref2.value,
|
|
2159
|
+
tabs = _ref2.tabs,
|
|
2160
|
+
onChange = _ref2.onChange,
|
|
2161
|
+
props = _objectWithoutProperties(_ref2, ["value", "tabs", "onChange"]);
|
|
2162
|
+
var _useState = React.useState(tabs[0].value),
|
|
2163
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
2164
|
+
tabValue = _useState2[0],
|
|
2165
|
+
setTabValue = _useState2[1];
|
|
2166
|
+
var initialRender = React.useRef(true);
|
|
2167
|
+
React.useEffect(function () {
|
|
2168
|
+
if (initialRender.current) {
|
|
2169
|
+
initialRender.current = false;
|
|
2170
|
+
} else {
|
|
2171
|
+
if (onChange) {
|
|
2172
|
+
onChange(tabValue);
|
|
2173
|
+
}
|
|
2174
|
+
}
|
|
2175
|
+
}, [tabValue]);
|
|
2176
|
+
var handleChange = function handleChange(value) {
|
|
2177
|
+
setTabValue(value);
|
|
2178
|
+
};
|
|
1991
2179
|
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
1992
|
-
children:
|
|
1993
|
-
|
|
1994
|
-
|
|
1995
|
-
|
|
1996
|
-
|
|
1997
|
-
|
|
1998
|
-
|
|
1999
|
-
|
|
2000
|
-
|
|
2001
|
-
|
|
2002
|
-
|
|
2003
|
-
|
|
2004
|
-
|
|
2005
|
-
|
|
2006
|
-
|
|
2007
|
-
})]
|
|
2008
|
-
})
|
|
2180
|
+
children: value !== undefined ?
|
|
2181
|
+
/*#__PURE__*/
|
|
2182
|
+
//controlled
|
|
2183
|
+
jsxRuntime.jsx(TabsComponent, _objectSpread$6({
|
|
2184
|
+
value: value,
|
|
2185
|
+
tabs: tabs,
|
|
2186
|
+
onChange: onChange
|
|
2187
|
+
}, props)) :
|
|
2188
|
+
/*#__PURE__*/
|
|
2189
|
+
// uncontrolled
|
|
2190
|
+
jsxRuntime.jsx(TabsComponent, _objectSpread$6({
|
|
2191
|
+
value: tabValue,
|
|
2192
|
+
onChange: handleChange,
|
|
2193
|
+
tabs: tabs
|
|
2194
|
+
}, props))
|
|
2009
2195
|
});
|
|
2010
2196
|
};
|
|
2011
2197
|
|
|
@@ -2042,8 +2228,8 @@
|
|
|
2042
2228
|
var StyledTextAreaContainer = styled__default.div(_templateObject3$8());
|
|
2043
2229
|
var StyledRemainingText = styled__default.div(_templateObject4$7(), LabelColor);
|
|
2044
2230
|
|
|
2045
|
-
function ownKeys$
|
|
2046
|
-
function _objectSpread$
|
|
2231
|
+
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; }
|
|
2232
|
+
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; }
|
|
2047
2233
|
var Textarea = function Textarea(_ref) {
|
|
2048
2234
|
var label = _ref.label,
|
|
2049
2235
|
maxLength = _ref.maxLength,
|
|
@@ -2053,7 +2239,7 @@
|
|
|
2053
2239
|
return /*#__PURE__*/jsxRuntime.jsxs(StyledTextAreaContainer, {
|
|
2054
2240
|
children: [/*#__PURE__*/jsxRuntime.jsx(StyledLabelText, {
|
|
2055
2241
|
children: label
|
|
2056
|
-
}), /*#__PURE__*/jsxRuntime.jsx(StyledTextArea, _objectSpread$
|
|
2242
|
+
}), /*#__PURE__*/jsxRuntime.jsx(StyledTextArea, _objectSpread$7(_objectSpread$7({
|
|
2057
2243
|
value: value
|
|
2058
2244
|
}, props), {}, {
|
|
2059
2245
|
maxLength: maxLength,
|
|
@@ -2064,22 +2250,6 @@
|
|
|
2064
2250
|
});
|
|
2065
2251
|
};
|
|
2066
2252
|
|
|
2067
|
-
var arrayLikeToArray = createCommonjsModule(function (module) {
|
|
2068
|
-
function _arrayLikeToArray(arr, len) {
|
|
2069
|
-
if (len == null || len > arr.length) len = arr.length;
|
|
2070
|
-
|
|
2071
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) {
|
|
2072
|
-
arr2[i] = arr[i];
|
|
2073
|
-
}
|
|
2074
|
-
|
|
2075
|
-
return arr2;
|
|
2076
|
-
}
|
|
2077
|
-
|
|
2078
|
-
module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2079
|
-
});
|
|
2080
|
-
|
|
2081
|
-
unwrapExports(arrayLikeToArray);
|
|
2082
|
-
|
|
2083
2253
|
var arrayWithoutHoles = createCommonjsModule(function (module) {
|
|
2084
2254
|
function _arrayWithoutHoles(arr) {
|
|
2085
2255
|
if (Array.isArray(arr)) return arrayLikeToArray(arr);
|
|
@@ -2100,21 +2270,6 @@
|
|
|
2100
2270
|
|
|
2101
2271
|
unwrapExports(iterableToArray);
|
|
2102
2272
|
|
|
2103
|
-
var unsupportedIterableToArray = createCommonjsModule(function (module) {
|
|
2104
|
-
function _unsupportedIterableToArray(o, minLen) {
|
|
2105
|
-
if (!o) return;
|
|
2106
|
-
if (typeof o === "string") return arrayLikeToArray(o, minLen);
|
|
2107
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
2108
|
-
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
2109
|
-
if (n === "Map" || n === "Set") return Array.from(o);
|
|
2110
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
|
|
2111
|
-
}
|
|
2112
|
-
|
|
2113
|
-
module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2114
|
-
});
|
|
2115
|
-
|
|
2116
|
-
unwrapExports(unsupportedIterableToArray);
|
|
2117
|
-
|
|
2118
2273
|
var nonIterableSpread = createCommonjsModule(function (module) {
|
|
2119
2274
|
function _nonIterableSpread() {
|
|
2120
2275
|
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
@@ -2135,141 +2290,155 @@
|
|
|
2135
2290
|
|
|
2136
2291
|
var _toConsumableArray = unwrapExports(toConsumableArray);
|
|
2137
2292
|
|
|
2138
|
-
function
|
|
2293
|
+
function _templateObject18$1() {
|
|
2139
2294
|
var data = _taggedTemplateLiteral(["\n height: 37px;\n padding: 8px 16px;\n box-sizing: border-box;\n\n &:hover {\n background: ", ";\n }\n"]);
|
|
2140
|
-
|
|
2295
|
+
_templateObject18$1 = function _templateObject18() {
|
|
2141
2296
|
return data;
|
|
2142
2297
|
};
|
|
2143
2298
|
return data;
|
|
2144
2299
|
}
|
|
2145
|
-
function
|
|
2300
|
+
function _templateObject17$1() {
|
|
2146
2301
|
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"]);
|
|
2147
|
-
|
|
2302
|
+
_templateObject17$1 = function _templateObject17() {
|
|
2148
2303
|
return data;
|
|
2149
2304
|
};
|
|
2150
2305
|
return data;
|
|
2151
2306
|
}
|
|
2152
|
-
function
|
|
2307
|
+
function _templateObject16$1() {
|
|
2153
2308
|
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"]);
|
|
2154
|
-
|
|
2309
|
+
_templateObject16$1 = function _templateObject16() {
|
|
2155
2310
|
return data;
|
|
2156
2311
|
};
|
|
2157
2312
|
return data;
|
|
2158
2313
|
}
|
|
2159
|
-
function
|
|
2314
|
+
function _templateObject15$1() {
|
|
2160
2315
|
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 12px;\n line-height: 18px;\n"]);
|
|
2161
|
-
|
|
2316
|
+
_templateObject15$1 = function _templateObject15() {
|
|
2162
2317
|
return data;
|
|
2163
2318
|
};
|
|
2164
2319
|
return data;
|
|
2165
2320
|
}
|
|
2166
|
-
function
|
|
2321
|
+
function _templateObject14$2() {
|
|
2167
2322
|
var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 5px;\n "]);
|
|
2168
|
-
|
|
2323
|
+
_templateObject14$2 = function _templateObject14() {
|
|
2169
2324
|
return data;
|
|
2170
2325
|
};
|
|
2171
2326
|
return data;
|
|
2172
2327
|
}
|
|
2173
|
-
function
|
|
2328
|
+
function _templateObject13$2() {
|
|
2174
2329
|
var data = _taggedTemplateLiteral(["\n ", "\n"]);
|
|
2175
|
-
|
|
2330
|
+
_templateObject13$2 = function _templateObject13() {
|
|
2176
2331
|
return data;
|
|
2177
2332
|
};
|
|
2178
2333
|
return data;
|
|
2179
2334
|
}
|
|
2180
|
-
function
|
|
2335
|
+
function _templateObject12$3() {
|
|
2181
2336
|
var data = _taggedTemplateLiteral(["\n color: #1d1d1d;\n "]);
|
|
2182
|
-
|
|
2337
|
+
_templateObject12$3 = function _templateObject12() {
|
|
2183
2338
|
return data;
|
|
2184
2339
|
};
|
|
2185
2340
|
return data;
|
|
2186
2341
|
}
|
|
2187
|
-
function
|
|
2342
|
+
function _templateObject11$4() {
|
|
2188
2343
|
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"]);
|
|
2189
|
-
|
|
2344
|
+
_templateObject11$4 = function _templateObject11() {
|
|
2190
2345
|
return data;
|
|
2191
2346
|
};
|
|
2192
2347
|
return data;
|
|
2193
2348
|
}
|
|
2194
|
-
function
|
|
2349
|
+
function _templateObject10$5() {
|
|
2195
2350
|
var data = _taggedTemplateLiteral(["\n transform: rotate(180deg);\n "]);
|
|
2351
|
+
_templateObject10$5 = function _templateObject10() {
|
|
2352
|
+
return data;
|
|
2353
|
+
};
|
|
2354
|
+
return data;
|
|
2355
|
+
}
|
|
2356
|
+
function _templateObject9$5() {
|
|
2357
|
+
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"]);
|
|
2358
|
+
_templateObject9$5 = function _templateObject9() {
|
|
2359
|
+
return data;
|
|
2360
|
+
};
|
|
2361
|
+
return data;
|
|
2362
|
+
}
|
|
2363
|
+
function _templateObject8$5() {
|
|
2364
|
+
var data = _taggedTemplateLiteral([""]);
|
|
2196
2365
|
_templateObject8$5 = function _templateObject8() {
|
|
2197
2366
|
return data;
|
|
2198
2367
|
};
|
|
2199
2368
|
return data;
|
|
2200
2369
|
}
|
|
2201
2370
|
function _templateObject7$5() {
|
|
2202
|
-
var data = _taggedTemplateLiteral(["\n
|
|
2371
|
+
var data = _taggedTemplateLiteral(["\n top: ", "px;\n left: ", "px;\n "]);
|
|
2203
2372
|
_templateObject7$5 = function _templateObject7() {
|
|
2204
2373
|
return data;
|
|
2205
2374
|
};
|
|
2206
2375
|
return data;
|
|
2207
2376
|
}
|
|
2208
2377
|
function _templateObject6$5() {
|
|
2209
|
-
var data = _taggedTemplateLiteral([""]);
|
|
2378
|
+
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"]);
|
|
2210
2379
|
_templateObject6$5 = function _templateObject6() {
|
|
2211
2380
|
return data;
|
|
2212
2381
|
};
|
|
2213
2382
|
return data;
|
|
2214
2383
|
}
|
|
2215
2384
|
function _templateObject5$7() {
|
|
2216
|
-
var data = _taggedTemplateLiteral(["\n
|
|
2385
|
+
var data = _taggedTemplateLiteral(["\n bottom: 0;\n left: 0;\n top: 0;\n right: 0;\n position: fixed;\n z-index: ", ";\n"]);
|
|
2217
2386
|
_templateObject5$7 = function _templateObject5() {
|
|
2218
2387
|
return data;
|
|
2219
2388
|
};
|
|
2220
2389
|
return data;
|
|
2221
2390
|
}
|
|
2222
2391
|
function _templateObject4$8() {
|
|
2223
|
-
var data = _taggedTemplateLiteral(["\n
|
|
2392
|
+
var data = _taggedTemplateLiteral(["\n position: relative;\n width: max-content;\n"]);
|
|
2224
2393
|
_templateObject4$8 = function _templateObject4() {
|
|
2225
2394
|
return data;
|
|
2226
2395
|
};
|
|
2227
2396
|
return data;
|
|
2228
2397
|
}
|
|
2229
2398
|
function _templateObject3$9() {
|
|
2230
|
-
var data = _taggedTemplateLiteral(["\n
|
|
2399
|
+
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\n .loading-option {\n color: ", ";\n pointer-events: none;\n }\n .loading-option-multi label {\n color: ", ";\n pointer-events: none;\n }\n"]);
|
|
2231
2400
|
_templateObject3$9 = function _templateObject3() {
|
|
2232
2401
|
return data;
|
|
2233
2402
|
};
|
|
2234
2403
|
return data;
|
|
2235
2404
|
}
|
|
2236
2405
|
function _templateObject2$9() {
|
|
2237
|
-
var data = _taggedTemplateLiteral(["\n
|
|
2406
|
+
var data = _taggedTemplateLiteral(["\n width: 91px;\n position: absolute;\n"]);
|
|
2238
2407
|
_templateObject2$9 = function _templateObject2() {
|
|
2239
2408
|
return data;
|
|
2240
2409
|
};
|
|
2241
2410
|
return data;
|
|
2242
2411
|
}
|
|
2243
2412
|
function _templateObject$9() {
|
|
2244
|
-
var data = _taggedTemplateLiteral(["\n
|
|
2413
|
+
var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 4px;\n margin-top: 4px;\n position: absolute;\n"]);
|
|
2245
2414
|
_templateObject$9 = function _templateObject() {
|
|
2246
2415
|
return data;
|
|
2247
2416
|
};
|
|
2248
2417
|
return data;
|
|
2249
2418
|
}
|
|
2250
|
-
var
|
|
2251
|
-
var
|
|
2252
|
-
var
|
|
2253
|
-
var
|
|
2254
|
-
|
|
2419
|
+
var SelectedOptionsTagGroup = styled__default.div(_templateObject$9());
|
|
2420
|
+
var SelectedOptionsTagListContainer = styled__default.div(_templateObject2$9());
|
|
2421
|
+
var StyledSelect = styled__default(Select$1__default)(_templateObject3$9(), FocusBackgroundColor, FocusBackgroundColor, FocusBackgroundColor, DisabledButtonFontColor, PrimaryBlueColor);
|
|
2422
|
+
var StyledDropdown = styled__default.div(_templateObject4$8());
|
|
2423
|
+
var Blanket = styled__default.div(_templateObject5$7(), LOW_1);
|
|
2424
|
+
var StyledMenu = styled__default.div(_templateObject6$5(), WhiteColor, LOW_2, function (props) {
|
|
2425
|
+
return props.position && styled.css(_templateObject7$5(), props.position.top, props.position.left);
|
|
2255
2426
|
});
|
|
2256
|
-
var SearchContainer = styled__default.div(
|
|
2257
|
-
var StyledChevronIcon = styled__default.i(
|
|
2258
|
-
return props.isOpen && styled.css(
|
|
2427
|
+
var SearchContainer = styled__default.div(_templateObject8$5());
|
|
2428
|
+
var StyledChevronIcon = styled__default.i(_templateObject9$5(), ChevronImage, function (props) {
|
|
2429
|
+
return props.isOpen && styled.css(_templateObject10$5());
|
|
2259
2430
|
});
|
|
2260
|
-
var StyledDropdownMainButton = styled__default.button(
|
|
2261
|
-
return props.isSelected && styled.css(
|
|
2431
|
+
var StyledDropdownMainButton = styled__default.button(_templateObject11$4(), WhiteColor, DefaultColorButton, DefaultButtonText, function (props) {
|
|
2432
|
+
return props.isSelected && styled.css(_templateObject12$3());
|
|
2262
2433
|
}, PrimaryBlueColor, FocusBackgroundColor, PrimaryBlueColor, DisabledTextareaBg, FocusDisableBorderColor, DisabledButtonFontColor, StyledChevronIcon, DisabledChevron);
|
|
2263
|
-
var StyledDDMainContainer = styled__default.div(
|
|
2264
|
-
return props.labelOrientation === "left" && styled.css(
|
|
2434
|
+
var StyledDDMainContainer = styled__default.div(_templateObject13$2(), function (props) {
|
|
2435
|
+
return props.labelOrientation === "left" && styled.css(_templateObject14$2());
|
|
2265
2436
|
});
|
|
2266
|
-
var StyledDDLabelContainer = styled__default.label(
|
|
2267
|
-
var StyledDDSearchBox = styled__default.input(
|
|
2268
|
-
var StyledButtonURLClear = styled__default.button(
|
|
2269
|
-
var StyledSelectAllContainer = styled__default.div(
|
|
2437
|
+
var StyledDDLabelContainer = styled__default.label(_templateObject15$1(), LabelColor);
|
|
2438
|
+
var StyledDDSearchBox = styled__default.input(_templateObject16$1(), AvatarBgColor, SearchIcon);
|
|
2439
|
+
var StyledButtonURLClear = styled__default.button(_templateObject17$1(), LabelColor, NotificationClose);
|
|
2440
|
+
var StyledSelectAllContainer = styled__default.div(_templateObject18$1(), FocusBackgroundColor);
|
|
2270
2441
|
|
|
2271
|
-
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; }
|
|
2272
|
-
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; }
|
|
2273
2442
|
var Portal = function Portal(props) {
|
|
2274
2443
|
return /*#__PURE__*/ReactDOM.createPortal(props.children, props.container);
|
|
2275
2444
|
};
|
|
@@ -2282,10 +2451,20 @@
|
|
|
2282
2451
|
disabled = _ref.disabled,
|
|
2283
2452
|
containerRef = _ref.containerRef,
|
|
2284
2453
|
withPortal = _ref.withPortal,
|
|
2285
|
-
portalContainer = _ref.portalContainer
|
|
2454
|
+
portalContainer = _ref.portalContainer,
|
|
2455
|
+
onMenuScrollToBottom = _ref.onMenuScrollToBottom;
|
|
2286
2456
|
var x = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.getBoundingClientRect().x;
|
|
2287
2457
|
var y = (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.getBoundingClientRect().y;
|
|
2288
2458
|
var offsetHeight = (_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.offsetHeight;
|
|
2459
|
+
var onMenuScroll = function onMenuScroll(e) {
|
|
2460
|
+
var _e$target = e.target,
|
|
2461
|
+
scrollHeight = _e$target.scrollHeight,
|
|
2462
|
+
scrollTop = _e$target.scrollTop,
|
|
2463
|
+
clientHeight = _e$target.clientHeight;
|
|
2464
|
+
if (scrollHeight - scrollTop === clientHeight && onMenuScrollToBottom) {
|
|
2465
|
+
onMenuScrollToBottom();
|
|
2466
|
+
}
|
|
2467
|
+
};
|
|
2289
2468
|
return /*#__PURE__*/jsxRuntime.jsxs(StyledDropdown, {
|
|
2290
2469
|
children: [target, !disabled && isOpen ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
2291
2470
|
children: withPortal ? /*#__PURE__*/jsxRuntime.jsxs(Portal, {
|
|
@@ -2295,12 +2474,14 @@
|
|
|
2295
2474
|
top: y + offsetHeight + 4,
|
|
2296
2475
|
left: x
|
|
2297
2476
|
},
|
|
2477
|
+
onScroll: onMenuScroll,
|
|
2298
2478
|
children: children
|
|
2299
2479
|
}), /*#__PURE__*/jsxRuntime.jsx(Blanket, {
|
|
2300
2480
|
onClick: onClose
|
|
2301
2481
|
})]
|
|
2302
2482
|
}) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
2303
2483
|
children: [/*#__PURE__*/jsxRuntime.jsx(StyledMenu, {
|
|
2484
|
+
onScroll: onMenuScroll,
|
|
2304
2485
|
children: children
|
|
2305
2486
|
}), /*#__PURE__*/jsxRuntime.jsx(Blanket, {
|
|
2306
2487
|
onClick: onClose
|
|
@@ -2309,33 +2490,325 @@
|
|
|
2309
2490
|
}) : null]
|
|
2310
2491
|
});
|
|
2311
2492
|
};
|
|
2312
|
-
|
|
2493
|
+
|
|
2494
|
+
var Filters = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
2495
|
+
var onSearch = _ref.onSearch,
|
|
2496
|
+
isMulti = _ref.isMulti,
|
|
2497
|
+
onSelectAll = _ref.onSelectAll,
|
|
2498
|
+
onClearAll = _ref.onClearAll,
|
|
2499
|
+
isSelectAll = _ref.isSelectAll,
|
|
2500
|
+
selectedOptions = _ref.selectedOptions,
|
|
2501
|
+
isWithSelectAll = _ref.isWithSelectAll,
|
|
2502
|
+
isWithSearch = _ref.isWithSearch;
|
|
2503
|
+
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
2504
|
+
children: [isWithSearch && /*#__PURE__*/jsxRuntime.jsx(StyledDDSearchBox, {
|
|
2505
|
+
placeholder: "Search",
|
|
2506
|
+
ref: ref,
|
|
2507
|
+
onChange: onSearch
|
|
2508
|
+
}), isMulti && isWithSelectAll && /*#__PURE__*/jsxRuntime.jsxs(SearchContainer, {
|
|
2509
|
+
children: [!isSelectAll && selectedOptions.length > 0 ? /*#__PURE__*/jsxRuntime.jsx(StyledButtonURLClear, {
|
|
2510
|
+
variant: "url",
|
|
2511
|
+
onClick: onClearAll,
|
|
2512
|
+
children: "Clear Selection"
|
|
2513
|
+
}) : null, /*#__PURE__*/jsxRuntime.jsx(StyledSelectAllContainer, {
|
|
2514
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Checkbox, {
|
|
2515
|
+
name: "select-all",
|
|
2516
|
+
id: "select-all",
|
|
2517
|
+
label: isSelectAll ? "Deselect All" : "Select All",
|
|
2518
|
+
onChange: onSelectAll,
|
|
2519
|
+
checked: isSelectAll
|
|
2520
|
+
})
|
|
2521
|
+
})]
|
|
2522
|
+
})]
|
|
2523
|
+
});
|
|
2524
|
+
});
|
|
2525
|
+
|
|
2526
|
+
function _templateObject8$6() {
|
|
2527
|
+
var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 12px;\n"]);
|
|
2528
|
+
_templateObject8$6 = function _templateObject8() {
|
|
2529
|
+
return data;
|
|
2530
|
+
};
|
|
2531
|
+
return data;
|
|
2532
|
+
}
|
|
2533
|
+
function _templateObject7$6() {
|
|
2534
|
+
var data = _taggedTemplateLiteral(["\n background: url(", ") no-repeat;\n pointer-events: none;\n "]);
|
|
2535
|
+
_templateObject7$6 = function _templateObject7() {
|
|
2536
|
+
return data;
|
|
2537
|
+
};
|
|
2538
|
+
return data;
|
|
2539
|
+
}
|
|
2540
|
+
function _templateObject6$6() {
|
|
2541
|
+
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"]);
|
|
2542
|
+
_templateObject6$6 = function _templateObject6() {
|
|
2543
|
+
return data;
|
|
2544
|
+
};
|
|
2545
|
+
return data;
|
|
2546
|
+
}
|
|
2547
|
+
function _templateObject5$8() {
|
|
2548
|
+
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"]);
|
|
2549
|
+
_templateObject5$8 = function _templateObject5() {
|
|
2550
|
+
return data;
|
|
2551
|
+
};
|
|
2552
|
+
return data;
|
|
2553
|
+
}
|
|
2554
|
+
function _templateObject4$9() {
|
|
2555
|
+
var data = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n &:hover {\n background: ", " !important;\n cursor: default !important;\n }\n "]);
|
|
2556
|
+
_templateObject4$9 = function _templateObject4() {
|
|
2557
|
+
return data;
|
|
2558
|
+
};
|
|
2559
|
+
return data;
|
|
2560
|
+
}
|
|
2561
|
+
function _templateObject3$a() {
|
|
2562
|
+
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 "]);
|
|
2563
|
+
_templateObject3$a = function _templateObject3() {
|
|
2564
|
+
return data;
|
|
2565
|
+
};
|
|
2566
|
+
return data;
|
|
2567
|
+
}
|
|
2568
|
+
function _templateObject2$a() {
|
|
2569
|
+
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 "]);
|
|
2570
|
+
_templateObject2$a = function _templateObject2() {
|
|
2571
|
+
return data;
|
|
2572
|
+
};
|
|
2573
|
+
return data;
|
|
2574
|
+
}
|
|
2575
|
+
function _templateObject$a() {
|
|
2576
|
+
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"]);
|
|
2577
|
+
_templateObject$a = function _templateObject() {
|
|
2578
|
+
return data;
|
|
2579
|
+
};
|
|
2580
|
+
return data;
|
|
2581
|
+
}
|
|
2582
|
+
var StyledTagGroupMainContainer = styled__default.div(_templateObject$a(), AvatarBgColor, LabelColor, function (props) {
|
|
2583
|
+
switch (props.size) {
|
|
2584
|
+
case "small":
|
|
2585
|
+
return styled.css(_templateObject2$a());
|
|
2586
|
+
case "default":
|
|
2587
|
+
return styled.css(_templateObject3$a());
|
|
2588
|
+
}
|
|
2589
|
+
}, function (props) {
|
|
2590
|
+
return props.disabled && styled.css(_templateObject4$9(), DisabledTextareaBg, DisabledButtonFontColor, DisabledTextareaBg);
|
|
2591
|
+
}, TabHoverBackgroundColor, DisabledButtonFontColor);
|
|
2592
|
+
var StyledTagTextContainer = styled__default.span(_templateObject5$8());
|
|
2593
|
+
var StyledCloseIcon = styled__default.i(_templateObject6$6(), NotificationClose, function (props) {
|
|
2594
|
+
return props.disabled && styled.css(_templateObject7$6(), DisabledClose);
|
|
2595
|
+
});
|
|
2596
|
+
var StyledTagGroupOuterContainer = styled__default.div(_templateObject8$6());
|
|
2597
|
+
|
|
2598
|
+
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; }
|
|
2599
|
+
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; }
|
|
2600
|
+
var Tag = function Tag(_ref) {
|
|
2601
|
+
var children = _ref.children,
|
|
2602
|
+
_ref$size = _ref.size,
|
|
2603
|
+
size = _ref$size === void 0 ? "default" : _ref$size,
|
|
2604
|
+
isRemovable = _ref.isRemovable,
|
|
2605
|
+
onClose = _ref.onClose,
|
|
2606
|
+
disabled = _ref.disabled,
|
|
2607
|
+
props = _objectWithoutProperties(_ref, ["children", "size", "isRemovable", "onClose", "disabled"]);
|
|
2608
|
+
return /*#__PURE__*/jsxRuntime.jsxs(StyledTagGroupMainContainer, _objectSpread$8(_objectSpread$8({
|
|
2609
|
+
size: size,
|
|
2610
|
+
disabled: disabled
|
|
2611
|
+
}, props), {}, {
|
|
2612
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(StyledTagTextContainer, {
|
|
2613
|
+
children: children
|
|
2614
|
+
}), isRemovable && /*#__PURE__*/jsxRuntime.jsx(StyledCloseIcon, {
|
|
2615
|
+
disabled: disabled,
|
|
2616
|
+
onClick: onClose
|
|
2617
|
+
})]
|
|
2618
|
+
}));
|
|
2619
|
+
};
|
|
2620
|
+
|
|
2621
|
+
var eventTypeMapping = {
|
|
2622
|
+
click: "onClick",
|
|
2623
|
+
focusin: "onFocus",
|
|
2624
|
+
focusout: "onFocus",
|
|
2625
|
+
mousedown: "onMouseDown",
|
|
2626
|
+
mouseup: "onMouseUp",
|
|
2627
|
+
touchstart: "onTouchStart",
|
|
2628
|
+
touchend: "onTouchEnd"
|
|
2629
|
+
};
|
|
2630
|
+
var ClickAwayListener = function ClickAwayListener(_ref) {
|
|
2631
|
+
var _cloneElement;
|
|
2632
|
+
var children = _ref.children,
|
|
2633
|
+
onClickAway = _ref.onClickAway,
|
|
2634
|
+
_ref$focusEvent = _ref.focusEvent,
|
|
2635
|
+
focusEvent = _ref$focusEvent === void 0 ? "focusin" : _ref$focusEvent,
|
|
2636
|
+
_ref$mouseEvent = _ref.mouseEvent,
|
|
2637
|
+
mouseEvent = _ref$mouseEvent === void 0 ? "click" : _ref$mouseEvent,
|
|
2638
|
+
_ref$touchEvent = _ref.touchEvent,
|
|
2639
|
+
touchEvent = _ref$touchEvent === void 0 ? "touchend" : _ref$touchEvent;
|
|
2640
|
+
var node = React.useRef(null);
|
|
2641
|
+
var bubbledEventTarget = React.useRef(null);
|
|
2642
|
+
var mountedRef = React.useRef(false);
|
|
2643
|
+
|
|
2644
|
+
/**
|
|
2645
|
+
* Prevents the bubbled event from getting triggered immediately
|
|
2646
|
+
* https://github.com/facebook/react/issues/20074
|
|
2647
|
+
*/
|
|
2648
|
+
React.useEffect(function () {
|
|
2649
|
+
setTimeout(function () {
|
|
2650
|
+
mountedRef.current = true;
|
|
2651
|
+
}, 0);
|
|
2652
|
+
return function () {
|
|
2653
|
+
mountedRef.current = false;
|
|
2654
|
+
};
|
|
2655
|
+
}, []);
|
|
2656
|
+
var handleBubbledEvents = function handleBubbledEvents(type) {
|
|
2657
|
+
return function (event) {
|
|
2658
|
+
bubbledEventTarget.current = event.target;
|
|
2659
|
+
var handler = children === null || children === void 0 ? void 0 : children.props[type];
|
|
2660
|
+
if (handler) {
|
|
2661
|
+
handler(event);
|
|
2662
|
+
}
|
|
2663
|
+
};
|
|
2664
|
+
};
|
|
2665
|
+
React.useEffect(function () {
|
|
2666
|
+
var _node$current$ownerDo, _node$current;
|
|
2667
|
+
var nodeDocument = (_node$current$ownerDo = (_node$current = node.current) === null || _node$current === void 0 ? void 0 : _node$current.ownerDocument) !== null && _node$current$ownerDo !== void 0 ? _node$current$ownerDo : document;
|
|
2668
|
+
var handleEvents = function handleEvents(event) {
|
|
2669
|
+
if (!mountedRef.current) return;
|
|
2670
|
+
if (node.current && node.current.contains(event.target) || bubbledEventTarget.current === event.target || !nodeDocument.contains(event.target)) {
|
|
2671
|
+
return;
|
|
2672
|
+
}
|
|
2673
|
+
onClickAway(event);
|
|
2674
|
+
};
|
|
2675
|
+
nodeDocument.addEventListener(mouseEvent, handleEvents);
|
|
2676
|
+
nodeDocument.addEventListener(touchEvent, handleEvents);
|
|
2677
|
+
nodeDocument.addEventListener(focusEvent, handleEvents);
|
|
2678
|
+
return function () {
|
|
2679
|
+
nodeDocument.removeEventListener(mouseEvent, handleEvents);
|
|
2680
|
+
nodeDocument.removeEventListener(touchEvent, handleEvents);
|
|
2681
|
+
nodeDocument.removeEventListener(focusEvent, handleEvents);
|
|
2682
|
+
};
|
|
2683
|
+
}, [focusEvent, mouseEvent, onClickAway, touchEvent]);
|
|
2684
|
+
var mappedMouseEvent = eventTypeMapping[mouseEvent];
|
|
2685
|
+
var mappedTouchEvent = eventTypeMapping[touchEvent];
|
|
2686
|
+
var mappedFocusEvent = eventTypeMapping[focusEvent];
|
|
2687
|
+
return React__default.Children.only( /*#__PURE__*/React.cloneElement(children, (_cloneElement = {}, _defineProperty(_cloneElement, mappedFocusEvent, handleBubbledEvents(mappedFocusEvent)), _defineProperty(_cloneElement, mappedMouseEvent, handleBubbledEvents(mappedMouseEvent)), _defineProperty(_cloneElement, mappedTouchEvent, handleBubbledEvents(mappedTouchEvent)), _cloneElement)));
|
|
2688
|
+
};
|
|
2689
|
+
|
|
2690
|
+
var SelectedOptionTag = function SelectedOptionTag(_ref) {
|
|
2691
|
+
var onClose = _ref.onClose,
|
|
2692
|
+
label = _ref.label;
|
|
2693
|
+
return /*#__PURE__*/jsxRuntime.jsx(Tag, {
|
|
2694
|
+
size: "small",
|
|
2695
|
+
isRemovable: true,
|
|
2696
|
+
onClose: onClose,
|
|
2697
|
+
children: label
|
|
2698
|
+
});
|
|
2699
|
+
};
|
|
2700
|
+
var SelectedOptionsTagList = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
|
|
2701
|
+
var _ref$current, _ref$current2;
|
|
2702
|
+
var selectedOptions = _ref2.selectedOptions,
|
|
2703
|
+
handleOptionTagRemove = _ref2.handleOptionTagRemove;
|
|
2704
|
+
return /*#__PURE__*/jsxRuntime.jsx(SelectedOptionsTagListContainer, {
|
|
2705
|
+
style: {
|
|
2706
|
+
top: ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.offsetTop) + 25,
|
|
2707
|
+
left: (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.offsetLeft
|
|
2708
|
+
},
|
|
2709
|
+
children: selectedOptions.slice(3, selectedOptions.length).map(function (option) {
|
|
2710
|
+
return /*#__PURE__*/jsxRuntime.jsx(SelectedOptionTag, {
|
|
2711
|
+
label: option.label,
|
|
2712
|
+
onClose: function onClose() {
|
|
2713
|
+
return handleOptionTagRemove(option);
|
|
2714
|
+
}
|
|
2715
|
+
});
|
|
2716
|
+
})
|
|
2717
|
+
});
|
|
2718
|
+
});
|
|
2719
|
+
var SelectedOptionsTags = function SelectedOptionsTags(_ref3) {
|
|
2720
|
+
var selectedOptions = _ref3.selectedOptions,
|
|
2721
|
+
onChange = _ref3.onChange;
|
|
2722
|
+
var optionListTagRef = React.useRef(null);
|
|
2723
|
+
var _useState = React.useState(false),
|
|
2724
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
2725
|
+
isSelectedOptionsTagListOpen = _useState2[0],
|
|
2726
|
+
setSelectedOptionsTagListOpen = _useState2[1];
|
|
2727
|
+
var handleOptionTagRemove = function handleOptionTagRemove(option) {
|
|
2728
|
+
var updatedOptions = selectedOptions.filter(function (op) {
|
|
2729
|
+
return op.value !== option.value;
|
|
2730
|
+
});
|
|
2731
|
+
onChange(updatedOptions);
|
|
2732
|
+
};
|
|
2733
|
+
return /*#__PURE__*/jsxRuntime.jsx(SelectedOptionsTagGroup, {
|
|
2734
|
+
children: selectedOptions.length > 0 ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
2735
|
+
children: [selectedOptions.slice(0, 3).map(function (option, index) {
|
|
2736
|
+
return /*#__PURE__*/jsxRuntime.jsx(SelectedOptionTag, {
|
|
2737
|
+
label: option.label,
|
|
2738
|
+
onClose: function onClose() {
|
|
2739
|
+
return handleOptionTagRemove(option);
|
|
2740
|
+
}
|
|
2741
|
+
}, index);
|
|
2742
|
+
}), selectedOptions.length > 3 && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
2743
|
+
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
2744
|
+
ref: optionListTagRef,
|
|
2745
|
+
children: /*#__PURE__*/jsxRuntime.jsx(Tag, {
|
|
2746
|
+
size: "small",
|
|
2747
|
+
onClick: function onClick(e) {
|
|
2748
|
+
setSelectedOptionsTagListOpen(function (prevState) {
|
|
2749
|
+
return !prevState;
|
|
2750
|
+
});
|
|
2751
|
+
},
|
|
2752
|
+
children: "...."
|
|
2753
|
+
})
|
|
2754
|
+
}), isSelectedOptionsTagListOpen && /*#__PURE__*/jsxRuntime.jsx(ClickAwayListener, {
|
|
2755
|
+
onClickAway: function onClickAway() {
|
|
2756
|
+
return setSelectedOptionsTagListOpen(false);
|
|
2757
|
+
},
|
|
2758
|
+
children: /*#__PURE__*/jsxRuntime.jsx(SelectedOptionsTagList, {
|
|
2759
|
+
selectedOptions: selectedOptions,
|
|
2760
|
+
ref: optionListTagRef,
|
|
2761
|
+
handleOptionTagRemove: handleOptionTagRemove
|
|
2762
|
+
})
|
|
2763
|
+
})]
|
|
2764
|
+
})]
|
|
2765
|
+
}) : null
|
|
2766
|
+
});
|
|
2767
|
+
};
|
|
2768
|
+
|
|
2769
|
+
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; }
|
|
2770
|
+
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; }
|
|
2771
|
+
var selectStyles = {
|
|
2313
2772
|
menu: function menu() {
|
|
2314
2773
|
return {};
|
|
2315
2774
|
} // to remove default menu styles
|
|
2316
2775
|
};
|
|
2317
2776
|
|
|
2318
|
-
var
|
|
2319
|
-
|
|
2320
|
-
|
|
2321
|
-
|
|
2322
|
-
|
|
2323
|
-
|
|
2324
|
-
|
|
2325
|
-
|
|
2326
|
-
|
|
2327
|
-
|
|
2328
|
-
|
|
2329
|
-
|
|
2330
|
-
|
|
2331
|
-
|
|
2332
|
-
|
|
2333
|
-
|
|
2334
|
-
|
|
2335
|
-
|
|
2336
|
-
|
|
2337
|
-
|
|
2338
|
-
|
|
2777
|
+
var MenuList = function MenuList(props) {
|
|
2778
|
+
return /*#__PURE__*/jsxRuntime.jsxs(Select$1.components.MenuList, _objectSpread$9(_objectSpread$9({
|
|
2779
|
+
className: "menulistScroll"
|
|
2780
|
+
}, props), {}, {
|
|
2781
|
+
children: [props.children, props.isLoading && /*#__PURE__*/jsxRuntime.jsx(Option, _objectSpread$9(_objectSpread$9({
|
|
2782
|
+
isLoadingOption: true,
|
|
2783
|
+
className: "loading-option".concat(props.selectProps.isMulti ? "-multi" : "")
|
|
2784
|
+
}, props), {}, {
|
|
2785
|
+
label: "loading..."
|
|
2786
|
+
}))]
|
|
2787
|
+
}));
|
|
2788
|
+
};
|
|
2789
|
+
var Select = function Select(_ref) {
|
|
2790
|
+
var label = _ref.label,
|
|
2791
|
+
placeholder = _ref.placeholder,
|
|
2792
|
+
initialOptions = _ref.initialOptions,
|
|
2793
|
+
isMulti = _ref.isMulti,
|
|
2794
|
+
isOpen = _ref.isOpen,
|
|
2795
|
+
setIsOpen = _ref.setIsOpen,
|
|
2796
|
+
currentOptions = _ref.currentOptions,
|
|
2797
|
+
setCurrentOptions = _ref.setCurrentOptions,
|
|
2798
|
+
selectedOptions = _ref.selectedOptions,
|
|
2799
|
+
setSelectedOptions = _ref.setSelectedOptions,
|
|
2800
|
+
isSelectAll = _ref.isSelectAll,
|
|
2801
|
+
setIsSelectAll = _ref.setIsSelectAll,
|
|
2802
|
+
isWithSelectAll = _ref.isWithSelectAll,
|
|
2803
|
+
isWithSearch = _ref.isWithSearch,
|
|
2804
|
+
isWithSelectedOptionTags = _ref.isWithSelectedOptionTags,
|
|
2805
|
+
_ref$labelOrientation = _ref.labelOrientation,
|
|
2806
|
+
labelOrientation = _ref$labelOrientation === void 0 ? "top" : _ref$labelOrientation,
|
|
2807
|
+
withPortal = _ref.withPortal,
|
|
2808
|
+
onMenuScrollToBottom = _ref.onMenuScrollToBottom,
|
|
2809
|
+
_ref$portalContainer = _ref.portalContainer,
|
|
2810
|
+
portalContainer = _ref$portalContainer === void 0 ? document.body : _ref$portalContainer,
|
|
2811
|
+
props = _objectWithoutProperties(_ref, ["label", "placeholder", "initialOptions", "isMulti", "isOpen", "setIsOpen", "currentOptions", "setCurrentOptions", "selectedOptions", "setSelectedOptions", "isSelectAll", "setIsSelectAll", "isWithSelectAll", "isWithSearch", "isWithSelectedOptionTags", "labelOrientation", "withPortal", "onMenuScrollToBottom", "portalContainer"]);
|
|
2339
2812
|
var searchBarRef = React.useRef(null);
|
|
2340
2813
|
var containerRef = React.useRef(null);
|
|
2341
2814
|
React.useEffect(function () {
|
|
@@ -2343,9 +2816,9 @@
|
|
|
2343
2816
|
isWithSearch && searchBarRef.current.focus();
|
|
2344
2817
|
}
|
|
2345
2818
|
}, [isOpen]);
|
|
2346
|
-
var
|
|
2347
|
-
if (props.
|
|
2348
|
-
props.
|
|
2819
|
+
var onChange = function onChange(selectedOptions) {
|
|
2820
|
+
if (props.onChange) {
|
|
2821
|
+
props.onChange(selectedOptions);
|
|
2349
2822
|
} else {
|
|
2350
2823
|
isMulti && (selectedOptions.length === initialOptions.length ? setIsSelectAll(true) : setIsSelectAll(false));
|
|
2351
2824
|
setSelectedOptions(selectedOptions);
|
|
@@ -2432,13 +2905,19 @@
|
|
|
2432
2905
|
containerRef: containerRef,
|
|
2433
2906
|
withPortal: withPortal,
|
|
2434
2907
|
portalContainer: portalContainer,
|
|
2435
|
-
|
|
2436
|
-
|
|
2437
|
-
|
|
2438
|
-
|
|
2439
|
-
|
|
2440
|
-
|
|
2441
|
-
|
|
2908
|
+
onMenuScrollToBottom: onMenuScrollToBottom,
|
|
2909
|
+
target: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
2910
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs(StyledDropdownMainButton, {
|
|
2911
|
+
variant: "primary",
|
|
2912
|
+
disabled: props.disabled,
|
|
2913
|
+
onClick: isOpen ? onDropdownClose : onDropdownOpen,
|
|
2914
|
+
isSelected: Object.entries(selectedOptions).length > 0,
|
|
2915
|
+
children: [getPlaceholder(), /*#__PURE__*/jsxRuntime.jsx(StyledChevronIcon, {
|
|
2916
|
+
isOpen: isOpen
|
|
2917
|
+
})]
|
|
2918
|
+
}), isMulti && isWithSelectedOptionTags && /*#__PURE__*/jsxRuntime.jsx(SelectedOptionsTags, {
|
|
2919
|
+
selectedOptions: selectedOptions,
|
|
2920
|
+
onChange: onChange
|
|
2442
2921
|
})]
|
|
2443
2922
|
}),
|
|
2444
2923
|
children: [/*#__PURE__*/jsxRuntime.jsx(Filters, {
|
|
@@ -2451,21 +2930,22 @@
|
|
|
2451
2930
|
selectedOptions: selectedOptions,
|
|
2452
2931
|
isWithSelectAll: isWithSelectAll,
|
|
2453
2932
|
isWithSearch: isWithSearch
|
|
2454
|
-
}), /*#__PURE__*/jsxRuntime.jsx(StyledSelect, _objectSpread$
|
|
2933
|
+
}), /*#__PURE__*/jsxRuntime.jsx(StyledSelect, _objectSpread$9({
|
|
2455
2934
|
isMulti: isMulti,
|
|
2456
2935
|
classNamePrefix: "multi-select",
|
|
2457
2936
|
autoFocus: true,
|
|
2458
2937
|
backspaceRemovesValue: false,
|
|
2459
2938
|
components: {
|
|
2460
2939
|
IndicatorSeparator: null,
|
|
2461
|
-
Option: Option
|
|
2940
|
+
Option: Option,
|
|
2941
|
+
MenuList: MenuList
|
|
2462
2942
|
},
|
|
2463
2943
|
controlShouldRenderValue: true,
|
|
2464
2944
|
hideSelectedOptions: false,
|
|
2465
2945
|
isClearable: false,
|
|
2466
2946
|
menuIsOpen: true,
|
|
2467
2947
|
tabSelectsValue: false,
|
|
2468
|
-
onChange:
|
|
2948
|
+
onChange: onChange,
|
|
2469
2949
|
options: currentOptions,
|
|
2470
2950
|
placeholder: "Search...",
|
|
2471
2951
|
value: selectedOptions,
|
|
@@ -2474,295 +2954,205 @@
|
|
|
2474
2954
|
})]
|
|
2475
2955
|
});
|
|
2476
2956
|
};
|
|
2477
|
-
var Option = function Option(
|
|
2478
|
-
|
|
2957
|
+
var Option = function Option(_ref2) {
|
|
2958
|
+
var isLoadingOption = _ref2.isLoadingOption,
|
|
2959
|
+
props = _objectWithoutProperties(_ref2, ["isLoadingOption"]);
|
|
2960
|
+
return /*#__PURE__*/jsxRuntime.jsx(Select$1.components.Option, _objectSpread$9(_objectSpread$9({}, props), {}, {
|
|
2479
2961
|
children: props.selectProps.isMulti ? /*#__PURE__*/jsxRuntime.jsx(Checkbox, {
|
|
2480
2962
|
label: props.label,
|
|
2481
2963
|
checked: props.isSelected,
|
|
2482
2964
|
onChange: function onChange() {
|
|
2483
2965
|
return null;
|
|
2484
|
-
}
|
|
2966
|
+
},
|
|
2967
|
+
disabled: isLoadingOption
|
|
2485
2968
|
}) : props.label
|
|
2486
2969
|
}));
|
|
2487
2970
|
};
|
|
2488
|
-
var Filters = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
|
|
2489
|
-
var onSearch = _ref3.onSearch,
|
|
2490
|
-
isMulti = _ref3.isMulti,
|
|
2491
|
-
onSelectAll = _ref3.onSelectAll,
|
|
2492
|
-
onClearAll = _ref3.onClearAll,
|
|
2493
|
-
isSelectAll = _ref3.isSelectAll,
|
|
2494
|
-
selectedOptions = _ref3.selectedOptions,
|
|
2495
|
-
isWithSelectAll = _ref3.isWithSelectAll,
|
|
2496
|
-
isWithSearch = _ref3.isWithSearch;
|
|
2497
|
-
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
2498
|
-
children: [isWithSearch && /*#__PURE__*/jsxRuntime.jsx(StyledDDSearchBox, {
|
|
2499
|
-
placeholder: "Search",
|
|
2500
|
-
ref: ref,
|
|
2501
|
-
onChange: onSearch
|
|
2502
|
-
}), isMulti && isWithSelectAll && /*#__PURE__*/jsxRuntime.jsxs(SearchContainer, {
|
|
2503
|
-
children: [!isSelectAll && selectedOptions.length > 0 ? /*#__PURE__*/jsxRuntime.jsx(StyledButtonURLClear, {
|
|
2504
|
-
variant: "url",
|
|
2505
|
-
onClick: onClearAll,
|
|
2506
|
-
children: "Clear Selection"
|
|
2507
|
-
}) : null, /*#__PURE__*/jsxRuntime.jsx(StyledSelectAllContainer, {
|
|
2508
|
-
children: /*#__PURE__*/jsxRuntime.jsx(Checkbox, {
|
|
2509
|
-
name: "select-all",
|
|
2510
|
-
id: "select-all",
|
|
2511
|
-
label: isSelectAll ? "Deselect All" : "Select All",
|
|
2512
|
-
onChange: onSelectAll,
|
|
2513
|
-
checked: isSelectAll
|
|
2514
|
-
})
|
|
2515
|
-
})]
|
|
2516
|
-
})]
|
|
2517
|
-
});
|
|
2518
|
-
});
|
|
2519
|
-
|
|
2520
|
-
var arrayWithHoles = createCommonjsModule(function (module) {
|
|
2521
|
-
function _arrayWithHoles(arr) {
|
|
2522
|
-
if (Array.isArray(arr)) return arr;
|
|
2523
|
-
}
|
|
2524
|
-
|
|
2525
|
-
module.exports = _arrayWithHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2526
|
-
});
|
|
2527
|
-
|
|
2528
|
-
unwrapExports(arrayWithHoles);
|
|
2529
|
-
|
|
2530
|
-
var iterableToArrayLimit = createCommonjsModule(function (module) {
|
|
2531
|
-
function _iterableToArrayLimit(arr, i) {
|
|
2532
|
-
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
2533
|
-
|
|
2534
|
-
if (_i == null) return;
|
|
2535
|
-
var _arr = [];
|
|
2536
|
-
var _n = true;
|
|
2537
|
-
var _d = false;
|
|
2538
|
-
|
|
2539
|
-
var _s, _e;
|
|
2540
|
-
|
|
2541
|
-
try {
|
|
2542
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
|
|
2543
|
-
_arr.push(_s.value);
|
|
2544
|
-
|
|
2545
|
-
if (i && _arr.length === i) break;
|
|
2546
|
-
}
|
|
2547
|
-
} catch (err) {
|
|
2548
|
-
_d = true;
|
|
2549
|
-
_e = err;
|
|
2550
|
-
} finally {
|
|
2551
|
-
try {
|
|
2552
|
-
if (!_n && _i["return"] != null) _i["return"]();
|
|
2553
|
-
} finally {
|
|
2554
|
-
if (_d) throw _e;
|
|
2555
|
-
}
|
|
2556
|
-
}
|
|
2557
|
-
|
|
2558
|
-
return _arr;
|
|
2559
|
-
}
|
|
2560
|
-
|
|
2561
|
-
module.exports = _iterableToArrayLimit, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2562
|
-
});
|
|
2563
|
-
|
|
2564
|
-
unwrapExports(iterableToArrayLimit);
|
|
2565
|
-
|
|
2566
|
-
var nonIterableRest = createCommonjsModule(function (module) {
|
|
2567
|
-
function _nonIterableRest() {
|
|
2568
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
2569
|
-
}
|
|
2570
|
-
|
|
2571
|
-
module.exports = _nonIterableRest, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2572
|
-
});
|
|
2573
|
-
|
|
2574
|
-
unwrapExports(nonIterableRest);
|
|
2575
|
-
|
|
2576
|
-
var slicedToArray = createCommonjsModule(function (module) {
|
|
2577
|
-
function _slicedToArray(arr, i) {
|
|
2578
|
-
return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();
|
|
2579
|
-
}
|
|
2580
|
-
|
|
2581
|
-
module.exports = _slicedToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
2582
|
-
});
|
|
2583
|
-
|
|
2584
|
-
var _slicedToArray = unwrapExports(slicedToArray);
|
|
2585
2971
|
|
|
2586
|
-
function _templateObject12$
|
|
2972
|
+
function _templateObject12$4() {
|
|
2587
2973
|
var data = _taggedTemplateLiteral(["\n display: none;\n "]);
|
|
2588
|
-
_templateObject12$
|
|
2974
|
+
_templateObject12$4 = function _templateObject12() {
|
|
2589
2975
|
return data;
|
|
2590
2976
|
};
|
|
2591
2977
|
return data;
|
|
2592
2978
|
}
|
|
2593
|
-
function _templateObject11$
|
|
2979
|
+
function _templateObject11$5() {
|
|
2594
2980
|
var data = _taggedTemplateLiteral(["\n padding-top: 8px;\n ", "\n"]);
|
|
2595
|
-
_templateObject11$
|
|
2981
|
+
_templateObject11$5 = function _templateObject11() {
|
|
2596
2982
|
return data;
|
|
2597
2983
|
};
|
|
2598
2984
|
return data;
|
|
2599
2985
|
}
|
|
2600
|
-
function _templateObject10$
|
|
2986
|
+
function _templateObject10$6() {
|
|
2601
2987
|
var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"]);
|
|
2602
|
-
_templateObject10$
|
|
2988
|
+
_templateObject10$6 = function _templateObject10() {
|
|
2603
2989
|
return data;
|
|
2604
2990
|
};
|
|
2605
2991
|
return data;
|
|
2606
2992
|
}
|
|
2607
|
-
function _templateObject9$
|
|
2993
|
+
function _templateObject9$6() {
|
|
2608
2994
|
var data = _taggedTemplateLiteral(["\n transform: rotate(0deg);\n "]);
|
|
2609
|
-
_templateObject9$
|
|
2995
|
+
_templateObject9$6 = function _templateObject9() {
|
|
2610
2996
|
return data;
|
|
2611
2997
|
};
|
|
2612
2998
|
return data;
|
|
2613
2999
|
}
|
|
2614
|
-
function _templateObject8$
|
|
3000
|
+
function _templateObject8$7() {
|
|
2615
3001
|
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"]);
|
|
2616
|
-
_templateObject8$
|
|
3002
|
+
_templateObject8$7 = function _templateObject8() {
|
|
2617
3003
|
return data;
|
|
2618
3004
|
};
|
|
2619
3005
|
return data;
|
|
2620
3006
|
}
|
|
2621
|
-
function _templateObject7$
|
|
3007
|
+
function _templateObject7$7() {
|
|
2622
3008
|
var data = _taggedTemplateLiteral(["\n font-weight: 400;\n "]);
|
|
2623
|
-
_templateObject7$
|
|
3009
|
+
_templateObject7$7 = function _templateObject7() {
|
|
2624
3010
|
return data;
|
|
2625
3011
|
};
|
|
2626
3012
|
return data;
|
|
2627
3013
|
}
|
|
2628
|
-
function _templateObject6$
|
|
3014
|
+
function _templateObject6$7() {
|
|
2629
3015
|
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"]);
|
|
2630
|
-
_templateObject6$
|
|
3016
|
+
_templateObject6$7 = function _templateObject6() {
|
|
2631
3017
|
return data;
|
|
2632
3018
|
};
|
|
2633
3019
|
return data;
|
|
2634
3020
|
}
|
|
2635
|
-
function _templateObject5$
|
|
3021
|
+
function _templateObject5$9() {
|
|
2636
3022
|
var data = _taggedTemplateLiteral(["\n border-top: 1px solid ", ";\n padding-top: 8px;\n"]);
|
|
2637
|
-
_templateObject5$
|
|
3023
|
+
_templateObject5$9 = function _templateObject5() {
|
|
2638
3024
|
return data;
|
|
2639
3025
|
};
|
|
2640
3026
|
return data;
|
|
2641
3027
|
}
|
|
2642
|
-
function _templateObject4$
|
|
3028
|
+
function _templateObject4$a() {
|
|
2643
3029
|
var data = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n "]);
|
|
2644
|
-
_templateObject4$
|
|
3030
|
+
_templateObject4$a = function _templateObject4() {
|
|
2645
3031
|
return data;
|
|
2646
3032
|
};
|
|
2647
3033
|
return data;
|
|
2648
3034
|
}
|
|
2649
|
-
function _templateObject3$
|
|
3035
|
+
function _templateObject3$b() {
|
|
2650
3036
|
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 "]);
|
|
2651
|
-
_templateObject3$
|
|
3037
|
+
_templateObject3$b = function _templateObject3() {
|
|
2652
3038
|
return data;
|
|
2653
3039
|
};
|
|
2654
3040
|
return data;
|
|
2655
3041
|
}
|
|
2656
|
-
function _templateObject2$
|
|
3042
|
+
function _templateObject2$b() {
|
|
2657
3043
|
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 "]);
|
|
2658
|
-
_templateObject2$
|
|
3044
|
+
_templateObject2$b = function _templateObject2() {
|
|
2659
3045
|
return data;
|
|
2660
3046
|
};
|
|
2661
3047
|
return data;
|
|
2662
3048
|
}
|
|
2663
|
-
function _templateObject$
|
|
3049
|
+
function _templateObject$b() {
|
|
2664
3050
|
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"]);
|
|
2665
|
-
_templateObject$
|
|
3051
|
+
_templateObject$b = function _templateObject() {
|
|
2666
3052
|
return data;
|
|
2667
3053
|
};
|
|
2668
3054
|
return data;
|
|
2669
3055
|
}
|
|
2670
|
-
var StyledAccordionMainContainer = styled__default.div(_templateObject$
|
|
3056
|
+
var StyledAccordionMainContainer = styled__default.div(_templateObject$b(), PrimaryBlueColor, PrimaryBlueColor, FocusBackgroundColor, function (props) {
|
|
2671
3057
|
switch (props.variant) {
|
|
2672
3058
|
case "disabled":
|
|
2673
|
-
return styled.css(_templateObject2$
|
|
3059
|
+
return styled.css(_templateObject2$b(), DisabledTextareaBg, FocusDisableBorderColor, FocusDisableBorderColor);
|
|
2674
3060
|
}
|
|
2675
3061
|
}, function (props) {
|
|
2676
|
-
return props.disabled && styled.css(_templateObject3$
|
|
3062
|
+
return props.disabled && styled.css(_templateObject3$b(), DisabledTextareaBg, FocusDisableBorderColor, FocusDisableBorderColor);
|
|
2677
3063
|
}, function (props) {
|
|
2678
|
-
return !props.isOpen && styled.css(_templateObject4$
|
|
3064
|
+
return !props.isOpen && styled.css(_templateObject4$a(), DefaultColorButton);
|
|
2679
3065
|
});
|
|
2680
|
-
var StyledAccordionContainerText = styled__default.div(_templateObject5$
|
|
2681
|
-
var StyledAccordionLabel = styled__default.span(_templateObject6$
|
|
2682
|
-
return !props.isOpen && styled.css(_templateObject7$
|
|
3066
|
+
var StyledAccordionContainerText = styled__default.div(_templateObject5$9(), DefaultColorButton);
|
|
3067
|
+
var StyledAccordionLabel = styled__default.span(_templateObject6$7(), function (props) {
|
|
3068
|
+
return !props.isOpen && styled.css(_templateObject7$7());
|
|
2683
3069
|
});
|
|
2684
|
-
var StyledAccordionChevron = styled__default.i(_templateObject8$
|
|
2685
|
-
return !props.isOpen && styled.css(_templateObject9$
|
|
3070
|
+
var StyledAccordionChevron = styled__default.i(_templateObject8$7(), ChevronImage, function (props) {
|
|
3071
|
+
return !props.isOpen && styled.css(_templateObject9$6());
|
|
2686
3072
|
});
|
|
2687
|
-
var StyledAccordionHeading = styled__default.div(_templateObject10$
|
|
2688
|
-
var StyledAccordionBodyContainer = styled__default.div(_templateObject11$
|
|
2689
|
-
return !props.isOpen && styled.css(_templateObject12$
|
|
3073
|
+
var StyledAccordionHeading = styled__default.div(_templateObject10$6());
|
|
3074
|
+
var StyledAccordionBodyContainer = styled__default.div(_templateObject11$5(), function (props) {
|
|
3075
|
+
return !props.isOpen && styled.css(_templateObject12$4());
|
|
2690
3076
|
});
|
|
2691
3077
|
|
|
2692
|
-
var
|
|
2693
|
-
|
|
3078
|
+
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; }
|
|
3079
|
+
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; }
|
|
3080
|
+
var AccordionComponent = function AccordionComponent(_ref) {
|
|
3081
|
+
var isOpen = _ref.isOpen,
|
|
2694
3082
|
label = _ref.label,
|
|
2695
|
-
|
|
2696
|
-
|
|
2697
|
-
|
|
2698
|
-
|
|
3083
|
+
onChange = _ref.onChange,
|
|
3084
|
+
disabled = _ref.disabled,
|
|
3085
|
+
children = _ref.children;
|
|
3086
|
+
return /*#__PURE__*/jsxRuntime.jsxs(StyledAccordionMainContainer, {
|
|
3087
|
+
isOpen: isOpen,
|
|
3088
|
+
disabled: disabled,
|
|
3089
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs(StyledAccordionHeading, {
|
|
3090
|
+
onClick: function onClick() {
|
|
3091
|
+
return onChange();
|
|
3092
|
+
},
|
|
3093
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(StyledAccordionLabel, {
|
|
3094
|
+
isOpen: isOpen,
|
|
3095
|
+
children: label
|
|
3096
|
+
}), /*#__PURE__*/jsxRuntime.jsx(StyledAccordionChevron, {
|
|
3097
|
+
isOpen: isOpen
|
|
3098
|
+
})]
|
|
3099
|
+
}), /*#__PURE__*/jsxRuntime.jsx(StyledAccordionBodyContainer, {
|
|
3100
|
+
isOpen: isOpen,
|
|
3101
|
+
children: /*#__PURE__*/jsxRuntime.jsx(StyledAccordionContainerText, {
|
|
3102
|
+
children: children
|
|
3103
|
+
})
|
|
3104
|
+
})]
|
|
3105
|
+
});
|
|
3106
|
+
};
|
|
3107
|
+
var Accordion = function Accordion(_ref2) {
|
|
3108
|
+
var isExpanded = _ref2.isExpanded,
|
|
3109
|
+
defaultExpanded = _ref2.defaultExpanded,
|
|
3110
|
+
onChange = _ref2.onChange,
|
|
3111
|
+
props = _objectWithoutProperties(_ref2, ["isExpanded", "defaultExpanded", "onChange"]);
|
|
2699
3112
|
var _useState = React.useState(defaultExpanded),
|
|
2700
3113
|
_useState2 = _slicedToArray(_useState, 2),
|
|
2701
3114
|
isOpen = _useState2[0],
|
|
2702
3115
|
setIsOpen = _useState2[1];
|
|
2703
|
-
var
|
|
2704
|
-
|
|
2705
|
-
|
|
2706
|
-
|
|
2707
|
-
});
|
|
2708
|
-
onChange(!isOpen);
|
|
3116
|
+
var initialRender = React.useRef(true);
|
|
3117
|
+
React.useEffect(function () {
|
|
3118
|
+
if (initialRender.current) {
|
|
3119
|
+
initialRender.current = false;
|
|
2709
3120
|
} else {
|
|
2710
|
-
|
|
2711
|
-
|
|
2712
|
-
}
|
|
3121
|
+
if (onChange) {
|
|
3122
|
+
onChange(isOpen);
|
|
3123
|
+
}
|
|
2713
3124
|
}
|
|
3125
|
+
}, [isOpen]);
|
|
3126
|
+
var handleAccordionAction = function handleAccordionAction() {
|
|
3127
|
+
setIsOpen(function (prevState) {
|
|
3128
|
+
return !prevState;
|
|
3129
|
+
});
|
|
2714
3130
|
};
|
|
2715
3131
|
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
2716
|
-
children: isExpanded !== undefined ?
|
|
3132
|
+
children: isExpanded !== undefined ?
|
|
3133
|
+
/*#__PURE__*/
|
|
3134
|
+
// controlled
|
|
3135
|
+
jsxRuntime.jsx(AccordionComponent, _objectSpread$a({
|
|
2717
3136
|
isOpen: isExpanded,
|
|
2718
|
-
|
|
2719
|
-
|
|
2720
|
-
|
|
2721
|
-
|
|
2722
|
-
|
|
2723
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(StyledAccordionLabel, {
|
|
2724
|
-
isOpen: isExpanded,
|
|
2725
|
-
children: label
|
|
2726
|
-
}), /*#__PURE__*/jsxRuntime.jsx(StyledAccordionChevron, {
|
|
2727
|
-
isOpen: isExpanded
|
|
2728
|
-
})]
|
|
2729
|
-
}), /*#__PURE__*/jsxRuntime.jsx(StyledAccordionBodyContainer, {
|
|
2730
|
-
isOpen: isExpanded,
|
|
2731
|
-
children: /*#__PURE__*/jsxRuntime.jsx(StyledAccordionContainerText, {
|
|
2732
|
-
children: children
|
|
2733
|
-
})
|
|
2734
|
-
})]
|
|
2735
|
-
}) : /*#__PURE__*/jsxRuntime.jsxs(StyledAccordionMainContainer, {
|
|
3137
|
+
onChange: onChange
|
|
3138
|
+
}, props)) :
|
|
3139
|
+
/*#__PURE__*/
|
|
3140
|
+
// uncontrolled
|
|
3141
|
+
jsxRuntime.jsx(AccordionComponent, _objectSpread$a({
|
|
2736
3142
|
isOpen: isOpen,
|
|
2737
|
-
|
|
2738
|
-
|
|
2739
|
-
onClick: function onClick() {
|
|
2740
|
-
return handleAccordionAction();
|
|
2741
|
-
},
|
|
2742
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(StyledAccordionLabel, {
|
|
2743
|
-
isOpen: isOpen,
|
|
2744
|
-
children: label
|
|
2745
|
-
}), /*#__PURE__*/jsxRuntime.jsx(StyledAccordionChevron, {
|
|
2746
|
-
isOpen: isOpen
|
|
2747
|
-
})]
|
|
2748
|
-
}), /*#__PURE__*/jsxRuntime.jsx(StyledAccordionBodyContainer, {
|
|
2749
|
-
isOpen: isOpen,
|
|
2750
|
-
children: /*#__PURE__*/jsxRuntime.jsx(StyledAccordionContainerText, {
|
|
2751
|
-
children: children
|
|
2752
|
-
})
|
|
2753
|
-
})]
|
|
2754
|
-
})
|
|
3143
|
+
onChange: handleAccordionAction
|
|
3144
|
+
}, props))
|
|
2755
3145
|
});
|
|
2756
3146
|
};
|
|
2757
3147
|
|
|
2758
|
-
function _templateObject$
|
|
3148
|
+
function _templateObject$c() {
|
|
2759
3149
|
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"]);
|
|
2760
|
-
_templateObject$
|
|
3150
|
+
_templateObject$c = function _templateObject() {
|
|
2761
3151
|
return data;
|
|
2762
3152
|
};
|
|
2763
3153
|
return data;
|
|
2764
3154
|
}
|
|
2765
|
-
var StyledButtonGroup = styled__default.div(_templateObject$
|
|
3155
|
+
var StyledButtonGroup = styled__default.div(_templateObject$c(), DefaultColorButton, LOW_RES_NORMAL_BUTTON_HEIGHT, StyledButton, CheckBoxBorder, WhiteColor, DefaultColorButton, FocusBackgroundColor);
|
|
2766
3156
|
|
|
2767
3157
|
var ButtonGroup = function ButtonGroup(_ref) {
|
|
2768
3158
|
var children = _ref.children,
|
|
@@ -2777,9 +3167,9 @@
|
|
|
2777
3167
|
});
|
|
2778
3168
|
};
|
|
2779
3169
|
|
|
2780
|
-
function _templateObject17$
|
|
3170
|
+
function _templateObject17$2() {
|
|
2781
3171
|
var data = _taggedTemplateLiteral([""]);
|
|
2782
|
-
_templateObject17$
|
|
3172
|
+
_templateObject17$2 = function _templateObject17() {
|
|
2783
3173
|
return data;
|
|
2784
3174
|
};
|
|
2785
3175
|
return data;
|
|
@@ -2812,92 +3202,92 @@
|
|
|
2812
3202
|
};
|
|
2813
3203
|
return data;
|
|
2814
3204
|
}
|
|
2815
|
-
function _templateObject12$
|
|
3205
|
+
function _templateObject12$5() {
|
|
2816
3206
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: -9px;\n top: auto;\n bottom: 10px;\n transform: rotate(90deg);\n }\n "]);
|
|
2817
|
-
_templateObject12$
|
|
3207
|
+
_templateObject12$5 = function _templateObject12() {
|
|
2818
3208
|
return data;
|
|
2819
3209
|
};
|
|
2820
3210
|
return data;
|
|
2821
3211
|
}
|
|
2822
|
-
function _templateObject11$
|
|
3212
|
+
function _templateObject11$6() {
|
|
2823
3213
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: -9px;\n right: auto;\n top: 0px;\n bottom: 0;\n transform: rotate(-90deg);\n }\n "]);
|
|
2824
|
-
_templateObject11$
|
|
3214
|
+
_templateObject11$6 = function _templateObject11() {
|
|
2825
3215
|
return data;
|
|
2826
3216
|
};
|
|
2827
3217
|
return data;
|
|
2828
3218
|
}
|
|
2829
|
-
function _templateObject10$
|
|
3219
|
+
function _templateObject10$7() {
|
|
2830
3220
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: -9px;\n top: 10px;\n bottom: auto;\n transform: rotate(90deg);\n }\n "]);
|
|
2831
|
-
_templateObject10$
|
|
3221
|
+
_templateObject10$7 = function _templateObject10() {
|
|
2832
3222
|
return data;
|
|
2833
3223
|
};
|
|
2834
3224
|
return data;
|
|
2835
3225
|
}
|
|
2836
|
-
function _templateObject9$
|
|
3226
|
+
function _templateObject9$7() {
|
|
2837
3227
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: -9px;\n right: auto;\n top: auto;\n bottom: 10px;\n transform: rotate(-90deg);\n }\n "]);
|
|
2838
|
-
_templateObject9$
|
|
3228
|
+
_templateObject9$7 = function _templateObject9() {
|
|
2839
3229
|
return data;
|
|
2840
3230
|
};
|
|
2841
3231
|
return data;
|
|
2842
3232
|
}
|
|
2843
|
-
function _templateObject8$
|
|
3233
|
+
function _templateObject8$8() {
|
|
2844
3234
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: -9px;\n top: 0px;\n bottom: 0px;\n transform: rotate(90deg);\n }\n "]);
|
|
2845
|
-
_templateObject8$
|
|
3235
|
+
_templateObject8$8 = function _templateObject8() {
|
|
2846
3236
|
return data;
|
|
2847
3237
|
};
|
|
2848
3238
|
return data;
|
|
2849
3239
|
}
|
|
2850
|
-
function _templateObject7$
|
|
3240
|
+
function _templateObject7$8() {
|
|
2851
3241
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: -9px;\n right: auto;\n top: 10px;\n transform: rotate(-90deg);\n }\n "]);
|
|
2852
|
-
_templateObject7$
|
|
3242
|
+
_templateObject7$8 = function _templateObject7() {
|
|
2853
3243
|
return data;
|
|
2854
3244
|
};
|
|
2855
3245
|
return data;
|
|
2856
3246
|
}
|
|
2857
|
-
function _templateObject6$
|
|
3247
|
+
function _templateObject6$8() {
|
|
2858
3248
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: auto;\n right: 10px;\n }\n "]);
|
|
2859
|
-
_templateObject6$
|
|
3249
|
+
_templateObject6$8 = function _templateObject6() {
|
|
2860
3250
|
return data;
|
|
2861
3251
|
};
|
|
2862
3252
|
return data;
|
|
2863
3253
|
}
|
|
2864
|
-
function _templateObject5$
|
|
3254
|
+
function _templateObject5$a() {
|
|
2865
3255
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: 0px;\n right: 0px;\n top: auto;\n bottom: -6px;\n transform: rotate(-180deg);\n }\n "]);
|
|
2866
|
-
_templateObject5$
|
|
3256
|
+
_templateObject5$a = function _templateObject5() {
|
|
2867
3257
|
return data;
|
|
2868
3258
|
};
|
|
2869
3259
|
return data;
|
|
2870
3260
|
}
|
|
2871
|
-
function _templateObject4$
|
|
3261
|
+
function _templateObject4$b() {
|
|
2872
3262
|
var data = _taggedTemplateLiteral(["\n &::after {\n left: 10px;\n right: auto;\n }\n "]);
|
|
2873
|
-
_templateObject4$
|
|
3263
|
+
_templateObject4$b = function _templateObject4() {
|
|
2874
3264
|
return data;
|
|
2875
3265
|
};
|
|
2876
3266
|
return data;
|
|
2877
3267
|
}
|
|
2878
|
-
function _templateObject3$
|
|
3268
|
+
function _templateObject3$c() {
|
|
2879
3269
|
var data = _taggedTemplateLiteral([""]);
|
|
2880
|
-
_templateObject3$
|
|
3270
|
+
_templateObject3$c = function _templateObject3() {
|
|
2881
3271
|
return data;
|
|
2882
3272
|
};
|
|
2883
3273
|
return data;
|
|
2884
3274
|
}
|
|
2885
|
-
function _templateObject2$
|
|
3275
|
+
function _templateObject2$c() {
|
|
2886
3276
|
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"]);
|
|
2887
|
-
_templateObject2$
|
|
3277
|
+
_templateObject2$c = function _templateObject2() {
|
|
2888
3278
|
return data;
|
|
2889
3279
|
};
|
|
2890
3280
|
return data;
|
|
2891
3281
|
}
|
|
2892
|
-
function _templateObject$
|
|
3282
|
+
function _templateObject$d() {
|
|
2893
3283
|
var data = _taggedTemplateLiteral(["\n width: max-content;\n"]);
|
|
2894
|
-
_templateObject$
|
|
3284
|
+
_templateObject$d = function _templateObject() {
|
|
2895
3285
|
return data;
|
|
2896
3286
|
};
|
|
2897
3287
|
return data;
|
|
2898
3288
|
}
|
|
2899
|
-
var StyledTooltipContainer = styled__default.div(_templateObject$
|
|
2900
|
-
var StyledTooltip = styled__default.div(_templateObject2$
|
|
3289
|
+
var StyledTooltipContainer = styled__default.div(_templateObject$d());
|
|
3290
|
+
var StyledTooltip = styled__default.div(_templateObject2$c(), TooltipBackgroundColor, WhiteColor, VERY_HIGH, function (props) {
|
|
2901
3291
|
return props.displayTooltip ? "visible" : "hidden";
|
|
2902
3292
|
}, function (props) {
|
|
2903
3293
|
return props.positionRef.current.y;
|
|
@@ -2906,27 +3296,27 @@
|
|
|
2906
3296
|
}, TooltipBackgroundColor, function (props) {
|
|
2907
3297
|
switch (props.placement) {
|
|
2908
3298
|
case "default":
|
|
2909
|
-
return styled.css(_templateObject3$
|
|
3299
|
+
return styled.css(_templateObject3$c());
|
|
2910
3300
|
case "bottom-start":
|
|
2911
|
-
return styled.css(_templateObject4$
|
|
3301
|
+
return styled.css(_templateObject4$b());
|
|
2912
3302
|
case "top":
|
|
2913
|
-
return styled.css(_templateObject5$
|
|
3303
|
+
return styled.css(_templateObject5$a());
|
|
2914
3304
|
case "bottom-end":
|
|
2915
|
-
return styled.css(_templateObject6$
|
|
3305
|
+
return styled.css(_templateObject6$8());
|
|
2916
3306
|
case "right-start":
|
|
2917
|
-
return styled.css(_templateObject7$
|
|
3307
|
+
return styled.css(_templateObject7$8());
|
|
2918
3308
|
case "left":
|
|
2919
|
-
return styled.css(_templateObject8$
|
|
3309
|
+
return styled.css(_templateObject8$8());
|
|
2920
3310
|
case "right-end":
|
|
2921
3311
|
//changed
|
|
2922
|
-
return styled.css(_templateObject9$
|
|
3312
|
+
return styled.css(_templateObject9$7());
|
|
2923
3313
|
case "left-start":
|
|
2924
|
-
return styled.css(_templateObject10$
|
|
3314
|
+
return styled.css(_templateObject10$7());
|
|
2925
3315
|
case "right":
|
|
2926
|
-
return styled.css(_templateObject11$
|
|
3316
|
+
return styled.css(_templateObject11$6());
|
|
2927
3317
|
case "left-end":
|
|
2928
3318
|
//changed
|
|
2929
|
-
return styled.css(_templateObject12$
|
|
3319
|
+
return styled.css(_templateObject12$5());
|
|
2930
3320
|
case "top-start":
|
|
2931
3321
|
//changed
|
|
2932
3322
|
return styled.css(_templateObject13$3());
|
|
@@ -2937,7 +3327,7 @@
|
|
|
2937
3327
|
case "top-end":
|
|
2938
3328
|
return styled.css(_templateObject16$2());
|
|
2939
3329
|
default:
|
|
2940
|
-
return styled.css(_templateObject17$
|
|
3330
|
+
return styled.css(_templateObject17$2());
|
|
2941
3331
|
}
|
|
2942
3332
|
});
|
|
2943
3333
|
|
|
@@ -3064,88 +3454,88 @@
|
|
|
3064
3454
|
});
|
|
3065
3455
|
};
|
|
3066
3456
|
|
|
3067
|
-
function _templateObject9$
|
|
3457
|
+
function _templateObject9$8() {
|
|
3068
3458
|
var data = _taggedTemplateLiteral(["\n ", " {\n background: ", ";\n }\n ", " {\n color: ", ";\n }\n "]);
|
|
3069
|
-
_templateObject9$
|
|
3459
|
+
_templateObject9$8 = function _templateObject9() {
|
|
3070
3460
|
return data;
|
|
3071
3461
|
};
|
|
3072
3462
|
return data;
|
|
3073
3463
|
}
|
|
3074
|
-
function _templateObject8$
|
|
3464
|
+
function _templateObject8$9() {
|
|
3075
3465
|
var data = _taggedTemplateLiteral(["\n ", " {\n background: ", ";\n }\n "]);
|
|
3076
|
-
_templateObject8$
|
|
3466
|
+
_templateObject8$9 = function _templateObject8() {
|
|
3077
3467
|
return data;
|
|
3078
3468
|
};
|
|
3079
3469
|
return data;
|
|
3080
3470
|
}
|
|
3081
|
-
function _templateObject7$
|
|
3471
|
+
function _templateObject7$9() {
|
|
3082
3472
|
var data = _taggedTemplateLiteral(["\n ", " {\n height: 12px;\n }\n ", " {\n height: 8px;\n }\n "]);
|
|
3083
|
-
_templateObject7$
|
|
3473
|
+
_templateObject7$9 = function _templateObject7() {
|
|
3084
3474
|
return data;
|
|
3085
3475
|
};
|
|
3086
3476
|
return data;
|
|
3087
3477
|
}
|
|
3088
|
-
function _templateObject6$
|
|
3478
|
+
function _templateObject6$9() {
|
|
3089
3479
|
var data = _taggedTemplateLiteral(["\n ", " {\n height: 8px;\n }\n ", " {\n height: 4px;\n }\n "]);
|
|
3090
|
-
_templateObject6$
|
|
3480
|
+
_templateObject6$9 = function _templateObject6() {
|
|
3091
3481
|
return data;
|
|
3092
3482
|
};
|
|
3093
3483
|
return data;
|
|
3094
3484
|
}
|
|
3095
|
-
function _templateObject5$
|
|
3485
|
+
function _templateObject5$b() {
|
|
3096
3486
|
var data = _taggedTemplateLiteral(["\n ", "\n\n ", "\n"]);
|
|
3097
|
-
_templateObject5$
|
|
3487
|
+
_templateObject5$b = function _templateObject5() {
|
|
3098
3488
|
return data;
|
|
3099
3489
|
};
|
|
3100
3490
|
return data;
|
|
3101
3491
|
}
|
|
3102
|
-
function _templateObject4$
|
|
3492
|
+
function _templateObject4$c() {
|
|
3103
3493
|
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"]);
|
|
3104
|
-
_templateObject4$
|
|
3494
|
+
_templateObject4$c = function _templateObject4() {
|
|
3105
3495
|
return data;
|
|
3106
3496
|
};
|
|
3107
3497
|
return data;
|
|
3108
3498
|
}
|
|
3109
|
-
function _templateObject3$
|
|
3499
|
+
function _templateObject3$d() {
|
|
3110
3500
|
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"]);
|
|
3111
|
-
_templateObject3$
|
|
3501
|
+
_templateObject3$d = function _templateObject3() {
|
|
3112
3502
|
return data;
|
|
3113
3503
|
};
|
|
3114
3504
|
return data;
|
|
3115
3505
|
}
|
|
3116
|
-
function _templateObject2$
|
|
3506
|
+
function _templateObject2$d() {
|
|
3117
3507
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n border-radius: 4px;\n width: ", ";\n"]);
|
|
3118
|
-
_templateObject2$
|
|
3508
|
+
_templateObject2$d = function _templateObject2() {
|
|
3119
3509
|
return data;
|
|
3120
3510
|
};
|
|
3121
3511
|
return data;
|
|
3122
3512
|
}
|
|
3123
|
-
function _templateObject$
|
|
3513
|
+
function _templateObject$e() {
|
|
3124
3514
|
var data = _taggedTemplateLiteral(["\n width: 100%;\n background: ", ";\n border-radius: 8px;\n padding: 2px;\n box-sizing: border-box;\n"]);
|
|
3125
|
-
_templateObject$
|
|
3515
|
+
_templateObject$e = function _templateObject() {
|
|
3126
3516
|
return data;
|
|
3127
3517
|
};
|
|
3128
3518
|
return data;
|
|
3129
3519
|
}
|
|
3130
|
-
var StyledProgressBarContainer = styled__default.div(_templateObject$
|
|
3131
|
-
var StyledProgressStatusBar = styled__default.div(_templateObject2$
|
|
3520
|
+
var StyledProgressBarContainer = styled__default.div(_templateObject$e(), DisabledTextareaBg);
|
|
3521
|
+
var StyledProgressStatusBar = styled__default.div(_templateObject2$d(), PrimaryBlueColor, function (props) {
|
|
3132
3522
|
return "".concat(props.progress, "%");
|
|
3133
3523
|
});
|
|
3134
|
-
var StyledCompletedProgressText = styled__default.div(_templateObject3$
|
|
3135
|
-
var StyledProgressBarLabel = styled__default.label(_templateObject4$
|
|
3136
|
-
var StyledProgressBarMainContainer = styled__default.div(_templateObject5$
|
|
3524
|
+
var StyledCompletedProgressText = styled__default.div(_templateObject3$d());
|
|
3525
|
+
var StyledProgressBarLabel = styled__default.label(_templateObject4$c(), LabelColor);
|
|
3526
|
+
var StyledProgressBarMainContainer = styled__default.div(_templateObject5$b(), function (props) {
|
|
3137
3527
|
switch (props.variant) {
|
|
3138
3528
|
case "small":
|
|
3139
|
-
return styled.css(_templateObject6$
|
|
3529
|
+
return styled.css(_templateObject6$9(), StyledProgressBarContainer, StyledProgressStatusBar);
|
|
3140
3530
|
case "default":
|
|
3141
|
-
return styled.css(_templateObject7$
|
|
3531
|
+
return styled.css(_templateObject7$9(), StyledProgressBarContainer, StyledProgressStatusBar);
|
|
3142
3532
|
}
|
|
3143
3533
|
}, function (props) {
|
|
3144
3534
|
switch (props.status) {
|
|
3145
3535
|
case "success":
|
|
3146
|
-
return styled.css(_templateObject8$
|
|
3536
|
+
return styled.css(_templateObject8$9(), StyledProgressStatusBar, AlertGreenSuccessStroke);
|
|
3147
3537
|
case "error":
|
|
3148
|
-
return styled.css(_templateObject9$
|
|
3538
|
+
return styled.css(_templateObject9$8(), StyledProgressStatusBar, AlertRedErrorStroke, StyledCompletedProgressText, AlertRedErrorStroke);
|
|
3149
3539
|
}
|
|
3150
3540
|
});
|
|
3151
3541
|
|
|
@@ -3172,199 +3562,24 @@
|
|
|
3172
3562
|
});
|
|
3173
3563
|
};
|
|
3174
3564
|
|
|
3175
|
-
function _templateObject$
|
|
3565
|
+
function _templateObject$f() {
|
|
3176
3566
|
var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 12px;\n"]);
|
|
3177
|
-
_templateObject$
|
|
3567
|
+
_templateObject$f = function _templateObject() {
|
|
3178
3568
|
return data;
|
|
3179
3569
|
};
|
|
3180
3570
|
return data;
|
|
3181
3571
|
}
|
|
3182
|
-
var StyledTagGroupOuterContainer = styled__default.div(_templateObject$
|
|
3572
|
+
var StyledTagGroupOuterContainer$1 = styled__default.div(_templateObject$f());
|
|
3183
3573
|
|
|
3184
3574
|
var TagGroup = function TagGroup(_ref) {
|
|
3185
3575
|
var children = _ref.children;
|
|
3186
3576
|
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
3187
|
-
children: /*#__PURE__*/jsxRuntime.jsx(StyledTagGroupOuterContainer, {
|
|
3577
|
+
children: /*#__PURE__*/jsxRuntime.jsx(StyledTagGroupOuterContainer$1, {
|
|
3188
3578
|
children: children
|
|
3189
3579
|
})
|
|
3190
3580
|
});
|
|
3191
3581
|
};
|
|
3192
3582
|
|
|
3193
|
-
function _templateObject8$9() {
|
|
3194
|
-
var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 12px;\n"]);
|
|
3195
|
-
_templateObject8$9 = function _templateObject8() {
|
|
3196
|
-
return data;
|
|
3197
|
-
};
|
|
3198
|
-
return data;
|
|
3199
|
-
}
|
|
3200
|
-
function _templateObject7$9() {
|
|
3201
|
-
var data = _taggedTemplateLiteral(["\n background: url(", ") no-repeat;\n pointer-events: none;\n "]);
|
|
3202
|
-
_templateObject7$9 = function _templateObject7() {
|
|
3203
|
-
return data;
|
|
3204
|
-
};
|
|
3205
|
-
return data;
|
|
3206
|
-
}
|
|
3207
|
-
function _templateObject6$9() {
|
|
3208
|
-
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"]);
|
|
3209
|
-
_templateObject6$9 = function _templateObject6() {
|
|
3210
|
-
return data;
|
|
3211
|
-
};
|
|
3212
|
-
return data;
|
|
3213
|
-
}
|
|
3214
|
-
function _templateObject5$b() {
|
|
3215
|
-
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"]);
|
|
3216
|
-
_templateObject5$b = function _templateObject5() {
|
|
3217
|
-
return data;
|
|
3218
|
-
};
|
|
3219
|
-
return data;
|
|
3220
|
-
}
|
|
3221
|
-
function _templateObject4$c() {
|
|
3222
|
-
var data = _taggedTemplateLiteral(["\n background: ", ";\n color: ", ";\n &:hover {\n background: ", " !important;\n cursor: default !important;\n }\n "]);
|
|
3223
|
-
_templateObject4$c = function _templateObject4() {
|
|
3224
|
-
return data;
|
|
3225
|
-
};
|
|
3226
|
-
return data;
|
|
3227
|
-
}
|
|
3228
|
-
function _templateObject3$d() {
|
|
3229
|
-
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 "]);
|
|
3230
|
-
_templateObject3$d = function _templateObject3() {
|
|
3231
|
-
return data;
|
|
3232
|
-
};
|
|
3233
|
-
return data;
|
|
3234
|
-
}
|
|
3235
|
-
function _templateObject2$d() {
|
|
3236
|
-
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 "]);
|
|
3237
|
-
_templateObject2$d = function _templateObject2() {
|
|
3238
|
-
return data;
|
|
3239
|
-
};
|
|
3240
|
-
return data;
|
|
3241
|
-
}
|
|
3242
|
-
function _templateObject$f() {
|
|
3243
|
-
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"]);
|
|
3244
|
-
_templateObject$f = function _templateObject() {
|
|
3245
|
-
return data;
|
|
3246
|
-
};
|
|
3247
|
-
return data;
|
|
3248
|
-
}
|
|
3249
|
-
var StyledTagGroupMainContainer = styled__default.div(_templateObject$f(), AvatarBgColor, LabelColor, function (props) {
|
|
3250
|
-
switch (props.size) {
|
|
3251
|
-
case "small":
|
|
3252
|
-
return styled.css(_templateObject2$d());
|
|
3253
|
-
case "default":
|
|
3254
|
-
return styled.css(_templateObject3$d());
|
|
3255
|
-
}
|
|
3256
|
-
}, function (props) {
|
|
3257
|
-
return props.disabled && styled.css(_templateObject4$c(), DisabledTextareaBg, DisabledButtonFontColor, DisabledTextareaBg);
|
|
3258
|
-
}, TabHoverBackgroundColor, DisabledButtonFontColor);
|
|
3259
|
-
var StyledTagTextContainer = styled__default.span(_templateObject5$b());
|
|
3260
|
-
var StyledCloseIcon = styled__default.i(_templateObject6$9(), NotificationClose, function (props) {
|
|
3261
|
-
return props.disabled && styled.css(_templateObject7$9(), DisabledClose);
|
|
3262
|
-
});
|
|
3263
|
-
var StyledTagGroupOuterContainer$1 = styled__default.div(_templateObject8$9());
|
|
3264
|
-
|
|
3265
|
-
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; }
|
|
3266
|
-
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; }
|
|
3267
|
-
var Tag = function Tag(_ref) {
|
|
3268
|
-
var label = _ref.label,
|
|
3269
|
-
_ref$size = _ref.size,
|
|
3270
|
-
size = _ref$size === void 0 ? "default" : _ref$size,
|
|
3271
|
-
isRemovable = _ref.isRemovable,
|
|
3272
|
-
onClose = _ref.onClose,
|
|
3273
|
-
disabled = _ref.disabled,
|
|
3274
|
-
props = _objectWithoutProperties(_ref, ["label", "size", "isRemovable", "onClose", "disabled"]);
|
|
3275
|
-
return /*#__PURE__*/jsxRuntime.jsxs(StyledTagGroupMainContainer, _objectSpread$8(_objectSpread$8({
|
|
3276
|
-
size: size,
|
|
3277
|
-
disabled: disabled
|
|
3278
|
-
}, props), {}, {
|
|
3279
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(StyledTagTextContainer, {
|
|
3280
|
-
children: label
|
|
3281
|
-
}), isRemovable && /*#__PURE__*/jsxRuntime.jsx(StyledCloseIcon, {
|
|
3282
|
-
disabled: disabled,
|
|
3283
|
-
onClick: onClose
|
|
3284
|
-
})]
|
|
3285
|
-
}));
|
|
3286
|
-
};
|
|
3287
|
-
|
|
3288
|
-
var eventTypeMapping = {
|
|
3289
|
-
click: "onClick",
|
|
3290
|
-
focusin: "onFocus",
|
|
3291
|
-
focusout: "onFocus",
|
|
3292
|
-
mousedown: "onMouseDown",
|
|
3293
|
-
mouseup: "onMouseUp",
|
|
3294
|
-
touchstart: "onTouchStart",
|
|
3295
|
-
touchend: "onTouchEnd"
|
|
3296
|
-
};
|
|
3297
|
-
var ClickAwayListener = function ClickAwayListener(_ref) {
|
|
3298
|
-
var _cloneElement;
|
|
3299
|
-
var children = _ref.children,
|
|
3300
|
-
onClickAway = _ref.onClickAway,
|
|
3301
|
-
_ref$focusEvent = _ref.focusEvent,
|
|
3302
|
-
focusEvent = _ref$focusEvent === void 0 ? "focusin" : _ref$focusEvent,
|
|
3303
|
-
_ref$mouseEvent = _ref.mouseEvent,
|
|
3304
|
-
mouseEvent = _ref$mouseEvent === void 0 ? "click" : _ref$mouseEvent,
|
|
3305
|
-
_ref$touchEvent = _ref.touchEvent,
|
|
3306
|
-
touchEvent = _ref$touchEvent === void 0 ? "touchend" : _ref$touchEvent;
|
|
3307
|
-
var node = React.useRef(null);
|
|
3308
|
-
var bubbledEventTarget = React.useRef(null);
|
|
3309
|
-
var mountedRef = React.useRef(false);
|
|
3310
|
-
|
|
3311
|
-
/**
|
|
3312
|
-
* Prevents the bubbled event from getting triggered immediately
|
|
3313
|
-
* https://github.com/facebook/react/issues/20074
|
|
3314
|
-
*/
|
|
3315
|
-
React.useEffect(function () {
|
|
3316
|
-
setTimeout(function () {
|
|
3317
|
-
mountedRef.current = true;
|
|
3318
|
-
}, 0);
|
|
3319
|
-
return function () {
|
|
3320
|
-
mountedRef.current = false;
|
|
3321
|
-
};
|
|
3322
|
-
}, []);
|
|
3323
|
-
var handleBubbledEvents = function handleBubbledEvents(type) {
|
|
3324
|
-
return function (event) {
|
|
3325
|
-
bubbledEventTarget.current = event.target;
|
|
3326
|
-
var handler = children === null || children === void 0 ? void 0 : children.props[type];
|
|
3327
|
-
if (handler) {
|
|
3328
|
-
handler(event);
|
|
3329
|
-
}
|
|
3330
|
-
};
|
|
3331
|
-
};
|
|
3332
|
-
var handleChildRef = function handleChildRef(childRef) {
|
|
3333
|
-
node.current = childRef;
|
|
3334
|
-
var ref = children.ref;
|
|
3335
|
-
if (typeof ref === "function") {
|
|
3336
|
-
ref(childRef);
|
|
3337
|
-
} else if (ref) {
|
|
3338
|
-
ref.current = childRef;
|
|
3339
|
-
}
|
|
3340
|
-
};
|
|
3341
|
-
React.useEffect(function () {
|
|
3342
|
-
var _node$current$ownerDo, _node$current;
|
|
3343
|
-
var nodeDocument = (_node$current$ownerDo = (_node$current = node.current) === null || _node$current === void 0 ? void 0 : _node$current.ownerDocument) !== null && _node$current$ownerDo !== void 0 ? _node$current$ownerDo : document;
|
|
3344
|
-
var handleEvents = function handleEvents(event) {
|
|
3345
|
-
if (!mountedRef.current) return;
|
|
3346
|
-
if (node.current && node.current.contains(event.target) || bubbledEventTarget.current === event.target || !nodeDocument.contains(event.target)) {
|
|
3347
|
-
return;
|
|
3348
|
-
}
|
|
3349
|
-
onClickAway(event);
|
|
3350
|
-
};
|
|
3351
|
-
nodeDocument.addEventListener(mouseEvent, handleEvents);
|
|
3352
|
-
nodeDocument.addEventListener(touchEvent, handleEvents);
|
|
3353
|
-
nodeDocument.addEventListener(focusEvent, handleEvents);
|
|
3354
|
-
return function () {
|
|
3355
|
-
nodeDocument.removeEventListener(mouseEvent, handleEvents);
|
|
3356
|
-
nodeDocument.removeEventListener(touchEvent, handleEvents);
|
|
3357
|
-
nodeDocument.removeEventListener(focusEvent, handleEvents);
|
|
3358
|
-
};
|
|
3359
|
-
}, [focusEvent, mouseEvent, onClickAway, touchEvent]);
|
|
3360
|
-
var mappedMouseEvent = eventTypeMapping[mouseEvent];
|
|
3361
|
-
var mappedTouchEvent = eventTypeMapping[touchEvent];
|
|
3362
|
-
var mappedFocusEvent = eventTypeMapping[focusEvent];
|
|
3363
|
-
return React__default.Children.only( /*#__PURE__*/React.cloneElement(children, (_cloneElement = {
|
|
3364
|
-
ref: handleChildRef
|
|
3365
|
-
}, _defineProperty(_cloneElement, mappedFocusEvent, handleBubbledEvents(mappedFocusEvent)), _defineProperty(_cloneElement, mappedMouseEvent, handleBubbledEvents(mappedMouseEvent)), _defineProperty(_cloneElement, mappedTouchEvent, handleBubbledEvents(mappedTouchEvent)), _cloneElement)));
|
|
3366
|
-
};
|
|
3367
|
-
|
|
3368
3583
|
var moment = createCommonjsModule(function (module, exports) {
|
|
3369
3584
|
(function (global, factory) {
|
|
3370
3585
|
module.exports = factory() ;
|
|
@@ -9058,16 +9273,16 @@
|
|
|
9058
9273
|
};
|
|
9059
9274
|
return data;
|
|
9060
9275
|
}
|
|
9061
|
-
function _templateObject18$
|
|
9276
|
+
function _templateObject18$2() {
|
|
9062
9277
|
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"]);
|
|
9063
|
-
_templateObject18$
|
|
9278
|
+
_templateObject18$2 = function _templateObject18() {
|
|
9064
9279
|
return data;
|
|
9065
9280
|
};
|
|
9066
9281
|
return data;
|
|
9067
9282
|
}
|
|
9068
|
-
function _templateObject17$
|
|
9283
|
+
function _templateObject17$3() {
|
|
9069
9284
|
var data = _taggedTemplateLiteral(["\n ", " {\n border: 1px solid ", ";\n border-left: none;\n }\n ", " {\n border: 1px solid ", ";\n border-right: none;\n }\n "]);
|
|
9070
|
-
_templateObject17$
|
|
9285
|
+
_templateObject17$3 = function _templateObject17() {
|
|
9071
9286
|
return data;
|
|
9072
9287
|
};
|
|
9073
9288
|
return data;
|
|
@@ -9100,30 +9315,30 @@
|
|
|
9100
9315
|
};
|
|
9101
9316
|
return data;
|
|
9102
9317
|
}
|
|
9103
|
-
function _templateObject12$
|
|
9318
|
+
function _templateObject12$6() {
|
|
9104
9319
|
var data = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 12px;\n line-height: 18px;\n"]);
|
|
9105
|
-
_templateObject12$
|
|
9320
|
+
_templateObject12$6 = function _templateObject12() {
|
|
9106
9321
|
return data;
|
|
9107
9322
|
};
|
|
9108
9323
|
return data;
|
|
9109
9324
|
}
|
|
9110
|
-
function _templateObject11$
|
|
9325
|
+
function _templateObject11$7() {
|
|
9111
9326
|
var data = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 18px;\n"]);
|
|
9112
|
-
_templateObject11$
|
|
9327
|
+
_templateObject11$7 = function _templateObject11() {
|
|
9113
9328
|
return data;
|
|
9114
9329
|
};
|
|
9115
9330
|
return data;
|
|
9116
9331
|
}
|
|
9117
|
-
function _templateObject10$
|
|
9332
|
+
function _templateObject10$8() {
|
|
9118
9333
|
var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n position: absolute;\n bottom: 26px;\n left: 28px;\n right: 160px;\n"]);
|
|
9119
|
-
_templateObject10$
|
|
9334
|
+
_templateObject10$8 = function _templateObject10() {
|
|
9120
9335
|
return data;
|
|
9121
9336
|
};
|
|
9122
9337
|
return data;
|
|
9123
9338
|
}
|
|
9124
|
-
function _templateObject9$
|
|
9339
|
+
function _templateObject9$9() {
|
|
9125
9340
|
var data = _taggedTemplateLiteral(["\n margin-top: 10px;\n ", " {\n font-size: 12px;\n }\n"]);
|
|
9126
|
-
_templateObject9$
|
|
9341
|
+
_templateObject9$9 = function _templateObject9() {
|
|
9127
9342
|
return data;
|
|
9128
9343
|
};
|
|
9129
9344
|
return data;
|
|
@@ -9192,25 +9407,25 @@
|
|
|
9192
9407
|
var StyledDatePickerLeftContainer = styled__default.div(_templateObject6$a());
|
|
9193
9408
|
var StyledShortcutHeading = styled__default.h2(_templateObject7$a(), LabelColor);
|
|
9194
9409
|
var StyledRadioListUl = styled__default.ul(_templateObject8$a());
|
|
9195
|
-
var StyledRadioListLi = styled__default.li(_templateObject9$
|
|
9196
|
-
var StyledBottomCTAContainer = styled__default.div(_templateObject10$
|
|
9197
|
-
var StyledLeftCTAContainer = styled__default.div(_templateObject11$
|
|
9198
|
-
var StyledLabelContainer = styled__default.div(_templateObject12$
|
|
9410
|
+
var StyledRadioListLi = styled__default.li(_templateObject9$9(), StyledRadioButtonLabel);
|
|
9411
|
+
var StyledBottomCTAContainer = styled__default.div(_templateObject10$8());
|
|
9412
|
+
var StyledLeftCTAContainer = styled__default.div(_templateObject11$7());
|
|
9413
|
+
var StyledLabelContainer = styled__default.div(_templateObject12$6(), CheckBoxBorder);
|
|
9199
9414
|
var StyledRightCTAContainer = styled__default.div(_templateObject13$4());
|
|
9200
9415
|
var StyledInputEndDate = styled__default.input(_templateObject14$4(), DefaultColorButton, calendarIcon);
|
|
9201
9416
|
var StyledInputStartDate = styled__default.input(_templateObject15$3(), DefaultColorButton);
|
|
9202
9417
|
var StyledInputDateRangPickerContainer = styled__default.div(_templateObject16$3(), StyledInputEndDate, PrimaryBlueColor, StyledInputStartDate, PrimaryBlueColor, function (props) {
|
|
9203
|
-
return props.isDatesSelected && styled.css(_templateObject17$
|
|
9418
|
+
return props.isDatesSelected && styled.css(_templateObject17$3(), StyledInputEndDate, PrimaryBlueColor, StyledInputStartDate, PrimaryBlueColor);
|
|
9204
9419
|
}, StyledInputEndDate, PrimaryBlueColor, StyledInputStartDate, PrimaryBlueColor);
|
|
9205
|
-
var StyledInputStartDateSingle = styled__default.input(_templateObject18$
|
|
9420
|
+
var StyledInputStartDateSingle = styled__default.input(_templateObject18$2(), calendarIcon, DefaultColorButton, PrimaryBlueColor, PrimaryBlueColor, FocusBackgroundColor);
|
|
9206
9421
|
var StyledDatepickerMainContainer = styled__default.div(_templateObject19$1(), WhiteColor, function (props) {
|
|
9207
9422
|
if (!props.showOnlyCalender) {
|
|
9208
9423
|
return styled.css(_templateObject20$1(), LOW_4);
|
|
9209
9424
|
}
|
|
9210
9425
|
}, ChevronImage);
|
|
9211
9426
|
|
|
9212
|
-
function ownKeys$
|
|
9213
|
-
function _objectSpread$
|
|
9427
|
+
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; }
|
|
9428
|
+
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; }
|
|
9214
9429
|
var DateRangePicker = function DateRangePicker(_ref) {
|
|
9215
9430
|
var label = _ref.label,
|
|
9216
9431
|
showRangeSelector = _ref.showRangeSelector,
|
|
@@ -9357,7 +9572,7 @@
|
|
|
9357
9572
|
children: /*#__PURE__*/jsxRuntime.jsxs(StyledContainer, {
|
|
9358
9573
|
children: [!showOnlyCalender && /*#__PURE__*/jsxRuntime.jsxs(StyledInputDateRangPickerContainer, {
|
|
9359
9574
|
isDatesSelected: startDate !== null && endDate !== null,
|
|
9360
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(StyledInputStartDate, _objectSpread$
|
|
9575
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(StyledInputStartDate, _objectSpread$b(_objectSpread$b({
|
|
9361
9576
|
type: "text",
|
|
9362
9577
|
placeholder: "Start Date",
|
|
9363
9578
|
value: startDateString || "",
|
|
@@ -9365,7 +9580,7 @@
|
|
|
9365
9580
|
ref: starDateInputRef
|
|
9366
9581
|
}, startDateInputProps), {}, {
|
|
9367
9582
|
readOnly: true
|
|
9368
|
-
})), /*#__PURE__*/jsxRuntime.jsx(StyledInputEndDate, _objectSpread$
|
|
9583
|
+
})), /*#__PURE__*/jsxRuntime.jsx(StyledInputEndDate, _objectSpread$b(_objectSpread$b({
|
|
9369
9584
|
type: "text",
|
|
9370
9585
|
placeholder: "End Date",
|
|
9371
9586
|
value: endDateString || "",
|
|
@@ -9378,7 +9593,7 @@
|
|
|
9378
9593
|
children: /*#__PURE__*/jsxRuntime.jsxs(StyledDatepickerMainContainer, {
|
|
9379
9594
|
showOnlyCalender: showOnlyCalender,
|
|
9380
9595
|
children: [/*#__PURE__*/jsxRuntime.jsxs(StyledDatePickerLeftContainer, {
|
|
9381
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(reactDates.DayPickerRangeController, _objectSpread$
|
|
9596
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(reactDates.DayPickerRangeController, _objectSpread$b({
|
|
9382
9597
|
onDatesChange: onDatesChange,
|
|
9383
9598
|
onFocusChange: onFocusChange,
|
|
9384
9599
|
focusedInput: focusedInput,
|
|
@@ -9395,20 +9610,20 @@
|
|
|
9395
9610
|
children: [/*#__PURE__*/jsxRuntime.jsxs(StyledLabelContainer, {
|
|
9396
9611
|
children: [selectedDaysNumber, " Days Selected"]
|
|
9397
9612
|
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
9398
|
-
label: "Reset",
|
|
9399
9613
|
variant: "url",
|
|
9400
9614
|
size: "small",
|
|
9401
|
-
onClick: handleResetDates
|
|
9615
|
+
onClick: handleResetDates,
|
|
9616
|
+
children: "Reset"
|
|
9402
9617
|
})]
|
|
9403
9618
|
}) : null, /*#__PURE__*/jsxRuntime.jsxs(StyledRightCTAContainer, {
|
|
9404
9619
|
children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
9405
|
-
label: "Cancel",
|
|
9406
9620
|
variant: "url",
|
|
9407
|
-
size: "small"
|
|
9621
|
+
size: "small",
|
|
9622
|
+
children: "Cancel"
|
|
9408
9623
|
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
9409
|
-
label: "Apply",
|
|
9410
9624
|
variant: "primary",
|
|
9411
|
-
size: "small"
|
|
9625
|
+
size: "small",
|
|
9626
|
+
children: "Apply"
|
|
9412
9627
|
})]
|
|
9413
9628
|
})]
|
|
9414
9629
|
})]
|
|
@@ -9437,8 +9652,8 @@
|
|
|
9437
9652
|
});
|
|
9438
9653
|
};
|
|
9439
9654
|
|
|
9440
|
-
function ownKeys$
|
|
9441
|
-
function _objectSpread$
|
|
9655
|
+
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; }
|
|
9656
|
+
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; }
|
|
9442
9657
|
var DatePicker = function DatePicker(_ref) {
|
|
9443
9658
|
var label = _ref.label,
|
|
9444
9659
|
showRangeSelector = _ref.showRangeSelector,
|
|
@@ -9496,7 +9711,7 @@
|
|
|
9496
9711
|
children: [!showOnlyCalender && /*#__PURE__*/jsxRuntime.jsx(StyledInputContainer, {
|
|
9497
9712
|
children: /*#__PURE__*/jsxRuntime.jsx(StyledInputDateRangPickerContainer, {
|
|
9498
9713
|
isDatesSelected: selectedDate !== null,
|
|
9499
|
-
children: /*#__PURE__*/jsxRuntime.jsx(StyledInputStartDateSingle, _objectSpread$
|
|
9714
|
+
children: /*#__PURE__*/jsxRuntime.jsx(StyledInputStartDateSingle, _objectSpread$c(_objectSpread$c({
|
|
9500
9715
|
type: "text",
|
|
9501
9716
|
placeholder: "Select Dates",
|
|
9502
9717
|
value: (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.format("YYYY-MM-DD")) || "",
|
|
@@ -9510,7 +9725,7 @@
|
|
|
9510
9725
|
children: /*#__PURE__*/jsxRuntime.jsx(StyledDatepickerMainContainer, {
|
|
9511
9726
|
showOnlyCalender: showOnlyCalender,
|
|
9512
9727
|
children: /*#__PURE__*/jsxRuntime.jsxs(StyledDatePickerLeftContainer, {
|
|
9513
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(reactDates.DayPickerSingleDateController, _objectSpread$
|
|
9728
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(reactDates.DayPickerSingleDateController, _objectSpread$c({
|
|
9514
9729
|
onDateChange: onDatesChange,
|
|
9515
9730
|
onFocusChange: handleOnFocusChange,
|
|
9516
9731
|
focused: focused,
|
|
@@ -9522,13 +9737,13 @@
|
|
|
9522
9737
|
}, props)), /*#__PURE__*/jsxRuntime.jsx(StyledBottomCTAContainer, {
|
|
9523
9738
|
children: /*#__PURE__*/jsxRuntime.jsxs(StyledRightCTAContainer, {
|
|
9524
9739
|
children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
9525
|
-
label: "Cancel",
|
|
9526
9740
|
variant: "url",
|
|
9527
|
-
size: "small"
|
|
9741
|
+
size: "small",
|
|
9742
|
+
children: "Cancel"
|
|
9528
9743
|
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
9529
|
-
label: "Apply",
|
|
9530
9744
|
variant: "primary",
|
|
9531
|
-
size: "small"
|
|
9745
|
+
size: "small",
|
|
9746
|
+
children: "Apply"
|
|
9532
9747
|
})]
|
|
9533
9748
|
})
|
|
9534
9749
|
})]
|
|
@@ -9540,22 +9755,29 @@
|
|
|
9540
9755
|
});
|
|
9541
9756
|
};
|
|
9542
9757
|
|
|
9543
|
-
function
|
|
9758
|
+
function _templateObject11$8() {
|
|
9544
9759
|
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 "]);
|
|
9545
|
-
|
|
9760
|
+
_templateObject11$8 = function _templateObject11() {
|
|
9546
9761
|
return data;
|
|
9547
9762
|
};
|
|
9548
9763
|
return data;
|
|
9549
9764
|
}
|
|
9550
|
-
function
|
|
9765
|
+
function _templateObject10$9() {
|
|
9551
9766
|
var data = _taggedTemplateLiteral(["\n display: flex;\n ", "\n"]);
|
|
9552
|
-
|
|
9767
|
+
_templateObject10$9 = function _templateObject10() {
|
|
9553
9768
|
return data;
|
|
9554
9769
|
};
|
|
9555
9770
|
return data;
|
|
9556
9771
|
}
|
|
9557
|
-
function
|
|
9772
|
+
function _templateObject9$a() {
|
|
9558
9773
|
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"]);
|
|
9774
|
+
_templateObject9$a = function _templateObject9() {
|
|
9775
|
+
return data;
|
|
9776
|
+
};
|
|
9777
|
+
return data;
|
|
9778
|
+
}
|
|
9779
|
+
function _templateObject8$b() {
|
|
9780
|
+
var data = _taggedTemplateLiteral(["\n cursor: default;\n "]);
|
|
9559
9781
|
_templateObject8$b = function _templateObject8() {
|
|
9560
9782
|
return data;
|
|
9561
9783
|
};
|
|
@@ -9583,7 +9805,7 @@
|
|
|
9583
9805
|
return data;
|
|
9584
9806
|
}
|
|
9585
9807
|
function _templateObject4$e() {
|
|
9586
|
-
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"]);
|
|
9808
|
+
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"]);
|
|
9587
9809
|
_templateObject4$e = function _templateObject4() {
|
|
9588
9810
|
return data;
|
|
9589
9811
|
};
|
|
@@ -9619,10 +9841,12 @@
|
|
|
9619
9841
|
return props.isCompleted && styled.css(_templateObject6$b(), StyledCircleContainer, PrimaryBlueColor, TickWhite);
|
|
9620
9842
|
}, function (props) {
|
|
9621
9843
|
return props.isEditable && props.isCompleted && styled.css(_templateObject7$b(), StyledCircleContainer, PrimaryBlueColor, EditWhite);
|
|
9844
|
+
}, function (props) {
|
|
9845
|
+
return props.disabled && styled.css(_templateObject8$b());
|
|
9622
9846
|
});
|
|
9623
|
-
var StyledDescription = styled__default.div(
|
|
9624
|
-
var StyledStepper = styled__default.div(
|
|
9625
|
-
return props.vertical && styled.css(
|
|
9847
|
+
var StyledDescription = styled__default.div(_templateObject9$a(), LabelColor);
|
|
9848
|
+
var StyledStepper = styled__default.div(_templateObject10$9(), function (props) {
|
|
9849
|
+
return props.vertical && styled.css(_templateObject11$8(), StyledStepperChildrenContainer);
|
|
9626
9850
|
});
|
|
9627
9851
|
|
|
9628
9852
|
var Stepper = function Stepper(_ref) {
|
|
@@ -9647,6 +9871,7 @@
|
|
|
9647
9871
|
return /*#__PURE__*/jsxRuntime.jsx(StyledStepper, {
|
|
9648
9872
|
vertical: vertical,
|
|
9649
9873
|
children: steps.map(function (_ref2, index) {
|
|
9874
|
+
var _steps2;
|
|
9650
9875
|
var label = _ref2.label,
|
|
9651
9876
|
description = _ref2.description,
|
|
9652
9877
|
isEditable = _ref2.isEditable,
|
|
@@ -9658,6 +9883,7 @@
|
|
|
9658
9883
|
onClick: function onClick() {
|
|
9659
9884
|
return handleStepClick(index, isEditable, isCompleted);
|
|
9660
9885
|
},
|
|
9886
|
+
disabled: !(isEditable && isCompleted || index > 0 && ((_steps2 = steps[index - 1]) === null || _steps2 === void 0 ? void 0 : _steps2.isCompleted)),
|
|
9661
9887
|
children: [/*#__PURE__*/jsxRuntime.jsx(StyledCircleContainer, {
|
|
9662
9888
|
children: !isCompleted && index + 1
|
|
9663
9889
|
}), /*#__PURE__*/jsxRuntime.jsxs(StyledLabelMainContainer, {
|
|
@@ -9722,8 +9948,8 @@
|
|
|
9722
9948
|
return props.disabled && styled.css(_templateObject6$c(), CheckBoxLabel, DisabledButtonFontColor, DefaultColorButton, StyledLabelText$1, DisabledButtonFontColor);
|
|
9723
9949
|
});
|
|
9724
9950
|
|
|
9725
|
-
function ownKeys$
|
|
9726
|
-
function _objectSpread$
|
|
9951
|
+
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; }
|
|
9952
|
+
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; }
|
|
9727
9953
|
var Switch = function Switch(_ref) {
|
|
9728
9954
|
var leftLabel = _ref.leftLabel,
|
|
9729
9955
|
rightLabel = _ref.rightLabel,
|
|
@@ -9738,7 +9964,7 @@
|
|
|
9738
9964
|
children: [leftLabel ? /*#__PURE__*/jsxRuntime.jsx(StyledLabelText$1, {
|
|
9739
9965
|
children: leftLabel
|
|
9740
9966
|
}) : null, /*#__PURE__*/jsxRuntime.jsxs(CheckBoxWrapper, {
|
|
9741
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(CheckBox, _objectSpread$
|
|
9967
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(CheckBox, _objectSpread$d({
|
|
9742
9968
|
id: id,
|
|
9743
9969
|
name: name,
|
|
9744
9970
|
type: "checkbox",
|
|
@@ -9753,23 +9979,23 @@
|
|
|
9753
9979
|
});
|
|
9754
9980
|
};
|
|
9755
9981
|
|
|
9756
|
-
function _templateObject11$
|
|
9982
|
+
function _templateObject11$9() {
|
|
9757
9983
|
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"]);
|
|
9758
|
-
_templateObject11$
|
|
9984
|
+
_templateObject11$9 = function _templateObject11() {
|
|
9759
9985
|
return data;
|
|
9760
9986
|
};
|
|
9761
9987
|
return data;
|
|
9762
9988
|
}
|
|
9763
|
-
function _templateObject10$
|
|
9989
|
+
function _templateObject10$a() {
|
|
9764
9990
|
var data = _taggedTemplateLiteral(["\n width: 1238px;\n max-height: 748px;\n ", " {\n max-height: 633px;\n }\n "]);
|
|
9765
|
-
_templateObject10$
|
|
9991
|
+
_templateObject10$a = function _templateObject10() {
|
|
9766
9992
|
return data;
|
|
9767
9993
|
};
|
|
9768
9994
|
return data;
|
|
9769
9995
|
}
|
|
9770
|
-
function _templateObject9$
|
|
9996
|
+
function _templateObject9$b() {
|
|
9771
9997
|
var data = _taggedTemplateLiteral(["\n width: 735px;\n max-height: 444px;\n ", " {\n max-height: 329px;\n }\n "]);
|
|
9772
|
-
_templateObject9$
|
|
9998
|
+
_templateObject9$b = function _templateObject9() {
|
|
9773
9999
|
return data;
|
|
9774
10000
|
};
|
|
9775
10001
|
return data;
|
|
@@ -9841,15 +10067,15 @@
|
|
|
9841
10067
|
case "small":
|
|
9842
10068
|
return styled.css(_templateObject8$c(), StyledModalContentContainer);
|
|
9843
10069
|
case "medium":
|
|
9844
|
-
return styled.css(_templateObject9$
|
|
10070
|
+
return styled.css(_templateObject9$b(), StyledModalContentContainer);
|
|
9845
10071
|
case "large":
|
|
9846
|
-
return styled.css(_templateObject10$
|
|
10072
|
+
return styled.css(_templateObject10$a(), StyledModalContentContainer);
|
|
9847
10073
|
}
|
|
9848
10074
|
});
|
|
9849
|
-
var StyledCloseIcon$1 = styled__default.i(_templateObject11$
|
|
10075
|
+
var StyledCloseIcon$1 = styled__default.i(_templateObject11$9(), CloseIconWhite);
|
|
9850
10076
|
|
|
9851
|
-
function ownKeys$
|
|
9852
|
-
function _objectSpread$
|
|
10077
|
+
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; }
|
|
10078
|
+
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; }
|
|
9853
10079
|
var Modal = function Modal(_ref) {
|
|
9854
10080
|
var isOpen = _ref.isOpen,
|
|
9855
10081
|
_ref$closeOnOverlayCl = _ref.closeOnOverlayClick,
|
|
@@ -9864,7 +10090,7 @@
|
|
|
9864
10090
|
return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
|
|
9865
10091
|
children: isOpen ? /*#__PURE__*/jsxRuntime.jsx(StyledModalContainer, {
|
|
9866
10092
|
onClick: closeOnOverlayClick ? onClose : nul,
|
|
9867
|
-
children: /*#__PURE__*/jsxRuntime.jsxs(StyledModalBodyContainer, _objectSpread$
|
|
10093
|
+
children: /*#__PURE__*/jsxRuntime.jsxs(StyledModalBodyContainer, _objectSpread$e(_objectSpread$e({
|
|
9868
10094
|
size: size
|
|
9869
10095
|
}, props), {}, {
|
|
9870
10096
|
onClick: function onClick(e) {
|
|
@@ -9879,34 +10105,34 @@
|
|
|
9879
10105
|
}), /*#__PURE__*/jsxRuntime.jsx(StyledModalContentContainer, {
|
|
9880
10106
|
children: children
|
|
9881
10107
|
}), /*#__PURE__*/jsxRuntime.jsxs(StyledBottomButtonContainer, {
|
|
9882
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
10108
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$e(_objectSpread$e({}, tertiaryButtonProps), {}, {
|
|
9883
10109
|
variant: "url"
|
|
9884
|
-
}
|
|
10110
|
+
})), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$e(_objectSpread$e({}, primaryButtonProps), {}, {
|
|
9885
10111
|
variant: "primary"
|
|
9886
|
-
}
|
|
10112
|
+
}))]
|
|
9887
10113
|
})]
|
|
9888
10114
|
}))
|
|
9889
10115
|
}) : null
|
|
9890
10116
|
});
|
|
9891
10117
|
};
|
|
9892
10118
|
|
|
9893
|
-
function _templateObject11$
|
|
10119
|
+
function _templateObject11$a() {
|
|
9894
10120
|
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"]);
|
|
9895
|
-
_templateObject11$
|
|
10121
|
+
_templateObject11$a = function _templateObject11() {
|
|
9896
10122
|
return data;
|
|
9897
10123
|
};
|
|
9898
10124
|
return data;
|
|
9899
10125
|
}
|
|
9900
|
-
function _templateObject10$
|
|
10126
|
+
function _templateObject10$b() {
|
|
9901
10127
|
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"]);
|
|
9902
|
-
_templateObject10$
|
|
10128
|
+
_templateObject10$b = function _templateObject10() {
|
|
9903
10129
|
return data;
|
|
9904
10130
|
};
|
|
9905
10131
|
return data;
|
|
9906
10132
|
}
|
|
9907
|
-
function _templateObject9$
|
|
10133
|
+
function _templateObject9$c() {
|
|
9908
10134
|
var data = _taggedTemplateLiteral([""]);
|
|
9909
|
-
_templateObject9$
|
|
10135
|
+
_templateObject9$c = function _templateObject9() {
|
|
9910
10136
|
return data;
|
|
9911
10137
|
};
|
|
9912
10138
|
return data;
|
|
@@ -9982,12 +10208,12 @@
|
|
|
9982
10208
|
}
|
|
9983
10209
|
});
|
|
9984
10210
|
var StyledPromptSubheading = styled__default.h3(_templateObject8$d());
|
|
9985
|
-
var StyledUlListContent = styled__default.ul(_templateObject9$
|
|
9986
|
-
var StyledLiListContent = styled__default.li(_templateObject10$
|
|
9987
|
-
var StyledBottomCTAContainer$1 = styled__default.div(_templateObject11$
|
|
10211
|
+
var StyledUlListContent = styled__default.ul(_templateObject9$c());
|
|
10212
|
+
var StyledLiListContent = styled__default.li(_templateObject10$b(), CheckBoxBorder);
|
|
10213
|
+
var StyledBottomCTAContainer$1 = styled__default.div(_templateObject11$a());
|
|
9988
10214
|
|
|
9989
|
-
function ownKeys$
|
|
9990
|
-
function _objectSpread$
|
|
10215
|
+
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; }
|
|
10216
|
+
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; }
|
|
9991
10217
|
var Prompt = function Prompt(_ref) {
|
|
9992
10218
|
var isOpen = _ref.isOpen,
|
|
9993
10219
|
_ref$variant = _ref.variant,
|
|
@@ -10007,26 +10233,26 @@
|
|
|
10007
10233
|
}), /*#__PURE__*/jsxRuntime.jsx(StyledPromptSubheading, {
|
|
10008
10234
|
children: subHeading
|
|
10009
10235
|
}), /*#__PURE__*/jsxRuntime.jsx(StyledUlListContent, {
|
|
10010
|
-
children: infoList.map(function (info, i) {
|
|
10236
|
+
children: infoList && infoList.map(function (info, i) {
|
|
10011
10237
|
return /*#__PURE__*/jsxRuntime.jsx(StyledLiListContent, {
|
|
10012
10238
|
children: info
|
|
10013
10239
|
}, i);
|
|
10014
10240
|
})
|
|
10015
10241
|
}), /*#__PURE__*/jsxRuntime.jsxs(StyledBottomCTAContainer$1, {
|
|
10016
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
10242
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$f(_objectSpread$f({}, tertiaryButtonProps), {}, {
|
|
10017
10243
|
variant: "url"
|
|
10018
|
-
}
|
|
10244
|
+
})), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$f(_objectSpread$f({}, primaryButtonProps), {}, {
|
|
10019
10245
|
variant: "primary"
|
|
10020
|
-
}
|
|
10246
|
+
}))]
|
|
10021
10247
|
})]
|
|
10022
10248
|
})
|
|
10023
10249
|
}) : null
|
|
10024
10250
|
});
|
|
10025
10251
|
};
|
|
10026
10252
|
|
|
10027
|
-
function _templateObject17$
|
|
10253
|
+
function _templateObject17$4() {
|
|
10028
10254
|
var data = _taggedTemplateLiteral(["\n color: transparent;\n height: 16px;\n margin-top: 10px;\n &::-webkit-file-upload-button {\n visibility: hidden;\n }\n &::before {\n content: \"Browse file\";\n color: ", ";\n display: inline-block;\n background: transparent;\n border: none;\n outline: none;\n white-space: nowrap;\n user-select: none;\n -webkit-user-select: none;\n cursor: pointer;\n text-shadow: 1px 1px #fff;\n font-weight: 500;\n font-size: 14px;\n display: flex;\n justify-content: center;\n }\n &:hover {\n &::before {\n color: ", ";\n }\n }\n &:active {\n outline: 0;\n }\n"]);
|
|
10029
|
-
_templateObject17$
|
|
10255
|
+
_templateObject17$4 = function _templateObject17() {
|
|
10030
10256
|
return data;
|
|
10031
10257
|
};
|
|
10032
10258
|
return data;
|
|
@@ -10059,30 +10285,30 @@
|
|
|
10059
10285
|
};
|
|
10060
10286
|
return data;
|
|
10061
10287
|
}
|
|
10062
|
-
function _templateObject12$
|
|
10288
|
+
function _templateObject12$7() {
|
|
10063
10289
|
var data = _taggedTemplateLiteral(["\n padding-top: 22px;\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n padding-top: 10px;\n }\n"]);
|
|
10064
|
-
_templateObject12$
|
|
10290
|
+
_templateObject12$7 = function _templateObject12() {
|
|
10065
10291
|
return data;
|
|
10066
10292
|
};
|
|
10067
10293
|
return data;
|
|
10068
10294
|
}
|
|
10069
|
-
function _templateObject11$
|
|
10295
|
+
function _templateObject11$b() {
|
|
10070
10296
|
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"]);
|
|
10071
|
-
_templateObject11$
|
|
10297
|
+
_templateObject11$b = function _templateObject11() {
|
|
10072
10298
|
return data;
|
|
10073
10299
|
};
|
|
10074
10300
|
return data;
|
|
10075
10301
|
}
|
|
10076
|
-
function _templateObject10$
|
|
10302
|
+
function _templateObject10$c() {
|
|
10077
10303
|
var data = _taggedTemplateLiteral([""]);
|
|
10078
|
-
_templateObject10$
|
|
10304
|
+
_templateObject10$c = function _templateObject10() {
|
|
10079
10305
|
return data;
|
|
10080
10306
|
};
|
|
10081
10307
|
return data;
|
|
10082
10308
|
}
|
|
10083
|
-
function _templateObject9$
|
|
10309
|
+
function _templateObject9$d() {
|
|
10084
10310
|
var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n"]);
|
|
10085
|
-
_templateObject9$
|
|
10311
|
+
_templateObject9$d = function _templateObject9() {
|
|
10086
10312
|
return data;
|
|
10087
10313
|
};
|
|
10088
10314
|
return data;
|
|
@@ -10151,15 +10377,15 @@
|
|
|
10151
10377
|
var StyledUploadImage = styled__default.div(_templateObject6$f(), UploadIcon);
|
|
10152
10378
|
var StyledDropZoneLabel = styled__default.div(_templateObject7$e());
|
|
10153
10379
|
var StyledCenterDividerContainer = styled__default.div(_templateObject8$e(), DefaultColorButton, FocusDisableBorderColor, FocusDisableBorderColor);
|
|
10154
|
-
var StyledFileUploadButton = styled__default.div(_templateObject9$
|
|
10155
|
-
var StyledUploadingZoneContainer = styled__default.div(_templateObject10$
|
|
10156
|
-
var StyledSubHeadingContainer = styled__default.h2(_templateObject11$
|
|
10157
|
-
var StyledFileUploadContainer = styled__default.div(_templateObject12$
|
|
10380
|
+
var StyledFileUploadButton = styled__default.div(_templateObject9$d());
|
|
10381
|
+
var StyledUploadingZoneContainer = styled__default.div(_templateObject10$c());
|
|
10382
|
+
var StyledSubHeadingContainer = styled__default.h2(_templateObject11$b());
|
|
10383
|
+
var StyledFileUploadContainer = styled__default.div(_templateObject12$7());
|
|
10158
10384
|
var StyledFileLabel = styled__default.label(_templateObject13$5(), LabelColor);
|
|
10159
10385
|
var StyledProgressMainContainer = styled__default.div(_templateObject14$5());
|
|
10160
10386
|
var StyledClearIcon = styled__default.i(_templateObject15$4(), NotificationClose);
|
|
10161
10387
|
var StyledDeleteIcon = styled__default.i(_templateObject16$4(), TrashIcon);
|
|
10162
|
-
var StyledBrowseFIleURL = styled__default.input(_templateObject17$
|
|
10388
|
+
var StyledBrowseFIleURL = styled__default.input(_templateObject17$4(), PrimaryBlueColor, SecondaryBlueColor);
|
|
10163
10389
|
|
|
10164
10390
|
/** Detect free variable `global` from Node.js. */
|
|
10165
10391
|
var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
|
|
@@ -10465,8 +10691,8 @@
|
|
|
10465
10691
|
|
|
10466
10692
|
var uniqueId_1 = uniqueId;
|
|
10467
10693
|
|
|
10468
|
-
function ownKeys$
|
|
10469
|
-
function _objectSpread$
|
|
10694
|
+
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; }
|
|
10695
|
+
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; }
|
|
10470
10696
|
var Dropzone = function Dropzone(_ref) {
|
|
10471
10697
|
var setFiles = _ref.setFiles,
|
|
10472
10698
|
_ref$accept = _ref.accept,
|
|
@@ -10487,10 +10713,10 @@
|
|
|
10487
10713
|
errorMessage: ""
|
|
10488
10714
|
};
|
|
10489
10715
|
}).reduce(function (a, v) {
|
|
10490
|
-
return _objectSpread$
|
|
10716
|
+
return _objectSpread$g(_objectSpread$g({}, a), {}, _defineProperty({}, uniqueId_1(), v));
|
|
10491
10717
|
}, {});
|
|
10492
10718
|
setFiles(function (files) {
|
|
10493
|
-
return _objectSpread$
|
|
10719
|
+
return _objectSpread$g(_objectSpread$g({}, files), filesArray);
|
|
10494
10720
|
});
|
|
10495
10721
|
};
|
|
10496
10722
|
var handleDrop = function handleDrop(event) {
|
|
@@ -10588,12 +10814,12 @@
|
|
|
10588
10814
|
}), /*#__PURE__*/jsxRuntime.jsxs(StyledButtonContainer, {
|
|
10589
10815
|
children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
10590
10816
|
variant: "primary",
|
|
10591
|
-
|
|
10592
|
-
|
|
10817
|
+
onClick: onFileUpload,
|
|
10818
|
+
children: "Upload"
|
|
10593
10819
|
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
10594
10820
|
variant: "url",
|
|
10595
|
-
|
|
10596
|
-
|
|
10821
|
+
onClick: onCancelAllUploads,
|
|
10822
|
+
children: "Cancel"
|
|
10597
10823
|
})]
|
|
10598
10824
|
})]
|
|
10599
10825
|
})
|
|
@@ -10614,30 +10840,30 @@
|
|
|
10614
10840
|
};
|
|
10615
10841
|
return data;
|
|
10616
10842
|
}
|
|
10617
|
-
function _templateObject12$
|
|
10843
|
+
function _templateObject12$8() {
|
|
10618
10844
|
var data = _taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: default;\n "]);
|
|
10619
|
-
_templateObject12$
|
|
10845
|
+
_templateObject12$8 = function _templateObject12() {
|
|
10620
10846
|
return data;
|
|
10621
10847
|
};
|
|
10622
10848
|
return data;
|
|
10623
10849
|
}
|
|
10624
|
-
function _templateObject11$
|
|
10850
|
+
function _templateObject11$c() {
|
|
10625
10851
|
var data = _taggedTemplateLiteral(["\n cursor: default;\n pointer-events: none;\n "]);
|
|
10626
|
-
_templateObject11$
|
|
10852
|
+
_templateObject11$c = function _templateObject11() {
|
|
10627
10853
|
return data;
|
|
10628
10854
|
};
|
|
10629
10855
|
return data;
|
|
10630
10856
|
}
|
|
10631
|
-
function _templateObject10$
|
|
10857
|
+
function _templateObject10$d() {
|
|
10632
10858
|
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"]);
|
|
10633
|
-
_templateObject10$
|
|
10859
|
+
_templateObject10$d = function _templateObject10() {
|
|
10634
10860
|
return data;
|
|
10635
10861
|
};
|
|
10636
10862
|
return data;
|
|
10637
10863
|
}
|
|
10638
|
-
function _templateObject9$
|
|
10864
|
+
function _templateObject9$e() {
|
|
10639
10865
|
var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 8px;\n"]);
|
|
10640
|
-
_templateObject9$
|
|
10866
|
+
_templateObject9$e = function _templateObject9() {
|
|
10641
10867
|
return data;
|
|
10642
10868
|
};
|
|
10643
10869
|
return data;
|
|
@@ -10685,7 +10911,7 @@
|
|
|
10685
10911
|
return data;
|
|
10686
10912
|
}
|
|
10687
10913
|
function _templateObject2$k() {
|
|
10688
|
-
var data = _taggedTemplateLiteral(["\n height: 100%;\n width: 100%;\n\n /* &.ag-theme-alpine .ag-cell {\n font-size: ", ";\n } */\n"]);
|
|
10914
|
+
var data = _taggedTemplateLiteral(["\n height: 100%;\n width: 100%;\n\n /* &.ag-theme-alpine .ag-cell {\n font-size: ", ";\n } */\n\n .common_table > div {\n font-family: \"Poppins\", sans-serif !important;\n }\n\n .ag-header-cell,\n .ag-header-viewport {\n background: ", ";\n }\n\n .ag-theme-alpine,\n .ag-theme-alpine-dark {\n --ag-border-color: ", ";\n }\n .ag-header-cell-resize::after {\n --ag-border-color: ", ";\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 ", ";\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 ", ";\n }\n\n .ag-ltr .ag-cell:last-child {\n border-right: none;\n }\n\n .ag-row {\n border-bottom: 1px solid ", ";\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: ", ";\n }\n\n .ag-ltr .ag-cell {\n height: 44px;\n font-size: 14px;\n color: ", ";\n padding-left: 12px;\n }\n .ag-row-hover {\n --ag-row-hover-color: ", ";\n }\n\n .ag-checkbox-input-wrapper.ag-checked::after {\n content: var(--ag-icon-font-code-checkbox-checked, \"\f106\");\n color: ", ";\n position: absolute;\n top: 0;\n left: 0;\n pointer-events: none;\n }\n .ag-checkbox-input-wrapper::after {\n color: ", ";\n }\n\n .ag-theme-alpine,\n .ag-theme-alpine-dark {\n --ag-selected-row-background-color: ", ";\n }\n .ag-icon.ag-icon-menu::before {\n content: \"\";\n background: url(", ") 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: ", " !important;\n }\n\n .ag-menu-option-active {\n background: ", " !important;\n }\n\n .ag-text-field-input {\n border: 1px solid ", " !important;\n border-radius: 4px !important;\n padding: 4px 12px;\n padding-right: 31px;\n height: 29px;\n box-sizing: border-box;\n background: url(", ") no-repeat;\n background-size: 16px;\n font-size: 14px !important;\n background-position: center right 11px;\n }\n .ag-icon-tree-closed {\n transform: rotate(90deg);\n }\n .ag-details-row {\n padding: 15px;\n }\n .ag-row.ag-row-footer {\n background: ", " !important;\n }\n\n .ag-tabs-header {\n display: none;\n }\n .ag-menu-option-icon,\n .ag-menu-option-shortcut {\n display: none;\n }\n .settings_main_container .ag-menu-option-text {\n background: url(", ") no-repeat;\n width: 14px;\n height: 14px;\n background-size: 14px;\n background-position: 0 center;\n padding-left: 20px;\n color: ", ";\n font-weight: 600;\n }\n .format_main_container .ag-menu-option-text {\n background: url(", ") no-repeat;\n width: 14px;\n height: 14px;\n background-size: 14px;\n background-position: 0 center;\n padding-left: 20px;\n color: ", ";\n font-weight: 600;\n }\n .ag-menu-option-active {\n background: ", " !important;\n }\n .ag-theme-alpine .ag-menu {\n background-color: ", ";\n }\n .ag-menu-option-text {\n padding-left: 0px;\n }\n\n .ag-menu-body {\n padding: 0 12px;\n }\n .ag-menu-option-popup-pointer {\n display: flex;\n justify-content: flex-end;\n padding-right: 0;\n }\n .ag-popup-child {\n padding-left: 12px;\n }\n .ag-theme-alpine .ag-side-buttons {\n width: 24px;\n }\n .ag-theme-alpine .ag-side-buttons {\n width: 24px;\n padding-top: 0px;\n }\n .ag-side-button-button {\n justify-content: flex-start;\n }\n .ag-theme-alpine .ag-side-button-button {\n color: ", ";\n }\n .ag-theme-alpine .ag-side-button-button:hover {\n color: ", ";\n }\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n .ag-header-row {\n height: 30px !important;\n display: flex;\n align-items: center;\n font-size: 12px;\n }\n\n .ag-header-container,\n element.style {\n width: 200px;\n left: 0px;\n }\n .ag-header-cell,\n .ag-header-group-cell {\n height: 30px !important;\n }\n .ag-header {\n min-height: 30px !important;\n height: 30px !important;\n }\n .ag-ltr .ag-cell,\n .ag-row {\n height: 30px !important;\n display: flex;\n align-items: center;\n font-size: 12px;\n }\n .ag-header-cell-text {\n font-size: 12px;\n }\n .ag-icon.ag-icon-menu::before {\n content: \"\";\n width: 4px;\n height: 12px;\n background-size: 4px;\n display: block;\n cursor: pointer;\n }\n }\n"], ["\n height: 100%;\n width: 100%;\n\n /* &.ag-theme-alpine .ag-cell {\n font-size: ", ";\n } */\n\n .common_table > div {\n font-family: \"Poppins\", sans-serif !important;\n }\n\n .ag-header-cell,\n .ag-header-viewport {\n background: ", ";\n }\n\n .ag-theme-alpine,\n .ag-theme-alpine-dark {\n --ag-border-color: ", ";\n }\n .ag-header-cell-resize::after {\n --ag-border-color: ", ";\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 ", ";\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 ", ";\n }\n\n .ag-ltr .ag-cell:last-child {\n border-right: none;\n }\n\n .ag-row {\n border-bottom: 1px solid ", ";\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: ", ";\n }\n\n .ag-ltr .ag-cell {\n height: 44px;\n font-size: 14px;\n color: ", ";\n padding-left: 12px;\n }\n .ag-row-hover {\n --ag-row-hover-color: ", ";\n }\n\n .ag-checkbox-input-wrapper.ag-checked::after {\n content: var(--ag-icon-font-code-checkbox-checked, \"\\f106\");\n color: ", ";\n position: absolute;\n top: 0;\n left: 0;\n pointer-events: none;\n }\n .ag-checkbox-input-wrapper::after {\n color: ", ";\n }\n\n .ag-theme-alpine,\n .ag-theme-alpine-dark {\n --ag-selected-row-background-color: ", ";\n }\n .ag-icon.ag-icon-menu::before {\n content: \"\";\n background: url(", ") 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: ", " !important;\n }\n\n .ag-menu-option-active {\n background: ", " !important;\n }\n\n .ag-text-field-input {\n border: 1px solid ", " !important;\n border-radius: 4px !important;\n padding: 4px 12px;\n padding-right: 31px;\n height: 29px;\n box-sizing: border-box;\n background: url(", ") no-repeat;\n background-size: 16px;\n font-size: 14px !important;\n background-position: center right 11px;\n }\n .ag-icon-tree-closed {\n transform: rotate(90deg);\n }\n .ag-details-row {\n padding: 15px;\n }\n .ag-row.ag-row-footer {\n background: ", " !important;\n }\n\n .ag-tabs-header {\n display: none;\n }\n .ag-menu-option-icon,\n .ag-menu-option-shortcut {\n display: none;\n }\n .settings_main_container .ag-menu-option-text {\n background: url(", ") no-repeat;\n width: 14px;\n height: 14px;\n background-size: 14px;\n background-position: 0 center;\n padding-left: 20px;\n color: ", ";\n font-weight: 600;\n }\n .format_main_container .ag-menu-option-text {\n background: url(", ") no-repeat;\n width: 14px;\n height: 14px;\n background-size: 14px;\n background-position: 0 center;\n padding-left: 20px;\n color: ", ";\n font-weight: 600;\n }\n .ag-menu-option-active {\n background: ", " !important;\n }\n .ag-theme-alpine .ag-menu {\n background-color: ", ";\n }\n .ag-menu-option-text {\n padding-left: 0px;\n }\n\n .ag-menu-body {\n padding: 0 12px;\n }\n .ag-menu-option-popup-pointer {\n display: flex;\n justify-content: flex-end;\n padding-right: 0;\n }\n .ag-popup-child {\n padding-left: 12px;\n }\n .ag-theme-alpine .ag-side-buttons {\n width: 24px;\n }\n .ag-theme-alpine .ag-side-buttons {\n width: 24px;\n padding-top: 0px;\n }\n .ag-side-button-button {\n justify-content: flex-start;\n }\n .ag-theme-alpine .ag-side-button-button {\n color: ", ";\n }\n .ag-theme-alpine .ag-side-button-button:hover {\n color: ", ";\n }\n @media screen and (max-width: 1399px) and (min-width: 1200px) {\n .ag-header-row {\n height: 30px !important;\n display: flex;\n align-items: center;\n font-size: 12px;\n }\n\n .ag-header-container,\n element.style {\n width: 200px;\n left: 0px;\n }\n .ag-header-cell,\n .ag-header-group-cell {\n height: 30px !important;\n }\n .ag-header {\n min-height: 30px !important;\n height: 30px !important;\n }\n .ag-ltr .ag-cell,\n .ag-row {\n height: 30px !important;\n display: flex;\n align-items: center;\n font-size: 12px;\n }\n .ag-header-cell-text {\n font-size: 12px;\n }\n .ag-icon.ag-icon-menu::before {\n content: \"\";\n width: 4px;\n height: 12px;\n background-size: 4px;\n display: block;\n cursor: pointer;\n }\n }\n"]);
|
|
10689
10915
|
_templateObject2$k = function _templateObject2() {
|
|
10690
10916
|
return data;
|
|
10691
10917
|
};
|
|
@@ -10701,54 +10927,24 @@
|
|
|
10701
10927
|
var StyledTable = styled__default.div(_templateObject$m());
|
|
10702
10928
|
var StyledTableContainer = styled__default.div(_templateObject2$k(), function (props) {
|
|
10703
10929
|
return props.isCompact ? COMPACT_TABLE_FONT_SIZE : DEFAULT_TABLE_FONT_SIZE;
|
|
10704
|
-
});
|
|
10930
|
+
}, DisabledTextareaBg, FocusDisableBorderColor, FocusDisableBorderColor, FocusDisableBorderColor, FocusDisableBorderColor, FocusDisableBorderColor, BodyFontColor, BodyFontColor, LightBgColorButton, PrimaryBlueColor, DefaultColorButton, LightBgColorButton, menuExtended, LightBgColorButton, LightBgColorButton, AGInputColor, agGridSearch, PanelFooterBg, agGridSetting, CheckBoxBorder, agGridFormatIcon, CheckBoxBorder, WhiteColor, WhiteColor, LabelColor, PrimaryBlueColor);
|
|
10705
10931
|
var PaginationContainer = styled__default.div(_templateObject3$k());
|
|
10706
10932
|
var StyledLeftPaginationContainer = styled__default.div(_templateObject4$j(), StyledMenu, StyledDropdownMainButton);
|
|
10707
10933
|
var StyledShowRecLabel = styled__default.label(_templateObject5$i(), LabelColor);
|
|
10708
10934
|
var ShowRecordsTable = styled__default.label(_templateObject6$g(), LabelColor);
|
|
10709
10935
|
var StyledRightPaginationContainer = styled__default.div(_templateObject7$f());
|
|
10710
10936
|
var StyledPaginationMainContainer = styled__default.div(_templateObject8$f());
|
|
10711
|
-
var StyledUL = styled__default.ul(_templateObject9$
|
|
10712
|
-
var StyledLi = styled__default.li(_templateObject10$
|
|
10713
|
-
return props.disabled && styled.css(_templateObject11$
|
|
10937
|
+
var StyledUL = styled__default.ul(_templateObject9$e());
|
|
10938
|
+
var StyledLi = styled__default.li(_templateObject10$d(), LabelColor, function (props) {
|
|
10939
|
+
return props.disabled && styled.css(_templateObject11$c());
|
|
10714
10940
|
}, pageArrow, function (props) {
|
|
10715
|
-
return props.disabled && styled.css(_templateObject12$
|
|
10941
|
+
return props.disabled && styled.css(_templateObject12$8());
|
|
10716
10942
|
}, pageArrow, function (props) {
|
|
10717
10943
|
return props.disabled && styled.css(_templateObject13$6());
|
|
10718
10944
|
}, function (props) {
|
|
10719
10945
|
return props.active && styled.css(_templateObject14$6(), PrimaryBlueColor, WhiteColor);
|
|
10720
10946
|
});
|
|
10721
10947
|
|
|
10722
|
-
function styleInject(css, ref) {
|
|
10723
|
-
if ( ref === void 0 ) ref = {};
|
|
10724
|
-
var insertAt = ref.insertAt;
|
|
10725
|
-
|
|
10726
|
-
if (!css || typeof document === 'undefined') { return; }
|
|
10727
|
-
|
|
10728
|
-
var head = document.head || document.getElementsByTagName('head')[0];
|
|
10729
|
-
var style = document.createElement('style');
|
|
10730
|
-
style.type = 'text/css';
|
|
10731
|
-
|
|
10732
|
-
if (insertAt === 'top') {
|
|
10733
|
-
if (head.firstChild) {
|
|
10734
|
-
head.insertBefore(style, head.firstChild);
|
|
10735
|
-
} else {
|
|
10736
|
-
head.appendChild(style);
|
|
10737
|
-
}
|
|
10738
|
-
} else {
|
|
10739
|
-
head.appendChild(style);
|
|
10740
|
-
}
|
|
10741
|
-
|
|
10742
|
-
if (style.styleSheet) {
|
|
10743
|
-
style.styleSheet.cssText = css;
|
|
10744
|
-
} else {
|
|
10745
|
-
style.appendChild(document.createTextNode(css));
|
|
10746
|
-
}
|
|
10747
|
-
}
|
|
10748
|
-
|
|
10749
|
-
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";
|
|
10750
|
-
styleInject(css_248z);
|
|
10751
|
-
|
|
10752
10948
|
var Pagination = function Pagination(_ref) {
|
|
10753
10949
|
var gridApi = _ref.gridApi,
|
|
10754
10950
|
pageSizeList = _ref.pageSizeList;
|
|
@@ -10838,7 +11034,7 @@
|
|
|
10838
11034
|
setCurrentOptions: setCurrentOptions,
|
|
10839
11035
|
selectedOptions: selectedOptions,
|
|
10840
11036
|
setSelectedOptions: setSelectedOptions,
|
|
10841
|
-
|
|
11037
|
+
onChange: pageSizeChange
|
|
10842
11038
|
}), /*#__PURE__*/jsxRuntime.jsxs(ShowRecordsTable, {
|
|
10843
11039
|
children: [gridApi.paginationGetPageSize(), " of", " ", gridApi.getModel().getRowCount(), " records"]
|
|
10844
11040
|
})]
|
|
@@ -10868,8 +11064,38 @@
|
|
|
10868
11064
|
});
|
|
10869
11065
|
};
|
|
10870
11066
|
|
|
10871
|
-
function
|
|
10872
|
-
|
|
11067
|
+
function styleInject(css, ref) {
|
|
11068
|
+
if ( ref === void 0 ) ref = {};
|
|
11069
|
+
var insertAt = ref.insertAt;
|
|
11070
|
+
|
|
11071
|
+
if (!css || typeof document === 'undefined') { return; }
|
|
11072
|
+
|
|
11073
|
+
var head = document.head || document.getElementsByTagName('head')[0];
|
|
11074
|
+
var style = document.createElement('style');
|
|
11075
|
+
style.type = 'text/css';
|
|
11076
|
+
|
|
11077
|
+
if (insertAt === 'top') {
|
|
11078
|
+
if (head.firstChild) {
|
|
11079
|
+
head.insertBefore(style, head.firstChild);
|
|
11080
|
+
} else {
|
|
11081
|
+
head.appendChild(style);
|
|
11082
|
+
}
|
|
11083
|
+
} else {
|
|
11084
|
+
head.appendChild(style);
|
|
11085
|
+
}
|
|
11086
|
+
|
|
11087
|
+
if (style.styleSheet) {
|
|
11088
|
+
style.styleSheet.cssText = css;
|
|
11089
|
+
} else {
|
|
11090
|
+
style.appendChild(document.createTextNode(css));
|
|
11091
|
+
}
|
|
11092
|
+
}
|
|
11093
|
+
|
|
11094
|
+
var css_248z = "@import \"ag-grid-community/styles/ag-grid.css\";\n@import \"ag-grid-community/styles/ag-theme-alpine.css\";\n";
|
|
11095
|
+
styleInject(css_248z);
|
|
11096
|
+
|
|
11097
|
+
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; }
|
|
11098
|
+
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; }
|
|
10873
11099
|
var Table = /*#__PURE__*/React.forwardRef(function (_ref, refs) {
|
|
10874
11100
|
var rowData = _ref.rowData,
|
|
10875
11101
|
columnDefs = _ref.columnDefs,
|
|
@@ -10902,7 +11128,7 @@
|
|
|
10902
11128
|
return /*#__PURE__*/jsxRuntime.jsxs(StyledTableContainer, {
|
|
10903
11129
|
className: "ag-theme-alpine",
|
|
10904
11130
|
isCompact: isCompact,
|
|
10905
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(agGridReact.AgGridReact, _objectSpread$
|
|
11131
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(agGridReact.AgGridReact, _objectSpread$h({
|
|
10906
11132
|
ref: refs ? refs : gridRef,
|
|
10907
11133
|
rowData: rowData,
|
|
10908
11134
|
columnDefs: columnDefs,
|
|
@@ -10917,23 +11143,23 @@
|
|
|
10917
11143
|
});
|
|
10918
11144
|
});
|
|
10919
11145
|
|
|
10920
|
-
function _templateObject11$
|
|
11146
|
+
function _templateObject11$d() {
|
|
10921
11147
|
var data = _taggedTemplateLiteral(["\n display: flex;\n gap: 16px;\n"]);
|
|
10922
|
-
_templateObject11$
|
|
11148
|
+
_templateObject11$d = function _templateObject11() {
|
|
10923
11149
|
return data;
|
|
10924
11150
|
};
|
|
10925
11151
|
return data;
|
|
10926
11152
|
}
|
|
10927
|
-
function _templateObject10$
|
|
11153
|
+
function _templateObject10$e() {
|
|
10928
11154
|
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"]);
|
|
10929
|
-
_templateObject10$
|
|
11155
|
+
_templateObject10$e = function _templateObject10() {
|
|
10930
11156
|
return data;
|
|
10931
11157
|
};
|
|
10932
11158
|
return data;
|
|
10933
11159
|
}
|
|
10934
|
-
function _templateObject9$
|
|
11160
|
+
function _templateObject9$f() {
|
|
10935
11161
|
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"]);
|
|
10936
|
-
_templateObject9$
|
|
11162
|
+
_templateObject9$f = function _templateObject9() {
|
|
10937
11163
|
return data;
|
|
10938
11164
|
};
|
|
10939
11165
|
return data;
|
|
@@ -11008,12 +11234,12 @@
|
|
|
11008
11234
|
var StyledPanelHeader = styled__default.div(_templateObject6$h(), DisabledTextareaBg);
|
|
11009
11235
|
var StyledPanelHeading = styled__default.h2(_templateObject7$g());
|
|
11010
11236
|
var StyledPanelCloseIcon = styled__default.i(_templateObject8$g(), PanelCloseIcon);
|
|
11011
|
-
var StyledPanelBodyContainer = styled__default.div(_templateObject9$
|
|
11012
|
-
var StyledPanelFooter = styled__default.div(_templateObject10$
|
|
11013
|
-
var StyledPanelCTAContainer = styled__default.div(_templateObject11$
|
|
11237
|
+
var StyledPanelBodyContainer = styled__default.div(_templateObject9$f());
|
|
11238
|
+
var StyledPanelFooter = styled__default.div(_templateObject10$e(), PanelFooterBg);
|
|
11239
|
+
var StyledPanelCTAContainer = styled__default.div(_templateObject11$d());
|
|
11014
11240
|
|
|
11015
|
-
function ownKeys$
|
|
11016
|
-
function _objectSpread$
|
|
11241
|
+
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; }
|
|
11242
|
+
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; }
|
|
11017
11243
|
var Panel = function Panel(_ref) {
|
|
11018
11244
|
var isOpen = _ref.isOpen,
|
|
11019
11245
|
size = _ref.size,
|
|
@@ -11039,9 +11265,9 @@
|
|
|
11039
11265
|
children: children
|
|
11040
11266
|
}), /*#__PURE__*/jsxRuntime.jsx(StyledPanelFooter, {
|
|
11041
11267
|
children: /*#__PURE__*/jsxRuntime.jsxs(StyledPanelCTAContainer, {
|
|
11042
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
11268
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$i(_objectSpread$i({}, tertiaryButtonProps), {}, {
|
|
11043
11269
|
variant: "url"
|
|
11044
|
-
})), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
11270
|
+
})), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$i(_objectSpread$i({}, primaryButtonProps), {}, {
|
|
11045
11271
|
variant: "primary"
|
|
11046
11272
|
}))]
|
|
11047
11273
|
})
|
|
@@ -11230,30 +11456,30 @@
|
|
|
11230
11456
|
};
|
|
11231
11457
|
return data;
|
|
11232
11458
|
}
|
|
11233
|
-
function _templateObject12$
|
|
11459
|
+
function _templateObject12$9() {
|
|
11234
11460
|
var data = _taggedTemplateLiteral(["\n position: absolute;\n border-radius: 4px;\n height: 8px;\n background-color: ", ";\n z-index: 2;\n"]);
|
|
11235
|
-
_templateObject12$
|
|
11461
|
+
_templateObject12$9 = function _templateObject12() {
|
|
11236
11462
|
return data;
|
|
11237
11463
|
};
|
|
11238
11464
|
return data;
|
|
11239
11465
|
}
|
|
11240
|
-
function _templateObject11$
|
|
11466
|
+
function _templateObject11$e() {
|
|
11241
11467
|
var data = _taggedTemplateLiteral(["\n position: absolute;\n border-radius: 4px;\n height: 8px;\n background-color: ", ";\n width: 100%;\n z-index: 1;\n"]);
|
|
11242
|
-
_templateObject11$
|
|
11468
|
+
_templateObject11$e = function _templateObject11() {
|
|
11243
11469
|
return data;
|
|
11244
11470
|
};
|
|
11245
11471
|
return data;
|
|
11246
11472
|
}
|
|
11247
|
-
function _templateObject10$
|
|
11473
|
+
function _templateObject10$f() {
|
|
11248
11474
|
var data = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n"]);
|
|
11249
|
-
_templateObject10$
|
|
11475
|
+
_templateObject10$f = function _templateObject10() {
|
|
11250
11476
|
return data;
|
|
11251
11477
|
};
|
|
11252
11478
|
return data;
|
|
11253
11479
|
}
|
|
11254
|
-
function _templateObject9$
|
|
11480
|
+
function _templateObject9$g() {
|
|
11255
11481
|
var data = _taggedTemplateLiteral(["\n ", "\n\n z-index: 4;\n"]);
|
|
11256
|
-
_templateObject9$
|
|
11482
|
+
_templateObject9$g = function _templateObject9() {
|
|
11257
11483
|
return data;
|
|
11258
11484
|
};
|
|
11259
11485
|
return data;
|
|
@@ -11324,10 +11550,10 @@
|
|
|
11324
11550
|
var StyledSliderLabel = styled__default.label(_templateObject6$k(), LabelColor);
|
|
11325
11551
|
var StyledSliderThumb = styled.css(_templateObject7$i(), PrimaryBlueColor, PrimaryBlueColor, DefaultColorButton);
|
|
11326
11552
|
var StyledSliderLeft = styled__default.input(_templateObject8$h(), StyledSliderThumb);
|
|
11327
|
-
var StyledSliderRight = styled__default.input(_templateObject9$
|
|
11328
|
-
var StyledSlider = styled__default.div(_templateObject10$
|
|
11329
|
-
var StyledSliderTrack = styled__default.div(_templateObject11$
|
|
11330
|
-
var StyledSliderRange = styled__default.div(_templateObject12$
|
|
11553
|
+
var StyledSliderRight = styled__default.input(_templateObject9$g(), StyledSliderThumb);
|
|
11554
|
+
var StyledSlider = styled__default.div(_templateObject10$f());
|
|
11555
|
+
var StyledSliderTrack = styled__default.div(_templateObject11$e(), DisabledTextareaBg);
|
|
11556
|
+
var StyledSliderRange = styled__default.div(_templateObject12$9(), PrimaryBlueColor);
|
|
11331
11557
|
var StyledSliderActive = styled__default.div(_templateObject13$7(), PrimaryBlueColor);
|
|
11332
11558
|
|
|
11333
11559
|
var Slider = function Slider(_ref) {
|
|
@@ -11469,30 +11695,30 @@
|
|
|
11469
11695
|
});
|
|
11470
11696
|
};
|
|
11471
11697
|
|
|
11472
|
-
function _templateObject12$
|
|
11698
|
+
function _templateObject12$a() {
|
|
11473
11699
|
var data = _taggedTemplateLiteral(["\n display: none;\n "]);
|
|
11474
|
-
_templateObject12$
|
|
11700
|
+
_templateObject12$a = function _templateObject12() {
|
|
11475
11701
|
return data;
|
|
11476
11702
|
};
|
|
11477
11703
|
return data;
|
|
11478
11704
|
}
|
|
11479
|
-
function _templateObject11$
|
|
11705
|
+
function _templateObject11$f() {
|
|
11480
11706
|
var data = _taggedTemplateLiteral(["\n font-size: 14px;\n "]);
|
|
11481
|
-
_templateObject11$
|
|
11707
|
+
_templateObject11$f = function _templateObject11() {
|
|
11482
11708
|
return data;
|
|
11483
11709
|
};
|
|
11484
11710
|
return data;
|
|
11485
11711
|
}
|
|
11486
|
-
function _templateObject10$
|
|
11712
|
+
function _templateObject10$g() {
|
|
11487
11713
|
var data = _taggedTemplateLiteral(["\n font-size: 12px;\n "]);
|
|
11488
|
-
_templateObject10$
|
|
11714
|
+
_templateObject10$g = function _templateObject10() {
|
|
11489
11715
|
return data;
|
|
11490
11716
|
};
|
|
11491
11717
|
return data;
|
|
11492
11718
|
}
|
|
11493
|
-
function _templateObject9$
|
|
11719
|
+
function _templateObject9$h() {
|
|
11494
11720
|
var data = _taggedTemplateLiteral(["\n display: none;\n "]);
|
|
11495
|
-
_templateObject9$
|
|
11721
|
+
_templateObject9$h = function _templateObject9() {
|
|
11496
11722
|
return data;
|
|
11497
11723
|
};
|
|
11498
11724
|
return data;
|
|
@@ -11570,24 +11796,24 @@
|
|
|
11570
11796
|
}, SpinnerPercentage, function (props) {
|
|
11571
11797
|
switch (props.size) {
|
|
11572
11798
|
case "small":
|
|
11573
|
-
return styled.css(_templateObject9$
|
|
11799
|
+
return styled.css(_templateObject9$h());
|
|
11574
11800
|
case "medium":
|
|
11575
|
-
return styled.css(_templateObject10$
|
|
11801
|
+
return styled.css(_templateObject10$g());
|
|
11576
11802
|
case "large":
|
|
11577
|
-
return styled.css(_templateObject11$
|
|
11803
|
+
return styled.css(_templateObject11$f());
|
|
11578
11804
|
case "xs":
|
|
11579
|
-
return styled.css(_templateObject12$
|
|
11805
|
+
return styled.css(_templateObject12$a());
|
|
11580
11806
|
}
|
|
11581
11807
|
});
|
|
11582
11808
|
|
|
11583
|
-
function ownKeys$
|
|
11584
|
-
function _objectSpread$
|
|
11809
|
+
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; }
|
|
11810
|
+
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; }
|
|
11585
11811
|
var Spinner = function Spinner(_ref) {
|
|
11586
11812
|
var size = _ref.size,
|
|
11587
11813
|
progress = _ref.progress,
|
|
11588
11814
|
showLoadingText = _ref.showLoadingText,
|
|
11589
11815
|
props = _objectWithoutProperties(_ref, ["size", "progress", "showLoadingText"]);
|
|
11590
|
-
return /*#__PURE__*/jsxRuntime.jsxs(StyledSpinnerMainContainer, _objectSpread$
|
|
11816
|
+
return /*#__PURE__*/jsxRuntime.jsxs(StyledSpinnerMainContainer, _objectSpread$j(_objectSpread$j({
|
|
11591
11817
|
size: size
|
|
11592
11818
|
}, props), {}, {
|
|
11593
11819
|
children: [/*#__PURE__*/jsxRuntime.jsx(StyledSpinner, {}), progress && /*#__PURE__*/jsxRuntime.jsxs(SpinnerPercentage, {
|
|
@@ -11598,23 +11824,23 @@
|
|
|
11598
11824
|
}));
|
|
11599
11825
|
};
|
|
11600
11826
|
|
|
11601
|
-
function _templateObject11$
|
|
11827
|
+
function _templateObject11$g() {
|
|
11602
11828
|
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 "]);
|
|
11603
|
-
_templateObject11$
|
|
11829
|
+
_templateObject11$g = function _templateObject11() {
|
|
11604
11830
|
return data;
|
|
11605
11831
|
};
|
|
11606
11832
|
return data;
|
|
11607
11833
|
}
|
|
11608
|
-
function _templateObject10$
|
|
11834
|
+
function _templateObject10$h() {
|
|
11609
11835
|
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 "]);
|
|
11610
|
-
_templateObject10$
|
|
11836
|
+
_templateObject10$h = function _templateObject10() {
|
|
11611
11837
|
return data;
|
|
11612
11838
|
};
|
|
11613
11839
|
return data;
|
|
11614
11840
|
}
|
|
11615
|
-
function _templateObject9$
|
|
11841
|
+
function _templateObject9$i() {
|
|
11616
11842
|
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 "]);
|
|
11617
|
-
_templateObject9$
|
|
11843
|
+
_templateObject9$i = function _templateObject9() {
|
|
11618
11844
|
return data;
|
|
11619
11845
|
};
|
|
11620
11846
|
return data;
|
|
@@ -11686,19 +11912,19 @@
|
|
|
11686
11912
|
case "noPlan":
|
|
11687
11913
|
return styled.css(_templateObject8$j(), StyledImageContainer, emptyStateIcon);
|
|
11688
11914
|
case "permission":
|
|
11689
|
-
return styled.css(_templateObject9$
|
|
11915
|
+
return styled.css(_templateObject9$i(), StyledImageContainer, permissionIcon);
|
|
11690
11916
|
}
|
|
11691
11917
|
}, function (props) {
|
|
11692
11918
|
switch (props.layout) {
|
|
11693
11919
|
case "vertical":
|
|
11694
|
-
return styled.css(_templateObject10$
|
|
11920
|
+
return styled.css(_templateObject10$h(), StyledImageContainer, emptyStateIcon, StyledImageContentContainer, StyledContentContainer, StyledStateHeading, StyledInfoText);
|
|
11695
11921
|
}
|
|
11696
11922
|
}, function (props) {
|
|
11697
|
-
return props.hideImage && styled.css(_templateObject11$
|
|
11923
|
+
return props.hideImage && styled.css(_templateObject11$g(), StyledImageContainer, StyledContentContainer);
|
|
11698
11924
|
});
|
|
11699
11925
|
|
|
11700
|
-
function ownKeys$
|
|
11701
|
-
function _objectSpread$
|
|
11926
|
+
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; }
|
|
11927
|
+
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; }
|
|
11702
11928
|
var EmptyState = function EmptyState(_ref) {
|
|
11703
11929
|
var heading = _ref.heading,
|
|
11704
11930
|
info = _ref.info,
|
|
@@ -11709,7 +11935,7 @@
|
|
|
11709
11935
|
primaryButtonProps = _ref.primaryButtonProps,
|
|
11710
11936
|
secondaryButtonProps = _ref.secondaryButtonProps,
|
|
11711
11937
|
props = _objectWithoutProperties(_ref, ["heading", "info", "variant", "layout", "hideImage", "hideButtons", "primaryButtonProps", "secondaryButtonProps"]);
|
|
11712
|
-
return /*#__PURE__*/jsxRuntime.jsx(StyledEmptyState, _objectSpread$
|
|
11938
|
+
return /*#__PURE__*/jsxRuntime.jsx(StyledEmptyState, _objectSpread$k(_objectSpread$k({
|
|
11713
11939
|
variant: variant,
|
|
11714
11940
|
layout: layout,
|
|
11715
11941
|
hideImage: hideImage
|
|
@@ -11721,9 +11947,9 @@
|
|
|
11721
11947
|
}), /*#__PURE__*/jsxRuntime.jsx(StyledInfoText, {
|
|
11722
11948
|
children: info
|
|
11723
11949
|
}), !hideButtons && /*#__PURE__*/jsxRuntime.jsxs(StyledCTAContainer, {
|
|
11724
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
11950
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$k({
|
|
11725
11951
|
variant: "primary"
|
|
11726
|
-
}, primaryButtonProps)), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$
|
|
11952
|
+
}, primaryButtonProps)), /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$k({
|
|
11727
11953
|
variant: "secondary"
|
|
11728
11954
|
}, secondaryButtonProps))]
|
|
11729
11955
|
})]
|
|
@@ -11795,16 +12021,16 @@
|
|
|
11795
12021
|
};
|
|
11796
12022
|
return data;
|
|
11797
12023
|
}
|
|
11798
|
-
function _templateObject18$
|
|
12024
|
+
function _templateObject18$3() {
|
|
11799
12025
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n ", "\n\n ", "\n ", "\n ", "\n "]);
|
|
11800
|
-
_templateObject18$
|
|
12026
|
+
_templateObject18$3 = function _templateObject18() {
|
|
11801
12027
|
return data;
|
|
11802
12028
|
};
|
|
11803
12029
|
return data;
|
|
11804
12030
|
}
|
|
11805
|
-
function _templateObject17$
|
|
12031
|
+
function _templateObject17$5() {
|
|
11806
12032
|
var data = _taggedTemplateLiteral(["\n border-radius: 17px;\n padding: 2px 12px;\n height: 22px;\n "]);
|
|
11807
|
-
_templateObject17$
|
|
12033
|
+
_templateObject17$5 = function _templateObject17() {
|
|
11808
12034
|
return data;
|
|
11809
12035
|
};
|
|
11810
12036
|
return data;
|
|
@@ -11837,30 +12063,30 @@
|
|
|
11837
12063
|
};
|
|
11838
12064
|
return data;
|
|
11839
12065
|
}
|
|
11840
|
-
function _templateObject12$
|
|
12066
|
+
function _templateObject12$b() {
|
|
11841
12067
|
var data = _taggedTemplateLiteral(["\n border-radius: 17px;\n padding: 2px 12px;\n height: 22px;\n "]);
|
|
11842
|
-
_templateObject12$
|
|
12068
|
+
_templateObject12$b = function _templateObject12() {
|
|
11843
12069
|
return data;
|
|
11844
12070
|
};
|
|
11845
12071
|
return data;
|
|
11846
12072
|
}
|
|
11847
|
-
function _templateObject11$
|
|
12073
|
+
function _templateObject11$h() {
|
|
11848
12074
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n "]);
|
|
11849
|
-
_templateObject11$
|
|
12075
|
+
_templateObject11$h = function _templateObject11() {
|
|
11850
12076
|
return data;
|
|
11851
12077
|
};
|
|
11852
12078
|
return data;
|
|
11853
12079
|
}
|
|
11854
|
-
function _templateObject10$
|
|
12080
|
+
function _templateObject10$i() {
|
|
11855
12081
|
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 "]);
|
|
11856
|
-
_templateObject10$
|
|
12082
|
+
_templateObject10$i = function _templateObject10() {
|
|
11857
12083
|
return data;
|
|
11858
12084
|
};
|
|
11859
12085
|
return data;
|
|
11860
12086
|
}
|
|
11861
|
-
function _templateObject9$
|
|
12087
|
+
function _templateObject9$j() {
|
|
11862
12088
|
var data = _taggedTemplateLiteral(["\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n "]);
|
|
11863
|
-
_templateObject9$
|
|
12089
|
+
_templateObject9$j = function _templateObject9() {
|
|
11864
12090
|
return data;
|
|
11865
12091
|
};
|
|
11866
12092
|
return data;
|
|
@@ -11936,13 +12162,13 @@
|
|
|
11936
12162
|
});
|
|
11937
12163
|
case "success":
|
|
11938
12164
|
return styled.css(_templateObject8$k(), AlertGreenSuccessStroke, function (props) {
|
|
11939
|
-
return props.outline && styled.css(_templateObject9$
|
|
12165
|
+
return props.outline && styled.css(_templateObject9$j(), WhiteColor, AlertGreenSuccessStroke, AlertGreenSuccessStroke);
|
|
11940
12166
|
}, function (props) {
|
|
11941
|
-
return props.outlineDot && styled.css(_templateObject10$
|
|
12167
|
+
return props.outlineDot && styled.css(_templateObject10$i(), WhiteColor, AlertGreenSuccessStroke, AlertGreenSuccessStroke, AlertGreenSuccessStroke);
|
|
11942
12168
|
}, function (props) {
|
|
11943
|
-
return props.secondary && styled.css(_templateObject11$
|
|
12169
|
+
return props.secondary && styled.css(_templateObject11$h(), AlertGreenSuccessBackground, AlertGreenSuccessStroke, AlertGreenSuccessStroke);
|
|
11944
12170
|
}, function (props) {
|
|
11945
|
-
return props.rounded && styled.css(_templateObject12$
|
|
12171
|
+
return props.rounded && styled.css(_templateObject12$b());
|
|
11946
12172
|
});
|
|
11947
12173
|
case "error":
|
|
11948
12174
|
return styled.css(_templateObject13$8(), AlertRedErrorStroke, function (props) {
|
|
@@ -11952,10 +12178,10 @@
|
|
|
11952
12178
|
}, function (props) {
|
|
11953
12179
|
return props.secondary && styled.css(_templateObject16$5(), AlertRedErrorBackground, AlertRedErrorStroke, AlertRedErrorStroke);
|
|
11954
12180
|
}, function (props) {
|
|
11955
|
-
return props.rounded && styled.css(_templateObject17$
|
|
12181
|
+
return props.rounded && styled.css(_templateObject17$5());
|
|
11956
12182
|
});
|
|
11957
12183
|
case "warning":
|
|
11958
|
-
return styled.css(_templateObject18$
|
|
12184
|
+
return styled.css(_templateObject18$3(), AlertOrangeWarningStroke, function (props) {
|
|
11959
12185
|
return props.outline && styled.css(_templateObject19$2(), WhiteColor, AlertOrangeWarningStroke, AlertOrangeWarningStroke);
|
|
11960
12186
|
}, function (props) {
|
|
11961
12187
|
return props.outlineDot && styled.css(_templateObject20$2(), WhiteColor, AlertOrangeWarningStroke, AlertOrangeWarningStroke, AlertOrangeWarningStroke);
|