@commonsku/styles 1.16.12-1 → 1.16.12
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 +6 -2
- package/dist/index.es.js +38 -25
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +38 -24
- package/dist/index.js.map +1 -1
- package/dist/styles/Popup.d.ts +4 -0
- package/dist/styles/Popup.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -4161,6 +4161,7 @@ var useFallbackRef = function (forwardedRef) {
|
|
|
4161
4161
|
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; });
|
|
4162
4162
|
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);
|
|
4163
4163
|
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);
|
|
4164
|
+
var ChevronButton = styled__default(ChevronIcon)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n && {\n position: absolute;\n width: 120px;\n height: 120px;\n ", "\n top: calc(50% - 120px/2 + 22.5px);\n }\n"], ["\n && {\n position: absolute;\n width: 120px;\n height: 120px;\n ", "\n top: calc(50% - 120px/2 + 22.5px);\n }\n"])), function (props) { return props.left ? 'left: 0px;' : 'right: 0px;'; });
|
|
4164
4165
|
var PopupContainer = function (_a) {
|
|
4165
4166
|
var children = _a.children;
|
|
4166
4167
|
var ref = React__default.useRef(document$1.createElement('div'));
|
|
@@ -4174,7 +4175,7 @@ var PopupContainer = function (_a) {
|
|
|
4174
4175
|
return ReactDOM.createPortal(children, ref.current);
|
|
4175
4176
|
};
|
|
4176
4177
|
var Popup = React__default.forwardRef(function (_a, forwardedRef) {
|
|
4177
|
-
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, popupClassName = _a.popupClassName, contentClassName = _a.contentClassName, props = __rest(_a, ["header", "noHeader", "title", "controls", "children", "onClose", "noCloseButton", "closeOnEsc", "closeOnClickOutside", "overlayZIndex", "popupClassName", "contentClassName"]);
|
|
4178
|
+
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, popupClassName = _a.popupClassName, contentClassName = _a.contentClassName, _f = _a.PopupWindowComponent, PopupWindowComponent = _f === void 0 ? PopupWindow : _f, props = __rest(_a, ["header", "noHeader", "title", "controls", "children", "onClose", "noCloseButton", "closeOnEsc", "closeOnClickOutside", "overlayZIndex", "popupClassName", "contentClassName", "PopupWindowComponent"]);
|
|
4178
4179
|
var ref = useFallbackRef(forwardedRef);
|
|
4179
4180
|
useClickOutside({
|
|
4180
4181
|
ref: ref,
|
|
@@ -4202,14 +4203,16 @@ var Popup = React__default.forwardRef(function (_a, forwardedRef) {
|
|
|
4202
4203
|
}, [closeOnClickOutside, closeOnEsc, onClose]);
|
|
4203
4204
|
return React__default.createElement(PopupContainer, null,
|
|
4204
4205
|
React__default.createElement(Overlay, { zIndex: overlayZIndex },
|
|
4205
|
-
React__default.createElement(
|
|
4206
|
+
React__default.createElement(PopupWindowComponent, __assign({ className: "popup" + (popupClassName ? " ".concat(popupClassName) : '') }, props, { ref: ref }),
|
|
4206
4207
|
noHeader ? null :
|
|
4207
4208
|
header ? header : (React__default.createElement(PopupHeader, { className: "popup-header", xsStyle: "flex-wrap: wrap-reverse;", smStyle: "flex-wrap: wrap;" },
|
|
4208
4209
|
React__default.createElement(Col, { style: { textAlign: 'left', alignSelf: 'center' } },
|
|
4209
4210
|
React__default.createElement("span", { className: "title" }, title)),
|
|
4210
4211
|
React__default.createElement(Col, { style: { textAlign: 'right', alignSelf: 'center' } }, noCloseButton ? null :
|
|
4211
4212
|
controls || React__default.createElement(Button, { onClick: onClose }, "Close")))),
|
|
4212
|
-
React__default.createElement("div", { className: "popup-content" + (contentClassName ? " ".concat(contentClassName) : '') },
|
|
4213
|
+
React__default.createElement("div", { className: "popup-content" + (contentClassName ? " ".concat(contentClassName) : '') },
|
|
4214
|
+
children,
|
|
4215
|
+
" "))));
|
|
4213
4216
|
});
|
|
4214
4217
|
var ShowPopup = function (_a) {
|
|
4215
4218
|
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"]);
|
|
@@ -4218,12 +4221,22 @@ var ShowPopup = function (_a) {
|
|
|
4218
4221
|
showPopup && React__default.createElement(PopupComponent, __assign({ onClose: function () { return setShowPopup(false); }, closeOnEsc: closeOnEsc, closeOnClickOutside: closeOnClickOutside }, props)),
|
|
4219
4222
|
render && render({ onClick: function () { return setShowPopup(!showPopup); } }));
|
|
4220
4223
|
};
|
|
4221
|
-
var
|
|
4224
|
+
var ChevronPopupWindow = function (props) {
|
|
4225
|
+
var onPreviousButtonClick = props.onPreviousButtonClick, onNextButtonClick = props.onNextButtonClick, hidePreviousButton = props.hidePreviousButton, hideNextButton = props.hideNextButton, rest = __rest(props, ["onPreviousButtonClick", "onNextButtonClick", "hidePreviousButton", "hideNextButton"]);
|
|
4226
|
+
return React__default.createElement(React__default.Fragment, null,
|
|
4227
|
+
!hidePreviousButton && React__default.createElement(ChevronButton, { direction: 'left', left: true, onClick: onPreviousButtonClick }),
|
|
4228
|
+
React__default.createElement(PopupWindow, __assign({}, rest)),
|
|
4229
|
+
!hideNextButton && React__default.createElement(ChevronButton, { direction: 'right', onClick: onNextButtonClick }));
|
|
4230
|
+
};
|
|
4231
|
+
var ChevronPopup = function (props) {
|
|
4232
|
+
return React__default.createElement(Popup, __assign({ PopupWindowComponent: ChevronPopupWindow }, props));
|
|
4233
|
+
};
|
|
4234
|
+
var templateObject_1$n, templateObject_2$e, templateObject_3$7, templateObject_4$6;
|
|
4222
4235
|
|
|
4223
4236
|
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);
|
|
4224
4237
|
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);
|
|
4225
4238
|
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'; });
|
|
4226
|
-
var FieldError = styled__default.p(templateObject_4$
|
|
4239
|
+
var FieldError = styled__default.p(templateObject_4$7 || (templateObject_4$7 = __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']);
|
|
4227
4240
|
var defaultTransform = function (v) { return v.target ? v.target.value : v.currentTarget ? v.currentTarget.value : v.value; };
|
|
4228
4241
|
var Column = function (_a) {
|
|
4229
4242
|
var name = _a.name, title = _a.title, children = _a.children, centerContent = _a.centerContent, _b = _a.transform;
|
|
@@ -4406,14 +4419,14 @@ function GridTable(_a) {
|
|
|
4406
4419
|
Adding && NewRow,
|
|
4407
4420
|
onAdd && !Adding && AddNew)));
|
|
4408
4421
|
}
|
|
4409
|
-
var templateObject_1$o, templateObject_2$f, templateObject_3$8, templateObject_4$
|
|
4422
|
+
var templateObject_1$o, templateObject_2$f, templateObject_3$8, templateObject_4$7;
|
|
4410
4423
|
|
|
4411
4424
|
var tabSizes = {
|
|
4412
4425
|
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 "]))),
|
|
4413
4426
|
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 "]))),
|
|
4414
4427
|
};
|
|
4415
4428
|
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);
|
|
4416
|
-
var Tab = styled__default.li(templateObject_4$
|
|
4429
|
+
var Tab = styled__default.li(templateObject_4$8 || (templateObject_4$8 = __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"
|
|
4417
4430
|
/*
|
|
4418
4431
|
|
|
4419
4432
|
Here's how you use this:
|
|
@@ -4501,7 +4514,7 @@ var Tabs = /** @class */ (function (_super) {
|
|
|
4501
4514
|
};
|
|
4502
4515
|
return Tabs;
|
|
4503
4516
|
}(React.Component));
|
|
4504
|
-
var templateObject_1$p, templateObject_2$g, templateObject_3$9, templateObject_4$
|
|
4517
|
+
var templateObject_1$p, templateObject_2$g, templateObject_3$9, templateObject_4$8;
|
|
4505
4518
|
|
|
4506
4519
|
var toggleSizes = {
|
|
4507
4520
|
small: {
|
|
@@ -4639,7 +4652,7 @@ var templateObject_1$t, templateObject_2$i;
|
|
|
4639
4652
|
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"])));
|
|
4640
4653
|
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"])));
|
|
4641
4654
|
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"])));
|
|
4642
|
-
var ProductWrapper = styled__default.div(templateObject_4$
|
|
4655
|
+
var ProductWrapper = styled__default.div(templateObject_4$9 || (templateObject_4$9 = __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);
|
|
4643
4656
|
var Product = function (props) {
|
|
4644
4657
|
return React__default.createElement(ProductWrapper, __assign({}, props),
|
|
4645
4658
|
React__default.createElement(ProductInfo, null,
|
|
@@ -4650,12 +4663,12 @@ var Product = function (props) {
|
|
|
4650
4663
|
props.price && props.currency ? props.currency + "$" + props.price : null,
|
|
4651
4664
|
props.rating ? React__default.createElement(StarRating, { rating: props.rating }) : null));
|
|
4652
4665
|
};
|
|
4653
|
-
var templateObject_1$u, templateObject_2$j, templateObject_3$b, templateObject_4$
|
|
4666
|
+
var templateObject_1$u, templateObject_2$j, templateObject_3$b, templateObject_4$9;
|
|
4654
4667
|
|
|
4655
4668
|
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"])));
|
|
4656
4669
|
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); });
|
|
4657
4670
|
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"])));
|
|
4658
|
-
var ArtworkInfo = styled__default.div(templateObject_4$
|
|
4671
|
+
var ArtworkInfo = styled__default.div(templateObject_4$a || (templateObject_4$a = __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"; });
|
|
4659
4672
|
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);
|
|
4660
4673
|
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);
|
|
4661
4674
|
function truncate$1(filename, max) {
|
|
@@ -4694,12 +4707,12 @@ var Artwork = function (_a) {
|
|
|
4694
4707
|
"Updated ",
|
|
4695
4708
|
props.date) : null));
|
|
4696
4709
|
};
|
|
4697
|
-
var templateObject_1$v, templateObject_2$k, templateObject_3$c, templateObject_4$
|
|
4710
|
+
var templateObject_1$v, templateObject_2$k, templateObject_3$c, templateObject_4$a, templateObject_5$6, templateObject_6$5;
|
|
4698
4711
|
|
|
4699
4712
|
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);" : ''; });
|
|
4700
4713
|
var TaskName = styled__default.div(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["flex-grow: 1; font-size:13px;"], ["flex-grow: 1; font-size:13px;"])));
|
|
4701
4714
|
var StyledTask = styled__default.div(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["margin-bottom: 1.5em; ", ""], ["margin-bottom: 1.5em; ", ""])), SharedStyles);
|
|
4702
|
-
var TaskBody = styled__default.div(templateObject_4$
|
|
4715
|
+
var TaskBody = styled__default.div(templateObject_4$b || (templateObject_4$b = __makeTemplateObject(["margin-left:34px;"], ["margin-left:34px;"])));
|
|
4703
4716
|
var Task = function (_a) {
|
|
4704
4717
|
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"]);
|
|
4705
4718
|
var _c = React.useState(initialChecked), checked = _c[0], setChecked = _c[1];
|
|
@@ -4773,7 +4786,7 @@ var CalendarTask = React__default.forwardRef(function (_a, ref) {
|
|
|
4773
4786
|
assignee ? "for " + assignee : null,
|
|
4774
4787
|
assignee ? "on " : null)));
|
|
4775
4788
|
});
|
|
4776
|
-
var templateObject_1$w, templateObject_2$l, templateObject_3$d, templateObject_4$
|
|
4789
|
+
var templateObject_1$w, templateObject_2$l, templateObject_3$d, templateObject_4$b, templateObject_5$7, templateObject_6$6;
|
|
4777
4790
|
|
|
4778
4791
|
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); });
|
|
4779
4792
|
var Publisher = function (props) {
|
|
@@ -4782,7 +4795,7 @@ var Publisher = function (props) {
|
|
|
4782
4795
|
};
|
|
4783
4796
|
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);
|
|
4784
4797
|
var WidePart = styled__default.div(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["flex-grow:1;"], ["flex-grow:1;"])));
|
|
4785
|
-
var Date$1 = styled__default.span(templateObject_4$
|
|
4798
|
+
var Date$1 = styled__default.span(templateObject_4$c || (templateObject_4$c = __makeTemplateObject(["color: ", "; display: inline-block;"], ["color: ", "; display: inline-block;"])), function (props) { return getThemeColor(props, "textbody", colors.textbody); });
|
|
4786
4799
|
var Action = styled__default.a(templateObject_5$8 || (templateObject_5$8 = __makeTemplateObject(["display: inline-block; margin-left: 10px;"], ["display: inline-block; margin-left: 10px;"])));
|
|
4787
4800
|
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); });
|
|
4788
4801
|
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); });
|
|
@@ -4803,12 +4816,12 @@ var FeedPost = function (props) {
|
|
|
4803
4816
|
props.comments && props.comments.length > 0 ?
|
|
4804
4817
|
React__default.createElement(Comments, null, props.comments) : null));
|
|
4805
4818
|
};
|
|
4806
|
-
var templateObject_1$x, templateObject_2$m, templateObject_3$e, templateObject_4$
|
|
4819
|
+
var templateObject_1$x, templateObject_2$m, templateObject_3$e, templateObject_4$c, templateObject_5$8, templateObject_6$7, templateObject_7$3, templateObject_8$2, templateObject_9$1, templateObject_10;
|
|
4807
4820
|
|
|
4808
4821
|
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);
|
|
4809
4822
|
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"])));
|
|
4810
4823
|
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"])));
|
|
4811
|
-
var BotImg = styled__default.img(templateObject_4$
|
|
4824
|
+
var BotImg = styled__default.img(templateObject_4$d || (templateObject_4$d = __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"])));
|
|
4812
4825
|
var ErrorBoundary = /** @class */ (function (_super) {
|
|
4813
4826
|
__extends(ErrorBoundary, _super);
|
|
4814
4827
|
function ErrorBoundary(props) {
|
|
@@ -4836,7 +4849,7 @@ var ErrorBoundary = /** @class */ (function (_super) {
|
|
|
4836
4849
|
};
|
|
4837
4850
|
return ErrorBoundary;
|
|
4838
4851
|
}(React.Component));
|
|
4839
|
-
var templateObject_1$y, templateObject_2$n, templateObject_3$f, templateObject_4$
|
|
4852
|
+
var templateObject_1$y, templateObject_2$n, templateObject_3$f, templateObject_4$d;
|
|
4840
4853
|
|
|
4841
4854
|
var CustomDateInput = React__default.forwardRef(function (_a, ref) {
|
|
4842
4855
|
var error = _a.error, noMargin = _a.noMargin, onClick = _a.onClick, isClearable = _a.isClearable, props = __rest(_a, ["error", "noMargin", "onClick", "isClearable"]);
|
|
@@ -5355,10 +5368,10 @@ var Sparkle = function (_a) {
|
|
|
5355
5368
|
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"])));
|
|
5356
5369
|
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"])));
|
|
5357
5370
|
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"])));
|
|
5358
|
-
var SparkleWrapper = styled__default.span(templateObject_4$
|
|
5371
|
+
var SparkleWrapper = styled__default.span(templateObject_4$e || (templateObject_4$e = __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);
|
|
5359
5372
|
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);
|
|
5360
5373
|
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"])));
|
|
5361
|
-
var templateObject_1$C, templateObject_2$q, templateObject_3$i, templateObject_4$
|
|
5374
|
+
var templateObject_1$C, templateObject_2$q, templateObject_3$i, templateObject_4$e, templateObject_5$9, templateObject_6$8;
|
|
5362
5375
|
|
|
5363
5376
|
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"])));
|
|
5364
5377
|
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; });
|
|
@@ -5408,7 +5421,7 @@ var templateObject_1$D, templateObject_2$r, templateObject_3$j;
|
|
|
5408
5421
|
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"])));
|
|
5409
5422
|
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; });
|
|
5410
5423
|
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"])));
|
|
5411
|
-
var DropdownDisplay = styled__default.div(templateObject_4$
|
|
5424
|
+
var DropdownDisplay = styled__default.div(templateObject_4$f || (templateObject_4$f = __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; });
|
|
5412
5425
|
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; });
|
|
5413
5426
|
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;") : ''; });
|
|
5414
5427
|
var Circles = function (_a) {
|
|
@@ -5460,7 +5473,7 @@ var StateDropdown = function (_a) {
|
|
|
5460
5473
|
" ");
|
|
5461
5474
|
}))));
|
|
5462
5475
|
};
|
|
5463
|
-
var templateObject_1$E, templateObject_2$s, templateObject_3$k, templateObject_4$
|
|
5476
|
+
var templateObject_1$E, templateObject_2$s, templateObject_3$k, templateObject_4$f, templateObject_5$a, templateObject_6$9;
|
|
5464
5477
|
|
|
5465
5478
|
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
5466
5479
|
if (source == null) return {};
|
|
@@ -6355,7 +6368,7 @@ function NumberInput(props) {
|
|
|
6355
6368
|
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);
|
|
6356
6369
|
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);
|
|
6357
6370
|
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);
|
|
6358
|
-
var CurrentNumber = styled__default.div(templateObject_4$
|
|
6371
|
+
var CurrentNumber = styled__default.div(templateObject_4$g || (templateObject_4$g = __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);
|
|
6359
6372
|
function InputStepperStyled(props) {
|
|
6360
6373
|
var containerWidth = props.containerWidth, inputDisabled = props.inputDisabled, label = props.label, labelStyle = props.labelStyle, containerStyle = props.containerStyle, style = props.style, onIncrement = props.onIncrement, onDecrement = props.onDecrement, _a = props.decrementButtonProps, decrementButtonProps = _a === void 0 ? {} : _a, _b = props.incrementButtonProps, incrementButtonProps = _b === void 0 ? {} : _b, rest = __rest(props, ["containerWidth", "inputDisabled", "label", "labelStyle", "containerStyle", "style", "onIncrement", "onDecrement", "decrementButtonProps", "incrementButtonProps"]);
|
|
6361
6374
|
return (React__default.createElement(InputStepperOuterContainer, { width: containerWidth, style: containerStyle },
|
|
@@ -6437,7 +6450,7 @@ function InputStepper(props) {
|
|
|
6437
6450
|
onIncrementMouseDown();
|
|
6438
6451
|
}, onMouseOut: holdIncrement ? onIncrementMouseLeave : undefined, onMouseUp: holdIncrement ? onIncrementMouseUp : undefined, onTouchEnd: holdIncrement ? onIncrementTouchEnd : undefined, onTouchStart: holdIncrement ? onIncrementTouchStart : undefined }))));
|
|
6439
6452
|
}
|
|
6440
|
-
var templateObject_1$M, templateObject_2$y, templateObject_3$m, templateObject_4$
|
|
6453
|
+
var templateObject_1$M, templateObject_2$y, templateObject_3$m, templateObject_4$g;
|
|
6441
6454
|
|
|
6442
6455
|
var VirtualTable = function (props) {
|
|
6443
6456
|
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;
|
|
@@ -7600,6 +7613,7 @@ exports.CheckboxIcon = CheckboxIcon;
|
|
|
7600
7613
|
exports.CheckboxLabel = CheckboxLabel;
|
|
7601
7614
|
exports.CheckmarkIcon = CheckmarkIcon;
|
|
7602
7615
|
exports.ChevronIcon = ChevronIcon;
|
|
7616
|
+
exports.ChevronPopup = ChevronPopup;
|
|
7603
7617
|
exports.CircleProgressIcon = CircleProgressIcon;
|
|
7604
7618
|
exports.ClientApprovedIcon = ClientApprovedIcon;
|
|
7605
7619
|
exports.ClipboardIcon = ClipboardIcon;
|