@auspices/eos 2.22.0 → 2.23.2
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/Alert/Alert.js +3 -3
- package/dist/Alert/Alert.js.map +1 -1
- package/dist/Alerts/Alerts.js +1 -1
- package/dist/Alerts/Alerts.js.map +1 -1
- package/dist/Alerts/useAlerts.js +21 -16
- package/dist/Alerts/useAlerts.js.map +1 -1
- package/dist/AspectRatioBox/AspectRatioBox.js +3 -3
- package/dist/AspectRatioBox/AspectRatioBox.js.map +1 -1
- package/dist/Box/Box.d.ts +3 -1
- package/dist/Box/Box.js +3 -3
- package/dist/Box/Box.js.map +1 -1
- package/dist/Button/Button.d.ts +9 -1
- package/dist/Button/Button.js +8 -9
- package/dist/Button/Button.js.map +1 -1
- package/dist/Caret/Caret.d.ts +7 -1
- package/dist/Caret/Caret.js +5 -6
- package/dist/Caret/Caret.js.map +1 -1
- package/dist/Cell/Cell.d.ts +4 -1
- package/dist/Cell/Cell.js +2 -2
- package/dist/Cell/Cell.js.map +1 -1
- package/dist/Clear/Clear.d.ts +7 -1
- package/dist/Clear/Clear.js +3 -3
- package/dist/Clear/Clear.js.map +1 -1
- package/dist/ClearableInput/ClearableInput.d.ts +1 -1
- package/dist/ClearableInput/ClearableInput.js +6 -6
- package/dist/ClearableInput/ClearableInput.js.map +1 -1
- package/dist/Clickable/Clickable.d.ts +3 -1
- package/dist/Confirm/useConfirm.js +4 -4
- package/dist/Confirm/useConfirm.js.map +1 -1
- package/dist/Divider/Divider.d.ts +4 -1
- package/dist/Dropdown/Dropdown.d.ts +1 -2
- package/dist/Dropdown/Dropdown.js +8 -8
- package/dist/Dropdown/Dropdown.js.map +1 -1
- package/dist/Ellipsis/Ellipsis.js +2 -2
- package/dist/Ellipsis/Ellipsis.js.map +1 -1
- package/dist/EmptyFrame/EmptyFrame.js +2 -3
- package/dist/EmptyFrame/EmptyFrame.js.map +1 -1
- package/dist/Expandable/Expandable.js +1 -1
- package/dist/Expandable/Expandable.js.map +1 -1
- package/dist/Field/Field.js +1 -1
- package/dist/Field/Field.js.map +1 -1
- package/dist/File/File.js +3 -3
- package/dist/File/File.js.map +1 -1
- package/dist/Flyout/Flyout.js +9 -9
- package/dist/Flyout/Flyout.js.map +1 -1
- package/dist/GlobalStyles/GlobalStyles.js +1 -1
- package/dist/GlobalStyles/GlobalStyles.js.map +1 -1
- package/dist/Grid/Grid.js +2 -3
- package/dist/Grid/Grid.js.map +1 -1
- package/dist/HTML/HTML.d.ts +3 -1
- package/dist/HTML/HTML.js +1 -1
- package/dist/HTML/HTML.js.map +1 -1
- package/dist/Image/Image.js +9 -10
- package/dist/Image/Image.js.map +1 -1
- package/dist/Input/Input.d.ts +4 -1
- package/dist/Input/Input.js +4 -4
- package/dist/Input/Input.js.map +1 -1
- package/dist/KeyValueEditor/KeyValueEditor.js +18 -13
- package/dist/KeyValueEditor/KeyValueEditor.js.map +1 -1
- package/dist/KeyValueInput/KeyValueInput.d.ts +1 -1
- package/dist/Loading/Loading.js +3 -4
- package/dist/Loading/Loading.js.map +1 -1
- package/dist/Modal/Modal.js +8 -9
- package/dist/Modal/Modal.js.map +1 -1
- package/dist/Mono/Mono.d.ts +4 -1
- package/dist/Mono/Mono.js +1 -1
- package/dist/Mono/Mono.js.map +1 -1
- package/dist/MultiSelect/MultiSelect.d.ts +2 -2
- package/dist/MultiSelect/MultiSelect.js +11 -6
- package/dist/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/MultiSelect/useMultiSelect.js +9 -9
- package/dist/MultiSelect/useMultiSelect.js.map +1 -1
- package/dist/MultiSelect/useMultiSelection.js +1 -1
- package/dist/MultiSelect/useMultiSelection.js.map +1 -1
- package/dist/Pagination/Page.js +2 -2
- package/dist/Pagination/Page.js.map +1 -1
- package/dist/Pagination/Pagination.js +11 -6
- package/dist/Pagination/Pagination.js.map +1 -1
- package/dist/Pane/Pane.d.ts +1 -1
- package/dist/Pane/Pane.js +8 -8
- package/dist/Pane/Pane.js.map +1 -1
- package/dist/Pane/PaneHeader.d.ts +4 -1
- package/dist/Pane/PaneHeader.js +1 -1
- package/dist/Pane/PaneHeader.js.map +1 -1
- package/dist/Pane/PaneOption.d.ts +9 -1
- package/dist/Pane/PaneOption.js +5 -5
- package/dist/Pane/PaneOption.js.map +1 -1
- package/dist/Pill/Pill.d.ts +4 -1
- package/dist/Plus/Plus.d.ts +8 -1
- package/dist/Plus/Plus.js +4 -7
- package/dist/Plus/Plus.js.map +1 -1
- package/dist/Popper/Popper.js +1 -1
- package/dist/Popper/Popper.js.map +1 -1
- package/dist/Popper/usePopper.js +17 -12
- package/dist/Popper/usePopper.js.map +1 -1
- package/dist/ProgressBar/ProgressBar.js +3 -3
- package/dist/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/Remove/Remove.d.ts +7 -1
- package/dist/Remove/Remove.js +3 -3
- package/dist/Remove/Remove.js.map +1 -1
- package/dist/ResponsiveImage/ResponsiveImage.js +11 -8
- package/dist/ResponsiveImage/ResponsiveImage.js.map +1 -1
- package/dist/Select/Select.js +2 -2
- package/dist/Select/Select.js.map +1 -1
- package/dist/Skeleton/Skeleton.d.ts +4 -1
- package/dist/Skeleton/Skeleton.js +3 -4
- package/dist/Skeleton/Skeleton.js.map +1 -1
- package/dist/Spinner/Spinner.js +1 -1
- package/dist/Spinner/Spinner.js.map +1 -1
- package/dist/Stack/Stack.js +2 -22
- package/dist/Stack/Stack.js.map +1 -1
- package/dist/Tag/Tag.js +7 -8
- package/dist/Tag/Tag.js.map +1 -1
- package/dist/Themer/useThemer.js +13 -10
- package/dist/Themer/useThemer.js.map +1 -1
- package/dist/Tooltip/Tooltip.js +6 -6
- package/dist/Tooltip/Tooltip.js.map +1 -1
- package/dist/Upload/Upload.js +2 -2
- package/dist/Upload/Upload.js.map +1 -1
- package/dist/hooks/useClickOutside.js +4 -4
- package/dist/hooks/useClickOutside.js.map +1 -1
- package/dist/hooks/useUniqueId.js +1 -1
- package/dist/hooks/useUniqueId.js.map +1 -1
- package/dist/hooks/useUpdateEffect.js +2 -2
- package/dist/hooks/useUpdateEffect.js.map +1 -1
- package/dist/lib/flattenChildren.js +10 -5
- package/dist/lib/flattenChildren.js.map +1 -1
- package/dist/lib/hasChildren.d.ts +1 -1
- package/dist/lib/hasChildren.js +1 -1
- package/dist/lib/hasChildren.js.map +1 -1
- package/dist/lib/onlyText.d.ts +2 -2
- package/dist/lib/onlyText.js +5 -5
- package/dist/lib/onlyText.js.map +1 -1
- package/dist/mixins/overflowEllipsis.js +1 -1
- package/dist/mixins/overflowEllipsis.js.map +1 -1
- package/dist/theme/theme.js +2 -2
- package/dist/theme/theme.js.map +1 -1
- package/dist/theme/utils.js +7 -7
- package/dist/theme/utils.js.map +1 -1
- package/package.json +24 -24
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../src/Popper/Popper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,yCAAwC;AAWjC,IAAM,MAAM,GAA0B,UAAC,EAQ7C;IAPC,IAAA,YAAyB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACzB,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,KAAA,EACZ,iBAA0B,EAA1B,SAAS,mBAAG,cAAc,KAAA,EAC1B,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EACf,IAAI,cAPqC,kEAQ7C,CADQ;IAED,IAAA,KAAmC,qBAAS,
|
|
1
|
+
{"version":3,"file":"Popper.js","sourceRoot":"","sources":["../../src/Popper/Popper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAE1B,yCAAwC;AAWjC,IAAM,MAAM,GAA0B,UAAC,EAQ7C;IAPC,IAAA,YAAyB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACzB,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,KAAA,EACZ,iBAA0B,EAA1B,SAAS,mBAAG,cAAc,KAAA,EAC1B,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EACf,IAAI,cAPqC,kEAQ7C,CADQ;IAED,IAAA,KAAmC,IAAA,qBAAS,EAAC;QACjD,IAAI,EAAE,WAAW;QACjB,QAAQ,UAAA;QACR,SAAS,WAAA;QACT,OAAO,SAAA;KACR,CAAC,EALM,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,IAAI,UAKlC,CAAC;IAEH,OAAO,CACL;QACG,eAAK,CAAC,YAAY,CAAC,MAAM,aAAI,GAAG,EAAE,SAAS,IAAK,IAAI,EAAG;QACvD,IAAI,IAAI,eAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,CAAC,CAC1D,CACJ,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,MAAM,UAsBjB;AAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
package/dist/Popper/usePopper.js
CHANGED
|
@@ -15,9 +15,14 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
15
15
|
}
|
|
16
16
|
return ar;
|
|
17
17
|
};
|
|
18
|
-
var
|
|
19
|
-
for (var
|
|
20
|
-
|
|
18
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
19
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
20
|
+
if (ar || !(i in from)) {
|
|
21
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
22
|
+
ar[i] = from[i];
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
21
26
|
};
|
|
22
27
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
23
28
|
exports.usePopper = void 0;
|
|
@@ -26,32 +31,32 @@ var core_1 = require("@popperjs/core");
|
|
|
26
31
|
var useClickOutside_1 = require("../hooks/useClickOutside");
|
|
27
32
|
var usePopper = function (_a) {
|
|
28
33
|
var _b = _a.open, open = _b === void 0 ? false : _b, _c = _a.distance, distance = _c === void 0 ? 8 : _c, _d = _a.placement, placement = _d === void 0 ? "bottom-start" : _d, _e = _a.modifiers, modifiers = _e === void 0 ? [] : _e, _f = _a.type, type = _f === void 0 ? "click" : _f, _g = _a.onClose, onClose = _g === void 0 ? function () { } : _g;
|
|
29
|
-
var popperRef = react_1.useRef(null);
|
|
30
|
-
var childrenRef = react_1.useRef(null);
|
|
31
|
-
var anchorRef = react_1.useRef(null);
|
|
32
|
-
useClickOutside_1.useClickOutside({
|
|
34
|
+
var popperRef = (0, react_1.useRef)(null);
|
|
35
|
+
var childrenRef = (0, react_1.useRef)(null);
|
|
36
|
+
var anchorRef = (0, react_1.useRef)(null);
|
|
37
|
+
(0, useClickOutside_1.useClickOutside)({
|
|
33
38
|
ref: childrenRef,
|
|
34
39
|
onClickOutside: onClose,
|
|
35
40
|
when: open,
|
|
36
41
|
type: type,
|
|
37
42
|
});
|
|
38
|
-
react_1.useEffect(function () {
|
|
43
|
+
(0, react_1.useEffect)(function () {
|
|
39
44
|
var instance = popperRef.current;
|
|
40
45
|
return function () { return instance === null || instance === void 0 ? void 0 : instance.destroy(); };
|
|
41
46
|
}, []);
|
|
42
|
-
react_1.useLayoutEffect(function () {
|
|
47
|
+
(0, react_1.useLayoutEffect)(function () {
|
|
43
48
|
var _a;
|
|
44
49
|
if (open && childrenRef.current && anchorRef.current) {
|
|
45
|
-
popperRef.current = core_1.createPopper(anchorRef.current, childrenRef.current, {
|
|
50
|
+
popperRef.current = (0, core_1.createPopper)(anchorRef.current, childrenRef.current, {
|
|
46
51
|
placement: placement,
|
|
47
|
-
modifiers:
|
|
52
|
+
modifiers: __spreadArray([
|
|
48
53
|
{
|
|
49
54
|
name: "offset",
|
|
50
55
|
options: {
|
|
51
56
|
offset: [0, distance],
|
|
52
57
|
},
|
|
53
58
|
}
|
|
54
|
-
], modifiers),
|
|
59
|
+
], __read(modifiers), false),
|
|
55
60
|
});
|
|
56
61
|
anchorRef.current.blur();
|
|
57
62
|
childrenRef.current.focus();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePopper.js","sourceRoot":"","sources":["../../src/Popper/usePopper.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"usePopper.js","sourceRoot":"","sources":["../../src/Popper/usePopper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA2D;AAC3D,uCAKwB;AACxB,4DAA4E;AAWrE,IAAM,SAAS,GAAG,UAAC,EAOd;QANV,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,KAAA,EACZ,iBAA0B,EAA1B,SAAS,mBAAG,cAAc,KAAA,EAC1B,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA;IAElB,IAAM,SAAS,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACtD,IAAM,WAAW,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAC;IACxD,IAAM,SAAS,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IAEzD,IAAA,iCAAe,EAAC;QACd,GAAG,EAAE,WAAW;QAChB,cAAc,EAAE,OAAO;QACvB,IAAI,EAAE,IAAI;QACV,IAAI,MAAA;KACL,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC;QACR,IAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,CAAC;QACnC,OAAO,cAAM,OAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,EAAE,EAAnB,CAAmB,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,uBAAe,EAAC;;QACd,IAAI,IAAI,IAAI,WAAW,CAAC,OAAO,IAAI,SAAS,CAAC,OAAO,EAAE;YACpD,SAAS,CAAC,OAAO,GAAG,IAAA,mBAAY,EAAC,SAAS,CAAC,OAAO,EAAE,WAAW,CAAC,OAAO,EAAE;gBACvE,SAAS,WAAA;gBACT,SAAS;oBACP;wBACE,IAAI,EAAE,QAAQ;wBACd,OAAO,EAAE;4BACP,MAAM,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC;yBACtB;qBACF;0BACE,SAAS,SACb;aACF,CAAC,CAAC;YAEH,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YACzB,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SAC7B;QAED,IAAI,CAAC,IAAI,EAAE;YACT,MAAA,SAAS,CAAC,OAAO,0CAAE,OAAO,EAAE,CAAC;SAC9B;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3C,OAAO,EAAE,SAAS,WAAA,EAAE,WAAW,aAAA,EAAE,IAAI,MAAA,EAAE,CAAC;AAC1C,CAAC,CAAC;AAjDW,QAAA,SAAS,aAiDpB"}
|
|
@@ -34,11 +34,11 @@ var react_1 = __importDefault(require("react"));
|
|
|
34
34
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
35
35
|
var theme_get_1 = require("@styled-system/theme-get");
|
|
36
36
|
var Box_1 = require("../Box");
|
|
37
|
-
var Container = styled_components_1.default(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n ", ";\n"], ["\n overflow: hidden;\n ", ";\n"])), function (_a) {
|
|
37
|
+
var Container = (0, styled_components_1.default)(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n ", ";\n"], ["\n overflow: hidden;\n ", ";\n"])), function (_a) {
|
|
38
38
|
var progress = _a.progress;
|
|
39
39
|
return progress >= 100 && "opacity: 0.5";
|
|
40
40
|
});
|
|
41
|
-
var Bar = styled_components_1.default(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n min-height: ", ";\n transform: translateX(-", "%);\n transition: transform 250ms;\n ", ";\n"], ["\n width: 100%;\n height: 100%;\n min-height: ", ";\n transform: translateX(-", "%);\n transition: transform 250ms;\n ", ";\n"])), theme_get_1.themeGet("space.2"), function (_a) {
|
|
41
|
+
var Bar = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n min-height: ", ";\n transform: translateX(-", "%);\n transition: transform 250ms;\n ", ";\n"], ["\n width: 100%;\n height: 100%;\n min-height: ", ";\n transform: translateX(-", "%);\n transition: transform 250ms;\n ", ";\n"])), (0, theme_get_1.themeGet)("space.2"), function (_a) {
|
|
42
42
|
var progress = _a.progress;
|
|
43
43
|
return 100 - progress;
|
|
44
44
|
}, function (_a) {
|
|
@@ -47,7 +47,7 @@ var Bar = styled_components_1.default(Box_1.Box)(templateObject_2 || (templateOb
|
|
|
47
47
|
});
|
|
48
48
|
var ProgressBar = function (_a) {
|
|
49
49
|
var color = _a.color, progress = _a.progress, rest = __rest(_a, ["color", "progress"]);
|
|
50
|
-
return (react_1.default.createElement(Container, __assign({ borderLeft: "1px solid "
|
|
50
|
+
return (react_1.default.createElement(Container, __assign({ borderLeft: "1px solid ".concat(color), position: "relative", progress: progress }, rest),
|
|
51
51
|
react_1.default.createElement(Bar, { progress: progress, backgroundColor: color })));
|
|
52
52
|
};
|
|
53
53
|
exports.ProgressBar = ProgressBar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wEAAuC;AACvC,sDAAoD;AACpD,8BAAuC;AAOvC,IAAM,SAAS,GAAG,2BAAM,
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../src/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wEAAuC;AACvC,sDAAoD;AACpD,8BAAuC;AAOvC,IAAM,SAAS,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,qGAAkB,2BAE3C,EAAmD,KACtD,KADG,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,GAAG,IAAI,cAAc;AAAjC,CAAiC,CACtD,CAAC;AAEF,IAAM,GAAG,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,wMAAkB,mDAGzB,EAAmB,8BACR,EAAgC,yCAEvD,EAAoD,KACvD,KAJe,IAAA,oBAAQ,EAAC,SAAS,CAAC,EACR,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,GAAG,GAAG,QAAQ;AAAd,CAAc,EAEvD,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,GAAG,IAAI,eAAe;AAAlC,CAAkC,CACvD,CAAC;AAEK,IAAM,WAAW,GAA+B,UAAC,EAIvD;IAHC,IAAA,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,IAAI,cAH+C,qBAIvD,CADQ;IAEP,OAAO,CACL,8BAAC,SAAS,aACR,UAAU,EAAE,oBAAa,KAAK,CAAE,EAChC,QAAQ,EAAC,UAAU,EACnB,QAAQ,EAAE,QAAQ,IACd,IAAI;QAER,8BAAC,GAAG,IAAC,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,GAAI,CACzC,CACb,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,WAAW,eAetB;AAEF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,mBAAW,CAAC,YAAY,GAAG;IACzB,KAAK,EAAE,WAAW;CACnB,CAAC"}
|
package/dist/Remove/Remove.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { ClickableProps } from "../Clickable";
|
|
2
3
|
export declare const removeFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
3
4
|
export declare const removeHoverMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
@@ -5,4 +6,9 @@ export declare type RemoveProps = ClickableProps & {
|
|
|
5
6
|
hover?: boolean;
|
|
6
7
|
focus?: boolean;
|
|
7
8
|
};
|
|
8
|
-
export declare const Remove: import("styled-components").StyledComponent<"button", any,
|
|
9
|
+
export declare const Remove: import("styled-components").StyledComponent<"button", any, import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("..").TextColorProps & import("..").TransitionProps & {
|
|
10
|
+
children?: import("react").ReactNode;
|
|
11
|
+
} & {
|
|
12
|
+
hover?: boolean | undefined;
|
|
13
|
+
focus?: boolean | undefined;
|
|
14
|
+
}, never>;
|
package/dist/Remove/Remove.js
CHANGED
|
@@ -27,9 +27,9 @@ exports.Remove = exports.removeHoverMixin = exports.removeFocusMixin = void 0;
|
|
|
27
27
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
28
28
|
var theme_get_1 = require("@styled-system/theme-get");
|
|
29
29
|
var Clickable_1 = require("../Clickable");
|
|
30
|
-
exports.removeFocusMixin = styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n outline: 0;\n\n &::before,\n &::after {\n background-color: ", ";\n }\n"], ["\n outline: 0;\n\n &::before,\n &::after {\n background-color: ", ";\n }\n"])), theme_get_1.themeGet("colors.primary"));
|
|
31
|
-
exports.removeHoverMixin = styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n &::before,\n &::after {\n background-color: ", ";\n }\n"], ["\n &::before,\n &::after {\n background-color: ", ";\n }\n"])), theme_get_1.themeGet("colors.primary"));
|
|
32
|
-
exports.Remove = styled_components_1.default(Clickable_1.Clickable)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n min-width: ", ";\n min-height: ", ";\n cursor: pointer;\n\n &::before,\n &::after {\n content: \"\";\n display: block;\n width: ", ";\n height: 2px;\n position: absolute;\n top: 50%;\n left: 50%;\n background-color: ", ";\n transition: background-color 250ms;\n }\n\n &::before {\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n &::after {\n transform: translate(-50%, -50%) rotate(-45deg);\n }\n\n ", "\n &:hover {\n ", "\n }\n\n ", "\n &:focus {\n ", "\n }\n"], ["\n min-width: ", ";\n min-height: ", ";\n cursor: pointer;\n\n &::before,\n &::after {\n content: \"\";\n display: block;\n width: ", ";\n height: 2px;\n position: absolute;\n top: 50%;\n left: 50%;\n background-color: ", ";\n transition: background-color 250ms;\n }\n\n &::before {\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n &::after {\n transform: translate(-50%, -50%) rotate(-45deg);\n }\n\n ", "\n &:hover {\n ", "\n }\n\n ", "\n &:focus {\n ", "\n }\n"])), theme_get_1.themeGet("space.7"), theme_get_1.themeGet("space.7"), theme_get_1.themeGet("space.5"), theme_get_1.themeGet("colors.tertiary"), function (_a) {
|
|
30
|
+
exports.removeFocusMixin = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n outline: 0;\n\n &::before,\n &::after {\n background-color: ", ";\n }\n"], ["\n outline: 0;\n\n &::before,\n &::after {\n background-color: ", ";\n }\n"])), (0, theme_get_1.themeGet)("colors.primary"));
|
|
31
|
+
exports.removeHoverMixin = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n &::before,\n &::after {\n background-color: ", ";\n }\n"], ["\n &::before,\n &::after {\n background-color: ", ";\n }\n"])), (0, theme_get_1.themeGet)("colors.primary"));
|
|
32
|
+
exports.Remove = (0, styled_components_1.default)(Clickable_1.Clickable)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n min-width: ", ";\n min-height: ", ";\n cursor: pointer;\n\n &::before,\n &::after {\n content: \"\";\n display: block;\n width: ", ";\n height: 2px;\n position: absolute;\n top: 50%;\n left: 50%;\n background-color: ", ";\n transition: background-color 250ms;\n }\n\n &::before {\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n &::after {\n transform: translate(-50%, -50%) rotate(-45deg);\n }\n\n ", "\n &:hover {\n ", "\n }\n\n ", "\n &:focus {\n ", "\n }\n"], ["\n min-width: ", ";\n min-height: ", ";\n cursor: pointer;\n\n &::before,\n &::after {\n content: \"\";\n display: block;\n width: ", ";\n height: 2px;\n position: absolute;\n top: 50%;\n left: 50%;\n background-color: ", ";\n transition: background-color 250ms;\n }\n\n &::before {\n transform: translate(-50%, -50%) rotate(45deg);\n }\n\n &::after {\n transform: translate(-50%, -50%) rotate(-45deg);\n }\n\n ", "\n &:hover {\n ", "\n }\n\n ", "\n &:focus {\n ", "\n }\n"])), (0, theme_get_1.themeGet)("space.7"), (0, theme_get_1.themeGet)("space.7"), (0, theme_get_1.themeGet)("space.5"), (0, theme_get_1.themeGet)("colors.tertiary"), function (_a) {
|
|
33
33
|
var hover = _a.hover;
|
|
34
34
|
return hover && exports.removeHoverMixin;
|
|
35
35
|
}, exports.removeHoverMixin, function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Remove.js","sourceRoot":"","sources":["../../src/Remove/Remove.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,0CAAyD;AAE5C,QAAA,gBAAgB,
|
|
1
|
+
{"version":3,"file":"Remove.js","sourceRoot":"","sources":["../../src/Remove/Remove.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,0CAAyD;AAE5C,QAAA,gBAAgB,OAAG,uBAAG,uJAAA,uEAKX,EAA0B,UAEjD,KAFuB,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAEhD;AACW,QAAA,gBAAgB,OAAG,uBAAG,sIAAA,sDAGX,EAA0B,UAEjD,KAFuB,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAEhD;AAOW,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,olBAAa,iBACrC,EAAmB,mBAClB,EAAmB,2GAOtB,EAAmB,qGAKR,EAA2B,6MAY/C,EAAwC,qBAEtC,EAAgB,aAGlB,EAAwC,qBAEtC,EAAgB,SAErB,KAlCc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAOtB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAKR,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAY/C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,wBAAgB;AAAzB,CAAyB,EAEtC,wBAAgB,EAGlB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,wBAAgB;AAAzB,CAAyB,EAEtC,wBAAgB,EAEpB;AAEF,cAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,UAAU;CACrB,CAAC"}
|
|
@@ -70,17 +70,20 @@ var styled_components_1 = __importDefault(require("styled-components"));
|
|
|
70
70
|
var Image_1 = require("../Image");
|
|
71
71
|
var AspectRatioBox_1 = require("../AspectRatioBox");
|
|
72
72
|
var Spinner_1 = require("../Spinner");
|
|
73
|
-
var
|
|
74
|
-
var
|
|
73
|
+
var Themer_1 = require("../Themer");
|
|
74
|
+
var Container = (0, styled_components_1.default)(AspectRatioBox_1.AspectRatioBox)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n"], ["\n overflow: hidden;\n"])));
|
|
75
|
+
var Loading = (0, styled_components_1.default)(Spinner_1.Spinner).attrs({ size: 16 })(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n mix-blend-mode: difference;\n"], ["\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n mix-blend-mode: difference;\n"])));
|
|
75
76
|
var Placeholder = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-size: cover;\n background-position: center center;\n filter: blur(1em);\n transform: scale(1.1);\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-size: cover;\n background-position: center center;\n filter: blur(1em);\n transform: scale(1.1);\n"])));
|
|
76
77
|
var ResponsiveImage = function (_a) {
|
|
77
|
-
var aspectWidth = _a.aspectWidth, aspectHeight = _a.aspectHeight, maxWidth = _a.maxWidth, maxHeight = _a.maxHeight, backgroundColor = _a.backgroundColor, indicator = _a.indicator, placeholder = _a.placeholder, rest = __rest(_a, ["aspectWidth", "aspectHeight", "maxWidth", "maxHeight", "backgroundColor", "indicator", "placeholder"]);
|
|
78
|
-
var _b = __read(react_1.useState(false), 2), completed = _b[0], setCompleted = _b[1];
|
|
79
|
-
var handleComplete = react_1.useCallback(function () { return setCompleted(true); }, []);
|
|
80
|
-
|
|
78
|
+
var aspectWidth = _a.aspectWidth, aspectHeight = _a.aspectHeight, maxWidth = _a.maxWidth, maxHeight = _a.maxHeight, backgroundColor = _a.backgroundColor, indicator = _a.indicator, placeholder = _a.placeholder, children = _a.children, rest = __rest(_a, ["aspectWidth", "aspectHeight", "maxWidth", "maxHeight", "backgroundColor", "indicator", "placeholder", "children"]);
|
|
79
|
+
var _b = __read((0, react_1.useState)(false), 2), completed = _b[0], setCompleted = _b[1];
|
|
80
|
+
var handleComplete = (0, react_1.useCallback)(function () { return setCompleted(true); }, []);
|
|
81
|
+
var scheme = (0, Themer_1.useThemer)().scheme;
|
|
82
|
+
return (react_1.default.createElement(Container, { position: "relative", aspectWidth: aspectWidth, aspectHeight: aspectHeight, maxWidth: maxWidth, maxHeight: maxHeight, backgroundColor: backgroundColor },
|
|
81
83
|
react_1.default.createElement(Image_1.Image, __assign({ position: "relative", width: "100%", height: "100%", onComplete: handleComplete, zIndex: completed ? 1 : null }, rest)),
|
|
82
|
-
placeholder && (react_1.default.createElement(Placeholder, { style: { backgroundImage: "url("
|
|
83
|
-
!completed && indicator && react_1.default.createElement(Loading,
|
|
84
|
+
placeholder && (react_1.default.createElement(Placeholder, { style: { backgroundImage: "url(".concat(placeholder, ")") } })),
|
|
85
|
+
!completed && indicator && (react_1.default.createElement(Loading, { color: scheme === "light" ? "background" : "primary" })),
|
|
86
|
+
children));
|
|
84
87
|
};
|
|
85
88
|
exports.ResponsiveImage = ResponsiveImage;
|
|
86
89
|
exports.ResponsiveImage.displayName = "ResponsiveImage";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsiveImage.js","sourceRoot":"","sources":["../../src/ResponsiveImage/ResponsiveImage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAqD;AACrD,wEAAuC;AACvC,kCAA6C;AAC7C,oDAAwE;AACxE,sCAAqC;
|
|
1
|
+
{"version":3,"file":"ResponsiveImage.js","sourceRoot":"","sources":["../../src/ResponsiveImage/ResponsiveImage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAqD;AACrD,wEAAuC;AACvC,kCAA6C;AAC7C,oDAAwE;AACxE,sCAAqC;AACrC,oCAAsC;AAEtC,IAAM,SAAS,GAAG,IAAA,2BAAM,EAAC,+BAAc,CAAC,4FAAA,yBAEvC,IAAA,CAAC;AAEF,IAAM,OAAO,GAAG,IAAA,2BAAM,EAAC,iBAAO,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,6LAAA,0HAMlD,IAAA,CAAC;AAEF,IAAM,WAAW,GAAG,2BAAM,CAAC,GAAG,wQAAA,qMAU7B,IAAA,CAAC;AAQK,IAAM,eAAe,GAAmC,UAAC,EAU/D;IATC,IAAA,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,QAAQ,cAAA,EACL,IAAI,cATuD,mHAU/D,CADQ;IAED,IAAA,KAAA,OAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,IAAA,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAClD,IAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EAAE,EAAE,CAAC,CAAC;IAEzD,IAAA,MAAM,GAAK,IAAA,kBAAS,GAAE,OAAhB,CAAiB;IAE/B,OAAO,CACL,8BAAC,SAAS,IACR,QAAQ,EAAC,UAAU,EACnB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe;QAEhC,8BAAC,aAAK,aACJ,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,UAAU,EAAE,cAAc,EAC1B,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IACxB,IAAI,EACR;QAED,WAAW,IAAI,CACd,8BAAC,WAAW,IAAC,KAAK,EAAE,EAAE,eAAe,EAAE,cAAO,WAAW,MAAG,EAAE,GAAI,CACnE;QAEA,CAAC,SAAS,IAAI,SAAS,IAAI,CAC1B,8BAAC,OAAO,IAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,GAAI,CAClE;QAEA,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,eAAe,mBA6C1B;AAEF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAEhD,uBAAe,CAAC,YAAY,GAAG;IAC7B,eAAe,EAAE,UAAU;CAC5B,CAAC"}
|
package/dist/Select/Select.js
CHANGED
|
@@ -63,9 +63,9 @@ var Dropdown_1 = require("../Dropdown");
|
|
|
63
63
|
var Pane_1 = require("../Pane");
|
|
64
64
|
var Select = function (_a) {
|
|
65
65
|
var options = _a.options, label = _a.label, defaultValue = _a.value, onChange = _a.onChange, rest = __rest(_a, ["options", "label", "value", "onChange"]);
|
|
66
|
-
var _b = __read(react_1.useState(defaultValue), 2), value = _b[0], setValue = _b[1];
|
|
66
|
+
var _b = __read((0, react_1.useState)(defaultValue), 2), value = _b[0], setValue = _b[1];
|
|
67
67
|
var selectedOption = options.find(function (option) { return option.value === value; });
|
|
68
|
-
react_1.useEffect(function () {
|
|
68
|
+
(0, react_1.useEffect)(function () {
|
|
69
69
|
setValue(defaultValue);
|
|
70
70
|
}, [defaultValue]);
|
|
71
71
|
var handleSelect = function (selectedValue) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmD;AACnD,wCAAsD;AACtD,gCAAqC;AAe9B,IAAM,MAAM,GAA0B,UAAC,EAM7C;IALC,IAAA,OAAO,aAAA,EACP,KAAK,WAAA,EACE,YAAY,WAAA,EACnB,QAAQ,cAAA,EACL,IAAI,cALqC,yCAM7C,CADQ;IAED,IAAA,KAAA,OAAoB,gBAAQ,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmD;AACnD,wCAAsD;AACtD,gCAAqC;AAe9B,IAAM,MAAM,GAA0B,UAAC,EAM7C;IALC,IAAA,OAAO,aAAA,EACP,KAAK,WAAA,EACE,YAAY,WAAA,EACnB,QAAQ,cAAA,EACL,IAAI,cALqC,yCAM7C,CADQ;IAED,IAAA,KAAA,OAAoB,IAAA,gBAAQ,EAAC,YAAY,CAAC,IAAA,EAAzC,KAAK,QAAA,EAAE,QAAQ,QAA0B,CAAC;IAEjD,IAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,KAAK,KAAK,KAAK,EAAtB,CAAsB,CAAC,CAAC;IAExE,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,YAAY,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAM,YAAY,GAAG,UAAC,aAAoC;QACxD,QAAQ,CAAC,aAAa,CAAC,CAAC;QACxB,QAAQ,IAAI,QAAQ,CAAC,aAAa,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,mBAAQ,aACP,KAAK,EAAE,CAAC,KAAK,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAC5D,IAAI,GAEP,UAAC,EAAe;YAAb,WAAW,iBAAA;QACb,OAAA,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM;YACjB,OAAO,CACL,8BAAC,iBAAU,IACT,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC3C,OAAO,EAAE;oBACP,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAC3B,WAAW,EAAE,CAAC;gBAChB,CAAC,IAEA,MAAM,CAAC,KAAK,CACF,CACd,CAAC;QACJ,CAAC,CAAC;IAZF,CAYE,CAEK,CACZ,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,MAAM,UA0CjB;AAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { BoxProps } from "../Box";
|
|
2
3
|
export declare type SkeletonProps = BoxProps;
|
|
3
|
-
export declare const Skeleton: import("styled-components").StyledComponent<"div", any,
|
|
4
|
+
export declare const Skeleton: import("styled-components").StyledComponent<"div", any, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
|
|
5
|
+
children?: import("react").ReactNode;
|
|
6
|
+
}, never>;
|
|
@@ -27,10 +27,9 @@ exports.Skeleton = void 0;
|
|
|
27
27
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
28
28
|
var Box_1 = require("../Box");
|
|
29
29
|
var theme_get_1 = require("@styled-system/theme-get");
|
|
30
|
-
var pulse = function (colorStart, colorEnd) { return styled_components_1.keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\nfrom {\n color: ", ";\n background-color: ", ";\n}\nto {\n color: ", ";\n background-color: ", ";\n}\n"], ["\nfrom {\n color: ", ";\n background-color: ", ";\n}\nto {\n color: ", ";\n background-color: ", ";\n}\n"])), colorStart, colorStart, colorEnd, colorEnd); };
|
|
31
|
-
exports.Skeleton = styled_components_1.default(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n animation: ", "\n 750ms ease-in-out infinite alternate;\n"], ["\n animation: ",
|
|
32
|
-
|
|
33
|
-
return pulse(theme_get_1.themeGet("colors.secondary")(props), theme_get_1.themeGet("colors.tertiary")(props));
|
|
30
|
+
var pulse = function (colorStart, colorEnd) { return (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\nfrom {\n color: ", ";\n background-color: ", ";\n}\nto {\n color: ", ";\n background-color: ", ";\n}\n"], ["\nfrom {\n color: ", ";\n background-color: ", ";\n}\nto {\n color: ", ";\n background-color: ", ";\n}\n"])), colorStart, colorStart, colorEnd, colorEnd); };
|
|
31
|
+
exports.Skeleton = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n animation: ", "\n 750ms ease-in-out infinite alternate;\n"], ["\n animation: ", "\n 750ms ease-in-out infinite alternate;\n"])), function (props) {
|
|
32
|
+
return pulse((0, theme_get_1.themeGet)("colors.secondary")(props), (0, theme_get_1.themeGet)("colors.tertiary")(props));
|
|
34
33
|
});
|
|
35
34
|
var templateObject_1, templateObject_2;
|
|
36
35
|
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAsD;AACtD,8BAAuC;AACvC,sDAAoD;AAEpD,IAAM,KAAK,GAAG,UAAC,UAAkB,EAAE,QAAgB,IAAK,
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAsD;AACtD,8BAAuC;AACvC,sDAAoD;AAEpD,IAAM,KAAK,GAAG,UAAC,UAAkB,EAAE,QAAgB,IAAK,WAAA,6BAAS,kLAAA,qBAEtD,EAAU,yBACC,EAAU,uBAGrB,EAAQ,yBACG,EAAQ,QAE7B,KAPU,UAAU,EACC,UAAU,EAGrB,QAAQ,EACG,QAAQ,GAP0B,CASvD,CAAC;AAIW,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,qIAAA,iBACpB,EAIR,+CAEN,KANc,UAAC,KAAK;IACf,OAAA,KAAK,CACH,IAAA,oBAAQ,EAAC,kBAAkB,CAAC,CAAC,KAAK,CAAC,EACnC,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,CACnC;AAHD,CAGC,EAEL"}
|
package/dist/Spinner/Spinner.js
CHANGED
|
@@ -31,7 +31,7 @@ var styled_components_1 = require("styled-components");
|
|
|
31
31
|
var Box_1 = require("../Box");
|
|
32
32
|
var Spinner = function (_a) {
|
|
33
33
|
var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.color, color = _c === void 0 ? "secondary" : _c, rest = __rest(_a, ["size", "color"]);
|
|
34
|
-
var colors = styled_components_1.useTheme().colors;
|
|
34
|
+
var colors = (0, styled_components_1.useTheme)().colors;
|
|
35
35
|
return (react_1.default.createElement(Box_1.Box, __assign({}, rest),
|
|
36
36
|
react_1.default.createElement("svg", { "aria-label": "loading", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 2400 2400", width: size, height: size, style: { display: "block" } },
|
|
37
37
|
react_1.default.createElement("g", { strokeWidth: "200", strokeLinecap: "round", stroke: colors[color], fill: "none" },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../src/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,uDAA6C;AAE7C,8BAAuC;AAOhC,IAAM,OAAO,GAA2B,UAAC,EAI/C;IAHC,IAAA,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,aAAmB,EAAnB,KAAK,mBAAG,WAAW,KAAA,EAChB,IAAI,cAHuC,iBAI/C,CADQ;IAEC,IAAA,MAAM,GAAK,4BAAQ,
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../src/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,uDAA6C;AAE7C,8BAAuC;AAOhC,IAAM,OAAO,GAA2B,UAAC,EAI/C;IAHC,IAAA,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,aAAmB,EAAnB,KAAK,mBAAG,WAAW,KAAA,EAChB,IAAI,cAHuC,iBAI/C,CADQ;IAEC,IAAA,MAAM,GAAK,IAAA,4BAAQ,GAAW,OAAxB,CAAyB;IAEvC,OAAO,CACL,8BAAC,SAAG,eAAK,IAAI;QACX,qDACa,SAAS,EACpB,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,eAAe,EACvB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;YAE3B,qCACE,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,EACrB,IAAI,EAAC,MAAM;gBAEX,wCAAM,CAAC,EAAC,eAAe,GAAG;gBAC1B,wCAAM,OAAO,EAAC,IAAI,EAAC,CAAC,EAAC,iBAAiB,GAAG;gBACzC,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,qBAAqB,GAAG;gBAC/C,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,uBAAuB,GAAG;gBACjD,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,qBAAqB,GAAG;gBAC/C,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,uBAAuB,GAAG;gBACjD,wCAAM,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,eAAe,GAAG;gBACxC,wCAAM,OAAO,EAAC,KAAK,EAAC,CAAC,EAAC,iBAAiB,GAAG;gBAC1C,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,sBAAsB,GAAG;gBAChD,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,sBAAsB,GAAG;gBAChD,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,sBAAsB,GAAG;gBAChD,wCAAM,OAAO,EAAC,MAAM,EAAC,CAAC,EAAC,sBAAsB,GAAG;gBAChD,oDACE,aAAa,EAAC,WAAW,EACzB,aAAa,EAAC,KAAK,EACnB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAC,iFAAiF,EAC1F,MAAM,EAAC,oKAAoK,EAC3K,GAAG,EAAC,UAAU,EACd,KAAK,EAAC,IAAI,EACV,WAAW,EAAC,YAAY,EACxB,QAAQ,EAAC,UAAU,GACnB,CACA,CACA,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,OAAO,WAkDlB;AAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
|
package/dist/Stack/Stack.js
CHANGED
|
@@ -40,26 +40,6 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
40
40
|
}
|
|
41
41
|
return t;
|
|
42
42
|
};
|
|
43
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
44
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
45
|
-
if (!m) return o;
|
|
46
|
-
var i = m.call(o), r, ar = [], e;
|
|
47
|
-
try {
|
|
48
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
49
|
-
}
|
|
50
|
-
catch (error) { e = { error: error }; }
|
|
51
|
-
finally {
|
|
52
|
-
try {
|
|
53
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
54
|
-
}
|
|
55
|
-
finally { if (e) throw e.error; }
|
|
56
|
-
}
|
|
57
|
-
return ar;
|
|
58
|
-
};
|
|
59
|
-
var __spread = (this && this.__spread) || function () {
|
|
60
|
-
for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
|
|
61
|
-
return ar;
|
|
62
|
-
};
|
|
63
43
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
64
44
|
exports.Stack = exports.DEFAULT_STACK_DIRECTION = exports.DEFAULT_STACK_SPACING = void 0;
|
|
65
45
|
var react_1 = __importStar(require("react"));
|
|
@@ -70,7 +50,7 @@ exports.Stack = react_1.default.forwardRef(function (_a, forwardedRef) {
|
|
|
70
50
|
var _b;
|
|
71
51
|
var _c = _a.direction, direction = _c === void 0 ? exports.DEFAULT_STACK_DIRECTION : _c, spacing = _a.spacing, children = _a.children, rest = __rest(_a, ["direction", "spacing", "children"]);
|
|
72
52
|
var nodes = react_1.default.Children.toArray(children).filter(react_1.isValidElement);
|
|
73
|
-
var directions = (_b = []).concat.apply(_b,
|
|
53
|
+
var directions = (_b = []).concat.apply(_b, [direction]);
|
|
74
54
|
var spacingProps = {
|
|
75
55
|
mb: directions.map(function (d) { return [d === "vertical" ? spacing : 0]; }),
|
|
76
56
|
mr: directions.map(function (d) { return [d === "horizontal" ? spacing : 0]; }),
|
|
@@ -80,7 +60,7 @@ exports.Stack = react_1.default.forwardRef(function (_a, forwardedRef) {
|
|
|
80
60
|
// TODO
|
|
81
61
|
// @ts-ignore
|
|
82
62
|
flexDirection: flexDirection }, rest), nodes.map(function (child, i) {
|
|
83
|
-
return react_1.cloneElement(child, __assign({}, (i === nodes.length - 1 ? {} : spacingProps)));
|
|
63
|
+
return (0, react_1.cloneElement)(child, __assign({}, (i === nodes.length - 1 ? {} : spacingProps)));
|
|
84
64
|
})));
|
|
85
65
|
});
|
|
86
66
|
exports.Stack.defaultProps = {
|
package/dist/Stack/Stack.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../src/Stack/Stack.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../src/Stack/Stack.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA4D;AAC5D,8BAAuC;AAG1B,QAAA,qBAAqB,GAAG,MAAM,CAAC;AAC/B,QAAA,uBAAuB,GAAc,UAAU,CAAC;AAQhD,QAAA,KAAK,GAEd,eAAK,CAAC,UAAU,CAClB,UACE,EAAmE,EACnE,YAAY;;IADV,IAAA,iBAAmC,EAAnC,SAAS,mBAAG,+BAAuB,KAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAAjE,oCAAmE,CAAF;IAGjE,IAAM,KAAK,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,sBAAc,CAAC,CAAC;IACtE,IAAM,UAAU,GAAG,CAAA,KAAC,EAAkB,CAAA,CAAC,MAAM,WAAI,CAAC,SAAS,CAAC,CAAC,CAAC;IAE9D,IAAM,YAAY,GAAG;QACnB,EAAE,EAAE,UAAU,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAhC,CAAgC,CAAC;QAC3D,EAAE,EAAE,UAAU,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAlC,CAAkC,CAAC;KAC9D,CAAC;IAEF,IAAM,aAAa,GAAG,UAAU,CAAC,GAAG,CAClC,UAAC,CAAC,IAAK,OAAA,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,EAA9C,CAA8C,CACtD,CAAC;IAEF,OAAO,CACL,8BAAC,SAAG,aACF,GAAG,EAAE,YAAY,EACjB,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,YAAY;QAC3B,OAAO;QACP,aAAa;QACb,aAAa,EAAE,aAAa,IACxB,IAAI,GAEP,KAAK,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,CAAC;QAClB,OAAA,IAAA,oBAAY,EAAC,KAAK,eACb,CAAC,CAAC,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,EAC/C;IAFF,CAEE,CACH,CACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,aAAK,CAAC,YAAY,GAAG;IACnB,OAAO,EAAE,6BAAqB;IAC9B,SAAS,EAAE,+BAAuB;CACnC,CAAC;AAEF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
|
package/dist/Tag/Tag.js
CHANGED
|
@@ -55,19 +55,18 @@ var Box_1 = require("../Box");
|
|
|
55
55
|
var theme_1 = require("../theme");
|
|
56
56
|
var mixins_1 = require("../mixins");
|
|
57
57
|
var onlyText_1 = __importDefault(require("../lib/onlyText"));
|
|
58
|
-
var Placeholder = styled_components_1.default(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n opacity: 0;\n pointer-events: none;\n"], ["\n opacity: 0;\n pointer-events: none;\n"])));
|
|
59
|
-
exports.Container = styled_components_1.default(Box_1.Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: relative;\n display: inline-block;\n ", "\n\n > a {\n color: inherit;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n ", "\n"], ["\n position: relative;\n display: inline-block;\n ", "\n\n > a {\n color: inherit;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n ",
|
|
60
|
-
"
|
|
61
|
-
var
|
|
62
|
-
|
|
63
|
-
return styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: ", ";\n\n &:focus-within {\n background-color: ", ";\n color: ", ";\n }\n "], ["\n color: ", ";\n\n &:focus-within {\n background-color: ", ";\n color: ", ";\n }\n "])), color, color, bg);
|
|
58
|
+
var Placeholder = (0, styled_components_1.default)(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n opacity: 0;\n pointer-events: none;\n"], ["\n opacity: 0;\n pointer-events: none;\n"])));
|
|
59
|
+
exports.Container = (0, styled_components_1.default)(Box_1.Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: relative;\n display: inline-block;\n ", "\n\n > a {\n color: inherit;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n ", "\n"], ["\n position: relative;\n display: inline-block;\n ", "\n\n > a {\n color: inherit;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n ", "\n"])), mixins_1.overflowEllipsisMixin, function (props) {
|
|
60
|
+
var bg = (0, theme_1.themeGet)("colors.".concat(props.bg), props.bg)(props);
|
|
61
|
+
var color = (0, theme_1.getContrastTIQHex)(bg);
|
|
62
|
+
return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: ", ";\n\n &:focus-within {\n background-color: ", ";\n color: ", ";\n }\n "], ["\n color: ", ";\n\n &:focus-within {\n background-color: ", ";\n color: ", ";\n }\n "])), color, color, bg);
|
|
64
63
|
});
|
|
65
64
|
var Tag = function (_a) {
|
|
66
65
|
var children = _a.children, bg = _a.bg, backgroundColor = _a.backgroundColor, rest = __rest(_a, ["children", "bg", "backgroundColor"]);
|
|
67
|
-
var _bg = bg || backgroundColor || theme_1.colorHash(onlyText_1.default(children));
|
|
66
|
+
var _bg = bg || backgroundColor || (0, theme_1.colorHash)((0, onlyText_1.default)(children));
|
|
68
67
|
return (react_1.default.createElement(exports.Container, __assign({ fontSize: 1, borderRadius: 4, px: 3, py: 1, bg: _bg }, rest), typeof children === "string" ? (children) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
69
68
|
children,
|
|
70
|
-
react_1.default.createElement(Placeholder, null, onlyText_1.default(children))))));
|
|
69
|
+
react_1.default.createElement(Placeholder, null, (0, onlyText_1.default)(children))))));
|
|
71
70
|
};
|
|
72
71
|
exports.Tag = Tag;
|
|
73
72
|
exports.Tag.displayName = "Tag";
|
package/dist/Tag/Tag.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/Tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qEAAgD;AAChD,8BAAuC;AACvC,kCAAkE;AAClE,oCAAkD;AAClD,6DAAuC;AAQvC,IAAM,WAAW,GAAG,2BAAM,
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/Tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qEAAgD;AAChD,8BAAuC;AACvC,kCAAkE;AAClE,oCAAkD;AAClD,6DAAuC;AAQvC,IAAM,WAAW,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,+GAAA,4CAG9B,IAAA,CAAC;AAEW,QAAA,SAAS,GAAe,IAAA,2BAAM,EAAC,SAAG,CAAC,8UAE/C,uDAGG,EAAqB,4MAcrB,EAWD,IACF,KA1BG,8BAAqB,EAcrB,UAAC,KAAK;IACN,IAAM,EAAE,GAAG,IAAA,gBAAQ,EAAC,iBAAU,KAAK,CAAC,EAAE,CAAE,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;IAC3D,IAAM,KAAK,GAAG,IAAA,yBAAiB,EAAC,EAAE,CAAC,CAAC;IACpC,WAAO,uBAAG,0LAAA,iBACC,EAAK,yDAGQ,EAAK,oBAChB,EAAE,kBAEd,KANU,KAAK,EAGQ,KAAK,EAChB,EAAE,EAEb;AACJ,CAAC,EACD;AAEK,IAAM,GAAG,GAAuB,UAAC,EAKvC;IAJC,IAAA,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,eAAe,qBAAA,EACZ,IAAI,cAJ+B,qCAKvC,CADQ;IAEP,IAAM,GAAG,GAAG,EAAE,IAAI,eAAe,IAAI,IAAA,iBAAS,EAAC,IAAA,kBAAQ,EAAC,QAAQ,CAAC,CAAC,CAAC;IAEnE,OAAO,CACL,8BAAC,iBAAS,aAAC,QAAQ,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,IAAM,IAAI,GACrE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,QAAQ,CACT,CAAC,CAAC,CAAC,CACF;QACG,QAAQ;QACT,8BAAC,WAAW,QAAE,IAAA,kBAAQ,EAAC,QAAQ,CAAC,CAAe,CAC9C,CACJ,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,GAAG,OAoBd;AAEF,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}
|
package/dist/Themer/useThemer.js
CHANGED
|
@@ -49,21 +49,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
49
49
|
exports.useThemer = exports.ThemerProvider = exports.isScheme = exports.ThemeContext = void 0;
|
|
50
50
|
var react_1 = __importStar(require("react"));
|
|
51
51
|
var theme_1 = require("../theme");
|
|
52
|
-
var
|
|
52
|
+
var isServerSide = typeof window === "undefined";
|
|
53
|
+
var PREFERS_DARK = !isServerSide &&
|
|
53
54
|
window.matchMedia &&
|
|
54
55
|
window.matchMedia("(prefers-color-scheme: dark)").matches;
|
|
55
56
|
var KEY = "auspices.eos.scheme";
|
|
56
57
|
var DEFAULT_SCHEME = PREFERS_DARK ? "dark" : "light";
|
|
57
58
|
var DEFAULT_BACKEND = {
|
|
58
59
|
get: function () {
|
|
60
|
+
if (isServerSide)
|
|
61
|
+
return null;
|
|
59
62
|
var saved = localStorage.getItem(KEY);
|
|
60
|
-
return exports.isScheme(saved) ? saved : null;
|
|
63
|
+
return (0, exports.isScheme)(saved) ? saved : null;
|
|
61
64
|
},
|
|
62
65
|
set: function (scheme) {
|
|
66
|
+
if (isServerSide)
|
|
67
|
+
return;
|
|
63
68
|
localStorage.setItem(KEY, scheme);
|
|
64
69
|
},
|
|
65
70
|
};
|
|
66
|
-
exports.ThemeContext = react_1.createContext({
|
|
71
|
+
exports.ThemeContext = (0, react_1.createContext)({
|
|
67
72
|
key: KEY,
|
|
68
73
|
theme: theme_1.THEME,
|
|
69
74
|
scheme: DEFAULT_SCHEME,
|
|
@@ -77,17 +82,15 @@ exports.isScheme = isScheme;
|
|
|
77
82
|
var ThemerProvider = function (_a) {
|
|
78
83
|
var _b;
|
|
79
84
|
var children = _a.children, _c = _a.initialScheme, initialScheme = _c === void 0 ? DEFAULT_SCHEME : _c, _d = _a.backend, backend = _d === void 0 ? DEFAULT_BACKEND : _d;
|
|
80
|
-
var _e = __read(react_1.useState((_b = backend.get()) !== null && _b !== void 0 ? _b : initialScheme), 2), scheme = _e[0], setScheme = _e[1];
|
|
81
|
-
var theme = react_1.useMemo(function () { return (__assign(__assign({}, theme_1.THEME), { scheme: scheme, colors: theme_1.SCHEMES[scheme] })); }, [
|
|
82
|
-
|
|
83
|
-
]);
|
|
84
|
-
var toggleScheme = react_1.useCallback(function () { return setScheme(function (prevScheme) { return (prevScheme === "dark" ? "light" : "dark"); }); }, []);
|
|
85
|
-
react_1.useEffect(function () { return backend.set(scheme); }, [backend, scheme]);
|
|
85
|
+
var _e = __read((0, react_1.useState)((_b = backend.get()) !== null && _b !== void 0 ? _b : initialScheme), 2), scheme = _e[0], setScheme = _e[1];
|
|
86
|
+
var theme = (0, react_1.useMemo)(function () { return (__assign(__assign({}, theme_1.THEME), { scheme: scheme, colors: theme_1.SCHEMES[scheme] })); }, [scheme]);
|
|
87
|
+
var toggleScheme = (0, react_1.useCallback)(function () { return setScheme(function (prevScheme) { return (prevScheme === "dark" ? "light" : "dark"); }); }, []);
|
|
88
|
+
(0, react_1.useEffect)(function () { return backend.set(scheme); }, [backend, scheme]);
|
|
86
89
|
return (react_1.default.createElement(exports.ThemeContext.Provider, { value: { theme: theme, scheme: scheme, setScheme: setScheme, toggleScheme: toggleScheme } }, children));
|
|
87
90
|
};
|
|
88
91
|
exports.ThemerProvider = ThemerProvider;
|
|
89
92
|
var useThemer = function () {
|
|
90
|
-
var _a = react_1.useContext(exports.ThemeContext), theme = _a.theme, scheme = _a.scheme, setScheme = _a.setScheme, toggleScheme = _a.toggleScheme;
|
|
93
|
+
var _a = (0, react_1.useContext)(exports.ThemeContext), theme = _a.theme, scheme = _a.scheme, setScheme = _a.setScheme, toggleScheme = _a.toggleScheme;
|
|
91
94
|
return { theme: theme, scheme: scheme, setScheme: setScheme, toggleScheme: toggleScheme };
|
|
92
95
|
};
|
|
93
96
|
exports.useThemer = useThemer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useThemer.js","sourceRoot":"","sources":["../../src/Themer/useThemer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AACf,kCAAyD;AAEzD,IAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"useThemer.js","sourceRoot":"","sources":["../../src/Themer/useThemer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AACf,kCAAyD;AAEzD,IAAM,YAAY,GAAG,OAAO,MAAM,KAAK,WAAW,CAAC;AAEnD,IAAM,YAAY,GAChB,CAAC,YAAY;IACb,MAAM,CAAC,UAAU;IACjB,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC;AAC5D,IAAM,GAAG,GAAG,qBAAqB,CAAC;AAClC,IAAM,cAAc,GAAW,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AAO/D,IAAM,eAAe,GAAY;IAC/B,GAAG,EAAE;QACH,IAAI,YAAY;YAAE,OAAO,IAAI,CAAC;QAC9B,IAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACxC,OAAO,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IACxC,CAAC;IACD,GAAG,EAAE,UAAC,MAAc;QAClB,IAAI,YAAY;YAAE,OAAO;QACzB,YAAY,CAAC,OAAO,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;IACpC,CAAC;CACF,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,qBAAa,EAMtC;IACD,GAAG,EAAE,GAAG;IACR,KAAK,EAAE,aAAK;IACZ,MAAM,EAAE,cAAc;IACtB,SAAS,EAAE,cAAO,CAAC;IACnB,YAAY,EAAE,cAAO,CAAC;CACvB,CAAC,CAAC;AAEI,IAAM,QAAQ,GAAG,UAAC,KAAoB;IAC3C,OAAA,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,IAAI,CAAC,eAAO,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;AAA/C,CAA+C,CAAC;AADrC,QAAA,QAAQ,YAC6B;AAE3C,IAAM,cAAc,GAItB,UAAC,EAIL;;QAHC,QAAQ,cAAA,EACR,qBAA8B,EAA9B,aAAa,mBAAG,cAAc,KAAA,EAC9B,eAAyB,EAAzB,OAAO,mBAAG,eAAe,KAAA;IAEnB,IAAA,KAAA,OAAsB,IAAA,gBAAQ,EAAS,MAAA,OAAO,CAAC,GAAG,EAAE,mCAAI,aAAa,CAAC,IAAA,EAArE,MAAM,QAAA,EAAE,SAAS,QAAoD,CAAC;IAE7E,IAAM,KAAK,GAAG,IAAA,eAAO,EACnB,cAAM,OAAA,uBAAM,aAAK,KAAE,MAAM,QAAA,EAAE,MAAM,EAAE,eAAO,CAAC,MAAM,CAAC,IAAG,EAA/C,CAA+C,EACrD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,IAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,cAAM,OAAA,SAAS,CAAC,UAAC,UAAU,IAAK,OAAA,CAAC,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,EAA1C,CAA0C,CAAC,EAArE,CAAqE,EAC3E,EAAE,CACH,CAAC;IAEF,IAAA,iBAAS,EAAC,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAnB,CAAmB,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAExD,OAAO,CACL,8BAAC,oBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,MAAM,QAAA,EAAE,SAAS,WAAA,EAAE,YAAY,cAAA,EAAE,IACrE,QAAQ,CACa,CACzB,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,cAAc,kBA4BzB;AAEK,IAAM,SAAS,GAAG;IACjB,IAAA,KAA6C,IAAA,kBAAU,EAAC,oBAAY,CAAC,EAAnE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAA6B,CAAC;IAE5E,OAAO,EAAE,KAAK,OAAA,EAAE,MAAM,QAAA,EAAE,SAAS,WAAA,EAAE,YAAY,cAAA,EAAE,CAAC;AACpD,CAAC,CAAC;AAJW,QAAA,SAAS,aAIpB"}
|
package/dist/Tooltip/Tooltip.js
CHANGED
|
@@ -48,7 +48,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
|
|
|
48
48
|
var Box_1 = require("../Box");
|
|
49
49
|
var Popper_1 = require("../Popper");
|
|
50
50
|
var isTouch_1 = require("../lib/isTouch");
|
|
51
|
-
exports.Tip = styled_components_1.default(Box_1.Box).attrs({
|
|
51
|
+
exports.Tip = (0, styled_components_1.default)(Box_1.Box).attrs({
|
|
52
52
|
position: "relative",
|
|
53
53
|
borderRadius: 4,
|
|
54
54
|
fontSize: [2, 2, 1, 1],
|
|
@@ -64,16 +64,16 @@ var Mode;
|
|
|
64
64
|
})(Mode || (Mode = {}));
|
|
65
65
|
var Tooltip = function (_a) {
|
|
66
66
|
var label = _a.label, children = _a.children, placement = _a.placement, distance = _a.distance, _b = _a.forceForTouch, forceForTouch = _b === void 0 ? false : _b;
|
|
67
|
-
var _c = __read(react_1.useState(Mode.Resting), 2), mode = _c[0], setMode = _c[1];
|
|
68
|
-
var handleMouseOver = react_1.useCallback(function () { return setMode(Mode.Active); }, []);
|
|
69
|
-
var handleMouseOut = react_1.useCallback(function () { return setMode(Mode.Resting); }, []);
|
|
70
|
-
var anchor = react_1.useMemo(function () {
|
|
67
|
+
var _c = __read((0, react_1.useState)(Mode.Resting), 2), mode = _c[0], setMode = _c[1];
|
|
68
|
+
var handleMouseOver = (0, react_1.useCallback)(function () { return setMode(Mode.Active); }, []);
|
|
69
|
+
var handleMouseOut = (0, react_1.useCallback)(function () { return setMode(Mode.Resting); }, []);
|
|
70
|
+
var anchor = (0, react_1.useMemo)(function () {
|
|
71
71
|
return react_1.default.cloneElement(children, {
|
|
72
72
|
onMouseOver: handleMouseOver,
|
|
73
73
|
onMouseOut: handleMouseOut,
|
|
74
74
|
});
|
|
75
75
|
}, [children, handleMouseOut, handleMouseOver]);
|
|
76
|
-
var isOpen = mode === Mode.Active && !(isTouch_1.isTouch() && !forceForTouch);
|
|
76
|
+
var isOpen = mode === Mode.Active && !((0, isTouch_1.isTouch)() && !forceForTouch);
|
|
77
77
|
return (react_1.default.createElement(Popper_1.Popper, { anchor: anchor, placement: placement, distance: distance, open: isOpen },
|
|
78
78
|
react_1.default.createElement(exports.Tip, null, label)));
|
|
79
79
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8D;AAC9D,wEAAuC;AACvC,8BAAuC;AACvC,oCAA8C;AAC9C,0CAAyC;AAE5B,QAAA,GAAG,GAAe,2BAAM,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8D;AAC9D,wEAAuC;AACvC,8BAAuC;AACvC,oCAA8C;AAC9C,0CAAyC;AAE5B,QAAA,GAAG,GAAe,IAAA,2BAAM,EAAC,SAAG,CAAC,CAAC,KAAK,CAAC;IAC/C,QAAQ,EAAE,UAAU;IACpB,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACtB,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,SAAS;IACb,KAAK,EAAE,YAAY;CACpB,CAAC,sFAAA,mBAED,KAAC;AAEF,IAAK,IAGJ;AAHD,WAAK,IAAI;IACP,qCAAO,CAAA;IACP,mCAAM,CAAA;AACR,CAAC,EAHI,IAAI,KAAJ,IAAI,QAGR;AAUM,IAAM,OAAO,GAA2B,UAAC,EAM/C;QALC,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA;IAEf,IAAA,KAAA,OAAkB,IAAA,gBAAQ,EAAC,IAAI,CAAC,OAAO,CAAC,IAAA,EAAvC,IAAI,QAAA,EAAE,OAAO,QAA0B,CAAC;IAE/C,IAAM,eAAe,GAAG,IAAA,mBAAW,EAAC,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAApB,CAAoB,EAAE,EAAE,CAAC,CAAC;IACpE,IAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAArB,CAAqB,EAAE,EAAE,CAAC,CAAC;IAEpE,IAAM,MAAM,GAAG,IAAA,eAAO,EACpB;QACE,OAAA,eAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;YAC3B,WAAW,EAAE,eAAe;YAC5B,UAAU,EAAE,cAAc;SAC3B,CAAC;IAHF,CAGE,EACJ,CAAC,QAAQ,EAAE,cAAc,EAAE,eAAe,CAAC,CAC5C,CAAC;IAEF,IAAM,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,IAAA,iBAAO,GAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAEtE,OAAO,CACL,8BAAC,eAAM,IACL,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,MAAM;QAEZ,8BAAC,WAAG,QAAE,KAAK,CAAO,CACX,CACV,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,OAAO,WAiClB;AAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
|
package/dist/Upload/Upload.js
CHANGED
|
@@ -35,8 +35,8 @@ var styled_components_1 = __importDefault(require("styled-components"));
|
|
|
35
35
|
var Box_1 = require("../Box");
|
|
36
36
|
var Cell_1 = require("../Cell");
|
|
37
37
|
var ProgressBar_1 = require("../ProgressBar");
|
|
38
|
-
var Container = styled_components_1.default(Cell_1.Cell)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
39
|
-
var Label = styled_components_1.default(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
38
|
+
var Container = (0, styled_components_1.default)(Cell_1.Cell)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
39
|
+
var Label = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
40
40
|
var Upload = function (_a) {
|
|
41
41
|
var label = _a.label, progress = _a.progress, borderColor = _a.borderColor, foregroundColor = _a.foregroundColor, backgroundColor = _a.backgroundColor, progressBarColor = _a.progressBarColor, rest = __rest(_a, ["label", "progress", "borderColor", "foregroundColor", "backgroundColor", "progressBarColor"]);
|
|
42
42
|
return (react_1.default.createElement(Container, __assign({ textColor: foregroundColor, borderColor: borderColor || foregroundColor }, rest),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Upload.js","sourceRoot":"","sources":["../../src/Upload/Upload.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wEAAuC;AACvC,8BAA6B;AAC7B,gCAA0C;AAC1C,8CAA6C;AAU7C,IAAM,SAAS,GAAG,2BAAM,
|
|
1
|
+
{"version":3,"file":"Upload.js","sourceRoot":"","sources":["../../src/Upload/Upload.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wEAAuC;AACvC,8BAA6B;AAC7B,gCAA0C;AAC1C,8CAA6C;AAU7C,IAAM,SAAS,GAAG,IAAA,2BAAM,EAAC,WAAI,CAAC,8FAAA,2BAE7B,IAAA,CAAC;AAEF,IAAM,KAAK,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,8FAAA,2BAExB,IAAA,CAAC;AAEK,IAAM,MAAM,GAA0B,UAAC,EAQ7C;IAPC,IAAA,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EACb,IAAI,cAPqC,8FAQ7C,CADQ;IAEP,OAAO,CACL,8BAAC,SAAS,aACR,SAAS,EAAE,eAAe,EAC1B,WAAW,EAAE,WAAW,IAAI,eAAe,IACvC,IAAI;QAER,8BAAC,yBAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,gBAAgB,EACvB,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,MAAM,GACZ;QAEF,8BAAC,KAAK,IAAC,SAAS,EAAE,eAAe;YAC9B,KAAK;;YAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;gBACxB,CACE,CACb,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,MAAM,UA+BjB;AAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,cAAM,CAAC,YAAY,GAAG;IACpB,eAAe,EAAE,SAAS;IAC1B,WAAW,EAAE,SAAS;IACtB,eAAe,EAAE,YAAY;IAC7B,gBAAgB,EAAE,UAAU;CAC7B,CAAC"}
|
|
@@ -4,17 +4,17 @@ exports.useClickOutside = void 0;
|
|
|
4
4
|
var react_1 = require("react");
|
|
5
5
|
var useClickOutside = function (_a) {
|
|
6
6
|
var ref = _a.ref, _b = _a.type, type = _b === void 0 ? "click" : _b, _c = _a.when, when = _c === void 0 ? true : _c, onClickOutside = _a.onClickOutside;
|
|
7
|
-
var savedHandler = react_1.useRef(onClickOutside);
|
|
8
|
-
var handleClick = react_1.useCallback(function (e) {
|
|
7
|
+
var savedHandler = (0, react_1.useRef)(onClickOutside);
|
|
8
|
+
var handleClick = (0, react_1.useCallback)(function (e) {
|
|
9
9
|
if (ref && ref.current && !ref.current.contains(e.target)) {
|
|
10
10
|
savedHandler.current(e);
|
|
11
11
|
}
|
|
12
12
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
13
13
|
}, []);
|
|
14
|
-
react_1.useEffect(function () {
|
|
14
|
+
(0, react_1.useEffect)(function () {
|
|
15
15
|
savedHandler.current = onClickOutside;
|
|
16
16
|
}, [onClickOutside]);
|
|
17
|
-
react_1.useEffect(function () {
|
|
17
|
+
(0, react_1.useEffect)(function () {
|
|
18
18
|
if (when) {
|
|
19
19
|
document.addEventListener(type, handleClick);
|
|
20
20
|
return function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useClickOutside.js","sourceRoot":"","sources":["../../src/hooks/useClickOutside.ts"],"names":[],"mappings":";;;AAAA,+BAAuD;AAShD,IAAM,eAAe,GAAG,UAAC,EAKd;QAJhB,GAAG,SAAA,EACH,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,cAAc,oBAAA;IAEd,IAAM,YAAY,GAAG,cAAM,
|
|
1
|
+
{"version":3,"file":"useClickOutside.js","sourceRoot":"","sources":["../../src/hooks/useClickOutside.ts"],"names":[],"mappings":";;;AAAA,+BAAuD;AAShD,IAAM,eAAe,GAAG,UAAC,EAKd;QAJhB,GAAG,SAAA,EACH,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,cAAc,oBAAA;IAEd,IAAM,YAAY,GAAG,IAAA,cAAM,EAAC,cAAc,CAAC,CAAC;IAE5C,IAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,UAAC,CAAQ;QACvC,IAAI,GAAG,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAiB,CAAC,EAAE;YACpE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;SACzB;QACD,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC;QACR,YAAY,CAAC,OAAO,GAAG,cAAc,CAAC;IACxC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,IAAA,iBAAS,EAAC;QACR,IAAI,IAAI,EAAE;YACR,QAAQ,CAAC,gBAAgB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YAC7C,OAAO;gBACL,QAAQ,CAAC,mBAAmB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YAClD,CAAC,CAAC;SACH;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AACb,CAAC,CAAC;AA5BW,QAAA,eAAe,mBA4B1B"}
|
|
@@ -4,7 +4,7 @@ exports.useUniqueId = void 0;
|
|
|
4
4
|
var react_1 = require("react");
|
|
5
5
|
var generateId_1 = require("../util/generateId");
|
|
6
6
|
var useUniqueId = function () {
|
|
7
|
-
var id = react_1.useRef(generateId_1.generateId());
|
|
7
|
+
var id = (0, react_1.useRef)((0, generateId_1.generateId)());
|
|
8
8
|
return id;
|
|
9
9
|
};
|
|
10
10
|
exports.useUniqueId = useUniqueId;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useUniqueId.js","sourceRoot":"","sources":["../../src/hooks/useUniqueId.ts"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,iDAAgD;AAEzC,IAAM,WAAW,GAAG;IACzB,IAAM,EAAE,GAAG,cAAM,
|
|
1
|
+
{"version":3,"file":"useUniqueId.js","sourceRoot":"","sources":["../../src/hooks/useUniqueId.ts"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,iDAAgD;AAEzC,IAAM,WAAW,GAAG;IACzB,IAAM,EAAE,GAAG,IAAA,cAAM,EAAC,IAAA,uBAAU,GAAE,CAAC,CAAC;IAChC,OAAO,EAAE,CAAC;AACZ,CAAC,CAAC;AAHW,QAAA,WAAW,eAGtB"}
|
|
@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.useUpdateEffect = void 0;
|
|
4
4
|
var react_1 = require("react");
|
|
5
5
|
var useUpdateEffect = function (effect, deps) {
|
|
6
|
-
var didMountRef = react_1.useRef(false);
|
|
7
|
-
react_1.useEffect(function () {
|
|
6
|
+
var didMountRef = (0, react_1.useRef)(false);
|
|
7
|
+
(0, react_1.useEffect)(function () {
|
|
8
8
|
if (didMountRef.current) {
|
|
9
9
|
return effect();
|
|
10
10
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useUpdateEffect.js","sourceRoot":"","sources":["../../src/hooks/useUpdateEffect.ts"],"names":[],"mappings":";;;AAAA,+BAA0C;AAEnC,IAAM,eAAe,GAAqB,UAAC,MAAM,EAAE,IAAI;IAC5D,IAAM,WAAW,GAAG,cAAM,
|
|
1
|
+
{"version":3,"file":"useUpdateEffect.js","sourceRoot":"","sources":["../../src/hooks/useUpdateEffect.ts"],"names":[],"mappings":";;;AAAA,+BAA0C;AAEnC,IAAM,eAAe,GAAqB,UAAC,MAAM,EAAE,IAAI;IAC5D,IAAM,WAAW,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAElC,IAAA,iBAAS,EAAC;QACR,IAAI,WAAW,CAAC,OAAO,EAAE;YACvB,OAAO,MAAM,EAAE,CAAC;SACjB;QAED,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,uDAAuD;IACzD,CAAC,EAAE,IAAI,CAAC,CAAC;AACX,CAAC,CAAC;AAXW,QAAA,eAAe,mBAW1B"}
|