@speakapbv/dough-component-library 10.8.0 → 10.9.1
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/components/color-tile/color-tile.d.ts +1 -1
- package/dist/components/containers/box/box.d.ts +1 -1
- package/dist/components/drop-menu/drop-menu.d.ts +1 -1
- package/dist/components/form-elements/select-box/select-box.d.ts +3 -3
- package/dist/components/form-elements/selection-inputs/check-box.d.ts +2 -2
- package/dist/components/form-elements/selection-inputs/radio-group.d.ts +2 -2
- package/dist/components/form-elements/switch/switch.d.ts +1 -1
- package/dist/components/form-elements/text-inputs/numeric-input.d.ts +1 -1
- package/dist/components/form-elements/text-inputs/text-area.d.ts +1 -1
- package/dist/components/form-elements/text-inputs/text-input.d.ts +1 -1
- package/dist/components/form-elements/time-picker/time-picker.d.ts +1 -1
- package/dist/components/form-elements/toggle/toggle.d.ts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.es.js +208 -239
- package/dist/index.js +268 -299
- package/dist/src/components/alert-textbox/alert-textbox.stories.d.ts +9 -2
- package/dist/src/components/bread-crumb/bread-crumb.stories.d.ts +13 -9
- package/dist/src/components/button/button.stories.d.ts +7 -6
- package/dist/src/components/color-tile/color-tile.stories.d.ts +4 -3
- package/dist/src/components/containers/card/card.stories.d.ts +13 -3
- package/dist/src/components/divider/divider.stories.d.ts +17 -4
- package/dist/src/components/drop-menu/drop-menu.stories.d.ts +4 -3
- package/dist/src/components/form-elements/form-element-base-wrapper.d.ts +1 -1
- package/dist/src/components/form-elements/selection-inputs/check-box.stories.d.ts +5 -4
- package/dist/src/components/overlay/overlay.stories.d.ts +4 -2
- package/dist/src/components/progress-bar/multi-progress-bar.stories.d.ts +25 -6
- package/dist/src/components/progress-bar/progress-bar.stories.d.ts +9 -2
- package/dist/src/components/spinner/spinner.stories.d.ts +9 -2
- package/dist/src/components/tabs/tabs.stories.d.ts +13 -3
- package/dist/src/components/tree/tree.d.ts +1 -1
- package/dist/src/utils/flattenChildren.d.ts +1 -1
- package/dist/utils/constants.d.ts +6 -6
- package/dist/utils/dom-management.d.ts +7 -7
- package/dist/utils/styles.d.ts +1 -1
- package/package.json +8 -5
package/dist/index.js
CHANGED
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
6
6
|
|
|
7
|
+
var tslib = require('tslib');
|
|
7
8
|
var React = require('react');
|
|
8
9
|
var React__default = _interopDefault(React);
|
|
9
10
|
var reactDom = require('react-dom');
|
|
@@ -48,7 +49,7 @@ var RobotoItalic = "data:font/woff;base64,d09GRgABAAAAAHl0ABIAAAAA3IwAAQABAAAAAA
|
|
|
48
49
|
var RobotoItalicBold = "data:font/woff;base64,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";
|
|
49
50
|
|
|
50
51
|
var injectRobotoFont = function () {
|
|
51
|
-
document.body.insertAdjacentHTML("afterbegin", "<style type=\"text/css\" rel=\"stylesheet\">\n @font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 400;\n src: url("
|
|
52
|
+
document.body.insertAdjacentHTML("afterbegin", "<style type=\"text/css\" rel=\"stylesheet\">\n @font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 400;\n src: url(".concat(RobotoItalic, ") format('woff');\n }\n @font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 700;\n src: url(").concat(RobotoItalicBold, ") format('woff');\n }\n @font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n src: url(").concat(Roboto, ") format('woff');\n }\n @font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 700;\n src: url(").concat(RobotoBold, ") format('woff');\n }\n </style>"));
|
|
52
53
|
};
|
|
53
54
|
|
|
54
55
|
(function (HorizontalAlignment) {
|
|
@@ -158,40 +159,6 @@ var injectRobotoFont = function () {
|
|
|
158
159
|
BreakpointViewportSizes["SMALL"] = "sizeViewportSmall";
|
|
159
160
|
})(exports.BreakpointViewportSizes || (exports.BreakpointViewportSizes = {}));
|
|
160
161
|
|
|
161
|
-
/*! *****************************************************************************
|
|
162
|
-
Copyright (c) Microsoft Corporation.
|
|
163
|
-
|
|
164
|
-
Permission to use, copy, modify, and/or distribute this software for any
|
|
165
|
-
purpose with or without fee is hereby granted.
|
|
166
|
-
|
|
167
|
-
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
168
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
169
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
170
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
171
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
172
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
173
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
174
|
-
***************************************************************************** */
|
|
175
|
-
|
|
176
|
-
var __assign = function() {
|
|
177
|
-
__assign = Object.assign || function __assign(t) {
|
|
178
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
179
|
-
s = arguments[i];
|
|
180
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
181
|
-
}
|
|
182
|
-
return t;
|
|
183
|
-
};
|
|
184
|
-
return __assign.apply(this, arguments);
|
|
185
|
-
};
|
|
186
|
-
|
|
187
|
-
function __spreadArrays() {
|
|
188
|
-
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
|
189
|
-
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
190
|
-
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
191
|
-
r[k] = a[j];
|
|
192
|
-
return r;
|
|
193
|
-
}
|
|
194
|
-
|
|
195
162
|
var cancelEvent = function (e) {
|
|
196
163
|
if (e && e.stopPropagation) {
|
|
197
164
|
e.preventDefault();
|
|
@@ -211,7 +178,7 @@ var cn = (function () {
|
|
|
211
178
|
classnames[_i] = arguments[_i];
|
|
212
179
|
}
|
|
213
180
|
var classesList = [];
|
|
214
|
-
|
|
181
|
+
tslib.__spreadArray([], classnames, true).forEach(function (cn) {
|
|
215
182
|
if (cn) {
|
|
216
183
|
if (typeof cn === "object") {
|
|
217
184
|
Object.keys(cn).forEach(function (cnE) {
|
|
@@ -255,7 +222,7 @@ var doughScrollBarWidth = function () {
|
|
|
255
222
|
scrollDiv.offsetWidth - scrollDiv.clientWidth;
|
|
256
223
|
// Delete the DIV
|
|
257
224
|
document.body.removeChild(scrollDiv);
|
|
258
|
-
document.body.insertAdjacentHTML("beforeend", "<style type=\"text/css\" rel=\"stylesheet\">\n :root {\n --dough-scroll-bar-width: "
|
|
225
|
+
document.body.insertAdjacentHTML("beforeend", "<style type=\"text/css\" rel=\"stylesheet\">\n :root {\n --dough-scroll-bar-width: ".concat(calculatedScrollBarWidth, "px;\n }\n html.dough-IE11 > body.dough-noscroll .dough-scroll-lock-item {\n right: ").concat(calculatedScrollBarWidth, "px;\n }\n </style>"));
|
|
259
226
|
}
|
|
260
227
|
return window.innerHeight < document.body.scrollHeight
|
|
261
228
|
? calculatedScrollBarWidth
|
|
@@ -309,7 +276,7 @@ var _outsideClickQueue = null;
|
|
|
309
276
|
var documentClickListener = function (e) {
|
|
310
277
|
var currentItem = _outsideClickQueue.pop();
|
|
311
278
|
if (currentItem) {
|
|
312
|
-
var currentItemDom = document.querySelector(".dough-outside-click-listener-"
|
|
279
|
+
var currentItemDom = document.querySelector(".dough-outside-click-listener-".concat(currentItem.id));
|
|
313
280
|
if (currentItemDom) {
|
|
314
281
|
var boundingBox = currentItemDom.getBoundingClientRect();
|
|
315
282
|
if (e.clientX < boundingBox.left ||
|
|
@@ -349,7 +316,7 @@ var getDropAreaOverlay = function (selector) {
|
|
|
349
316
|
if (selector && document.querySelector(selector)) {
|
|
350
317
|
overlayContainer = document.querySelector(selector);
|
|
351
318
|
}
|
|
352
|
-
var overlay =
|
|
319
|
+
var overlay = tslib.__spreadArray([], overlayContainer === null || overlayContainer === void 0 ? void 0 : overlayContainer.children, true).find(function (node) {
|
|
353
320
|
return node.classList.contains("dough-drop-area-overlay");
|
|
354
321
|
});
|
|
355
322
|
if (!overlay) {
|
|
@@ -364,7 +331,7 @@ var getDialogOverlay = function (selector, darkBackground) {
|
|
|
364
331
|
if (selector && document.querySelector(selector)) {
|
|
365
332
|
overlayContainer = document.querySelector(selector);
|
|
366
333
|
}
|
|
367
|
-
var overlay =
|
|
334
|
+
var overlay = tslib.__spreadArray([], overlayContainer === null || overlayContainer === void 0 ? void 0 : overlayContainer.children, true).find(function (node) {
|
|
368
335
|
return node.classList.contains("dough-dialog-overlay");
|
|
369
336
|
});
|
|
370
337
|
if (!overlay) {
|
|
@@ -385,7 +352,7 @@ var getTooltipOverlay = function (selector) {
|
|
|
385
352
|
if (selector && document.querySelector(selector)) {
|
|
386
353
|
overlayContainer = document.querySelector(selector);
|
|
387
354
|
}
|
|
388
|
-
var overlay =
|
|
355
|
+
var overlay = tslib.__spreadArray([], overlayContainer === null || overlayContainer === void 0 ? void 0 : overlayContainer.children, true).find(function (node) {
|
|
389
356
|
return node.classList.contains("dough-tooltip-overlay");
|
|
390
357
|
});
|
|
391
358
|
if (!overlay) {
|
|
@@ -454,7 +421,7 @@ var getNotificationOverlay = function (verticalLayer, horizontalLayer, selector)
|
|
|
454
421
|
if (selector && document.querySelector(selector)) {
|
|
455
422
|
overlayContainer = document.querySelector(selector);
|
|
456
423
|
}
|
|
457
|
-
var overlay =
|
|
424
|
+
var overlay = tslib.__spreadArray([], overlayContainer === null || overlayContainer === void 0 ? void 0 : overlayContainer.children, true).find(function (node) {
|
|
458
425
|
return node.classList.contains("dough-notification-overlay");
|
|
459
426
|
});
|
|
460
427
|
if (!overlay) {
|
|
@@ -462,10 +429,10 @@ var getNotificationOverlay = function (verticalLayer, horizontalLayer, selector)
|
|
|
462
429
|
overlay.setAttribute("class", "dough-notification-overlay");
|
|
463
430
|
overlayContainer === null || overlayContainer === void 0 ? void 0 : overlayContainer.appendChild(overlay);
|
|
464
431
|
}
|
|
465
|
-
if (!overlay.querySelector("."
|
|
466
|
-
overlay.insertAdjacentHTML("beforeend", "<div class=\""
|
|
432
|
+
if (!overlay.querySelector(".".concat(layerClass, "-ver-").concat(verticalLayer, ".").concat(layerClass, "-hor-").concat(horizontalLayer))) {
|
|
433
|
+
overlay.insertAdjacentHTML("beforeend", "<div class=\"".concat(layerClass, "-ver-").concat(verticalLayer, " ").concat(layerClass, "-hor-").concat(horizontalLayer, "\"></div>"));
|
|
467
434
|
}
|
|
468
|
-
return overlay.querySelector("."
|
|
435
|
+
return overlay.querySelector(".".concat(layerClass, "-ver-").concat(verticalLayer, ".").concat(layerClass, "-hor-").concat(horizontalLayer));
|
|
469
436
|
};
|
|
470
437
|
var getInjectedStylesWrapper = function () {
|
|
471
438
|
var overlay = document.getElementById("dough-injected-styles");
|
|
@@ -572,7 +539,7 @@ var registerBreakpointView = function (callbacks, breakpointSize, id, useManualB
|
|
|
572
539
|
};
|
|
573
540
|
}
|
|
574
541
|
/* Init check */
|
|
575
|
-
var relatedBreakpointDom = document.querySelector(".dough-breakpoint-control[breakpoint-key=\""
|
|
542
|
+
var relatedBreakpointDom = document.querySelector(".dough-breakpoint-control[breakpoint-key=\"".concat(breakpointSize, "\""));
|
|
576
543
|
if (relatedBreakpointDom &&
|
|
577
544
|
parseInt(window.getComputedStyle(relatedBreakpointDom).top) > 0) {
|
|
578
545
|
callbacks.show(breakpointSize);
|
|
@@ -609,7 +576,7 @@ var Link = React.forwardRef(function (props, ref) {
|
|
|
609
576
|
cancelEvent(event);
|
|
610
577
|
}
|
|
611
578
|
}
|
|
612
|
-
return (React__default.createElement("a", __assign({ onMouseDown: handleMouseDown, onPointerDown: handlePointerDown, className: cn("dough-link", props.className, color, {
|
|
579
|
+
return (React__default.createElement("a", tslib.__assign({ onMouseDown: handleMouseDown, onPointerDown: handlePointerDown, className: cn("dough-link", props.className, color, {
|
|
613
580
|
"dough-link-color-only-on-hover": props.colorOnlyOnHover,
|
|
614
581
|
"dough-link-no-underline": !underline,
|
|
615
582
|
"dough-link-full-width": props.fullWidth,
|
|
@@ -742,7 +709,7 @@ var Button = React.forwardRef(function (props, externalRef) {
|
|
|
742
709
|
setColorVal(props.color);
|
|
743
710
|
}
|
|
744
711
|
}, [props.color]);
|
|
745
|
-
var getButtonContent = function () { return (React__default.createElement("div", { className: cn("dough-button", "dough-button-size-"
|
|
712
|
+
var getButtonContent = function () { return (React__default.createElement("div", { className: cn("dough-button", "dough-button-size-".concat(size), initColorVal, {
|
|
746
713
|
"dough-button-shadow": shadow,
|
|
747
714
|
"dough-button-has-label": props.label || props.children,
|
|
748
715
|
"dough-button-no-padding": !padding,
|
|
@@ -796,11 +763,11 @@ var Button = React.forwardRef(function (props, externalRef) {
|
|
|
796
763
|
}
|
|
797
764
|
}
|
|
798
765
|
return (React__default.createElement(React__default.Fragment, null,
|
|
799
|
-
type === exports.ButtonInputType.LINK && (React__default.createElement(Link, __assign({ ref: getRef(), className: cn("dough-button-wrapper", props.className, {
|
|
766
|
+
type === exports.ButtonInputType.LINK && (React__default.createElement(Link, tslib.__assign({ ref: getRef(), className: cn("dough-button-wrapper", props.className, {
|
|
800
767
|
"dough-button-full-width": props.fullWidth,
|
|
801
768
|
"dough-link-no-underline": type === exports.ButtonInputType.LINK,
|
|
802
769
|
}), disabled: props.disabled, onClick: clickHandler, dataAttributes: props.dataAttributes }, linkProps), getButtonContent())),
|
|
803
|
-
type !== exports.ButtonInputType.LINK && (React__default.createElement("button", __assign({ ref: getRef(), type: type, autoFocus: props.autoFocus, name: props.name, onMouseDown: handleMouseDown, onPointerDown: handlePointerDown, tabIndex: props.tabIndex === undefined ? 0 : props.tabIndex, className: cn("dough-button-wrapper", props.className, {
|
|
770
|
+
type !== exports.ButtonInputType.LINK && (React__default.createElement("button", tslib.__assign({ ref: getRef(), type: type, autoFocus: props.autoFocus, name: props.name, onMouseDown: handleMouseDown, onPointerDown: handlePointerDown, tabIndex: props.tabIndex === undefined ? 0 : props.tabIndex, className: cn("dough-button-wrapper", props.className, {
|
|
804
771
|
"dough-button-full-width": props.fullWidth,
|
|
805
772
|
"dough-button-not-clickable": !props.onClick &&
|
|
806
773
|
!props.onDoubleClick &&
|
|
@@ -850,7 +817,7 @@ var Toggle = React.forwardRef(function (props, ref) {
|
|
|
850
817
|
}
|
|
851
818
|
};
|
|
852
819
|
}, [props.value]);
|
|
853
|
-
return (React__default.createElement("div", { onClick: clickHandler, tabIndex: props.tabIndex === undefined ? 0 : props.tabIndex, className: cn("dough-toggle", colorNotChecked, props.className, "dough-toggle-size-"
|
|
820
|
+
return (React__default.createElement("div", { onClick: clickHandler, tabIndex: props.tabIndex === undefined ? 0 : props.tabIndex, className: cn("dough-toggle", colorNotChecked, props.className, "dough-toggle-size-".concat(size), {
|
|
854
821
|
"dough-toggle-toggled": props.value,
|
|
855
822
|
"dough-toggle-animate": props.value && animate,
|
|
856
823
|
"dough-toggle-disabled": props.disabled,
|
|
@@ -872,7 +839,7 @@ styleInject(css_248z$5);
|
|
|
872
839
|
|
|
873
840
|
var LayoutContainer = function (props) {
|
|
874
841
|
var _a = props.fillParent, fillParent = _a === void 0 ? false : _a, _b = props.horizontalAlign, horizontalAlign = _b === void 0 ? exports.HorizontalAlignment.LEFT : _b, _c = props.layoutType, layoutType = _c === void 0 ? exports.Direction.HORIZONTAL : _c, _d = props.verticalAlign, verticalAlign = _d === void 0 ? exports.VerticalAlignment.TOP : _d;
|
|
875
|
-
return (React__default.createElement("div", __assign({ className: cn(props.className, "dough-layout", "dough-layout-"
|
|
842
|
+
return (React__default.createElement("div", tslib.__assign({ className: cn(props.className, "dough-layout", "dough-layout-".concat(layoutType), "dough-layout-box-alignment-hor-".concat(horizontalAlign), "dough-layout-box-alignment-ver-".concat(verticalAlign), {
|
|
876
843
|
"dough-layout-fill-parent": fillParent,
|
|
877
844
|
}) }, props.dataAttributes), props.children));
|
|
878
845
|
};
|
|
@@ -880,10 +847,10 @@ LayoutContainer.displayName = "LayoutContainer";
|
|
|
880
847
|
|
|
881
848
|
var LayoutFlexBox = function (props) {
|
|
882
849
|
var _a = props.autoFit, autoFit = _a === void 0 ? true : _a, _b = props.horizontalAlign, horizontalAlign = _b === void 0 ? exports.HorizontalAlignment.LEFT : _b, _c = props.padding, padding = _c === void 0 ? exports.Sizes.NONE : _c, _d = props.paddingHorizontal, paddingHorizontal = _d === void 0 ? exports.Sizes.NONE : _d, _e = props.paddingVertical, paddingVertical = _e === void 0 ? exports.Sizes.NONE : _e, _f = props.spacing, spacing = _f === void 0 ? exports.Spacings.AUTO : _f, _g = props.verticalAlign, verticalAlign = _g === void 0 ? exports.VerticalAlignment.TOP : _g;
|
|
883
|
-
return (React__default.createElement("div", __assign({ className: cn(props.className, "dough-layout-flexbox", "dough-layout-flexbox-box-size-"
|
|
884
|
-
? "dough-layout-flexbox-self-hor-align-"
|
|
850
|
+
return (React__default.createElement("div", tslib.__assign({ className: cn(props.className, "dough-layout-flexbox", "dough-layout-flexbox-box-size-".concat(spacing), "dough-padding-".concat(padding), "dough-padding-hor-".concat(paddingHorizontal), "dough-padding-ver-".concat(paddingVertical), props.horizontalAlignSelf
|
|
851
|
+
? "dough-layout-flexbox-self-hor-align-".concat(props.horizontalAlignSelf)
|
|
885
852
|
: "", props.verticalAlignSelf
|
|
886
|
-
? "dough-layout-flexbox-self-ver-align-"
|
|
853
|
+
? "dough-layout-flexbox-self-ver-align-".concat(props.verticalAlignSelf)
|
|
887
854
|
: "", { "dough-layout-flexbox-auto-fit": autoFit }), onScroll: props.onScrollReachedBottom
|
|
888
855
|
? function (e) {
|
|
889
856
|
if (e.currentTarget.offsetHeight +
|
|
@@ -894,9 +861,9 @@ var LayoutFlexBox = function (props) {
|
|
|
894
861
|
}
|
|
895
862
|
}
|
|
896
863
|
}
|
|
897
|
-
: undefined, style: __assign(__assign({}, (props.width
|
|
864
|
+
: undefined, style: tslib.__assign(tslib.__assign({}, (props.width
|
|
898
865
|
? { boxSizing: "content-box", width: props.width }
|
|
899
|
-
: undefined)), (props.height ? { height: props.height } : undefined)) }, props.dataAttributes), React.Children.toArray(props.children).length > 0 && (React__default.createElement("div", { className: cn("dough-layout-flexbox-content", "dough-layout-flexbox-box-alignment-hor-"
|
|
866
|
+
: undefined)), (props.height ? { height: props.height } : undefined)) }, props.dataAttributes), React.Children.toArray(props.children).length > 0 && (React__default.createElement("div", { className: cn("dough-layout-flexbox-content", "dough-layout-flexbox-box-alignment-hor-".concat(horizontalAlign), "dough-layout-flexbox-box-alignment-ver-".concat(verticalAlign)) }, props.children))));
|
|
900
867
|
};
|
|
901
868
|
LayoutFlexBox.displayName = "LayoutFlexBox";
|
|
902
869
|
|
|
@@ -912,7 +879,7 @@ styleInject(css_248z$6);
|
|
|
912
879
|
})(exports.TextAlignment || (exports.TextAlignment = {}));
|
|
913
880
|
var TextElement = function (props) {
|
|
914
881
|
var _a = props.align, align = _a === void 0 ? exports.TextAlignment.INHERIT : _a, _b = props.component, component = _b === void 0 ? "span" : _b;
|
|
915
|
-
return React__default.createElement(component, __assign({ className: cn("dough-typo", "dough-text-align-"
|
|
882
|
+
return React__default.createElement(component, tslib.__assign({ className: cn("dough-typo", "dough-text-align-".concat(align), "".concat(props.color), props.className, {
|
|
916
883
|
"dough-text-nowrap": props.nowrap,
|
|
917
884
|
"dough-text-word-break": props.wordBreak,
|
|
918
885
|
"dough-text-ellipsis": props.ellipsis,
|
|
@@ -925,32 +892,32 @@ var TextElement = function (props) {
|
|
|
925
892
|
"dough-text-tiny": props.tiny,
|
|
926
893
|
}) }, props.dataAttributes), props.children);
|
|
927
894
|
};
|
|
928
|
-
var HeaderElement = function (props) { return (React__default.createElement(TextElement, __assign({}, props, { className: cn(props.className, {
|
|
895
|
+
var HeaderElement = function (props) { return (React__default.createElement(TextElement, tslib.__assign({}, props, { className: cn(props.className, {
|
|
929
896
|
"dough-header-regular": props.bold === false,
|
|
930
897
|
}) }))); };
|
|
931
|
-
var H1 = function (props) { return (React__default.createElement(HeaderElement, __assign({}, props, { className: cn(props.className, "dough-text-h1"), component: props.component ? props.component : "h1" }))); };
|
|
898
|
+
var H1 = function (props) { return (React__default.createElement(HeaderElement, tslib.__assign({}, props, { className: cn(props.className, "dough-text-h1"), component: props.component ? props.component : "h1" }))); };
|
|
932
899
|
H1.displayName = "H1";
|
|
933
|
-
var H2 = function (props) { return (React__default.createElement(HeaderElement, __assign({}, props, { className: cn(props.className, "dough-text-h2"), component: props.component ? props.component : "h2" }))); };
|
|
900
|
+
var H2 = function (props) { return (React__default.createElement(HeaderElement, tslib.__assign({}, props, { className: cn(props.className, "dough-text-h2"), component: props.component ? props.component : "h2" }))); };
|
|
934
901
|
H2.displayName = "H2";
|
|
935
|
-
var H3 = function (props) { return (React__default.createElement(HeaderElement, __assign({}, props, { className: cn(props.className, "dough-text-h3"), component: props.component ? props.component : "h3" }))); };
|
|
902
|
+
var H3 = function (props) { return (React__default.createElement(HeaderElement, tslib.__assign({}, props, { className: cn(props.className, "dough-text-h3"), component: props.component ? props.component : "h3" }))); };
|
|
936
903
|
H3.displayName = "H3";
|
|
937
|
-
var H4 = function (props) { return (React__default.createElement(HeaderElement, __assign({}, props, { className: cn(props.className, "dough-text-h4"), component: props.component ? props.component : "h4" }))); };
|
|
904
|
+
var H4 = function (props) { return (React__default.createElement(HeaderElement, tslib.__assign({}, props, { className: cn(props.className, "dough-text-h4"), component: props.component ? props.component : "h4" }))); };
|
|
938
905
|
H4.displayName = "H4";
|
|
939
|
-
var H5 = function (props) { return (React__default.createElement(HeaderElement, __assign({}, props, { className: cn(props.className, "dough-text-h5"), component: props.component ? props.component : "h5" }))); };
|
|
906
|
+
var H5 = function (props) { return (React__default.createElement(HeaderElement, tslib.__assign({}, props, { className: cn(props.className, "dough-text-h5"), component: props.component ? props.component : "h5" }))); };
|
|
940
907
|
H5.displayName = "H5";
|
|
941
|
-
var H6 = function (props) { return (React__default.createElement(HeaderElement, __assign({}, props, { className: cn(props.className, "dough-text-h6"), component: props.component ? props.component : "h6" }))); };
|
|
908
|
+
var H6 = function (props) { return (React__default.createElement(HeaderElement, tslib.__assign({}, props, { className: cn(props.className, "dough-text-h6"), component: props.component ? props.component : "h6" }))); };
|
|
942
909
|
H6.displayName = "H6";
|
|
943
|
-
var H7 = function (props) { return (React__default.createElement(HeaderElement, __assign({}, props, { className: cn(props.className, "dough-text-h7"), component: props.component ? props.component : "span" }))); };
|
|
910
|
+
var H7 = function (props) { return (React__default.createElement(HeaderElement, tslib.__assign({}, props, { className: cn(props.className, "dough-text-h7"), component: props.component ? props.component : "span" }))); };
|
|
944
911
|
H7.displayName = "H7";
|
|
945
|
-
var Subtitle = function (props) { return (React__default.createElement(TextElement, __assign({}, props, { className: cn(props.className, "dough-text-subtitle"), component: props.component ? props.component : "span" }))); };
|
|
912
|
+
var Subtitle = function (props) { return (React__default.createElement(TextElement, tslib.__assign({}, props, { className: cn(props.className, "dough-text-subtitle"), component: props.component ? props.component : "span" }))); };
|
|
946
913
|
Subtitle.displayName = "Subtitle";
|
|
947
|
-
var Text = function (props) { return (React__default.createElement(TextElement, __assign({}, props, { className: cn(props.className, "dough-text"), component: props.component ? props.component : "span" }))); };
|
|
914
|
+
var Text = function (props) { return (React__default.createElement(TextElement, tslib.__assign({}, props, { className: cn(props.className, "dough-text"), component: props.component ? props.component : "span" }))); };
|
|
948
915
|
Text.displayName = "Text";
|
|
949
|
-
var Paragraph = function (props) { return (React__default.createElement(TextElement, __assign({}, props, { className: cn(props.className, "dough-text-paragraph"), component: props.component ? props.component : "p" }))); };
|
|
916
|
+
var Paragraph = function (props) { return (React__default.createElement(TextElement, tslib.__assign({}, props, { className: cn(props.className, "dough-text-paragraph"), component: props.component ? props.component : "p" }))); };
|
|
950
917
|
Paragraph.displayName = "Paragraph";
|
|
951
|
-
var UnorderedList = function (props) { return (React__default.createElement(TextElement, __assign({}, props, { className: cn(props.className, "dough-text-unordered-list"), component: props.component ? props.component : "ul" }))); };
|
|
918
|
+
var UnorderedList = function (props) { return (React__default.createElement(TextElement, tslib.__assign({}, props, { className: cn(props.className, "dough-text-unordered-list"), component: props.component ? props.component : "ul" }))); };
|
|
952
919
|
UnorderedList.displayName = "UnorderedList";
|
|
953
|
-
var DoughListItem = function (props) { return (React__default.createElement(TextElement, __assign({}, props, { className: cn(props.className, "dough-text-list-item"), component: props.component ? props.component : "li" }))); };
|
|
920
|
+
var DoughListItem = function (props) { return (React__default.createElement(TextElement, tslib.__assign({}, props, { className: cn(props.className, "dough-text-list-item"), component: props.component ? props.component : "li" }))); };
|
|
954
921
|
DoughListItem.displayName = "DoughListItem";
|
|
955
922
|
|
|
956
923
|
var ToggleWithText = React.forwardRef(function (props, ref) {
|
|
@@ -1019,13 +986,13 @@ styleInject(css_248z$7);
|
|
|
1019
986
|
|
|
1020
987
|
var Footer = function (props) {
|
|
1021
988
|
var _a = props.align, align = _a === void 0 ? exports.HorizontalAlignment.RIGHT : _a;
|
|
1022
|
-
return (React__default.createElement("div", __assign({ className: cn("dough-footer-wrapper", "dough-footer-wrapper", "dough-header-footer-align-"
|
|
989
|
+
return (React__default.createElement("div", tslib.__assign({ className: cn("dough-footer-wrapper", "dough-footer-wrapper", "dough-header-footer-align-".concat(align), props.className) }, props.dataAttributes), props.children));
|
|
1023
990
|
};
|
|
1024
991
|
Footer.displayName = "Footer";
|
|
1025
992
|
|
|
1026
993
|
var Header = function (props) {
|
|
1027
994
|
var _a = props.align, align = _a === void 0 ? exports.HorizontalAlignment.LEFT : _a;
|
|
1028
|
-
return (React__default.createElement("div", __assign({ className: cn("dough-header-wrapper", "dough-color-text-gray-1", "dough-header-footer-align-"
|
|
995
|
+
return (React__default.createElement("div", tslib.__assign({ className: cn("dough-header-wrapper", "dough-color-text-gray-1", "dough-header-footer-align-".concat(align), props.className) }, props.dataAttributes), props.children));
|
|
1029
996
|
};
|
|
1030
997
|
Header.displayName = "Header";
|
|
1031
998
|
|
|
@@ -1173,22 +1140,22 @@ var Box = React.forwardRef(function (props, ref) {
|
|
|
1173
1140
|
}
|
|
1174
1141
|
}
|
|
1175
1142
|
};
|
|
1176
|
-
return (React__default.createElement("div", __assign({ ref: ref, className: cn("dough-box", props.className, props.color, typeof props.overflow === "string"
|
|
1177
|
-
? "dough-box-overflow-"
|
|
1143
|
+
return (React__default.createElement("div", tslib.__assign({ ref: ref, className: cn("dough-box", props.className, props.color, typeof props.overflow === "string"
|
|
1144
|
+
? "dough-box-overflow-".concat(props.overflow)
|
|
1178
1145
|
: null, typeof props.overflow === "object" && ((_b = props.overflow) === null || _b === void 0 ? void 0 : _b.x)
|
|
1179
|
-
? "dough-box-overflow-x-"
|
|
1146
|
+
? "dough-box-overflow-x-".concat(props.overflow.x)
|
|
1180
1147
|
: null, typeof props.overflow === "object" && ((_c = props.overflow) === null || _c === void 0 ? void 0 : _c.y)
|
|
1181
|
-
? "dough-box-overflow-y-"
|
|
1148
|
+
? "dough-box-overflow-y-".concat(props.overflow.y)
|
|
1182
1149
|
: null, typeof props.padding === "string"
|
|
1183
|
-
? "dough-padding-"
|
|
1150
|
+
? "dough-padding-".concat(props.padding)
|
|
1184
1151
|
: null, typeof props.padding === "object" && ((_d = props.padding) === null || _d === void 0 ? void 0 : _d.top)
|
|
1185
|
-
? "dough-padding-top-"
|
|
1152
|
+
? "dough-padding-top-".concat(props.padding.top)
|
|
1186
1153
|
: null, typeof props.padding === "object" && ((_e = props.padding) === null || _e === void 0 ? void 0 : _e.right)
|
|
1187
|
-
? "dough-padding-right-"
|
|
1154
|
+
? "dough-padding-right-".concat(props.padding.right)
|
|
1188
1155
|
: null, typeof props.padding === "object" && ((_f = props.padding) === null || _f === void 0 ? void 0 : _f.bottom)
|
|
1189
|
-
? "dough-padding-bottom-"
|
|
1156
|
+
? "dough-padding-bottom-".concat(props.padding.bottom)
|
|
1190
1157
|
: null, typeof props.padding === "object" && ((_g = props.padding) === null || _g === void 0 ? void 0 : _g.left)
|
|
1191
|
-
? "dough-padding-left-"
|
|
1158
|
+
? "dough-padding-left-".concat(props.padding.left)
|
|
1192
1159
|
: null, (_a = {
|
|
1193
1160
|
"dough-box-hover": props.hover,
|
|
1194
1161
|
"dough-box-absolute": props.absolute,
|
|
@@ -1199,16 +1166,16 @@ var Box = React.forwardRef(function (props, ref) {
|
|
|
1199
1166
|
"dough-box-flex": props.display === exports.BoxDisplay.FLEX,
|
|
1200
1167
|
"dough-box-inline-flex": props.display === exports.BoxDisplay.INLINE_FLEX
|
|
1201
1168
|
},
|
|
1202
|
-
_a["dough-flex-direction-"
|
|
1203
|
-
_a["dough-flex-wrap-"
|
|
1204
|
-
_a["dough-flex-justify-content-"
|
|
1205
|
-
_a["dough-flex-align-items-"
|
|
1206
|
-
_a["dough-flex-align-content-"
|
|
1207
|
-
_a["dough-flex-align-self-"
|
|
1208
|
-
_a)), style: __assign(__assign({ width: props.width, height: props.height, minWidth: props.minWidth, minHeight: props.minHeight, maxWidth: props.maxWidth, maxHeight: props.maxHeight, flexBasis: props.basis, flexGrow: props.grow, flexShrink: props.shrink, order: props.order, flex: props.flex, zIndex: props.zIndex, transform: props.transform }, (isTypeObject(props.absolute) &&
|
|
1169
|
+
_a["dough-flex-direction-".concat(props.direction)] = props.direction,
|
|
1170
|
+
_a["dough-flex-wrap-".concat(props.wrap)] = props.wrap,
|
|
1171
|
+
_a["dough-flex-justify-content-".concat(props.justifyContent)] = props.justifyContent,
|
|
1172
|
+
_a["dough-flex-align-items-".concat(props.alignItems)] = props.alignItems,
|
|
1173
|
+
_a["dough-flex-align-content-".concat(props.alignContent)] = props.alignContent,
|
|
1174
|
+
_a["dough-flex-align-self-".concat(props.alignSelf)] = props.alignSelf,
|
|
1175
|
+
_a)), style: tslib.__assign(tslib.__assign({ width: props.width, height: props.height, minWidth: props.minWidth, minHeight: props.minHeight, maxWidth: props.maxWidth, maxHeight: props.maxHeight, flexBasis: props.basis, flexGrow: props.grow, flexShrink: props.shrink, order: props.order, flex: props.flex, zIndex: props.zIndex, transform: props.transform }, (isTypeObject(props.absolute) &&
|
|
1209
1176
|
props.absolute)), (props.hover &&
|
|
1210
1177
|
props.color && {
|
|
1211
|
-
"--dough-box-hover-border-color": "var(--"
|
|
1178
|
+
"--dough-box-hover-border-color": "var(--".concat(ColorToHoverColor[props.color] || "dough-colour-gray-5", ")"),
|
|
1212
1179
|
})) }, props.dataAttributes, { onScroll: props.onScrollReachedBottom ? handleScroll : undefined, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, onMouseMove: props.onMouseMove, onClick: props.onClick }), props.children));
|
|
1213
1180
|
});
|
|
1214
1181
|
Box.displayName = "Box";
|
|
@@ -1314,7 +1281,7 @@ var Card = function (props) {
|
|
|
1314
1281
|
return React__default.createElement(React__default.Fragment, null);
|
|
1315
1282
|
};
|
|
1316
1283
|
return (React__default.createElement(Box, { display: exports.BoxDisplay.FLEX, width: "100%", height: fullHeight ? "100%" : undefined, maxHeight: props.maxHeight, direction: exports.BoxDirection.COLUMN, border: border, shadow: shadow, borderRadius: !flat, hover: hover, color: color, overflow: fullHeight ? exports.BoxOverflow.HIDDEN : undefined, className: cn("dough-card-wrapper", props.className, (_a = {},
|
|
1317
|
-
_a["dough-card-border-style-"
|
|
1284
|
+
_a["dough-card-border-style-".concat(props.borderStyle)] = props.borderStyle,
|
|
1318
1285
|
_a)), dataAttributes: props.dataAttributes, zIndex: zIndex },
|
|
1319
1286
|
getHeaderItems(props.children),
|
|
1320
1287
|
getContentItems(props.children),
|
|
@@ -1370,8 +1337,8 @@ var EllipsisVIcon = function () { return (React__default.createElement("svg", {
|
|
|
1370
1337
|
var generateUID = function () {
|
|
1371
1338
|
var firstPart = (Math.random() * 46656) | 0;
|
|
1372
1339
|
var secondPart = (Math.random() * 46656) | 0;
|
|
1373
|
-
return (
|
|
1374
|
-
|
|
1340
|
+
return ("000".concat(firstPart.toString(36)).slice(-3) +
|
|
1341
|
+
"000".concat(secondPart.toString(36)).slice(-3));
|
|
1375
1342
|
};
|
|
1376
1343
|
|
|
1377
1344
|
var css_248z$b = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-drop-area-wrapper {\n position: fixed;\n background-color: rgba(0, 0, 0, 0);\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: auto;\n overflow: hidden;\n pointer-events: none;\n opacity: 0;\n transform-origin: center center;\n font-family: \"Roboto\", sans-serif;\n}\nbody:not(.no-transition) .dough-drop-area-wrapper {\n transition: opacity 350ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-drop-area-wrapper {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-drop-area-wrapper > .dough-drop-area-container {\n pointer-events: fill;\n max-height: calc(80vh - 16px);\n overflow-y: auto;\n overflow-x: hidden;\n position: absolute;\n background-color: rgb(255, 255, 255);\n background-color: var(--dough-color-theme);\n box-sizing: border-box;\n border-radius: 12px;\n box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1), 0px 1px 4px 0px rgba(0, 0, 0, 0.2);\n}\n.dough-drop-area-wrapper > .dough-drop-area-arrow {\n pointer-events: none;\n position: absolute;\n z-index: 50;\n width: 32px !important;\n height: 16px !important;\n margin-top: -16px;\n overflow: hidden;\n min-width: initial !important;\n}\n.dough-drop-area-wrapper > .dough-drop-area-arrow:before {\n content: \"\";\n background-color: rgb(255, 255, 255);\n background-color: var(--dough-color-theme);\n position: absolute;\n top: 8px;\n left: 4px;\n z-index: 10;\n width: 16px;\n height: 16px;\n transform: translate3d(0, 0, 0) rotateZ(45deg);\n box-shadow: 0 24px 10px 0 rgba(0, 0, 0, 0.07), 0 1px 4px 0 rgba(0, 0, 0, 0.2);\n}\n.dough-drop-area-wrapper > .dough-drop-area-arrow.to-up {\n margin-top: initial;\n margin-bottom: -16px;\n}\n.dough-drop-area-wrapper > .dough-drop-area-arrow.to-up:before {\n top: -8px;\n box-shadow: 0 -24px 10px 0 rgba(0, 0, 0, 0.07), 0 1px 4px 0 rgba(0, 0, 0, 0.2);\n}\n.dough-drop-area-wrapper > .dough-drop-area-arrow,\n.dough-drop-area-wrapper > .dough-drop-area-container {\n transform: translate3d(0, -4px, 0);\n}\nbody:not(.no-transition) .dough-drop-area-wrapper > .dough-drop-area-arrow,\nbody:not(.no-transition) .dough-drop-area-wrapper > .dough-drop-area-container {\n transition: transform 250ms cubic-bezier(0.25, 1, 0, 1);\n}\nbody.no-transition .dough-drop-area-wrapper > .dough-drop-area-arrow,\nbody.no-transition .dough-drop-area-wrapper > .dough-drop-area-container {\n transition: none 0ms linear !important;\n transition-delay: 0ms !important;\n}\n.dough-drop-area-wrapper.visible {\n opacity: 1;\n}\n.dough-drop-area-wrapper.visible > .dough-drop-area-arrow,\n.dough-drop-area-wrapper.visible > .dough-drop-area-container {\n transform: translate3d(0, 0, 0) !important;\n}\n\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small .dough-drop-area-wrapper:not(.desktop-only).visible {\n pointer-events: all;\n}\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small .dough-drop-area-wrapper:not(.desktop-only) > .dough-drop-area-arrow {\n display: none !important;\n}\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small .dough-drop-area-wrapper:not(.desktop-only) > .dough-drop-area-container {\n position: absolute;\n top: initial !important;\n bottom: 0 !important;\n left: 0 !important;\n z-index: 2;\n width: 100% !important;\n height: auto !important;\n min-height: 1vh !important;\n max-height: 85vh !important;\n box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.1);\n transform: translate3d(0, 20vh, 0);\n border-radius: 0;\n}\nbody:not(.dough-no-viewport-control) .dough-max-viewport-size-small .dough-drop-area-wrapper:not(.desktop-only).visible {\n background-color: rgba(0, 0, 0, 0.4);\n}\n\n@media only screen and (max-width: 576px) {\n body:not(.dough-no-viewport-control) .dough-drop-area-wrapper:not(.desktop-only).visible {\n pointer-events: all;\n }\n body:not(.dough-no-viewport-control) .dough-drop-area-wrapper:not(.desktop-only) > .dough-drop-area-arrow {\n display: none !important;\n }\n body:not(.dough-no-viewport-control) .dough-drop-area-wrapper:not(.desktop-only) > .dough-drop-area-container {\n position: absolute;\n top: initial !important;\n bottom: 0 !important;\n left: 0 !important;\n z-index: 2;\n width: 100% !important;\n height: auto !important;\n min-height: 1vh !important;\n max-height: 85vh !important;\n box-shadow: 0 -2px 20px 0 rgba(0, 0, 0, 0.1);\n transform: translate3d(0, 20vh, 0);\n border-radius: 0;\n }\n body:not(.dough-no-viewport-control) .dough-drop-area-wrapper:not(.desktop-only).visible {\n background-color: rgba(0, 0, 0, 0.4);\n }\n}";
|
|
@@ -1467,39 +1434,39 @@ var DropArea = function (props) {
|
|
|
1467
1434
|
}
|
|
1468
1435
|
setPositionStyle({
|
|
1469
1436
|
bottom: bottomPosition
|
|
1470
|
-
? bottomPosition + overlayRect.top
|
|
1437
|
+
? "".concat(bottomPosition + overlayRect.top, "px")
|
|
1471
1438
|
: "initial!important",
|
|
1472
1439
|
left: props.alignFromRight
|
|
1473
1440
|
? null
|
|
1474
|
-
: leftPosition - overlayRect.left
|
|
1441
|
+
: "".concat(leftPosition - overlayRect.left, "px"),
|
|
1475
1442
|
minWidth: props.strictToReferenceWidth === false &&
|
|
1476
1443
|
props.width !== undefined
|
|
1477
|
-
? props.width
|
|
1478
|
-
: rect.width
|
|
1444
|
+
? "".concat(props.width, "px")
|
|
1445
|
+
: "".concat(rect.width, "px"),
|
|
1479
1446
|
right: props.alignFromRight && !props.alignToCenter
|
|
1480
|
-
? rightPosition + overlayRect.left
|
|
1447
|
+
? "".concat(rightPosition + overlayRect.left, "px")
|
|
1481
1448
|
: null,
|
|
1482
1449
|
top: bottomPosition
|
|
1483
1450
|
? "initial!important"
|
|
1484
|
-
: topPosition - overlayRect.top
|
|
1451
|
+
: "".concat(topPosition - overlayRect.top, "px"),
|
|
1485
1452
|
width: props.strictToReferenceWidth
|
|
1486
|
-
? rect.width
|
|
1453
|
+
? "".concat(rect.width, "px")
|
|
1487
1454
|
: props.width
|
|
1488
1455
|
? typeof props.width === "string"
|
|
1489
1456
|
? props.width
|
|
1490
|
-
: props.width
|
|
1491
|
-
: widthPercentage
|
|
1457
|
+
: "".concat(props.width, "px")
|
|
1458
|
+
: "".concat(widthPercentage, "%"),
|
|
1492
1459
|
}, dropAreaContainerRef);
|
|
1493
1460
|
setPositionStyle({
|
|
1494
1461
|
bottom: bottomPosition
|
|
1495
|
-
? bottomPosition + overlayRect.top
|
|
1462
|
+
? "".concat(bottomPosition + overlayRect.top, "px")
|
|
1496
1463
|
: "initial!important",
|
|
1497
|
-
left: rect.left -
|
|
1464
|
+
left: "".concat(rect.left -
|
|
1498
1465
|
12 +
|
|
1499
1466
|
rect.width / 2 -
|
|
1500
|
-
overlayRect.left
|
|
1467
|
+
overlayRect.left, "px"),
|
|
1501
1468
|
top: topPosition
|
|
1502
|
-
? topPosition - overlayRect.top
|
|
1469
|
+
? "".concat(topPosition - overlayRect.top, "px")
|
|
1503
1470
|
: "initial!important",
|
|
1504
1471
|
}, dropAreaArrowRef);
|
|
1505
1472
|
}
|
|
@@ -1580,7 +1547,7 @@ var DropArea = function (props) {
|
|
|
1580
1547
|
}
|
|
1581
1548
|
} },
|
|
1582
1549
|
props.showCaret && (React__default.createElement("div", { ref: dropAreaArrowRef, className: cn("dough-drop-area-arrow", TODOWN) })),
|
|
1583
|
-
React__default.createElement("div", { className: cn("dough-outside-click-listener-"
|
|
1550
|
+
React__default.createElement("div", { className: cn("dough-outside-click-listener-".concat(scrollLockId), "dough-drop-area-container"), ref: dropAreaContainerRef },
|
|
1584
1551
|
React__default.createElement(LayoutContainer, { fillParent: true, layoutType: exports.Direction.VERTICAL },
|
|
1585
1552
|
React__default.createElement(LayoutFlexBox, { autoFit: false }, props.children)))), getDropAreaOverlay(props.overlaySelector))));
|
|
1586
1553
|
};
|
|
@@ -1622,8 +1589,8 @@ var DropMenu = React.forwardRef(function (_a, ref) {
|
|
|
1622
1589
|
if (checkComponentType(child, Button)) {
|
|
1623
1590
|
return (React__default.createElement(LayoutFlexBox, { className: cn("dough-drop-menu-button-wrapper", "dough-color-header", {
|
|
1624
1591
|
"dough-drop-menu-button-wrapper-small": innerButtonSize === exports.Sizes.SMALL,
|
|
1625
|
-
}), key: "button-in-list-"
|
|
1626
|
-
React__default.createElement(Button, __assign({ className: cn("dough-drop-menu-inner-button", (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.className) }, child.props, { color: child.props.color
|
|
1592
|
+
}), key: "button-in-list-".concat(i) },
|
|
1593
|
+
React__default.createElement(Button, tslib.__assign({ className: cn("dough-drop-menu-inner-button", (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.className) }, child.props, { color: child.props.color
|
|
1627
1594
|
? child.props.color
|
|
1628
1595
|
: exports.Colors.TRANSPARENT, onClick: function () {
|
|
1629
1596
|
closeDropArea();
|
|
@@ -1635,8 +1602,8 @@ var DropMenu = React.forwardRef(function (_a, ref) {
|
|
|
1635
1602
|
if (checkComponentType(child, Link)) {
|
|
1636
1603
|
return (React__default.createElement(LayoutFlexBox, { className: cn("dough-drop-menu-button-wrapper", "dough-color-header", {
|
|
1637
1604
|
"dough-drop-menu-button-wrapper-small": innerButtonSize === exports.Sizes.SMALL,
|
|
1638
|
-
}), key: "link-in-list-"
|
|
1639
|
-
React__default.createElement(Link, __assign({}, child.props, { className: cn(child.props.className, "dough-drop-menu-link"), color: exports.ColorsText.DEFAULT, underline: false, onClick: function () {
|
|
1605
|
+
}), key: "link-in-list-".concat(i) },
|
|
1606
|
+
React__default.createElement(Link, tslib.__assign({}, child.props, { className: cn(child.props.className, "dough-drop-menu-link"), color: exports.ColorsText.DEFAULT, underline: false, onClick: function () {
|
|
1640
1607
|
if (child.props.onClick) {
|
|
1641
1608
|
child.props.onClick();
|
|
1642
1609
|
}
|
|
@@ -1671,7 +1638,7 @@ var DropMenu = React.forwardRef(function (_a, ref) {
|
|
|
1671
1638
|
}
|
|
1672
1639
|
},
|
|
1673
1640
|
};
|
|
1674
|
-
return ButtonComponent ? (React__default.createElement(ButtonComponent, __assign({}, buttonProps))) : (React__default.createElement(Button, __assign({}, buttonProps)));
|
|
1641
|
+
return ButtonComponent ? (React__default.createElement(ButtonComponent, tslib.__assign({}, buttonProps))) : (React__default.createElement(Button, tslib.__assign({}, buttonProps)));
|
|
1675
1642
|
};
|
|
1676
1643
|
React.useEffect(function () {
|
|
1677
1644
|
if (show !== undefined && show !== showDropArea) {
|
|
@@ -1683,7 +1650,7 @@ var DropMenu = React.forwardRef(function (_a, ref) {
|
|
|
1683
1650
|
}
|
|
1684
1651
|
}
|
|
1685
1652
|
}, [show]);
|
|
1686
|
-
return (React__default.createElement("div", __assign({ className: cn("dough-drop-menu", {
|
|
1653
|
+
return (React__default.createElement("div", tslib.__assign({ className: cn("dough-drop-menu", {
|
|
1687
1654
|
"dough-dropmenu-as-line": asInvisibleLine,
|
|
1688
1655
|
"dough-dropmenu-full-width": fullWidth,
|
|
1689
1656
|
}), ref: componentRef }, dataAttributes),
|
|
@@ -1713,7 +1680,7 @@ var FormElementBase = React.forwardRef(function (props, ref) {
|
|
|
1713
1680
|
}, 250);
|
|
1714
1681
|
}
|
|
1715
1682
|
}, []);
|
|
1716
|
-
return (React__default.createElement("span", __assign({ className: cn("dough-fe-wrapper", {
|
|
1683
|
+
return (React__default.createElement("span", tslib.__assign({ className: cn("dough-fe-wrapper", {
|
|
1717
1684
|
"dough-fe-borderless": props.borderless,
|
|
1718
1685
|
"dough-mandatory": props.mandatory,
|
|
1719
1686
|
}, props.className), ref: ref ? ref : feWrapperRef, style: props.width
|
|
@@ -1723,18 +1690,18 @@ var FormElementBase = React.forwardRef(function (props, ref) {
|
|
|
1723
1690
|
props.children,
|
|
1724
1691
|
props.label && !props.hideLabel && (React__default.createElement("span", { className: "dough-fe-label dough-color-input-label", style: labelStartPoint
|
|
1725
1692
|
? {
|
|
1726
|
-
transform: "translate3d("
|
|
1693
|
+
transform: "translate3d(".concat(labelStartPoint, "px, ").concat((props.borderless
|
|
1727
1694
|
? MARGIN_SIZE * 2
|
|
1728
1695
|
: MARGIN_SIZE * 3 +
|
|
1729
|
-
MARGIN_SIZE / 2).toString()
|
|
1696
|
+
MARGIN_SIZE / 2).toString(), "px, 0)"),
|
|
1730
1697
|
}
|
|
1731
1698
|
: undefined }, props.label)),
|
|
1732
1699
|
!props.label && !props.hideLabel && props.placeholder && (React__default.createElement("span", { className: "dough-fe-label as-placeholder dough-color-text-light", style: labelStartPoint
|
|
1733
1700
|
? {
|
|
1734
|
-
transform: "translate3d("
|
|
1701
|
+
transform: "translate3d(".concat(labelStartPoint, "px, ").concat((props.borderless
|
|
1735
1702
|
? MARGIN_SIZE * 2
|
|
1736
1703
|
: MARGIN_SIZE * 3 +
|
|
1737
|
-
MARGIN_SIZE / 2).toString()
|
|
1704
|
+
MARGIN_SIZE / 2).toString(), "px, 0)"),
|
|
1738
1705
|
}
|
|
1739
1706
|
: undefined }, props.placeholder)),
|
|
1740
1707
|
props.validationResult &&
|
|
@@ -1754,7 +1721,7 @@ var InputWrapper = function (props) {
|
|
|
1754
1721
|
}, [props.startElement]);
|
|
1755
1722
|
return (React__default.createElement(FormElementBase
|
|
1756
1723
|
// TODO remove unnecessary props
|
|
1757
|
-
, __assign({}, props, { disabled: disabled, borderless: borderless, labelStartPoint: labelStartPoint, validationResult: props.validationResult }),
|
|
1724
|
+
, tslib.__assign({}, props, { disabled: disabled, borderless: borderless, labelStartPoint: labelStartPoint, validationResult: props.validationResult }),
|
|
1758
1725
|
React__default.createElement("span", { onClick: props.onClick, className: cn("dough-input-element", "dough-color-input-border", "dough-text-input", "with-fields", {
|
|
1759
1726
|
"dough-input-wrapper-clickable": props.onClick,
|
|
1760
1727
|
filled: props.filled,
|
|
@@ -1836,7 +1803,7 @@ var TextInput = React.forwardRef(function (props, ref) {
|
|
|
1836
1803
|
setLabelStartPoint(startElementRef.current.getBoundingClientRect().width);
|
|
1837
1804
|
}
|
|
1838
1805
|
}, [props.value, props.startElement]);
|
|
1839
|
-
return (React__default.createElement(FormElementBase, __assign({}, props, { labelStartPoint: labelStartPoint, validationResult: props.validationResult ? props.validationResult : isValid }),
|
|
1806
|
+
return (React__default.createElement(FormElementBase, tslib.__assign({}, props, { labelStartPoint: labelStartPoint, validationResult: props.validationResult ? props.validationResult : isValid }),
|
|
1840
1807
|
React__default.createElement("span", { className: cn("dough-input-element", "dough-color-input-border", "dough-text-input", "with-fields", {
|
|
1841
1808
|
active: isActive,
|
|
1842
1809
|
filled: isFilled,
|
|
@@ -1884,7 +1851,7 @@ var BreakpointViewer = function (props) {
|
|
|
1884
1851
|
React.useEffect(function () {
|
|
1885
1852
|
var listOfBreakpointSizes = typeof breakpointSize === "string"
|
|
1886
1853
|
? [breakpointSize]
|
|
1887
|
-
:
|
|
1854
|
+
: tslib.__spreadArray([], breakpointSize, true);
|
|
1888
1855
|
if (listOfBreakpointSizes.length > 0) {
|
|
1889
1856
|
listOfBreakpointSizes.forEach(function (breakpointSize) {
|
|
1890
1857
|
registerBreakpointView({
|
|
@@ -1935,7 +1902,7 @@ var TimePicker = function (props) {
|
|
|
1935
1902
|
return selectableTimes;
|
|
1936
1903
|
};
|
|
1937
1904
|
var handleChange = function (textVal) {
|
|
1938
|
-
var timeValueText =
|
|
1905
|
+
var timeValueText = "0000".concat(textVal)
|
|
1939
1906
|
.replace(/[^0-9]+/gi, "")
|
|
1940
1907
|
.slice(-4);
|
|
1941
1908
|
var hourValue = parseInt(timeValueText.substr(0, 2));
|
|
@@ -2008,21 +1975,21 @@ var TimePicker = function (props) {
|
|
|
2008
1975
|
? (val.hours === undefined
|
|
2009
1976
|
? ""
|
|
2010
1977
|
: is24h
|
|
2011
|
-
?
|
|
2012
|
-
:
|
|
1978
|
+
? "0".concat(SELECTABLE_HOURS[val.hours]).slice(-2)
|
|
1979
|
+
: "0".concat(SELECTABLE_HOURS[val.hours] === 12 ||
|
|
2013
1980
|
SELECTABLE_HOURS[val.hours] === 0
|
|
2014
1981
|
? "12"
|
|
2015
|
-
: SELECTABLE_HOURS[val.hours] % 12)
|
|
1982
|
+
: SELECTABLE_HOURS[val.hours] % 12).slice(-2)) +
|
|
2016
1983
|
seperator +
|
|
2017
1984
|
(val.minutes === undefined
|
|
2018
1985
|
? ""
|
|
2019
|
-
:
|
|
1986
|
+
: "0".concat(SELECTABLE_MINUTES[val.minutes]).slice(-2))
|
|
2020
1987
|
: "") +
|
|
2021
1988
|
(is24h || (val === null || val === void 0 ? void 0 : val.hours) === undefined
|
|
2022
1989
|
? ""
|
|
2023
1990
|
: (val === null || val === void 0 ? void 0 : val.hours) >= 12
|
|
2024
|
-
? " "
|
|
2025
|
-
: " "
|
|
1991
|
+
? " ".concat(pmText)
|
|
1992
|
+
: " ".concat(amText));
|
|
2026
1993
|
};
|
|
2027
1994
|
var checkAutoFocus = function () {
|
|
2028
1995
|
if (!initialFocusIsSet && autoFocus) {
|
|
@@ -2053,7 +2020,7 @@ var TimePicker = function (props) {
|
|
|
2053
2020
|
checkAutoFocus();
|
|
2054
2021
|
}
|
|
2055
2022
|
}, [props.value, autoFocus]);
|
|
2056
|
-
return (React__default.createElement(FormElementBase, __assign({}, props, { mandatory: mandatory, disabled: disabled, readOnly: readOnly, borderless: borderless, ref: componentRef, validationResult: props.validationResult ? props.validationResult : isValid }),
|
|
2023
|
+
return (React__default.createElement(FormElementBase, tslib.__assign({}, props, { mandatory: mandatory, disabled: disabled, readOnly: readOnly, borderless: borderless, ref: componentRef, validationResult: props.validationResult ? props.validationResult : isValid }),
|
|
2057
2024
|
React__default.createElement(Box, { display: exports.BoxDisplay.FLEX, alignItems: exports.BoxAlignment.CENTER, className: cn("dough-input-element", "dough-color-input-border", "dough-time-picker", {
|
|
2058
2025
|
active: isActive || inputFocused,
|
|
2059
2026
|
filled: props.value,
|
|
@@ -2108,7 +2075,7 @@ var TimePicker = function (props) {
|
|
|
2108
2075
|
updateTimeSelectionScrollTop(props.value);
|
|
2109
2076
|
}, 10);
|
|
2110
2077
|
}, referenceElement: componentRef, show: showDropArea },
|
|
2111
|
-
React__default.createElement("div", { className: "dough-time-picker-options-wrapper", ref: timeSelectorRef }, getSelectableTimes().map(function (timeObject) { return (React__default.createElement("span", { key: "time_"
|
|
2078
|
+
React__default.createElement("div", { className: "dough-time-picker-options-wrapper", ref: timeSelectorRef }, getSelectableTimes().map(function (timeObject) { return (React__default.createElement("span", { key: "time_".concat(timeObject.hours, "_").concat(timeObject.minutes), className: cn("dough-time-picker-option", exports.Colors.HEADER, {
|
|
2112
2079
|
"dough-time-picker-selected-option": props.value
|
|
2113
2080
|
? props.value.hours ===
|
|
2114
2081
|
timeObject.hours &&
|
|
@@ -2264,7 +2231,7 @@ var YearSelector = function (props) {
|
|
|
2264
2231
|
}, rounded: true })))),
|
|
2265
2232
|
React__default.createElement(LayoutFlexBox, { autoFit: false, className: "month-year-selectable-range", horizontalAlign: exports.HorizontalAlignment.CENTER, spacing: exports.Spacings.STRETCH, verticalAlign: exports.VerticalAlignment.CENTER }, new Array(12).fill(yearSelectionStart).map(function (val, index) { return (React__default.createElement("span", { className: cn("month-year-selectable-item", {
|
|
2266
2233
|
selected: props.value === val + index,
|
|
2267
|
-
}), "data-year": val + index, key: "year-selection-"
|
|
2234
|
+
}), "data-year": val + index, key: "year-selection-".concat(val + index), onClick: function () {
|
|
2268
2235
|
props.onChange(val + index);
|
|
2269
2236
|
} },
|
|
2270
2237
|
React__default.createElement("span", { className: "month-year-selectable-item-value-text dough-color-header" }, val + index))); }))));
|
|
@@ -2296,7 +2263,7 @@ var MonthSelector = function (props) { return (React__default.createElement(Layo
|
|
|
2296
2263
|
selected: props.value
|
|
2297
2264
|
? props.value.getMonth() === index
|
|
2298
2265
|
: false,
|
|
2299
|
-
}), key: "month-selection-"
|
|
2266
|
+
}), key: "month-selection-".concat(index), "data-month": index, onClick: function () {
|
|
2300
2267
|
props.onChange(index);
|
|
2301
2268
|
} },
|
|
2302
2269
|
React__default.createElement("span", { className: "month-year-selectable-item-value-text dough-color-header" }, props.locale.monthNames[index]))); })))); };
|
|
@@ -2307,7 +2274,7 @@ styleInject(css_248z$f);
|
|
|
2307
2274
|
|
|
2308
2275
|
var Spacer = function (props) {
|
|
2309
2276
|
var _a = props.size, size = _a === void 0 ? exports.Sizes.SMALL : _a, _b = props.type, type = _b === void 0 ? exports.Direction.HORIZONTAL : _b;
|
|
2310
|
-
return (React__default.createElement("div", __assign({ className: cn(props.className, "dough-spacer", type, "size-"
|
|
2277
|
+
return (React__default.createElement("div", tslib.__assign({ className: cn(props.className, "dough-spacer", type, "size-".concat(size)) }, props.dataAttributes)));
|
|
2311
2278
|
};
|
|
2312
2279
|
Spacer.displayName = "Spacer";
|
|
2313
2280
|
|
|
@@ -2321,14 +2288,14 @@ var DividerDecorator = function (_a) {
|
|
|
2321
2288
|
var Divider = function (props) {
|
|
2322
2289
|
var _a;
|
|
2323
2290
|
var _b = props.size, size = _b === void 0 ? exports.Sizes.SMALL : _b, _c = props.type, type = _c === void 0 ? exports.Direction.HORIZONTAL : _c, _d = props.color, color = _d === void 0 ? exports.Colors.GRAY5 : _d, decorator = props.decorator;
|
|
2324
|
-
return (React__default.createElement("div", __assign({ className: cn("dough-divider", props.className, type, "size-"
|
|
2291
|
+
return (React__default.createElement("div", tslib.__assign({ className: cn("dough-divider", props.className, type, "size-".concat(size)), style: {
|
|
2325
2292
|
height: props.height,
|
|
2326
2293
|
width: props.width,
|
|
2327
2294
|
zIndex: (_a = props.zIndex) !== null && _a !== void 0 ? _a : 0,
|
|
2328
2295
|
} }, props.dataAttributes),
|
|
2329
2296
|
React__default.createElement("div", { className: cn("dough-divider-line", color), style: props.lineThickness === undefined
|
|
2330
2297
|
? undefined
|
|
2331
|
-
: __assign({}, (type === exports.Direction.HORIZONTAL
|
|
2298
|
+
: tslib.__assign({}, (type === exports.Direction.HORIZONTAL
|
|
2332
2299
|
? { height: props.lineThickness }
|
|
2333
2300
|
: { width: props.lineThickness })) }),
|
|
2334
2301
|
decorator));
|
|
@@ -2450,15 +2417,15 @@ var DateTimeCalendar = function (props) {
|
|
|
2450
2417
|
React__default.createElement(LayoutContainer, { className: "dough-date-selector", layoutType: exports.Direction.VERTICAL },
|
|
2451
2418
|
React__default.createElement(LayoutFlexBox, { spacing: exports.Spacings.STRETCH, horizontalAlign: exports.HorizontalAlignment.CENTER, verticalAlign: exports.VerticalAlignment.CENTER }, Array(7)
|
|
2452
2419
|
.fill(0)
|
|
2453
|
-
.map(function (val, index) { return (React__default.createElement(LayoutFlexBox, { autoFit: false, horizontalAlign: exports.HorizontalAlignment.CENTER, verticalAlign: exports.VerticalAlignment.CENTER, key: "week-day-tile-"
|
|
2420
|
+
.map(function (val, index) { return (React__default.createElement(LayoutFlexBox, { autoFit: false, horizontalAlign: exports.HorizontalAlignment.CENTER, verticalAlign: exports.VerticalAlignment.CENTER, key: "week-day-tile-".concat(index), spacing: exports.Spacings.STRETCH },
|
|
2454
2421
|
React__default.createElement(Text, { color: exports.ColorsText.LIGHT, tiny: true, className: cn("dough-date-time-week-day-name") }, props.locale.dayNames[index]))); })),
|
|
2455
2422
|
React__default.createElement(React__default.Fragment, null, dateValueHelpers &&
|
|
2456
2423
|
Array(6)
|
|
2457
2424
|
.fill(0)
|
|
2458
|
-
.map(function (valRow, indexRow) { return (React__default.createElement(LayoutFlexBox, { autoFit: false, horizontalAlign: exports.HorizontalAlignment.CENTER, verticalAlign: exports.VerticalAlignment.CENTER, key: "day-tile-row-"
|
|
2425
|
+
.map(function (valRow, indexRow) { return (React__default.createElement(LayoutFlexBox, { autoFit: false, horizontalAlign: exports.HorizontalAlignment.CENTER, verticalAlign: exports.VerticalAlignment.CENTER, key: "day-tile-row-".concat(indexRow), spacing: exports.Spacings.STRETCH },
|
|
2459
2426
|
React__default.createElement(LayoutContainer, { verticalAlign: exports.VerticalAlignment.CENTER, horizontalAlign: exports.HorizontalAlignment.CENTER }, Array(7)
|
|
2460
2427
|
.fill(0)
|
|
2461
|
-
.map(function (valCol, indexCol) { return (React__default.createElement(LayoutFlexBox, { autoFit: false, paddingVertical: exports.Sizes.NONE, horizontalAlign: exports.HorizontalAlignment.CENTER, verticalAlign: exports.VerticalAlignment.CENTER, key: "day-tile-col-"
|
|
2428
|
+
.map(function (valCol, indexCol) { return (React__default.createElement(LayoutFlexBox, { autoFit: false, paddingVertical: exports.Sizes.NONE, horizontalAlign: exports.HorizontalAlignment.CENTER, verticalAlign: exports.VerticalAlignment.CENTER, key: "day-tile-col-".concat(indexRow +
|
|
2462
2429
|
indexCol), spacing: exports.Spacings.STRETCH }, getDayTileDate(indexRow, indexCol))); })))); }))),
|
|
2463
2430
|
React__default.createElement(React__default.Fragment, null, props.children)));
|
|
2464
2431
|
};
|
|
@@ -2525,6 +2492,25 @@ var DateTime = function (props) {
|
|
|
2525
2492
|
}
|
|
2526
2493
|
return controlValue;
|
|
2527
2494
|
};
|
|
2495
|
+
var getTimesFromValue = function (val) {
|
|
2496
|
+
var timeControlValue = {
|
|
2497
|
+
endHours: 12,
|
|
2498
|
+
endMinutes: 0,
|
|
2499
|
+
startHours: 12,
|
|
2500
|
+
startMinutes: 0,
|
|
2501
|
+
};
|
|
2502
|
+
if (val && val[0]) {
|
|
2503
|
+
timeControlValue.startHours = val[0].getHours();
|
|
2504
|
+
timeControlValue.startMinutes = val[0].getMinutes();
|
|
2505
|
+
if (isRange(props)) {
|
|
2506
|
+
if (val[1]) {
|
|
2507
|
+
timeControlValue.endHours = val[1].getHours();
|
|
2508
|
+
timeControlValue.endMinutes = val[1].getMinutes();
|
|
2509
|
+
}
|
|
2510
|
+
}
|
|
2511
|
+
}
|
|
2512
|
+
return timeControlValue;
|
|
2513
|
+
};
|
|
2528
2514
|
var updateStartTime = function (val) {
|
|
2529
2515
|
var updatedValue = updateValue(props.value, {
|
|
2530
2516
|
endHours: getTimesFromValue(props.value).endHours,
|
|
@@ -2547,25 +2533,6 @@ var DateTime = function (props) {
|
|
|
2547
2533
|
props.onChange(updatedValue);
|
|
2548
2534
|
}
|
|
2549
2535
|
};
|
|
2550
|
-
var getTimesFromValue = function (val) {
|
|
2551
|
-
var timeControlValue = {
|
|
2552
|
-
endHours: 12,
|
|
2553
|
-
endMinutes: 0,
|
|
2554
|
-
startHours: 12,
|
|
2555
|
-
startMinutes: 0,
|
|
2556
|
-
};
|
|
2557
|
-
if (val && val[0]) {
|
|
2558
|
-
timeControlValue.startHours = val[0].getHours();
|
|
2559
|
-
timeControlValue.startMinutes = val[0].getMinutes();
|
|
2560
|
-
if (isRange(props)) {
|
|
2561
|
-
if (val[1]) {
|
|
2562
|
-
timeControlValue.endHours = val[1].getHours();
|
|
2563
|
-
timeControlValue.endMinutes = val[1].getMinutes();
|
|
2564
|
-
}
|
|
2565
|
-
}
|
|
2566
|
-
}
|
|
2567
|
-
return timeControlValue;
|
|
2568
|
-
};
|
|
2569
2536
|
var selectDay = function (day) {
|
|
2570
2537
|
var controlValue;
|
|
2571
2538
|
if (isRange(props)) {
|
|
@@ -2612,10 +2579,10 @@ var DateTime = function (props) {
|
|
|
2612
2579
|
setVisibleRange(props.value[0] ? props.value[0] : new Date());
|
|
2613
2580
|
}
|
|
2614
2581
|
}, [props.value]);
|
|
2615
|
-
return (React__default.createElement(FormElementBase, __assign({}, props, { className: cn(props.className, "dough-date-time-fe-wrapper"), label: null, readOnly: readOnly, hideLabel: true, disabled: disabled }),
|
|
2582
|
+
return (React__default.createElement(FormElementBase, tslib.__assign({}, props, { className: cn(props.className, "dough-date-time-fe-wrapper"), label: null, readOnly: readOnly, hideLabel: true, disabled: disabled }),
|
|
2616
2583
|
React__default.createElement("div", { className: "dough-date-time-selector" },
|
|
2617
2584
|
React__default.createElement(LayoutContainer, { layoutType: exports.Direction.VERTICAL },
|
|
2618
|
-
React__default.createElement("div", { className: "dough-date-time-month-year-selection "
|
|
2585
|
+
React__default.createElement("div", { className: "dough-date-time-month-year-selection ".concat(monthYearSelectionType) },
|
|
2619
2586
|
monthYearSelectionType === "dough-year-selection" && (React__default.createElement(YearSelector, { onChange: function (year) {
|
|
2620
2587
|
setVisibleRange(new Date(year, visibleRange.getMonth()));
|
|
2621
2588
|
setMonthYearSelectionType(MONTH_YEAR_SELECTION_TYPES.hidden);
|
|
@@ -2786,7 +2753,7 @@ var DatePicker = function (props) {
|
|
|
2786
2753
|
setIsValid(validateInput(props, controlValue));
|
|
2787
2754
|
}
|
|
2788
2755
|
}, [props.value]);
|
|
2789
|
-
return (React__default.createElement(FormElementBase, __assign({}, props, { ref: componentRef, validationResult: props.validationResult ? props.validationResult : isValid }),
|
|
2756
|
+
return (React__default.createElement(FormElementBase, tslib.__assign({}, props, { ref: componentRef, validationResult: props.validationResult ? props.validationResult : isValid }),
|
|
2790
2757
|
React__default.createElement("span", { className: cn("dough-input-element", "dough-color-input-border", "dough-date-picker", {
|
|
2791
2758
|
active: isActive,
|
|
2792
2759
|
filled: isFilled,
|
|
@@ -2887,7 +2854,7 @@ var NumericInput = React.forwardRef(function (props, ref) {
|
|
|
2887
2854
|
setLabelStartPoint(startElementRef.current.getBoundingClientRect().width);
|
|
2888
2855
|
}
|
|
2889
2856
|
}, [props.value, props.startElement]);
|
|
2890
|
-
return (React__default.createElement(FormElementBase, __assign({}, props, { labelStartPoint: labelStartPoint, validationResult: props.validationResult ? props.validationResult : isValid }),
|
|
2857
|
+
return (React__default.createElement(FormElementBase, tslib.__assign({}, props, { labelStartPoint: labelStartPoint, validationResult: props.validationResult ? props.validationResult : isValid }),
|
|
2891
2858
|
React__default.createElement("span", { className: cn("dough-input-element", "dough-color-input-border", "dough-text-input", "with-fields", {
|
|
2892
2859
|
active: isActive,
|
|
2893
2860
|
filled: isFilled,
|
|
@@ -2938,7 +2905,7 @@ var TextArea = React.forwardRef(function (props, ref) {
|
|
|
2938
2905
|
}); });
|
|
2939
2906
|
var handleChange = function (e) {
|
|
2940
2907
|
if (e.target.value !== undefined) {
|
|
2941
|
-
e.target.style.height = e.target.scrollHeight - 1
|
|
2908
|
+
e.target.style.height = "".concat(e.target.scrollHeight - 1, "px");
|
|
2942
2909
|
if (!props.label && props.placeholder) {
|
|
2943
2910
|
setIsActive(e.target.value !== "");
|
|
2944
2911
|
}
|
|
@@ -2964,7 +2931,7 @@ var TextArea = React.forwardRef(function (props, ref) {
|
|
|
2964
2931
|
inputRef.current.style.height = "initial";
|
|
2965
2932
|
}
|
|
2966
2933
|
else {
|
|
2967
|
-
inputRef.current.style.height = inputRef.current.scrollHeight
|
|
2934
|
+
inputRef.current.style.height = "".concat(inputRef.current.scrollHeight, "px");
|
|
2968
2935
|
}
|
|
2969
2936
|
}
|
|
2970
2937
|
setIsFilled(getInputValue() !== "");
|
|
@@ -2975,7 +2942,7 @@ var TextArea = React.forwardRef(function (props, ref) {
|
|
|
2975
2942
|
setLabelStartPoint(startElementRef.current.getBoundingClientRect().width);
|
|
2976
2943
|
}
|
|
2977
2944
|
}, [props.value, props.startElement]);
|
|
2978
|
-
return (React__default.createElement(FormElementBase, __assign({}, props, { labelStartPoint: labelStartPoint, validationResult: props.validationResult ? props.validationResult : isValid }),
|
|
2945
|
+
return (React__default.createElement(FormElementBase, tslib.__assign({}, props, { labelStartPoint: labelStartPoint, validationResult: props.validationResult ? props.validationResult : isValid }),
|
|
2979
2946
|
React__default.createElement("span", { className: cn("dough-input-element", "dough-color-input-border", "dough-text-input", "with-fields", {
|
|
2980
2947
|
active: isActive,
|
|
2981
2948
|
filled: isFilled,
|
|
@@ -3005,7 +2972,7 @@ TextArea.displayName = "TextArea";
|
|
|
3005
2972
|
var css_248z$k = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-tag-item {\n display: inline-flex;\n flex-flow: row nowrap;\n justify-content: center;\n align-items: center;\n padding: 2px 8px 2px 8px;\n height: 24px;\n box-sizing: border-box;\n margin: 2px;\n margin-left: 0;\n border-radius: 3px;\n font-size: 0.6875rem;\n font-family: \"Roboto\", sans-serif;\n}\n.dough-tag-item.disabled {\n opacity: 0.5;\n}\n.dough-tag-item.disabled .dough-button {\n opacity: 1;\n}\n.dough-tag-item .dough-button-wrapper {\n width: 12px;\n height: 12px;\n min-height: 12px;\n min-width: 12px;\n padding: 0;\n}\n.dough-tag-item .dough-button-wrapper > .dough-button {\n width: 12px;\n height: 12px;\n min-height: 12px;\n min-width: 12px;\n padding: 0;\n margin-left: 4px;\n margin-right: -4px;\n}\n.dough-tag-item .dough-button-wrapper > .dough-button .dough-button-background-wrapper {\n display: none;\n}\n.dough-tag-item .dough-button-wrapper > .dough-button .dough-inline-svg-icon {\n width: 12px;\n height: 12px;\n}\n.dough-tag-item .dough-button-wrapper > .dough-button .dough-inline-svg-icon path {\n fill: rgb(255, 255, 255);\n fill: var(--dough-color-white);\n}";
|
|
3006
2973
|
styleInject(css_248z$k);
|
|
3007
2974
|
|
|
3008
|
-
var Tag = function (props) { return (React__default.createElement("div", __assign({ className: cn("dough-tag-item", props.color ? props.color : exports.Colors.HEADER, props.className, { disabled: props.disabled }) }, props.dataAttributes),
|
|
2975
|
+
var Tag = function (props) { return (React__default.createElement("div", tslib.__assign({ className: cn("dough-tag-item", props.color ? props.color : exports.Colors.HEADER, props.className, { disabled: props.disabled }) }, props.dataAttributes),
|
|
3009
2976
|
React__default.createElement(Text, { tiny: !props.big, bold: true }, props.children),
|
|
3010
2977
|
props.onRemove && (React__default.createElement(Button, { padding: false, color: exports.Colors.TRANSPARENT, icon: React__default.createElement(CloseIcon, null), disabled: props.disabled, onClick: function (e) {
|
|
3011
2978
|
cancelEvent(e);
|
|
@@ -3541,7 +3508,7 @@ var Spinner = function (props) {
|
|
|
3541
3508
|
var _j = React.useState(), anim = _j[0], setAnim = _j[1];
|
|
3542
3509
|
React.useEffect(function () {
|
|
3543
3510
|
if (spinnerData) {
|
|
3544
|
-
var initMarkers_1 = __assign({}, animationMarkers);
|
|
3511
|
+
var initMarkers_1 = tslib.__assign({}, animationMarkers);
|
|
3545
3512
|
if (spinnerData.markers !== undefined &&
|
|
3546
3513
|
spinnerData.markers.length > 0) {
|
|
3547
3514
|
spinnerData.markers.forEach(function (marker) {
|
|
@@ -3549,7 +3516,7 @@ var Spinner = function (props) {
|
|
|
3549
3516
|
initMarkers_1[marker.cm] = marker.tm;
|
|
3550
3517
|
}
|
|
3551
3518
|
});
|
|
3552
|
-
setAnimationMarkers(__assign({}, initMarkers_1));
|
|
3519
|
+
setAnimationMarkers(tslib.__assign({}, initMarkers_1));
|
|
3553
3520
|
}
|
|
3554
3521
|
if (show) {
|
|
3555
3522
|
var animation = anim;
|
|
@@ -3644,8 +3611,8 @@ var Spinner = function (props) {
|
|
|
3644
3611
|
animation.onLoopComplete = props.onLoopComplete;
|
|
3645
3612
|
}
|
|
3646
3613
|
}, [props.onLoopComplete]);
|
|
3647
|
-
return (React__default.createElement("div", __assign({ className: cn("dough-spinner-wrapper", props.className, color, props.size
|
|
3648
|
-
? "size-"
|
|
3614
|
+
return (React__default.createElement("div", tslib.__assign({ className: cn("dough-spinner-wrapper", props.className, color, props.size
|
|
3615
|
+
? "size-".concat(props.size)
|
|
3649
3616
|
: props.width === undefined
|
|
3650
3617
|
? exports.Sizes.NORMAL
|
|
3651
3618
|
: null, {
|
|
@@ -3879,7 +3846,7 @@ var SelectBox = React.forwardRef(function (props, ref) {
|
|
|
3879
3846
|
};
|
|
3880
3847
|
var getOptionItems = function (data) {
|
|
3881
3848
|
if (data) {
|
|
3882
|
-
return data.map(function (option) { return (React__default.createElement("div", { className: "dough-selectbox-option-wrapper", key: "option-"
|
|
3849
|
+
return data.map(function (option) { return (React__default.createElement("div", { className: "dough-selectbox-option-wrapper", key: "option-".concat(option.value) },
|
|
3883
3850
|
React__default.createElement("div", { className: cn("dough-selectbox-option", "dough-color-header", {
|
|
3884
3851
|
"dough-selectbox-option-disabled": option.disabled,
|
|
3885
3852
|
"dough-selectbox-option-not-selectable": option.selectable === false,
|
|
@@ -3909,7 +3876,7 @@ var SelectBox = React.forwardRef(function (props, ref) {
|
|
|
3909
3876
|
}
|
|
3910
3877
|
else if (value &&
|
|
3911
3878
|
value.length > 0) {
|
|
3912
|
-
return (React__default.createElement(React__default.Fragment, null, value.map(function (item) { return (React__default.createElement(Tag, { key: "selected-"
|
|
3879
|
+
return (React__default.createElement(React__default.Fragment, null, value.map(function (item) { return (React__default.createElement(Tag, { key: "selected-".concat(item.value), onRemove: function () {
|
|
3913
3880
|
optionClicked(item);
|
|
3914
3881
|
} },
|
|
3915
3882
|
props.optionComponent && (React__default.createElement(React__default.Fragment, null, props.optionComponent({
|
|
@@ -3941,7 +3908,7 @@ var SelectBox = React.forwardRef(function (props, ref) {
|
|
|
3941
3908
|
checkAutoFocus();
|
|
3942
3909
|
}
|
|
3943
3910
|
}, [props.value, props.autoFocus]);
|
|
3944
|
-
return (React__default.createElement(FormElementBase, __assign({}, props, { ref: componentRef, validationResult: props.validationResult ? props.validationResult : isValid }),
|
|
3911
|
+
return (React__default.createElement(FormElementBase, tslib.__assign({}, props, { ref: componentRef, validationResult: props.validationResult ? props.validationResult : isValid }),
|
|
3945
3912
|
React__default.createElement("input", { disabled: props.disabled, readOnly: props.readOnly, ref: hiddenInputRef, className: cn(props.inputClassName, "dough-hidden-input"), type: "text", name: props.name }),
|
|
3946
3913
|
React__default.createElement("span", { tabIndex: props.tabIndex === undefined ? 0 : props.tabIndex, className: cn("dough-input-element", "dough-color-input-border", "dough-selectbox", {
|
|
3947
3914
|
active: isActive,
|
|
@@ -4035,7 +4002,7 @@ var CheckBox = React.forwardRef(function (props, ref) {
|
|
|
4035
4002
|
}
|
|
4036
4003
|
return React__default.createElement(MinusIcon, null);
|
|
4037
4004
|
};
|
|
4038
|
-
return (React__default.createElement(FormElementBase, __assign({}, props, { className: cn(props.className, "dough-checkbox-fe-wrapper"), hideLabel: true }),
|
|
4005
|
+
return (React__default.createElement(FormElementBase, tslib.__assign({}, props, { className: cn(props.className, "dough-checkbox-fe-wrapper"), hideLabel: true }),
|
|
4039
4006
|
React__default.createElement("div", { className: cn("dough-selection-container", {
|
|
4040
4007
|
checked: props.value === 1 || props.value,
|
|
4041
4008
|
rounded: props.rounded,
|
|
@@ -4046,7 +4013,7 @@ var CheckBox = React.forwardRef(function (props, ref) {
|
|
|
4046
4013
|
topAlignment: props.alignment === exports.CheckBoxAlignment.TOP,
|
|
4047
4014
|
}), wrap: exports.BoxWrap.NOWRAP },
|
|
4048
4015
|
React__default.createElement(Box, { display: exports.BoxDisplay.INLINE_FLEX, alignItems: exports.BoxAlign.CENTER, className: "dough-selection-left-box", padding: exports.Sizes.XXS },
|
|
4049
|
-
React__default.createElement(Button, { className: cn("dough-selection-button", "dough-checkbox-size-"
|
|
4016
|
+
React__default.createElement(Button, { className: cn("dough-selection-button", "dough-checkbox-size-".concat(size), props.disabled && "dough-button-disabled"), tabIndex: props.tabIndex === undefined
|
|
4050
4017
|
? 0
|
|
4051
4018
|
: props.tabIndex, color: props.value ? color : exports.Colors.TRANSPARENT, icon: getIcon(props.value), onClick: handleChange, rounded: props.rounded, size: size })),
|
|
4052
4019
|
(props.label || props.children) && (React__default.createElement(Box, { display: exports.BoxDisplay.FLEX, className: "dough-selection-right-box", flex: "1", alignItems: exports.BoxAlign.CENTER },
|
|
@@ -4080,7 +4047,7 @@ var Switch = React.forwardRef(function (props, ref) {
|
|
|
4080
4047
|
handleChange();
|
|
4081
4048
|
}
|
|
4082
4049
|
};
|
|
4083
|
-
return (React__default.createElement(FormElementBase, __assign({}, props, { hideLabel: true }),
|
|
4050
|
+
return (React__default.createElement(FormElementBase, tslib.__assign({}, props, { hideLabel: true }),
|
|
4084
4051
|
React__default.createElement("div", { className: cn("dough-switch-container", {
|
|
4085
4052
|
checked: props.value,
|
|
4086
4053
|
}), onFocus: cancelEvent, onKeyDown: handleKeyDown },
|
|
@@ -4108,7 +4075,7 @@ var RadioGroup = function (props) {
|
|
|
4108
4075
|
props.onChange(val);
|
|
4109
4076
|
}
|
|
4110
4077
|
};
|
|
4111
|
-
return (React__default.createElement(FormElementBase, __assign({}, props, { hideLabel: true }),
|
|
4078
|
+
return (React__default.createElement(FormElementBase, tslib.__assign({}, props, { hideLabel: true }),
|
|
4112
4079
|
React__default.createElement("div", { className: "dough-fe-radio-group" },
|
|
4113
4080
|
React__default.createElement(LayoutContainer, { layoutType: exports.Direction.VERTICAL },
|
|
4114
4081
|
React__default.createElement(LayoutFlexBox, { autoFit: false },
|
|
@@ -4132,7 +4099,7 @@ var RadioGroup = function (props) {
|
|
|
4132
4099
|
!props.data &&
|
|
4133
4100
|
React.Children.toArray(props.children).map(function (child, i) {
|
|
4134
4101
|
if (checkComponentType(child, RadioOption)) {
|
|
4135
|
-
return (React__default.createElement(RadioOption, __assign({}, child.props, { disabled: props.disabled
|
|
4102
|
+
return (React__default.createElement(RadioOption, tslib.__assign({}, child.props, { disabled: props.disabled
|
|
4136
4103
|
? props.disabled
|
|
4137
4104
|
: child.props.disabled, onSelected: function (val) {
|
|
4138
4105
|
if (props.onChange &&
|
|
@@ -4140,7 +4107,7 @@ var RadioGroup = function (props) {
|
|
|
4140
4107
|
props.onChange(val);
|
|
4141
4108
|
}
|
|
4142
4109
|
}, selected: props.value ===
|
|
4143
|
-
child.props.value, key: "radio-option-"
|
|
4110
|
+
child.props.value, key: "radio-option-".concat(i), size: size, tabIndex: props.tabIndex === undefined
|
|
4144
4111
|
? 0
|
|
4145
4112
|
: props.tabIndex, color: color, name: props.name }), child.props.children));
|
|
4146
4113
|
}
|
|
@@ -4177,7 +4144,7 @@ var BreadCrumb = function (props) {
|
|
|
4177
4144
|
if (index === 0 ||
|
|
4178
4145
|
linkItems.length < 4 ||
|
|
4179
4146
|
index >= linkItems.length - 2) {
|
|
4180
|
-
return (React__default.createElement(React__default.Fragment, { key: "bc-link-"
|
|
4147
|
+
return (React__default.createElement(React__default.Fragment, { key: "bc-link-".concat(index) },
|
|
4181
4148
|
noElementWrapper ? (link) : typeof link === "string" ||
|
|
4182
4149
|
typeof link === "number" ? (React__default.createElement(BreadCrumbText, { className: cn(index < linkItems.length - 1
|
|
4183
4150
|
? exports.ColorsText.LIGHT
|
|
@@ -4189,17 +4156,17 @@ var BreadCrumb = function (props) {
|
|
|
4189
4156
|
React__default.createElement(RightIcon, null)))));
|
|
4190
4157
|
}
|
|
4191
4158
|
else if (index === 1) {
|
|
4192
|
-
return (React__default.createElement(React__default.Fragment, { key: "bc-link-"
|
|
4159
|
+
return (React__default.createElement(React__default.Fragment, { key: "bc-link-".concat(index) },
|
|
4193
4160
|
React__default.createElement("span", { className: exports.ColorsText.LIGHT }, "\u2026"),
|
|
4194
4161
|
React__default.createElement("span", { className: cn("dough-bread-crumb-right-arrow", "dough-color-icon-default") },
|
|
4195
4162
|
React__default.createElement(RightIcon, null))));
|
|
4196
4163
|
}
|
|
4197
|
-
return React__default.createElement(React__default.Fragment, { key: "bc-link-"
|
|
4164
|
+
return React__default.createElement(React__default.Fragment, { key: "bc-link-".concat(index) });
|
|
4198
4165
|
})));
|
|
4199
4166
|
}
|
|
4200
4167
|
return React__default.createElement(React__default.Fragment, null);
|
|
4201
4168
|
};
|
|
4202
|
-
return (React__default.createElement("div", __assign({ className: cn(props.className, "dough-bread-crumb-wrapper", "size-"
|
|
4169
|
+
return (React__default.createElement("div", tslib.__assign({ className: cn(props.className, "dough-bread-crumb-wrapper", "size-".concat(size)) }, props.dataAttributes), getBreadCrumbs(props.children)));
|
|
4203
4170
|
};
|
|
4204
4171
|
BreadCrumb.displayName = "BreadCrumb";
|
|
4205
4172
|
|
|
@@ -4208,7 +4175,7 @@ styleInject(css_248z$q);
|
|
|
4208
4175
|
|
|
4209
4176
|
var Badge = function (props) {
|
|
4210
4177
|
var _a = props.color, color = _a === void 0 ? exports.Colors.LIKE : _a, _b = props.borderColor, borderColor = _b === void 0 ? exports.Colors.BACKGROUND : _b, _c = props.badgeCount, badgeCount = _c === void 0 ? 0 : _c;
|
|
4211
|
-
return (React__default.createElement("div", __assign({ className: cn(props.className, "dough-badge") }, props.dataAttributes),
|
|
4178
|
+
return (React__default.createElement("div", tslib.__assign({ className: cn(props.className, "dough-badge") }, props.dataAttributes),
|
|
4212
4179
|
props.children,
|
|
4213
4180
|
badgeCount > 0 && (React__default.createElement("span", { className: cn("dough-badge-content-wrapper", {
|
|
4214
4181
|
"dough-badge-long": badgeCount > 99 ? "+" : "",
|
|
@@ -4244,11 +4211,11 @@ var StrengthIndicator = function (props) {
|
|
|
4244
4211
|
return "fine";
|
|
4245
4212
|
}
|
|
4246
4213
|
};
|
|
4247
|
-
return (React__default.createElement("div", __assign({ className: cn("dough-fe-wrapper", "dough-strength-indicator", props.className, {
|
|
4214
|
+
return (React__default.createElement("div", tslib.__assign({ className: cn("dough-fe-wrapper", "dough-strength-indicator", props.className, {
|
|
4248
4215
|
"dough-strength-indicator-rounded": props.rounded !== false,
|
|
4249
4216
|
}, { "dough-strength-indicator-tall": props.tall }, { "dough-strength-indicator-extra-tall": props.extraTall }) }, props.dataAttributes),
|
|
4250
4217
|
React__default.createElement("div", { className: cn("dough-strength-block", getStrengthClass(getCalculatedPercentage(props.value))), style: {
|
|
4251
|
-
width: getCalculatedPercentage(props.value)
|
|
4218
|
+
width: "".concat(getCalculatedPercentage(props.value), "%"),
|
|
4252
4219
|
} })));
|
|
4253
4220
|
};
|
|
4254
4221
|
StrengthIndicator.displayName = "StrengthIndicator";
|
|
@@ -4383,10 +4350,14 @@ var Tooltip = function (props) {
|
|
|
4383
4350
|
left = pos.left + tooltipContent.current.clientWidth / 2;
|
|
4384
4351
|
}
|
|
4385
4352
|
setPositionStyle({
|
|
4386
|
-
transform: "translate3d("
|
|
4353
|
+
transform: "translate3d(".concat(left, "px, ").concat(top_1, "px, 0)"),
|
|
4387
4354
|
});
|
|
4388
4355
|
}
|
|
4389
4356
|
};
|
|
4357
|
+
var hideOnScroll = function () {
|
|
4358
|
+
// eslint-disable-next-line no-use-before-define
|
|
4359
|
+
hide();
|
|
4360
|
+
};
|
|
4390
4361
|
var show = function () {
|
|
4391
4362
|
if (showTooltip) {
|
|
4392
4363
|
clearTimeout(showTooltip);
|
|
@@ -4408,29 +4379,27 @@ var Tooltip = function (props) {
|
|
|
4408
4379
|
pos = pos.left + pos.width / 2;
|
|
4409
4380
|
if (tooltipContent.current.clientWidth / 2 + pos >
|
|
4410
4381
|
windowWidth) {
|
|
4411
|
-
tooltipContent.current.style.left = windowWidth -
|
|
4382
|
+
tooltipContent.current.style.left = "".concat(windowWidth -
|
|
4412
4383
|
(tooltipContent.current.clientWidth / 2 +
|
|
4413
4384
|
pos +
|
|
4414
|
-
16)
|
|
4385
|
+
16), "px");
|
|
4415
4386
|
}
|
|
4416
4387
|
else if (pos - tooltipContent.current.clientWidth / 2 <
|
|
4417
4388
|
0) {
|
|
4418
|
-
tooltipContent.current.style.left = 16 -
|
|
4389
|
+
tooltipContent.current.style.left = "".concat(16 -
|
|
4419
4390
|
(pos -
|
|
4420
|
-
tooltipContent.current.clientWidth / 2)
|
|
4391
|
+
tooltipContent.current.clientWidth / 2), "px");
|
|
4421
4392
|
}
|
|
4422
4393
|
}
|
|
4423
4394
|
}
|
|
4424
4395
|
setVisible(true);
|
|
4396
|
+
// eslint-disable-next-line no-use-before-define
|
|
4425
4397
|
setLastTooltip({ hide: hide, tooltip: props.tooltip });
|
|
4426
4398
|
if (props.onShow) {
|
|
4427
4399
|
props.onShow();
|
|
4428
4400
|
}
|
|
4429
4401
|
}, 1));
|
|
4430
4402
|
};
|
|
4431
|
-
var hideOnScroll = function () {
|
|
4432
|
-
hide();
|
|
4433
|
-
};
|
|
4434
4403
|
var hide = function (e) {
|
|
4435
4404
|
window.removeEventListener("scroll", hideOnScroll);
|
|
4436
4405
|
if (!e ||
|
|
@@ -4480,7 +4449,7 @@ var Tooltip = function (props) {
|
|
|
4480
4449
|
}
|
|
4481
4450
|
else if (!props.children && props.show && !visible) {
|
|
4482
4451
|
setPositionStyle({
|
|
4483
|
-
transform: "translate3d("
|
|
4452
|
+
transform: "translate3d(".concat(position.left, ", ").concat(position.top, ", 0)"),
|
|
4484
4453
|
});
|
|
4485
4454
|
show();
|
|
4486
4455
|
if (props.onShow) {
|
|
@@ -4521,14 +4490,14 @@ var Tooltip = function (props) {
|
|
|
4521
4490
|
}
|
|
4522
4491
|
}; });
|
|
4523
4492
|
return (React__default.createElement(React__default.Fragment, null,
|
|
4524
|
-
props.children && (React__default.createElement("span", __assign({ onMouseLeave: props.selector ? undefined : hide, onMouseOut: props.selector ? undefined : hide, onMouseOver: props.selector ? undefined : handleShowTooltip, onMouseMove: props.selector ? undefined : handleShowTooltip, onMouseDown: props.selector ? undefined : hide, className: cn("dough-tooltip", props.className, {
|
|
4493
|
+
props.children && (React__default.createElement("span", tslib.__assign({ onMouseLeave: props.selector ? undefined : hide, onMouseOut: props.selector ? undefined : hide, onMouseOver: props.selector ? undefined : handleShowTooltip, onMouseMove: props.selector ? undefined : handleShowTooltip, onMouseDown: props.selector ? undefined : hide, className: cn("dough-tooltip", props.className, {
|
|
4525
4494
|
disabled: props.disabled,
|
|
4526
4495
|
"dough-tooltip-full-width": props.fullWidth,
|
|
4527
4496
|
}), ref: tooltipCoverRef }, props.dataAttributes), props.children)),
|
|
4528
4497
|
showTooltip &&
|
|
4529
4498
|
reactDom.createPortal(React__default.createElement("div", { className: cn("dough-tooltip-wrapper", direction, {
|
|
4530
4499
|
visible: visible && !props.disabled,
|
|
4531
|
-
}), style: { transitionDelay: delay
|
|
4500
|
+
}), style: { transitionDelay: "".concat(delay, "ms") }, onClick: hide },
|
|
4532
4501
|
React__default.createElement("div", { className: cn("dough-tooltip-container", theme), style: positionStyle },
|
|
4533
4502
|
React__default.createElement("span", { ref: tooltipContent, className: "dough-tooltip-content" }, props.tooltip),
|
|
4534
4503
|
React__default.createElement("span", { className: "dough-tooltip-arrow" },
|
|
@@ -4541,7 +4510,7 @@ var css_248z$u = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium
|
|
|
4541
4510
|
styleInject(css_248z$u);
|
|
4542
4511
|
|
|
4543
4512
|
var AppBackground = function (props) { return (React__default.createElement(React__default.Fragment, null, props.children &&
|
|
4544
|
-
reactDom.createPortal(React__default.createElement("div", __assign({ className: cn("dough-app-background-wrapper", props.className) }, props.dataAttributes), props.children), getAppBackgroundOverlay(props.overlaySelector)))); };
|
|
4513
|
+
reactDom.createPortal(React__default.createElement("div", tslib.__assign({ className: cn("dough-app-background-wrapper", props.className) }, props.dataAttributes), props.children), getAppBackgroundOverlay(props.overlaySelector)))); };
|
|
4545
4514
|
AppBackground.displayName = "AppBackground";
|
|
4546
4515
|
|
|
4547
4516
|
var css_248z$v = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-app-wrapper {\n width: 100%;\n min-height: 100%;\n box-sizing: border-box;\n}";
|
|
@@ -4549,7 +4518,7 @@ styleInject(css_248z$v);
|
|
|
4549
4518
|
|
|
4550
4519
|
var AppWrapper = function (props) {
|
|
4551
4520
|
var _a = props.usePortal, usePortal = _a === void 0 ? true : _a;
|
|
4552
|
-
var doughAppWrapper = (React__default.createElement("div", __assign({ className: cn("dough-app-wrapper", props.className) }, props.dataAttributes), props.children));
|
|
4521
|
+
var doughAppWrapper = (React__default.createElement("div", tslib.__assign({ className: cn("dough-app-wrapper", props.className) }, props.dataAttributes), props.children));
|
|
4553
4522
|
return (React__default.createElement(React__default.Fragment, null, props.children && (React__default.createElement(React__default.Fragment, null,
|
|
4554
4523
|
usePortal &&
|
|
4555
4524
|
reactDom.createPortal(doughAppWrapper, getAppWrapperOverlay()),
|
|
@@ -4563,16 +4532,18 @@ styleInject(css_248z$w);
|
|
|
4563
4532
|
var PanelOverlay = function (props) {
|
|
4564
4533
|
var _a, _b, _c, _d;
|
|
4565
4534
|
return (React__default.createElement(React__default.Fragment, null, props.children &&
|
|
4566
|
-
reactDom.createPortal(React__default.createElement("div", __assign({ className: cn("dough-panel-overlay-wrapper", props.className, typeof props.padding === "string"
|
|
4567
|
-
? "dough-padding-"
|
|
4535
|
+
reactDom.createPortal(React__default.createElement("div", tslib.__assign({ className: cn("dough-panel-overlay-wrapper", props.className, typeof props.padding === "string"
|
|
4536
|
+
? "dough-padding-".concat(props.padding)
|
|
4568
4537
|
: null, typeof props.padding === "object" && ((_a = props.padding) === null || _a === void 0 ? void 0 : _a.top)
|
|
4569
|
-
? "dough-padding-top-"
|
|
4570
|
-
: null, typeof props.padding === "object" &&
|
|
4571
|
-
|
|
4572
|
-
|
|
4573
|
-
|
|
4538
|
+
? "dough-padding-top-".concat(props.padding.top)
|
|
4539
|
+
: null, typeof props.padding === "object" &&
|
|
4540
|
+
((_b = props.padding) === null || _b === void 0 ? void 0 : _b.right)
|
|
4541
|
+
? "dough-padding-right-".concat(props.padding.right)
|
|
4542
|
+
: null, typeof props.padding === "object" &&
|
|
4543
|
+
((_c = props.padding) === null || _c === void 0 ? void 0 : _c.bottom)
|
|
4544
|
+
? "dough-padding-bottom-".concat(props.padding.bottom)
|
|
4574
4545
|
: null, typeof props.padding === "object" && ((_d = props.padding) === null || _d === void 0 ? void 0 : _d.left)
|
|
4575
|
-
? "dough-padding-left-"
|
|
4546
|
+
? "dough-padding-left-".concat(props.padding.left)
|
|
4576
4547
|
: null, {
|
|
4577
4548
|
"dough-panel-overlay-fixed-to-right": props.fixedToRight,
|
|
4578
4549
|
"dough-panel-overlay-not-cover-header": props.coverHeader === false,
|
|
@@ -4693,7 +4664,7 @@ var DesignTokens = {
|
|
|
4693
4664
|
|
|
4694
4665
|
var _a$1;
|
|
4695
4666
|
var IE11SpecificCases = {
|
|
4696
|
-
flex: function (value) { return value
|
|
4667
|
+
flex: function (value) { return "".concat(value, " ").concat(value, " auto"); },
|
|
4697
4668
|
};
|
|
4698
4669
|
var MediaQueryDevices;
|
|
4699
4670
|
(function (MediaQueryDevices) {
|
|
@@ -4723,19 +4694,19 @@ var getMediaQueryStyles = function (props, propToStyleMap, deviceType) {
|
|
|
4723
4694
|
if (deviceType &&
|
|
4724
4695
|
typeof props[propKey] === "object" &&
|
|
4725
4696
|
props[propKey][deviceType] !== undefined) {
|
|
4726
|
-
mediaQueryStyles += "\n "
|
|
4697
|
+
mediaQueryStyles += "\n ".concat(propToStyleMap[propKey]
|
|
4727
4698
|
.map(function (styleAttr) {
|
|
4728
|
-
return styleAttr
|
|
4699
|
+
return "".concat(styleAttr, ": ").concat(getStyleValue(props[propKey][deviceType]), ";");
|
|
4729
4700
|
})
|
|
4730
|
-
.join("")
|
|
4701
|
+
.join(""), "\n ");
|
|
4731
4702
|
}
|
|
4732
4703
|
else if (deviceType === undefined &&
|
|
4733
4704
|
typeof props[propKey] === "string") {
|
|
4734
|
-
mediaQueryStyles += "\n "
|
|
4705
|
+
mediaQueryStyles += "\n ".concat(propToStyleMap[propKey]
|
|
4735
4706
|
.map(function (styleAttr) {
|
|
4736
|
-
return styleAttr
|
|
4707
|
+
return "".concat(styleAttr, ": ").concat(getStyleValue(props[propKey]), ";");
|
|
4737
4708
|
})
|
|
4738
|
-
.join("")
|
|
4709
|
+
.join(""), "\n ");
|
|
4739
4710
|
}
|
|
4740
4711
|
});
|
|
4741
4712
|
return mediaQueryStyles;
|
|
@@ -4743,14 +4714,14 @@ var getMediaQueryStyles = function (props, propToStyleMap, deviceType) {
|
|
|
4743
4714
|
var getIESpecificStyles = function (props, propToStyleMap) {
|
|
4744
4715
|
var IE11Styles = "";
|
|
4745
4716
|
Object.keys(propToStyleMap).forEach(function (propKey) {
|
|
4746
|
-
IE11Styles += "\n "
|
|
4717
|
+
IE11Styles += "\n ".concat(propToStyleMap[propKey]
|
|
4747
4718
|
.map(function (styleAttr) {
|
|
4748
4719
|
if (IE11SpecificCases[styleAttr]) {
|
|
4749
|
-
return styleAttr
|
|
4720
|
+
return "".concat(styleAttr, ": ").concat(IE11SpecificCases[styleAttr](getStyleValue(props[propKey])), ";");
|
|
4750
4721
|
}
|
|
4751
4722
|
return "";
|
|
4752
4723
|
})
|
|
4753
|
-
.join("")
|
|
4724
|
+
.join(""), "\n ");
|
|
4754
4725
|
});
|
|
4755
4726
|
return IE11Styles;
|
|
4756
4727
|
};
|
|
@@ -4758,18 +4729,18 @@ var generateStyles = function (props, selector, propToStyleMap, noMediaQuery) {
|
|
|
4758
4729
|
var elementMainStyles = "";
|
|
4759
4730
|
var mainStyleProps = getMediaQueryStyles(props, propToStyleMap);
|
|
4760
4731
|
if (mainStyleProps.trim() !== "") {
|
|
4761
|
-
elementMainStyles = "\n "
|
|
4732
|
+
elementMainStyles = "\n ".concat(selector, " {\n ").concat(mainStyleProps, "\n }\n ");
|
|
4762
4733
|
if (!!window.MSInputMethodContext && !!document.documentMode) {
|
|
4763
4734
|
var ie11Styles = getIESpecificStyles(props, propToStyleMap);
|
|
4764
4735
|
if (ie11Styles.trim() !== "") {
|
|
4765
|
-
elementMainStyles += "\n html.dough-IE11 "
|
|
4736
|
+
elementMainStyles += "\n html.dough-IE11 ".concat(selector, " {\n ").concat(mainStyleProps, "\n }\n ");
|
|
4766
4737
|
}
|
|
4767
4738
|
}
|
|
4768
4739
|
}
|
|
4769
4740
|
if (!noMediaQuery) {
|
|
4770
|
-
elementMainStyles += "\n @media (min-width: 0px) and (max-width: "
|
|
4771
|
-
1
|
|
4772
|
-
1
|
|
4741
|
+
elementMainStyles += "\n @media (min-width: 0px) and (max-width: ".concat(DesignTokens.sizes.sizeViewportSmall, ") {\n ").concat(selector, " {\n ").concat(getMediaQueryStyles(props, propToStyleMap, MediaQueryDevices.MOBILE), "\n }\n }\n @media (min-width: ").concat(parseFloat(DesignTokens.sizes.sizeViewportSmall) +
|
|
4742
|
+
1, "px) and (max-width: ").concat(DesignTokens.sizes.sizeViewportMedium, ") {\n ").concat(selector, " {\n ").concat(getMediaQueryStyles(props, propToStyleMap, MediaQueryDevices.TABLETPORTRAIT), "\n }\n }\n @media (min-width: ").concat(parseFloat(DesignTokens.sizes.sizeViewportMedium) +
|
|
4743
|
+
1, "px) and (max-width: ").concat(DesignTokens.sizes.sizeViewportLarge, ") {\n ").concat(selector, " {\n ").concat(getMediaQueryStyles(props, propToStyleMap, MediaQueryDevices.TABLETLANDSCAPE), "\n }\n }\n @media (min-width: ").concat(DesignTokens.sizes.sizeViewportLarge, ") {\n ").concat(selector, " {\n ").concat(getMediaQueryStyles(props, propToStyleMap, MediaQueryDevices.DESKTOP), "\n }\n }");
|
|
4773
4744
|
}
|
|
4774
4745
|
return elementMainStyles;
|
|
4775
4746
|
};
|
|
@@ -4780,21 +4751,21 @@ var isFixedColor = function (color) {
|
|
|
4780
4751
|
return Object.values(exports.FixedColors).includes(color);
|
|
4781
4752
|
};
|
|
4782
4753
|
var getColorWithFallback = function (color) {
|
|
4783
|
-
return isStandardColor(color) || isFixedColor(color) ? "var(--"
|
|
4754
|
+
return isStandardColor(color) || isFixedColor(color) ? "var(--".concat(color, ")") : color;
|
|
4784
4755
|
};
|
|
4785
4756
|
|
|
4786
4757
|
var MultiProgressBar = function (_a) {
|
|
4787
4758
|
var dataAttributes = _a.dataAttributes, className = _a.className, _b = _a.railColor, railColor = _b === void 0 ? "#EDEDED" : _b, data = _a.data, total = _a.total;
|
|
4788
4759
|
var aggregatedTotal = data.reduce(function (agg, el) { return agg + el.value; }, 0);
|
|
4789
4760
|
var normalizedTotal = aggregatedTotal > total ? aggregatedTotal : total;
|
|
4790
|
-
return (React__default.createElement("div", __assign({ className: cn("dough-multi-progress-bar", className) }, dataAttributes, { style: {
|
|
4761
|
+
return (React__default.createElement("div", tslib.__assign({ className: cn("dough-multi-progress-bar", className) }, dataAttributes, { style: {
|
|
4791
4762
|
backgroundColor: getColorWithFallback(railColor),
|
|
4792
4763
|
} }),
|
|
4793
4764
|
data.filter(Boolean).map(function (_a, index) {
|
|
4794
4765
|
var value = _a.value, color = _a.color;
|
|
4795
4766
|
return (React__default.createElement("div", { key: index, className: "dough-multi-progress-bar__progress", style: {
|
|
4796
4767
|
backgroundColor: getColorWithFallback(color),
|
|
4797
|
-
width: "calc("
|
|
4768
|
+
width: "calc(".concat(value, " / ").concat(normalizedTotal, " * 100%)"),
|
|
4798
4769
|
} }));
|
|
4799
4770
|
}),
|
|
4800
4771
|
aggregatedTotal < total && (React__default.createElement("div", { className: "dough-multi-progress-bar__progress" }))));
|
|
@@ -4803,12 +4774,12 @@ MultiProgressBar.displayName = "MultiProgressBar";
|
|
|
4803
4774
|
|
|
4804
4775
|
var ProgressBar = function (_a) {
|
|
4805
4776
|
var total = _a.total, completed = _a.completed, _b = _a.railColor, railColor = _b === void 0 ? "#EDEDED" : _b, _c = _a.barColor, barColor = _c === void 0 ? exports.Colors.SUCCESS : _c, dataAttributes = _a.dataAttributes, className = _a.className;
|
|
4806
|
-
return (React__default.createElement("div", __assign({ className: cn("dough-progress-bar", className) }, dataAttributes, { style: {
|
|
4777
|
+
return (React__default.createElement("div", tslib.__assign({ className: cn("dough-progress-bar", className) }, dataAttributes, { style: {
|
|
4807
4778
|
backgroundColor: getColorWithFallback(railColor),
|
|
4808
4779
|
} }),
|
|
4809
4780
|
React__default.createElement("div", { className: "dough-progress-bar__progress", style: {
|
|
4810
4781
|
backgroundColor: getColorWithFallback(barColor),
|
|
4811
|
-
width: "calc("
|
|
4782
|
+
width: "calc(".concat(completed > total ? total : completed, " / ").concat(total, " * 100%)"),
|
|
4812
4783
|
} })));
|
|
4813
4784
|
};
|
|
4814
4785
|
ProgressBar.displayName = "ProgressBar";
|
|
@@ -4818,7 +4789,7 @@ styleInject(css_248z$y);
|
|
|
4818
4789
|
|
|
4819
4790
|
var AlertText = function (props) {
|
|
4820
4791
|
var _a = props.type, type = _a === void 0 ? exports.AlertStatus.NEUTRAL : _a;
|
|
4821
|
-
return (React__default.createElement("div", __assign({ className: cn(props.className, exports.Colors.THEME, "dough-alert-textbox", "dough-alert-status-"
|
|
4792
|
+
return (React__default.createElement("div", tslib.__assign({ className: cn(props.className, exports.Colors.THEME, "dough-alert-textbox", "dough-alert-status-".concat(type)) }, props.dataAttributes),
|
|
4822
4793
|
props.title && (React__default.createElement(H6, { className: "dough-alert-textbox-title", color: exports.ColorsText.DARK }, props.title)),
|
|
4823
4794
|
React__default.createElement("span", { className: cn("before", type) }),
|
|
4824
4795
|
React__default.createElement("span", { className: cn("after", type) }),
|
|
@@ -4887,7 +4858,7 @@ var Notification = function (props) {
|
|
|
4887
4858
|
return (React__default.createElement(React__default.Fragment, null, !isClosed &&
|
|
4888
4859
|
show &&
|
|
4889
4860
|
props.children &&
|
|
4890
|
-
reactDom.createPortal(React__default.createElement("div", __assign({ onClick: props.onClick ? handleClick : undefined, onMouseEnter: props.onMouseEnter ? props.onMouseEnter : undefined, onMouseLeave: props.onMouseLeave ? props.onMouseLeave : undefined, className: cn("dough-notification-wrapper", props.className, {
|
|
4861
|
+
reactDom.createPortal(React__default.createElement("div", tslib.__assign({ onClick: props.onClick ? handleClick : undefined, onMouseEnter: props.onMouseEnter ? props.onMouseEnter : undefined, onMouseLeave: props.onMouseLeave ? props.onMouseLeave : undefined, className: cn("dough-notification-wrapper", props.className, {
|
|
4891
4862
|
"dough-notification-as-toast": props.toast,
|
|
4892
4863
|
"dough-notification-show": showNotification,
|
|
4893
4864
|
"dough-notification-clickable": props.onClick,
|
|
@@ -4897,7 +4868,7 @@ var Notification = function (props) {
|
|
|
4897
4868
|
React__default.createElement(LayoutContainer, null,
|
|
4898
4869
|
type !== "none" && props.toast !== true && (React__default.createElement(React__default.Fragment, null,
|
|
4899
4870
|
React__default.createElement(LayoutFlexBox, { autoFit: false },
|
|
4900
|
-
React__default.createElement("div", { className: cn("dough-notification-icon-wrapper", "dough-notification-type-"
|
|
4871
|
+
React__default.createElement("div", { className: cn("dough-notification-icon-wrapper", "dough-notification-type-".concat(type)) },
|
|
4901
4872
|
type ===
|
|
4902
4873
|
exports.AlertStatus.NEUTRAL && (React__default.createElement(InfoIcon, null)),
|
|
4903
4874
|
type ===
|
|
@@ -4970,7 +4941,7 @@ var TabsContainer = function (props) {
|
|
|
4970
4941
|
if (isActive) {
|
|
4971
4942
|
setSelectedIndex(index);
|
|
4972
4943
|
}
|
|
4973
|
-
}, key: "tab-"
|
|
4944
|
+
}, key: "tab-".concat(simplifiedKey, "-wrapper") },
|
|
4974
4945
|
React__default.createElement(Border, { borderOnTop: props.borderOnTop, color: props.color, withBorderOnHover: props.withBorderOnHover }),
|
|
4975
4946
|
React__default.createElement("div", { className: cn("dough-tab-item-button", {
|
|
4976
4947
|
"dough-tab-item-button-disabled": child.props.disabled,
|
|
@@ -5009,7 +4980,7 @@ var Collapser = function (props) {
|
|
|
5009
4980
|
setIsFolded(foldState);
|
|
5010
4981
|
if (contentWrapperRef && contentWrapperRef.current) {
|
|
5011
4982
|
if (foldState) {
|
|
5012
|
-
contentWrapperRef.current.style.height = contentWrapperRef.current.scrollHeight
|
|
4983
|
+
contentWrapperRef.current.style.height = "".concat(contentWrapperRef.current.scrollHeight, "px");
|
|
5013
4984
|
setTimeout(function () {
|
|
5014
4985
|
if (contentWrapperRef && contentWrapperRef.current) {
|
|
5015
4986
|
contentWrapperRef.current.style.height = "0px";
|
|
@@ -5017,7 +4988,7 @@ var Collapser = function (props) {
|
|
|
5017
4988
|
}, 10);
|
|
5018
4989
|
}
|
|
5019
4990
|
else {
|
|
5020
|
-
contentWrapperRef.current.style.height = contentWrapperRef.current.scrollHeight
|
|
4991
|
+
contentWrapperRef.current.style.height = "".concat(contentWrapperRef.current.scrollHeight, "px");
|
|
5021
4992
|
setContentHeightAutoTimer(setTimeout(function () {
|
|
5022
4993
|
if (contentWrapperRef && contentWrapperRef.current) {
|
|
5023
4994
|
contentWrapperRef.current.style.height = "auto";
|
|
@@ -5036,14 +5007,14 @@ var Collapser = function (props) {
|
|
|
5036
5007
|
if (!contentHeightSet && contentWrapperRef.current) {
|
|
5037
5008
|
setContentHeightSet(true);
|
|
5038
5009
|
if (!isFolded) {
|
|
5039
|
-
contentWrapperRef.current.style.height = contentWrapperRef.current.scrollHeight
|
|
5010
|
+
contentWrapperRef.current.style.height = "".concat(contentWrapperRef.current.scrollHeight, "px");
|
|
5040
5011
|
}
|
|
5041
5012
|
}
|
|
5042
5013
|
}, [folded]);
|
|
5043
5014
|
React.useEffect(function () {
|
|
5044
5015
|
handleCollapse(folded);
|
|
5045
5016
|
}, [props.children]);
|
|
5046
|
-
return (React__default.createElement("div", __assign({ className: cn("dough-collapser-container", props.className) }, props.dataAttributes),
|
|
5017
|
+
return (React__default.createElement("div", tslib.__assign({ className: cn("dough-collapser-container", props.className) }, props.dataAttributes),
|
|
5047
5018
|
React__default.createElement("div", { onClick: function () {
|
|
5048
5019
|
handleCollapse(!isFolded);
|
|
5049
5020
|
}, className: "dough-collapser-title" },
|
|
@@ -5077,7 +5048,7 @@ var ColorTile = React.forwardRef(function (_a, ref) {
|
|
|
5077
5048
|
getAbsoluteColor: function () { return (color === null ? undefined : color); },
|
|
5078
5049
|
};
|
|
5079
5050
|
});
|
|
5080
|
-
return (React__default.createElement("div", __assign({ className: cn("dough-color-tile", className, color, "dough-color-tile-size-"
|
|
5051
|
+
return (React__default.createElement("div", tslib.__assign({ className: cn("dough-color-tile", className, color, "dough-color-tile-size-".concat(size)), style: { backgroundColor: absoluteColor }, ref: componentRef }, dataAttributes), children));
|
|
5081
5052
|
});
|
|
5082
5053
|
ColorTile.displayName = "ColorTile";
|
|
5083
5054
|
|
|
@@ -5086,7 +5057,7 @@ styleInject(css_248z$D);
|
|
|
5086
5057
|
|
|
5087
5058
|
var StepsIndicator = function (props) {
|
|
5088
5059
|
var _a = props.fullWidth, fullWidth = _a === void 0 ? false : _a, _b = props.activeStep, activeStep = _b === void 0 ? 0 : _b, _c = props.stepsAmount, stepsAmount = _c === void 0 ? 1 : _c;
|
|
5089
|
-
return (React__default.createElement("div", __assign({ className: cn("dough-steps-indicator", props.className, {
|
|
5060
|
+
return (React__default.createElement("div", tslib.__assign({ className: cn("dough-steps-indicator", props.className, {
|
|
5090
5061
|
"dough-steps-indicator-full-width": fullWidth,
|
|
5091
5062
|
}) }, props.dataAttributes), Array(props.stepsAmount)
|
|
5092
5063
|
.fill(null)
|
|
@@ -5096,7 +5067,7 @@ var StepsIndicator = function (props) {
|
|
|
5096
5067
|
props.onClick(index, e);
|
|
5097
5068
|
}
|
|
5098
5069
|
}
|
|
5099
|
-
: undefined, key: "indicator-step-"
|
|
5070
|
+
: undefined, key: "indicator-step-".concat(index), className: cn("dough-steps-indicator-step", {
|
|
5100
5071
|
"dough-indicator-step-clickable": props.onClick,
|
|
5101
5072
|
"dough-indicator-step-active": index ===
|
|
5102
5073
|
Math.max(0, Math.min(activeStep, stepsAmount - 1)),
|
|
@@ -5111,13 +5082,13 @@ var Avatar = function (props) {
|
|
|
5111
5082
|
var _a;
|
|
5112
5083
|
var _b, _c;
|
|
5113
5084
|
var _d = props.border, border = _d === void 0 ? true : _d, _e = props.padding, padding = _e === void 0 ? true : _e, _f = props.color, color = _f === void 0 ? exports.Colors.PRIMARY : _f, _g = props.borderColor, borderColor = _g === void 0 ? exports.Colors.GRAY5 : _g, _h = props.size, size = _h === void 0 ? exports.Sizes.NORMAL : _h, _j = props.statusSize, statusSize = _j === void 0 ? exports.Sizes.XS : _j;
|
|
5114
|
-
return (React__default.createElement("span", __assign({ className: cn("dough-avatar", props.className, color, border ? borderColor
|
|
5085
|
+
return (React__default.createElement("span", tslib.__assign({ className: cn("dough-avatar", props.className, color, border ? "".concat(borderColor, "-border") : null, (_a = {
|
|
5115
5086
|
disabled: props.disabled,
|
|
5116
5087
|
"has-click": props.onClick,
|
|
5117
5088
|
"has-border": border,
|
|
5118
5089
|
"has-padding": padding
|
|
5119
5090
|
},
|
|
5120
|
-
_a["size-"
|
|
5091
|
+
_a["size-".concat(size)] = !props.width || !props.height,
|
|
5121
5092
|
_a)), onClick: !props.disabled && props.onClick
|
|
5122
5093
|
? function (e) {
|
|
5123
5094
|
hideLastDoughTooltip();
|
|
@@ -5132,15 +5103,15 @@ var Avatar = function (props) {
|
|
|
5132
5103
|
React__default.createElement("span", { className: "dough-avatar-content-wrapper" }, props.children),
|
|
5133
5104
|
props.status && (React__default.createElement("span", { className: "dough-avatar-status-wrapper" },
|
|
5134
5105
|
React__default.createElement("span", { className: cn("dough-avatar-status", borderColor
|
|
5135
|
-
? borderColor
|
|
5136
|
-
: exports.Colors.WHITE, props.status, "size-"
|
|
5106
|
+
? "".concat(borderColor, "-border")
|
|
5107
|
+
: exports.Colors.WHITE, props.status, "size-".concat(statusSize)) }, props.statusContent)))));
|
|
5137
5108
|
};
|
|
5138
5109
|
Avatar.displayName = "Avatar";
|
|
5139
5110
|
|
|
5140
5111
|
var css_248z$F = "/* COLORS */\n/* Typography*/\n/*Dennis should provide medium font size*/\n.dough-fader {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 0;\n width: auto;\n height: auto;\n position: absolute !important;\n pointer-events: none;\n}\nhtml.dough-IE11 .dough-fader {\n display: none;\n}\n.dough-fader > .dough-fader-top {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: 20px;\n mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000000 100%);\n -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000000 100%);\n}\n.dough-fader > .dough-fader-bottom {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: auto;\n height: 20px;\n mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);\n -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);\n}\n.dough-fader > .dough-fader-right {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n z-index: 10;\n width: 20px;\n height: auto;\n mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000000 100%);\n -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #000000 100%);\n}\n.dough-fader > .dough-fader-left {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n z-index: 10;\n width: 20px;\n height: auto;\n mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #000000 100%);\n -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, #000000 100%);\n}\n.dough-fader.dough-fader-dark > .dough-fader-top,\n.dough-fader.dough-fader-dark > .dough-fader-right,\n.dough-fader.dough-fader-dark > .dough-fader-bottom,\n.dough-fader.dough-fader-dark > .dough-fader-left {\n background-color: rgba(0, 0, 0, 0.4);\n}\n.dough-fader.dough-fader-full-size > .dough-fader-side {\n height: 100%;\n width: 100%;\n}\n.dough-fader > .dough-fader-side {\n pointer-events: none;\n display: none;\n}\n.dough-fader.dough-fader-top > .dough-fader-top {\n display: block;\n}\n.dough-fader.dough-fader-right > .dough-fader-right {\n display: block;\n}\n.dough-fader.dough-fader-bottom > .dough-fader-bottom {\n display: block;\n}\n.dough-fader.dough-fader-left > .dough-fader-left {\n display: block;\n}";
|
|
5141
5112
|
styleInject(css_248z$F);
|
|
5142
5113
|
|
|
5143
|
-
var Fader = function (props) { return (React__default.createElement("span", __assign({ className: cn(props.className, "dough-fader", {
|
|
5114
|
+
var Fader = function (props) { return (React__default.createElement("span", tslib.__assign({ className: cn(props.className, "dough-fader", {
|
|
5144
5115
|
"dough-fader-dark": props.dark,
|
|
5145
5116
|
"dough-fader-full-size": props.fitToParent,
|
|
5146
5117
|
"dough-fader-top": props.top !== false,
|
|
@@ -5179,7 +5150,7 @@ styleInject(css_248z$G);
|
|
|
5179
5150
|
})(exports.OverlayVariant || (exports.OverlayVariant = {}));
|
|
5180
5151
|
function Overlay(_a) {
|
|
5181
5152
|
var position = _a.position, zIndex = _a.zIndex, opacity = _a.opacity, dataAttributes = _a.dataAttributes, className = _a.className, _b = _a.variant, variant = _b === void 0 ? exports.OverlayVariant.STANDARD : _b, _c = _a.blocking, blocking = _c === void 0 ? true : _c;
|
|
5182
|
-
return (React__default.createElement("span", __assign({ className: cn(className, "dough-overlay", {
|
|
5153
|
+
return (React__default.createElement("span", tslib.__assign({ className: cn(className, "dough-overlay", {
|
|
5183
5154
|
dark: variant === exports.OverlayVariant.DARK,
|
|
5184
5155
|
blocking: blocking,
|
|
5185
5156
|
}) }, dataAttributes, { style: {
|
|
@@ -5222,7 +5193,7 @@ var HorizontalListSlider = function (props) {
|
|
|
5222
5193
|
if (!!window.MSInputMethodContext && !!document.documentMode) {
|
|
5223
5194
|
if (pillsContentWrapper.current.scrollWidth > innerWidth_1) {
|
|
5224
5195
|
innerWidth_1 = pillsContentWrapper.current.scrollWidth;
|
|
5225
|
-
pillsContentWrapper.current.style.width = innerWidth_1
|
|
5196
|
+
pillsContentWrapper.current.style.width = "".concat(innerWidth_1, "px");
|
|
5226
5197
|
}
|
|
5227
5198
|
}
|
|
5228
5199
|
if (innerWidth_1 >
|
|
@@ -5253,7 +5224,7 @@ var HorizontalListSlider = function (props) {
|
|
|
5253
5224
|
nextSlideAmount = 0;
|
|
5254
5225
|
setShowLeftSlideButton(false);
|
|
5255
5226
|
}
|
|
5256
|
-
pillsContentWrapper.current.style.transform = "translate3d("
|
|
5227
|
+
pillsContentWrapper.current.style.transform = "translate3d(".concat(nextSlideAmount, "px, 0, 0)");
|
|
5257
5228
|
setSlideAmount(nextSlideAmount);
|
|
5258
5229
|
}
|
|
5259
5230
|
};
|
|
@@ -5275,7 +5246,7 @@ var HorizontalListSlider = function (props) {
|
|
|
5275
5246
|
nextSlideAmount = parentWidth - wrapperWidth;
|
|
5276
5247
|
setShowRightSlideButton(false);
|
|
5277
5248
|
}
|
|
5278
|
-
pillsContentWrapper.current.style.transform = "translate3d("
|
|
5249
|
+
pillsContentWrapper.current.style.transform = "translate3d(".concat(nextSlideAmount, "px, 0, 0)");
|
|
5279
5250
|
setSlideAmount(nextSlideAmount);
|
|
5280
5251
|
}
|
|
5281
5252
|
};
|
|
@@ -5308,17 +5279,17 @@ var Carousel = function (props) {
|
|
|
5308
5279
|
React.useEffect(function () {
|
|
5309
5280
|
if (conatinerRef && conatinerRef.current) {
|
|
5310
5281
|
conatinerRef.current.setAttribute("active-index", getActiveIndex(props.activeIndex).toString());
|
|
5311
|
-
conatinerRef.current.style.transform = "translate3d("
|
|
5282
|
+
conatinerRef.current.style.transform = "translate3d(".concat(getActiveIndex(props.activeIndex) *
|
|
5312
5283
|
-1 *
|
|
5313
|
-
(100 / React.Children.toArray(props.children).length)
|
|
5284
|
+
(100 / React.Children.toArray(props.children).length), "%, 0, 0)");
|
|
5314
5285
|
}
|
|
5315
5286
|
}, [getActiveIndex(props.activeIndex)]);
|
|
5316
5287
|
React.useEffect(function () {
|
|
5317
5288
|
if (conatinerRef && conatinerRef.current) {
|
|
5318
|
-
conatinerRef.current.style.width = React.Children.toArray(props.children).length * 100
|
|
5319
|
-
conatinerRef.current.style.transform = "translate3d("
|
|
5289
|
+
conatinerRef.current.style.width = "".concat(React.Children.toArray(props.children).length * 100, "%");
|
|
5290
|
+
conatinerRef.current.style.transform = "translate3d(".concat(getActiveIndex(props.activeIndex) *
|
|
5320
5291
|
-1 *
|
|
5321
|
-
(100 / React.Children.toArray(props.children).length)
|
|
5292
|
+
(100 / React.Children.toArray(props.children).length), "%, 0, 0)");
|
|
5322
5293
|
conatinerRef.current.setAttribute("active-index", getActiveIndex(props.activeIndex).toString());
|
|
5323
5294
|
}
|
|
5324
5295
|
}, [props.children]);
|
|
@@ -5332,10 +5303,10 @@ var Carousel = function (props) {
|
|
|
5332
5303
|
if (conatinerRef && conatinerRef.current) {
|
|
5333
5304
|
var activeIndex = parseInt(conatinerRef.current.getAttribute("active-index"));
|
|
5334
5305
|
conatinerRef.current.classList.add("dough-carouel-container-no-anim");
|
|
5335
|
-
conatinerRef.current.style.transform = "translate3d("
|
|
5306
|
+
conatinerRef.current.style.transform = "translate3d(".concat(activeIndex *
|
|
5336
5307
|
-1 *
|
|
5337
5308
|
conatinerRef.current.parentNode
|
|
5338
|
-
.clientWidth
|
|
5309
|
+
.clientWidth, "px, 0, 0)");
|
|
5339
5310
|
}
|
|
5340
5311
|
}, false);
|
|
5341
5312
|
conatinerRef.current.addEventListener("touchmove", function (e) {
|
|
@@ -5349,11 +5320,11 @@ var Carousel = function (props) {
|
|
|
5349
5320
|
touchDiff_1 < 0)) {
|
|
5350
5321
|
applicapleDiff = touchDiff_1 / 2;
|
|
5351
5322
|
}
|
|
5352
|
-
conatinerRef.current.style.transform = "translate3d("
|
|
5323
|
+
conatinerRef.current.style.transform = "translate3d(".concat(activeIndex *
|
|
5353
5324
|
-1 *
|
|
5354
5325
|
conatinerRef.current.parentNode
|
|
5355
5326
|
.clientWidth +
|
|
5356
|
-
applicapleDiff
|
|
5327
|
+
applicapleDiff, "px, 0, 0)");
|
|
5357
5328
|
}
|
|
5358
5329
|
}, false);
|
|
5359
5330
|
conatinerRef.current.addEventListener("touchend", function () {
|
|
@@ -5375,11 +5346,11 @@ var Carousel = function (props) {
|
|
|
5375
5346
|
touchDiff_1 > carouselWidthMeasure) {
|
|
5376
5347
|
nextIndex = activeIndex === 0 ? 0 : activeIndex - 1;
|
|
5377
5348
|
}
|
|
5378
|
-
conatinerRef.current.style.transform = "translate3d("
|
|
5349
|
+
conatinerRef.current.style.transform = "translate3d(".concat(nextIndex *
|
|
5379
5350
|
-1 *
|
|
5380
5351
|
(100 /
|
|
5381
5352
|
React.Children.toArray(props.children)
|
|
5382
|
-
.length)
|
|
5353
|
+
.length), "%, 0, 0)");
|
|
5383
5354
|
if (nextIndex !== activeIndex && props.onChange) {
|
|
5384
5355
|
props.onChange(nextIndex);
|
|
5385
5356
|
}
|
|
@@ -5387,7 +5358,7 @@ var Carousel = function (props) {
|
|
|
5387
5358
|
}, false);
|
|
5388
5359
|
}
|
|
5389
5360
|
}, []);
|
|
5390
|
-
return (React__default.createElement(Box, __assign({ className: cn(props.className, "dough-carouel-wrapper") }, props.dataAttributes, { width: "100%", maxWidth: "100%", overflow: exports.BoxOverflow.HIDDEN }),
|
|
5361
|
+
return (React__default.createElement(Box, tslib.__assign({ className: cn(props.className, "dough-carouel-wrapper") }, props.dataAttributes, { width: "100%", maxWidth: "100%", overflow: exports.BoxOverflow.HIDDEN }),
|
|
5391
5362
|
React__default.createElement(Box, { minWidth: "100%", justifyContent: exports.BoxAlignment.CENTER, ref: conatinerRef, className: "dough-carouel-container", display: exports.BoxDisplay.INLINE_FLEX, wrap: exports.BoxWrap.NOWRAP, overflow: exports.BoxOverflow.HIDDEN }, React.Children.toArray(props.children).map(function (child, childIndex) { return (React__default.createElement(Box, { flex: "1 1 0%", overflow: exports.BoxOverflow.HIDDEN, minHeight: "100%", display: exports.BoxDisplay.FLEX, justifyContent: exports.BoxAlignment.CENTER, alignItems: exports.BoxAlignment.CENTER, key: generateUID() }, childIndex <=
|
|
5392
5363
|
getActiveIndex(props.activeIndex) + 2 &&
|
|
5393
5364
|
childIndex >=
|
|
@@ -5419,9 +5390,9 @@ var ContentSlider = function (props) {
|
|
|
5419
5390
|
moveTo_1 = "right";
|
|
5420
5391
|
moveFrom_1 = "left";
|
|
5421
5392
|
}
|
|
5422
|
-
setMovementClass("dough-content-slider-inner-to-"
|
|
5393
|
+
setMovementClass("dough-content-slider-inner-to-".concat(moveTo_1));
|
|
5423
5394
|
setTimeout(function () {
|
|
5424
|
-
setMovementClass("dough-content-slider-inner-to-"
|
|
5395
|
+
setMovementClass("dough-content-slider-inner-to-".concat(moveFrom_1));
|
|
5425
5396
|
setTimeout(function () {
|
|
5426
5397
|
setMovementClass("");
|
|
5427
5398
|
setAppliedChildren(props.children);
|
|
@@ -5436,7 +5407,7 @@ var ContentSlider = function (props) {
|
|
|
5436
5407
|
}
|
|
5437
5408
|
}
|
|
5438
5409
|
}, [props.children]);
|
|
5439
|
-
return (React__default.createElement(Box, __assign({}, props, { className: cn("dough-content-slider", props.className) }),
|
|
5410
|
+
return (React__default.createElement(Box, tslib.__assign({}, props, { className: cn("dough-content-slider", props.className) }),
|
|
5440
5411
|
React__default.createElement(Box, { width: "100%", className: cn("dough-content-slider-inner", movementClass, props.className) }, appliedChildren)));
|
|
5441
5412
|
};
|
|
5442
5413
|
ContentSlider.displayName = "ContentSlider";
|
|
@@ -5448,7 +5419,7 @@ var ImageContentShowOnHoverClassName = "dough-image-show-only-on-image-hover";
|
|
|
5448
5419
|
var Image = function (props) {
|
|
5449
5420
|
var _a, _b;
|
|
5450
5421
|
var _c = props.color, color = _c === void 0 ? exports.Colors.TRANSPARENT : _c, _d = props.borderColor, borderColor = _d === void 0 ? exports.Colors.GRAY5 : _d, _e = props.size, size = _e === void 0 ? exports.Sizes.AUTO : _e;
|
|
5451
|
-
return (React__default.createElement("span", __assign({ className: cn("dough-image-viewer", props.className, "size-"
|
|
5422
|
+
return (React__default.createElement("span", tslib.__assign({ className: cn("dough-image-viewer", props.className, "size-".concat(size), color, props.childrenTextColor, {
|
|
5452
5423
|
"dough-image-have-children-text-color": props.childrenTextColor,
|
|
5453
5424
|
"dough-image-border-radius": props.borderRadius,
|
|
5454
5425
|
"has-border": props.border,
|
|
@@ -5456,17 +5427,17 @@ var Image = function (props) {
|
|
|
5456
5427
|
"dough-image-with-ratio": props.ratio,
|
|
5457
5428
|
"dough-image-viewer-fit-to-view": props.fitToView,
|
|
5458
5429
|
"dough-image-viewer-show-children-on-hover": props.showChildrenOnHover,
|
|
5459
|
-
}), style: __assign(__assign({ height: (_a = props.height) !== null && _a !== void 0 ? _a : "initial", width: (_b = props.width) !== null && _b !== void 0 ? _b : "initial" }, (props.ratio
|
|
5430
|
+
}), style: tslib.__assign(tslib.__assign({ height: (_a = props.height) !== null && _a !== void 0 ? _a : "initial", width: (_b = props.width) !== null && _b !== void 0 ? _b : "initial" }, (props.ratio
|
|
5460
5431
|
? {
|
|
5461
|
-
paddingTop: (props.ratio.height * 100) /
|
|
5462
|
-
props.ratio.width
|
|
5432
|
+
paddingTop: "".concat((props.ratio.height * 100) /
|
|
5433
|
+
props.ratio.width, "%"),
|
|
5463
5434
|
}
|
|
5464
5435
|
: {})), (props.zIndex ? { zIndex: props.zIndex } : {})) }, props.dataAttributes),
|
|
5465
5436
|
React__default.createElement("img", { alt: "", src: props.src, style: {
|
|
5466
5437
|
opacity: props.opacity,
|
|
5467
5438
|
} }),
|
|
5468
5439
|
React__default.createElement("span", { className: "dough-image-viewer-as-background", style: {
|
|
5469
|
-
backgroundImage: "url("
|
|
5440
|
+
backgroundImage: "url(".concat(props.src, ")"),
|
|
5470
5441
|
opacity: props.opacity,
|
|
5471
5442
|
} }),
|
|
5472
5443
|
React__default.createElement("span", { className: cn("after", borderColor) }),
|
|
@@ -5492,52 +5463,50 @@ var ImageCarousel = function (props) {
|
|
|
5492
5463
|
}
|
|
5493
5464
|
return uid;
|
|
5494
5465
|
};
|
|
5495
|
-
var getKeyframesOfIndex = function (index) { return "@keyframes dough-carousel-anim-"
|
|
5466
|
+
var getKeyframesOfIndex = function (index) { return "@keyframes dough-carousel-anim-".concat(getCarouselUID(), "-").concat(index, "{\n ").concat((function () {
|
|
5496
5467
|
var framePointIterator = parseInt((100 / props.sources.length).toString());
|
|
5497
5468
|
var transitonPercentage = parseInt((100000 / (duration * props.sources.length)).toString());
|
|
5498
5469
|
var frameValue = "";
|
|
5499
5470
|
if (index !== 0) {
|
|
5500
5471
|
frameValue += "0% {opacity:0}\n ";
|
|
5501
|
-
frameValue += framePointIterator * index -
|
|
5472
|
+
frameValue += "".concat(framePointIterator * index -
|
|
5502
5473
|
1 -
|
|
5503
|
-
transitonPercentage
|
|
5474
|
+
transitonPercentage, "% {opacity:0}\n ");
|
|
5504
5475
|
}
|
|
5505
|
-
frameValue += framePointIterator * index
|
|
5506
|
-
frameValue += framePointIterator * (index + 1) -
|
|
5507
|
-
transitonPercentage
|
|
5508
|
-
frameValue += framePointIterator * (index + 1)
|
|
5476
|
+
frameValue += "".concat(framePointIterator * index, "% {opacity:1}\n ");
|
|
5477
|
+
frameValue += "".concat(framePointIterator * (index + 1) -
|
|
5478
|
+
transitonPercentage, "% {opacity:1}\n ");
|
|
5479
|
+
frameValue += "".concat(framePointIterator * (index + 1), "% {opacity:0}\n ");
|
|
5509
5480
|
if (index === 0) {
|
|
5510
|
-
frameValue += framePointIterator * props.sources.length -
|
|
5511
|
-
transitonPercentage
|
|
5481
|
+
frameValue += "".concat(framePointIterator * props.sources.length -
|
|
5482
|
+
transitonPercentage, "% {opacity:0}\n 100% {opacity:1}");
|
|
5512
5483
|
}
|
|
5513
5484
|
else {
|
|
5514
5485
|
frameValue += "100% {opacity:0}";
|
|
5515
5486
|
}
|
|
5516
5487
|
return frameValue;
|
|
5517
|
-
})()
|
|
5518
|
-
return (React__default.createElement("span", __assign({ className: cn("dough-image-carousel", props.className), style: {
|
|
5488
|
+
})(), "\n }"); };
|
|
5489
|
+
return (React__default.createElement("span", tslib.__assign({ className: cn("dough-image-carousel", props.className), style: {
|
|
5519
5490
|
height: height,
|
|
5520
5491
|
width: width,
|
|
5521
5492
|
} }, props.dataAttributes),
|
|
5522
5493
|
props.sources &&
|
|
5523
5494
|
typeof props.sources === "object" &&
|
|
5524
|
-
props.sources.slice &&
|
|
5525
5495
|
props.sources.length > 1 &&
|
|
5526
5496
|
props.sources.map(function (source, index) { return (React__default.createElement("div", { key: source, className: "dough-image-carousel-item", style: {
|
|
5527
|
-
backgroundImage: "url("
|
|
5528
|
-
animation: "dough-carousel-anim-"
|
|
5497
|
+
backgroundImage: "url(".concat(source, ")"),
|
|
5498
|
+
animation: "dough-carousel-anim-".concat(getCarouselUID(), "-").concat(index, " ").concat(duration *
|
|
5529
5499
|
props.sources
|
|
5530
|
-
.length
|
|
5500
|
+
.length, "ms linear forwards infinite"),
|
|
5531
5501
|
} },
|
|
5532
5502
|
React__default.createElement("style", { type: "text/css" }, getKeyframesOfIndex(index)))); }),
|
|
5533
5503
|
props.sources &&
|
|
5534
5504
|
(typeof props.sources === "string" ||
|
|
5535
5505
|
(typeof props.sources === "object" &&
|
|
5536
|
-
props.sources.slice &&
|
|
5537
5506
|
props.sources.length === 1)) && (React__default.createElement("div", { className: "dough-image-carousel-item", style: {
|
|
5538
|
-
backgroundImage: "url("
|
|
5507
|
+
backgroundImage: "url(".concat(typeof props.sources === "string"
|
|
5539
5508
|
? props.sources
|
|
5540
|
-
: props.sources[0]
|
|
5509
|
+
: props.sources[0], ")"),
|
|
5541
5510
|
opacity: "1",
|
|
5542
5511
|
} }))));
|
|
5543
5512
|
};
|
|
@@ -5579,7 +5548,7 @@ var TableRow = function (props) {
|
|
|
5579
5548
|
}, onOpen: function () {
|
|
5580
5549
|
setKeepActive(true);
|
|
5581
5550
|
} }, props.buttons))),
|
|
5582
|
-
React__default.createElement(LayoutContainer, { className: cn("dough-table-"
|
|
5551
|
+
React__default.createElement(LayoutContainer, { className: cn("dough-table-".concat(type), {
|
|
5583
5552
|
"dough-table-row-clickable": props.onClick,
|
|
5584
5553
|
}), verticalAlign: exports.VerticalAlignment.CENTER }, props.children))));
|
|
5585
5554
|
};
|
|
@@ -5624,18 +5593,18 @@ var Skeleton = function (props) {
|
|
|
5624
5593
|
}, 250));
|
|
5625
5594
|
}
|
|
5626
5595
|
}, []);
|
|
5627
|
-
return (React__default.createElement("div", { ref: wrapperRef, className: cn(props.className, "dough-skeleton", "dough-skeleton-"
|
|
5596
|
+
return (React__default.createElement("div", { ref: wrapperRef, className: cn(props.className, "dough-skeleton", "dough-skeleton-".concat(type), {
|
|
5628
5597
|
"dough-skeleton-animated": animated,
|
|
5629
5598
|
}) },
|
|
5630
5599
|
type === exports.SkeletonShape.PARAGRAPH && (React__default.createElement(React__default.Fragment, null, Array(5)
|
|
5631
5600
|
.fill(0)
|
|
5632
|
-
.map(function (n, i) { return (React__default.createElement("div", { key: "skeleton-"
|
|
5601
|
+
.map(function (n, i) { return (React__default.createElement("div", { key: "skeleton-".concat(generateUID(), "-").concat(i), className: cn("dough-skeleton-row", "dough-skeleton-row-slim", color) })); }))),
|
|
5633
5602
|
type === exports.SkeletonShape.LINE && (React__default.createElement("div", { className: cn("dough-skeleton-row", color) })),
|
|
5634
5603
|
type === exports.SkeletonShape.HALFLINE && (React__default.createElement("div", { className: cn("dough-skeleton-row", "dough-skeleton-row-half", color) })),
|
|
5635
5604
|
(type === exports.SkeletonShape.CIRCULAR ||
|
|
5636
5605
|
type === exports.SkeletonShape.RECTHORIZONTAL ||
|
|
5637
5606
|
type === exports.SkeletonShape.FITTOPARENT ||
|
|
5638
|
-
type === exports.SkeletonShape.RECTVERTICAL) && (React__default.createElement("div", { className: cn("dough-skeleton-box", color, "dough-skeleton-"
|
|
5607
|
+
type === exports.SkeletonShape.RECTVERTICAL) && (React__default.createElement("div", { className: cn("dough-skeleton-box", color, "dough-skeleton-".concat(type), "size-".concat(size)) },
|
|
5639
5608
|
React__default.createElement("span", { className: cn("after", color) })))));
|
|
5640
5609
|
};
|
|
5641
5610
|
Skeleton.displayName = "Skeleton";
|
|
@@ -5666,7 +5635,7 @@ styleInject(css_248z$O);
|
|
|
5666
5635
|
})(exports.GridFlow || (exports.GridFlow = {}));
|
|
5667
5636
|
var Grid = function (props) {
|
|
5668
5637
|
var _a, _b, _c, _d;
|
|
5669
|
-
var selector = "dough-grid-id-"
|
|
5638
|
+
var selector = "dough-grid-id-".concat(generateUID());
|
|
5670
5639
|
var propToStyleMap = {
|
|
5671
5640
|
justifyItems: ["justify-items"],
|
|
5672
5641
|
justifyContent: ["justify-content"],
|
|
@@ -5682,23 +5651,23 @@ var Grid = function (props) {
|
|
|
5682
5651
|
flow: ["grid-auto-flow"],
|
|
5683
5652
|
};
|
|
5684
5653
|
var getStyles = function () {
|
|
5685
|
-
var styleValueContent = generateStyles(props, "."
|
|
5654
|
+
var styleValueContent = generateStyles(props, ".".concat(selector), propToStyleMap);
|
|
5686
5655
|
if (styleValueContent !== "") {
|
|
5687
5656
|
return React__default.createElement("style", { type: "text/css" }, styleValueContent);
|
|
5688
5657
|
}
|
|
5689
5658
|
return null;
|
|
5690
5659
|
};
|
|
5691
5660
|
return (React__default.createElement(React__default.Fragment, null,
|
|
5692
|
-
React__default.createElement("div", __assign({ className: cn("dough-grid", selector, props.className, typeof props.padding === "string"
|
|
5693
|
-
? "dough-padding-"
|
|
5661
|
+
React__default.createElement("div", tslib.__assign({ className: cn("dough-grid", selector, props.className, typeof props.padding === "string"
|
|
5662
|
+
? "dough-padding-".concat(props.padding)
|
|
5694
5663
|
: null, typeof props.padding === "object" && ((_a = props.padding) === null || _a === void 0 ? void 0 : _a.top)
|
|
5695
|
-
? "dough-padding-top-"
|
|
5664
|
+
? "dough-padding-top-".concat(props.padding.top)
|
|
5696
5665
|
: null, typeof props.padding === "object" && ((_b = props.padding) === null || _b === void 0 ? void 0 : _b.right)
|
|
5697
|
-
? "dough-padding-right-"
|
|
5666
|
+
? "dough-padding-right-".concat(props.padding.right)
|
|
5698
5667
|
: null, typeof props.padding === "object" && ((_c = props.padding) === null || _c === void 0 ? void 0 : _c.bottom)
|
|
5699
|
-
? "dough-padding-bottom-"
|
|
5668
|
+
? "dough-padding-bottom-".concat(props.padding.bottom)
|
|
5700
5669
|
: null, typeof props.padding === "object" && ((_d = props.padding) === null || _d === void 0 ? void 0 : _d.left)
|
|
5701
|
-
? "dough-padding-left-"
|
|
5670
|
+
? "dough-padding-left-".concat(props.padding.left)
|
|
5702
5671
|
: null), style: {
|
|
5703
5672
|
width: props.width,
|
|
5704
5673
|
height: props.height,
|
|
@@ -5712,7 +5681,7 @@ var Grid = function (props) {
|
|
|
5712
5681
|
Grid.displayName = "Grid";
|
|
5713
5682
|
|
|
5714
5683
|
var GridItem = function (props) {
|
|
5715
|
-
var selector = "dough-grid-item-id-"
|
|
5684
|
+
var selector = "dough-grid-item-id-".concat(generateUID());
|
|
5716
5685
|
var propToStyleMap = {
|
|
5717
5686
|
justifySelf: ["justify-self"],
|
|
5718
5687
|
alignSelf: ["align-self"],
|
|
@@ -5721,14 +5690,14 @@ var GridItem = function (props) {
|
|
|
5721
5690
|
zIndex: ["z-index"],
|
|
5722
5691
|
};
|
|
5723
5692
|
var getStyles = function () {
|
|
5724
|
-
var styleValueContent = generateStyles(props, "."
|
|
5693
|
+
var styleValueContent = generateStyles(props, ".".concat(selector), propToStyleMap);
|
|
5725
5694
|
if (styleValueContent !== "") {
|
|
5726
5695
|
return React__default.createElement("style", { type: "text/css" }, styleValueContent);
|
|
5727
5696
|
}
|
|
5728
5697
|
return null;
|
|
5729
5698
|
};
|
|
5730
5699
|
return (React__default.createElement(React__default.Fragment, null,
|
|
5731
|
-
React__default.createElement("div", __assign({ className: cn("dough-grid-item", selector, props.className) }, props.dataAttributes), props.children),
|
|
5700
|
+
React__default.createElement("div", tslib.__assign({ className: cn("dough-grid-item", selector, props.className) }, props.dataAttributes), props.children),
|
|
5732
5701
|
reactDom.createPortal(getStyles(), getInjectedStylesWrapper())));
|
|
5733
5702
|
};
|
|
5734
5703
|
GridItem.displayName = "GridItem";
|