@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,7 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { BoxProps } from "../Box";
|
|
3
|
-
|
|
4
|
-
export declare type DropdownPaneOptions = React.ReactElement<PaneOptionProps> | React.ReactElement<PaneOptionProps>[];
|
|
3
|
+
export declare type DropdownPaneOptions = React.ReactNode;
|
|
5
4
|
export declare type DropdownRenderProps = ({ handleClose, }: {
|
|
6
5
|
handleClose(): void;
|
|
7
6
|
}) => DropdownPaneOptions;
|
|
@@ -72,7 +72,7 @@ var Popper_1 = require("../Popper");
|
|
|
72
72
|
var Caret_1 = require("../Caret");
|
|
73
73
|
var Pane_1 = require("../Pane");
|
|
74
74
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
75
|
-
var Container = styled_components_1.default(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n user-select: none;\n"], ["\n user-select: none;\n"])));
|
|
75
|
+
var Container = (0, styled_components_1.default)(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n user-select: none;\n"], ["\n user-select: none;\n"])));
|
|
76
76
|
var Mode;
|
|
77
77
|
(function (Mode) {
|
|
78
78
|
Mode[Mode["Resting"] = 0] = "Resting";
|
|
@@ -82,16 +82,16 @@ var isDropdownRenderProps = function (children) { return typeof children === "fu
|
|
|
82
82
|
exports.isDropdownRenderProps = isDropdownRenderProps;
|
|
83
83
|
var Dropdown = function (_a) {
|
|
84
84
|
var label = _a.label, children = _a.children, _b = _a.open, defaultOpen = _b === void 0 ? false : _b, _c = _a.onOpen, onOpen = _c === void 0 ? function () { } : _c, _d = _a.onClose, onClose = _d === void 0 ? function () { } : _d, rest = __rest(_a, ["label", "children", "open", "onOpen", "onClose"]);
|
|
85
|
-
var _e = __read(react_1.useState(defaultOpen ? Mode.Active : Mode.Resting), 2), mode = _e[0], setMode = _e[1];
|
|
86
|
-
var handleClose = react_1.useCallback(function () {
|
|
85
|
+
var _e = __read((0, react_1.useState)(defaultOpen ? Mode.Active : Mode.Resting), 2), mode = _e[0], setMode = _e[1];
|
|
86
|
+
var handleClose = (0, react_1.useCallback)(function () {
|
|
87
87
|
setMode(Mode.Resting);
|
|
88
88
|
onClose();
|
|
89
89
|
}, [onClose]);
|
|
90
|
-
var handleOpen = react_1.useCallback(function () {
|
|
90
|
+
var handleOpen = (0, react_1.useCallback)(function () {
|
|
91
91
|
setMode(Mode.Active);
|
|
92
92
|
onOpen();
|
|
93
93
|
}, [onOpen]);
|
|
94
|
-
var handleKeydown = react_1.useCallback(function (_a) {
|
|
94
|
+
var handleKeydown = (0, react_1.useCallback)(function (_a) {
|
|
95
95
|
var key = _a.key;
|
|
96
96
|
switch (key) {
|
|
97
97
|
case "Escape":
|
|
@@ -101,11 +101,11 @@ var Dropdown = function (_a) {
|
|
|
101
101
|
break;
|
|
102
102
|
}
|
|
103
103
|
}, [handleClose]);
|
|
104
|
-
react_1.useEffect(function () {
|
|
104
|
+
(0, react_1.useEffect)(function () {
|
|
105
105
|
window.addEventListener("keydown", handleKeydown);
|
|
106
106
|
return function () { return window.removeEventListener("keydown", handleKeydown); };
|
|
107
107
|
}, [handleKeydown]);
|
|
108
|
-
var _f = Popper_1.usePopper({
|
|
108
|
+
var _f = (0, Popper_1.usePopper)({
|
|
109
109
|
open: mode === Mode.Active,
|
|
110
110
|
placement: "bottom",
|
|
111
111
|
type: "mousedown",
|
|
@@ -130,7 +130,7 @@ var Dropdown = function (_a) {
|
|
|
130
130
|
return react_1.default.cloneElement(label, anchorProps);
|
|
131
131
|
}
|
|
132
132
|
})(),
|
|
133
|
-
open && (react_1.default.createElement(Pane_1.Pane, { ref: childrenRef, zIndex: 1, onEnter: handleClose }, exports.isDropdownRenderProps(children)
|
|
133
|
+
open && (react_1.default.createElement(Pane_1.Pane, { ref: childrenRef, zIndex: 1, onEnter: handleClose }, (0, exports.isDropdownRenderProps)(children)
|
|
134
134
|
? children({ handleClose: handleClose })
|
|
135
135
|
: children))));
|
|
136
136
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAgE;AAChE,8BAAuC;AACvC,oCAAmC;AACnC,oCAAsC;AACtC,kCAAiC;AACjC,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,8 +33,8 @@ exports.Ellipsis = void 0;
|
|
|
33
33
|
var react_1 = __importDefault(require("react"));
|
|
34
34
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
35
35
|
var Box_1 = require("../Box");
|
|
36
|
-
var Container = styled_components_1.default(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
37
|
-
var Dot = styled_components_1.default(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n background-color: currentColor;\n border-radius: 50%;\n"], ["\n width: ", ";\n height: ", ";\n background-color: currentColor;\n border-radius: 50%;\n"])), function (_a) {
|
|
36
|
+
var Container = (0, styled_components_1.default)(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
37
|
+
var Dot = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: ", ";\n height: ", ";\n background-color: currentColor;\n border-radius: 50%;\n"], ["\n width: ", ";\n height: ", ";\n background-color: currentColor;\n border-radius: 50%;\n"])), function (_a) {
|
|
38
38
|
var size = _a.size;
|
|
39
39
|
return size;
|
|
40
40
|
}, function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Ellipsis.js","sourceRoot":"","sources":["../../src/Ellipsis/Ellipsis.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wEAAuC;AACvC,8BAAuC;AAQvC,IAAM,SAAS,GAAG,2BAAM,
|
|
1
|
+
{"version":3,"file":"Ellipsis.js","sourceRoot":"","sources":["../../src/Ellipsis/Ellipsis.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wEAAuC;AACvC,8BAAuC;AAQvC,IAAM,SAAS,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,yFAAA,sBAE5B,IAAA,CAAC;AAEF,IAAM,GAAG,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,kKAAmB,aAC/B,EAAkB,eACjB,EAAkB,+DAG7B,KAJU,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,IAAI;AAAJ,CAAI,EACjB,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,IAAI;AAAJ,CAAI,CAG7B,CAAC;AAEK,IAAM,QAAQ,GAA4B,UAAC,EAKjD;IAJC,IAAA,mBAA0B,EAA1B,WAAW,mBAAG,YAAY,KAAA,EAC1B,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACR,IAAI,cAJyC,kCAKjD,CADQ;IAEP,OAAO,CACL,8BAAC,SAAS,aACR,aAAa,EAAE,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,IAC1D,IAAI;QAER,8BAAC,GAAG,IAAC,IAAI,EAAE,IAAI,GAAI;QACnB,8BAAC,GAAG,aACF,IAAI,EAAE,IAAI,IACN,CAAC,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EACtE;QACF,8BAAC,GAAG,IAAC,IAAI,EAAE,IAAI,GAAI,CACT,CACb,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,QAAQ,YAmBnB;AAEF,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -54,10 +54,9 @@ var styled_components_1 = __importStar(require("styled-components"));
|
|
|
54
54
|
var theme_1 = require("../theme");
|
|
55
55
|
var Box_1 = require("../Box");
|
|
56
56
|
var Svg = styled_components_1.default.svg(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n pointer-events: none;\n"], ["\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n pointer-events: none;\n"])));
|
|
57
|
-
var Line = styled_components_1.default.line(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n"], ["\n ",
|
|
58
|
-
"\n"])), function (_a) {
|
|
57
|
+
var Line = styled_components_1.default.line(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
59
58
|
var color = _a.color, strokeWidth = _a.strokeWidth, rest = __rest(_a, ["color", "strokeWidth"]);
|
|
60
|
-
return styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n stroke: ", ";\n stroke-width: ", ";\n "], ["\n stroke: ", ";\n stroke-width: ", ";\n "])), theme_1.themeGet("colors."
|
|
59
|
+
return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n stroke: ", ";\n stroke-width: ", ";\n "], ["\n stroke: ", ";\n stroke-width: ", ";\n "])), (0, theme_1.themeGet)("colors.".concat(color))(rest), strokeWidth);
|
|
61
60
|
});
|
|
62
61
|
var EmptyFrame = function (_a) {
|
|
63
62
|
var _b = _a.color, color = _b === void 0 ? "primary" : _b, _c = _a.outline, outline = _c === void 0 ? false : _c, _d = _a.strokeWidth, strokeWidth = _d === void 0 ? 1 : _d, children = _a.children, rest = __rest(_a, ["color", "outline", "strokeWidth", "children"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyFrame.js","sourceRoot":"","sources":["../../src/EmptyFrame/EmptyFrame.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qEAAgD;AAChD,kCAAoC;AACpC,8BAAuC;AAEvC,IAAM,GAAG,GAAG,2BAAM,CAAC,GAAG,+KAAA,4GAOrB,IAAA,CAAC;AAEF,IAAM,IAAI,GAAG,2BAAM,CAAC,IAAI,+EAAwC,MAC5D
|
|
1
|
+
{"version":3,"file":"EmptyFrame.js","sourceRoot":"","sources":["../../src/EmptyFrame/EmptyFrame.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qEAAgD;AAChD,kCAAoC;AACpC,8BAAuC;AAEvC,IAAM,GAAG,GAAG,2BAAM,CAAC,GAAG,+KAAA,4GAOrB,IAAA,CAAC;AAEF,IAAM,IAAI,GAAG,2BAAM,CAAC,IAAI,+EAAwC,MAC5D,EAGD,IACF,KAJG,UAAC,EAA+B;IAA7B,IAAA,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAK,IAAI,cAA7B,wBAA+B,CAAF;IAAO,WAAA,uBAAG,sHAAA,gBAC9B,EAAiC,uBAC3B,EAAW,OAC5B,KAFW,IAAA,gBAAQ,EAAC,iBAAU,KAAK,CAAE,CAAC,CAAC,IAAI,CAAC,EAC3B,WAAW,EAC5B;CAAA,CACF,CAAC;AAQK,IAAM,UAAU,GAA8B,UAAC,EAMrD;IALC,IAAA,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,mBAAe,EAAf,WAAW,mBAAG,CAAC,KAAA,EACf,QAAQ,cAAA,EACL,IAAI,cAL6C,+CAMrD,CADQ;IAEP,OAAO,CACL,8BAAC,SAAG,aACF,QAAQ,EAAC,UAAU,IACf,CAAC,OAAO;QACV,CAAC,CAAC;YACE,WAAW,EAAE,WAAW;YACxB,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,KAAK;SACnB;QACH,CAAC,CAAC,EAAE,CAAC,EACH,IAAI;QAER,8BAAC,GAAG;YACF,8BAAC,IAAI,IACH,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,GAAG,GACN;YACF,8BAAC,IAAI,IACH,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,MAAM,GACT,CACE;QAEL,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,UAAU,cAyCrB;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
|
@@ -69,7 +69,7 @@ var Mode;
|
|
|
69
69
|
})(Mode || (Mode = {}));
|
|
70
70
|
var Expandable = function (_a) {
|
|
71
71
|
var label = _a.label, children = _a.children, rest = __rest(_a, ["label", "children"]);
|
|
72
|
-
var _b = __read(react_1.useState(Mode.Resting), 2), mode = _b[0], setMode = _b[1];
|
|
72
|
+
var _b = __read((0, react_1.useState)(Mode.Resting), 2), mode = _b[0], setMode = _b[1];
|
|
73
73
|
var handleClick = function () {
|
|
74
74
|
return setMode(function (prevMode) {
|
|
75
75
|
var _a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Expandable.js","sourceRoot":"","sources":["../../src/Expandable/Expandable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AACxC,oCAAmC;AACnC,kCAA6C;AAC7C,gCAA+B;AAM/B,IAAK,IAGJ;AAHD,WAAK,IAAI;IACP,qCAAO,CAAA;IACP,+BAAI,CAAA;AACN,CAAC,EAHI,IAAI,KAAJ,IAAI,QAGR;AAEM,IAAM,UAAU,GAA8B,UAAC,EAIrD;IAHC,IAAA,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,IAAI,cAH6C,qBAIrD,CADQ;IAED,IAAA,KAAA,OAAkB,gBAAQ,
|
|
1
|
+
{"version":3,"file":"Expandable.js","sourceRoot":"","sources":["../../src/Expandable/Expandable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AACxC,oCAAmC;AACnC,kCAA6C;AAC7C,gCAA+B;AAM/B,IAAK,IAGJ;AAHD,WAAK,IAAI;IACP,qCAAO,CAAA;IACP,+BAAI,CAAA;AACN,CAAC,EAHI,IAAI,KAAJ,IAAI,QAGR;AAEM,IAAM,UAAU,GAA8B,UAAC,EAIrD;IAHC,IAAA,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,IAAI,cAH6C,qBAIrD,CADQ;IAED,IAAA,KAAA,OAAkB,IAAA,gBAAQ,EAAC,IAAI,CAAC,OAAO,CAAC,IAAA,EAAvC,IAAI,QAAA,EAAE,OAAO,QAA0B,CAAC;IAE/C,IAAM,WAAW,GAAG;QAClB,OAAA,OAAO,CACL,UAAC,QAAQ;;YACP,OAAA,CAAC,UAAE,GAAC,IAAI,CAAC,IAAI,IAAG,IAAI,CAAC,OAAO,EAAE,GAAC,IAAI,CAAC,OAAO,IAAG,IAAI,CAAC,IAAI,MAAG,QAAQ,CAAC,CAAC;QAApE,CAAoE,CACvE;IAHD,CAGC,CAAC;IAEJ,OAAO,CACL,8BAAC,aAAK,eAAK,IAAI;QACb,8BAAC,eAAM,IAAC,OAAO,EAAE,WAAW;YAC1B,8BAAC,WAAI,IACH,IAAI,EAAE,CAAC,EACP,EAAE,EAAE,CAAC,EACL,WAAW,EAAC,KAAK,EACjB,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,GAChD;YACD,KAAK,CACC;QAER,IAAI,KAAK,IAAI,CAAC,IAAI,IAAI,QAAQ,CACzB,CACT,CAAC;AACJ,CAAC,CAAC;AA5BW,QAAA,UAAU,cA4BrB;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}
|
package/dist/Field/Field.js
CHANGED
|
@@ -35,7 +35,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
|
|
|
35
35
|
var Input_1 = require("../Input");
|
|
36
36
|
var Cell_1 = require("../Cell");
|
|
37
37
|
var Split_1 = require("../Split");
|
|
38
|
-
var Label = styled_components_1.default(Cell_1.Cell).attrs({ as: "label" })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n user-select: none;\n"], ["\n user-select: none;\n"])));
|
|
38
|
+
var Label = (0, styled_components_1.default)(Cell_1.Cell).attrs({ as: "label" })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n user-select: none;\n"], ["\n user-select: none;\n"])));
|
|
39
39
|
var Field = function (_a) {
|
|
40
40
|
var label = _a.label, _b = _a.direction, direction = _b === void 0 ? "horizontal" : _b, props = __rest(_a, ["label", "direction"]);
|
|
41
41
|
if ("input" in props) {
|
package/dist/Field/Field.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wEAAuC;AACvC,kCAA6C;AAC7C,gCAA+B;AAC/B,kCAA6C;AAO7C,IAAM,KAAK,GAAG,2BAAM,
|
|
1
|
+
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wEAAuC;AACvC,kCAA6C;AAC7C,gCAA+B;AAC/B,kCAA6C;AAO7C,IAAM,KAAK,GAAG,IAAA,2BAAM,EAAC,WAAI,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,6FAAA,0BAEhD,IAAA,CAAC;AAEK,IAAM,KAAK,GAAyB,UAAC,EAI3C;IAHC,IAAA,KAAK,WAAA,EACL,iBAAwB,EAAxB,SAAS,mBAAG,YAAY,KAAA,EACrB,KAAK,cAHkC,sBAI3C,CADS;IAER,IAAI,OAAO,IAAI,KAAK,EAAE;QACZ,IAAA,KAAK,GAAc,KAAK,MAAnB,EAAK,MAAI,UAAK,KAAK,EAA1B,SAAkB,CAAF,CAAW;QAEjC,OAAO,CACL,8BAAC,aAAK,aAAC,SAAS,EAAE,SAAS,IAAM,MAAI;YACnC,8BAAC,KAAK,QAAE,KAAK,CAAS;YACtB,8BAAC,aAAK,aAAC,KAAK,EAAC,MAAM,IAAK,KAAK,EAAI,CAC3B,CACT,CAAC;KACH;IAEO,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,UAAK,KAAK,EAA7B,YAAqB,CAAF,CAAW;IAEpC,OAAO,CACL,8BAAC,aAAK,aAAC,SAAS,EAAE,SAAS,IAAM,IAAI;QACnC,8BAAC,KAAK,QAAE,KAAK,CAAS;QACtB,8DAAG,QAAQ,CAAI,CACT,CACT,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,KAAK,SAwBhB;AAEF,aAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
|
package/dist/File/File.js
CHANGED
|
@@ -36,11 +36,11 @@ var AspectRatioBox_1 = require("../AspectRatioBox");
|
|
|
36
36
|
var Box_1 = require("../Box");
|
|
37
37
|
var Clickable_1 = require("../Clickable");
|
|
38
38
|
var MultiSelect_1 = require("../MultiSelect");
|
|
39
|
-
var Container = styled_components_1.default(Clickable_1.Clickable)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n cursor: default;\n\n &:focus {\n outline: 0;\n }\n"], ["\n cursor: default;\n\n &:focus {\n outline: 0;\n }\n"])));
|
|
40
|
-
var Label = styled_components_1.default(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-decoration-break: clone;\n"], ["\n box-decoration-break: clone;\n"])));
|
|
39
|
+
var Container = (0, styled_components_1.default)(Clickable_1.Clickable)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n cursor: default;\n\n &:focus {\n outline: 0;\n }\n"], ["\n cursor: default;\n\n &:focus {\n outline: 0;\n }\n"])));
|
|
40
|
+
var Label = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-decoration-break: clone;\n"], ["\n box-decoration-break: clone;\n"])));
|
|
41
41
|
var File = function (_a) {
|
|
42
42
|
var name = _a.name, meta = _a.meta, _b = _a.selected, defaultSelected = _b === void 0 ? false : _b, _c = _a.payload, payload = _c === void 0 ? {} : _c, children = _a.children, onMouseDown = _a.onMouseDown, rest = __rest(_a, ["name", "meta", "selected", "payload", "children", "onMouseDown"]);
|
|
43
|
-
var _d = MultiSelect_1.useMultiSelect({ defaultSelected: defaultSelected, payload: payload }), ref = _d.ref, selected = _d.selected, multiSelectOnMouseDown = _d.onMouseDown;
|
|
43
|
+
var _d = (0, MultiSelect_1.useMultiSelect)({ defaultSelected: defaultSelected, payload: payload }), ref = _d.ref, selected = _d.selected, multiSelectOnMouseDown = _d.onMouseDown;
|
|
44
44
|
var handleMouseDown = function (event) {
|
|
45
45
|
onMouseDown && onMouseDown(event);
|
|
46
46
|
multiSelectOnMouseDown(event);
|
package/dist/File/File.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"File.js","sourceRoot":"","sources":["../../src/File/File.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wEAAuC;AACvC,oDAAmD;AACnD,8BAA6B;AAC7B,0CAAyD;AACzD,8CAAgD;AAShD,IAAM,SAAS,GAAG,2BAAM,
|
|
1
|
+
{"version":3,"file":"File.js","sourceRoot":"","sources":["../../src/File/File.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wEAAuC;AACvC,oDAAmD;AACnD,8BAA6B;AAC7B,0CAAyD;AACzD,8CAAgD;AAShD,IAAM,SAAS,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,gIAAA,6DAMlC,IAAA,CAAC;AAEF,IAAM,KAAK,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,uGAAA,oCAExB,IAAA,CAAC;AAEK,IAAM,IAAI,GAAwB,UAAC,EAQzC;IAPC,IAAA,IAAI,UAAA,EACJ,IAAI,UAAA,EACJ,gBAAiC,EAAvB,eAAe,mBAAG,KAAK,KAAA,EACjC,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,QAAQ,cAAA,EACR,WAAW,iBAAA,EACR,IAAI,cAPiC,kEAQzC,CADQ;IAED,IAAA,KAIF,IAAA,4BAAc,EAAC,EAAE,eAAe,iBAAA,EAAE,OAAO,SAAA,EAAE,CAAC,EAH9C,GAAG,SAAA,EACH,QAAQ,cAAA,EACK,sBAAsB,iBACW,CAAC;IAEjD,IAAM,eAAe,GAAG,UACtB,KAAsD;QAEtD,WAAW,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;QAClC,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,aACR,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,eAAe,EAC5B,OAAO,EAAC,cAAc,IAClB,IAAI;QAER,8BAAC,SAAG,IAAC,CAAC,EAAE,CAAC;YACP,8BAAC,+BAAc,IAAC,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAC,MAAM;gBAC9D,8BAAC,SAAG,IACF,CAAC,EAAE,CAAC,EACJ,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,EACrC,YAAY,EAAE,CAAC,EACf,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,IAEZ,QAAQ,CACL,CACS;YAEjB,8BAAC,SAAG,IAAC,QAAQ,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAC,MAAM,EAAC,UAAU,EAAE,CAAC,EAAE,SAAS,EAAC,QAAQ;gBACpE,8BAAC,KAAK,IACJ,EAAE,EAAC,MAAM,EACT,QAAQ,EAAE,CAAC,EACX,YAAY,EAAE,CAAC,EACf,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,IAEpC,IAAI,CACC;gBAEP,IAAI,IAAI,CACP,8BAAC,SAAG,IAAC,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,WAAW,IACvC,IAAI,CACD,CACP,CACG,CACF,CACI,CACb,CAAC;AACJ,CAAC,CAAC;AApEW,QAAA,IAAI,QAoEf;AAEF,YAAI,CAAC,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,KAAK;CAChB,CAAC"}
|
package/dist/Flyout/Flyout.js
CHANGED
|
@@ -73,10 +73,10 @@ var Mode;
|
|
|
73
73
|
})(Mode || (Mode = {}));
|
|
74
74
|
exports.Flyout = react_1.default.forwardRef(function (_a, forwardedRef) {
|
|
75
75
|
var label = _a.label, children = _a.children, _b = _a.open, defaultOpen = _b === void 0 ? false : _b, rest = __rest(_a, ["label", "children", "open"]);
|
|
76
|
-
var _c = __read(react_1.useState(defaultOpen ? Mode.Active : Mode.Resting), 2), mode = _c[0], setMode = _c[1];
|
|
77
|
-
var keepAlive = react_1.useRef(false);
|
|
78
|
-
var mouseEnter = react_1.useRef(null);
|
|
79
|
-
var mouseLeave = react_1.useRef(null);
|
|
76
|
+
var _c = __read((0, react_1.useState)(defaultOpen ? Mode.Active : Mode.Resting), 2), mode = _c[0], setMode = _c[1];
|
|
77
|
+
var keepAlive = (0, react_1.useRef)(false);
|
|
78
|
+
var mouseEnter = (0, react_1.useRef)(null);
|
|
79
|
+
var mouseLeave = (0, react_1.useRef)(null);
|
|
80
80
|
var handleMouseEnter = function () {
|
|
81
81
|
mouseLeave.current && clearTimeout(mouseLeave.current);
|
|
82
82
|
mouseEnter.current = setTimeout(function () {
|
|
@@ -109,7 +109,7 @@ exports.Flyout = react_1.default.forwardRef(function (_a, forwardedRef) {
|
|
|
109
109
|
var handleClose = function () {
|
|
110
110
|
setMode(Mode.Resting);
|
|
111
111
|
};
|
|
112
|
-
var _d = Popper_1.usePopper({
|
|
112
|
+
var _d = (0, Popper_1.usePopper)({
|
|
113
113
|
open: mode === Mode.Active,
|
|
114
114
|
onClose: handleClose,
|
|
115
115
|
placement: "right-end",
|
|
@@ -123,7 +123,7 @@ exports.Flyout = react_1.default.forwardRef(function (_a, forwardedRef) {
|
|
|
123
123
|
},
|
|
124
124
|
],
|
|
125
125
|
}), anchorRef = _d.anchorRef, childrenRef = _d.childrenRef, open = _d.open;
|
|
126
|
-
var handleKeydown = react_1.useCallback(function (_a) {
|
|
126
|
+
var handleKeydown = (0, react_1.useCallback)(function (_a) {
|
|
127
127
|
var key = _a.key;
|
|
128
128
|
switch (key) {
|
|
129
129
|
case "Escape":
|
|
@@ -133,7 +133,7 @@ exports.Flyout = react_1.default.forwardRef(function (_a, forwardedRef) {
|
|
|
133
133
|
break;
|
|
134
134
|
}
|
|
135
135
|
}, []);
|
|
136
|
-
var handleElementKeydown = react_1.useCallback(function (_a) {
|
|
136
|
+
var handleElementKeydown = (0, react_1.useCallback)(function (_a) {
|
|
137
137
|
var _b;
|
|
138
138
|
var key = _a.key;
|
|
139
139
|
switch (key) {
|
|
@@ -144,7 +144,7 @@ exports.Flyout = react_1.default.forwardRef(function (_a, forwardedRef) {
|
|
|
144
144
|
break;
|
|
145
145
|
}
|
|
146
146
|
}, [anchorRef]);
|
|
147
|
-
react_1.useEffect(function () {
|
|
147
|
+
(0, react_1.useEffect)(function () {
|
|
148
148
|
window.addEventListener("keydown", handleKeydown);
|
|
149
149
|
var element = anchorRef.current;
|
|
150
150
|
element === null || element === void 0 ? void 0 : element.addEventListener("keydown", handleElementKeydown);
|
|
@@ -154,7 +154,7 @@ exports.Flyout = react_1.default.forwardRef(function (_a, forwardedRef) {
|
|
|
154
154
|
};
|
|
155
155
|
}, [handleKeydown, handleElementKeydown, anchorRef]);
|
|
156
156
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
157
|
-
react_1.default.createElement(Pane_1.PaneOption, __assign({ ref: compose_react_refs_1.default(forwardedRef, anchorRef), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, rest),
|
|
157
|
+
react_1.default.createElement(Pane_1.PaneOption, __assign({ ref: (0, compose_react_refs_1.default)(forwardedRef, anchorRef), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleClick, display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" }, rest),
|
|
158
158
|
label,
|
|
159
159
|
react_1.default.createElement(Caret_1.Caret, { ml: 3, direction: "right" })),
|
|
160
160
|
open && (react_1.default.createElement(Pane_1.Pane, { ref: childrenRef, zIndex: 1, onMouseEnter: handlePaneMouseEnter, onMouseLeave: handlePaneMouseLeave, onEnter: handleClose }, children))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flyout.js","sourceRoot":"","sources":["../../src/Flyout/Flyout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwE;AACxE,oCAAsC;AACtC,kCAAiC;AACjC,gCAA4D;AAC5D,kFAAqD;AAErD,IAAK,IAGJ;AAHD,WAAK,IAAI;IACP,qCAAO,CAAA;IACP,mCAAM,CAAA;AACR,CAAC,EAHI,IAAI,KAAJ,IAAI,QAGR;AAYY,QAAA,MAAM,GAEf,eAAK,CAAC,UAAU,CAClB,UAAC,EAAuD,EAAE,YAAY;IAAnE,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,YAAyB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EAAK,IAAI,cAArD,6BAAuD,CAAF;IAC9C,IAAA,KAAA,OAAkB,gBAAQ,
|
|
1
|
+
{"version":3,"file":"Flyout.js","sourceRoot":"","sources":["../../src/Flyout/Flyout.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,6 @@ exports.GlobalStyles = void 0;
|
|
|
11
11
|
var styled_components_1 = require("styled-components");
|
|
12
12
|
var theme_get_1 = require("@styled-system/theme-get");
|
|
13
13
|
var styled_reset_1 = __importDefault(require("styled-reset"));
|
|
14
|
-
exports.GlobalStyles = styled_components_1.createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n\n html {\n box-sizing: border-box;\n font-size: ", ";\n }\n\n *,\n *:after,\n *:before {\n box-sizing: inherit;\n }\n\n body {\n color: ", ";\n background-color: ", ";\n -webkit-text-size-adjust: 100%;\n }\n\n body,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n ol,\n ul {\n margin: 0;\n padding: 0;\n font-weight: normal;\n }\n\n button {\n margin: 0;\n }\n\n ol,\n ul {\n list-style: none;\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n body,\n input {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n a {\n text-decoration: none;\n }\n"], ["\n ", "\n\n html {\n box-sizing: border-box;\n font-size: ", ";\n }\n\n *,\n *:after,\n *:before {\n box-sizing: inherit;\n }\n\n body {\n color: ", ";\n background-color: ", ";\n -webkit-text-size-adjust: 100%;\n }\n\n body,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n ol,\n ul {\n margin: 0;\n padding: 0;\n font-weight: normal;\n }\n\n button {\n margin: 0;\n }\n\n ol,\n ul {\n list-style: none;\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n body,\n input {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n a {\n text-decoration: none;\n }\n"])), styled_reset_1.default, theme_get_1.themeGet("rootFontSize"), theme_get_1.themeGet("colors.primary"), theme_get_1.themeGet("colors.background"));
|
|
14
|
+
exports.GlobalStyles = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n\n html {\n box-sizing: border-box;\n font-size: ", ";\n }\n\n *,\n *:after,\n *:before {\n box-sizing: inherit;\n }\n\n body {\n color: ", ";\n background-color: ", ";\n -webkit-text-size-adjust: 100%;\n }\n\n body,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n ol,\n ul {\n margin: 0;\n padding: 0;\n font-weight: normal;\n }\n\n button {\n margin: 0;\n }\n\n ol,\n ul {\n list-style: none;\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n body,\n input {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n a {\n text-decoration: none;\n }\n"], ["\n ", "\n\n html {\n box-sizing: border-box;\n font-size: ", ";\n }\n\n *,\n *:after,\n *:before {\n box-sizing: inherit;\n }\n\n body {\n color: ", ";\n background-color: ", ";\n -webkit-text-size-adjust: 100%;\n }\n\n body,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p,\n ol,\n ul {\n margin: 0;\n padding: 0;\n font-weight: normal;\n }\n\n button {\n margin: 0;\n }\n\n ol,\n ul {\n list-style: none;\n }\n\n img {\n max-width: 100%;\n height: auto;\n }\n\n body,\n input {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n a {\n text-decoration: none;\n }\n"])), styled_reset_1.default, (0, theme_get_1.themeGet)("rootFontSize"), (0, theme_get_1.themeGet)("colors.primary"), (0, theme_get_1.themeGet)("colors.background"));
|
|
15
15
|
var templateObject_1;
|
|
16
16
|
//# sourceMappingURL=GlobalStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalStyles.js","sourceRoot":"","sources":["../../src/GlobalStyles/GlobalStyles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,uDAAsD;AACtD,sDAAoD;AACpD,8DAAiC;AAEpB,QAAA,YAAY,
|
|
1
|
+
{"version":3,"file":"GlobalStyles.js","sourceRoot":"","sources":["../../src/GlobalStyles/GlobalStyles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,uDAAsD;AACtD,sDAAoD;AACpD,8DAAiC;AAEpB,QAAA,YAAY,OAAG,qCAAiB,quBAAA,MACzC,EAAK,4DAIQ,EAAwB,kGAU5B,EAA0B,2BACf,EAA6B,0dA0CpD,KAzDG,sBAAK,EAIQ,IAAA,oBAAQ,EAAC,cAAc,CAAC,EAU5B,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EACf,IAAA,oBAAQ,EAAC,mBAAmB,CAAC,EA0CnD"}
|
package/dist/Grid/Grid.js
CHANGED
|
@@ -54,10 +54,9 @@ var styled_components_1 = __importStar(require("styled-components"));
|
|
|
54
54
|
var styled_system_1 = require("styled-system");
|
|
55
55
|
var theme_get_1 = require("@styled-system/theme-get");
|
|
56
56
|
var Box_1 = require("../Box");
|
|
57
|
-
var Container = styled_components_1.default(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: grid;\n\n ", "\n\n ", "\n"], ["\n display: grid;\n\n ",
|
|
58
|
-
"\n\n ", "\n"])), function (_a) {
|
|
57
|
+
var Container = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: grid;\n\n ", "\n\n ", "\n"], ["\n display: grid;\n\n ", "\n\n ", "\n"])), function (_a) {
|
|
59
58
|
var cellSize = _a.cellSize, cellGap = _a.cellGap, rest = __rest(_a, ["cellSize", "cellGap"]);
|
|
60
|
-
return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n grid-template-columns: repeat(\n auto-fit,\n minmax(", ", 1fr)\n );\n grid-column-gap: ", ";\n grid-row-gap: ", ";\n "], ["\n grid-template-columns: repeat(\n auto-fit,\n minmax(", ", 1fr)\n );\n grid-column-gap: ", ";\n grid-row-gap: ", ";\n "])), theme_get_1.themeGet("space."
|
|
59
|
+
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n grid-template-columns: repeat(\n auto-fit,\n minmax(", ", 1fr)\n );\n grid-column-gap: ", ";\n grid-row-gap: ", ";\n "], ["\n grid-template-columns: repeat(\n auto-fit,\n minmax(", ", 1fr)\n );\n grid-column-gap: ", ";\n grid-row-gap: ", ";\n "])), (0, theme_get_1.themeGet)("space.".concat(cellSize), cellSize)(rest), (0, theme_get_1.themeGet)("space.".concat(cellGap), cellGap)(rest), (0, theme_get_1.themeGet)("space.".concat(cellGap), cellGap)(rest));
|
|
61
60
|
}, styled_system_1.grid);
|
|
62
61
|
exports.GridCell = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n justify-content: center;\n"], ["\n display: flex;\n align-items: flex-start;\n justify-content: center;\n"])));
|
|
63
62
|
var Grid = function (_a) {
|
package/dist/Grid/Grid.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qEAAgD;AAChD,+CAAmE;AACnE,sDAAoD;AACpD,8BAAuC;AAQvC,IAAM,SAAS,GAAG,2BAAM,
|
|
1
|
+
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,qEAAgD;AAChD,+CAAmE;AACnE,sDAAoD;AACpD,8BAAuC;AAQvC,IAAM,SAAS,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,6GAAW,0BAGpC,EAOD,QAEC,EAAI,IACP,KAVG,UAAC,EAA8B;IAA5B,IAAA,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAK,IAAI,cAA5B,uBAA8B,CAAF;IAAO,WAAA,uBAAG,qNAAA,sEAG5B,EAA6C,uCAErC,EAA2C,uBAC9C,EAA2C,OAC5D,KAJY,IAAA,oBAAQ,EAAC,gBAAS,QAAQ,CAAE,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,EAErC,IAAA,oBAAQ,EAAC,gBAAS,OAAO,CAAE,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,EAC9C,IAAA,oBAAQ,EAAC,gBAAS,OAAO,CAAE,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,EAC5D;CAAA,EAEC,oBAAI,CACP,CAAC;AAEW,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,iJAAA,8EAIjC,KAAC;AAEK,IAAM,IAAI,GAAwB,UAAC,EAKzC;IAJC,IAAA,QAAQ,cAAA,EACR,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACR,IAAI,cAJiC,mCAKzC,CADQ;IAEP,OAAO,CACL,8BAAC,SAAS,aAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,IAAM,IAAI,GACtD,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAE,CAAC,IAAK,OAAA,CAC1C,8BAAC,gBAAQ,IAAC,GAAG,EAAE,CAAC,IAAG,KAAK,CAAY,CACrC,EAF2C,CAE3C,CAAC,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,IAAI,QAaf;AAEF,YAAI,CAAC,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;CACf,CAAC;AAEF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
|
package/dist/HTML/HTML.d.ts
CHANGED
|
@@ -5,5 +5,7 @@ export declare type HTMLProps = BoxProps & ({
|
|
|
5
5
|
} | {
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
});
|
|
8
|
-
export declare const Styles: import("styled-components").StyledComponent<"div", any,
|
|
8
|
+
export declare const Styles: 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 & {
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
}, never>;
|
|
9
11
|
export declare const HTML: React.FC<HTMLProps>;
|
package/dist/HTML/HTML.js
CHANGED
|
@@ -34,7 +34,7 @@ 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
|
-
exports.Styles = styled_components_1.default(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n h1,\n h2,\n h3,\n h4,\n h5,\n ul,\n ol,\n p,\n blockquote,\n pre,\n hr {\n margin: ", " auto;\n\n &:first-child {\n margin-top: 0;\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n hr {\n height: 1px;\n border: 0;\n background-color: ", ";\n }\n"], ["\n h1,\n h2,\n h3,\n h4,\n h5,\n ul,\n ol,\n p,\n blockquote,\n pre,\n hr {\n margin: ", " auto;\n\n &:first-child {\n margin-top: 0;\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n hr {\n height: 1px;\n border: 0;\n background-color: ", ";\n }\n"])), theme_get_1.themeGet("space.5"), theme_get_1.themeGet("colors.primary"));
|
|
37
|
+
exports.Styles = (0, styled_components_1.default)(Box_1.Box)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n h1,\n h2,\n h3,\n h4,\n h5,\n ul,\n ol,\n p,\n blockquote,\n pre,\n hr {\n margin: ", " auto;\n\n &:first-child {\n margin-top: 0;\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n hr {\n height: 1px;\n border: 0;\n background-color: ", ";\n }\n"], ["\n h1,\n h2,\n h3,\n h4,\n h5,\n ul,\n ol,\n p,\n blockquote,\n pre,\n hr {\n margin: ", " auto;\n\n &:first-child {\n margin-top: 0;\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n hr {\n height: 1px;\n border: 0;\n background-color: ", ";\n }\n"])), (0, theme_get_1.themeGet)("space.5"), (0, theme_get_1.themeGet)("colors.primary"));
|
|
38
38
|
var HTML = function (props) {
|
|
39
39
|
if ("html" in props) {
|
|
40
40
|
var html = props.html, rest_1 = __rest(props, ["html"]);
|
package/dist/HTML/HTML.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HTML.js","sourceRoot":"","sources":["../../src/HTML/HTML.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wEAAuC;AACvC,sDAAoD;AACpD,8BAAuC;AAK1B,QAAA,MAAM,GAAG,2BAAM,
|
|
1
|
+
{"version":3,"file":"HTML.js","sourceRoot":"","sources":["../../src/HTML/HTML.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wEAAuC;AACvC,sDAAoD;AACpD,8BAAuC;AAK1B,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,gXAAA,sGAYnB,EAAmB,yLAaT,EAA0B,UAEjD,KAfa,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAaT,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EAEhD;AAEK,IAAM,IAAI,GAAwB,UAAC,KAAK;IAC7C,IAAI,MAAM,IAAI,KAAK,EAAE;QACX,IAAA,IAAI,GAAc,KAAK,KAAnB,EAAK,MAAI,UAAK,KAAK,EAAzB,QAAiB,CAAF,CAAW;QAChC,OAAO,8BAAC,cAAM,aAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,IAAM,MAAI,EAAI,CAAC;KACxE;IAEO,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,UAAK,KAAK,EAA7B,YAAqB,CAAF,CAAW;IACpC,OAAO,8BAAC,cAAM,eAAK,IAAI,GAAG,QAAQ,CAAU,CAAC;AAC/C,CAAC,CAAC;AARW,QAAA,IAAI,QAQf;AAEF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
|
package/dist/Image/Image.js
CHANGED
|
@@ -75,10 +75,9 @@ var Mode;
|
|
|
75
75
|
Mode[Mode["Error"] = 1] = "Error";
|
|
76
76
|
Mode[Mode["Loaded"] = 2] = "Loaded";
|
|
77
77
|
})(Mode || (Mode = {}));
|
|
78
|
-
exports.imgMixin = styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n max-width: 100%;\n max-height: 100%;\n opacity: 0;\n transition: opacity 250ms;\n"], ["\n display: block;\n max-width: 100%;\n max-height: 100%;\n opacity: 0;\n transition: opacity 250ms;\n"])));
|
|
79
|
-
var Placeholder = styled_components_1.default(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n opacity: 1;\n"], ["\n ", "\n opacity: 1;\n"])), exports.imgMixin);
|
|
80
|
-
exports.Img = styled_components_1.default.img(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n ", "\n\n ", ";\n"], ["\n ", "\n ", "\n\n ",
|
|
81
|
-
";\n"])), exports.imgMixin, Box_1.boxMixin, function (_a) {
|
|
78
|
+
exports.imgMixin = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n max-width: 100%;\n max-height: 100%;\n opacity: 0;\n transition: opacity 250ms;\n"], ["\n display: block;\n max-width: 100%;\n max-height: 100%;\n opacity: 0;\n transition: opacity 250ms;\n"])));
|
|
79
|
+
var Placeholder = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n opacity: 1;\n"], ["\n ", "\n opacity: 1;\n"])), exports.imgMixin);
|
|
80
|
+
exports.Img = styled_components_1.default.img(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n ", "\n\n ", ";\n"], ["\n ", "\n ", "\n\n ", ";\n"])), exports.imgMixin, Box_1.boxMixin, function (_a) {
|
|
82
81
|
var mode = _a.mode;
|
|
83
82
|
switch (mode) {
|
|
84
83
|
case Mode.Pending:
|
|
@@ -91,19 +90,19 @@ exports.Img = styled_components_1.default.img(templateObject_3 || (templateObjec
|
|
|
91
90
|
});
|
|
92
91
|
exports.Image = react_1.default.forwardRef(function (_a, forwardedRef) {
|
|
93
92
|
var srcs = _a.srcs, alt = _a.alt, onError = _a.onError, onLoad = _a.onLoad, onComplete = _a.onComplete, rest = __rest(_a, ["srcs", "alt", "onError", "onLoad", "onComplete"]);
|
|
94
|
-
var _b = __read(react_1.useState(Mode.Pending), 2), mode = _b[0], setMode = _b[1];
|
|
93
|
+
var _b = __read((0, react_1.useState)(Mode.Pending), 2), mode = _b[0], setMode = _b[1];
|
|
95
94
|
var ref = react_1.default.useRef(null);
|
|
96
|
-
var handleError = react_1.useCallback(function () {
|
|
95
|
+
var handleError = (0, react_1.useCallback)(function () {
|
|
97
96
|
setMode(Mode.Error);
|
|
98
97
|
onError && onError();
|
|
99
98
|
onComplete && onComplete();
|
|
100
99
|
}, [onComplete, onError]);
|
|
101
|
-
var handleLoad = react_1.useCallback(function () {
|
|
100
|
+
var handleLoad = (0, react_1.useCallback)(function () {
|
|
102
101
|
setMode(Mode.Loaded);
|
|
103
102
|
onLoad && onLoad();
|
|
104
103
|
onComplete && onComplete();
|
|
105
104
|
}, [onComplete, onLoad]);
|
|
106
|
-
react_1.useEffect(function () {
|
|
105
|
+
(0, react_1.useEffect)(function () {
|
|
107
106
|
var _a;
|
|
108
107
|
if ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.complete) {
|
|
109
108
|
handleLoad();
|
|
@@ -113,9 +112,9 @@ exports.Image = react_1.default.forwardRef(function (_a, forwardedRef) {
|
|
|
113
112
|
return react_1.default.createElement(Placeholder, __assign({}, rest));
|
|
114
113
|
}
|
|
115
114
|
var _c = __read(srcs, 2), src1x = _c[0], src2x = _c[1];
|
|
116
|
-
return (react_1.default.createElement(exports.Img, __assign({ ref: compose_react_refs_1.default(ref, forwardedRef), mode: mode, src: src1x }, (src2x
|
|
115
|
+
return (react_1.default.createElement(exports.Img, __assign({ ref: (0, compose_react_refs_1.default)(ref, forwardedRef), mode: mode, src: src1x }, (src2x
|
|
117
116
|
? {
|
|
118
|
-
srcSet: src1x
|
|
117
|
+
srcSet: "".concat(src1x, " 1x, ").concat(src2x, " 2x"),
|
|
119
118
|
}
|
|
120
119
|
: {}), { onError: handleError, onLoad: handleLoad, alt: alt !== null && alt !== void 0 ? alt : "a meaningful description" }, rest)));
|
|
121
120
|
});
|
package/dist/Image/Image.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../src/Image/Image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAgE;AAChE,qEAAgD;AAChD,kFAAqD;AACrD,8BAAiD;AAEjD,IAAK,IAIJ;AAJD,WAAK,IAAI;IACP,qCAAO,CAAA;IACP,iCAAK,CAAA;IACL,mCAAM,CAAA;AACR,CAAC,EAJI,IAAI,KAAJ,IAAI,QAIR;AAEY,QAAA,QAAQ,
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../src/Image/Image.tsx"],"names":[],"mappings":"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"}
|
package/dist/Input/Input.d.ts
CHANGED
|
@@ -7,4 +7,7 @@ export declare type InputProps = React.InputHTMLAttributes<HTMLInputElement> & B
|
|
|
7
7
|
export declare const inputFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
8
8
|
export declare const inputHoverMixin: import("styled-components").FlattenSimpleInterpolation;
|
|
9
9
|
export declare const inputMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<InputProps, any>>;
|
|
10
|
-
export declare const Input: import("styled-components").StyledComponent<"input", any,
|
|
10
|
+
export declare const Input: import("styled-components").StyledComponent<"input", any, import("react").InputHTMLAttributes<HTMLInputElement> & BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
|
|
11
|
+
focus?: boolean | undefined;
|
|
12
|
+
hover?: boolean | undefined;
|
|
13
|
+
}, never>;
|
package/dist/Input/Input.js
CHANGED
|
@@ -38,10 +38,10 @@ exports.Input = exports.inputMixin = exports.inputHoverMixin = exports.inputFocu
|
|
|
38
38
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
39
39
|
var styled_system_1 = require("styled-system");
|
|
40
40
|
var Cell_1 = require("../Cell");
|
|
41
|
-
var systemProps = styled_system_1.compose(styled_system_1.border, styled_system_1.flexbox, styled_system_1.space, styled_system_1.typography, styled_system_1.layout, styled_system_1.color);
|
|
42
|
-
exports.inputFocusMixin = styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n\n ::placeholder {\n text-decoration: underline;\n }\n"], ["\n ", ";\n\n ::placeholder {\n text-decoration: underline;\n }\n"])), Cell_1.cellFocusMixin);
|
|
43
|
-
exports.inputHoverMixin = styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ::placeholder {\n text-decoration: underline;\n }\n"], ["\n ::placeholder {\n text-decoration: underline;\n }\n"])));
|
|
44
|
-
exports.inputMixin = styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n appearance: none;\n border-radius: 0;\n margin: 0;\n transition: box-shadow 250ms ease;\n ", "\n\n background-color: transparent;\n\n ", "\n &:focus {\n ", "\n }\n\n ", "\n &:hover {\n ", "\n }\n\n &:autofill {\n font-size: 1rem;\n }\n"], ["\n appearance: none;\n border-radius: 0;\n margin: 0;\n transition: box-shadow 250ms ease;\n ", "\n\n background-color: transparent;\n\n ", "\n &:focus {\n ", "\n }\n\n ", "\n &:hover {\n ", "\n }\n\n &:autofill {\n font-size: 1rem;\n }\n"])), systemProps, function (_a) {
|
|
41
|
+
var systemProps = (0, styled_system_1.compose)(styled_system_1.border, styled_system_1.flexbox, styled_system_1.space, styled_system_1.typography, styled_system_1.layout, styled_system_1.color);
|
|
42
|
+
exports.inputFocusMixin = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n\n ::placeholder {\n text-decoration: underline;\n }\n"], ["\n ", ";\n\n ::placeholder {\n text-decoration: underline;\n }\n"])), Cell_1.cellFocusMixin);
|
|
43
|
+
exports.inputHoverMixin = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ::placeholder {\n text-decoration: underline;\n }\n"], ["\n ::placeholder {\n text-decoration: underline;\n }\n"])));
|
|
44
|
+
exports.inputMixin = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n appearance: none;\n border-radius: 0;\n margin: 0;\n transition: box-shadow 250ms ease;\n ", "\n\n background-color: transparent;\n\n ", "\n &:focus {\n ", "\n }\n\n ", "\n &:hover {\n ", "\n }\n\n &:autofill {\n font-size: 1rem;\n }\n"], ["\n appearance: none;\n border-radius: 0;\n margin: 0;\n transition: box-shadow 250ms ease;\n ", "\n\n background-color: transparent;\n\n ", "\n &:focus {\n ", "\n }\n\n ", "\n &:hover {\n ", "\n }\n\n &:autofill {\n font-size: 1rem;\n }\n"])), systemProps, function (_a) {
|
|
45
45
|
var focus = _a.focus;
|
|
46
46
|
return focus && exports.inputFocusMixin;
|
|
47
47
|
}, exports.inputFocusMixin, function (_a) {
|
package/dist/Input/Input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,+CAcuB;AACvB,gCAA+C;AAa/C,IAAM,WAAW,GAAG,uBAAO,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,+CAcuB;AACvB,gCAA+C;AAa/C,IAAM,WAAW,GAAG,IAAA,uBAAO,EAAC,sBAAM,EAAE,uBAAO,EAAE,qBAAK,EAAE,0BAAU,EAAE,sBAAM,EAAE,qBAAK,CAAC,CAAC;AAElE,QAAA,eAAe,OAAG,uBAAG,4IAAA,MAC9B,EAAc,gEAKjB,KALG,qBAAc,EAKhB;AAEW,QAAA,eAAe,OAAG,uBAAG,iIAAA,6DAIjC,KAAC;AAEW,QAAA,UAAU,OAAG,uBAAG,2UAAY,oGAKrC,EAAW,4CAIX,EAAuC,qBAErC,EAAe,aAGjB,EAAuC,qBAErC,EAAe,sDAMpB,KAjBG,WAAW,EAIX,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,uBAAe;AAAxB,CAAwB,EAErC,uBAAe,EAGjB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,uBAAe;AAAxB,CAAwB,EAErC,uBAAe,EAMnB;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,KAAK,+EAAY,MACzC,EAAU,IACb,KADG,kBAAU,EACZ;AAEF,aAAK,CAAC,YAAY,gBACb,WAAI,CACR,CAAC"}
|
|
@@ -56,9 +56,14 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
56
56
|
}
|
|
57
57
|
return ar;
|
|
58
58
|
};
|
|
59
|
-
var
|
|
60
|
-
for (var
|
|
61
|
-
|
|
59
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
60
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
61
|
+
if (ar || !(i in from)) {
|
|
62
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
63
|
+
ar[i] = from[i];
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
62
67
|
};
|
|
63
68
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
64
69
|
exports.KeyValueEditor = exports.toSchema = void 0;
|
|
@@ -88,13 +93,13 @@ var reducer = function (state, action) {
|
|
|
88
93
|
})) {
|
|
89
94
|
return state;
|
|
90
95
|
}
|
|
91
|
-
return __assign(__assign({}, state), { edited: true, schema:
|
|
96
|
+
return __assign(__assign({}, state), { edited: true, schema: __spreadArray(__spreadArray([], __read(state.schema), false), [
|
|
92
97
|
{
|
|
93
98
|
key: action.payload.name,
|
|
94
99
|
name: action.payload.name,
|
|
95
100
|
type: "string",
|
|
96
101
|
},
|
|
97
|
-
]), nextKey: ""
|
|
102
|
+
], false), nextKey: "".concat(new Date().getTime()) });
|
|
98
103
|
}
|
|
99
104
|
case "REMOVE_FIELD": {
|
|
100
105
|
var _c = state.data, _d = action.payload.name, removed = _c[_d], nextData = __rest(_c, [typeof _d === "symbol" ? _d : _d + ""]);
|
|
@@ -130,33 +135,33 @@ var reducer = function (state, action) {
|
|
|
130
135
|
};
|
|
131
136
|
exports.KeyValueEditor = react_1.default.memo(function (_a) {
|
|
132
137
|
var initialSchema = _a.schema, initialData = _a.data, _b = _a.onChange, onChange = _b === void 0 ? function () { } : _b, rest = __rest(_a, ["schema", "data", "onChange"]);
|
|
133
|
-
var _c = __read(react_1.useReducer(reducer, {
|
|
138
|
+
var _c = __read((0, react_1.useReducer)(reducer, {
|
|
134
139
|
edited: false,
|
|
135
140
|
schema: initialSchema,
|
|
136
141
|
data: initialData,
|
|
137
|
-
nextKey: ""
|
|
142
|
+
nextKey: "".concat(new Date().getTime()),
|
|
138
143
|
}), 2), state = _c[0], dispatch = _c[1];
|
|
139
|
-
var handleNameChange = react_1.useCallback(function (_a) {
|
|
144
|
+
var handleNameChange = (0, react_1.useCallback)(function (_a) {
|
|
140
145
|
var oldName = _a.name, index = _a.index;
|
|
141
146
|
return function (_a) {
|
|
142
147
|
var newName = _a.target.value;
|
|
143
148
|
dispatch({ type: "UPDATE_NAME", payload: { oldName: oldName, newName: newName, index: index } });
|
|
144
149
|
};
|
|
145
150
|
}, []);
|
|
146
|
-
var handleValueChange = react_1.useCallback(function (key) { return function (_a) {
|
|
151
|
+
var handleValueChange = (0, react_1.useCallback)(function (key) { return function (_a) {
|
|
147
152
|
var value = _a.target.value;
|
|
148
153
|
dispatch({ type: "UPDATE_VALUE", payload: { key: key, value: value } });
|
|
149
154
|
}; }, []);
|
|
150
|
-
var handleAddField = react_1.useCallback(function (_a) {
|
|
155
|
+
var handleAddField = (0, react_1.useCallback)(function (_a) {
|
|
151
156
|
var name = _a.target.value;
|
|
152
157
|
if (name === "")
|
|
153
158
|
return;
|
|
154
159
|
dispatch({ type: "ADD_FIELD", payload: { name: name } });
|
|
155
160
|
}, []);
|
|
156
|
-
var handleRemove = react_1.useCallback(function (name) { return function () {
|
|
161
|
+
var handleRemove = (0, react_1.useCallback)(function (name) { return function () {
|
|
157
162
|
return dispatch({ type: "REMOVE_FIELD", payload: { name: name } });
|
|
158
163
|
}; }, []);
|
|
159
|
-
react_1.useEffect(function () {
|
|
164
|
+
(0, react_1.useEffect)(function () {
|
|
160
165
|
if (!state.edited)
|
|
161
166
|
return;
|
|
162
167
|
onChange(state.data);
|
|
@@ -176,7 +181,7 @@ exports.KeyValueEditor = react_1.default.memo(function (_a) {
|
|
|
176
181
|
autoFocus: state.schema.length > initialSchema.length &&
|
|
177
182
|
index === state.schema.length - 1,
|
|
178
183
|
} }),
|
|
179
|
-
react_1.default.createElement(Tooltip_1.Tooltip, { label: "remove "
|
|
184
|
+
react_1.default.createElement(Tooltip_1.Tooltip, { label: "remove ".concat(field.name), placement: "left", distance: 0 },
|
|
180
185
|
react_1.default.createElement(Remove_1.Remove, { position: "absolute", top: 0, right: 0, bottom: 0, px: 6, onClick: handleRemove(field.name) })))); }),
|
|
181
186
|
react_1.default.createElement(KeyValueInput_1.KeyValueInput, { key: state.nextKey, k: {
|
|
182
187
|
onBlur: handleAddField,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KeyValueEditor.js","sourceRoot":"","sources":["../../src/KeyValueEditor/KeyValueEditor.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"KeyValueEditor.js","sourceRoot":"","sources":["../../src/KeyValueEditor/KeyValueEditor.tsx"],"names":[],"mappings":"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"}
|