@commonsku/styles 1.14.8 → 1.16.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +902 -154
- package/dist/index.es.js +922 -365
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +936 -370
- package/dist/index.js.map +1 -1
- package/dist/styles/Artwork.d.ts +1 -0
- package/dist/styles/Artwork.d.ts.map +1 -1
- package/dist/styles/Button.d.ts +18 -3
- package/dist/styles/Button.d.ts.map +1 -1
- package/dist/styles/CollapsibleV2.d.ts +34 -0
- package/dist/styles/CollapsibleV2.d.ts.map +1 -0
- package/dist/styles/ConfirmPopup.d.ts +10 -0
- package/dist/styles/ConfirmPopup.d.ts.map +1 -0
- package/dist/styles/Csku.d.ts +58 -0
- package/dist/styles/Csku.d.ts.map +1 -0
- package/dist/styles/Dropdown.d.ts +12 -2
- package/dist/styles/Dropdown.d.ts.map +1 -1
- package/dist/styles/FlexboxGrid.d.ts +0 -1
- package/dist/styles/FlexboxGrid.d.ts.map +1 -1
- package/dist/styles/Grid.d.ts +17 -0
- package/dist/styles/Grid.d.ts.map +1 -0
- package/dist/styles/GridTable.d.ts +55 -0
- package/dist/styles/GridTable.d.ts.map +1 -0
- package/dist/styles/IconShowcase.d.ts.map +1 -1
- package/dist/styles/Img.d.ts.map +1 -1
- package/dist/styles/Input.d.ts +8 -0
- package/dist/styles/Input.d.ts.map +1 -1
- package/dist/styles/InputStepper.d.ts +2 -2
- package/dist/styles/InputStepper.d.ts.map +1 -1
- package/dist/styles/LightIndicator.d.ts +3 -2
- package/dist/styles/LightIndicator.d.ts.map +1 -1
- package/dist/styles/Popup.d.ts +11 -2
- package/dist/styles/Popup.d.ts.map +1 -1
- package/dist/styles/Select.d.ts +548 -30
- package/dist/styles/Select.d.ts.map +1 -1
- package/dist/styles/Tabs.d.ts +1 -0
- package/dist/styles/Tabs.d.ts.map +1 -1
- package/dist/styles/Text.d.ts +3 -5
- package/dist/styles/Text.d.ts.map +1 -1
- package/dist/styles/Theme.d.ts +16 -0
- package/dist/styles/Theme.d.ts.map +1 -1
- package/dist/styles/hooks/useCalendar.d.ts +1 -1
- package/dist/styles/hooks/useCalendar.d.ts.map +1 -1
- package/dist/styles/hooks/useRandomInterval.d.ts +1 -1
- package/dist/styles/hooks/useRandomInterval.d.ts.map +1 -1
- package/dist/styles/icons/CheckboxIcon.d.ts +4 -2
- package/dist/styles/icons/CheckboxIcon.d.ts.map +1 -1
- package/dist/styles/icons/DragIcon.d.ts +6 -0
- package/dist/styles/icons/DragIcon.d.ts.map +1 -0
- package/dist/styles/icons/RadioIcon.d.ts +1 -2
- package/dist/styles/icons/RadioIcon.d.ts.map +1 -1
- package/dist/styles/icons/index.d.ts +1 -0
- package/dist/styles/icons/index.d.ts.map +1 -1
- package/dist/styles/index.d.ts +6 -0
- package/dist/styles/index.d.ts.map +1 -1
- package/dist/styles/tables/VirtualTable.d.ts +7 -2
- package/dist/styles/tables/VirtualTable.d.ts.map +1 -1
- package/dist/utils/index.d.ts +9 -2
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/sizes.d.ts +16 -1
- package/dist/utils/sizes.d.ts.map +1 -1
- package/dist/utils/ssr.d.ts +4 -0
- package/dist/utils/ssr.d.ts.map +1 -1
- package/dist/utils/styled.d.ts +12 -0
- package/dist/utils/styled.d.ts.map +1 -0
- package/package.json +14 -17
package/dist/index.js
CHANGED
|
@@ -13,18 +13,17 @@ var React__default = _interopDefault(React);
|
|
|
13
13
|
var reactDropzone = require('react-dropzone');
|
|
14
14
|
var BaseSelect = require('react-select');
|
|
15
15
|
var BaseSelect__default = _interopDefault(BaseSelect);
|
|
16
|
-
var BaseCreatableSelect = require('react-select/creatable');
|
|
17
|
-
var BaseCreatableSelect__default = _interopDefault(BaseCreatableSelect);
|
|
16
|
+
var BaseCreatableSelect = _interopDefault(require('react-select/creatable'));
|
|
18
17
|
var BaseAsyncSelect = _interopDefault(require('react-select/async'));
|
|
18
|
+
var reactBeautifulDnd = require('react-beautiful-dnd');
|
|
19
19
|
var ReactDOM = _interopDefault(require('react-dom'));
|
|
20
20
|
var dateFns = require('date-fns');
|
|
21
21
|
var BaseDatePicker = _interopDefault(require('react-datepicker'));
|
|
22
22
|
var reactTable = require('react-table');
|
|
23
23
|
var reactTableSticky = require('react-table-sticky');
|
|
24
24
|
var reactWindow = require('react-window');
|
|
25
|
-
var reactBeautifulDnd = require('react-beautiful-dnd');
|
|
26
25
|
|
|
27
|
-
|
|
26
|
+
/******************************************************************************
|
|
28
27
|
Copyright (c) Microsoft Corporation.
|
|
29
28
|
|
|
30
29
|
Permission to use, copy, modify, and/or distribute this software for any
|
|
@@ -166,6 +165,8 @@ var doc = typeof document !== 'undefined' ? document : {
|
|
|
166
165
|
},
|
|
167
166
|
};
|
|
168
167
|
var win = typeof window !== 'undefined' ? window : {
|
|
168
|
+
innerWidth: 0,
|
|
169
|
+
innerHeight: 0,
|
|
169
170
|
document: doc,
|
|
170
171
|
navigator: {
|
|
171
172
|
userAgent: '',
|
|
@@ -220,13 +221,28 @@ var ssr = {
|
|
|
220
221
|
};
|
|
221
222
|
|
|
222
223
|
var media = {
|
|
223
|
-
xs: function (styles) { return "\n @media only screen and (min-width: 0px) {\n ".concat(styles, "\n }\n "); },
|
|
224
|
-
sm: function (styles) { return "\n @media only screen and (min-width: 640px) {\n ".concat(styles, "\n }\n "); },
|
|
225
|
-
md: function (styles) { return "\n @media only screen and (min-width: 768px) {\n ".concat(styles, "\n }\n "); },
|
|
226
|
-
lg: function (styles) { return "\n @media only screen and (min-width: 1024px) {\n ".concat(styles, "\n }\n "); },
|
|
227
|
-
xl: function (styles) { return "\n @media only screen and (min-width: 1280px) {\n ".concat(styles, "\n }\n "); },
|
|
224
|
+
xs: function (styles) { return "\n @media only screen and (min-width: 0px) {\n ".concat(typeof styles === 'string' ? styled.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["", ""], ["", ""])), styles) : styled.css(styles), "\n }\n "); },
|
|
225
|
+
sm: function (styles) { return "\n @media only screen and (min-width: 640px) {\n ".concat(typeof styles === 'string' ? styled.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["", ""], ["", ""])), styles) : styled.css(styles), "\n }\n "); },
|
|
226
|
+
md: function (styles) { return "\n @media only screen and (min-width: 768px) {\n ".concat(typeof styles === 'string' ? styled.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["", ""], ["", ""])), styles) : styled.css(styles), "\n }\n "); },
|
|
227
|
+
lg: function (styles) { return "\n @media only screen and (min-width: 1024px) {\n ".concat(typeof styles === 'string' ? styled.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["", ""], ["", ""])), styles) : styled.css(styles), "\n }\n "); },
|
|
228
|
+
xl: function (styles) { return "\n @media only screen and (min-width: 1280px) {\n ".concat(typeof styles === 'string' ? styled.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["", ""], ["", ""])), styles) : styled.css(styles), "\n }\n "); },
|
|
229
|
+
};
|
|
230
|
+
var sizeMediaWidth = {
|
|
231
|
+
xs: '0px',
|
|
232
|
+
sm: '640px',
|
|
233
|
+
md: '768px',
|
|
234
|
+
lg: '1024px',
|
|
235
|
+
xl: '1280px',
|
|
228
236
|
};
|
|
229
|
-
var
|
|
237
|
+
var sizeMedia = {
|
|
238
|
+
xs: "@media only screen and (min-width: ".concat(sizeMediaWidth.xs, ")"),
|
|
239
|
+
sm: "@media only screen and (min-width: ".concat(sizeMediaWidth.sm, ")"),
|
|
240
|
+
md: "@media only screen and (min-width: ".concat(sizeMediaWidth.md, ")"),
|
|
241
|
+
lg: "@media only screen and (min-width: ".concat(sizeMediaWidth.lg, ")"),
|
|
242
|
+
xl: "@media only screen and (min-width: ".concat(sizeMediaWidth.xl, ")"),
|
|
243
|
+
};
|
|
244
|
+
var sizes = ['xs', 'sm', 'md', 'lg', 'xl'];
|
|
245
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
230
246
|
|
|
231
247
|
function hex(c) {
|
|
232
248
|
var s = "0123456789abcdef";
|
|
@@ -344,9 +360,21 @@ var onChangeNumber = function (value) {
|
|
|
344
360
|
return null;
|
|
345
361
|
}
|
|
346
362
|
return val;
|
|
347
|
-
};
|
|
363
|
+
};
|
|
364
|
+
// (+|-)100(px|em|rem|...) => px|em|rem|...
|
|
365
|
+
var getUnit = function (measurement) {
|
|
366
|
+
if (typeof measurement !== "string") {
|
|
367
|
+
return "px";
|
|
368
|
+
}
|
|
369
|
+
var matchedMeasurement = measurement.match(/^([+-]?(?:\d+|\d*\.\d+))([a-z]*|%)$/);
|
|
370
|
+
return matchedMeasurement ? matchedMeasurement[2] : "px";
|
|
371
|
+
};
|
|
372
|
+
var stripUnit = function (measurement) {
|
|
373
|
+
return (typeof measurement === "number") ? measurement : parseFloat(measurement);
|
|
374
|
+
};
|
|
375
|
+
var parseMeasurement = function (measurement) { return stripUnit(measurement) + getUnit(measurement); };
|
|
348
376
|
|
|
349
|
-
var SharedStyles = styled.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n ", "\n"], ["\n box-sizing: border-box;\n ", "\n"])), function (p) { return _.map(_.pick(p, _.keys(SHARED_STYLE_MAPS)), function (v, k) {
|
|
377
|
+
var SharedStyles = styled.css(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n box-sizing: border-box;\n ", "\n"], ["\n box-sizing: border-box;\n ", "\n"])), function (p) { return _.map(_.pick(p, _.keys(SHARED_STYLE_MAPS)), function (v, k) {
|
|
350
378
|
return _.isUndefined(v) ? '' : SHARED_STYLE_MAPS[k](v);
|
|
351
379
|
}).join(''); });
|
|
352
380
|
var SHARED_STYLE_MAPS = {
|
|
@@ -388,8 +416,8 @@ var SHARED_STYLE_MAPS = {
|
|
|
388
416
|
// Custom Styles
|
|
389
417
|
custom: function (val) { return "".concat(val); },
|
|
390
418
|
};
|
|
391
|
-
var Wrapper = styled__default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["", ""], ["", ""])), SharedStyles);
|
|
392
|
-
var templateObject_1, templateObject_2;
|
|
419
|
+
var Wrapper = styled__default.div(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["", ""], ["", ""])), SharedStyles);
|
|
420
|
+
var templateObject_1$1, templateObject_2$1;
|
|
393
421
|
|
|
394
422
|
var primary1 = {
|
|
395
423
|
'10': '#F6FEFF',
|
|
@@ -796,7 +824,7 @@ var SVG = styled__default.svg.attrs(function (p) {
|
|
|
796
824
|
viewBox: p.viewBox || defaultSize.viewBox,
|
|
797
825
|
};
|
|
798
826
|
})(function (p) {
|
|
799
|
-
return styled.css(templateObject_1$
|
|
827
|
+
return styled.css(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), SharedStyles);
|
|
800
828
|
}, function (p) {
|
|
801
829
|
var styles = {};
|
|
802
830
|
var iconSizes = p.iconSizes || iconSize;
|
|
@@ -810,7 +838,7 @@ var SVG = styled__default.svg.attrs(function (p) {
|
|
|
810
838
|
styles['cursor'] = p.pointer ? 'pointer' : undefined;
|
|
811
839
|
return styles;
|
|
812
840
|
});
|
|
813
|
-
var templateObject_1$
|
|
841
|
+
var templateObject_1$2;
|
|
814
842
|
|
|
815
843
|
function TableIcon(_a) {
|
|
816
844
|
var _b = _a.color, color = _b === void 0 ? teal.main : _b, _c = _a.size, size = _c === void 0 ? "medium" : _c, _d = _a.altText, altText = _d === void 0 ? "Calculate" : _d, props = __rest(_a, ["color", "size", "altText"]);
|
|
@@ -1165,7 +1193,7 @@ function createFontStyles(p) {
|
|
|
1165
1193
|
return "\n --skufont-".concat(k, ": ").concat(fontFamilies[k], ";\n --font-family-").concat(k, ": ").concat([fontFamilies[k]].concat(fontFamilies['fallbacks']).join(','), ";\n ");
|
|
1166
1194
|
}).join('');
|
|
1167
1195
|
}
|
|
1168
|
-
var GlobalStyle = styled.createGlobalStyle(templateObject_1$
|
|
1196
|
+
var GlobalStyle = styled.createGlobalStyle(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n:root {\n ", "\n ", "\n ", "\n}\n&&& {\n .commonsku-styles-select__input {\n input {\n height: auto;\n }\n }\n ", "\n}\n"], ["\n:root {\n ", "\n ", "\n ", "\n}\n&&& {\n .commonsku-styles-select__input {\n input {\n height: auto;\n }\n }\n ", "\n}\n"])), function (p) { return createFontStyles(p); }, function (p) { return parseColorVars(___default.get(p, ['theme', 'colors'], {}), ''); }, function (p) {
|
|
1169
1197
|
if (!p.additionalStyles) {
|
|
1170
1198
|
return null;
|
|
1171
1199
|
}
|
|
@@ -1179,7 +1207,7 @@ var GlobalStyle = styled.createGlobalStyle(templateObject_1$2 || (templateObject
|
|
|
1179
1207
|
return null;
|
|
1180
1208
|
}
|
|
1181
1209
|
}, datepickerStyles);
|
|
1182
|
-
var templateObject_1$
|
|
1210
|
+
var templateObject_1$3;
|
|
1183
1211
|
|
|
1184
1212
|
var fontFamilies = {
|
|
1185
1213
|
skuFontRegular: "'skufont-regular'",
|
|
@@ -1294,6 +1322,10 @@ var themeOptions = {
|
|
|
1294
1322
|
'9': '72px',
|
|
1295
1323
|
'10': '80px',
|
|
1296
1324
|
},
|
|
1325
|
+
mediaQueries: {
|
|
1326
|
+
sizeMediaWidth: sizeMediaWidth,
|
|
1327
|
+
sizeMedia: sizeMedia,
|
|
1328
|
+
},
|
|
1297
1329
|
};
|
|
1298
1330
|
function getColor(color, def) {
|
|
1299
1331
|
if (!color) {
|
|
@@ -1407,8 +1439,8 @@ function CircleProgressIcon(_a) {
|
|
|
1407
1439
|
React__default.createElement("text", { className: "circle-text", x: "50%", y: "50%", dy: ".3em", textAnchor: "middle", style: __assign({ fontSize: size === "small" || size === "tiny" ? ".6em" : size === "medium" ? ".8em" : "1em", fontWeight: 'bold', fill: textColor }, textStyle) }, text || "".concat(percentage, "%")));
|
|
1408
1440
|
}
|
|
1409
1441
|
|
|
1410
|
-
var SVG$1 = styled__default.svg(templateObject_1$
|
|
1411
|
-
var templateObject_1$
|
|
1442
|
+
var SVG$1 = styled__default.svg(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), SharedStyles);
|
|
1443
|
+
var templateObject_1$4;
|
|
1412
1444
|
|
|
1413
1445
|
function Loading(_a) {
|
|
1414
1446
|
var _b = _a.height, height = _b === void 0 ? 50 : _b, width = _a.width, _c = _a.animationDuration, animationDuration = _c === void 0 ? 1000 : _c, _d = _a.barWidth, barWidth = _d === void 0 ? 14 : _d, _e = _a.barRadius, barRadius = _e === void 0 ? 2 : _e, _f = _a.colorful, colorful = _f === void 0 ? false : _f, _g = _a.bars, bars = _g === void 0 ? 4 : _g, _h = _a.viewBox, viewBox = _h === void 0 ? "10 0 51 50" : _h, _j = _a.rotate, startColor = _a.startColor, endColor = _a.endColor, props = __rest(_a, ["height", "width", "animationDuration", "barWidth", "barRadius", "colorful", "bars", "viewBox", "rotate", "startColor", "endColor"]);
|
|
@@ -2073,25 +2105,27 @@ function RadioIcon(_a) {
|
|
|
2073
2105
|
}
|
|
2074
2106
|
|
|
2075
2107
|
function CheckboxIcon(_a) {
|
|
2076
|
-
var _b = _a.color, color = _b === void 0 ? teal.main : _b, _c = _a.hoverColor, hoverColor = _c === void 0 ? teal.light : _c, _d = _a.disabledColor, disabledColor = _d === void 0 ? neutrals['60'] : _d, _e = _a.size, size = _e === void 0 ? "medium" : _e, _f = _a.hover, hover = _f === void 0 ? false : _f, _g = _a.selected, selected = _g === void 0 ? false : _g, _h = _a.disabled, disabled = _h === void 0 ? false : _h, _j = _a.altText, altText =
|
|
2077
|
-
selected ? altText = "Unselect" : altText = "Select";
|
|
2078
|
-
var renderPath = React__default.useMemo(function () {
|
|
2079
|
-
if (selected === true) {
|
|
2080
|
-
return React__default.createElement("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm-8.29 13.29a.996.996 0 0 1-1.41 0L5.71 12.7a.996.996 0 1 1 1.41-1.41L10 14.17l6.88-6.88a.996.996 0 1 1 1.41 1.41l-7.58 7.59Z", fill: disabled ? disabledColor : color });
|
|
2081
|
-
}
|
|
2082
|
-
else if (hover === true && !disabled) {
|
|
2083
|
-
return React__default.createElement(React__default.Fragment, null,
|
|
2084
|
-
React__default.createElement("path", { d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1Zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Z", fill: color }),
|
|
2085
|
-
React__default.createElement("rect", { x: 6, y: 6, width: 12, height: 12, rx: 1, fill: hoverColor }));
|
|
2086
|
-
}
|
|
2087
|
-
// default to unselected
|
|
2088
|
-
return React__default.createElement("path", { d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1Zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Z", fill: disabled ? disabledColor : color });
|
|
2089
|
-
}, [selected, hover, hoverColor, disabled, disabledColor, color]);
|
|
2108
|
+
var _b = _a.color, color = _b === void 0 ? teal.main : _b, _c = _a.hoverColor, hoverColor = _c === void 0 ? teal.light : _c, _d = _a.disabledColor, disabledColor = _d === void 0 ? neutrals['60'] : _d, _e = _a.size, size = _e === void 0 ? "medium" : _e, _f = _a.hover, hover = _f === void 0 ? false : _f, _g = _a.selected, selected = _g === void 0 ? false : _g, _h = _a.disabled, disabled = _h === void 0 ? false : _h, _j = _a.indeterminate, indeterminate = _j === void 0 ? false : _j, _k = _a.altText, altText = _k === void 0 ? "Select" : _k, props = __rest(_a, ["color", "hoverColor", "disabledColor", "size", "hover", "selected", "disabled", "indeterminate", "altText"]);
|
|
2090
2109
|
return React__default.createElement(SVG, __assign({ size: size, "aria-labelledby": "CheckboxIcon" }, props),
|
|
2091
|
-
React__default.createElement("title", { id: "CheckboxIcon" }, altText),
|
|
2110
|
+
React__default.createElement("title", { id: "CheckboxIcon" }, selected && (altText === "Select" || !altText) ? "Unselect" : altText),
|
|
2092
2111
|
React__default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
|
|
2093
|
-
|
|
2094
|
-
}
|
|
2112
|
+
React__default.createElement(IconPath, { indeterminate: indeterminate, selected: selected, hover: hover, disabled: disabled, color: color, hoverColor: hoverColor, disabledColor: disabledColor }));
|
|
2113
|
+
}
|
|
2114
|
+
var IconPath = React__default.memo(function (props) {
|
|
2115
|
+
var indeterminate = props.indeterminate, selected = props.selected, hover = props.hover, disabled = props.disabled, color = props.color, hoverColor = props.hoverColor, disabledColor = props.disabledColor;
|
|
2116
|
+
if (indeterminate) {
|
|
2117
|
+
return React__default.createElement("path", { d: "M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM16 13H8C7.45 13 7 12.55 7 12C7 11.45 7.45 11 8 11H16C16.55 11 17 11.45 17 12C17 12.55 16.55 13 16 13Z", fill: disabled ? disabledColor : color });
|
|
2118
|
+
}
|
|
2119
|
+
else if (selected) {
|
|
2120
|
+
return React__default.createElement("path", { d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm-8.29 13.29a.996.996 0 0 1-1.41 0L5.71 12.7a.996.996 0 1 1 1.41-1.41L10 14.17l6.88-6.88a.996.996 0 1 1 1.41 1.41l-7.58 7.59Z", fill: disabled ? disabledColor : color });
|
|
2121
|
+
}
|
|
2122
|
+
else if (hover === true && !disabled) {
|
|
2123
|
+
return React__default.createElement(React__default.Fragment, null,
|
|
2124
|
+
React__default.createElement("path", { d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1Zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Z", fill: color }),
|
|
2125
|
+
React__default.createElement("rect", { x: 6, y: 6, width: 12, height: 12, rx: 1, fill: hoverColor }));
|
|
2126
|
+
}
|
|
2127
|
+
return React__default.createElement("path", { d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1Zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Z", fill: disabled ? disabledColor : color });
|
|
2128
|
+
});
|
|
2095
2129
|
|
|
2096
2130
|
function EditIcon(_a) {
|
|
2097
2131
|
var _b = _a.color, color = _b === void 0 ? teal.main : _b, _c = _a.size, size = _c === void 0 ? "medium" : _c, _d = _a.filled, filled = _d === void 0 ? false : _d, _e = _a.altText, altText = _e === void 0 ? "Edit" : _e, props = __rest(_a, ["color", "size", "filled", "altText"]);
|
|
@@ -2222,8 +2256,8 @@ var getSizeStyle = function (style, defaults) {
|
|
|
2222
2256
|
return defaults;
|
|
2223
2257
|
};
|
|
2224
2258
|
};
|
|
2225
|
-
var OuterContainer = styled__default.div(templateObject_1$
|
|
2226
|
-
var CommentNumber = styled__default.p(templateObject_2$
|
|
2259
|
+
var OuterContainer = styled__default.div(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n display:inline-flex;\n flex-direction: row;\n align-items: top;\n"], ["\n display:inline-flex;\n flex-direction: row;\n align-items: top;\n"])));
|
|
2260
|
+
var CommentNumber = styled__default.p(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n display:block;\n font-family: ", ";\n font-size: ", ";\n color: ", ";\n margin-top: 0;\n margin-bottom: 0;\n"], ["\n display:block;\n font-family: ", ";\n font-size: ", ";\n color: ", ";\n margin-top: 0;\n margin-bottom: 0;\n"])), fontStyles.p.small.fontFamily, function (props) { return getSizeStyle('font-size', fontStyles.button.medium.fontSize)({ size: props.size }); }, function (props) { return props.color; });
|
|
2227
2261
|
function CommentIcon(_a) {
|
|
2228
2262
|
var _b = _a.color, color = _b === void 0 ? teal.main : _b, _c = _a.size, size = _c === void 0 ? "medium" : _c, _d = _a.altText, altText = _d === void 0 ? "Comments" : _d, number = _a.number, props = __rest(_a, ["color", "size", "altText", "number"]);
|
|
2229
2263
|
var numberToShow = number !== undefined && number <= 99 ? number : '99+';
|
|
@@ -2235,7 +2269,7 @@ function CommentIcon(_a) {
|
|
|
2235
2269
|
React__default.createElement("path", { d: "M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18ZM20 4v13.17L18.83 16H4V4h16ZM6 12h12v2H6v-2Zm0-3h12v2H6V9Zm0-3h12v2H6V6Z", fill: color })),
|
|
2236
2270
|
showNumber)));
|
|
2237
2271
|
}
|
|
2238
|
-
var templateObject_1$
|
|
2272
|
+
var templateObject_1$5, templateObject_2$2;
|
|
2239
2273
|
|
|
2240
2274
|
function EllipsisIcon(_a) {
|
|
2241
2275
|
var _b = _a.color, color = _b === void 0 ? teal.main : _b, _c = _a.size, size = _c === void 0 ? "medium" : _c, _d = _a.altText, altText = _d === void 0 ? "More" : _d, props = __rest(_a, ["color", "size", "altText"]);
|
|
@@ -2245,6 +2279,14 @@ function EllipsisIcon(_a) {
|
|
|
2245
2279
|
React__default.createElement("path", { d: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z", fill: color }));
|
|
2246
2280
|
}
|
|
2247
2281
|
|
|
2282
|
+
function DragIcon(_a) {
|
|
2283
|
+
var _b = _a.color, color = _b === void 0 ? teal.main : _b, _c = _a.size, size = _c === void 0 ? "medium" : _c, _d = _a.altText, altText = _d === void 0 ? "Drag" : _d, props = __rest(_a, ["color", "size", "altText"]);
|
|
2284
|
+
return React__default.createElement(SVG, __assign({ size: size, "aria-labelledby": "DragIcon" }, props),
|
|
2285
|
+
React__default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
|
|
2286
|
+
React__default.createElement("title", { id: "DragIcon" }, altText),
|
|
2287
|
+
React__default.createElement("path", { d: "M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2Zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z", fill: color }));
|
|
2288
|
+
}
|
|
2289
|
+
|
|
2248
2290
|
function CreditCardIcon(_a) {
|
|
2249
2291
|
var _b = _a.color, color = _b === void 0 ? teal.main : _b, _c = _a.size, size = _c === void 0 ? "medium" : _c, _d = _a.altText, altText = _d === void 0 ? "Credit Card" : _d, props = __rest(_a, ["color", "size", "altText"]);
|
|
2250
2292
|
return React__default.createElement(SVG, __assign({ size: size, "aria-labelledby": "CreditCardIcon" }, props),
|
|
@@ -2322,9 +2364,9 @@ var avatarColors = {
|
|
|
2322
2364
|
textColor: secondary1['40']
|
|
2323
2365
|
}
|
|
2324
2366
|
};
|
|
2325
|
-
var AvatarWrapper = styled__default.div(templateObject_1$
|
|
2326
|
-
var AvatarPic = styled__default.img(templateObject_2$
|
|
2327
|
-
var AvatarInitials = styled__default.p(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &&& {\n margin: 0;\n position: relative;\n top: 50%;\n transform: translate(0, -50%);\n font-family: 'skufont-bold', sans-serif;\n font-size: ", "\n"], ["\n &&& {\n margin: 0;\n position: relative;\n top: 50%;\n transform: translate(0, -50%);\n font-family: 'skufont-bold', sans-serif;\n font-size: ", "\n"])), function (props) { var _a; return _.get(avatarSizes, [(_a = props.size) !== null && _a !== void 0 ? _a : 'small', 'fontSize'], props.size); });
|
|
2367
|
+
var AvatarWrapper = styled__default.div(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n &&& {\n display: inline-block;\n vertical-align: top;\n overflow: hidden;\n margin: 0;\n ", "\n\n width: ", ";\n height: ", ";\n border-radius: ", ";\n text-align: center;\n ", "\n ", "\n }\n"], ["\n &&& {\n display: inline-block;\n vertical-align: top;\n overflow: hidden;\n margin: 0;\n ", "\n\n width: ", ";\n height: ", ";\n border-radius: ", ";\n text-align: center;\n ", "\n ", "\n }\n"])), SharedStyles, function (props) { return props.size; }, function (props) { return props.size; }, function (props) { return props.shape; }, function (props) { var _a; return props.hasPic ? '' : "background: ".concat(_.get(avatarColors, [(_a = props.color) !== null && _a !== void 0 ? _a : 'teal', 'backgroundColor'], props.color), ";"); }, function (props) { var _a; return props.hasPic ? '' : "color: ".concat(_.get(avatarColors, [(_a = props.color) !== null && _a !== void 0 ? _a : 'teal', 'textColor'], props.color), ";"); });
|
|
2368
|
+
var AvatarPic = styled__default.img(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n &&& {\n width: 100%;\n height: 100%;\n }\n"], ["\n &&& {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
2369
|
+
var AvatarInitials = styled__default.p(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n &&& {\n margin: 0;\n position: relative;\n top: 50%;\n transform: translate(0, -50%);\n font-family: 'skufont-bold', sans-serif;\n font-size: ", "\n"], ["\n &&& {\n margin: 0;\n position: relative;\n top: 50%;\n transform: translate(0, -50%);\n font-family: 'skufont-bold', sans-serif;\n font-size: ", "\n"])), function (props) { var _a; return _.get(avatarSizes, [(_a = props.size) !== null && _a !== void 0 ? _a : 'small', 'fontSize'], props.size); });
|
|
2328
2370
|
var Avatar = function (_a) {
|
|
2329
2371
|
var pic = _a.pic, _b = _a.size, size = _b === void 0 ? 'small' : _b, _c = _a.shape, shape = _c === void 0 ? 'square' : _c, color = _a.color, initials = _a.initials, icon = _a.icon, children = _a.children, props = __rest(_a, ["pic", "size", "shape", "color", "initials", "icon", "children"]);
|
|
2330
2372
|
if (pic) {
|
|
@@ -2340,10 +2382,10 @@ var Avatar = function (_a) {
|
|
|
2340
2382
|
React__default.createElement(AvatarInitials, { size: size }, initials !== null && initials !== void 0 ? initials : children));
|
|
2341
2383
|
}
|
|
2342
2384
|
};
|
|
2343
|
-
var templateObject_1$
|
|
2385
|
+
var templateObject_1$6, templateObject_2$3, templateObject_3$1;
|
|
2344
2386
|
|
|
2345
2387
|
var getTotalCols = function (p) { return p.totalCols || 12; };
|
|
2346
|
-
var SizerCss = styled.css(templateObject_1$
|
|
2388
|
+
var SizerCss = styled.css(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n\n ", "\n ", ";\n ", "\n"], ["\n ", "\n ", "\n ", "\n\n ", "\n ", ";\n ", "\n"])), function (props) { return props.start ? "\n justify-content: flex-start;\n text-align: left;\n " : ''; }, function (props) { return props.center ? "\n justify-content: center;\n text-align: center;\n " : ''; }, function (props) { return props.end ? "\n justify-content: flex-end;\n text-align: right;\n " : ''; }, function (props) { return props.offset && "margin-left: ".concat(props.offset / getTotalCols(props) * 100, "%;"); }, function (props) { return props.collapse && typeof (props.collapse) === 'string' && media[props.collapse]("\n display: none;\n "); }, function (props) {
|
|
2347
2389
|
var styles = '';
|
|
2348
2390
|
if (props.collapse) {
|
|
2349
2391
|
if (typeof (props.collapse) === 'string') {
|
|
@@ -2385,24 +2427,23 @@ var SizerCss = styled.css(templateObject_1$6 || (templateObject_1$6 = __makeTemp
|
|
|
2385
2427
|
});
|
|
2386
2428
|
return styles;
|
|
2387
2429
|
});
|
|
2388
|
-
var SizerWrapper = styled__default.div(templateObject_2$
|
|
2389
|
-
var templateObject_1$
|
|
2430
|
+
var SizerWrapper = styled__default.div(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), SizerCss);
|
|
2431
|
+
var templateObject_1$7, templateObject_2$4;
|
|
2390
2432
|
|
|
2391
|
-
var
|
|
2392
|
-
var
|
|
2393
|
-
var
|
|
2394
|
-
var templateObject_1$7, templateObject_2$4, templateObject_3$1;
|
|
2433
|
+
var Row = styled__default.div(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n &&& {\n display: flex;\n box-sizing: border-box;\n flex-direction: row;\n flex: 0 1 auto;\n justify-content: ", ";\n flex-wrap: ", ";\n align-items: ", ";\n padding: ", ";\n ", "\n ", "\n ", "\n ", "\n }\n"], ["\n &&& {\n display: flex;\n box-sizing: border-box;\n flex-direction: row;\n flex: 0 1 auto;\n justify-content: ", ";\n flex-wrap: ", ";\n align-items: ", ";\n padding: ", ";\n ", "\n ", "\n ", "\n ", "\n }\n"])), function (props) { return props.justify || 'left'; }, function (props) { return props.wrap ? props.wrap : 'wrap'; }, function (props) { return props.align || 'stretch'; }, function (props) { return props.padded ? '0.5rem' : 'initial'; }, function (props) { return props.start ? 'place-content: flex-start;' : ''; }, function (props) { return props.end ? 'place-content: flex-end;' : ''; }, function (props) { return props.middle ? 'align-items: center;' : ''; }, SharedStyles);
|
|
2434
|
+
var Col = styled__default.div(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n &&& {\n padding: ", ";\n flex: 12;\n flex-grow: 1;\n box-sizing: border-box;\n ", "\n ", "\n }\n"], ["\n &&& {\n padding: ", ";\n flex: 12;\n flex-grow: 1;\n box-sizing: border-box;\n ", "\n ", "\n }\n"])), function (props) { return props.padded ? '0.5rem' : 'initial'; }, SizerCss, SharedStyles);
|
|
2435
|
+
var templateObject_1$8, templateObject_2$5;
|
|
2395
2436
|
|
|
2396
|
-
var headingStyle = styled.css(templateObject_1$
|
|
2397
|
-
var H1 = styled__default.h1(templateObject_2$
|
|
2437
|
+
var headingStyle = styled.css(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n font-family: \"skufont-demibold\", sans-serif;\n color: ", ";\n font-weight: bold;\n"], ["\n font-family: \"skufont-demibold\", sans-serif;\n color: ", ";\n font-weight: bold;\n"])), function (props) { return getThemeColor(props, 'texttitle', colors.texttitle); });
|
|
2438
|
+
var H1 = styled__default.h1(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n &&& {\n font-size: 30px;\n border-bottom: ", ";\n ", "\n ", "\n }\n"], ["\n &&& {\n font-size: 30px;\n border-bottom: ", ";\n ", "\n ", "\n }\n"])), function (props) { return props.underlined ? "1px solid #ccc" : "none"; }, headingStyle, SharedStyles);
|
|
2398
2439
|
var H2 = styled__default.h2(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n &&& {\n font-size: 25px;\n border-bottom: ", ";\n ", "\n ", "\n }\n"], ["\n &&& {\n font-size: 25px;\n border-bottom: ", ";\n ", "\n ", "\n }\n"])), function (props) { return props.underlined ? "1px solid #ccc" : "none"; }, headingStyle, SharedStyles);
|
|
2399
|
-
var H3 = styled__default.h3(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n &&& {\n font-size: 25px;\n border-bottom: ", ";\n ", "\n ", "\n }\n"], ["\n &&& {\n font-size: 25px;\n border-bottom: ", ";\n ", "\n ", "\n }\n"])), function (props) { return props.underlined ? "1px solid #ccc" : "none"; }, headingStyle, SharedStyles);
|
|
2400
|
-
var H4 = styled__default.h4(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n &&& {\n font-size: 23px;\n border-bottom: ", ";\n ", "\n ", "\n }\n"], ["\n &&& {\n font-size: 23px;\n border-bottom: ", ";\n ", "\n ", "\n }\n"])), function (props) { return props.underlined ? "1px solid #ccc" : "none"; }, headingStyle, SharedStyles);
|
|
2440
|
+
var H3 = styled__default.h3(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n &&& {\n font-size: 25px;\n border-bottom: ", ";\n ", "\n ", "\n }\n"], ["\n &&& {\n font-size: 25px;\n border-bottom: ", ";\n ", "\n ", "\n }\n"])), function (props) { return props.underlined ? "1px solid #ccc" : "none"; }, headingStyle, SharedStyles);
|
|
2441
|
+
var H4 = styled__default.h4(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n &&& {\n font-size: 23px;\n border-bottom: ", ";\n ", "\n ", "\n }\n"], ["\n &&& {\n font-size: 23px;\n border-bottom: ", ";\n ", "\n ", "\n }\n"])), function (props) { return props.underlined ? "1px solid #ccc" : "none"; }, headingStyle, SharedStyles);
|
|
2401
2442
|
var H5 = styled__default.h5(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n &&& {\n font-size: 20px;\n border-bottom: ", ";\n ", "\n ", "\n }\n"], ["\n &&& {\n font-size: 20px;\n border-bottom: ", ";\n ", "\n ", "\n }\n"])), function (props) { return props.underlined ? "1px solid #ccc" : "none"; }, headingStyle, SharedStyles);
|
|
2402
2443
|
var H6 = styled__default.h6(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n &&& {\n font-size: 18px;\n border-bottom: ", ";\n ", "\n ", "\n }\n"], ["\n &&& {\n font-size: 18px;\n border-bottom: ", ";\n ", "\n ", "\n }\n"])), function (props) { return props.underlined ? "1px solid #ccc" : "none"; }, headingStyle, SharedStyles);
|
|
2403
|
-
var templateObject_1$
|
|
2444
|
+
var templateObject_1$9, templateObject_2$6, templateObject_3$2, templateObject_4$1, templateObject_5$1, templateObject_6, templateObject_7;
|
|
2404
2445
|
|
|
2405
|
-
var StyledBox = styled__default.div(templateObject_1$
|
|
2446
|
+
var StyledBox = styled__default.div(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n background: white;\n margin-top: 20px;\n box-shadow: ", ";\n border-radius: 5px;\n padding: 20px ", "px;\n ", "\n"], ["\n background: white;\n margin-top: 20px;\n box-shadow: ", ";\n border-radius: 5px;\n padding: 20px ", "px;\n ", "\n"])), function (props) { return props.borderless ? 0 : "0 2px 4px rgba(0, 0, 0, 0.07)"; }, function (props) { return props.padded ? 20 : 0; }, SharedStyles);
|
|
2406
2447
|
var Box = function (_a) {
|
|
2407
2448
|
var title = _a.title, controls = _a.controls, children = _a.children, props = __rest(_a, ["title", "controls", "children"]);
|
|
2408
2449
|
return (React__default.createElement(StyledBox, __assign({ padded: props.padded, borderless: props.borderless }, props),
|
|
@@ -2413,16 +2454,16 @@ var Box = function (_a) {
|
|
|
2413
2454
|
: null,
|
|
2414
2455
|
children));
|
|
2415
2456
|
};
|
|
2416
|
-
var templateObject_1$9;
|
|
2417
|
-
|
|
2418
|
-
var Background = styled__default.div(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n &&& {\n background: ", ";\n padding: 20px ", "px;\n min-height: ", ";\n ", "\n }\n"], ["\n &&& {\n background: ", ";\n padding: 20px ", "px;\n min-height: ", ";\n ", "\n }\n"])), function (props) { return getThemeColor(props, 'bggray', colors.bggray); }, function (props) { return props.padded ? 20 : 0; }, function (props) { return props.fillWindow ? "100vh" : 0; }, SharedStyles);
|
|
2419
2457
|
var templateObject_1$a;
|
|
2420
2458
|
|
|
2421
|
-
var
|
|
2422
|
-
var
|
|
2459
|
+
var Background = styled__default.div(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n &&& {\n background: ", ";\n padding: 20px ", "px;\n min-height: ", ";\n ", "\n }\n"], ["\n &&& {\n background: ", ";\n padding: 20px ", "px;\n min-height: ", ";\n ", "\n }\n"])), function (props) { return getThemeColor(props, 'bggray', colors.bggray); }, function (props) { return props.padded ? 20 : 0; }, function (props) { return props.fillWindow ? "100vh" : 0; }, SharedStyles);
|
|
2460
|
+
var templateObject_1$b;
|
|
2461
|
+
|
|
2462
|
+
var StyledDropArea = styled__default.div(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n &&& {\n padding: 20px;\n border: 2px dashed ", "; \n cursor: pointer;\n border-radius: 5px;\n &:hover {\n background-color: ", ";\n }\n border-color: ", ";\n outline: none;\n transition: border .24s ease-in-out;\n width: 100%;\n ", "\n }\n"], ["\n &&& {\n padding: 20px;\n border: 2px dashed ", "; \n cursor: pointer;\n border-radius: 5px;\n &:hover {\n background-color: ", ";\n }\n border-color: ", ";\n outline: none;\n transition: border .24s ease-in-out;\n width: 100%;\n ", "\n }\n"])), function (props) { return getThemeColor(props, 'primary', colors.primary); }, function (props) { return getThemeColor(props, 'bgblue', colors.bgblue); }, function (props) { return getColor$1(props); }, SharedStyles);
|
|
2463
|
+
var PlaceHolder = styled__default.label(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n &&& {\n color: ", ";\n text-align: center;\n width: 100%;\n display: block;\n }\n"], ["\n &&& {\n color: ", ";\n text-align: center;\n width: 100%;\n display: block;\n }\n"])), function (props) { return getThemeColor(props, 'primary', colors.primary); });
|
|
2423
2464
|
var ThumbsContainer = styled__default.aside(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n &&& {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin-top: 16px;\n }\n"], ["\n &&& {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin-top: 16px;\n }\n"])));
|
|
2424
|
-
var Thumb = styled__default.div(templateObject_4$
|
|
2425
|
-
var ThumbInner = styled__default.div(templateObject_5$
|
|
2465
|
+
var Thumb = styled__default.div(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n &&& {\n display: inline-flex;\n border-radius: 2px;\n border: 1px solid #eaeaea ", ";\n margin-bottom: 8px;\n margin-right: 8px;\n width: 100px;\n height: 100px;\n padding: 4px;\n box-sizing: border-box;\n }\n"], ["\n &&& {\n display: inline-flex;\n border-radius: 2px;\n border: 1px solid #eaeaea ", ";\n margin-bottom: 8px;\n margin-right: 8px;\n width: 100px;\n height: 100px;\n padding: 4px;\n box-sizing: border-box;\n }\n"])), function (props) { return getThemeColor(props, 'bggray', colors.bggray); });
|
|
2466
|
+
var ThumbInner = styled__default.div(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n &&& {\n display: flex;\n min-width: 0px;\n overflow: hidden;\n }\n"], ["\n &&& {\n display: flex;\n min-width: 0px;\n overflow: hidden;\n }\n"])));
|
|
2426
2467
|
var ImgPreview = styled__default.img(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n &&& {\n display: block;\n width: auto;\n height: 100%;\n }\n"], ["\n &&& {\n display: block;\n width: auto;\n height: 100%;\n }\n"])));
|
|
2427
2468
|
var DropArea = function (_a) {
|
|
2428
2469
|
var children = _a.children, placeholder = _a.placeholder, props = __rest(_a, ["children", "placeholder"]);
|
|
@@ -2480,7 +2521,7 @@ function DropzonedPreviews(_a) {
|
|
|
2480
2521
|
? React__default.createElement(ThumbsContainer, null, thumbs)
|
|
2481
2522
|
: React__default.createElement(PlaceHolder, null, placeholder))));
|
|
2482
2523
|
}
|
|
2483
|
-
var templateObject_1$
|
|
2524
|
+
var templateObject_1$c, templateObject_2$7, templateObject_3$3, templateObject_4$2, templateObject_5$2, templateObject_6$1;
|
|
2484
2525
|
|
|
2485
2526
|
/*
|
|
2486
2527
|
|
|
@@ -2690,11 +2731,29 @@ var getVariantStyles = function (props, variant) {
|
|
|
2690
2731
|
outlineColor: white,
|
|
2691
2732
|
},
|
|
2692
2733
|
};
|
|
2734
|
+
case 'text-error':
|
|
2735
|
+
return {
|
|
2736
|
+
borderWidth: 3,
|
|
2737
|
+
borderStyle: 'solid',
|
|
2738
|
+
borderColor: 'transparent',
|
|
2739
|
+
background: 'transparent',
|
|
2740
|
+
color: error,
|
|
2741
|
+
':hover': {
|
|
2742
|
+
borderWidth: 3,
|
|
2743
|
+
borderStyle: 'solid',
|
|
2744
|
+
borderColor: error,
|
|
2745
|
+
background: error,
|
|
2746
|
+
color: white,
|
|
2747
|
+
},
|
|
2748
|
+
':focus-visible': {
|
|
2749
|
+
outlineColor: 'transparent',
|
|
2750
|
+
},
|
|
2751
|
+
};
|
|
2693
2752
|
default:
|
|
2694
2753
|
return {};
|
|
2695
2754
|
}
|
|
2696
2755
|
};
|
|
2697
|
-
var Button = styled__default.button(templateObject_1$
|
|
2756
|
+
var Button = styled__default.button(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n &&& {\n border: 3px solid white;\n border-radius: ", ";\n background: ", ";\n color: ", ";\n border-color: ", ";\n font-size: ", ";\n line-height: ", ";\n padding: ", ";\n font-family: ", ";\n cursor: pointer;\n vertical-align: top;\n /*\n &:focus {\n outline: none;\n opacity: .9;\n box-shadow: 0 0 8px ", ";\n }\n */\n &:disabled {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n cursor: default;\n opacity: 0.5;\n }\n ", "\n ", "\n ", "\n }\n"], ["\n &&& {\n border: 3px solid white;\n border-radius: ", ";\n background: ", ";\n color: ", ";\n border-color: ", ";\n font-size: ", ";\n line-height: ", ";\n padding: ", ";\n font-family: ", ";\n cursor: pointer;\n vertical-align: top;\n /*\n &:focus {\n outline: none;\n opacity: .9;\n box-shadow: 0 0 8px ", ";\n }\n */\n &:disabled {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n cursor: default;\n opacity: 0.5;\n }\n ", "\n ", "\n ", "\n }\n"])), function (props) { return props.size && sizes$1[props.size] ? sizes$1[props.size].borderRadius : '4px'; }, function (_a) {
|
|
2698
2757
|
var secondary = _a.secondary, cta = _a.cta, props = __rest(_a, ["secondary", "cta"]);
|
|
2699
2758
|
return secondary ? "transparent" :
|
|
2700
2759
|
cta ? getThemeColor(props, 'cta', colors.cta) : getThemeColor(props, 'primary', colors.teal.main);
|
|
@@ -2703,7 +2762,7 @@ var Button = styled__default.button(templateObject_1$c || (templateObject_1$c =
|
|
|
2703
2762
|
return secondary ? getThemeColor(props, 'primary', colors.primary) :
|
|
2704
2763
|
cta ? getThemeColor(props, 'cta', colors.cta) : getThemeColor(props, 'primary', colors.primary);
|
|
2705
2764
|
}, function (props) { return getThemeColor(props, 'disabledButton', colors.disabledButton); }, function (props) { return getThemeColor(props, 'disabledButtonBorder', colors.disabledButtonBorder); }, function (props) { return getThemeColor(props, 'primary', colors.primary); }, function (p) { return getVariantStyles(p, p.variant || 'primary'); }, SharedStyles, SizerCss);
|
|
2706
|
-
var ButtonsGroup = styled__default.div(templateObject_2$
|
|
2765
|
+
var ButtonsGroup = styled__default.div(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n &&& {\n display: inline-block;\n max-width: 100%;\n margin-bottom: 10px;\n margin-right: 100px;\n ", "\n ", "\n }\n"], ["\n &&& {\n display: inline-block;\n max-width: 100%;\n margin-bottom: 10px;\n margin-right: 100px;\n ", "\n ", "\n }\n"])), SharedStyles, SizerCss);
|
|
2707
2766
|
var presets = {
|
|
2708
2767
|
edit: {
|
|
2709
2768
|
size: "medium",
|
|
@@ -2725,52 +2784,64 @@ var presets = {
|
|
|
2725
2784
|
close: {
|
|
2726
2785
|
Icon: XIcon,
|
|
2727
2786
|
variant: 'secondary'
|
|
2787
|
+
},
|
|
2788
|
+
drag: {
|
|
2789
|
+
Icon: DragIcon,
|
|
2790
|
+
variant: 'text',
|
|
2791
|
+
style: {
|
|
2792
|
+
cursor: 'grab',
|
|
2793
|
+
}
|
|
2728
2794
|
}
|
|
2729
2795
|
};
|
|
2730
2796
|
function getPropsByPresets(props, preset) {
|
|
2731
2797
|
var presetProps = _.get(presets, [preset || ""]) || {};
|
|
2732
2798
|
return __assign(__assign({}, presetProps), props);
|
|
2733
2799
|
}
|
|
2734
|
-
|
|
2800
|
+
var IconButton = React__default.forwardRef(function (props, ref) {
|
|
2735
2801
|
var _a = getPropsByPresets(props, props.preset), Icon = _a.Icon, children = _a.children, _b = _a.iconPosition, iconPosition = _b === void 0 ? 'left' : _b, _c = _a.size, size = _c === void 0 ? "medium" : _c, _d = _a.iconProps, iconProps = _d === void 0 ? {} : _d, newProps = __rest(_a, ["Icon", "children", "iconPosition", "size", "iconProps"]);
|
|
2736
|
-
var
|
|
2737
|
-
|
|
2738
|
-
|
|
2739
|
-
|
|
2740
|
-
|
|
2741
|
-
|
|
2742
|
-
}
|
|
2743
|
-
var btnSize = "small";
|
|
2744
|
-
if (size !== "tiny" && size !== "small") {
|
|
2745
|
-
btnSize = "medium";
|
|
2746
|
-
}
|
|
2747
|
-
var iconNewProps = __assign(__assign({}, iconProps), { size: btnSize, color: variantStyles.color || '#fff', style: __assign({ verticalAlign: 'top', paddingRight: children && iconPosition === "left" ? '5px' : '0px', paddingLeft: children && iconPosition === "right" ? '5px' : '0px', boxSizing: 'content-box' }, (iconProps.style || {})) });
|
|
2748
|
-
if (typeof Icon !== 'function') {
|
|
2749
|
-
return React__default.cloneElement(Icon, iconNewProps);
|
|
2750
|
-
}
|
|
2751
|
-
return (React__default.createElement(Icon, __assign({}, iconNewProps)));
|
|
2752
|
-
}, [variantStyles.color, Icon, size, iconPosition, iconProps, children]);
|
|
2802
|
+
var _e = React.useState(false), hovering = _e[0], setHovering = _e[1];
|
|
2803
|
+
var variantStyles = React__default.useMemo(function () {
|
|
2804
|
+
return newProps.variant
|
|
2805
|
+
? getVariantStyles(props, newProps.variant)
|
|
2806
|
+
: { color: '#fff' };
|
|
2807
|
+
}, [newProps, props]);
|
|
2753
2808
|
var hasChildren = ((children && children !== null && children !== undefined)
|
|
2754
2809
|
|| (children && Array.isArray(children) && children.length > 0
|
|
2755
2810
|
&& children[0] !== null && children[0] !== undefined));
|
|
2756
2811
|
var buttonPadding = !hasChildren
|
|
2757
2812
|
? getSizeStyle$1('iconOnlyPadding', '12px')
|
|
2758
2813
|
: getSizeStyle$1('padding', '12px');
|
|
2759
|
-
return (React__default.createElement(Button, __assign({ size: size }, newProps, { style: __assign(__assign(__assign({}, (newProps.style || {})), { padding: buttonPadding(__assign(__assign({}, newProps), { size: size })) }), (iconPosition === "top" || iconPosition === "bottom" ? {
|
|
2814
|
+
return (React__default.createElement(Button, __assign({ ref: ref, size: size }, newProps, { style: __assign(__assign(__assign({}, (newProps.style || {})), { padding: buttonPadding(__assign(__assign({}, newProps), { size: size })) }), (iconPosition === "top" || iconPosition === "bottom" ? {
|
|
2760
2815
|
display: 'flex',
|
|
2761
2816
|
flexDirection: 'column',
|
|
2762
2817
|
alignItems: 'center',
|
|
2763
|
-
} : {})) }),
|
|
2764
|
-
['left', 'top'].includes(iconPosition)
|
|
2818
|
+
} : {})), onMouseOver: function () { return setHovering(true); }, onMouseLeave: function () { return setHovering(false); } }),
|
|
2819
|
+
['left', 'top'].includes(iconPosition) && React__default.createElement(ButtonIcon, { Icon: Icon, size: size, variantStyles: variantStyles, iconProps: iconProps, iconPosition: iconPosition, hasChildren: !!hasChildren, isHovering: hovering }),
|
|
2765
2820
|
children,
|
|
2766
|
-
['right', 'bottom'].includes(iconPosition)
|
|
2767
|
-
}
|
|
2768
|
-
var
|
|
2821
|
+
['right', 'bottom'].includes(iconPosition) && React__default.createElement(ButtonIcon, { Icon: Icon, size: size, variantStyles: variantStyles, iconProps: iconProps, iconPosition: iconPosition, hasChildren: !!hasChildren, isHovering: hovering })));
|
|
2822
|
+
});
|
|
2823
|
+
var ButtonIcon = React__default.forwardRef(function (props, ref) {
|
|
2824
|
+
var Icon = props.Icon, size = props.size, variantStyles = props.variantStyles, _a = props.iconProps, iconProps = _a === void 0 ? {} : _a, iconPosition = props.iconPosition, hasChildren = props.hasChildren, isHovering = props.isHovering;
|
|
2825
|
+
if (!Icon) {
|
|
2826
|
+
return null;
|
|
2827
|
+
}
|
|
2828
|
+
var btnSize = "small";
|
|
2829
|
+
if (size !== "tiny" && size !== "small") {
|
|
2830
|
+
btnSize = "medium";
|
|
2831
|
+
}
|
|
2832
|
+
var hoverColor = _.get(variantStyles, [':hover', 'color']) || '';
|
|
2833
|
+
var iconNewProps = __assign(__assign({}, iconProps), { size: btnSize, color: hoverColor && isHovering ? hoverColor : ((iconProps === null || iconProps === void 0 ? void 0 : iconProps.color) || variantStyles.color || '#fff'), style: __assign({ verticalAlign: 'top', paddingRight: hasChildren && iconPosition === "left" ? '5px' : '0px', paddingLeft: hasChildren && iconPosition === "right" ? '5px' : '0px', boxSizing: 'content-box' }, ((iconProps === null || iconProps === void 0 ? void 0 : iconProps.style) || {})) });
|
|
2834
|
+
if (typeof Icon !== 'function') {
|
|
2835
|
+
return React__default.cloneElement(Icon, iconNewProps);
|
|
2836
|
+
}
|
|
2837
|
+
return (React__default.createElement(Icon, __assign({}, iconNewProps, { ref: ref })));
|
|
2838
|
+
});
|
|
2839
|
+
var templateObject_1$d, templateObject_2$8;
|
|
2769
2840
|
|
|
2770
|
-
var Label = styled__default.label(templateObject_1$
|
|
2771
|
-
var templateObject_1$
|
|
2841
|
+
var Label = styled__default.label(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n &&& {\n font-family: 'skufont-medium', sans-serif;\n color: ", ";\n font-size: 1rem;\n font-weight: 400;\n width: 100%;\n ", "\n }\n"], ["\n &&& {\n font-family: 'skufont-medium', sans-serif;\n color: ", ";\n font-size: 1rem;\n font-weight: 400;\n width: 100%;\n ", "\n }\n"])), function (props) { return props.error ? getThemeColor(props, 'special3') : getThemeColor(props, 'textlabel'); }, SharedStyles);
|
|
2842
|
+
var templateObject_1$e;
|
|
2772
2843
|
|
|
2773
|
-
var InputIconLabel = styled__default.div(templateObject_1$
|
|
2844
|
+
var InputIconLabel = styled__default.div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n&&& {\n box-sizing: border-box;\n width: 40px;\n height: ", "px;\n background-color: ", ";\n border-radius: ", ";\n margin-bottom: 1rem;\n color: white;\n font-size: 18px;\n text-align: center;\n line-height: 1.5rem;\n padding: 6px;\n\n :hover {\n background: ", ";\n }\n\n ", "\n\n ", "\n\n ", "\n}\n"], ["\n&&& {\n box-sizing: border-box;\n width: 40px;\n height: ", "px;\n background-color: ", ";\n border-radius: ", ";\n margin-bottom: 1rem;\n color: white;\n font-size: 18px;\n text-align: center;\n line-height: 1.5rem;\n padding: 6px;\n\n :hover {\n background: ", ";\n }\n\n ", "\n\n ", "\n\n ", "\n}\n"])), function (p) { return p.error ? 38 : 36; }, function (p) {
|
|
2774
2845
|
return p.error
|
|
2775
2846
|
? getThemeColor(p, 'errors.main', colors.errors.main)
|
|
2776
2847
|
: getThemeColor(p, 'input.iconWrapper.background', colors.input.iconWrapper.background);
|
|
@@ -2781,7 +2852,7 @@ var InputIconLabel = styled__default.div(templateObject_1$e || (templateObject_1
|
|
|
2781
2852
|
: ''; }, function (p) { return p.isDisabled
|
|
2782
2853
|
? "background: ".concat(getThemeColor(p, 'input.iconWrapper.disabled.background'), ";")
|
|
2783
2854
|
: ''; });
|
|
2784
|
-
var InputIconLabelContainer = styled__default.div(templateObject_2$
|
|
2855
|
+
var InputIconLabelContainer = styled__default.div(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n display: flex;\n justify-content: flex-start;\n align-items: center;\n\n ", "\n"], ["\n display: flex;\n justify-content: flex-start;\n align-items: center;\n\n ", "\n"])), function (p) {
|
|
2785
2856
|
return {
|
|
2786
2857
|
fontSize: '1rem',
|
|
2787
2858
|
fontFamily: "'skufont-regular', sans-serif",
|
|
@@ -2855,8 +2926,8 @@ var Input = styled__default.input(templateObject_3$4 || (templateObject_3$4 = __
|
|
|
2855
2926
|
return styles;
|
|
2856
2927
|
}, SharedStyles);
|
|
2857
2928
|
var LabeledInput = React__default.forwardRef(function (_a, ref) {
|
|
2858
|
-
var label = _a.label, name = _a.name, required = _a.required, _b = _a.labelOnTop, labelOnTop = _b === void 0 ? false : _b, props = __rest(_a, ["label", "name", "required", "labelOnTop"]);
|
|
2859
|
-
return (React__default.createElement("div",
|
|
2929
|
+
var label = _a.label, name = _a.name, required = _a.required, _b = _a.labelOnTop, labelOnTop = _b === void 0 ? false : _b, _c = _a.wrapperProps, wrapperProps = _c === void 0 ? {} : _c, props = __rest(_a, ["label", "name", "required", "labelOnTop", "wrapperProps"]);
|
|
2930
|
+
return (React__default.createElement("div", __assign({}, wrapperProps),
|
|
2860
2931
|
React__default.createElement(Label, { htmlFor: name, style: __assign(__assign({}, (!labelOnTop ? {} : { display: 'block' })), { fontFamily: "'skufont-medium', sans-serif", lineHeight: '24px', fontSize: '16px', color: getThemeColor(props, 'neutrals.100') }) },
|
|
2861
2932
|
label,
|
|
2862
2933
|
" ",
|
|
@@ -2939,8 +3010,8 @@ var LabeledIconInput = React__default.forwardRef(function (_a, ref) {
|
|
|
2939
3010
|
React__default.createElement(Input, { hasIcon: true, ref: ref, name: name, value: value, defaultValue: defaultValue, placeholder: placeholder, required: required, style: { marginBottom: 0, }, noMargin: noMargin, error: error, disabled: disabled, onFocus: onFocus, onChange: onChange, onBlur: onBlur }),
|
|
2940
3011
|
iconPosition === 'right' ? React__default.createElement(InputIconLabel, { style: { marginBottom: 0, padding: 6, }, isActive: isActive, isDisabled: disabled, isHover: isHovering, iconPosition: iconPosition }, NewIcon) : null)));
|
|
2941
3012
|
});
|
|
2942
|
-
var CheckboxLabel = styled__default.label(templateObject_4$
|
|
2943
|
-
var RadioLabel = styled__default(CheckboxLabel)(templateObject_5$
|
|
3013
|
+
var CheckboxLabel = styled__default.label(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n &&& {\n display: inline-flex;\n position: relative;\n margin-bottom: 12px;\n margin-right: 24px;\n cursor: ", ";\n font-size: ", ";\n color: ", ";\n font-family: ", ";\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n font-weight: normal;\n line-height: ", ";\n box-sizing: border-box;\n opacity: ", ";\n &:focus {\n outline: 0;\n }\n }\n"], ["\n &&& {\n display: inline-flex;\n position: relative;\n margin-bottom: 12px;\n margin-right: 24px;\n cursor: ", ";\n font-size: ", ";\n color: ", ";\n font-family: ", ";\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n font-weight: normal;\n line-height: ", ";\n box-sizing: border-box;\n opacity: ", ";\n &:focus {\n outline: 0;\n }\n }\n"])), function (props) { return props.disabled ? 'default' : 'pointer'; }, fontStyles.label.fontSize, neutrals.darkest, fontStyles.label.fontFamily, fontStyles.label.lineHeight, function (props) { return props.disabled ? 0.7 : 1; });
|
|
3014
|
+
var RadioLabel = styled__default(CheckboxLabel)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n &&& {\n padding-left: 32px;\n }\n"], ["\n &&& {\n padding-left: 32px;\n }\n"])));
|
|
2944
3015
|
var Radio = styled__default.input(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n &&& {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n box-sizing: border-box;\n &:focus {\n outline: 0;\n }\n &:checked {\n background-color: white;\n display: block;\n }\n &:hover {\n background-color: #02c0da;\n }\n ", "\n ", "\n }\n"], ["\n &&& {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n box-sizing: border-box;\n &:focus {\n outline: 0;\n }\n &:checked {\n background-color: white;\n display: block;\n }\n &:hover {\n background-color: #02c0da;\n }\n ", "\n ", "\n }\n"])), function (props) { return props.isHovering && "background-color: #02c0da;"; }, SharedStyles);
|
|
2945
3016
|
var CheckMark = styled__default.span(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n height: 23px;\n width: 23px;\n background-color: ", ";\n opacity: ", ";\n filter: ", ";\n border: 2px solid #02c0da;\n border-radius: 4px;\n box-sizing: border-box;\n &:focus {\n outline: 0;\n }\n &:hover {\n background-color: ", ";\n }\n &::after {\n content: \"\";\n position: absolute;\n left: 9px;\n top: 5px;\n width: 5px;\n height: 10px;\n border: solid white;\n border-width: 0 3px 3px 0;\n -webkit-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n transform: rotate(45deg);\n box-sizing: border-box;\n display: ", ";\n }\n ", "\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n height: 23px;\n width: 23px;\n background-color: ", ";\n opacity: ", ";\n filter: ", ";\n border: 2px solid #02c0da;\n border-radius: 4px;\n box-sizing: border-box;\n &:focus {\n outline: 0;\n }\n &:hover {\n background-color: ", ";\n }\n &::after {\n content: \"\";\n position: absolute;\n left: 9px;\n top: 5px;\n width: 5px;\n height: 10px;\n border: solid white;\n border-width: 0 3px 3px 0;\n -webkit-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n transform: rotate(45deg);\n box-sizing: border-box;\n display: ", ";\n }\n ", "\n"])), function (props) { return ((props.isHovering || props.checked) && !props.disabled) ? '#02c0da' : 'white'; }, function (props) { return props.disabled ? 0.7 : 1; }, function (props) { return props.disabled ? "grayscale(100%)" : "none"; }, function (props) { return props.disabled ? "white" : "#02c0da"; }, function (props) { return props.checked ? 'block' : 'none'; }, SharedStyles);
|
|
2946
3017
|
var Dot = styled__default.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n &&& {\n position: absolute;\n top: 0;\n left: 0;\n height: 23px;\n width: 23px;\n opacity: ", ";\n filter: ", ";\n background-color: ", ";\n border: 2px solid #02c0da;\n border-radius: 50%;\n box-sizing: border-box;\n &:focus {\n outline: 0;\n }\n &:hover {\n background-color: ", ";\n }\n &::after {\n top: 5px;\n left: 5px;\n width: 9px;\n height: 9px;\n border-radius: 50%;\n background: #02c0da;\n content: \"\";\n position: absolute;\n display: none;\n ", "\n }\n ", "\n"], ["\n &&& {\n position: absolute;\n top: 0;\n left: 0;\n height: 23px;\n width: 23px;\n opacity: ", ";\n filter: ", ";\n background-color: ", ";\n border: 2px solid #02c0da;\n border-radius: 50%;\n box-sizing: border-box;\n &:focus {\n outline: 0;\n }\n &:hover {\n background-color: ", ";\n }\n &::after {\n top: 5px;\n left: 5px;\n width: 9px;\n height: 9px;\n border-radius: 50%;\n background: #02c0da;\n content: \"\";\n position: absolute;\n display: none;\n ", "\n }\n ", "\n"])), function (props) { return props.disabled ? 0.7 : 1; }, function (props) { return props.disabled ? "grayscale(100%)" : "none"; }, function (props) { return (props.isHovering && !props.checked && !props.disabled) ? '#02c0da' : 'white'; }, function (props) { return !props.checked && !props.disabled ? '#02c0da' : 'white'; }, function (props) { return props.checked && "display: block;"; }, SharedStyles);
|
|
@@ -2951,14 +3022,14 @@ CheckMark.defaultProps = {
|
|
|
2951
3022
|
checked: false,
|
|
2952
3023
|
};
|
|
2953
3024
|
var LabeledRadio = function (_a) {
|
|
2954
|
-
var label = _a.label, name = _a.name, checked = _a.checked, disabled = _a.disabled, labelStyle = _a.labelStyle, radioIconStyle = _a.radioIconStyle, radioColor = _a.radioColor, radioHoverColor = _a.radioHoverColor, onChange = _a.onChange, props = __rest(_a, ["label", "name", "checked", "disabled", "labelStyle", "radioIconStyle", "radioColor", "radioHoverColor", "onChange"]);
|
|
2955
|
-
var
|
|
3025
|
+
var label = _a.label, name = _a.name, checked = _a.checked, disabled = _a.disabled, labelStyle = _a.labelStyle, radioIconStyle = _a.radioIconStyle, radioColor = _a.radioColor, radioHoverColor = _a.radioHoverColor, onChange = _a.onChange, _b = _a.labelProps, labelProps = _b === void 0 ? {} : _b, _c = _a.radioIconProps, radioIconProps = _c === void 0 ? {} : _c, props = __rest(_a, ["label", "name", "checked", "disabled", "labelStyle", "radioIconStyle", "radioColor", "radioHoverColor", "onChange", "labelProps", "radioIconProps"]);
|
|
3026
|
+
var _d = React.useState(false), isHovering = _d[0], updateHover = _d[1];
|
|
2956
3027
|
var radio = React.useRef(null);
|
|
2957
|
-
return (React__default.createElement(RadioLabel, { htmlFor: name, onMouseOver: function (e) { return updateHover(true); }, onMouseLeave: function (e) { return updateHover(false); }, disabled: disabled, style: __assign({}, labelStyle), onClick: function () {
|
|
3028
|
+
return (React__default.createElement(RadioLabel, __assign({}, labelProps, { htmlFor: name, onMouseOver: function (e) { return updateHover(true); }, onMouseLeave: function (e) { return updateHover(false); }, disabled: disabled, style: __assign(__assign({}, labelStyle), (labelProps.style || {})), onClick: function () {
|
|
2958
3029
|
var _a;
|
|
2959
3030
|
(_a = radio.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
2960
|
-
} },
|
|
2961
|
-
React__default.createElement(RadioIcon, { selected: checked, hover: isHovering, disabled: disabled, color: radioColor, hoverColor: radioHoverColor, mr: 8, style:
|
|
3031
|
+
} }),
|
|
3032
|
+
React__default.createElement(RadioIcon, __assign({}, radioIconProps, { selected: checked, hover: isHovering, disabled: disabled, color: radioColor, hoverColor: radioHoverColor, mr: 8, style: __assign(__assign({}, (radioIconProps.style || {})), (radioIconStyle ? radioIconStyle : { position: 'absolute', left: 0 })) })),
|
|
2962
3033
|
label,
|
|
2963
3034
|
React__default.createElement(Radio, __assign({ ref: radio, name: name, type: "radio", checked: checked, isHovering: isHovering, onChange: disabled ? undefined : onChange }, props))));
|
|
2964
3035
|
};
|
|
@@ -2987,37 +3058,37 @@ var LabeledRadioInButtonGroup = function (_a) {
|
|
|
2987
3058
|
}));
|
|
2988
3059
|
};
|
|
2989
3060
|
var LabeledCheckbox = React__default.forwardRef(function (_a, ref) {
|
|
2990
|
-
var label = _a.label, name = _a.name, checked = _a.checked, disabled = _a.disabled, onChange = _a.onChange, checkboxColor = _a.checkboxColor, checkboxHoverColor = _a.checkboxHoverColor, _b = _a.labelStyle, labelStyle =
|
|
2991
|
-
var
|
|
3061
|
+
var label = _a.label, name = _a.name, checked = _a.checked, disabled = _a.disabled, onChange = _a.onChange, checkboxColor = _a.checkboxColor, checkboxHoverColor = _a.checkboxHoverColor, _b = _a.hoverByLabel, hoverByLabel = _b === void 0 ? true : _b, _c = _a.stopPropagation, _d = _a.indeterminate, indeterminate = _d === void 0 ? false : _d, _e = _a.labelStyle, labelStyle = _e === void 0 ? {} : _e, _f = _a.checkboxStyle, checkboxStyle = _f === void 0 ? {} : _f, _g = _a.labelProps, labelProps = _g === void 0 ? {} : _g, _h = _a.checkboxIconProps, checkboxIconProps = _h === void 0 ? {} : _h, props = __rest(_a, ["label", "name", "checked", "disabled", "onChange", "checkboxColor", "checkboxHoverColor", "hoverByLabel", "stopPropagation", "indeterminate", "labelStyle", "checkboxStyle", "labelProps", "checkboxIconProps"]);
|
|
3062
|
+
var _j = React.useState(false), isHovering = _j[0], updateHover = _j[1];
|
|
2992
3063
|
var onMouseOver = function (e) { return updateHover(true); };
|
|
2993
3064
|
var onMouseLeave = function (e) { return updateHover(false); };
|
|
2994
|
-
return (React__default.createElement(CheckboxLabel, { htmlFor: name, onMouseOver: hoverByLabel ? onMouseOver : undefined, onMouseLeave: hoverByLabel ? onMouseLeave : undefined, disabled: disabled, style: labelStyle },
|
|
2995
|
-
React__default.createElement(CheckboxIcon, { hover: isHovering, selected: checked, disabled: disabled, color: checkboxColor, hoverColor: checkboxHoverColor, mr: 8, style: __assign({}, checkboxStyle) }),
|
|
3065
|
+
return (React__default.createElement(CheckboxLabel, __assign({ htmlFor: name, onMouseOver: hoverByLabel ? onMouseOver : undefined, onMouseLeave: hoverByLabel ? onMouseLeave : undefined, disabled: disabled }, labelProps, { style: labelStyle }),
|
|
3066
|
+
React__default.createElement(CheckboxIcon, __assign({}, checkboxIconProps, { hover: isHovering, selected: checked, disabled: disabled, color: checkboxColor, hoverColor: checkboxHoverColor, indeterminate: indeterminate, mr: 8, style: __assign({}, checkboxStyle) })),
|
|
2996
3067
|
label,
|
|
2997
3068
|
React__default.createElement(Radio, __assign({ ref: ref, name: name, type: "checkbox", checked: checked, isHovering: isHovering, onChange: disabled ? undefined : onChange }, props))));
|
|
2998
3069
|
});
|
|
2999
|
-
var templateObject_1$
|
|
3070
|
+
var templateObject_1$f, templateObject_2$9, templateObject_3$4, templateObject_4$3, templateObject_5$3, templateObject_6$2, templateObject_7$1, templateObject_8;
|
|
3000
3071
|
|
|
3001
|
-
var Padding = styled__default.div(templateObject_1$
|
|
3002
|
-
var templateObject_1$
|
|
3072
|
+
var Padding = styled__default.div(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n padding: 20px;\n ", "\n"], ["\n padding: 20px;\n ", "\n"])), SharedStyles);
|
|
3073
|
+
var templateObject_1$g;
|
|
3003
3074
|
|
|
3004
3075
|
/*
|
|
3005
3076
|
|
|
3006
3077
|
Styles common for every commonsku page
|
|
3007
3078
|
|
|
3008
3079
|
*/
|
|
3009
|
-
var StyledPage = styled__default.div(templateObject_1$
|
|
3080
|
+
var StyledPage = styled__default.div(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n font-family: 'skufont-regular', sans-serif;\n ", "\n"], ["\n font-family: 'skufont-regular', sans-serif;\n ", "\n"])), SharedStyles);
|
|
3010
3081
|
function Page(props) {
|
|
3011
3082
|
return React__default.createElement(StyledPage, __assign({}, props), props.children);
|
|
3012
3083
|
}
|
|
3013
|
-
var templateObject_1$
|
|
3084
|
+
var templateObject_1$h;
|
|
3014
3085
|
|
|
3015
|
-
var Text = styled__default.span(templateObject_1$
|
|
3086
|
+
var Text = styled__default.span(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n font-family: ", ";\n ", "\n color: ", ";\n background-color: ", ";\n border-radius: ", ";\n padding: ", ";\n ", "\n"], ["\n font-family: ", ";\n ", "\n color: ", ";\n background-color: ", ";\n border-radius: ", ";\n padding: ", ";\n ", "\n"])), fonts.join(', '), function (p) { return p.bold ? ({ fontWeight: 'bold' }) : ({}); }, function (props) { var _a; return getThemeColor(props, (_a = props.color) !== null && _a !== void 0 ? _a : 'textbody', 'textbody') || 'textbody'; }, function (props) { return props.bg ? getThemeColor(props, "".concat(props.color || 'transparent', "Bg"), 'transparent') : 'transparent'; }, function (props) { return props.bg ? '5px' : '0px'; }, function (props) { return props.bg ? '5px' : '0px'; }, SharedStyles);
|
|
3016
3087
|
var _Link = function (_a) {
|
|
3017
3088
|
var highlight = _a.highlight, props = __rest(_a, ["highlight"]);
|
|
3018
3089
|
return React__default.createElement(Text, __assign({ color: highlight ? 'special2' : 'primary' }, props));
|
|
3019
3090
|
};
|
|
3020
|
-
var Link = styled__default(_Link)(templateObject_2$
|
|
3091
|
+
var Link = styled__default(_Link)(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n cursor: pointer;\n ", "\n"], ["\n cursor: pointer;\n ", "\n"])), SharedStyles);
|
|
3021
3092
|
function numberWithCommas(num) {
|
|
3022
3093
|
return num.replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,');
|
|
3023
3094
|
}
|
|
@@ -3026,10 +3097,10 @@ var Number$1 = function (_a) {
|
|
|
3026
3097
|
var fixedNum = (_.toNumber(num) || 0).toFixed(decimalPoints);
|
|
3027
3098
|
return React__default.createElement("span", __assign({}, props), commas ? numberWithCommas(fixedNum) : fixedNum);
|
|
3028
3099
|
};
|
|
3029
|
-
var templateObject_1$
|
|
3100
|
+
var templateObject_1$i, templateObject_2$a;
|
|
3030
3101
|
|
|
3031
|
-
var ProgressWrapper = styled__default.div(templateObject_1$
|
|
3032
|
-
var ProgressBar = styled__default.div(templateObject_2$
|
|
3102
|
+
var ProgressWrapper = styled__default.div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n max-width: 100%;\n width: 100%;\n height: 20px;\n background: #ECF4F7;\n ", "\n"], ["\n max-width: 100%;\n width: 100%;\n height: 20px;\n background: #ECF4F7;\n ", "\n"])), SharedStyles);
|
|
3103
|
+
var ProgressBar = styled__default.div(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n max-width: 100%;\n width: ", "%;\n height: 100%;\n background: ", ";\n"], ["\n max-width: 100%;\n width: ", "%;\n height: 100%;\n background: ", ";\n"])), function (props) { return 100 * props.value / props.max; }, function (props) { return props.error ? "#B21154" : "#00d374"; });
|
|
3033
3104
|
var Progress = function (props) {
|
|
3034
3105
|
var val = typeof props.value === 'number'
|
|
3035
3106
|
? props.value
|
|
@@ -3052,7 +3123,7 @@ var LabeledProgress = function (props) {
|
|
|
3052
3123
|
React__default.createElement("br", null),
|
|
3053
3124
|
React__default.createElement(Progress, { value: props.value, max: props.max, error: props.error }));
|
|
3054
3125
|
};
|
|
3055
|
-
var templateObject_1$
|
|
3126
|
+
var templateObject_1$j, templateObject_2$b;
|
|
3056
3127
|
|
|
3057
3128
|
var popupStyles = {
|
|
3058
3129
|
menuPlacement: 'auto',
|
|
@@ -3084,11 +3155,7 @@ function skuSelectStyles(props) {
|
|
|
3084
3155
|
},
|
|
3085
3156
|
indicatorSeparator: function (provided, state) { return (__assign(__assign({}, provided), { display: 'none' })); },
|
|
3086
3157
|
option: function (provided, state) {
|
|
3087
|
-
|
|
3088
|
-
if (state.data && state.data.styles) {
|
|
3089
|
-
optionStyle = state.data.styles;
|
|
3090
|
-
}
|
|
3091
|
-
return (__assign(__assign(__assign({}, provided), optionStyle), { borderBottom: 'none', padding: 10 }));
|
|
3158
|
+
return (__assign(__assign(__assign({}, provided), (_.get(state.data, 'styles') || {})), { borderBottom: 'none', padding: 10 }));
|
|
3092
3159
|
},
|
|
3093
3160
|
input: function (provided, state) {
|
|
3094
3161
|
return __assign(__assign({}, provided), { height: 'auto', borderColor: props.error
|
|
@@ -3186,11 +3253,13 @@ function skuSelectStyles(props) {
|
|
|
3186
3253
|
}
|
|
3187
3254
|
var skuSelectTheme = function (theme) { return (__assign(__assign({}, theme), { borderRadius: 5, colors: __assign(__assign({}, theme.colors), { primary25: colors.primary0, primary75: colors.primary0, primary50: colors.primary10, primary: colors.primary, neutral20: colors.select.border, neutral30: colors.select.border, neutral80: colors.textbody, neutral90: colors.textbody }) })); };
|
|
3188
3255
|
// duplicate styles to overide .resku global styles
|
|
3256
|
+
// : React.ForwardRefExoticComponent<SKUSelectProps & React.RefAttributes<BaseSelect>>
|
|
3257
|
+
// React.ForwardRefExoticComponent<AdditionalSKUSelectProps & Omit<Pick<Props<unknown, boolean, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | ... 27 more ... | "form"> & InexactPartial<...> & InexactPartial<...>, StateManagedPropKeys> & Partial<...> & StateManagerAdditionalProps<...> & React.RefAttributes<...>>
|
|
3189
3258
|
var SKUSelect = React__default.forwardRef(function (_a, ref) {
|
|
3190
3259
|
var noMargin = _a.noMargin, menuRelative = _a.menuRelative, inPopup = _a.inPopup, error = _a.error, props = __rest(_a, ["noMargin", "menuRelative", "inPopup", "error"]);
|
|
3191
3260
|
var classNamePrefix = "".concat(error ? 'select-error' : '', " commonsku-styles-select");
|
|
3192
3261
|
var selectStyleProps = __assign(__assign({}, props), { noMargin: noMargin, menuRelative: menuRelative, inPopup: inPopup, error: error, classNamePrefix: classNamePrefix, theme: skuSelectTheme });
|
|
3193
|
-
return React__default.createElement(BaseSelect__default, __assign({ ref: ref, classNamePrefix: classNamePrefix }, (inPopup ? popupStyles : {}), {
|
|
3262
|
+
return React__default.createElement(BaseSelect__default, __assign({ ref: ref, classNamePrefix: classNamePrefix }, (inPopup ? popupStyles : {}), { styles: skuSelectStyles(selectStyleProps), theme: skuSelectTheme }, props));
|
|
3194
3263
|
});
|
|
3195
3264
|
var LabeledSelect = React__default.forwardRef(function (_a, ref) {
|
|
3196
3265
|
var parentStyle = _a.parentStyle, props = __rest(_a, ["parentStyle"]);
|
|
@@ -3205,7 +3274,7 @@ var SKUCreatableSelect = React__default.forwardRef(function (_a, ref) {
|
|
|
3205
3274
|
var noMargin = _a.noMargin, menuRelative = _a.menuRelative, inPopup = _a.inPopup, error = _a.error, props = __rest(_a, ["noMargin", "menuRelative", "inPopup", "error"]);
|
|
3206
3275
|
var classNamePrefix = "".concat(error ? 'select-error' : '', " commonsku-styles-select");
|
|
3207
3276
|
var selectStyleProps = __assign(__assign({}, props), { noMargin: noMargin, menuRelative: menuRelative, inPopup: inPopup, error: error, classNamePrefix: classNamePrefix, theme: skuSelectTheme });
|
|
3208
|
-
return (React__default.createElement(
|
|
3277
|
+
return (React__default.createElement(BaseCreatableSelect, __assign({ ref: ref, classNamePrefix: classNamePrefix, styles: skuSelectStyles(selectStyleProps), theme: skuSelectTheme }, props, (inPopup ? popupStyles : {}))));
|
|
3209
3278
|
});
|
|
3210
3279
|
var LabeledCreatableSelect = React__default.forwardRef(function (_a, ref) {
|
|
3211
3280
|
var parentStyle = _a.parentStyle, props = __rest(_a, ["parentStyle"]);
|
|
@@ -3220,7 +3289,7 @@ var SKUAsyncSelect = React__default.forwardRef(function (_a, ref) {
|
|
|
3220
3289
|
var noMargin = _a.noMargin, menuRelative = _a.menuRelative, inPopup = _a.inPopup, error = _a.error, props = __rest(_a, ["noMargin", "menuRelative", "inPopup", "error"]);
|
|
3221
3290
|
var classNamePrefix = "".concat(error ? 'select-error' : '', " commonsku-styles-select");
|
|
3222
3291
|
var selectStyleProps = __assign(__assign({}, props), { noMargin: noMargin, menuRelative: menuRelative, inPopup: inPopup, error: error, classNamePrefix: classNamePrefix, theme: skuSelectTheme });
|
|
3223
|
-
return (React__default.createElement(BaseAsyncSelect, __assign({ ref: ref, classNamePrefix: classNamePrefix,
|
|
3292
|
+
return (React__default.createElement(BaseAsyncSelect, __assign({ ref: ref, classNamePrefix: classNamePrefix, styles: skuSelectStyles(selectStyleProps), theme: skuSelectTheme }, props, (inPopup ? popupStyles : {}))));
|
|
3224
3293
|
});
|
|
3225
3294
|
var LabeledAsyncSelect = React__default.forwardRef(function (_a, ref) {
|
|
3226
3295
|
var parentStyle = _a.parentStyle, props = __rest(_a, ["parentStyle"]);
|
|
@@ -3232,8 +3301,8 @@ var LabeledAsyncSelect = React__default.forwardRef(function (_a, ref) {
|
|
|
3232
3301
|
React__default.createElement(SKUAsyncSelect, __assign({}, props, { ref: ref }))));
|
|
3233
3302
|
});
|
|
3234
3303
|
|
|
3235
|
-
var Backdrop = styled__default.div(templateObject_1$
|
|
3236
|
-
var templateObject_1$
|
|
3304
|
+
var Backdrop = styled__default.div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n position: fixed;\n width: 100%;\n height: 100%;\n background-color: rgba(67, 83, 91, .3);\n z-index: 100;\n transition: all ", "s ease-in-out;\n -moz-transition: all ", "s ease-in-out;\n -webkit-transition: all ", "s ease-in-out;\n opacity: 0.8;\n"], ["\n position: fixed;\n width: 100%;\n height: 100%;\n background-color: rgba(67, 83, 91, .3);\n z-index: 100;\n transition: all ", "s ease-in-out;\n -moz-transition: all ", "s ease-in-out;\n -webkit-transition: all ", "s ease-in-out;\n opacity: 0.8;\n"])), function (p) { return ((p.animationDuration || 300) / 1000); }, function (p) { return ((p.animationDuration || 300) / 1000); }, function (p) { return ((p.animationDuration || 300) / 1000); });
|
|
3305
|
+
var templateObject_1$k;
|
|
3237
3306
|
|
|
3238
3307
|
function getSlideStyles(from, visible, height) {
|
|
3239
3308
|
if (from === void 0) { from = "right"; }
|
|
@@ -3253,7 +3322,7 @@ function getSlideStyles(from, visible, height) {
|
|
|
3253
3322
|
}
|
|
3254
3323
|
return '';
|
|
3255
3324
|
}
|
|
3256
|
-
var StyledPanel = styled__default.div(templateObject_1$
|
|
3325
|
+
var StyledPanel = styled__default.div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n height: ", "vh;\n background: white;\n position: fixed;\n width: ", ";\n z-index: 300;\n box-shadow: 0 0 10px rgba(61, 79, 90, 0.27);\n padding: 1em;\n overflow: scroll;\n @media only screen and (max-width: 640px) {\n width: 100% !important;\n }\n ", "\n transition: transform ", "s ease-out;\n ", "\n ", "\n"], ["\n height: ", "vh;\n background: white;\n position: fixed;\n width: ", ";\n z-index: 300;\n box-shadow: 0 0 10px rgba(61, 79, 90, 0.27);\n padding: 1em;\n overflow: scroll;\n @media only screen and (max-width: 640px) {\n width: 100% !important;\n }\n ", "\n transition: transform ", "s ease-out;\n ", "\n ", "\n"])), function (p) { return valIsValid(p.height) ? p.height : p.from === "bottom" || p.from === "top" ? 50 : 100; }, function (p) { return valIsValid(p.width) ? p.width : p.from === "bottom" || p.from === "top" ? '100%' : '560px'; }, function (p) { return getSlideStyles(p.from, p.visible, p.height); }, function (p) { return (
|
|
3257
3326
|
//@ts-ignore
|
|
3258
3327
|
(valIsValid(p.animationDuration) ? p.animationDuration : 300) / 1000); }, SharedStyles, SizerCss);
|
|
3259
3328
|
StyledPanel.defaultProps = {
|
|
@@ -3285,10 +3354,10 @@ var SidePanel = function (_a) {
|
|
|
3285
3354
|
children),
|
|
3286
3355
|
backdrop && visible ? React__default.createElement(Backdrop, null) : null);
|
|
3287
3356
|
};
|
|
3288
|
-
var NameAndPosition = styled__default.div(templateObject_2$
|
|
3357
|
+
var NameAndPosition = styled__default.div(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n display: inline-block;\n width: 90%;\n"], ["\n display: inline-block;\n width: 90%;\n"])));
|
|
3289
3358
|
var Name = styled__default.div(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n font-weight: bold;\n"], ["\n font-weight: bold;\n"])));
|
|
3290
|
-
var Position = styled__default.div(templateObject_4$
|
|
3291
|
-
var Email = styled__default.a(templateObject_5$
|
|
3359
|
+
var Position = styled__default.div(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n font-size: .8em;\n"], ["\n font-size: .8em;\n"])));
|
|
3360
|
+
var Email = styled__default.a(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject(["\n font-size: .8em;\n overflow-wrap: break-word;\n word-wrap: break-word;\n -ms-word-break: break-all;\n word-break: break-word;\n"], ["\n font-size: .8em;\n overflow-wrap: break-word;\n word-wrap: break-word;\n -ms-word-break: break-all;\n word-break: break-word;\n"])));
|
|
3292
3361
|
var Contact = styled__default.div(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject(["\n &&& {\n display: flex;\n flex-basis: 50%;\n margin-bottom: 15px;\n ", "\n }\n"], ["\n &&& {\n display: flex;\n flex-basis: 50%;\n margin-bottom: 15px;\n ", "\n }\n"])), SizerCss);
|
|
3293
3362
|
var PanelContact = function (_a) {
|
|
3294
3363
|
var avatar = _a.avatar, name = _a.name, position = _a.position, email = _a.email, props = __rest(_a, ["avatar", "name", "position", "email"]);
|
|
@@ -3324,13 +3393,13 @@ var PanelTileContact = function (_a) {
|
|
|
3324
3393
|
p.phone_extension && 'x' + p.phone_extension) : '';
|
|
3325
3394
|
}) : null)));
|
|
3326
3395
|
};
|
|
3327
|
-
var templateObject_1$
|
|
3396
|
+
var templateObject_1$l, templateObject_2$c, templateObject_3$5, templateObject_4$4, templateObject_5$4, templateObject_6$3;
|
|
3328
3397
|
|
|
3329
|
-
var sharedStyle = styled.css(templateObject_1$
|
|
3330
|
-
var optionalPadding = styled.css(templateObject_2$
|
|
3398
|
+
var sharedStyle = styled.css(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n line-height: 1.125rem;\n box-sizing: border-box;\n"], ["\n line-height: 1.125rem;\n box-sizing: border-box;\n"])));
|
|
3399
|
+
var optionalPadding = styled.css(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n &:first-child {\n padding-left: ", ";\n }\n\n &:last-child {\n padding-right: ", ";\n }\n"], ["\n &:first-child {\n padding-left: ", ";\n }\n\n &:last-child {\n padding-right: ", ";\n }\n"])), function (props) { return props.padded ? "20px" : "inherit"; }, function (props) { return props.padded ? "20px" : "inherit"; });
|
|
3331
3400
|
var Table = styled__default.table.attrs(function () { return ({ cellPadding: 0, cellSpacing: 0 }); })(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n &&& {\n background-color: white;\n border: none;\n border-spacing: 0;\n width: 100%;\n table-layout: auto;\n display: table;\n font-family: 'skufont-regular', sans-serif;\n ", "\n ", "\n ", "\n }\n"], ["\n &&& {\n background-color: white;\n border: none;\n border-spacing: 0;\n width: 100%;\n table-layout: auto;\n display: table;\n font-family: 'skufont-regular', sans-serif;\n ", "\n ", "\n ", "\n }\n"])), sharedStyle, SizerCss, SharedStyles);
|
|
3332
|
-
var TH = styled__default.th(templateObject_4$
|
|
3333
|
-
var TD = styled__default.td(templateObject_5$
|
|
3401
|
+
var TH = styled__default.th(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n &&& {\n background-color: #dae9ee;\n border: none;\n border-spacing: 0;\n color: ", ";\n font-size: 1rem;\n padding: 0.5rem 0.625rem 0.625rem;\n display: table-cell;\n text-align: left;\n font-family: \"skufont-demibold\", sans-serif;\n ", "\n &:hover {\n background-color: ", ";\n cursor: ", ";\n }\n ", "\n ", "\n ", "\n ", "\n }\n"], ["\n &&& {\n background-color: #dae9ee;\n border: none;\n border-spacing: 0;\n color: ", ";\n font-size: 1rem;\n padding: 0.5rem 0.625rem 0.625rem;\n display: table-cell;\n text-align: left;\n font-family: \"skufont-demibold\", sans-serif;\n ", "\n &:hover {\n background-color: ", ";\n cursor: ", ";\n }\n ", "\n ", "\n ", "\n ", "\n }\n"])), function (props) { return props.clickable ? "#00889B" : "#123952"; }, function (props) { return props.sticky ? "position: sticky; top: ".concat(props.stickyTop ? props.stickyTop : 0, ";") : null; }, function (props) { return props.clickable ? "#d2e6ec" : "#dae9ee"; }, function (props) { return props.clickable ? "pointer" : "normal"; }, optionalPadding, sharedStyle, SizerCss, SharedStyles);
|
|
3402
|
+
var TD = styled__default.td(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject(["\n &&& {\n border: 0;\n color: #52585c;\n font-size: .875rem;\n line-height: 1.75rem;\n display: table-cell;\n padding: 0.5625rem 0.625rem;\n &:hover {\n cursor: ", ";\n }\n ", "\n ", "\n ", "\n ", "\n }\n"], ["\n &&& {\n border: 0;\n color: #52585c;\n font-size: .875rem;\n line-height: 1.75rem;\n display: table-cell;\n padding: 0.5625rem 0.625rem;\n &:hover {\n cursor: ", ";\n }\n ", "\n ", "\n ", "\n ", "\n }\n"])), function (props) { return props.clickable ? "pointer" : "normal"; }, optionalPadding, sharedStyle, SizerCss, SharedStyles);
|
|
3334
3403
|
var TR = styled__default.tr(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject(["\n &&& {\n ", "\n &:hover {\n background: #EDF2F4;\n }\n ", "\n }\n"], ["\n &&& {\n ", "\n &:hover {\n background: #EDF2F4;\n }\n ", "\n }\n"])), SizerCss, function (p) { return p.selected && 'background: #EDF2F4;'; });
|
|
3335
3404
|
var THead = styled__default.thead(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n &&& {\n ", "\n }\n"], ["\n &&& {\n ", "\n }\n"])), SizerCss);
|
|
3336
3405
|
var TBody = styled__default.tbody(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n &&& {\n ", "\n }\n"], ["\n &&& {\n ", "\n }\n"])), SizerCss);
|
|
@@ -3351,14 +3420,266 @@ var THSorted = function (_a) {
|
|
|
3351
3420
|
" ",
|
|
3352
3421
|
children));
|
|
3353
3422
|
};
|
|
3354
|
-
var templateObject_1$
|
|
3423
|
+
var templateObject_1$m, templateObject_2$d, templateObject_3$6, templateObject_4$5, templateObject_5$5, templateObject_6$4, templateObject_7$2, templateObject_8$1, templateObject_9;
|
|
3424
|
+
|
|
3425
|
+
var Overlay = styled__default.div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n &&& {\n position: fixed;\n top: 0px;\n bottom: 0px;\n left: 0px;\n right: 0px;\n background: rgba(42, 56, 63, 0.45);\n display: flex;\n z-index: ", ";\n margin-left: auto;\n margin-right: auto;\n }\n"], ["\n &&& {\n position: fixed;\n top: 0px;\n bottom: 0px;\n left: 0px;\n right: 0px;\n background: rgba(42, 56, 63, 0.45);\n display: flex;\n z-index: ", ";\n margin-left: auto;\n margin-right: auto;\n }\n"])), function (p) { return p.zIndex || 999; });
|
|
3426
|
+
var PopupWindow = styled__default.div(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n &&& {\n width: ", ";\n height: ", "; \n margin: 0 !important;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n position: fixed;\n ", "\n overflow-y: hidden;\n display: block;\n z-index: ", ";\n\n padding: ", ";\n border: 1px solid #CCD5DA;\n background-color: #fefefe;\n border-radius: 3px;\n\n &:last-child {\n margin-bottom: 0;\n }\n .popup-content {\n overflow-y: auto;\n height: 90%;\n }\n ", "\n ", "\n }\n"], ["\n &&& {\n width: ", ";\n height: ", "; \n margin: 0 !important;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n position: fixed;\n ", "\n overflow-y: hidden;\n display: block;\n z-index: ", ";\n\n padding: ", ";\n border: 1px solid #CCD5DA;\n background-color: #fefefe;\n border-radius: 3px;\n\n &:last-child {\n margin-bottom: 0;\n }\n .popup-content {\n overflow-y: auto;\n height: 90%;\n }\n ", "\n ", "\n }\n"])), function (props) { var _a; return (_a = props.width) !== null && _a !== void 0 ? _a : '90%'; }, function (props) { var _a; return (_a = props.height) !== null && _a !== void 0 ? _a : '75%'; }, function (props) { return props.height ? '' : 'max-height: 700px;'; }, function (p) { return p.zIndex || 1006; }, function (props) { var _a; return (_a = props.padding) !== null && _a !== void 0 ? _a : '1rem'; }, SharedStyles, SizerCss);
|
|
3427
|
+
var PopupHeader = styled__default.div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n &&& {\n position: sticky;\n top: 0;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n background: white;\n padding: 3px;\n z-index: 99;\n .title {\n font-size: 1.8rem;\n font-weight: 500;\n text-align: left;\n align-self: center;\n padding-top: 3px;\n padding-left: 3px;\n border-bottom: none;\n font-family: \"skufont-demibold\",sans-serif;\n color: #123952;\n }\n ", "\n ", "\n }\n"], ["\n &&& {\n position: sticky;\n top: 0;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n background: white;\n padding: 3px;\n z-index: 99;\n .title {\n font-size: 1.8rem;\n font-weight: 500;\n text-align: left;\n align-self: center;\n padding-top: 3px;\n padding-left: 3px;\n border-bottom: none;\n font-family: \"skufont-demibold\",sans-serif;\n color: #123952;\n }\n ", "\n ", "\n }\n"])), SharedStyles, SizerCss);
|
|
3428
|
+
var PopupContainer = function (_a) {
|
|
3429
|
+
var children = _a.children;
|
|
3430
|
+
var ref = React__default.useRef(document$1.createElement('div'));
|
|
3431
|
+
React.useEffect(function () {
|
|
3432
|
+
var current = ref.current;
|
|
3433
|
+
document$1.body.appendChild(current);
|
|
3434
|
+
return function () {
|
|
3435
|
+
document$1.body.removeChild(current);
|
|
3436
|
+
};
|
|
3437
|
+
}, []);
|
|
3438
|
+
return ReactDOM.createPortal(children, ref.current);
|
|
3439
|
+
};
|
|
3440
|
+
var Popup = function (_a) {
|
|
3441
|
+
var header = _a.header, _b = _a.noHeader, noHeader = _b === void 0 ? false : _b, title = _a.title, controls = _a.controls, children = _a.children, onClose = _a.onClose, _c = _a.noCloseButton, noCloseButton = _c === void 0 ? false : _c, _d = _a.closeOnEsc, closeOnEsc = _d === void 0 ? true : _d, _e = _a.closeOnClickOutside, closeOnClickOutside = _e === void 0 ? false : _e, overlayZIndex = _a.overlayZIndex, props = __rest(_a, ["header", "noHeader", "title", "controls", "children", "onClose", "noCloseButton", "closeOnEsc", "closeOnClickOutside", "overlayZIndex"]);
|
|
3442
|
+
var ref = React__default.useRef(null);
|
|
3443
|
+
/* there is a bug where this closes popup involuntarily
|
|
3444
|
+
const handleClick = (e: Event) => {
|
|
3445
|
+
// @ts-ignore
|
|
3446
|
+
if (ref.current?.contains(e.target)) {
|
|
3447
|
+
return;
|
|
3448
|
+
}
|
|
3449
|
+
onClose && onClose();
|
|
3450
|
+
};
|
|
3451
|
+
*/
|
|
3452
|
+
React.useEffect(function () {
|
|
3453
|
+
var handleKeyDown = function (e) {
|
|
3454
|
+
// @ts-ignore
|
|
3455
|
+
if (e.key === "Escape") {
|
|
3456
|
+
e.stopPropagation();
|
|
3457
|
+
onClose && onClose();
|
|
3458
|
+
}
|
|
3459
|
+
};
|
|
3460
|
+
if (closeOnEsc) {
|
|
3461
|
+
document$1.addEventListener("keyup", handleKeyDown);
|
|
3462
|
+
}
|
|
3463
|
+
return function () {
|
|
3464
|
+
if (closeOnEsc) {
|
|
3465
|
+
document$1.removeEventListener("keyup", handleKeyDown);
|
|
3466
|
+
}
|
|
3467
|
+
};
|
|
3468
|
+
}, [closeOnClickOutside, closeOnEsc, onClose]);
|
|
3469
|
+
return React__default.createElement(PopupContainer, null,
|
|
3470
|
+
React__default.createElement(Overlay, { zIndex: overlayZIndex },
|
|
3471
|
+
React__default.createElement(PopupWindow, __assign({ className: "popup" }, props, { ref: ref }),
|
|
3472
|
+
noHeader ? null :
|
|
3473
|
+
header ? header : (React__default.createElement(PopupHeader, { className: "popup-header", xsStyle: "flex-wrap: wrap-reverse;", smStyle: "flex-wrap: wrap;" },
|
|
3474
|
+
React__default.createElement(Col, { style: { textAlign: 'left', alignSelf: 'center' } },
|
|
3475
|
+
React__default.createElement("span", { className: "title" }, title)),
|
|
3476
|
+
React__default.createElement(Col, { style: { textAlign: 'right', alignSelf: 'center' } }, noCloseButton ? null :
|
|
3477
|
+
controls || React__default.createElement(Button, { onClick: onClose }, "Close")))),
|
|
3478
|
+
React__default.createElement("div", { className: "popup-content" }, children))));
|
|
3479
|
+
};
|
|
3480
|
+
var ShowPopup = function (_a) {
|
|
3481
|
+
var _b = _a.autoOpen, autoOpen = _b === void 0 ? false : _b, PopupComponent = _a.popup, render = _a.render, _c = _a.closeOnEsc, closeOnEsc = _c === void 0 ? true : _c, _d = _a.closeOnClickOutside, closeOnClickOutside = _d === void 0 ? false : _d, props = __rest(_a, ["autoOpen", "popup", "render", "closeOnEsc", "closeOnClickOutside"]);
|
|
3482
|
+
var _e = React.useState(autoOpen), showPopup = _e[0], setShowPopup = _e[1];
|
|
3483
|
+
return React__default.createElement(React__default.Fragment, null,
|
|
3484
|
+
showPopup && React__default.createElement(PopupComponent, __assign({ onClose: function () { return setShowPopup(false); }, closeOnEsc: closeOnEsc, closeOnClickOutside: closeOnClickOutside }, props)),
|
|
3485
|
+
render && render({ onClick: function () { return setShowPopup(!showPopup); } }));
|
|
3486
|
+
};
|
|
3487
|
+
var templateObject_1$n, templateObject_2$e, templateObject_3$7;
|
|
3488
|
+
|
|
3489
|
+
var GridTableContainer = styled__default.div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n display:grid;\n grid-template-rows: ", ";\n grid-gap: ", ";\n width:", ";\n margin-top: 24px;\n margin-bottom: 24px;\n background: white;\n overflow: scroll;\n .droppable {\n display:grid;\n grid-template-rows: ", ";\n grid-gap: ", ";\n }\n ", "\n"], ["\n display:grid;\n grid-template-rows: ", ";\n grid-gap: ", ";\n width:", ";\n margin-top: 24px;\n margin-bottom: 24px;\n background: white;\n overflow: scroll;\n .droppable {\n display:grid;\n grid-template-rows: ", ";\n grid-gap: ", ";\n }\n ", "\n"])), function (props) { return props.gridTemplateRows ? props.gridTemplateRows : 'auto'; }, function (props) { return props.gridRowGap ? props.gridRowGap : "16px"; }, function (props) { return props.width ? props.width : '100%'; }, function (props) { return props.gridTemplateRows ? props.gridTemplateRows : 'auto'; }, function (props) { return props.gridRowGap ? props.gridRowGap : "16px"; }, SharedStyles);
|
|
3490
|
+
var GridRow = styled__default.div(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n display:grid;\n grid-template-columns: ", ";\n grid-gap: ", ";\n width:100%;\n background: white;\n ", "\n"], ["\n display:grid;\n grid-template-columns: ", ";\n grid-gap: ", ";\n width:100%;\n background: white;\n ", "\n"])), function (props) { return props.gridTemplateColumns; }, function (props) { return props.gridColumnGap ? props.gridColumnGap : "16px"; }, SharedStyles);
|
|
3491
|
+
var GridCell = styled__default.div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject([" \n background: white;\n width: ", ";\n font-family: ", ";\n color: ", ";\n text-align: ", ";\n"], [" \n background: white;\n width: ", ";\n font-family: ", ";\n color: ", ";\n text-align: ", ";\n"])), function (props) { return props.width ? props.width : 'auto'; }, function (props) { return props.header ? themeOptions.fontFamilies.bold : fontStyles.p.medium; }, function (props) { return props.header ? errors.main : neutrals.bodyText; }, function (props) { return props.centerContent ? 'center' : 'left'; });
|
|
3492
|
+
var FieldError = styled__default.p(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n font-family: ", ";\n font-size: ", ";\n color: ", ";\n margin:0;\n"], ["\n font-family: ", ";\n font-size: ", ";\n color: ", ";\n margin:0;\n"])), fontStyles.p.small.fontFamily, fontStyles.p.small.fontSize, errors['40']);
|
|
3493
|
+
var defaultTransform = function (v) { return v.target ? v.target.value : v.currentTarget ? v.currentTarget.value : v.value; };
|
|
3494
|
+
var Column = function (_a) {
|
|
3495
|
+
var name = _a.name, title = _a.title, children = _a.children, centerContent = _a.centerContent, _b = _a.transform;
|
|
3496
|
+
return React__default.createElement(GridCell, { centerContent: centerContent }, title);
|
|
3497
|
+
};
|
|
3498
|
+
var Cell = function (_a) {
|
|
3499
|
+
var defaultValue = _a.defaultValue, onUpdate = _a.onUpdate, children = _a.children, validate = _a.validate, centerContent = _a.centerContent, _b = _a.transform, transform = _b === void 0 ? function (v) { return v; } : _b;
|
|
3500
|
+
var _c = React.useState(defaultValue), value = _c[0], setValue = _c[1];
|
|
3501
|
+
var _d = React.useState(''), error = _d[0], setError = _d[1];
|
|
3502
|
+
React.useEffect(function () {
|
|
3503
|
+
setValue(defaultValue);
|
|
3504
|
+
}, [defaultValue]);
|
|
3505
|
+
var handleOnChange = function (newValue) {
|
|
3506
|
+
var errors = validate && validate(transform(newValue));
|
|
3507
|
+
if (errors) {
|
|
3508
|
+
setError(errors);
|
|
3509
|
+
}
|
|
3510
|
+
else {
|
|
3511
|
+
setError('');
|
|
3512
|
+
}
|
|
3513
|
+
setValue(transform(newValue));
|
|
3514
|
+
};
|
|
3515
|
+
var handleOnBlur = function () {
|
|
3516
|
+
if (!onUpdate) {
|
|
3517
|
+
return;
|
|
3518
|
+
}
|
|
3519
|
+
if (error) {
|
|
3520
|
+
setValue(defaultValue);
|
|
3521
|
+
setError('');
|
|
3522
|
+
return;
|
|
3523
|
+
}
|
|
3524
|
+
onUpdate(value);
|
|
3525
|
+
};
|
|
3526
|
+
var cell = React__default.cloneElement(React__default.Children.only(children), {
|
|
3527
|
+
value: value,
|
|
3528
|
+
onChange: handleOnChange,
|
|
3529
|
+
onBlur: handleOnBlur,
|
|
3530
|
+
});
|
|
3531
|
+
return (React__default.createElement(GridCell, { centerContent: centerContent },
|
|
3532
|
+
cell,
|
|
3533
|
+
" ",
|
|
3534
|
+
React__default.createElement(FieldError, null, error)));
|
|
3535
|
+
};
|
|
3536
|
+
function GridTable(_a) {
|
|
3537
|
+
var data = _a.data, _b = _a.idField, idField = _b === void 0 ? "id" : _b, onUpdate = _a.onUpdate, onDelete = _a.onDelete, onAdd = _a.onAdd, onSort = _a.onSort, validate = _a.validate, children = _a.children, gridTemplateRows = _a.gridTemplateRows, gridTemplateColumns = _a.gridTemplateColumns, gridRowGap = _a.gridRowGap, gridColumnGap = _a.gridColumnGap, props = __rest(_a, ["data", "idField", "onUpdate", "onDelete", "onAdd", "onSort", "validate", "children", "gridTemplateRows", "gridTemplateColumns", "gridRowGap", "gridColumnGap"]);
|
|
3538
|
+
var _c = React.useState({}), NewData = _c[0], setNewData = _c[1];
|
|
3539
|
+
var _d = React.useState(false), Adding = _d[0], setAdding = _d[1];
|
|
3540
|
+
var _e = React.useState({}), newRowError = _e[0], setNewRowError = _e[1];
|
|
3541
|
+
var _f = React.useState(0), showPopupWithRowId = _f[0], setShowPopupWithRowId = _f[1];
|
|
3542
|
+
var hasNewRowError = Object.keys(newRowError).length === 0 || Object.values(newRowError).filter(function (v) { return v; }).length > 0;
|
|
3543
|
+
var handleColumnsDefault = function () {
|
|
3544
|
+
if (gridTemplateColumns) {
|
|
3545
|
+
if (onSort && onDelete) {
|
|
3546
|
+
return "auto ".concat(gridTemplateColumns, " auto");
|
|
3547
|
+
}
|
|
3548
|
+
else if (onSort && !onDelete) {
|
|
3549
|
+
return "auto ".concat(gridTemplateColumns);
|
|
3550
|
+
}
|
|
3551
|
+
else if (onSort && onDelete) {
|
|
3552
|
+
return "".concat(gridTemplateColumns, " auto");
|
|
3553
|
+
}
|
|
3554
|
+
return gridTemplateColumns;
|
|
3555
|
+
}
|
|
3556
|
+
else {
|
|
3557
|
+
var columnsDefault_1 = '';
|
|
3558
|
+
React__default.Children.map(children, function (child, index) {
|
|
3559
|
+
columnsDefault_1 += "minmax(136px, 1fr) ";
|
|
3560
|
+
});
|
|
3561
|
+
if (onSort) {
|
|
3562
|
+
columnsDefault_1 = "auto " + columnsDefault_1;
|
|
3563
|
+
}
|
|
3564
|
+
if (onDelete) {
|
|
3565
|
+
columnsDefault_1 += "auto";
|
|
3566
|
+
}
|
|
3567
|
+
return columnsDefault_1;
|
|
3568
|
+
}
|
|
3569
|
+
};
|
|
3570
|
+
var gridColumns = handleColumnsDefault();
|
|
3571
|
+
var handleAdd = function () {
|
|
3572
|
+
var Errors = (validate && validate(NewData)) || {};
|
|
3573
|
+
console.log(Errors);
|
|
3574
|
+
if (Object.values(Errors).some(function (v) { return v; })) {
|
|
3575
|
+
return;
|
|
3576
|
+
}
|
|
3577
|
+
onAdd && onAdd(NewData);
|
|
3578
|
+
setNewData({});
|
|
3579
|
+
setAdding(false);
|
|
3580
|
+
};
|
|
3581
|
+
function handleOnDragEnd(result, provided) {
|
|
3582
|
+
if (!result.destination)
|
|
3583
|
+
return;
|
|
3584
|
+
if (!onSort)
|
|
3585
|
+
return;
|
|
3586
|
+
var item = data[result.source.index];
|
|
3587
|
+
onSort(item[idField], result.destination.index);
|
|
3588
|
+
}
|
|
3589
|
+
var Header = React__default.createElement(GridRow, { gridTemplateColumns: gridColumns, gridColumnGap: gridColumnGap },
|
|
3590
|
+
onSort && React__default.createElement(GridCell, null,
|
|
3591
|
+
React__default.createElement("div", { style: { width: '24px' } })),
|
|
3592
|
+
React__default.Children.map(children, function (child, child_index) {
|
|
3593
|
+
return (React__default.createElement(GridCell, { key: child.props.name, centerContent: child.props.centerContent }, child.props.title));
|
|
3594
|
+
}),
|
|
3595
|
+
onDelete && React__default.createElement(GridCell, null,
|
|
3596
|
+
React__default.createElement("div", { style: { width: '40px' } })));
|
|
3597
|
+
var Rows = function () {
|
|
3598
|
+
return (React__default.createElement(reactBeautifulDnd.DragDropContext, { onDragEnd: handleOnDragEnd },
|
|
3599
|
+
React__default.createElement(reactBeautifulDnd.Droppable, { droppableId: "draggable-rows" }, function (provided) { return (React__default.createElement("div", __assign({ className: "droppable" }, provided.droppableProps, { ref: provided.innerRef }),
|
|
3600
|
+
data.map(function (d, index) {
|
|
3601
|
+
return (React__default.createElement(reactBeautifulDnd.Draggable, { key: d[idField], draggableId: d[idField].toString(), index: index, isDragDisabled: !onSort }, function (provided) { return (React__default.createElement(GridRow, __assign({}, provided.draggableProps, provided.dragHandleProps, { ref: provided.innerRef, gridTemplateColumns: gridColumns, gridColumnGap: gridColumnGap }),
|
|
3602
|
+
onSort && React__default.createElement(GridCell, { style: { display: "flex", flexDirection: 'column', justifyContent: 'center', height: '40px' } },
|
|
3603
|
+
React__default.createElement(DragIcon, { color: neutrals['60'], style: { cursor: 'grab', verticalAlign: 'middle' } })),
|
|
3604
|
+
React__default.Children.map(children, function (child) {
|
|
3605
|
+
if (!child) {
|
|
3606
|
+
return null;
|
|
3607
|
+
}
|
|
3608
|
+
var validateCell = function (value) {
|
|
3609
|
+
var _a;
|
|
3610
|
+
var _b;
|
|
3611
|
+
return (_b = (validate && validate((_a = {}, _a[child.props.name] = value, _a))[child.props.name])) !== null && _b !== void 0 ? _b : false;
|
|
3612
|
+
};
|
|
3613
|
+
return React__default.createElement(Cell, { key: child.props.name, defaultValue: d[child.props.name], onUpdate: function (value) { return setNewData(function (s) {
|
|
3614
|
+
var _a;
|
|
3615
|
+
return (__assign(__assign({}, s), (_a = {}, _a[child.props.name] = value, _a)));
|
|
3616
|
+
}); }, transform: child.props.transform || defaultTransform, validate: validate && validateCell, centerContent: child.props.centerContent }, child.props.children);
|
|
3617
|
+
}),
|
|
3618
|
+
onDelete && React__default.createElement(GridCell, null,
|
|
3619
|
+
React__default.createElement(IconButton, { preset: "delete", onClick: function () { return setShowPopupWithRowId(d[idField]); } })))); }));
|
|
3620
|
+
}),
|
|
3621
|
+
provided.placeholder)); })));
|
|
3622
|
+
};
|
|
3623
|
+
var NewRow = (React__default.createElement(GridRow, { gridTemplateColumns: gridColumns, gridColumnGap: gridColumnGap },
|
|
3624
|
+
onSort &&
|
|
3625
|
+
React__default.createElement(GridCell, null,
|
|
3626
|
+
React__default.createElement("div", { style: { width: '24px' } })),
|
|
3627
|
+
React__default.Children.map(children, function (child) {
|
|
3628
|
+
if (!child) {
|
|
3629
|
+
return null;
|
|
3630
|
+
}
|
|
3631
|
+
var validateCell = function (value) {
|
|
3632
|
+
var _a;
|
|
3633
|
+
var validation = validate && validate(__assign(__assign({}, NewData), (_a = {}, _a[child.props.name] = value, _a)));
|
|
3634
|
+
if (!validation) {
|
|
3635
|
+
return false;
|
|
3636
|
+
}
|
|
3637
|
+
setNewRowError(validation);
|
|
3638
|
+
return validation[child.props.name];
|
|
3639
|
+
};
|
|
3640
|
+
return React__default.createElement(Cell, { key: child.props.name, defaultValue: NewData[child.props.name], onUpdate: function (value) { return setNewData(function (s) {
|
|
3641
|
+
var _a;
|
|
3642
|
+
return (__assign(__assign({}, s), (_a = {}, _a[child.props.name] = value, _a)));
|
|
3643
|
+
}); }, transform: child.props.transform || defaultTransform, validate: validateCell, centerContent: child.props.centerContent }, child.props.children);
|
|
3644
|
+
}),
|
|
3645
|
+
React__default.createElement(GridCell, null,
|
|
3646
|
+
React__default.createElement(IconButton, { Icon: CheckmarkIcon, iconProps: { color: green.main }, variant: hasNewRowError ? "disabled" : "text", onClick: function () { return handleAdd(); }, disabled: hasNewRowError }))));
|
|
3647
|
+
var AddNew = onAdd ?
|
|
3648
|
+
React__default.createElement(GridRow, { gridTemplateColumns: "auto", gridColumnGap: gridColumnGap },
|
|
3649
|
+
React__default.createElement(GridCell, { centerContent: true },
|
|
3650
|
+
React__default.createElement(IconButton, { Icon: AddIcon, variant: "text", size: "small", onClick: function () { return setAdding(true); } }, "Add New")))
|
|
3651
|
+
: null;
|
|
3652
|
+
return (React__default.createElement(React__default.Fragment, null,
|
|
3653
|
+
showPopupWithRowId !== 0 ?
|
|
3654
|
+
React__default.createElement(Popup, { width: 'auto', height: 'auto', padding: '36px', noHeader: true, noCloseButton: true },
|
|
3655
|
+
React__default.createElement("p", { style: {
|
|
3656
|
+
fontFamily: fontStyles.p.medium.fontFamily,
|
|
3657
|
+
fontSize: fontStyles.p.medium.fontSize,
|
|
3658
|
+
lineHeight: fontStyles.p.medium.lineHeight,
|
|
3659
|
+
color: neutrals.bodyText
|
|
3660
|
+
} }, "Are you sure you want to delete?"),
|
|
3661
|
+
React__default.createElement("div", { style: { display: 'flex', flexDirection: 'row', justifyContent: 'center' } },
|
|
3662
|
+
React__default.createElement(Button, { size: "medium", variant: 'secondary', mr: 24, onClick: function () {
|
|
3663
|
+
setShowPopupWithRowId(0);
|
|
3664
|
+
} }, "Cancel"),
|
|
3665
|
+
React__default.createElement(Button, { size: "medium", variant: 'error', onClick: function () {
|
|
3666
|
+
onDelete && onDelete(showPopupWithRowId);
|
|
3667
|
+
setShowPopupWithRowId(0);
|
|
3668
|
+
} }, "Delete"))) : null,
|
|
3669
|
+
React__default.createElement(GridTableContainer, __assign({ gridTemplateRows: gridTemplateRows, gridTemplateColumns: gridColumns, gridRowGap: gridRowGap, gridColumnGap: gridColumnGap }, props),
|
|
3670
|
+
Header,
|
|
3671
|
+
Rows(),
|
|
3672
|
+
Adding && NewRow,
|
|
3673
|
+
onAdd && !Adding && AddNew)));
|
|
3674
|
+
}
|
|
3675
|
+
var templateObject_1$o, templateObject_2$f, templateObject_3$8, templateObject_4$6;
|
|
3355
3676
|
|
|
3356
3677
|
var tabSizes = {
|
|
3357
|
-
small: styled.css(templateObject_1$
|
|
3358
|
-
medium: styled.css(templateObject_2$
|
|
3678
|
+
small: styled.css(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n font-size: 0.9rem;\n padding: 0.5rem 5px;\n margin: 0;\n "], ["\n font-size: 0.9rem;\n padding: 0.5rem 5px;\n margin: 0;\n "]))),
|
|
3679
|
+
medium: styled.css(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n font-size: inherit;\n padding: 1rem 12px;\n margin: 0 15px 0 0;\n "], ["\n font-size: inherit;\n padding: 1rem 12px;\n margin: 0 15px 0 0;\n "]))),
|
|
3359
3680
|
};
|
|
3360
|
-
var TabBar = styled__default.ul(templateObject_3$
|
|
3361
|
-
var Tab = styled__default.li(templateObject_4$
|
|
3681
|
+
var TabBar = styled__default.ul(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n &&& {\n display: block;\n font-size: 16px;\n font-family: 'skufont-demibold', sans-serif;\n margin: 0;\n margin-bottom: ", ";\n padding: 0;\n ", "\n }\n"], ["\n &&& {\n display: block;\n font-size: 16px;\n font-family: 'skufont-demibold', sans-serif;\n margin: 0;\n margin-bottom: ", ";\n padding: 0;\n ", "\n }\n"])), function (props) { return props.padded ? "20px" : 0; }, SharedStyles);
|
|
3682
|
+
var Tab = styled__default.li(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject(["\n &&& {\n cursor: pointer;\n display: inline-block;\n border-bottom: ", ";\n color: #222222;\n opacity: ", ";\n list-style: none;\n margin-bottom: 0 !important;\n position: relative;\n padding: 1rem 12px;\n margin-right: 15px;\n ", "\n\n ", "\n }\n"], ["\n &&& {\n cursor: pointer;\n display: inline-block;\n border-bottom: ", ";\n color: #222222;\n opacity: ", ";\n list-style: none;\n margin-bottom: 0 !important;\n position: relative;\n padding: 1rem 12px;\n margin-right: 15px;\n ", "\n\n ", "\n }\n"
|
|
3362
3683
|
/*
|
|
3363
3684
|
|
|
3364
3685
|
Here's how you use this:
|
|
@@ -3387,7 +3708,9 @@ var Tab = styled__default.li(templateObject_4$5 || (templateObject_4$5 = __makeT
|
|
|
3387
3708
|
// {tabs[state.selectedTabIndex].content}
|
|
3388
3709
|
// </div>
|
|
3389
3710
|
// }
|
|
3390
|
-
])), function (props) { return props.selected
|
|
3711
|
+
])), function (props) { return props.selected
|
|
3712
|
+
? "5px solid ".concat(props.variant === 'secondary' ? colors.secondary1.main : colors.primary1.main)
|
|
3713
|
+
: "none"; }, function (props) { return props.selected ? "1" : ".5"; }, SharedStyles, function (props) { var _a; return tabSizes[(_a = props.size) !== null && _a !== void 0 ? _a : 'medium']; });
|
|
3391
3714
|
var Tabs = /** @class */ (function (_super) {
|
|
3392
3715
|
__extends(Tabs, _super);
|
|
3393
3716
|
function Tabs(props) {
|
|
@@ -3444,7 +3767,7 @@ var Tabs = /** @class */ (function (_super) {
|
|
|
3444
3767
|
};
|
|
3445
3768
|
return Tabs;
|
|
3446
3769
|
}(React.Component));
|
|
3447
|
-
var templateObject_1$
|
|
3770
|
+
var templateObject_1$p, templateObject_2$g, templateObject_3$9, templateObject_4$7;
|
|
3448
3771
|
|
|
3449
3772
|
var toggleSizes = {
|
|
3450
3773
|
small: {
|
|
@@ -3481,9 +3804,9 @@ var getSizeStyle$2 = function (style, defaults) {
|
|
|
3481
3804
|
return defaults;
|
|
3482
3805
|
};
|
|
3483
3806
|
};
|
|
3484
|
-
var Wrapper$1 = styled__default.div(templateObject_1$
|
|
3485
|
-
var Container = styled__default.div(templateObject_2$
|
|
3486
|
-
var ToggleLink = styled__default.a(templateObject_3$
|
|
3807
|
+
var Wrapper$1 = styled__default.div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject(["\n &&& {\n display: inline-flex;\n max-width: 600px;\n justify-content: flex-start;\n width: 100%; \n }"], ["\n &&& {\n display: inline-flex;\n max-width: 600px;\n justify-content: flex-start;\n width: 100%; \n }"])));
|
|
3808
|
+
var Container = styled__default.div(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n &&& {\n background: ", ";\n border-radius: 50px;\n display: flex;\n justify-content: space-between;\n width: ", ";\n ", "\n }"], ["\n &&& {\n background: ", ";\n border-radius: 50px;\n display: flex;\n justify-content: space-between;\n width: ", ";\n ", "\n }"])), function (props) { return getThemeColor(props, 'teal.20', colors.teal['20']); }, function (props) { return props.stretch ? "100%" : "auto"; }, SharedStyles);
|
|
3809
|
+
var ToggleLink = styled__default.a(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n &&& {\n font-family: 'skufont-medium', sans-serif;\n font-size: ", ";\n border-radius: 30px;\n display: flex;\n align-content: center;\n padding: ", ";\n height: auto;\n line-height: ", ";\n width: ", ";\n justify-content: center;\n cursor: pointer;\n background-color: ", ";\n color: ", ";\n ", "\n }"], ["\n &&& {\n font-family: 'skufont-medium', sans-serif;\n font-size: ", ";\n border-radius: 30px;\n display: flex;\n align-content: center;\n padding: ", ";\n height: auto;\n line-height: ", ";\n width: ", ";\n justify-content: center;\n cursor: pointer;\n background-color: ", ";\n color: ", ";\n ", "\n }"])), function (props) { return getSizeStyle$2('font-size', '1rem')({ size: props.size }); }, function (props) { return getSizeStyle$2('padding', '8px 16px')({ size: props.size }); }, function (props) { return getSizeStyle$2('line-height', '24px')({ size: props.size }); }, function (props) { return props.stretch ? "50%" : "auto"; }, function (props) { return props.selected ? getThemeColor(props, 'teal.main', colors.teal.main) : getThemeColor(props, 'teal.20', colors.teal['20']); }, function (props) { return props.selected ? "white" : getThemeColor(props, 'teal.main', colors.teal.main); }, SharedStyles);
|
|
3487
3810
|
var Toggle = function (_a) {
|
|
3488
3811
|
var _b = _a.size, size = _b === void 0 ? 'medium' : _b, props = __rest(_a, ["size"]);
|
|
3489
3812
|
return React__default.createElement(Wrapper$1, __assign({ size: size }, props),
|
|
@@ -3491,9 +3814,9 @@ var Toggle = function (_a) {
|
|
|
3491
3814
|
return React__default.cloneElement(child, { size: size });
|
|
3492
3815
|
})));
|
|
3493
3816
|
};
|
|
3494
|
-
var templateObject_1$
|
|
3817
|
+
var templateObject_1$q, templateObject_2$h, templateObject_3$a;
|
|
3495
3818
|
|
|
3496
|
-
var Textarea = styled__default.textarea(templateObject_1$
|
|
3819
|
+
var Textarea = styled__default.textarea(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), function (p) {
|
|
3497
3820
|
var styles = {
|
|
3498
3821
|
marginBottom: p.noMargin ? 0 : "1rem",
|
|
3499
3822
|
fontSize: '1rem',
|
|
@@ -3555,34 +3878,34 @@ var LabeledTextarea = React__default.forwardRef(function (_a, ref) {
|
|
|
3555
3878
|
React__default.createElement(Label, { htmlFor: name }, label),
|
|
3556
3879
|
React__default.createElement(Textarea, __assign({ name: name }, props)));
|
|
3557
3880
|
});
|
|
3558
|
-
var templateObject_1$
|
|
3881
|
+
var templateObject_1$r;
|
|
3559
3882
|
|
|
3560
3883
|
var img$1 = "data:image/gif;base64,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";
|
|
3561
3884
|
|
|
3562
3885
|
var img$2 = "data:image/gif;base64,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";
|
|
3563
3886
|
|
|
3564
|
-
var Wrapper$2 = styled__default.div(templateObject_1$
|
|
3887
|
+
var Wrapper$2 = styled__default.div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n ", "\n"], ["\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n ", "\n"])), SharedStyles);
|
|
3565
3888
|
var Spinner = function (props) {
|
|
3566
3889
|
return React__default.createElement(Wrapper$2, __assign({}, props),
|
|
3567
3890
|
React__default.createElement("img", { alt: "Loading...", src: props.small ? img$2 : img$1 }));
|
|
3568
3891
|
};
|
|
3569
|
-
var templateObject_1$
|
|
3892
|
+
var templateObject_1$s;
|
|
3570
3893
|
|
|
3571
3894
|
var img$3 = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8' standalone='no'%3f%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg width='100%25' height='100%25' viewBox='0 0 101 100' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3bclip-rule:evenodd%3bstroke-linejoin:round%3bstroke-miterlimit:2%3b'%3e %3cg transform='matrix(1%2c0%2c0%2c1%2c-126%2c0)'%3e %3cg id='dark' transform='matrix(0.357231%2c0%2c0%2c0.357231%2c124.961%2c0.10718)'%3e %3crect x='4.308' y='-0.3' width='279.931' height='279.931' style='fill:none%3b'/%3e %3cg transform='matrix(1.69264%2c0%2c0%2c1.69264%2c-1244.22%2c-2149.68)'%3e %3cpath d='M816.161%2c1280.05C816.87%2c1278.39 818.503%2c1277.31 820.31%2c1277.31C822.117%2c1277.31 823.75%2c1278.39 824.459%2c1280.05L844.406%2c1326.83L895.064%2c1331.35C896.864%2c1331.51 898.395%2c1332.73 898.954%2c1334.44C899.512%2c1336.16 898.991%2c1338.05 897.628%2c1339.24L859.299%2c1372.67L870.66%2c1422.24C871.064%2c1424 870.377%2c1425.83 868.914%2c1426.9C867.452%2c1427.96 865.497%2c1428.05 863.946%2c1427.12L820.31%2c1400.99L776.674%2c1427.12C775.123%2c1428.05 773.168%2c1427.96 771.706%2c1426.9C770.243%2c1425.83 769.556%2c1424 769.96%2c1422.24L781.321%2c1372.67L742.992%2c1339.24C741.629%2c1338.05 741.108%2c1336.16 741.666%2c1334.44C742.225%2c1332.73 743.756%2c1331.51 745.556%2c1331.35L796.214%2c1326.83L816.161%2c1280.05Z' style='fill:rgb(18%2c57%2c82)%3b'/%3e %3c/g%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
|
|
3572
3895
|
|
|
3573
3896
|
var img$4 = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8' standalone='no'%3f%3e%3c!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg width='100%25' height='100%25' viewBox='0 0 100 101' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3bclip-rule:evenodd%3bstroke-linejoin:round%3bstroke-miterlimit:2%3b'%3e %3cg id='light' transform='matrix(0.357231%2c0%2c0%2c0.357231%2c-1.53898%2c1.04263)'%3e %3crect x='4.308' y='-0.3' width='279.931' height='279.931' style='fill:none%3b'/%3e %3cg transform='matrix(1.69264%2c0%2c0%2c1.69264%2c-1244.22%2c-2149.68)'%3e %3cpath d='M816.161%2c1280.05C816.87%2c1278.39 818.503%2c1277.31 820.31%2c1277.31C822.117%2c1277.31 823.75%2c1278.39 824.459%2c1280.05L844.406%2c1326.83L895.064%2c1331.35C896.864%2c1331.51 898.395%2c1332.73 898.954%2c1334.44C899.512%2c1336.16 898.991%2c1338.05 897.628%2c1339.24L859.299%2c1372.67L870.66%2c1422.24C871.064%2c1424 870.377%2c1425.83 868.914%2c1426.9C867.452%2c1427.96 865.497%2c1428.05 863.946%2c1427.12L820.31%2c1400.99L776.674%2c1427.12C775.123%2c1428.05 773.168%2c1427.96 771.706%2c1426.9C770.243%2c1425.83 769.556%2c1424 769.96%2c1422.24L781.321%2c1372.67L742.992%2c1339.24C741.629%2c1338.05 741.108%2c1336.16 741.666%2c1334.44C742.225%2c1332.73 743.756%2c1331.51 745.556%2c1331.35L796.214%2c1326.83L816.161%2c1280.05Z' style='fill:rgb(236%2c248%2c255)%3b'/%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
|
|
3574
3897
|
|
|
3575
|
-
var StyledStar = styled__default.img(templateObject_1$
|
|
3576
|
-
var StyledRating = styled__default.div(templateObject_2$
|
|
3898
|
+
var StyledStar = styled__default.img(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n width: 13px;\n height: 13px;\n vertical-align: top;\n"], ["\n width: 13px;\n height: 13px;\n vertical-align: top;\n"])));
|
|
3899
|
+
var StyledRating = styled__default.div(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), SharedStyles);
|
|
3577
3900
|
var StarRating = function (props) {
|
|
3578
3901
|
return React__default.createElement(StyledRating, __assign({}, props), [1, 2, 3, 4, 5].map(function (x, i) { return i < props.rating ? React__default.createElement(StyledStar, { key: "star".concat(i), src: img$4 }) : React__default.createElement(StyledStar, { key: "star".concat(i), src: img$3 }); }));
|
|
3579
3902
|
};
|
|
3580
|
-
var templateObject_1$
|
|
3903
|
+
var templateObject_1$t, templateObject_2$i;
|
|
3581
3904
|
|
|
3582
|
-
var ProductInfo = styled__default.div(templateObject_1$
|
|
3583
|
-
var ProductName = styled__default.div(templateObject_2$
|
|
3584
|
-
var SupplierName = styled__default.div(templateObject_3$
|
|
3585
|
-
var ProductWrapper = styled__default.div(templateObject_4$
|
|
3905
|
+
var ProductInfo = styled__default.div(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["\n width: 100%;\n background: rgba(0, 0, 0, 0.55) !important;\n position: absolute;\n left: 0;\n bottom: 0;\n opacity: 1;\n color: #fff;\n padding: 10px;\n font-size: 14px;\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n height: 110px;\n -webkit-transition: height .2s ease;\n -moz-transition: height .2s ease;\n transition: height .2s ease;\n z-index: 1;\n text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);\n -moz-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);\n background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);\n background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);\n background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);\n filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b0000000',GradientType=0 );\n"], ["\n width: 100%;\n background: rgba(0, 0, 0, 0.55) !important;\n position: absolute;\n left: 0;\n bottom: 0;\n opacity: 1;\n color: #fff;\n padding: 10px;\n font-size: 14px;\n box-sizing: border-box;\n -moz-box-sizing: border-box;\n height: 110px;\n -webkit-transition: height .2s ease;\n -moz-transition: height .2s ease;\n transition: height .2s ease;\n z-index: 1;\n text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);\n -moz-text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);\n background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);\n background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);\n background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%);\n filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b0000000',GradientType=0 );\n"])));
|
|
3906
|
+
var ProductName = styled__default.div(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n font-size: 1.2rem;\n font-weight: bold;\n display: none;\n"], ["\n font-size: 1.2rem;\n font-weight: bold;\n display: none;\n"])));
|
|
3907
|
+
var SupplierName = styled__default.div(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n font-size: .9rem;\n font-weight: bold;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n font-size: .9rem;\n font-weight: bold;\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
|
|
3908
|
+
var ProductWrapper = styled__default.div(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["\n width: 100%;\n height: 17rem;\n overflow: hidden;\n background-image: url(\"", "\");\n background-repeat: no-repeat;\n background-position: center top;\n background-size: cover;\n position: relative;\n line-height: 1.5em;\n cursor: pointer;\n &:hover ", " {\n height: 100%;\n }\n &:hover ", " {\n display: block;\n }\n &:hover ", " {\n overflow: visible;\n white-space: normal;\n }\n ", "\n"], ["\n width: 100%;\n height: 17rem;\n overflow: hidden;\n background-image: url(\"", "\");\n background-repeat: no-repeat;\n background-position: center top;\n background-size: cover;\n position: relative;\n line-height: 1.5em;\n cursor: pointer;\n &:hover ", " {\n height: 100%;\n }\n &:hover ", " {\n display: block;\n }\n &:hover ", " {\n overflow: visible;\n white-space: normal;\n }\n ", "\n"])), function (props) { return props.picture; }, ProductInfo, ProductName, SupplierName, SharedStyles);
|
|
3586
3909
|
var Product = function (props) {
|
|
3587
3910
|
return React__default.createElement(ProductWrapper, __assign({}, props),
|
|
3588
3911
|
React__default.createElement(ProductInfo, null,
|
|
@@ -3593,7 +3916,7 @@ var Product = function (props) {
|
|
|
3593
3916
|
props.price && props.currency ? props.currency + "$" + props.price : null,
|
|
3594
3917
|
props.rating ? React__default.createElement(StarRating, { rating: props.rating }) : null));
|
|
3595
3918
|
};
|
|
3596
|
-
var templateObject_1$
|
|
3919
|
+
var templateObject_1$u, templateObject_2$j, templateObject_3$b, templateObject_4$8;
|
|
3597
3920
|
|
|
3598
3921
|
function _defineProperty(obj, key, value) {
|
|
3599
3922
|
if (key in obj) {
|
|
@@ -3606,23 +3929,19 @@ function _defineProperty(obj, key, value) {
|
|
|
3606
3929
|
} else {
|
|
3607
3930
|
obj[key] = value;
|
|
3608
3931
|
}
|
|
3609
|
-
|
|
3610
3932
|
return obj;
|
|
3611
3933
|
}
|
|
3612
3934
|
|
|
3613
3935
|
function ownKeys(object, enumerableOnly) {
|
|
3614
3936
|
var keys = Object.keys(object);
|
|
3615
|
-
|
|
3616
3937
|
if (Object.getOwnPropertySymbols) {
|
|
3617
3938
|
var symbols = Object.getOwnPropertySymbols(object);
|
|
3618
3939
|
enumerableOnly && (symbols = symbols.filter(function (sym) {
|
|
3619
3940
|
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
3620
3941
|
})), keys.push.apply(keys, symbols);
|
|
3621
3942
|
}
|
|
3622
|
-
|
|
3623
3943
|
return keys;
|
|
3624
3944
|
}
|
|
3625
|
-
|
|
3626
3945
|
function _objectSpread2(target) {
|
|
3627
3946
|
for (var i = 1; i < arguments.length; i++) {
|
|
3628
3947
|
var source = null != arguments[i] ? arguments[i] : {};
|
|
@@ -3632,7 +3951,6 @@ function _objectSpread2(target) {
|
|
|
3632
3951
|
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
3633
3952
|
});
|
|
3634
3953
|
}
|
|
3635
|
-
|
|
3636
3954
|
return target;
|
|
3637
3955
|
}
|
|
3638
3956
|
|
|
@@ -3651,7 +3969,6 @@ function _defineProperties(target, props) {
|
|
|
3651
3969
|
Object.defineProperty(target, descriptor.key, descriptor);
|
|
3652
3970
|
}
|
|
3653
3971
|
}
|
|
3654
|
-
|
|
3655
3972
|
function _createClass(Constructor, protoProps, staticProps) {
|
|
3656
3973
|
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
3657
3974
|
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
@@ -3665,16 +3982,14 @@ function _assertThisInitialized(self) {
|
|
|
3665
3982
|
if (self === void 0) {
|
|
3666
3983
|
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
3667
3984
|
}
|
|
3668
|
-
|
|
3669
3985
|
return self;
|
|
3670
3986
|
}
|
|
3671
3987
|
|
|
3672
3988
|
function _setPrototypeOf(o, p) {
|
|
3673
|
-
_setPrototypeOf = Object.setPrototypeOf
|
|
3989
|
+
_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
|
|
3674
3990
|
o.__proto__ = p;
|
|
3675
3991
|
return o;
|
|
3676
3992
|
};
|
|
3677
|
-
|
|
3678
3993
|
return _setPrototypeOf(o, p);
|
|
3679
3994
|
}
|
|
3680
3995
|
|
|
@@ -3682,7 +3997,6 @@ function _inherits(subClass, superClass) {
|
|
|
3682
3997
|
if (typeof superClass !== "function" && superClass !== null) {
|
|
3683
3998
|
throw new TypeError("Super expression must either be null or a function");
|
|
3684
3999
|
}
|
|
3685
|
-
|
|
3686
4000
|
subClass.prototype = Object.create(superClass && superClass.prototype, {
|
|
3687
4001
|
constructor: {
|
|
3688
4002
|
value: subClass,
|
|
@@ -3697,7 +4011,7 @@ function _inherits(subClass, superClass) {
|
|
|
3697
4011
|
}
|
|
3698
4012
|
|
|
3699
4013
|
function _getPrototypeOf(o) {
|
|
3700
|
-
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
|
|
4014
|
+
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
|
|
3701
4015
|
return o.__proto__ || Object.getPrototypeOf(o);
|
|
3702
4016
|
};
|
|
3703
4017
|
return _getPrototypeOf(o);
|
|
@@ -3707,7 +4021,6 @@ function _isNativeReflectConstruct() {
|
|
|
3707
4021
|
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
|
|
3708
4022
|
if (Reflect.construct.sham) return false;
|
|
3709
4023
|
if (typeof Proxy === "function") return true;
|
|
3710
|
-
|
|
3711
4024
|
try {
|
|
3712
4025
|
Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
|
|
3713
4026
|
return true;
|
|
@@ -3732,7 +4045,6 @@ function _possibleConstructorReturn(self, call) {
|
|
|
3732
4045
|
} else if (call !== void 0) {
|
|
3733
4046
|
throw new TypeError("Derived constructors may only return object or undefined");
|
|
3734
4047
|
}
|
|
3735
|
-
|
|
3736
4048
|
return _assertThisInitialized(self);
|
|
3737
4049
|
}
|
|
3738
4050
|
|
|
@@ -3740,15 +4052,13 @@ function _createSuper(Derived) {
|
|
|
3740
4052
|
var hasNativeReflectConstruct = _isNativeReflectConstruct();
|
|
3741
4053
|
return function _createSuperInternal() {
|
|
3742
4054
|
var Super = _getPrototypeOf(Derived),
|
|
3743
|
-
|
|
3744
|
-
|
|
4055
|
+
result;
|
|
3745
4056
|
if (hasNativeReflectConstruct) {
|
|
3746
4057
|
var NewTarget = _getPrototypeOf(this).constructor;
|
|
3747
4058
|
result = Reflect.construct(Super, arguments, NewTarget);
|
|
3748
4059
|
} else {
|
|
3749
4060
|
result = Super.apply(this, arguments);
|
|
3750
4061
|
}
|
|
3751
|
-
|
|
3752
4062
|
return _possibleConstructorReturn(this, result);
|
|
3753
4063
|
};
|
|
3754
4064
|
}
|
|
@@ -3757,17 +4067,12 @@ var LOADING_IMG_SRC = '/images/gears.gif';
|
|
|
3757
4067
|
var NOT_FOUND_IMG_SRC = '/images/404.png';
|
|
3758
4068
|
var DEFAULT_MAX_ATTEMPTS = 3;
|
|
3759
4069
|
var DEFAULT_ATTEMPT_INTERVAL = 10000;
|
|
3760
|
-
|
|
3761
4070
|
var Img = /*#__PURE__*/function (_Component) {
|
|
3762
4071
|
_inherits(Img, _Component);
|
|
3763
|
-
|
|
3764
4072
|
var _super = _createSuper(Img);
|
|
3765
|
-
|
|
3766
4073
|
function Img(props) {
|
|
3767
4074
|
var _this;
|
|
3768
|
-
|
|
3769
4075
|
_classCallCheck(this, Img);
|
|
3770
|
-
|
|
3771
4076
|
_this = _super.call(this, props);
|
|
3772
4077
|
_this.state = {
|
|
3773
4078
|
src: _this.props.src,
|
|
@@ -3776,7 +4081,6 @@ var Img = /*#__PURE__*/function (_Component) {
|
|
|
3776
4081
|
_this.onError = _this.onError.bind(_assertThisInitialized(_this));
|
|
3777
4082
|
return _this;
|
|
3778
4083
|
}
|
|
3779
|
-
|
|
3780
4084
|
_createClass(Img, [{
|
|
3781
4085
|
key: "UNSAFE_componentWillReceiveProps",
|
|
3782
4086
|
value: function UNSAFE_componentWillReceiveProps(nextProps) {
|
|
@@ -3798,21 +4102,17 @@ var Img = /*#__PURE__*/function (_Component) {
|
|
|
3798
4102
|
key: "onError",
|
|
3799
4103
|
value: function onError() {
|
|
3800
4104
|
var _this2 = this;
|
|
3801
|
-
|
|
3802
4105
|
if (NOT_FOUND_IMG_SRC === this.state.src) {
|
|
3803
4106
|
return;
|
|
3804
4107
|
}
|
|
3805
|
-
|
|
3806
4108
|
var max_attempts = this.props.max_attempts || DEFAULT_MAX_ATTEMPTS;
|
|
3807
4109
|
var attempt_interval = this.props.attempt_interval || DEFAULT_ATTEMPT_INTERVAL;
|
|
3808
|
-
|
|
3809
4110
|
if (this.state.attempts >= max_attempts) {
|
|
3810
4111
|
this.setState({
|
|
3811
4112
|
src: NOT_FOUND_IMG_SRC
|
|
3812
4113
|
});
|
|
3813
4114
|
return;
|
|
3814
4115
|
}
|
|
3815
|
-
|
|
3816
4116
|
this.setState({
|
|
3817
4117
|
src: LOADING_IMG_SRC,
|
|
3818
4118
|
attempts: this.state.attempts + 1
|
|
@@ -3826,25 +4126,24 @@ var Img = /*#__PURE__*/function (_Component) {
|
|
|
3826
4126
|
}, {
|
|
3827
4127
|
key: "render",
|
|
3828
4128
|
value: function render() {
|
|
3829
|
-
var props = _objectSpread2(_objectSpread2({
|
|
3830
|
-
src: this.state.src,
|
|
4129
|
+
var props = _objectSpread2(_objectSpread2({
|
|
3831
4130
|
onError: this.onError
|
|
4131
|
+
}, this.props), {}, {
|
|
4132
|
+
src: this.state.src
|
|
3832
4133
|
});
|
|
3833
|
-
|
|
3834
4134
|
return /*#__PURE__*/React__default.createElement("img", Object.assign({
|
|
3835
4135
|
alt: ""
|
|
3836
4136
|
}, props));
|
|
3837
4137
|
}
|
|
3838
4138
|
}]);
|
|
3839
|
-
|
|
3840
4139
|
return Img;
|
|
3841
4140
|
}(React.Component);
|
|
3842
4141
|
|
|
3843
|
-
var ArtworkName = styled__default.div(templateObject_1$
|
|
3844
|
-
var UpdateDate = styled__default.div(templateObject_2$
|
|
3845
|
-
var ArtworkControls = styled__default.div(templateObject_3$
|
|
3846
|
-
var ArtworkInfo = styled__default.div(templateObject_4$
|
|
3847
|
-
var ArtworkWrapper = styled__default.div(templateObject_5$
|
|
4142
|
+
var ArtworkName = styled__default.div(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n font-size: .9rem;\n font-weight: bold;\n"], ["\n font-size: .9rem;\n font-weight: bold;\n"])));
|
|
4143
|
+
var UpdateDate = styled__default.div(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n font-size: ", ";\n color: ", ";\n"], ["\n font-size: ", ";\n color: ", ";\n"])), function (props) { return getThemeFontSize(props, 'tiny'); }, function (props) { return getThemeColor(props, 'textbody', colors.textbody); });
|
|
4144
|
+
var ArtworkControls = styled__default.div(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n text-align: right;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 2;\n padding: 10px;\n width: 100%;\n box-sizing: border-box;\n opacity: 0;\n transition: .3s all;\n"], ["\n text-align: right;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 2;\n padding: 10px;\n width: 100%;\n box-sizing: border-box;\n opacity: 0;\n transition: .3s all;\n"])));
|
|
4145
|
+
var ArtworkInfo = styled__default.div(templateObject_4$9 || (templateObject_4$9 = __makeTemplateObject(["\n padding-left: ", ";\n width: 100%;\n position: absolute;\n height: 3rem;\n left: 0;\n ", " : 0;\n opacity: 1;\n color: black;\n font-size: 14px;\n box-sizing: border-box;\n word-wrap: break-word;\n -moz-box-sizing: border-box;\n -webkit-transition: height .2s ease;\n -moz-transition: height .2s ease;\n transition: height .2s ease;\n z-index: 1;\n"], ["\n padding-left: ", ";\n width: 100%;\n position: absolute;\n height: 3rem;\n left: 0;\n ", " : 0;\n opacity: 1;\n color: black;\n font-size: 14px;\n box-sizing: border-box;\n word-wrap: break-word;\n -moz-box-sizing: border-box;\n -webkit-transition: height .2s ease;\n -moz-transition: height .2s ease;\n transition: height .2s ease;\n z-index: 1;\n"])), function (props) { return props.withPicture ? 0 : "4vw !important"; }, function (props) { return props.withPicture ? "bottom" : "top"; });
|
|
4146
|
+
var ArtworkWrapper = styled__default.div(templateObject_5$6 || (templateObject_5$6 = __makeTemplateObject(["\n width: 100%;\n height: ", ";\n min-height: 4rem;\n position: relative;\n line-height: 1.5em;\n cursor: pointer;\n\n &:hover ", " {\n opacity: 1;\n }\n ", "\n"], ["\n width: 100%;\n height: ", ";\n min-height: 4rem;\n position: relative;\n line-height: 1.5em;\n cursor: pointer;\n\n &:hover ", " {\n opacity: 1;\n }\n ", "\n"])), function (props) { return props.cssHeight > 0 ? props.cssHeight + "vw" : "auto"; }, ArtworkControls, SharedStyles);
|
|
3848
4147
|
var ArtworkPicture = styled__default.div(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject(["\n width: 100%;\n height: calc(", "vw - 3.5rem);\n overflow: hidden;\n position: relative;\n line-height: 1.5em;\n cursor: pointer;\n box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);\n\n &:hover ", " {\n opacity: 1;\n }\n"], ["\n width: 100%;\n height: calc(", "vw - 3.5rem);\n overflow: hidden;\n position: relative;\n line-height: 1.5em;\n cursor: pointer;\n box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);\n\n &:hover ", " {\n opacity: 1;\n }\n"])), function (props) { return props.cssHeight; }, ArtworkControls);
|
|
3849
4148
|
function truncate$1(filename, max) {
|
|
3850
4149
|
var extension = filename.substring(filename.lastIndexOf('.') + 1, filename.length);
|
|
@@ -3860,7 +4159,7 @@ var Artwork = function (_a) {
|
|
|
3860
4159
|
return React__default.createElement(ArtworkWrapper, { cssHeight: props.cssHeight ? props.cssHeight : props.picture ? 17 : 0, onClick: !props.picture && props.onClick ? props.onClick : undefined },
|
|
3861
4160
|
props.picture ?
|
|
3862
4161
|
React__default.createElement(ArtworkPicture, { onClick: function (e) { return props.onClick ? props.onClick(e) : null; }, cssHeight: props.cssHeight ? props.cssHeight : 17 },
|
|
3863
|
-
React__default.createElement(Img, { src: props.picture, style: { objectFit: "contain", width: "100%", height: "100%" } }))
|
|
4162
|
+
React__default.createElement(Img, { src: props.picture, style: { objectFit: "contain", width: "100%", height: "100%" }, onError: props.onError }))
|
|
3864
4163
|
:
|
|
3865
4164
|
React__default.createElement(IconDoc, { ext: extension(props.name), style: { width: "3vw" } }),
|
|
3866
4165
|
!props.edit ?
|
|
@@ -3882,74 +4181,12 @@ var Artwork = function (_a) {
|
|
|
3882
4181
|
"Updated ",
|
|
3883
4182
|
props.date) : null));
|
|
3884
4183
|
};
|
|
3885
|
-
var templateObject_1$
|
|
4184
|
+
var templateObject_1$v, templateObject_2$k, templateObject_3$c, templateObject_4$9, templateObject_5$6, templateObject_6$5;
|
|
3886
4185
|
|
|
3887
|
-
var
|
|
3888
|
-
var
|
|
3889
|
-
var
|
|
3890
|
-
var
|
|
3891
|
-
var children = _a.children;
|
|
3892
|
-
var ref = React__default.useRef(document$1.createElement('div'));
|
|
3893
|
-
React.useEffect(function () {
|
|
3894
|
-
var current = ref.current;
|
|
3895
|
-
document$1.body.appendChild(current);
|
|
3896
|
-
return function () {
|
|
3897
|
-
document$1.body.removeChild(current);
|
|
3898
|
-
};
|
|
3899
|
-
}, []);
|
|
3900
|
-
return ReactDOM.createPortal(children, ref.current);
|
|
3901
|
-
};
|
|
3902
|
-
var Popup = function (_a) {
|
|
3903
|
-
var header = _a.header, title = _a.title, controls = _a.controls, children = _a.children, onClose = _a.onClose, _b = _a.closeOnEsc, closeOnEsc = _b === void 0 ? true : _b, _c = _a.closeOnClickOutside, closeOnClickOutside = _c === void 0 ? false : _c, props = __rest(_a, ["header", "title", "controls", "children", "onClose", "closeOnEsc", "closeOnClickOutside"]);
|
|
3904
|
-
var ref = React__default.useRef(null);
|
|
3905
|
-
/* there is a bug where this closes popup involuntarily
|
|
3906
|
-
const handleClick = (e: Event) => {
|
|
3907
|
-
// @ts-ignore
|
|
3908
|
-
if (ref.current?.contains(e.target)) {
|
|
3909
|
-
return;
|
|
3910
|
-
}
|
|
3911
|
-
onClose && onClose();
|
|
3912
|
-
};
|
|
3913
|
-
*/
|
|
3914
|
-
React.useEffect(function () {
|
|
3915
|
-
var handleKeyDown = function (e) {
|
|
3916
|
-
// @ts-ignore
|
|
3917
|
-
if (e.key === "Escape") {
|
|
3918
|
-
e.stopPropagation();
|
|
3919
|
-
onClose && onClose();
|
|
3920
|
-
}
|
|
3921
|
-
};
|
|
3922
|
-
if (closeOnEsc) {
|
|
3923
|
-
document$1.addEventListener("keyup", handleKeyDown);
|
|
3924
|
-
}
|
|
3925
|
-
return function () {
|
|
3926
|
-
if (closeOnEsc) {
|
|
3927
|
-
document$1.removeEventListener("keyup", handleKeyDown);
|
|
3928
|
-
}
|
|
3929
|
-
};
|
|
3930
|
-
}, [closeOnClickOutside, closeOnEsc, onClose]);
|
|
3931
|
-
return React__default.createElement(PopupContainer, null,
|
|
3932
|
-
React__default.createElement(Overlay, null,
|
|
3933
|
-
React__default.createElement(PopupWindow, __assign({ className: "popup" }, props, { ref: ref }),
|
|
3934
|
-
header ? header : (React__default.createElement(PopupHeader, { className: "popup-header", xsStyle: "flex-wrap: wrap-reverse;", smStyle: "flex-wrap: wrap;" },
|
|
3935
|
-
React__default.createElement(Col, { style: { textAlign: 'left', alignSelf: 'center' } },
|
|
3936
|
-
React__default.createElement("span", { className: "title" }, title)),
|
|
3937
|
-
React__default.createElement(Col, { style: { textAlign: 'right', alignSelf: 'center' } }, controls || React__default.createElement(Button, { onClick: onClose }, "Close")))),
|
|
3938
|
-
React__default.createElement("div", { className: "popup-content" }, children))));
|
|
3939
|
-
};
|
|
3940
|
-
var ShowPopup = function (_a) {
|
|
3941
|
-
var _b = _a.autoOpen, autoOpen = _b === void 0 ? false : _b, PopupComponent = _a.popup, render = _a.render, _c = _a.closeOnEsc, closeOnEsc = _c === void 0 ? true : _c, _d = _a.closeOnClickOutside, closeOnClickOutside = _d === void 0 ? false : _d, props = __rest(_a, ["autoOpen", "popup", "render", "closeOnEsc", "closeOnClickOutside"]);
|
|
3942
|
-
var _e = React.useState(autoOpen), showPopup = _e[0], setShowPopup = _e[1];
|
|
3943
|
-
return React__default.createElement(React__default.Fragment, null,
|
|
3944
|
-
showPopup && React__default.createElement(PopupComponent, __assign({ onClose: function () { return setShowPopup(false); }, closeOnEsc: closeOnEsc, closeOnClickOutside: closeOnClickOutside }, props)),
|
|
3945
|
-
render && render({ onClick: function () { return setShowPopup(!showPopup); } }));
|
|
3946
|
-
};
|
|
3947
|
-
var templateObject_1$t, templateObject_2$i, templateObject_3$b;
|
|
3948
|
-
|
|
3949
|
-
var TaskLabel = styled__default.div(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["display: flex; min-height: 25px; ", ""], ["display: flex; min-height: 25px; ", ""])), function (p) { return p.hasCheckbox ? "width: calc(100% - 24px);" : ''; });
|
|
3950
|
-
var TaskName = styled__default.div(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["flex-grow: 1; font-size:13px;"], ["flex-grow: 1; font-size:13px;"])));
|
|
3951
|
-
var StyledTask = styled__default.div(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["margin-bottom: 1.5em; ", ""], ["margin-bottom: 1.5em; ", ""])), SharedStyles);
|
|
3952
|
-
var TaskBody = styled__default.div(templateObject_4$8 || (templateObject_4$8 = __makeTemplateObject(["margin-left:34px;"], ["margin-left:34px;"])));
|
|
4186
|
+
var TaskLabel = styled__default.div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["display: flex; min-height: 25px; ", ""], ["display: flex; min-height: 25px; ", ""])), function (p) { return p.hasCheckbox ? "width: calc(100% - 24px);" : ''; });
|
|
4187
|
+
var TaskName = styled__default.div(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["flex-grow: 1; font-size:13px;"], ["flex-grow: 1; font-size:13px;"])));
|
|
4188
|
+
var StyledTask = styled__default.div(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["margin-bottom: 1.5em; ", ""], ["margin-bottom: 1.5em; ", ""])), SharedStyles);
|
|
4189
|
+
var TaskBody = styled__default.div(templateObject_4$a || (templateObject_4$a = __makeTemplateObject(["margin-left:34px;"], ["margin-left:34px;"])));
|
|
3953
4190
|
var Task = function (_a) {
|
|
3954
4191
|
var taskName = _a.taskName, date = _a.date, done = _a.done, assignee = _a.assignee, taskBody = _a.taskBody, _b = _a.initialChecked, initialChecked = _b === void 0 ? false : _b, onClickCheckbox = _a.onClickCheckbox, props = __rest(_a, ["taskName", "date", "done", "assignee", "taskBody", "initialChecked", "onClickCheckbox"]);
|
|
3955
4192
|
var _c = React.useState(initialChecked), checked = _c[0], setChecked = _c[1];
|
|
@@ -3967,7 +4204,7 @@ var Task = function (_a) {
|
|
|
3967
4204
|
typeof assignee !== "undefined" ? "for " + assignee : null,
|
|
3968
4205
|
typeof assignee !== "undefined" ? "on " : null)));
|
|
3969
4206
|
};
|
|
3970
|
-
var StyledCalendarTaskBody = styled__default.span(templateObject_5$
|
|
4207
|
+
var StyledCalendarTaskBody = styled__default.span(templateObject_5$7 || (templateObject_5$7 = __makeTemplateObject(["\n font-size: 13px;\n font-family: 'skufont-regular',sans-serif,Roboto;\n"], ["\n font-size: 13px;\n font-family: 'skufont-regular',sans-serif,Roboto;\n"])));
|
|
3971
4208
|
var StyledCalendarTaskWrapper = styled__default(StyledTask)(templateObject_6$6 || (templateObject_6$6 = __makeTemplateObject(["\nborder-radius: 5px;\n", "\npadding: 5px;\nmargin: 0;\nheight: 100%;\nmargin-bottom: 7px;\n"], ["\nborder-radius: 5px;\n", "\npadding: 5px;\nmargin: 0;\nheight: 100%;\nmargin-bottom: 7px;\n"])), function (p) { return p.backgroundColor ? "background-color: ".concat(p.backgroundColor, ";") : ''; });
|
|
3972
4209
|
var CalendarTask = React__default.forwardRef(function (_a, ref) {
|
|
3973
4210
|
var title = _a.title, description = _a.description, date = _a.date, _b = _a.completed, completed = _b === void 0 ? false : _b, assignee = _a.assignee, onClickCheckbox = _a.onClickCheckbox, _c = _a.colorType, colorType = _c === void 0 ? 'light-green' : _c, _d = _a.isDescriptionHtml, isDescriptionHtml = _d === void 0 ? false : _d, _e = _a.hideCheckbox, hideCheckbox = _e === void 0 ? false : _e, _f = _a.Icon, Icon = _f === void 0 ? null : _f, props = __rest(_a, ["title", "description", "date", "completed", "assignee", "onClickCheckbox", "colorType", "isDescriptionHtml", "hideCheckbox", "Icon"]);
|
|
@@ -4023,17 +4260,17 @@ var CalendarTask = React__default.forwardRef(function (_a, ref) {
|
|
|
4023
4260
|
assignee ? "for " + assignee : null,
|
|
4024
4261
|
assignee ? "on " : null)));
|
|
4025
4262
|
});
|
|
4026
|
-
var templateObject_1$
|
|
4263
|
+
var templateObject_1$w, templateObject_2$l, templateObject_3$d, templateObject_4$a, templateObject_5$7, templateObject_6$6;
|
|
4027
4264
|
|
|
4028
|
-
var PublisherWrapper = styled__default.div(templateObject_1$
|
|
4265
|
+
var PublisherWrapper = styled__default.div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["background: ", "; border-radius:5px; padding: 1em; margin-bottom: 1em;"], ["background: ", "; border-radius:5px; padding: 1em; margin-bottom: 1em;"])), function (props) { return getThemeColor(props, "bgblue", colors.bgblue); });
|
|
4029
4266
|
var Publisher = function (props) {
|
|
4030
4267
|
return React__default.createElement(PublisherWrapper, null,
|
|
4031
4268
|
React__default.createElement(Textarea, { placeholder: "Post a note about this project" }));
|
|
4032
4269
|
};
|
|
4033
|
-
var PostWrapper = styled__default.div(templateObject_2$
|
|
4034
|
-
var WidePart = styled__default.div(templateObject_3$
|
|
4035
|
-
var Date$1 = styled__default.span(templateObject_4$
|
|
4036
|
-
var Action = styled__default.a(templateObject_5$
|
|
4270
|
+
var PostWrapper = styled__default.div(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["display:flex; margin-bottom: 1em; line-height: 1.5em; ", ""], ["display:flex; margin-bottom: 1em; line-height: 1.5em; ", ""])), SharedStyles);
|
|
4271
|
+
var WidePart = styled__default.div(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["flex-grow:1;"], ["flex-grow:1;"])));
|
|
4272
|
+
var Date$1 = styled__default.span(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["color: ", "; display: inline-block;"], ["color: ", "; display: inline-block;"])), function (props) { return getThemeColor(props, "textbody", colors.textbody); });
|
|
4273
|
+
var Action = styled__default.a(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["display: inline-block; margin-left: 10px;"], ["display: inline-block; margin-left: 10px;"])));
|
|
4037
4274
|
var Author = styled__default.div(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["flex-grow: 1; color: ", "; font-size: 18px; font-family: \"skufont-medium\", sans-serif; "], ["flex-grow: 1; color: ", "; font-size: 18px; font-family: \"skufont-medium\", sans-serif; "])), function (props) { return getThemeColor(props, "texttitle", colors.texttitle); });
|
|
4038
4275
|
var Subject = styled__default.div(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject(["color:", "; font-size: 14px; font-family: \"skufont-medium\", sans-serif; "], ["color:", "; font-size: 14px; font-family: \"skufont-medium\", sans-serif; "])), function (props) { return getThemeColor(props, "textbody", colors.textbody); });
|
|
4039
4276
|
var TopLine = styled__default.div(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject(["display:flex;"], ["display:flex;"])));
|
|
@@ -4053,12 +4290,12 @@ var FeedPost = function (props) {
|
|
|
4053
4290
|
props.comments && props.comments.length > 0 ?
|
|
4054
4291
|
React__default.createElement(Comments, null, props.comments) : null));
|
|
4055
4292
|
};
|
|
4056
|
-
var templateObject_1$
|
|
4293
|
+
var templateObject_1$x, templateObject_2$m, templateObject_3$e, templateObject_4$b, templateObject_5$8, templateObject_6$7, templateObject_7$3, templateObject_8$2, templateObject_9$1, templateObject_10;
|
|
4057
4294
|
|
|
4058
|
-
var Wrapper$3 = styled__default.div(templateObject_1$
|
|
4059
|
-
var ErrorTextContainer = styled__default.div(templateObject_2$
|
|
4060
|
-
var BotContainer = styled__default.div(templateObject_3$
|
|
4061
|
-
var BotImg = styled__default.img(templateObject_4$
|
|
4295
|
+
var Wrapper$3 = styled__default.div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n background: ", ";\n text-align: center;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n ", "\n"], ["\n background: ", ";\n text-align: center;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n ", "\n"])), function (props) { return getThemeColor(props, 'bgblue', colors.bgblue); }, SharedStyles);
|
|
4296
|
+
var ErrorTextContainer = styled__default.div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n background: white;\n max-width: 450px;\n text-align: center;\n border-radius: 10px;\n font-size: 2em;\n margin-left: auto;\n padding: 100px 50px;\n margin-top: auto;\n margin-bottom: auto;\n\n @media only screen and (max-width: 700px) {\n margin-right: auto;\n }\n\n @media only screen and (min-width: 701px) {\n margin-right: 10px;\n }\n"], ["\n background: white;\n max-width: 450px;\n text-align: center;\n border-radius: 10px;\n font-size: 2em;\n margin-left: auto;\n padding: 100px 50px;\n margin-top: auto;\n margin-bottom: auto;\n\n @media only screen and (max-width: 700px) {\n margin-right: auto;\n }\n\n @media only screen and (min-width: 701px) {\n margin-right: 10px;\n }\n"])));
|
|
4297
|
+
var BotContainer = styled__default.div(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n max-width: 450px;\n text-align: center;\n border-radius: 10px;\n font-size: 2em;\n padding: 40px;\n\n margin-right: auto;\n @media only screen and (max-width: 700px) {\n margin-left: auto;\n margin-top: 20px;\n }\n\n @media only screen and (min-width: 701px) {\n margin-left: 5px;\n }\n"], ["\n max-width: 450px;\n text-align: center;\n border-radius: 10px;\n font-size: 2em;\n padding: 40px;\n\n margin-right: auto;\n @media only screen and (max-width: 700px) {\n margin-left: auto;\n margin-top: 20px;\n }\n\n @media only screen and (min-width: 701px) {\n margin-left: 5px;\n }\n"])));
|
|
4298
|
+
var BotImg = styled__default.img(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["\n margin-top: 20px;\n padding: 0;\n margin: 0;\n max-width: 450px;\n"], ["\n margin-top: 20px;\n padding: 0;\n margin: 0;\n max-width: 450px;\n"])));
|
|
4062
4299
|
var ErrorBoundary = /** @class */ (function (_super) {
|
|
4063
4300
|
__extends(ErrorBoundary, _super);
|
|
4064
4301
|
function ErrorBoundary(props) {
|
|
@@ -4086,7 +4323,7 @@ var ErrorBoundary = /** @class */ (function (_super) {
|
|
|
4086
4323
|
};
|
|
4087
4324
|
return ErrorBoundary;
|
|
4088
4325
|
}(React.Component));
|
|
4089
|
-
var templateObject_1$
|
|
4326
|
+
var templateObject_1$y, templateObject_2$n, templateObject_3$f, templateObject_4$c;
|
|
4090
4327
|
|
|
4091
4328
|
var CustomDateInput = React__default.forwardRef(function (_a, ref) {
|
|
4092
4329
|
var error = _a.error, noMargin = _a.noMargin, onClick = _a.onClick, isClearable = _a.isClearable, props = __rest(_a, ["error", "noMargin", "onClick", "isClearable"]);
|
|
@@ -4099,27 +4336,49 @@ var Datepicker = React__default.forwardRef(function (_a, ref) {
|
|
|
4099
4336
|
return (React__default.createElement(BaseDatePicker, __assign({ locale: locale, selected: value || props.selected, todayButton: todayButton, customInput: customInput || React__default.createElement(CustomDateInput, { noMargin: true, error: error, isClearable: isClearable }), dateFormat: dateFormat, placeholderText: placeholder || placeholderText, isClearable: isClearable, showMonthDropdown: showMonthDropdown, showYearDropdown: showYearDropdown, nextMonthButtonLabel: nextMonthButtonLabel, nextYearButtonLabel: nextYearButtonLabel, previousMonthButtonLabel: previousMonthButtonLabel, previousYearButtonLabel: previousYearButtonLabel, dropdownMode: dropdownMode, peekNextMonth: peekNextMonth, popperClassName: "commonsku-styles-datepicker ".concat(popperClassName || ''), wrapperClassName: "commonsku-styles-datepicker ".concat(wrapperClassName || ''), showPopperArrow: showPopperArrow }, props, { ref: ref })));
|
|
4100
4337
|
});
|
|
4101
4338
|
|
|
4102
|
-
var StyledDropdown = styled__default.div(templateObject_1$
|
|
4103
|
-
var DropdownItem = styled__default.div(templateObject_2$
|
|
4339
|
+
var StyledDropdown = styled__default.div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n&&& {\n position: relative;\n display: inline-block;\n}\n"], ["\n&&& {\n position: relative;\n display: inline-block;\n}\n"])));
|
|
4340
|
+
var DropdownItem = styled__default.div(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n&&& {\n color: ", ";\n padding: 8px 8px;\n text-decoration: none;\n display: block;\n ", "\n :last-child {\n border-bottom: none;\n }\n\n &:hover {\n background-color: ", ";\n border-radius: 5px;\n cursor: pointer;\n }\n}\n"], ["\n&&& {\n color: ", ";\n padding: 8px 8px;\n text-decoration: none;\n display: block;\n ", "\n :last-child {\n border-bottom: none;\n }\n\n &:hover {\n background-color: ", ";\n border-radius: 5px;\n cursor: pointer;\n }\n}\n"])), function (p) { return getColor('primary'); }, function (p) { return p.underlined &&
|
|
4104
4341
|
"border-bottom: 1px solid ".concat(getColor(p.primary ? 'primary' : 'white'), ";"); }, function (p) { return getColor('bgblue'); });
|
|
4105
|
-
var DropDownContent = styled__default.div(templateObject_3$
|
|
4342
|
+
var DropDownContent = styled__default.div(templateObject_3$g || (templateObject_3$g = __makeTemplateObject(["\n&&& {\n display: block;\n position: absolute;\n background-color: ", ";\n min-width: ", ";\n ", "\n box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\n padding: 8px 8px;\n border-radius: 5px;\n text-align: left;\n z-index: 105;\n/*\n a {\n color: ", ";\n padding: 8px 8px;\n text-decoration: none;\n display: block;\n ", "\n font-weight: bold;\n :last-child {\n border-bottom: none;\n }\n\n &:hover {\n background-color: ", ";\n color: ", ";\n border-radius: 5px;\n cursor: pointer;\n }\n }\n*/\n}\n"], ["\n&&& {\n display: block;\n position: absolute;\n background-color: ", ";\n min-width: ", ";\n ", "\n box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);\n padding: 8px 8px;\n border-radius: 5px;\n text-align: left;\n z-index: 105;\n/*\n a {\n color: ", ";\n padding: 8px 8px;\n text-decoration: none;\n display: block;\n ", "\n font-weight: bold;\n :last-child {\n border-bottom: none;\n }\n\n &:hover {\n background-color: ", ";\n color: ", ";\n border-radius: 5px;\n cursor: pointer;\n }\n }\n*/\n}\n"])), function (p) { return getColor('white'); }, function (p) { return typeof p.width === 'number' ? p.width + 'px' : p.width || '160px'; }, function (p) { return p.bordered ? "border: 2px solid ".concat(getColor(!p.primary || p.primary ? 'teal.main' : 'pink.main'), ";") : ''; }, function (p) { return getColor(p.primary ? 'primary' : 'cta'); }, function (p) { return p.underlined &&
|
|
4106
4343
|
"border-bottom: 1px solid ".concat(getColor(p.primary ? 'primary' : 'white'), ";"); }, function (p) { return getColor(p.primary ? 'primary0' : 'cta'); }, function (p) { return getColor(p.primary ? 'texttitle' : 'white'); });
|
|
4344
|
+
var getContentStyle = function (width, rootElem, buttonElem) {
|
|
4345
|
+
if (!rootElem || !buttonElem) {
|
|
4346
|
+
return {};
|
|
4347
|
+
}
|
|
4348
|
+
var rect = rootElem.getBoundingClientRect();
|
|
4349
|
+
var buttonRect = buttonElem.getBoundingClientRect();
|
|
4350
|
+
var offset = window$1.innerWidth - (rect.x + rect.width);
|
|
4351
|
+
if (offset < stripUnit(width)) {
|
|
4352
|
+
return {
|
|
4353
|
+
marginLeft: '-' + Math.abs(stripUnit(width) - buttonRect.width) + 'px',
|
|
4354
|
+
};
|
|
4355
|
+
}
|
|
4356
|
+
return {};
|
|
4357
|
+
};
|
|
4107
4358
|
var Dropdown = function (_a) {
|
|
4108
|
-
var items = _a.items, _b = _a.children, children = _b === void 0 ? undefined : _b, underlined = _a.underlined, primary = _a.primary, text = _a.text, icon = _a.icon, _c = _a.openMenu, openMenu = _c === void 0 ? false : _c, mouseLeaveCallback = _a.mouseLeaveCallback, size = _a.size, _d = _a.style, style = _d === void 0 ? {} : _d, buttonVariant = _a.buttonVariant, props = __rest(_a, ["items", "children", "underlined", "primary", "text", "icon", "openMenu", "mouseLeaveCallback", "size", "style", "buttonVariant"]);
|
|
4359
|
+
var items = _a.items, _b = _a.children, children = _b === void 0 ? undefined : _b, underlined = _a.underlined, primary = _a.primary, text = _a.text, icon = _a.icon, _c = _a.openMenu, openMenu = _c === void 0 ? false : _c, onToggleMenu = _a.onToggleMenu, mouseLeaveCallback = _a.mouseLeaveCallback, size = _a.size, _d = _a.style, style = _d === void 0 ? {} : _d, buttonVariant = _a.buttonVariant, _e = _a.width, width = _e === void 0 ? 160 : _e, _f = _a.bordered, bordered = _f === void 0 ? false : _f, _g = _a.hideOnMouseLeave, hideOnMouseLeave = _g === void 0 ? true : _g, props = __rest(_a, ["items", "children", "underlined", "primary", "text", "icon", "openMenu", "onToggleMenu", "mouseLeaveCallback", "size", "style", "buttonVariant", "width", "bordered", "hideOnMouseLeave"]);
|
|
4109
4360
|
var rootRef = React.useRef(null);
|
|
4110
|
-
var
|
|
4361
|
+
var buttonRef = React.useRef(null);
|
|
4362
|
+
var _h = React.useState(openMenu), showMenu = _h[0], setShowMenu = _h[1];
|
|
4111
4363
|
var iconProps = {
|
|
4112
|
-
// width: '10px',
|
|
4113
4364
|
color: getColor(primary ? 'primary100' : 'white'),
|
|
4114
4365
|
style: { verticalAlign: 'middle', transitionDuration: '.3s', transform: 'rotate(' + (showMenu ? 0 : 180) + 'deg)' },
|
|
4115
4366
|
};
|
|
4116
|
-
var
|
|
4367
|
+
var handleToggleMenu = React.useCallback(function (value) {
|
|
4368
|
+
if (value === void 0) { value = null; }
|
|
4369
|
+
setShowMenu(function (s) {
|
|
4370
|
+
var newValue = value !== null ? value : !s;
|
|
4371
|
+
onToggleMenu && onToggleMenu(newValue);
|
|
4372
|
+
return newValue;
|
|
4373
|
+
});
|
|
4374
|
+
}, [onToggleMenu]);
|
|
4375
|
+
var handleClick = React.useCallback(function (e) {
|
|
4117
4376
|
var _a;
|
|
4118
4377
|
if ((_a = rootRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)) {
|
|
4119
4378
|
return;
|
|
4120
4379
|
}
|
|
4121
|
-
|
|
4122
|
-
};
|
|
4380
|
+
handleToggleMenu(false);
|
|
4381
|
+
}, [handleToggleMenu]);
|
|
4123
4382
|
React.useEffect(function () {
|
|
4124
4383
|
if (items) {
|
|
4125
4384
|
document$1.addEventListener("mousedown", handleClick);
|
|
@@ -4127,22 +4386,26 @@ var Dropdown = function (_a) {
|
|
|
4127
4386
|
document$1.removeEventListener("mousedown", handleClick);
|
|
4128
4387
|
};
|
|
4129
4388
|
}
|
|
4130
|
-
}, [items]);
|
|
4389
|
+
}, [items, handleClick]);
|
|
4390
|
+
var contentStyle = getContentStyle(width, rootRef.current, buttonRef.current);
|
|
4131
4391
|
return (React__default.createElement("span", __assign({ ref: rootRef }, props, { style: style, onMouseLeave: function () {
|
|
4132
|
-
|
|
4392
|
+
if (!hideOnMouseLeave) {
|
|
4393
|
+
return;
|
|
4394
|
+
}
|
|
4395
|
+
handleToggleMenu(false);
|
|
4133
4396
|
if (mouseLeaveCallback) {
|
|
4134
4397
|
mouseLeaveCallback();
|
|
4135
4398
|
}
|
|
4136
4399
|
} }),
|
|
4137
4400
|
React__default.createElement(StyledDropdown, null,
|
|
4138
4401
|
icon ?
|
|
4139
|
-
React__default.createElement("span", { onClick: function () { return
|
|
4402
|
+
React__default.createElement("span", { onClick: function () { return handleToggleMenu(!showMenu); } }, icon)
|
|
4140
4403
|
:
|
|
4141
|
-
React__default.createElement(Button, { size: size, cta: Boolean(!primary), variant: buttonVariant, onClick: function () { return
|
|
4404
|
+
React__default.createElement(Button, { size: size, cta: Boolean(!primary), variant: buttonVariant, onClick: function () { return handleToggleMenu(!showMenu); }, ref: buttonRef },
|
|
4142
4405
|
text ? text : "Actions",
|
|
4143
4406
|
" ",
|
|
4144
4407
|
React__default.createElement(ChevronIcon, __assign({ direction: "up" }, iconProps))),
|
|
4145
|
-
showMenu && React__default.createElement(DropDownContent, { underlined: underlined, primary: primary },
|
|
4408
|
+
showMenu && React__default.createElement(DropDownContent, { style: contentStyle, underlined: underlined, primary: primary, width: width, bordered: bordered },
|
|
4146
4409
|
items && items.map(function (item, i) {
|
|
4147
4410
|
return item && React__default.createElement(DropdownItem, __assign({ key: 'dropdown-item-' + i }, item.props, { primary: primary, underlined: item.props && item.props.underlined ? item.props.underlined : underlined, onClick: function () {
|
|
4148
4411
|
setShowMenu(false);
|
|
@@ -4151,10 +4414,10 @@ var Dropdown = function (_a) {
|
|
|
4151
4414
|
}),
|
|
4152
4415
|
children ? children : null))));
|
|
4153
4416
|
};
|
|
4154
|
-
var templateObject_1$
|
|
4417
|
+
var templateObject_1$z, templateObject_2$o, templateObject_3$g;
|
|
4155
4418
|
|
|
4156
|
-
var Badge = styled__default.span(templateObject_1$
|
|
4157
|
-
var templateObject_1$
|
|
4419
|
+
var Badge = styled__default.span(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n display: inline-block;\n min-width: 10px;\n padding: 3px 7px;\n font-size: 12px;\n font-weight: 700;\n line-height: 1;\n color: #fff;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n background-color: ", ";\n color: ", ";\n border-radius: 10px;\n ", "\n"], ["\n display: inline-block;\n min-width: 10px;\n padding: 3px 7px;\n font-size: 12px;\n font-weight: 700;\n line-height: 1;\n color: #fff;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n background-color: ", ";\n color: ", ";\n border-radius: 10px;\n ", "\n"])), function (p) { return p.color === 'cta' ? colors.cta : p.color === 'grey' ? colors.primary0 : colors.primary; }, function (p) { return p.color === 'grey' ? colors.primary100 : colors.white; }, SharedStyles);
|
|
4420
|
+
var templateObject_1$A;
|
|
4158
4421
|
|
|
4159
4422
|
var verticalScrollbarWidth = function verticalScrollbarWidth() {
|
|
4160
4423
|
// thanks too https://davidwalsh.name/detect-scrollbar-width
|
|
@@ -4167,9 +4430,9 @@ var verticalScrollbarWidth = function verticalScrollbarWidth() {
|
|
|
4167
4430
|
};
|
|
4168
4431
|
|
|
4169
4432
|
var PADDING_SIZE = 60;
|
|
4170
|
-
var Styles = styled__default.div(templateObject_1$
|
|
4171
|
-
var TD$1 = styled__default.td(templateObject_2$
|
|
4172
|
-
var TABLEDIV = styled__default.div(templateObject_3$
|
|
4433
|
+
var Styles = styled__default.div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n overflow-x: ", ";\n min-height: ", "px;\n /* -ms-overflow-style: none;\n ::-webkit-scrollbar {\n display: none;\n }\n .headless-table-list::-webkit-scrollbar {\n display: none;\n } */\n\n .th,\n .td {\n padding: 5px;\n background-color: #fff;\n overflow: hidden;\n border: none !important;\n text-align: center;\n }\n .react-table {\n .th,\n .td {\n background: '#fff'\n }\n &.react-table-sticky {\n overflow: scroll;\n .header,\n .footer {\n position: sticky;\n z-index: 1;\n width: fit-content;\n }\n .header {\n top: 0;\n //box-shadow: 0px 3px 3px #ccc;\n }\n .footer {\n bottom: 0;\n box-shadow: 0px -3px 3px #ccc;\n }\n .body {\n position: relative;\n z-index: 0;\n }\n [data-sticky-td] {\n position: sticky;\n }\n [data-sticky-last-left-td] {\n box-shadow: 2px 0px 0px #ccc;\n }\n [data-sticky-first-right-td] {\n box-shadow: -2px 0px 0px #ccc;\n }\n }\n\n .sticky {\n position: sticky !important;\n position: -webkit-sticky !important;\n z-index: 100 !important;\n }\n\n .row,\n .sticky {\n display: flex;\n align-items: center;\n background-color: white;\n border-bottom: 1px solid #eee;\n box-sizing: border-box;\n }\n }\n .react-table-wrapper {\n margin-top: 15px;\n position: absolute;\n text-align: center;\n width: 100%;\n left: 0;\n }\n .react-table-pagination {\n padding: 0.5rem;\n margin: auto;\n button {\n font-family: 'skufont-regular', sans-serif;\n font-size: 18px;\n padding: 5px 15px;\n border-radius: 4px;\n background: transparent; \n text-align: center;\n border: 2px solid #02c0da;\n color: #02c0da;\n cursor: pointer;\n }\n button:hover {\n color: #02c0da;\n background: #E6EFF2;\n }\n button:focus {\n border: 2px solid #02c0da;\n outline-color: #02c0da;\n }\n input {\n border: 1px solid #ABC7D1;\n border-radius: 5px;\n font-family: 'skufont-regular', sans-serif;\n font-size: 18px;\n padding: 5px 15px;\n color: #52585c;\n background-color: white;\n width: 40px;\n text-align: center;\n margin-right: 5px;\n }\n input:focus{\n border: 2px solid #02c0da;\n outline-color: #02c0da;\n }\n .page-select {\n margin: 0 20px;\n }\n }\n"], ["\n overflow-x: ", ";\n min-height: ", "px;\n /* -ms-overflow-style: none;\n ::-webkit-scrollbar {\n display: none;\n }\n .headless-table-list::-webkit-scrollbar {\n display: none;\n } */\n\n .th,\n .td {\n padding: 5px;\n background-color: #fff;\n overflow: hidden;\n border: none !important;\n text-align: center;\n }\n .react-table {\n .th,\n .td {\n background: '#fff'\n }\n &.react-table-sticky {\n overflow: scroll;\n .header,\n .footer {\n position: sticky;\n z-index: 1;\n width: fit-content;\n }\n .header {\n top: 0;\n //box-shadow: 0px 3px 3px #ccc;\n }\n .footer {\n bottom: 0;\n box-shadow: 0px -3px 3px #ccc;\n }\n .body {\n position: relative;\n z-index: 0;\n }\n [data-sticky-td] {\n position: sticky;\n }\n [data-sticky-last-left-td] {\n box-shadow: 2px 0px 0px #ccc;\n }\n [data-sticky-first-right-td] {\n box-shadow: -2px 0px 0px #ccc;\n }\n }\n\n .sticky {\n position: sticky !important;\n position: -webkit-sticky !important;\n z-index: 100 !important;\n }\n\n .row,\n .sticky {\n display: flex;\n align-items: center;\n background-color: white;\n border-bottom: 1px solid #eee;\n box-sizing: border-box;\n }\n }\n .react-table-wrapper {\n margin-top: 15px;\n position: absolute;\n text-align: center;\n width: 100%;\n left: 0;\n }\n .react-table-pagination {\n padding: 0.5rem;\n margin: auto;\n button {\n font-family: 'skufont-regular', sans-serif;\n font-size: 18px;\n padding: 5px 15px;\n border-radius: 4px;\n background: transparent; \n text-align: center;\n border: 2px solid #02c0da;\n color: #02c0da;\n cursor: pointer;\n }\n button:hover {\n color: #02c0da;\n background: #E6EFF2;\n }\n button:focus {\n border: 2px solid #02c0da;\n outline-color: #02c0da;\n }\n input {\n border: 1px solid #ABC7D1;\n border-radius: 5px;\n font-family: 'skufont-regular', sans-serif;\n font-size: 18px;\n padding: 5px 15px;\n color: #52585c;\n background-color: white;\n width: 40px;\n text-align: center;\n margin-right: 5px;\n }\n input:focus{\n border: 2px solid #02c0da;\n outline-color: #02c0da;\n }\n .page-select {\n margin: 0 20px;\n }\n }\n"])), function (props) { return props.pagination ? 'scroll' : 'hidden'; }, function (props) { return props.minHeight ? props.minHeight : "600"; });
|
|
4434
|
+
var TD$1 = styled__default.td(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n &&& {\n border: 0 !important;\n color: #52585c;\n font-size: .875rem;\n line-height: 1.75rem;\n display: table-cell;\n padding: 0.5625rem 0.625rem;\n overflow: visible !important;\n background-color: ", ";\n &:hover {\n cursor: ", ";\n }\n ", "\n ", "\n }\n"], ["\n &&& {\n border: 0 !important;\n color: #52585c;\n font-size: .875rem;\n line-height: 1.75rem;\n display: table-cell;\n padding: 0.5625rem 0.625rem;\n overflow: visible !important;\n background-color: ", ";\n &:hover {\n cursor: ", ";\n }\n ", "\n ", "\n }\n"])), function (props) { return props.backgroundColor ? props.backgroundColor : "#fff"; }, function (props) { return props.clickable ? "pointer" : "normal"; }, SizerCss, SharedStyles);
|
|
4435
|
+
var TABLEDIV = styled__default.div(templateObject_3$h || (templateObject_3$h = __makeTemplateObject(["\n &&& {\n border: 0 !important;\n color: #52585c;\n font-size: .875rem;\n line-height: 1.75rem;\n display: table-cell;\n padding: 0.5625rem 0.625rem;\n overflow: visible !important;\n background-color: ", ";\n &:hover {\n cursor: ", ";\n }\n ", "\n ", "\n }\n"], ["\n &&& {\n border: 0 !important;\n color: #52585c;\n font-size: .875rem;\n line-height: 1.75rem;\n display: table-cell;\n padding: 0.5625rem 0.625rem;\n overflow: visible !important;\n background-color: ", ";\n &:hover {\n cursor: ", ";\n }\n ", "\n ", "\n }\n"])), function (props) { return props.backgroundColor ? props.backgroundColor : "#fff"; }, function (props) { return props.clickable ? "pointer" : "normal"; }, SizerCss, SharedStyles);
|
|
4173
4436
|
var StickyListContext = React.createContext({});
|
|
4174
4437
|
StickyListContext.displayName = "StickyListContext";
|
|
4175
4438
|
var DivCell = function (_a) {
|
|
@@ -4528,7 +4791,7 @@ function HeadlessTable(_a) {
|
|
|
4528
4791
|
' '))
|
|
4529
4792
|
: null)));
|
|
4530
4793
|
}
|
|
4531
|
-
var templateObject_1$
|
|
4794
|
+
var templateObject_1$B, templateObject_2$p, templateObject_3$h;
|
|
4532
4795
|
|
|
4533
4796
|
var QUERY = '(prefers-reduced-motion: no-preference)';
|
|
4534
4797
|
var isRenderingOnServer = typeof window$1 === 'undefined';
|
|
@@ -4786,17 +5049,17 @@ var Sparkle = function (_a) {
|
|
|
4786
5049
|
React__default.createElement(SparkleSvg, { width: size, height: size, viewBox: "0 0 68 68", fill: "none" },
|
|
4787
5050
|
React__default.createElement("path", { d: path, fill: color }))));
|
|
4788
5051
|
};
|
|
4789
|
-
var comeInOut = styled.keyframes(templateObject_1$
|
|
4790
|
-
var spin = styled.keyframes(templateObject_2$
|
|
4791
|
-
var Wrapper$4 = styled__default.span(templateObject_3$
|
|
4792
|
-
var SparkleWrapper = styled__default.span(templateObject_4$
|
|
4793
|
-
var SparkleSvg = styled__default.svg(templateObject_5$
|
|
5052
|
+
var comeInOut = styled.keyframes(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n 0% {\n transform: scale(0);\n }\n 50% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0);\n }\n"], ["\n 0% {\n transform: scale(0);\n }\n 50% {\n transform: scale(1);\n }\n 100% {\n transform: scale(0);\n }\n"])));
|
|
5053
|
+
var spin = styled.keyframes(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(180deg);\n }\n"], ["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(180deg);\n }\n"])));
|
|
5054
|
+
var Wrapper$4 = styled__default.span(templateObject_3$i || (templateObject_3$i = __makeTemplateObject(["\n display: inline-block;\n position: relative;\n"], ["\n display: inline-block;\n position: relative;\n"])));
|
|
5055
|
+
var SparkleWrapper = styled__default.span(templateObject_4$d || (templateObject_4$d = __makeTemplateObject(["\n position: absolute;\n display: block;\n @media (prefers-reduced-motion: no-preference) {\n animation: ", " 700ms forwards;\n }\n"], ["\n position: absolute;\n display: block;\n @media (prefers-reduced-motion: no-preference) {\n animation: ", " 700ms forwards;\n }\n"])), comeInOut);
|
|
5056
|
+
var SparkleSvg = styled__default.svg(templateObject_5$9 || (templateObject_5$9 = __makeTemplateObject(["\n display: block;\n @media (prefers-reduced-motion: no-preference) {\n animation: ", " 1000ms linear;\n }\n"], ["\n display: block;\n @media (prefers-reduced-motion: no-preference) {\n animation: ", " 1000ms linear;\n }\n"])), spin);
|
|
4794
5057
|
var ChildWrapper = styled__default.strong(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject(["\n position: relative;\n z-index: 1;\n font-weight: bold;\n"], ["\n position: relative;\n z-index: 1;\n font-weight: bold;\n"])));
|
|
4795
|
-
var templateObject_1$
|
|
5058
|
+
var templateObject_1$C, templateObject_2$q, templateObject_3$i, templateObject_4$d, templateObject_5$9, templateObject_6$8;
|
|
4796
5059
|
|
|
4797
|
-
var StyledDropdown$1 = styled__default.div(templateObject_1$
|
|
4798
|
-
var DropdownItem$1 = styled__default.div(templateObject_2$
|
|
4799
|
-
var DropDownContent$1 = styled__default.div(templateObject_3$
|
|
5060
|
+
var StyledDropdown$1 = styled__default.div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n position: relative;\n display: block;\n width: 100%;\n"], ["\n position: relative;\n display: block;\n width: 100%;\n"])));
|
|
5061
|
+
var DropdownItem$1 = styled__default.div(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n color: white;\n padding: 8px 8px;\n text-decoration: none;\n display: block;\n text-align: center;\n background-color: ", ";\n border-radius: ", ";\n opacity: ", ";\n &:hover {\n opacity: .85;\n cursor: pointer;\n }\n"], ["\n color: white;\n padding: 8px 8px;\n text-decoration: none;\n display: block;\n text-align: center;\n background-color: ", ";\n border-radius: ", ";\n opacity: ", ";\n &:hover {\n opacity: .85;\n cursor: pointer;\n }\n"])), function (p) { return p.color ? p.color : "#F4F7FF"; }, function (p) { return p.rounded ? "100px" : 0; }, function (p) { return p.active ? 0.85 : 1; });
|
|
5062
|
+
var DropDownContent$1 = styled__default.div(templateObject_3$j || (templateObject_3$j = __makeTemplateObject(["\n display: block;\n position: absolute;\n background-color: ", ";\n width: 100%;\n box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5);\n z-index: 4;\n border-radius: 10px;\n text-align: left;\n overflow: hidden;\n"], ["\n display: block;\n position: absolute;\n background-color: ", ";\n width: 100%;\n box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5);\n z-index: 4;\n border-radius: 10px;\n text-align: left;\n overflow: hidden;\n"])), function (p) { return getColor('white'); });
|
|
4800
5063
|
var StatusDropdown = function (_a) {
|
|
4801
5064
|
var items = _a.items, text = _a.text, value = _a.value, row = _a.row, setMenuIsOpen = _a.setMenuIsOpen, _b = _a.disabled, disabled = _b === void 0 ? false : _b, props = __rest(_a, ["items", "text", "value", "row", "setMenuIsOpen", "disabled"]);
|
|
4802
5065
|
var node = React.useRef();
|
|
@@ -4837,13 +5100,13 @@ var StatusDropdown = function (_a) {
|
|
|
4837
5100
|
} }), item.content);
|
|
4838
5101
|
}))));
|
|
4839
5102
|
};
|
|
4840
|
-
var templateObject_1$
|
|
5103
|
+
var templateObject_1$D, templateObject_2$r, templateObject_3$j;
|
|
4841
5104
|
|
|
4842
|
-
var StyledCircles = styled__default.div(templateObject_1$
|
|
4843
|
-
var Circle = styled__default.div(templateObject_2$
|
|
4844
|
-
var StyledDropdown$2 = styled__default.div(templateObject_3$
|
|
4845
|
-
var DropdownDisplay = styled__default.div(templateObject_4$
|
|
4846
|
-
var DropdownItem$2 = styled__default.div(templateObject_5$
|
|
5105
|
+
var StyledCircles = styled__default.div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n line-height: 0;\n margin-bottom: 9px;\n"], ["\n line-height: 0;\n margin-bottom: 9px;\n"])));
|
|
5106
|
+
var Circle = styled__default.div(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n background: #005B8C;\n opacity: ", ";\n width: 5px;\n height: 5px;\n border-radius: 10px;\n margin-right: 2px;\n display: inline-block;\n"], ["\n background: #005B8C;\n opacity: ", ";\n width: 5px;\n height: 5px;\n border-radius: 10px;\n margin-right: 2px;\n display: inline-block;\n"])), function (p) { return p.disabled ? 0.1 : 1; });
|
|
5107
|
+
var StyledDropdown$2 = styled__default.div(templateObject_3$k || (templateObject_3$k = __makeTemplateObject(["\n position: relative;\n display: block;\n width: 100%;\n"], ["\n position: relative;\n display: block;\n width: 100%;\n"])));
|
|
5108
|
+
var DropdownDisplay = styled__default.div(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n color: black;\n padding: 8px 8px;\n text-decoration: none;\n display: block;\n text-align: center;\n background-color: ", ";\n line-height: 1em;\n min-height: 28px;\n display: ", ";\n justify-content: center;\n align-items: center;\n border-radius: ", ";\n opacity: ", ";\n &:hover {\n opacity: .85;\n cursor: pointer;\n }\n"], ["\n color: black;\n padding: 8px 8px;\n text-decoration: none;\n display: block;\n text-align: center;\n background-color: ", ";\n line-height: 1em;\n min-height: 28px;\n display: ", ";\n justify-content: center;\n align-items: center;\n border-radius: ", ";\n opacity: ", ";\n &:hover {\n opacity: .85;\n cursor: pointer;\n }\n"])), function (p) { return p.background || '#F4F7FF'; }, function (p) { return p.showCircles ? "inherit" : "flex"; }, function (p) { return p.rounded ? "100px" : 0; }, function (p) { return p.active ? 0.85 : 1; });
|
|
5109
|
+
var DropdownItem$2 = styled__default.div(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n color: black;\n padding: 8px 8px;\n text-decoration: none;\n display: block;\n text-align: center;\n background-color: ", ";\n line-height: 1em;\n min-height: 30px;\n border-radius: ", ";\n opacity: ", ";\n &:hover {\n opacity: .85;\n cursor: pointer;\n }\n word-wrap: break-word;\n"], ["\n color: black;\n padding: 8px 8px;\n text-decoration: none;\n display: block;\n text-align: center;\n background-color: ", ";\n line-height: 1em;\n min-height: 30px;\n border-radius: ", ";\n opacity: ", ";\n &:hover {\n opacity: .85;\n cursor: pointer;\n }\n word-wrap: break-word;\n"])), function (p) { return p.background || '#F4F7FF'; }, function (p) { return p.rounded ? "100px" : 0; }, function (p) { return p.active ? 0.85 : 1; });
|
|
4847
5110
|
var DropDownContent$2 = styled__default.div(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n display: block;\n position: absolute;\n background-color: ", ";\n width: 100%;\n box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5);\n z-index: 10;\n border-radius: 10px;\n text-align: left;\n overflow: hidden;\n ", "\n"], ["\n display: block;\n position: absolute;\n background-color: ", ";\n width: 100%;\n box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5);\n z-index: 10;\n border-radius: 10px;\n text-align: left;\n overflow: hidden;\n ", "\n"])), function (p) { return getColor('white'); }, function (p) { return p.scrollContentHeight ? "max-height: ".concat(p.scrollContentHeight, "; overflow-y: auto;") : ''; });
|
|
4848
5111
|
var Circles = function (_a) {
|
|
4849
5112
|
var val = _a.val, max = _a.max;
|
|
@@ -4894,20 +5157,18 @@ var StateDropdown = function (_a) {
|
|
|
4894
5157
|
" ");
|
|
4895
5158
|
}))));
|
|
4896
5159
|
};
|
|
4897
|
-
var templateObject_1$
|
|
5160
|
+
var templateObject_1$E, templateObject_2$s, templateObject_3$k, templateObject_4$e, templateObject_5$a, templateObject_6$9;
|
|
4898
5161
|
|
|
4899
5162
|
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
4900
5163
|
if (source == null) return {};
|
|
4901
5164
|
var target = {};
|
|
4902
5165
|
var sourceKeys = Object.keys(source);
|
|
4903
5166
|
var key, i;
|
|
4904
|
-
|
|
4905
5167
|
for (i = 0; i < sourceKeys.length; i++) {
|
|
4906
5168
|
key = sourceKeys[i];
|
|
4907
5169
|
if (excluded.indexOf(key) >= 0) continue;
|
|
4908
5170
|
target[key] = source[key];
|
|
4909
5171
|
}
|
|
4910
|
-
|
|
4911
5172
|
return target;
|
|
4912
5173
|
}
|
|
4913
5174
|
|
|
@@ -4923,6 +5184,10 @@ var config = {
|
|
|
4923
5184
|
|
|
4924
5185
|
var TransitionGroupContext = React__default.createContext(null);
|
|
4925
5186
|
|
|
5187
|
+
var forceReflow = function forceReflow(node) {
|
|
5188
|
+
return node.scrollTop;
|
|
5189
|
+
};
|
|
5190
|
+
|
|
4926
5191
|
var UNMOUNTED = 'unmounted';
|
|
4927
5192
|
var EXITED = 'exited';
|
|
4928
5193
|
var ENTERING = 'entering';
|
|
@@ -5142,6 +5407,14 @@ var Transition = /*#__PURE__*/function (_React$Component) {
|
|
|
5142
5407
|
this.cancelNextCallback();
|
|
5143
5408
|
|
|
5144
5409
|
if (nextStatus === ENTERING) {
|
|
5410
|
+
if (this.props.unmountOnExit || this.props.mountOnEnter) {
|
|
5411
|
+
var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749
|
|
5412
|
+
// With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.
|
|
5413
|
+
// To make the animation happen, we have to separate each rendering and avoid being processed as batched.
|
|
5414
|
+
|
|
5415
|
+
if (node) forceReflow(node);
|
|
5416
|
+
}
|
|
5417
|
+
|
|
5145
5418
|
this.performEnter(mounting);
|
|
5146
5419
|
} else {
|
|
5147
5420
|
this.performExit();
|
|
@@ -5345,9 +5618,9 @@ Transition.ENTERING = ENTERING;
|
|
|
5345
5618
|
Transition.ENTERED = ENTERED;
|
|
5346
5619
|
Transition.EXITING = EXITING;
|
|
5347
5620
|
|
|
5348
|
-
var CollapseStyled = styled__default.div(templateObject_1$
|
|
5349
|
-
var CollapseWrapper = styled__default.div(templateObject_2$
|
|
5350
|
-
var CollapsiblePanelTitle = styled__default.div(templateObject_3$
|
|
5621
|
+
var CollapseStyled = styled__default.div(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n&&& {\n .collapsed:not(.show) {\n display: none;\n }\n\n .collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n transition: height ", "s ease;\n }\n\n @media (prefers-reduced-motion: reduce) {\n .collapsing {\n transition: none;\n }\n }\n}\n"], ["\n&&& {\n .collapsed:not(.show) {\n display: none;\n }\n\n .collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n transition: height ", "s ease;\n }\n\n @media (prefers-reduced-motion: reduce) {\n .collapsing {\n transition: none;\n }\n }\n}\n"])), function (p) { return p.duration ? p.duration / 1000 : '0.35'; });
|
|
5622
|
+
var CollapseWrapper = styled__default.div(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n&&& {\n border: 1px solid ", ";\n border-radius: 5px;\n}\n"], ["\n&&& {\n border: 1px solid ", ";\n border-radius: 5px;\n}\n"])), colors.primary0);
|
|
5623
|
+
var CollapsiblePanelTitle = styled__default.div(templateObject_3$l || (templateObject_3$l = __makeTemplateObject(["\n&&& {\n background: #f3f6f7;\n border-bottom: 1px solid ", ";\n color: ", ";\n padding: 20px;\n cursor: pointer;\n}\n"], ["\n&&& {\n background: #f3f6f7;\n border-bottom: 1px solid ", ";\n color: ", ";\n padding: 20px;\n cursor: pointer;\n}\n"])), colors.primary0, colors.primary);
|
|
5351
5624
|
var transitionStatusToClass = {
|
|
5352
5625
|
entering: 'collapsing',
|
|
5353
5626
|
entered: 'collapsed show',
|
|
@@ -5440,10 +5713,10 @@ function CollapsiblePanels(_a) {
|
|
|
5440
5713
|
React__default.createElement(Collapsible, __assign({}, panelProps, { duration: duration, isOpen: _titleProps.isOpen }), children)));
|
|
5441
5714
|
})));
|
|
5442
5715
|
}
|
|
5443
|
-
var templateObject_1$
|
|
5716
|
+
var templateObject_1$F, templateObject_2$t, templateObject_3$l;
|
|
5444
5717
|
|
|
5445
|
-
var ProgressWrapper$1 = styled__default.div(templateObject_1$
|
|
5446
|
-
var ProgressBar$1 = styled__default.div(templateObject_2$
|
|
5718
|
+
var ProgressWrapper$1 = styled__default.div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n max-width: 100%;\n width: 100%;\n height: 48px;\n background: linear-gradient(180deg, rgba(1, 211, 116, 0.051) 0%, rgba(1, 211, 116, 0.1) 100%);\n box-shadow: 0px 4px 5px rgba(72, 78, 86, 0.1);\n border-radius: 50px;\n \n ", "\n"], ["\n max-width: 100%;\n width: 100%;\n height: 48px;\n background: linear-gradient(180deg, rgba(1, 211, 116, 0.051) 0%, rgba(1, 211, 116, 0.1) 100%);\n box-shadow: 0px 4px 5px rgba(72, 78, 86, 0.1);\n border-radius: 50px;\n \n ", "\n"])), SharedStyles);
|
|
5719
|
+
var ProgressBar$1 = styled__default.div(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n max-width: 100%;\n width: ", ";\n height: 48px;\n background: ", ";\n border-radius: 50px;\n display: inline-block;\n position: absolute;\n"], ["\n max-width: 100%;\n width: ", ";\n height: 48px;\n background: ", ";\n border-radius: 50px;\n display: inline-block;\n position: absolute;\n"])), function (p) { return "calc(".concat(100 * (!p.max ? 1 : (p.value / p.max)), "% - (").concat(p.left || 0, "px + 17px))"); }, function (props) { return props.error ? "#B21154" : (props.color || "#00d374"); });
|
|
5447
5720
|
var LabeledBar = function (props) {
|
|
5448
5721
|
var width = useWindowSize()[0];
|
|
5449
5722
|
var _a = React.useState({ height: 0, width: 0, x: 0, y: 0, }), size = _a[0], setSize = _a[1];
|
|
@@ -5491,10 +5764,10 @@ var LabeledMultiProgress = function (_a) {
|
|
|
5491
5764
|
React__default.createElement(Number$1, { commas: true, decimalPoints: 0, num: props.max })),
|
|
5492
5765
|
React__default.createElement(MultiProgress, __assign({}, props, { labeled: true, style: __assign({ marginTop: 40 }, (props.style || {})) })));
|
|
5493
5766
|
};
|
|
5494
|
-
var templateObject_1$
|
|
5767
|
+
var templateObject_1$G, templateObject_2$u;
|
|
5495
5768
|
|
|
5496
|
-
var ProgressWrapper$2 = styled__default.div(templateObject_1$
|
|
5497
|
-
var ProgressBar$2 = styled__default.div(templateObject_2$
|
|
5769
|
+
var ProgressWrapper$2 = styled__default.div(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n max-width: 100%;\n width: 100%;\n height: 48px;\n box-shadow: 0px 4px 5px rgba(72, 78, 86, 0.1);\n border-radius: 50px;\n\n ", "\n"], ["\n max-width: 100%;\n width: 100%;\n height: 48px;\n box-shadow: 0px 4px 5px rgba(72, 78, 86, 0.1);\n border-radius: 50px;\n\n ", "\n"])), SharedStyles);
|
|
5770
|
+
var ProgressBar$2 = styled__default.div(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n max-width: 100%;\n width: ", ";\n height: 48px;\n background: ", ";\n border-radius: 50px;\n display: inline-block;\n position: absolute;\n"], ["\n max-width: 100%;\n width: ", ";\n height: 48px;\n background: ", ";\n border-radius: 50px;\n display: inline-block;\n position: absolute;\n"])), function (p) {
|
|
5498
5771
|
if (p.offset) {
|
|
5499
5772
|
return "".concat(p.offset, "px");
|
|
5500
5773
|
}
|
|
@@ -5551,7 +5824,7 @@ function Thermometer(_a) {
|
|
|
5551
5824
|
React__default.createElement(ProgressWrapper$2, { style: { marginTop: 10, background: isSecondary ? '#FFF9C5' : '#C9FDE5' } },
|
|
5552
5825
|
React__default.createElement(ProgressBar$2, { target: target, value: value1, color: barColor || colors.secondary3.main, offset: calcVal1Width(), elementWidth: value1Width })))));
|
|
5553
5826
|
}
|
|
5554
|
-
var templateObject_1$
|
|
5827
|
+
var templateObject_1$H, templateObject_2$v;
|
|
5555
5828
|
|
|
5556
5829
|
function LightIndicatorLight(_a) {
|
|
5557
5830
|
var _b = _a.width, _c = _a.height, _d = _a.lit, lit = _d === void 0 ? false : _d, _e = _a.large, large = _e === void 0 ? false : _e, props = __rest(_a, ["width", "height", "lit", "large"]);
|
|
@@ -5571,18 +5844,18 @@ function LightIndicatorLight(_a) {
|
|
|
5571
5844
|
React__default.createElement("defs", null,
|
|
5572
5845
|
React__default.createElement("radialGradient", { id: lightID, cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: gradientTransform }, litOrNot)));
|
|
5573
5846
|
}
|
|
5574
|
-
var LightIndicatorText = styled__default.p(templateObject_1$
|
|
5575
|
-
var LightIndicatorContainer = styled__default.div(templateObject_2$
|
|
5847
|
+
var LightIndicatorText = styled__default.p(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n &&& {\n font-size: ", ";\n font-family: ", ";\n line-height: ", ";\n color: ", ";\n margin-top:0;\n margin-bottom:0;\n };\n"], ["\n &&& {\n font-size: ", ";\n font-family: ", ";\n line-height: ", ";\n color: ", ";\n margin-top:0;\n margin-bottom:0;\n };\n"])), function (props) { return props.large ? themeOptions.fontStyles.p.medium.fontSize : themeOptions.fontStyles.p.small.fontSize; }, themeOptions.fontStyles.p.small.fontFamily, themeOptions.fontStyles.p.small.lineHeight, function (props) { return props.LightIndicatorTextColor ? colors.neutrals.bodyText : colors.neutrals[70]; });
|
|
5848
|
+
var LightIndicatorContainer = styled__default.div(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n &&& {\n display: flex;\n vertical-align: middle;\n align-items: top;\n max-width: 100%;\n margin-bottom: 8px;\n margin-right: 16px;\n ", "\n ", "\n }\n"], ["\n &&& {\n display: flex;\n vertical-align: middle;\n align-items: top;\n max-width: 100%;\n margin-bottom: 8px;\n margin-right: 16px;\n ", "\n ", "\n }\n"])), SharedStyles, SizerCss);
|
|
5576
5849
|
function LightIndicator(_a) {
|
|
5577
|
-
var _b = _a.name, name = _b === void 0 ? "Name this Indicator" : _b, _c = _a.on, on = _c === void 0 ? false : _c, _d = _a.large, large = _d === void 0 ? false : _d, props = __rest(_a, ["name", "on", "large"]);
|
|
5850
|
+
var _b = _a.name, name = _b === void 0 ? "Name this Indicator" : _b, _c = _a.on, on = _c === void 0 ? false : _c, _d = _a.large, large = _d === void 0 ? false : _d, _e = _a.textProps, textProps = _e === void 0 ? {} : _e, props = __rest(_a, ["name", "on", "large", "textProps"]);
|
|
5578
5851
|
return (React__default.createElement(LightIndicatorContainer, __assign({}, props),
|
|
5579
5852
|
React__default.createElement(LightIndicatorLight, { large: large, lit: on, mr: 8, mt: 8 }),
|
|
5580
|
-
React__default.createElement(LightIndicatorText, { large: large, LightIndicatorTextColor: on }, name)));
|
|
5853
|
+
React__default.createElement(LightIndicatorText, __assign({}, textProps, { large: large, LightIndicatorTextColor: on }), name)));
|
|
5581
5854
|
}
|
|
5582
|
-
var templateObject_1$
|
|
5855
|
+
var templateObject_1$I, templateObject_2$w;
|
|
5583
5856
|
|
|
5584
|
-
var DefaultStarText = styled__default.p(templateObject_1$
|
|
5585
|
-
var DefaultStarContainer = styled__default.div(templateObject_2$
|
|
5857
|
+
var DefaultStarText = styled__default.p(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n &&& {\n opacity: ", ";\n font-size: ", ";\n font-family: ", ";\n line-height: ", ";\n color: ", ";\n max-width: 180px;\n margin-top:0;\n margin-bottom:0;\n };\n"], ["\n &&& {\n opacity: ", ";\n font-size: ", ";\n font-family: ", ";\n line-height: ", ";\n color: ", ";\n max-width: 180px;\n margin-top:0;\n margin-bottom:0;\n };\n"])), function (props) { return props.clicked ? 1 : props.hover ? 0.8 : 0; }, themeOptions.fontStyles.p.medium.fontSize, themeOptions.fontStyles.p.medium.fontFamily, themeOptions.fontStyles.p.medium.lineHeight, function (props) { return props.clicked ? props.color : colors.neutrals[60]; });
|
|
5858
|
+
var DefaultStarContainer = styled__default.div(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n &&& {\n display: flex;\n vertical-align: middle;\n align-items: top;\n width: ", ";\n margin-bottom: 16px;\n margin-right: 16px;\n cursor: pointer;\n ", "\n ", "\n }\n"], ["\n &&& {\n display: flex;\n vertical-align: middle;\n align-items: top;\n width: ", ";\n margin-bottom: 16px;\n margin-right: 16px;\n cursor: pointer;\n ", "\n ", "\n }\n"])), function (props) { return props.width ? props.width : props.noText ? '24px' : '128px'; }, SharedStyles, SizerCss);
|
|
5586
5859
|
function DefaultStar(_a) {
|
|
5587
5860
|
var _b = _a.initialSelected, initialSelected = _b === void 0 ? false : _b, _c = _a.forceSelected, forceSelected = _c === void 0 ? false : _c, hoverText = _a.hoverText, _d = _a.noText, noText = _d === void 0 ? false : _d, _e = _a.children, children = _e === void 0 ? "Default" : _e, width = _a.width, _f = _a.color, color = _f === void 0 ? teal.main : _f, props = __rest(_a, ["initialSelected", "forceSelected", "hoverText", "noText", "children", "width", "color"]);
|
|
5588
5861
|
if (!hoverText) {
|
|
@@ -5595,7 +5868,7 @@ function DefaultStar(_a) {
|
|
|
5595
5868
|
noText ? null :
|
|
5596
5869
|
React__default.createElement(DefaultStarText, { hoverText: hoverText, hover: isHover, clicked: isClicked || forceSelected, color: color }, !isClicked && isHover ? hoverText : children)));
|
|
5597
5870
|
}
|
|
5598
|
-
var templateObject_1$
|
|
5871
|
+
var templateObject_1$J, templateObject_2$x;
|
|
5599
5872
|
|
|
5600
5873
|
function CancelButton(_a) {
|
|
5601
5874
|
var _b = _a.size, size = _b === void 0 ? "medium" : _b, _c = _a.variant, variant = _c === void 0 ? "error" : _c, _d = _a.style, Props = __rest(_a, ["size", "variant", "style"]);
|
|
@@ -5607,7 +5880,7 @@ function DoneButton(_a) {
|
|
|
5607
5880
|
return (React__default.createElement(Button, __assign({ variant: variant, size: size }, Props), "Done"));
|
|
5608
5881
|
}
|
|
5609
5882
|
|
|
5610
|
-
var StyledLink = styled__default.a(templateObject_1$
|
|
5883
|
+
var StyledLink = styled__default.a(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n &&& {\n font-size: ", ";\n font-family: ", ";\n line-height: ", ";\n color: ", ";\n text-decoration: none;\n cursor: pointer;\n display: flex;\n ", ";\n ", "\n ", "\n &:hover {\n color: ", ";\n }\n } \n"], ["\n &&& {\n font-size: ", ";\n font-family: ", ";\n line-height: ", ";\n color: ", ";\n text-decoration: none;\n cursor: pointer;\n display: flex;\n ", ";\n ", "\n ", "\n &:hover {\n color: ", ";\n }\n } \n"])), fontStyles.p.medium.fontSize, fontStyles.p.medium.fontFamily, fontStyles.p.medium.lineHeight, function (props) { return props.color || colors.teal.main; }, function (props) { return props.flexShrink ? "flex-shrink: 0;" : null; }, SharedStyles, SizerCss, function (props) { return props.hoverColor ? props.hoverColor : colors.teal.dark; });
|
|
5611
5884
|
function LinkWithIcon(_a) {
|
|
5612
5885
|
var Icon = _a.Icon, href = _a.href, children = _a.children, _b = _a.color, color = _b === void 0 ? colors.teal.main : _b, _c = _a.hoverColor, hoverColor = _c === void 0 ? colors.teal.dark : _c, _d = _a.flexShrink, flexShrink = _d === void 0 ? false : _d, iconProps = _a.iconProps, _e = _a.style, style = _e === void 0 ? {} : _e, props = __rest(_a, ["Icon", "href", "children", "color", "hoverColor", "flexShrink", "iconProps", "style"]);
|
|
5613
5886
|
var _f = React.useState(false), isHover = _f[0], setHover = _f[1];
|
|
@@ -5624,7 +5897,7 @@ function LinkWithIcon(_a) {
|
|
|
5624
5897
|
RenderIcon,
|
|
5625
5898
|
children));
|
|
5626
5899
|
}
|
|
5627
|
-
var templateObject_1$
|
|
5900
|
+
var templateObject_1$K;
|
|
5628
5901
|
|
|
5629
5902
|
var NotificationVariantStyles = function (alertType) {
|
|
5630
5903
|
switch (alertType) {
|
|
@@ -5647,7 +5920,7 @@ var NotificationVariantStyles = function (alertType) {
|
|
|
5647
5920
|
return {};
|
|
5648
5921
|
}
|
|
5649
5922
|
};
|
|
5650
|
-
var StyledNotification = styled__default.div(templateObject_1$
|
|
5923
|
+
var StyledNotification = styled__default.div(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n &&& {\n font-size: ", ";\n font-family: ", ";\n line-height: ", ";\n width: fit-container;\n border-radius: 5px;\n padding: 24px 16px;\n display:flex;\n flex-direction: row;\n ", ";\n ", "\n ", "\n }\n"], ["\n &&& {\n font-size: ", ";\n font-family: ", ";\n line-height: ", ";\n width: fit-container;\n border-radius: 5px;\n padding: 24px 16px;\n display:flex;\n flex-direction: row;\n ", ";\n ", "\n ", "\n }\n"])), fontStyles.p.medium.fontSize, fontStyles.p.medium.fontFamily, fontStyles.p.medium.lineHeight, function (props) { return props.alertType ? NotificationVariantStyles(props.alertType) : {}; }, SharedStyles, SizerCss);
|
|
5651
5924
|
function AlertNotification(_a) {
|
|
5652
5925
|
var _b = _a.alertType, alertType = _b === void 0 ? "neutral" : _b, _c = _a.learnMore, learnMore = _c === void 0 ? false : _c, href = _a.href, linkText = _a.linkText, children = _a.children, _d = _a.style, props = __rest(_a, ["alertType", "learnMore", "href", "linkText", "children", "style"]);
|
|
5653
5926
|
function notificationIcon() {
|
|
@@ -5672,7 +5945,7 @@ function AlertNotification(_a) {
|
|
|
5672
5945
|
React__default.createElement(LinkWithIcon, { href: href, style: { marginLeft: "auto" }, pl: 24, flexShrink: true }, linkText)
|
|
5673
5946
|
: null));
|
|
5674
5947
|
}
|
|
5675
|
-
var templateObject_1$
|
|
5948
|
+
var templateObject_1$L;
|
|
5676
5949
|
|
|
5677
5950
|
function useNumberInput(props) {
|
|
5678
5951
|
var _a = props.defaultValue, defaultValue = _a === void 0 ? "" : _a, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, inputMode = props.inputMode, _b = props.localeOptions, localeOptions = _b === void 0 ? {} : _b;
|
|
@@ -5765,10 +6038,10 @@ function NumberInput(props) {
|
|
|
5765
6038
|
: null));
|
|
5766
6039
|
}
|
|
5767
6040
|
|
|
5768
|
-
var InputStepperOuterContainer = styled__default.div(templateObject_1$
|
|
5769
|
-
var InputStepperInnerContainer = styled__default.div(templateObject_2$
|
|
5770
|
-
var InputStepperLabel = styled__default.label(templateObject_3$
|
|
5771
|
-
var CurrentNumber = styled__default.div(templateObject_4$
|
|
6041
|
+
var InputStepperOuterContainer = styled__default.div(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n &&&{\n width: ", ";\n ", "\n ", "\n }\n"], ["\n &&&{\n width: ", ";\n ", "\n ", "\n }\n"])), function (props) { return props.width ? props.width : "160px"; }, SharedStyles, SizerCss);
|
|
6042
|
+
var InputStepperInnerContainer = styled__default.div(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n &&&{\n display: flex;\n width: 100%;\n flex-direction: row;\n justify-content: space-between;\n border-radius: 5px;\n background-color: white;\n ", "\n ", "\n }\n"], ["\n &&&{\n display: flex;\n width: 100%;\n flex-direction: row;\n justify-content: space-between;\n border-radius: 5px;\n background-color: white;\n ", "\n ", "\n }\n"])), SharedStyles, SizerCss);
|
|
6043
|
+
var InputStepperLabel = styled__default.label(templateObject_3$m || (templateObject_3$m = __makeTemplateObject(["\n &&&{\n font-size: ", ";\n font-family: ", ";\n line-height: ", ";\n margin-bottom: 8px;\n color: ", "\n ", "\n ", "\n }\n"], ["\n &&&{\n font-size: ", ";\n font-family: ", ";\n line-height: ", ";\n margin-bottom: 8px;\n color: ", "\n ", "\n ", "\n }\n"])), fontStyles.label.fontSize, fontStyles.label.fontFamily, fontStyles.label.lineHeight, neutrals.bodyText, SharedStyles, SizerCss);
|
|
6044
|
+
var CurrentNumber = styled__default.div(templateObject_4$f || (templateObject_4$f = __makeTemplateObject(["\n &&&{\n display:flex;\n justify-content: center;\n align-items: center;\n height:38px;\n width:100%;\n border-top: 1px solid ", ";\n border-bottom: 1px solid ", ";\n color: ", ";\n text-align:center;\n vertical-align:middle;\n }\n"], ["\n &&&{\n display:flex;\n justify-content: center;\n align-items: center;\n height:38px;\n width:100%;\n border-top: 1px solid ", ";\n border-bottom: 1px solid ", ";\n color: ", ";\n text-align:center;\n vertical-align:middle;\n }\n"])), neutrals['60'], neutrals['60'], neutrals.bodyText);
|
|
5772
6045
|
var canIncrement = function (value, max) {
|
|
5773
6046
|
return (max !== undefined && value < max) || max === undefined;
|
|
5774
6047
|
};
|
|
@@ -5827,11 +6100,21 @@ function InputStepper(props) {
|
|
|
5827
6100
|
return (React__default.createElement(InputStepperOuterContainer, { width: width },
|
|
5828
6101
|
React__default.createElement(InputStepperLabel, { style: labelStyle }, label),
|
|
5829
6102
|
React__default.createElement(InputStepperInnerContainer, { style: style },
|
|
5830
|
-
React__default.createElement(IconButton, { Icon: SubtractIcon, variant: decrementButtonVariant, onClick: handleDecrement, style: { borderRadius: "5px 0 0 5px" }, onMouseDown:
|
|
6103
|
+
React__default.createElement(IconButton, { Icon: SubtractIcon, variant: decrementButtonVariant, onClick: handleDecrement, style: { borderRadius: "5px 0 0 5px" }, onMouseDown: function (e) {
|
|
6104
|
+
if (e.button !== 0) {
|
|
6105
|
+
return;
|
|
6106
|
+
}
|
|
6107
|
+
onDecrementMouseDown();
|
|
6108
|
+
}, onMouseOut: onDecrementMouseLeave, onMouseUp: onDecrementMouseUp, onTouchEnd: onDecrementTouchEnd, onTouchStart: onDecrementTouchStart }),
|
|
5831
6109
|
React__default.createElement(Input, __assign({}, rest, { style: { width: '100%', margin: 0, borderRadius: 0, textAlign: "center" }, value: value, inputMode: inputMode, onChange: onChange, onBlur: onBlur, onFocus: onFocus, disabled: inputDisabled, ref: ref, onKeyUp: delayChange })),
|
|
5832
|
-
React__default.createElement(IconButton, { Icon: AddIcon, variant: incrementButtonVariant, onClick: handleIncrement, style: { borderRadius: "0 5px 5px 0" }, onMouseDown:
|
|
6110
|
+
React__default.createElement(IconButton, { Icon: AddIcon, variant: incrementButtonVariant, onClick: handleIncrement, style: { borderRadius: "0 5px 5px 0" }, onMouseDown: function (e) {
|
|
6111
|
+
if (e.button !== 0) {
|
|
6112
|
+
return;
|
|
6113
|
+
}
|
|
6114
|
+
onIncrementMouseDown();
|
|
6115
|
+
}, onMouseOut: onIncrementMouseLeave, onMouseUp: onIncrementMouseUp, onTouchEnd: onIncrementTouchEnd, onTouchStart: onIncrementTouchStart }))));
|
|
5833
6116
|
}
|
|
5834
|
-
var templateObject_1$
|
|
6117
|
+
var templateObject_1$M, templateObject_2$y, templateObject_3$m, templateObject_4$f;
|
|
5835
6118
|
|
|
5836
6119
|
var VirtualTable = function (props) {
|
|
5837
6120
|
var columns = props.columns, data = props.data, itemSize = props.itemSize, _a = props.height, height = _a === void 0 ? 500 : _a, _b = props.minWidth, minWidth = _b === void 0 ? 140 : _b, _c = props.maxWidth, maxWidth = _c === void 0 ? 500 : _c, defaultSort = props.defaultSort, onClickRow = props.onClickRow, onScroll = props.onScroll, onUpdateData = props.onUpdateData, _d = props.useTableProps, useTableProps = _d === void 0 ? {} : _d, _e = props.tableHeaderProps, tableHeaderProps = _e === void 0 ? {} : _e, _f = props.tableFooterProps, tableFooterProps = _f === void 0 ? {} : _f, _g = props.hideFooter, hideFooter = _g === void 0 ? true : _g, _h = props.hideHeader, hideHeader = _h === void 0 ? false : _h, _j = props.className, className = _j === void 0 ? '' : _j, NoRowsFound = props.NoRowsFound, renderRowSubComponent = props.renderRowSubComponent, onSort = props.onSort, onResize = props.onResize, rowGroupStyles = props.rowGroupStyles, rowStyles = props.rowStyles, _k = props.gutterSize, gutterSize = _k === void 0 ? 0 : _k, _l = props.customTableFooterProps, customTableFooterProps = _l === void 0 ? {} : _l, TableFooter = props.TableFooter;
|
|
@@ -5891,7 +6174,7 @@ var VirtualTable = function (props) {
|
|
|
5891
6174
|
return (React__default.createElement("div", __assign({ className: "tr-group" }, row.getRowProps(), { style: __assign(__assign(__assign({}, style), (rowGroupStyles ? rowGroupStyles({ row: row, style: style }) : {})), { minWidth: totalColumnsWidth, width: '100%' }) }),
|
|
5892
6175
|
React__default.createElement("div", { className: "tr", style: rowStyles ? rowStyles({ row: row, style: style }) : {} }, row.cells.map(function (cell) {
|
|
5893
6176
|
var cellProps = cell.getCellProps();
|
|
5894
|
-
return (React__default.createElement("div", __assign({}, __assign({}, cellProps), { onClick: function () { return (onClickRow ? onClickRow(cell.row.original, index) : null); }, className: "td" }), cell.render("Cell", { isScrolling: isScrolling, resetList: resetList, toggleAllRowsExpanded: toggleAllRowsExpanded })));
|
|
6177
|
+
return (React__default.createElement("div", __assign({}, __assign({}, cellProps), { onClick: function () { return (onClickRow ? onClickRow(cell.row.original, index, { cell: cell, isScrolling: isScrolling, resetList: resetList, toggleAllRowsExpanded: toggleAllRowsExpanded }) : null); }, className: "td" }), cell.render("Cell", { isScrolling: isScrolling, resetList: resetList, toggleAllRowsExpanded: toggleAllRowsExpanded })));
|
|
5895
6178
|
})),
|
|
5896
6179
|
row.isExpanded && renderRowSubComponent
|
|
5897
6180
|
? React__default.createElement("div", { className: 'tr-sub' }, renderRowSubComponent({ row: row, resetList: resetList, }))
|
|
@@ -5954,11 +6237,285 @@ function sortDirection(col) {
|
|
|
5954
6237
|
return "updown";
|
|
5955
6238
|
}
|
|
5956
6239
|
|
|
5957
|
-
var VirtualTableStyles = styled__default.div(templateObject_1$
|
|
5958
|
-
var templateObject_1$
|
|
6240
|
+
var VirtualTableStyles = styled__default.div(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\npadding: 1rem;\n\n.table-list-rows {\n ", "\n}\n\n.table {\n display: inline-flex;\n flex-direction: column;\n ", "\n width: 100% !important;\n min-width: 100% !important;\n ", "\n\n .thead {\n padding-right: 15px;\n ", "\n\n .tr {\n overflow-x: hidden;\n min-width: 100%;\n }\n }\n\n .tbody {\n flex: 1 1 auto;\n height: 80vh;\n }\n\n .tr-group {\n display: flex;\n flex-direction: column;\n\n .tr, .tr-sub {\n width: 99%;\n }\n }\n\n .tr {\n display: flex;\n\n ", "\n }\n\n .tr.header {\n position: sticky;\n }\n\n .th,\n .td {\n margin: 0;\n padding: 0.5rem;\n ", "\n }\n}"], ["\npadding: 1rem;\n\n.table-list-rows {\n ", "\n}\n\n.table {\n display: inline-flex;\n flex-direction: column;\n ", "\n width: 100% !important;\n min-width: 100% !important;\n ", "\n\n .thead {\n padding-right: 15px;\n ", "\n\n .tr {\n overflow-x: hidden;\n min-width: 100%;\n }\n }\n\n .tbody {\n flex: 1 1 auto;\n height: 80vh;\n }\n\n .tr-group {\n display: flex;\n flex-direction: column;\n\n .tr, .tr-sub {\n width: 99%;\n }\n }\n\n .tr {\n display: flex;\n\n ", "\n }\n\n .tr.header {\n position: sticky;\n }\n\n .th,\n .td {\n margin: 0;\n padding: 0.5rem;\n ", "\n }\n}"])), function (p) { return p.rowClickable ? "\n .tr {\n cursor: pointer;\n }\n " : ''; }, function (p) { return p.bordered ? "\n border-spacing: 0;\n border: 1px solid black;\n " : ''; }, function (p) { return p.tableHeight ? "height: ".concat(p.tableHeight).concat(typeof p.tableHeight === 'number' ? 'px' : '', ";") : ''; }, function (p) { return p.bordered ? 'border-bottom: 1px solid #000;' : ''; }, function (p) { return p.bordered ? "\n :last-child {\n .td {\n border-bottom: 0;\n }\n }\n " : ''; }, function (p) { return p.bordered ? "\n border-bottom: 1px solid black;\n border-right: 1px solid black;\n :last-child {\n border-right: 0;\n }\n " : ''; });
|
|
6241
|
+
var templateObject_1$N;
|
|
5959
6242
|
|
|
5960
|
-
var
|
|
5961
|
-
var
|
|
6243
|
+
var isSizeObj = function (val) { return typeof val === 'object' && (val['xs'] || val['sm'] || val['md'] || val['lg'] || val['xl']); };
|
|
6244
|
+
var parseResponsiveValue = function (value, transform) {
|
|
6245
|
+
if (typeof value === 'number' || typeof value === 'string' || typeof value === 'boolean') {
|
|
6246
|
+
return transform(value);
|
|
6247
|
+
}
|
|
6248
|
+
else if (Array.isArray(value)) {
|
|
6249
|
+
return value.map(function (v, i) {
|
|
6250
|
+
var _a;
|
|
6251
|
+
if (i >= sizes.length) {
|
|
6252
|
+
return {};
|
|
6253
|
+
}
|
|
6254
|
+
var size = sizes[i];
|
|
6255
|
+
if (v === null || v === undefined) {
|
|
6256
|
+
return {};
|
|
6257
|
+
}
|
|
6258
|
+
return _a = {}, _a[sizeMedia[size]] = transform(v), _a;
|
|
6259
|
+
}).reduce(function (acc, v) { return (__assign(__assign({}, acc), v)); }, {});
|
|
6260
|
+
}
|
|
6261
|
+
else if (typeof value === 'object') {
|
|
6262
|
+
if (!isSizeObj(value)) {
|
|
6263
|
+
return value;
|
|
6264
|
+
}
|
|
6265
|
+
return Object.keys(value)
|
|
6266
|
+
.filter(function (k) { return sizes.includes(k); })
|
|
6267
|
+
.map(function (k) {
|
|
6268
|
+
var _a;
|
|
6269
|
+
return (_a = {}, _a[sizeMedia[k]] = transform(value[k]), _a);
|
|
6270
|
+
})
|
|
6271
|
+
.reduce(function (acc, v) { return (__assign(__assign({}, acc), v)); }, {});
|
|
6272
|
+
}
|
|
6273
|
+
return {};
|
|
6274
|
+
};
|
|
6275
|
+
|
|
6276
|
+
var createMeasurementStyle = function (v, keys) {
|
|
6277
|
+
var value = typeof v === 'string' && ['auto', 'none'].includes(v)
|
|
6278
|
+
? v
|
|
6279
|
+
: parseMeasurement(v);
|
|
6280
|
+
return keys.reduce(function (acc, k) {
|
|
6281
|
+
var _a;
|
|
6282
|
+
return (__assign(__assign({}, acc), (_a = {}, _a[k] = value, _a)));
|
|
6283
|
+
}, {});
|
|
6284
|
+
};
|
|
6285
|
+
var styleKeys = [
|
|
6286
|
+
'pr', 'pl', 'pt', 'pb', 'px', 'py',
|
|
6287
|
+
'mr', 'ml', 'mt', 'mb', 'mx', 'my',
|
|
6288
|
+
'width', 'height',
|
|
6289
|
+
'color', 'bg', 'background', 'backgroundColor',
|
|
6290
|
+
'colSpan',
|
|
6291
|
+
'style', 'sx',
|
|
6292
|
+
];
|
|
6293
|
+
var stylesTransformMap = {
|
|
6294
|
+
mr: function (v) { return createMeasurementStyle(v, ['marginRight']); },
|
|
6295
|
+
ml: function (v) { return createMeasurementStyle(v, ['marginLeft']); },
|
|
6296
|
+
mt: function (v) { return createMeasurementStyle(v, ['marginTop']); },
|
|
6297
|
+
mb: function (v) { return createMeasurementStyle(v, ['marginBottom']); },
|
|
6298
|
+
mx: function (v) { return createMeasurementStyle(v, ['marginLeft', 'marginRight']); },
|
|
6299
|
+
my: function (v) { return createMeasurementStyle(v, ['marginTop', 'marginBottom']); },
|
|
6300
|
+
pr: function (v) { return createMeasurementStyle(v, ['paddingRight']); },
|
|
6301
|
+
pl: function (v) { return createMeasurementStyle(v, ['paddingLeft']); },
|
|
6302
|
+
pt: function (v) { return createMeasurementStyle(v, ['paddingTop']); },
|
|
6303
|
+
pb: function (v) { return createMeasurementStyle(v, ['paddingBottom']); },
|
|
6304
|
+
px: function (v) { return createMeasurementStyle(v, ['paddingLeft', 'paddingRight']); },
|
|
6305
|
+
py: function (v) { return createMeasurementStyle(v, ['paddingTop', 'paddingBottom']); },
|
|
6306
|
+
width: function (v) { return createMeasurementStyle(v, ['width']); },
|
|
6307
|
+
height: function (v) { return createMeasurementStyle(v, ['height']); },
|
|
6308
|
+
color: function (v) { return ({ color: v }); },
|
|
6309
|
+
bg: function (v) { return ({ background: v }); },
|
|
6310
|
+
background: function (v) { return ({ background: v }); },
|
|
6311
|
+
backgroundColor: function (v) { return ({ backgroundColor: v }); },
|
|
6312
|
+
hidden: function (v) { return (v ? { display: 'none' } : {}); },
|
|
6313
|
+
block: function (v) { return (v ? { display: 'block' } : {}); },
|
|
6314
|
+
inline_block: function (v) { return (v ? { display: 'inline-block' } : {}); },
|
|
6315
|
+
flex: function (v) { return (v ? { display: 'flex' } : {}); },
|
|
6316
|
+
inline_flex: function (v) { return (v ? { display: 'inline-flex' } : {}); },
|
|
6317
|
+
grid: function (v) { return (v ? { display: 'grid' } : {}); },
|
|
6318
|
+
float: function (v) { return (v === 'clearfix'
|
|
6319
|
+
? { '&::after': {
|
|
6320
|
+
content: '',
|
|
6321
|
+
display: 'table',
|
|
6322
|
+
clear: 'both',
|
|
6323
|
+
} }
|
|
6324
|
+
: { float: v }); },
|
|
6325
|
+
colSpan: function (v) {
|
|
6326
|
+
if (v === 'auto' || v === true) {
|
|
6327
|
+
return { gridColumn: 'auto' };
|
|
6328
|
+
}
|
|
6329
|
+
else if (v === false) {
|
|
6330
|
+
return { display: 'none' };
|
|
6331
|
+
}
|
|
6332
|
+
var colSpan = stripUnit(v);
|
|
6333
|
+
return { gridColumn: "span ".concat(colSpan, " / span ").concat(colSpan) };
|
|
6334
|
+
},
|
|
6335
|
+
style: function (v) { return v; },
|
|
6336
|
+
sx: function (v) { return v; },
|
|
6337
|
+
};
|
|
6338
|
+
var parseCskuStyles = function (p) {
|
|
6339
|
+
var sizeStylesObj = {};
|
|
6340
|
+
var stylesObj = {};
|
|
6341
|
+
var stylesArr = [];
|
|
6342
|
+
Object.keys(p)
|
|
6343
|
+
.filter(function (k) { return styleKeys.includes(k); })
|
|
6344
|
+
.forEach(function (k) {
|
|
6345
|
+
var parsedStyles = parseResponsiveValue(p[k], stylesTransformMap[k]);
|
|
6346
|
+
if (Array.isArray(parsedStyles)) {
|
|
6347
|
+
parsedStyles.forEach(function (v) {
|
|
6348
|
+
stylesArr.push(v);
|
|
6349
|
+
});
|
|
6350
|
+
}
|
|
6351
|
+
else {
|
|
6352
|
+
if (isSizeObj(p[k]) || Array.isArray(p[k])) {
|
|
6353
|
+
Object.keys(parsedStyles).forEach(function (sk) {
|
|
6354
|
+
sizeStylesObj[sk] = __assign(__assign({}, (sizeStylesObj[sk] || {})), parsedStyles[sk]);
|
|
6355
|
+
});
|
|
6356
|
+
}
|
|
6357
|
+
else {
|
|
6358
|
+
stylesObj = __assign(__assign({}, stylesObj), parsedStyles);
|
|
6359
|
+
}
|
|
6360
|
+
}
|
|
6361
|
+
});
|
|
6362
|
+
return __spreadArray([stylesObj, sizeStylesObj], stylesArr, true);
|
|
6363
|
+
};
|
|
6364
|
+
var Csku = styled__default.div(parseCskuStyles);
|
|
6365
|
+
|
|
6366
|
+
var Grid = styled__default.div(function (p) {
|
|
6367
|
+
var params = {
|
|
6368
|
+
display: 'grid',
|
|
6369
|
+
gridTemplateColumns: "repeat(".concat(p.columns || 12, ", minmax(0px, 1fr))"),
|
|
6370
|
+
};
|
|
6371
|
+
if (p.gap) {
|
|
6372
|
+
params['gap'] = parseMeasurement(p.gap);
|
|
6373
|
+
}
|
|
6374
|
+
return params;
|
|
6375
|
+
});
|
|
6376
|
+
var GridItem = styled__default.div(function (p) {
|
|
6377
|
+
var params = { gridColumn: 'auto' };
|
|
6378
|
+
var styles = [];
|
|
6379
|
+
if (p.colSpan) {
|
|
6380
|
+
var colStyles = parseResponsiveValue(p.colSpan, function (v) {
|
|
6381
|
+
if (v === 'auto') {
|
|
6382
|
+
return { gridColumn: 'auto' };
|
|
6383
|
+
}
|
|
6384
|
+
var colSpan = stripUnit(v);
|
|
6385
|
+
return { gridColumn: "span ".concat(colSpan, " / span ").concat(colSpan) };
|
|
6386
|
+
});
|
|
6387
|
+
if (Array.isArray(colStyles)) {
|
|
6388
|
+
colStyles.forEach(function (v) { styles.push(v); });
|
|
6389
|
+
}
|
|
6390
|
+
else {
|
|
6391
|
+
params = __assign(__assign({}, params), colStyles);
|
|
6392
|
+
}
|
|
6393
|
+
}
|
|
6394
|
+
return __spreadArray(__spreadArray([], styles, true), [params], false);
|
|
6395
|
+
});
|
|
6396
|
+
|
|
6397
|
+
var BaseCollapsible = function (props) {
|
|
6398
|
+
var children = props.children, style = props.style, label = props.label, controls = props.controls, _a = props.isOpen, isOpen = _a === void 0 ? false : _a, handleToggle = props.handleToggle;
|
|
6399
|
+
var _b = React.useState(isOpen ? undefined : 0), height = _b[0], setHeight = _b[1];
|
|
6400
|
+
var ref = React.useRef(null);
|
|
6401
|
+
React.useEffect(function () {
|
|
6402
|
+
if (!height || !isOpen || !ref.current)
|
|
6403
|
+
return undefined;
|
|
6404
|
+
var resizeObserver = new ResizeObserver(function (el) {
|
|
6405
|
+
setHeight(el[0].contentRect.height);
|
|
6406
|
+
});
|
|
6407
|
+
resizeObserver.observe(ref.current);
|
|
6408
|
+
return function () {
|
|
6409
|
+
resizeObserver.disconnect();
|
|
6410
|
+
};
|
|
6411
|
+
}, [height, isOpen]);
|
|
6412
|
+
React.useEffect(function () {
|
|
6413
|
+
var _a;
|
|
6414
|
+
if (isOpen)
|
|
6415
|
+
setHeight((_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height);
|
|
6416
|
+
else
|
|
6417
|
+
setHeight(0);
|
|
6418
|
+
}, [isOpen]);
|
|
6419
|
+
return (React__default.createElement("div", { style: style },
|
|
6420
|
+
React__default.createElement(Row, { style: __assign({ alignItems: 'center', padding: 10, paddingTop: 12, paddingBottom: 8, background: isOpen ? colors.white : colors.teal[20], borderRadius: isOpen ? 25 : 2000, flex: 'none', order: 1, flexGrow: 0 }, (isOpen
|
|
6421
|
+
? { border: "3px solid ".concat(colors.teal.main) }
|
|
6422
|
+
: {})) },
|
|
6423
|
+
React__default.createElement(Col, { xs: true, sm: 5.9, style: { cursor: 'pointer', }, onClick: handleToggle },
|
|
6424
|
+
React__default.createElement(CollapsibleLabel, { isOpen: isOpen }, label)),
|
|
6425
|
+
React__default.createElement(Col, { xs: true, sm: 5.9, style: { cursor: 'pointer', }, smStyle: "text-align: right;", xsStyle: "text-align: center;", onClick: handleToggle },
|
|
6426
|
+
React__default.createElement(CollapsibleControls, { isOpen: isOpen }, controls)),
|
|
6427
|
+
React__default.createElement(Col, { xs: true, style: {
|
|
6428
|
+
overflow: 'hidden',
|
|
6429
|
+
transition: 'height 0.2s ease-in-out',
|
|
6430
|
+
height: height,
|
|
6431
|
+
} },
|
|
6432
|
+
React__default.createElement("div", { ref: ref }, children)))));
|
|
6433
|
+
};
|
|
6434
|
+
var Collapsible$1 = function (props) {
|
|
6435
|
+
var children = props.children, open = props.open, onToggleOpen = props.onToggleOpen, rest = __rest(props, ["children", "open", "onToggleOpen"]);
|
|
6436
|
+
var _a = React.useState(open), isOpen = _a[0], setIsOpen = _a[1];
|
|
6437
|
+
var handleToggle = function () {
|
|
6438
|
+
setIsOpen(function (prev) {
|
|
6439
|
+
var val = !prev;
|
|
6440
|
+
onToggleOpen && onToggleOpen(val);
|
|
6441
|
+
return val;
|
|
6442
|
+
});
|
|
6443
|
+
};
|
|
6444
|
+
return (React__default.createElement(BaseCollapsible, __assign({ isOpen: isOpen, handleToggle: handleToggle }, rest), children));
|
|
6445
|
+
};
|
|
6446
|
+
var CollapsibleLabel = function (props) {
|
|
6447
|
+
var children = props.children, isOpen = props.isOpen;
|
|
6448
|
+
if (children === undefined || children === null) {
|
|
6449
|
+
return null;
|
|
6450
|
+
}
|
|
6451
|
+
if (typeof children === 'string' || typeof children === 'number' || typeof children === 'boolean') {
|
|
6452
|
+
return React__default.createElement("span", { style: {
|
|
6453
|
+
color: colors.teal.main,
|
|
6454
|
+
fontFamily: fontFamilies.bold,
|
|
6455
|
+
fontStyle: 'normal',
|
|
6456
|
+
fontWeight: 500,
|
|
6457
|
+
fontSize: 16,
|
|
6458
|
+
} }, children);
|
|
6459
|
+
}
|
|
6460
|
+
return React__default.cloneElement(children, { isOpen: isOpen });
|
|
6461
|
+
};
|
|
6462
|
+
var CollapsibleArrowIcon = function (props) {
|
|
6463
|
+
var isOpen = props.isOpen;
|
|
6464
|
+
return React__default.createElement(ChevronIcon, { size: 'medium', direction: 'down', altText: isOpen ? 'Close' : 'Open', style: __assign({ transition: 'all 0.2s linear', MozTransition: 'all 0.2s linear', WebkitTransition: 'all 0.2s linear' }, (isOpen ? {
|
|
6465
|
+
transform: 'rotate(180deg)',
|
|
6466
|
+
MozTransform: 'rotate(180deg)',
|
|
6467
|
+
WebkitTransform: 'rotate(180deg)',
|
|
6468
|
+
} : {
|
|
6469
|
+
transform: 'rotate(360deg)',
|
|
6470
|
+
MozTransform: 'rotate(360deg)',
|
|
6471
|
+
WebkitTransform: 'rotate(360deg)',
|
|
6472
|
+
})) });
|
|
6473
|
+
};
|
|
6474
|
+
var CollapsibleControls = function (props) {
|
|
6475
|
+
var children = props.children, _a = props.isOpen, isOpen = _a === void 0 ? false : _a;
|
|
6476
|
+
if (children === undefined || children === null) {
|
|
6477
|
+
return React__default.createElement(CollapsibleArrowIcon, { isOpen: isOpen });
|
|
6478
|
+
}
|
|
6479
|
+
if (typeof children === 'string' || typeof children === 'number' || typeof children === 'boolean') {
|
|
6480
|
+
return React__default.createElement("span", { style: {
|
|
6481
|
+
color: colors.teal.main,
|
|
6482
|
+
fontFamily: fontFamilies.bold,
|
|
6483
|
+
fontStyle: 'normal',
|
|
6484
|
+
fontWeight: 500,
|
|
6485
|
+
fontSize: 16,
|
|
6486
|
+
} }, children);
|
|
6487
|
+
}
|
|
6488
|
+
return React__default.cloneElement(children, { isOpen: isOpen });
|
|
6489
|
+
};
|
|
6490
|
+
function Collapsibles(props) {
|
|
6491
|
+
var list = props.list, controls = props.controls;
|
|
6492
|
+
var _a = React.useState(-1), open = _a[0], setOpen = _a[1];
|
|
6493
|
+
var handleOpen = function (i) { return setOpen(function (s) { return s === i ? -1 : i; }); };
|
|
6494
|
+
return (React__default.createElement("div", null, list.map(function (v, i) { return (React__default.createElement(BaseCollapsible, { key: "Collapsible-key-".concat(i), label: v.label, style: __assign({ paddingBottom: 10 }, v.style), controls: controls || v.controls, isOpen: open === i, handleToggle: function () {
|
|
6495
|
+
handleOpen(i);
|
|
6496
|
+
} }, v.children)); })));
|
|
6497
|
+
}
|
|
6498
|
+
|
|
6499
|
+
var ConfirmPopup = function (props) {
|
|
6500
|
+
var _a = props.confirmText, confirmText = _a === void 0 ? 'Are you sure you want to delete?' : _a, _b = props.disableDelete, disableDelete = _b === void 0 ? false : _b, onDelete = props.onDelete, onClose = props.onClose;
|
|
6501
|
+
return (React__default.createElement(Popup, { width: 'auto', height: 'auto', padding: '36px', noHeader: true, noCloseButton: true },
|
|
6502
|
+
React__default.createElement("p", { style: {
|
|
6503
|
+
fontFamily: fontStyles.p.medium.fontFamily,
|
|
6504
|
+
fontSize: fontStyles.p.medium.fontSize,
|
|
6505
|
+
lineHeight: fontStyles.p.medium.lineHeight,
|
|
6506
|
+
color: colors.neutrals.bodyText
|
|
6507
|
+
} }, confirmText),
|
|
6508
|
+
React__default.createElement("div", { style: { display: 'flex', flexDirection: 'row', justifyContent: 'center' } },
|
|
6509
|
+
React__default.createElement(Button, { size: "medium", variant: 'secondary', mr: 24, onClick: function () {
|
|
6510
|
+
onClose && onClose();
|
|
6511
|
+
} }, "Cancel"),
|
|
6512
|
+
React__default.createElement(Button, { size: "medium", variant: disableDelete ? 'disabled' : 'error', onClick: function () {
|
|
6513
|
+
onDelete && onDelete();
|
|
6514
|
+
}, disabled: disableDelete }, "Delete"))));
|
|
6515
|
+
};
|
|
6516
|
+
|
|
6517
|
+
var StyledDayBody = styled__default(Col)(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n position: relative;\n height: auto;\n border-right: 1px solid #eee;\n overflow: hidden;\n cursor: pointer;\n background: #fff;\n transition: 0.25s ease-out;\n font-size: 1em;\n overflow-y: auto;\n\n &:last-child {\n border-right: none;\n }\n\n &:hover {\n background: #f9f9f9;\n transition: 0.5s ease-out;\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"], ["\n position: relative;\n height: auto;\n border-right: 1px solid #eee;\n overflow: hidden;\n cursor: pointer;\n background: #fff;\n transition: 0.25s ease-out;\n font-size: 1em;\n overflow-y: auto;\n\n &:last-child {\n border-right: none;\n }\n\n &:hover {\n background: #f9f9f9;\n transition: 0.5s ease-out;\n }\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), function (p) { return p.selected ? "\n background: #f9f9f9;\n " : ''; }, function (p) { return p.today ? "\n background: #f9f9f9;\n " : ''; }, function (p) { return p.row ? "\n border-bottom: 1px solid #eee;\n " : ''; }, function (p) { return p.disabled ? "\n color: #ccc;\n pointer-events: none;\n " : ''; });
|
|
6518
|
+
var templateObject_1$O;
|
|
5962
6519
|
|
|
5963
6520
|
var CalendarDayBody = function (_a) {
|
|
5964
6521
|
var day = _a.day, selectedDate = _a.selectedDate, onClick = _a.onClick, children = _a.children, weekend = _a.weekend, props = __rest(_a, ["day", "selectedDate", "onClick", "children", "weekend"]);
|
|
@@ -5973,8 +6530,8 @@ var CalendarDayBody = function (_a) {
|
|
|
5973
6530
|
return (React__default.createElement(StyledDayBody, __assign({ padded: true, totalCols: weekend ? 7 : 5, xs: 1, selected: isSelected, today: isToday, onClick: onClick, className: classNames }, props), children || React__default.createElement("span", { style: { padding: 10, } }, formattedDay)));
|
|
5974
6531
|
};
|
|
5975
6532
|
|
|
5976
|
-
var DaysBodyWrapper = styled__default.div(templateObject_1$
|
|
5977
|
-
var templateObject_1$
|
|
6533
|
+
var DaysBodyWrapper = styled__default.div(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n font-size: 1em;\n font-weight: 300;\n line-height: 1;\n color: #777;\n background: #f9f9f9;\n position: relative;\n border-bottom: 1px solid #eee;\n"], ["\n font-size: 1em;\n font-weight: 300;\n line-height: 1;\n color: #777;\n background: #f9f9f9;\n position: relative;\n border-bottom: 1px solid #eee;\n"])));
|
|
6534
|
+
var templateObject_1$P;
|
|
5978
6535
|
|
|
5979
6536
|
var CalendarDaysBody = function (_a) {
|
|
5980
6537
|
var _b = _a.days, days = _b === void 0 ? [] : _b, currentMonth = _a.currentMonth, selectedDate = _a.selectedDate, onClickDay = _a.onClickDay, components = _a.components, _c = _a.dayBodyProps, dayBodyProps = _c === void 0 ? {} : _c, _d = _a.weekend, weekend = _d === void 0 ? true : _d, props = __rest(_a, ["days", "currentMonth", "selectedDate", "onClickDay", "components", "dayBodyProps", "weekend"]);
|
|
@@ -5986,11 +6543,11 @@ var CalendarDaysBody = function (_a) {
|
|
|
5986
6543
|
}))));
|
|
5987
6544
|
};
|
|
5988
6545
|
|
|
5989
|
-
var DaysHeaderWrapper = styled__default(Row)(templateObject_1$
|
|
5990
|
-
var templateObject_1$
|
|
6546
|
+
var DaysHeaderWrapper = styled__default(Row)(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n text-transform: uppercase;\n font-weight: 400;\n color: #ccc;\n font-size: 70%;\n padding: 0.75em 0 !important;\n border-bottom: 1px solid #eee;\n"], ["\n text-transform: uppercase;\n font-weight: 400;\n color: #ccc;\n font-size: 70%;\n padding: 0.75em 0 !important;\n border-bottom: 1px solid #eee;\n"])));
|
|
6547
|
+
var templateObject_1$Q;
|
|
5991
6548
|
|
|
5992
|
-
var StyledDayText = styled__default(Text)(templateObject_1$
|
|
5993
|
-
var templateObject_1$
|
|
6549
|
+
var StyledDayText = styled__default(Text)(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) { return props.selected ? "\n border-radius: 15px;\n background: ".concat(colors.cta, ";\n color: white;\n font-weight: bold;\n padding: 0 5px;\n ") : ''; });
|
|
6550
|
+
var templateObject_1$R;
|
|
5994
6551
|
|
|
5995
6552
|
var CalendarDaysHeader = function (_a) {
|
|
5996
6553
|
var currentMonth = _a.currentMonth, selectedDate = _a.selectedDate, weekend = _a.weekend;
|
|
@@ -6005,11 +6562,11 @@ var CalendarDaysHeader = function (_a) {
|
|
|
6005
6562
|
})));
|
|
6006
6563
|
};
|
|
6007
6564
|
|
|
6008
|
-
var CalendarWrapper = styled__default.div(templateObject_1$
|
|
6009
|
-
var templateObject_1$
|
|
6565
|
+
var CalendarWrapper = styled__default.div(templateObject_1$S || (templateObject_1$S = __makeTemplateObject(["\n display: block;\n position: relative;\n width: 100%;\n background: #fff;\n .calendar-scroll {\n overflow-x: scroll;\n }\n .days-body-wrapper, .days-header-wrapper {\n min-width: 900px;\n }\n"], ["\n display: block;\n position: relative;\n width: 100%;\n background: #fff;\n .calendar-scroll {\n overflow-x: scroll;\n }\n .days-body-wrapper, .days-header-wrapper {\n min-width: 900px;\n }\n"])));
|
|
6566
|
+
var templateObject_1$S;
|
|
6010
6567
|
|
|
6011
|
-
var HeaderWrapper = styled__default(Row)(templateObject_1$
|
|
6012
|
-
var templateObject_1$
|
|
6568
|
+
var HeaderWrapper = styled__default(Row)(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n width: 100%;\n padding: 1.75em 0 !important;\n border-bottom: 1px solid #eee;\n background: #fff;\n font-weight: 700;\n font-size: 100%;\n"], ["\n width: 100%;\n padding: 1.75em 0 !important;\n border-bottom: 1px solid #eee;\n background: #fff;\n font-weight: 700;\n font-size: 100%;\n"])));
|
|
6569
|
+
var templateObject_1$T;
|
|
6013
6570
|
|
|
6014
6571
|
var DefaultCalendarFooter = function (_a) {
|
|
6015
6572
|
var currentWeek = _a.currentWeek;
|
|
@@ -6042,7 +6599,7 @@ var TasksCalendarDayBody = function (_a) {
|
|
|
6042
6599
|
React__default.createElement(CalendarTask, __assign({}, t, { date: undefined })))); })));
|
|
6043
6600
|
};
|
|
6044
6601
|
|
|
6045
|
-
var WeekNav = styled__default(Text)(templateObject_1$
|
|
6602
|
+
var WeekNav = styled__default(Text)(templateObject_1$U || (templateObject_1$U = __makeTemplateObject(["\n display: inline-block;\n padding: 0;\n"], ["\n display: inline-block;\n padding: 0;\n"])));
|
|
6046
6603
|
var CalendarIconDatePicker = React__default.forwardRef(function (_a, ref) {
|
|
6047
6604
|
var value = _a.value, onClick = _a.onClick;
|
|
6048
6605
|
return (React__default.createElement("span", { ref: ref, onClick: onClick },
|
|
@@ -6115,7 +6672,7 @@ var TasksCalendarHeader = function (_a) {
|
|
|
6115
6672
|
} }, "+ Add Task")
|
|
6116
6673
|
: null)));
|
|
6117
6674
|
};
|
|
6118
|
-
var templateObject_1$
|
|
6675
|
+
var templateObject_1$U;
|
|
6119
6676
|
|
|
6120
6677
|
var TasksCalendarFooter = function (_a) {
|
|
6121
6678
|
var currentWeek = _a.currentWeek, _b = _a.tasks, tasks = _b === void 0 ? [] : _b;
|
|
@@ -6467,7 +7024,7 @@ var scrollbarWidth = function () {
|
|
|
6467
7024
|
return scrollbarWidth;
|
|
6468
7025
|
};
|
|
6469
7026
|
|
|
6470
|
-
var SimpleWindowedTableStyles = styled__default.div(templateObject_1$
|
|
7027
|
+
var SimpleWindowedTableStyles = styled__default.div(templateObject_1$V || (templateObject_1$V = __makeTemplateObject(["\npadding: 1rem;\n\n.table-list-rows {\n width: 100% !important;\n\n ", "\n}\n\n.table {\n display: inline-block;\n border-spacing: 0;\n width: 100%;\n min-width: 100% !important;\n\n ", "\n\n .header.tr, .table-footer.tr {\n width: 100% !important;\n min-width: 100% !important;\n overflow-x: hidden;\n }\n\n .tr {\n :last-child {\n .td {\n border-bottom: 0;\n }\n }\n }\n\n .th {\n border-bottom: 2px solid ", ";\n\n div {\n display: inline-block;\n }\n }\n\n .td {\n border-bottom: 1px solid ", ";\n }\n\n /* set hover styles */\n ", "\n\n /* row selected => if selectedRowStyle === true then set background color else set given styles */\n ", "\n\n .th,\n .td {\n margin: 0;\n padding: 0.5rem;\n }\n}\n"], ["\npadding: 1rem;\n\n.table-list-rows {\n width: 100% !important;\n\n ", "\n}\n\n.table {\n display: inline-block;\n border-spacing: 0;\n width: 100%;\n min-width: 100% !important;\n\n ", "\n\n .header.tr, .table-footer.tr {\n width: 100% !important;\n min-width: 100% !important;\n overflow-x: hidden;\n }\n\n .tr {\n :last-child {\n .td {\n border-bottom: 0;\n }\n }\n }\n\n .th {\n border-bottom: 2px solid ", ";\n\n div {\n display: inline-block;\n }\n }\n\n .td {\n border-bottom: 1px solid ", ";\n }\n\n /* set hover styles */\n ", "\n\n /* row selected => if selectedRowStyle === true then set background color else set given styles */\n ", "\n\n .th,\n .td {\n margin: 0;\n padding: 0.5rem;\n }\n}\n"])), function (p) { return p.rowClickable ? "\n .tr {\n cursor: pointer;\n }\n " : ''; }, function (p) { return p.bordered ?
|
|
6471
7028
|
"border: ".concat(typeof p.bordered === 'string'
|
|
6472
7029
|
? p.bordered
|
|
6473
7030
|
: "1px solid ".concat(getThemeColor(p, 'tableBorder', '#edf2f5')), ";")
|
|
@@ -6548,7 +7105,7 @@ function SimpleWindowedTable(_a) {
|
|
|
6548
7105
|
React__default.createElement("div", __assign({}, getTableBodyProps()), rows.length === 0 && NoRowsFound ? React__default.createElement(NoRowsFound, null) : React__default.createElement(reactWindow.FixedSizeList, { height: height, itemCount: rows.length, itemSize: itemSize, width: totalColumnsWidth + scrollBarSize, className: "table-list-rows", outerRef: rowsRef, onScroll: onScroll, useIsScrolling: true }, RenderRow)),
|
|
6549
7106
|
!hideFooter ? React__default.createElement("div", __assign({}, tableFooterProps, { className: "table-footer-wrapper ".concat(tableFooterProps.className || '') }), footerGroups.map(function (footerGroup) { return (React__default.createElement("div", __assign({}, getHeaderGroupProps(footerGroup, true), { className: "table-footer tr", ref: footerRef }), footerGroup.headers.map(function (column) { return (React__default.createElement("div", __assign({}, getHeaderProps(column, true)), column.render("Footer"))); }))); })) : null));
|
|
6550
7107
|
}
|
|
6551
|
-
var templateObject_1$
|
|
7108
|
+
var templateObject_1$V;
|
|
6552
7109
|
|
|
6553
7110
|
Object.defineProperty(exports, 'components', {
|
|
6554
7111
|
enumerable: true,
|
|
@@ -6568,12 +7125,6 @@ Object.defineProperty(exports, 'mergeStyles', {
|
|
|
6568
7125
|
return BaseSelect.mergeStyles;
|
|
6569
7126
|
}
|
|
6570
7127
|
});
|
|
6571
|
-
Object.defineProperty(exports, 'makeCreatableSelect', {
|
|
6572
|
-
enumerable: true,
|
|
6573
|
-
get: function () {
|
|
6574
|
-
return BaseCreatableSelect.makeCreatableSelect;
|
|
6575
|
-
}
|
|
6576
|
-
});
|
|
6577
7128
|
exports.AddIcon = AddIcon;
|
|
6578
7129
|
exports.AddNoteIcon = AddNoteIcon;
|
|
6579
7130
|
exports.AddTaskIcon = AddTaskIcon;
|
|
@@ -6615,15 +7166,22 @@ exports.Col = Col;
|
|
|
6615
7166
|
exports.CollapseStyled = CollapseStyled;
|
|
6616
7167
|
exports.CollapseWrapper = CollapseWrapper;
|
|
6617
7168
|
exports.Collapsible = Collapsible;
|
|
7169
|
+
exports.CollapsibleArrowIcon = CollapsibleArrowIcon;
|
|
7170
|
+
exports.CollapsibleLabel = CollapsibleLabel;
|
|
6618
7171
|
exports.CollapsiblePanel = CollapsiblePanel;
|
|
6619
7172
|
exports.CollapsiblePanelTitle = CollapsiblePanelTitle;
|
|
6620
7173
|
exports.CollapsiblePanels = CollapsiblePanels;
|
|
7174
|
+
exports.CollapsibleV2 = Collapsible$1;
|
|
7175
|
+
exports.Collapsibles = Collapsibles;
|
|
7176
|
+
exports.Column = Column;
|
|
6621
7177
|
exports.ColumnSelectIcon = ColumnSelectIcon;
|
|
6622
7178
|
exports.CommentIcon = CommentIcon;
|
|
6623
7179
|
exports.CompletedCheckmarkIcon = CompletedCheckmarkIcon;
|
|
7180
|
+
exports.ConfirmPopup = ConfirmPopup;
|
|
6624
7181
|
exports.CouponIcon = CouponIcon;
|
|
6625
7182
|
exports.CreatableSelect = SKUCreatableSelect;
|
|
6626
7183
|
exports.CreditCardIcon = CreditCardIcon;
|
|
7184
|
+
exports.Csku = Csku;
|
|
6627
7185
|
exports.CustomDateInput = CustomDateInput;
|
|
6628
7186
|
exports.Datepicker = Datepicker;
|
|
6629
7187
|
exports.DaysBodyWrapper = DaysBodyWrapper;
|
|
@@ -6635,6 +7193,7 @@ exports.DollarIcon = DollarIcon;
|
|
|
6635
7193
|
exports.DoneButton = DoneButton;
|
|
6636
7194
|
exports.Dot = Dot;
|
|
6637
7195
|
exports.DownloadIcon = DownloadIcon;
|
|
7196
|
+
exports.DragIcon = DragIcon;
|
|
6638
7197
|
exports.DraggableTasksCalendar = DraggableTasksCalendar;
|
|
6639
7198
|
exports.DropArea = DropArea;
|
|
6640
7199
|
exports.DropDownContent = DropDownContent;
|
|
@@ -6655,7 +7214,12 @@ exports.GalleryIcon = GalleryIcon;
|
|
|
6655
7214
|
exports.GearIcon = GearIcon;
|
|
6656
7215
|
exports.GlobalStyle = GlobalStyle;
|
|
6657
7216
|
exports.Grid = Grid;
|
|
7217
|
+
exports.GridCell = GridCell;
|
|
6658
7218
|
exports.GridIcon = GridIcon;
|
|
7219
|
+
exports.GridItem = GridItem;
|
|
7220
|
+
exports.GridRow = GridRow;
|
|
7221
|
+
exports.GridTable = GridTable;
|
|
7222
|
+
exports.GridTableContainer = GridTableContainer;
|
|
6659
7223
|
exports.H1 = H1;
|
|
6660
7224
|
exports.H2 = H2;
|
|
6661
7225
|
exports.H3 = H3;
|
|
@@ -6796,6 +7360,7 @@ exports.VirtualTableStyles = VirtualTableStyles;
|
|
|
6796
7360
|
exports.Wrapper = Wrapper;
|
|
6797
7361
|
exports.XIcon = XIcon;
|
|
6798
7362
|
exports.colors = colors;
|
|
7363
|
+
exports.createMeasurementStyle = createMeasurementStyle;
|
|
6799
7364
|
exports.datepickerStyles = datepickerStyles;
|
|
6800
7365
|
exports.fontFamilies = fontFamilies;
|
|
6801
7366
|
exports.fontStyles = fontStyles;
|
|
@@ -6807,6 +7372,7 @@ exports.getThemeFontFamily = getThemeFontFamily;
|
|
|
6807
7372
|
exports.getThemeFontSize = getThemeFontSize;
|
|
6808
7373
|
exports.getThemeFontStyle = getThemeFontStyle;
|
|
6809
7374
|
exports.getThemeProperty = getThemeProperty;
|
|
7375
|
+
exports.parseCskuStyles = parseCskuStyles;
|
|
6810
7376
|
exports.sizes = sizes$1;
|
|
6811
7377
|
exports.themeOptions = themeOptions;
|
|
6812
7378
|
exports.toggleSizes = toggleSizes;
|