@auspices/eos 2.23.0 → 2.25.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Button/Button.d.ts +3 -0
- package/dist/Clear/Clear.d.ts +3 -0
- package/dist/Clickable/Clickable.d.ts +8 -1
- package/dist/Clickable/Clickable.js +4 -1
- package/dist/Clickable/Clickable.js.map +1 -1
- package/dist/File/File.js +49 -6
- package/dist/File/File.js.map +1 -1
- package/dist/MultiSelect/MultiSelect.d.ts +1 -0
- package/dist/MultiSelect/MultiSelect.js +2 -1
- package/dist/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/MultiSelect/useMultiSelect.d.ts +6 -5
- package/dist/MultiSelect/useMultiSelect.js +7 -6
- package/dist/MultiSelect/useMultiSelect.js.map +1 -1
- package/dist/Pane/PaneOption.d.ts +3 -0
- package/dist/Remove/Remove.d.ts +3 -0
- package/dist/ResponsiveImage/ResponsiveImage.js +4 -2
- package/dist/ResponsiveImage/ResponsiveImage.js.map +1 -1
- package/dist/Themer/useThemer.js +7 -4
- package/dist/Themer/useThemer.js.map +1 -1
- package/package.json +1 -1
package/dist/Button/Button.d.ts
CHANGED
|
@@ -30,6 +30,9 @@ export declare const buttonHighlightedMixin: import("styled-components").Flatten
|
|
|
30
30
|
export declare const buttonMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ButtonProps, any>>;
|
|
31
31
|
export declare const Button: 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 & {
|
|
32
32
|
children?: import("react").ReactNode;
|
|
33
|
+
} & {
|
|
34
|
+
cursor?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
35
|
+
textDecoration?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
33
36
|
} & {
|
|
34
37
|
focus?: boolean | undefined;
|
|
35
38
|
hover?: boolean | undefined;
|
package/dist/Clear/Clear.d.ts
CHANGED
|
@@ -5,6 +5,9 @@ export declare const clearHoverMixin: import("styled-components").FlattenInterpo
|
|
|
5
5
|
export declare const clearFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
6
6
|
export declare const Clear: 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 & {
|
|
7
7
|
children?: import("react").ReactNode;
|
|
8
|
+
} & {
|
|
9
|
+
cursor?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
10
|
+
textDecoration?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
8
11
|
} & {
|
|
9
12
|
hover?: boolean | undefined;
|
|
10
13
|
focus?: boolean | undefined;
|
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { ResponsiveValue } from "styled-system";
|
|
2
3
|
import { BoxProps } from "../Box";
|
|
3
|
-
export declare type ClickableProps = React.ButtonHTMLAttributes<HTMLButtonElement> & BoxProps
|
|
4
|
+
export declare type ClickableProps = React.ButtonHTMLAttributes<HTMLButtonElement> & BoxProps & {
|
|
5
|
+
cursor?: ResponsiveValue<string>;
|
|
6
|
+
textDecoration?: ResponsiveValue<string>;
|
|
7
|
+
};
|
|
4
8
|
export declare const Clickable: 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("../Box").TextColorProps & import("../Box").TransitionProps & {
|
|
5
9
|
children?: import("react").ReactNode;
|
|
10
|
+
} & {
|
|
11
|
+
cursor?: ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
12
|
+
textDecoration?: ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
6
13
|
}, never>;
|
|
@@ -9,8 +9,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Clickable = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
var styled_system_1 = require("styled-system");
|
|
12
13
|
var Box_1 = require("../Box");
|
|
13
|
-
|
|
14
|
+
var cursor = (0, styled_system_1.system)({ cursor: true });
|
|
15
|
+
var textDecoration = (0, styled_system_1.system)({ textDecoration: true });
|
|
16
|
+
exports.Clickable = styled_components_1.default.button(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n appearance: none;\n padding: 0;\n border: 0;\n background-color: transparent;\n ", "\n"], ["\n appearance: none;\n padding: 0;\n border: 0;\n background-color: transparent;\n ", "\n"])), (0, styled_system_1.compose)(Box_1.boxMixin, cursor, textDecoration));
|
|
14
17
|
exports.Clickable.defaultProps = {
|
|
15
18
|
fontFamily: "body",
|
|
16
19
|
fontSize: 2,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Clickable.js","sourceRoot":"","sources":["../../src/Clickable/Clickable.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AACvC,8BAA4C;
|
|
1
|
+
{"version":3,"file":"Clickable.js","sourceRoot":"","sources":["../../src/Clickable/Clickable.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AACvC,+CAAiE;AACjE,8BAA4C;AAE5C,IAAM,MAAM,GAAG,IAAA,sBAAM,EAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;AACxC,IAAM,cAAc,GAAG,IAAA,sBAAM,EAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC;AAQ3C,QAAA,SAAS,GAAG,2BAAM,CAAC,MAAM,mKAAgB,0FAKlD,EAAyC,IAC5C,KADG,IAAA,uBAAO,EAAC,cAAQ,EAAE,MAAM,EAAE,cAAc,CAAC,EAC3C;AAEF,iBAAS,CAAC,YAAY,GAAG;IACvB,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,CAAC;IACb,KAAK,EAAE,SAAS;CACjB,CAAC"}
|
package/dist/File/File.js
CHANGED
|
@@ -14,6 +14,25 @@ var __assign = (this && this.__assign) || function () {
|
|
|
14
14
|
};
|
|
15
15
|
return __assign.apply(this, arguments);
|
|
16
16
|
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
17
36
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
37
|
var t = {};
|
|
19
38
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -25,32 +44,56 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
25
44
|
}
|
|
26
45
|
return t;
|
|
27
46
|
};
|
|
47
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
48
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
49
|
+
if (!m) return o;
|
|
50
|
+
var i = m.call(o), r, ar = [], e;
|
|
51
|
+
try {
|
|
52
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
53
|
+
}
|
|
54
|
+
catch (error) { e = { error: error }; }
|
|
55
|
+
finally {
|
|
56
|
+
try {
|
|
57
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
58
|
+
}
|
|
59
|
+
finally { if (e) throw e.error; }
|
|
60
|
+
}
|
|
61
|
+
return ar;
|
|
62
|
+
};
|
|
28
63
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
64
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
65
|
};
|
|
31
66
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
32
67
|
exports.File = void 0;
|
|
33
|
-
var react_1 =
|
|
68
|
+
var react_1 = __importStar(require("react"));
|
|
34
69
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
35
70
|
var AspectRatioBox_1 = require("../AspectRatioBox");
|
|
36
71
|
var Box_1 = require("../Box");
|
|
37
72
|
var Clickable_1 = require("../Clickable");
|
|
38
73
|
var MultiSelect_1 = require("../MultiSelect");
|
|
39
|
-
var Container = (0, styled_components_1.default)(Clickable_1.Clickable)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n
|
|
74
|
+
var Container = (0, styled_components_1.default)(Clickable_1.Clickable)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &:focus {\n outline: 0;\n }\n"], ["\n &:focus {\n outline: 0;\n }\n"])));
|
|
40
75
|
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
76
|
var File = function (_a) {
|
|
42
77
|
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 = (0,
|
|
78
|
+
var _d = __read((0, react_1.useState)("Default"), 2), mode = _d[0], setMode = _d[1];
|
|
79
|
+
var _e = (0, MultiSelect_1.useMultiSelect)({ defaultSelected: defaultSelected, payload: payload }), isWrapped = _e.isWrapped, multiSelectOnMouseDown = _e.onMouseDown, ref = _e.ref, selected = _e.selected;
|
|
44
80
|
var handleMouseDown = function (event) {
|
|
45
81
|
onMouseDown && onMouseDown(event);
|
|
46
82
|
multiSelectOnMouseDown(event);
|
|
47
83
|
};
|
|
48
|
-
|
|
84
|
+
var handleFocus = function () {
|
|
85
|
+
setMode("Focused");
|
|
86
|
+
};
|
|
87
|
+
var handleBlur = function () {
|
|
88
|
+
setMode("Default");
|
|
89
|
+
};
|
|
90
|
+
var highlighted = isWrapped ? selected : mode === "Focused";
|
|
91
|
+
return (react_1.default.createElement(Container, __assign({ ref: ref, onMouseDown: handleMouseDown, display: "inline-block", onFocus: handleFocus, onBlur: handleBlur }, rest),
|
|
49
92
|
react_1.default.createElement(Box_1.Box, { m: 1 },
|
|
50
93
|
react_1.default.createElement(AspectRatioBox_1.AspectRatioBox, { aspectWidth: 1, aspectHeight: 1, maxWidth: "100%" },
|
|
51
|
-
react_1.default.createElement(Box_1.Box, { p: 2, bg:
|
|
94
|
+
react_1.default.createElement(Box_1.Box, { p: 2, bg: highlighted ? "hint" : "transparent", borderRadius: 4, display: "flex", alignItems: "center", justifyContent: "center", textAlign: "left", overflow: "hidden", width: "100%", height: "100%" }, children)),
|
|
52
95
|
react_1.default.createElement(Box_1.Box, { maxWidth: "80%", mt: 1, mx: "auto", lineHeight: 0, textAlign: "center" },
|
|
53
|
-
react_1.default.createElement(Label, { as: "span", fontSize: 0, borderRadius: 4, px: 2, py: 1, bg:
|
|
96
|
+
react_1.default.createElement(Label, { as: "span", fontSize: 0, borderRadius: 4, px: 2, py: 1, bg: highlighted ? "hint" : "transparent" }, name),
|
|
54
97
|
meta && (react_1.default.createElement(Box_1.Box, { mt: 2, fontSize: 0, color: "secondary" }, meta))))));
|
|
55
98
|
};
|
|
56
99
|
exports.File = File;
|
package/dist/File/File.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"File.js","sourceRoot":"","sources":["../../src/File/File.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"File.js","sourceRoot":"","sources":["../../src/File/File.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,7 @@ export declare const MultiSelectContext: React.Context<{
|
|
|
8
8
|
selection: MultiSelectItem[];
|
|
9
9
|
select(id: string, payload?: MultiSelectPayload | undefined): void;
|
|
10
10
|
deselect(id: string, payload?: MultiSelectPayload | undefined): void;
|
|
11
|
+
isWrapped: boolean;
|
|
11
12
|
}>;
|
|
12
13
|
export declare type MultiSelectProps = {
|
|
13
14
|
onChange?(selection: MultiSelectItem[], payload?: MultiSelectPayload): void;
|
|
@@ -50,6 +50,7 @@ var INITIAL_VALUE = {
|
|
|
50
50
|
selection: [],
|
|
51
51
|
select: function () { },
|
|
52
52
|
deselect: function () { },
|
|
53
|
+
isWrapped: false,
|
|
53
54
|
};
|
|
54
55
|
exports.MultiSelectContext = (0, react_1.createContext)(INITIAL_VALUE);
|
|
55
56
|
var MultiSelect = function (_a) {
|
|
@@ -75,7 +76,7 @@ var MultiSelect = function (_a) {
|
|
|
75
76
|
return next;
|
|
76
77
|
});
|
|
77
78
|
};
|
|
78
|
-
return (react_1.default.createElement(exports.MultiSelectContext.Provider, { value: { selection: selection, select: select, deselect: deselect } }, children));
|
|
79
|
+
return (react_1.default.createElement(exports.MultiSelectContext.Provider, { value: { selection: selection, select: select, deselect: deselect, isWrapped: true } }, children));
|
|
79
80
|
};
|
|
80
81
|
exports.MultiSelect = MultiSelect;
|
|
81
82
|
//# sourceMappingURL=MultiSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../src/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AAEvD,IAAM,aAAa,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,cAAO,CAAC;IAChB,QAAQ,EAAE,cAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../src/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AAEvD,IAAM,aAAa,GAAG;IACpB,SAAS,EAAE,EAAE;IACb,MAAM,EAAE,cAAO,CAAC;IAChB,QAAQ,EAAE,cAAO,CAAC;IAClB,SAAS,EAAE,KAAK;CACjB,CAAC;AAKW,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAK5C,aAAa,CAAC,CAAC;AAMX,IAAM,WAAW,GAA+B,UAAC,EAGvD;QAFC,QAAQ,cAAA,EACR,QAAQ,cAAA;IAEF,IAAA,KAAA,OAA4B,IAAA,gBAAQ,EAAoB,EAAE,CAAC,IAAA,EAA1D,SAAS,QAAA,EAAE,YAAY,QAAmC,CAAC;IAElE,IAAM,MAAM,GAAG,UAAC,EAAU,EAAE,OAAgC;QAAhC,wBAAA,EAAA,YAAgC;QAC1D,YAAY,CAAC,UAAC,IAAI;YAChB,IAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,EAAE,KAAK,EAAE,EAAd,CAAc,CAAC;gBAC9C,CAAC,CAAC,IAAI;gBACN,CAAC,wCAAK,IAAI,YAAE,EAAE,EAAE,IAAA,EAAE,OAAO,SAAA,EAAE,SAAC,CAAC;YAE/B,QAAQ;gBACN,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;gBAC7C,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAC1B,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,UAAC,EAAU,EAAE,OAAgC;QAAhC,wBAAA,EAAA,YAAgC;QAC5D,YAAY,CAAC,UAAC,IAAI;YAChB,IAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,EAAE,EAAX,CAAW,CAAC,CAAC;YAC7C,QAAQ,IAAI,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YACpC,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,0BAAkB,CAAC,QAAQ,IAC1B,KAAK,EAAE,EAAE,SAAS,WAAA,EAAE,MAAM,QAAA,EAAE,QAAQ,UAAA,EAAE,SAAS,EAAE,IAAI,EAAE,IAEtD,QAAQ,CACmB,CAC/B,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,WAAW,eAkCtB"}
|
|
@@ -5,11 +5,12 @@ export declare type UseMultiSelect = {
|
|
|
5
5
|
payload?: MultiSelectPayload;
|
|
6
6
|
};
|
|
7
7
|
export declare const useMultiSelect: ({ defaultSelected, payload, }?: UseMultiSelect) => {
|
|
8
|
-
ref: import("react").MutableRefObject<HTMLButtonElement | null>;
|
|
9
|
-
id: string;
|
|
10
|
-
selection: import("./MultiSelect").MultiSelectItem[];
|
|
11
|
-
selected: boolean;
|
|
12
|
-
select: () => void;
|
|
13
8
|
deselect: () => void;
|
|
9
|
+
id: string;
|
|
10
|
+
isWrapped: boolean;
|
|
14
11
|
onMouseDown: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
12
|
+
ref: import("react").MutableRefObject<HTMLButtonElement | null>;
|
|
13
|
+
select: () => void;
|
|
14
|
+
selected: boolean;
|
|
15
|
+
selection: import("./MultiSelect").MultiSelectItem[];
|
|
15
16
|
};
|
|
@@ -9,7 +9,7 @@ var useMultiSelect = function (_a) {
|
|
|
9
9
|
var _b = _a === void 0 ? {} : _a, defaultSelected = _b.defaultSelected, payload = _b.payload;
|
|
10
10
|
var id = (0, useUniqueId_1.useUniqueId)();
|
|
11
11
|
var ref = (0, react_1.useRef)(null);
|
|
12
|
-
var _c = (0, react_1.useContext)(MultiSelect_1.MultiSelectContext), selection = _c.selection, __select__ = _c.select, __deselect__ = _c.deselect;
|
|
12
|
+
var _c = (0, react_1.useContext)(MultiSelect_1.MultiSelectContext), selection = _c.selection, __select__ = _c.select, __deselect__ = _c.deselect, isWrapped = _c.isWrapped;
|
|
13
13
|
// Handle default selections
|
|
14
14
|
(0, react_1.useEffect)(function () {
|
|
15
15
|
if (defaultSelected)
|
|
@@ -46,13 +46,14 @@ var useMultiSelect = function (_a) {
|
|
|
46
46
|
when: selected,
|
|
47
47
|
});
|
|
48
48
|
return {
|
|
49
|
-
ref: ref,
|
|
50
|
-
id: id.current,
|
|
51
|
-
selection: selection,
|
|
52
|
-
selected: selected,
|
|
53
|
-
select: select,
|
|
54
49
|
deselect: deselect,
|
|
50
|
+
id: id.current,
|
|
51
|
+
isWrapped: isWrapped,
|
|
55
52
|
onMouseDown: onMouseDown,
|
|
53
|
+
ref: ref,
|
|
54
|
+
select: select,
|
|
55
|
+
selected: selected,
|
|
56
|
+
selection: selection,
|
|
56
57
|
};
|
|
57
58
|
};
|
|
58
59
|
exports.useMultiSelect = useMultiSelect;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMultiSelect.js","sourceRoot":"","sources":["../../src/MultiSelect/useMultiSelect.tsx"],"names":[],"mappings":";;;AAAA,+BAA4E;AAC5E,kCAA2C;AAC3C,oDAAmD;AACnD,6CAAuE;AAOhE,IAAM,cAAc,GAAG,UAAC,EAGT;QAHS,qBAGX,EAAE,KAAA,EAFpB,eAAe,qBAAA,EACf,OAAO,aAAA;IAEP,IAAM,EAAE,GAAG,IAAA,yBAAW,GAAE,CAAC;IAEzB,IAAM,GAAG,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IAE7C,IAAA,
|
|
1
|
+
{"version":3,"file":"useMultiSelect.js","sourceRoot":"","sources":["../../src/MultiSelect/useMultiSelect.tsx"],"names":[],"mappings":";;;AAAA,+BAA4E;AAC5E,kCAA2C;AAC3C,oDAAmD;AACnD,6CAAuE;AAOhE,IAAM,cAAc,GAAG,UAAC,EAGT;QAHS,qBAGX,EAAE,KAAA,EAFpB,eAAe,qBAAA,EACf,OAAO,aAAA;IAEP,IAAM,EAAE,GAAG,IAAA,yBAAW,GAAE,CAAC;IAEzB,IAAM,GAAG,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IAE7C,IAAA,KAKF,IAAA,kBAAU,EAAC,gCAAkB,CAAC,EAJhC,SAAS,eAAA,EACD,UAAU,YAAA,EACR,YAAY,cAAA,EACtB,SAAS,eACuB,CAAC;IAEnC,4BAA4B;IAC5B,IAAA,iBAAS,EAAC;QACR,IAAI,eAAe;YAAE,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC;QAC5C,uDAAuD;IACzD,CAAC,EAAE,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC,CAAC;IAE1B,IAAM,MAAM,GAAG,IAAA,mBAAW,EAAC;QACzB,OAAO,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,UAAU,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC;IAE9B,IAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC;QAC3B,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,YAAY,EAAE,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC;IAEhC,IAAM,QAAQ,GAAG,IAAA,eAAO,EAAC;QACvB,OAAO,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,OAAO,EAAtB,CAAsB,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC;IAEpB,IAAM,WAAW,GAAG,UAClB,KAAsD;QAEtD,IAAI,QAAQ,IAAI,KAAK,CAAC,OAAO,EAAE;YAC7B,QAAQ,EAAE,CAAC;YACX,OAAO;SACR;QAED,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,UAAC,KAAK;QACJ,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,OAAO;YAAE,OAAO;QACvC,QAAQ,EAAE,CAAC;IACb,CAAC;IACD,uDAAuD;IACvD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,IAAA,uBAAe,EAAC;QACd,GAAG,KAAA;QACH,IAAI,EAAE,WAAW;QACjB,cAAc,EAAE,kBAAkB;QAClC,IAAI,EAAE,QAAQ;KACf,CAAC,CAAC;IAEH,OAAO;QACL,QAAQ,UAAA;QACR,EAAE,EAAE,EAAE,CAAC,OAAO;QACd,SAAS,WAAA;QACT,WAAW,aAAA;QACX,GAAG,KAAA;QACH,MAAM,QAAA;QACN,QAAQ,UAAA;QACR,SAAS,WAAA;KACV,CAAC;AACJ,CAAC,CAAC;AAtEW,QAAA,cAAc,kBAsEzB"}
|
|
@@ -12,6 +12,9 @@ export declare const paneOptionFocusMixin: import("styled-components").FlattenIn
|
|
|
12
12
|
export declare const paneOptionDisabledMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
|
|
13
13
|
export declare const PaneOption: 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 & {
|
|
14
14
|
children?: import("react").ReactNode;
|
|
15
|
+
} & {
|
|
16
|
+
cursor?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
17
|
+
textDecoration?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
15
18
|
} & {
|
|
16
19
|
active?: boolean | undefined;
|
|
17
20
|
hover?: boolean | undefined;
|
package/dist/Remove/Remove.d.ts
CHANGED
|
@@ -8,6 +8,9 @@ export declare type RemoveProps = ClickableProps & {
|
|
|
8
8
|
};
|
|
9
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
10
|
children?: import("react").ReactNode;
|
|
11
|
+
} & {
|
|
12
|
+
cursor?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
13
|
+
textDecoration?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
|
|
11
14
|
} & {
|
|
12
15
|
hover?: boolean | undefined;
|
|
13
16
|
focus?: boolean | undefined;
|
|
@@ -70,17 +70,19 @@ 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 Themer_1 = require("../Themer");
|
|
73
74
|
var Container = (0, styled_components_1.default)(AspectRatioBox_1.AspectRatioBox)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n"], ["\n overflow: hidden;\n"])));
|
|
74
|
-
var Loading = (0, styled_components_1.default)(Spinner_1.Spinner).attrs({
|
|
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
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"]);
|
|
78
79
|
var _b = __read((0, react_1.useState)(false), 2), completed = _b[0], setCompleted = _b[1];
|
|
79
80
|
var handleComplete = (0, react_1.useCallback)(function () { return setCompleted(true); }, []);
|
|
81
|
+
var scheme = (0, Themer_1.useThemer)().scheme;
|
|
80
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
84
|
placeholder && (react_1.default.createElement(Placeholder, { style: { backgroundImage: "url(".concat(placeholder, ")") } })),
|
|
83
|
-
!completed && indicator && react_1.default.createElement(Loading,
|
|
85
|
+
!completed && indicator && (react_1.default.createElement(Loading, { color: scheme === "light" ? "background" : "primary" })),
|
|
84
86
|
children));
|
|
85
87
|
};
|
|
86
88
|
exports.ResponsiveImage = 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/Themer/useThemer.js
CHANGED
|
@@ -49,17 +49,22 @@ 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
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
|
};
|
|
@@ -78,9 +83,7 @@ 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
85
|
var _e = __read((0, react_1.useState)((_b = backend.get()) !== null && _b !== void 0 ? _b : initialScheme), 2), scheme = _e[0], setScheme = _e[1];
|
|
81
|
-
var theme = (0, react_1.useMemo)(function () { return (__assign(__assign({}, theme_1.THEME), { scheme: scheme, colors: theme_1.SCHEMES[scheme] })); }, [
|
|
82
|
-
scheme,
|
|
83
|
-
]);
|
|
86
|
+
var theme = (0, react_1.useMemo)(function () { return (__assign(__assign({}, theme_1.THEME), { scheme: scheme, colors: theme_1.SCHEMES[scheme] })); }, [scheme]);
|
|
84
87
|
var toggleScheme = (0, react_1.useCallback)(function () { return setScheme(function (prevScheme) { return (prevScheme === "dark" ? "light" : "dark"); }); }, []);
|
|
85
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));
|
|
@@ -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":"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"}
|