aidos-ui 3.0.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/.prettierrc +4 -0
- package/LICENSE +21 -0
- package/README.md +55 -0
- package/dist/Badge.d.ts +7 -0
- package/dist/Badge.js +22 -0
- package/dist/Badge.js.map +1 -0
- package/dist/BaseButton.d.ts +13 -0
- package/dist/BaseButton.js +22 -0
- package/dist/BaseButton.js.map +1 -0
- package/dist/BaseInput.d.ts +15 -0
- package/dist/BaseInput.js +14 -0
- package/dist/BaseInput.js.map +1 -0
- package/dist/BaseLink.d.ts +17 -0
- package/dist/BaseLink.js +28 -0
- package/dist/BaseLink.js.map +1 -0
- package/dist/BaseList.d.ts +6 -0
- package/dist/BaseList.js +14 -0
- package/dist/BaseList.js.map +1 -0
- package/dist/BaseListAddOn.d.ts +5 -0
- package/dist/BaseListAddOn.js +7 -0
- package/dist/BaseListAddOn.js.map +1 -0
- package/dist/BaseListItem.d.ts +27 -0
- package/dist/BaseListItem.js +26 -0
- package/dist/BaseListItem.js.map +1 -0
- package/dist/BaseView.d.ts +12 -0
- package/dist/BaseView.js +26 -0
- package/dist/BaseView.js.map +1 -0
- package/dist/Box.d.ts +5 -0
- package/dist/Box.js +6 -0
- package/dist/Box.js.map +1 -0
- package/dist/Button.d.ts +20 -0
- package/dist/Button.js +20 -0
- package/dist/Button.js.map +1 -0
- package/dist/Calendar.d.ts +18 -0
- package/dist/Calendar.js +57 -0
- package/dist/Calendar.js.map +1 -0
- package/dist/Card.d.ts +4 -0
- package/dist/Card.js +12 -0
- package/dist/Card.js.map +1 -0
- package/dist/Checkbox.d.ts +12 -0
- package/dist/Checkbox.js +32 -0
- package/dist/Checkbox.js.map +1 -0
- package/dist/Circle.d.ts +6 -0
- package/dist/Circle.js +12 -0
- package/dist/Circle.js.map +1 -0
- package/dist/Column.d.ts +6 -0
- package/dist/Column.js +7 -0
- package/dist/Column.js.map +1 -0
- package/dist/DarkMode.d.ts +13 -0
- package/dist/DarkMode.js +61 -0
- package/dist/DarkMode.js.map +1 -0
- package/dist/DateInput.d.ts +13 -0
- package/dist/DateInput.js +29 -0
- package/dist/DateInput.js.map +1 -0
- package/dist/DatePicker.d.ts +12 -0
- package/dist/DatePicker.js +34 -0
- package/dist/DatePicker.js.map +1 -0
- package/dist/DatetimeInput.d.ts +13 -0
- package/dist/DatetimeInput.js +31 -0
- package/dist/DatetimeInput.js.map +1 -0
- package/dist/DesignBook.d.ts +2 -0
- package/dist/DesignBook.js +55 -0
- package/dist/DesignBook.js.map +1 -0
- package/dist/Dialog.d.ts +17 -0
- package/dist/Dialog.js +86 -0
- package/dist/Dialog.js.map +1 -0
- package/dist/Dropdown.d.ts +10 -0
- package/dist/Dropdown.js +64 -0
- package/dist/Dropdown.js.map +1 -0
- package/dist/Emitter.d.ts +6 -0
- package/dist/Emitter.js +19 -0
- package/dist/Emitter.js.map +1 -0
- package/dist/FlexLayout.d.ts +11 -0
- package/dist/FlexLayout.js +18 -0
- package/dist/FlexLayout.js.map +1 -0
- package/dist/Icon.d.ts +12 -0
- package/dist/Icon.js +69 -0
- package/dist/Icon.js.map +1 -0
- package/dist/IconButton.d.ts +9 -0
- package/dist/IconButton.js +31 -0
- package/dist/IconButton.js.map +1 -0
- package/dist/IconLink.d.ts +9 -0
- package/dist/IconLink.js +31 -0
- package/dist/IconLink.js.map +1 -0
- package/dist/IconType.d.ts +1 -0
- package/dist/IconType.js +2 -0
- package/dist/IconType.js.map +1 -0
- package/dist/Interactable.d.ts +48 -0
- package/dist/Interactable.js +131 -0
- package/dist/Interactable.js.map +1 -0
- package/dist/Link.d.ts +20 -0
- package/dist/Link.js +22 -0
- package/dist/Link.js.map +1 -0
- package/dist/List.d.ts +11 -0
- package/dist/List.js +17 -0
- package/dist/List.js.map +1 -0
- package/dist/ListButtonItem.d.ts +15 -0
- package/dist/ListButtonItem.js +9 -0
- package/dist/ListButtonItem.js.map +1 -0
- package/dist/ListDivider.d.ts +2 -0
- package/dist/ListDivider.js +12 -0
- package/dist/ListDivider.js.map +1 -0
- package/dist/ListHeaderItem.d.ts +11 -0
- package/dist/ListHeaderItem.js +13 -0
- package/dist/ListHeaderItem.js.map +1 -0
- package/dist/ListItem.d.ts +10 -0
- package/dist/ListItem.js +7 -0
- package/dist/ListItem.js.map +1 -0
- package/dist/ListLinkItem.d.ts +17 -0
- package/dist/ListLinkItem.js +9 -0
- package/dist/ListLinkItem.js.map +1 -0
- package/dist/ListSpacer.d.ts +2 -0
- package/dist/ListSpacer.js +13 -0
- package/dist/ListSpacer.js.map +1 -0
- package/dist/OnVisible.d.ts +5 -0
- package/dist/OnVisible.js +28 -0
- package/dist/OnVisible.js.map +1 -0
- package/dist/Popover.d.ts +21 -0
- package/dist/Popover.js +88 -0
- package/dist/Popover.js.map +1 -0
- package/dist/ProgressBar.d.ts +8 -0
- package/dist/ProgressBar.js +42 -0
- package/dist/ProgressBar.js.map +1 -0
- package/dist/ProgressCircle.d.ts +6 -0
- package/dist/ProgressCircle.js +12 -0
- package/dist/ProgressCircle.js.map +1 -0
- package/dist/Providers.d.ts +9 -0
- package/dist/Providers.js +16 -0
- package/dist/Providers.js.map +1 -0
- package/dist/RangeInput.d.ts +14 -0
- package/dist/RangeInput.js +32 -0
- package/dist/RangeInput.js.map +1 -0
- package/dist/ResultOrError.d.ts +13 -0
- package/dist/ResultOrError.js +7 -0
- package/dist/ResultOrError.js.map +1 -0
- package/dist/RootView.d.ts +5 -0
- package/dist/RootView.js +35 -0
- package/dist/RootView.js.map +1 -0
- package/dist/Router.d.ts +2 -0
- package/dist/Router.js +37 -0
- package/dist/Router.js.map +1 -0
- package/dist/RouterState.d.ts +38 -0
- package/dist/RouterState.js +111 -0
- package/dist/RouterState.js.map +1 -0
- package/dist/Row.d.ts +6 -0
- package/dist/Row.js +7 -0
- package/dist/Row.js.map +1 -0
- package/dist/StackContext.d.ts +8 -0
- package/dist/StackContext.js +25 -0
- package/dist/StackContext.js.map +1 -0
- package/dist/StaticCheckbox.d.ts +17 -0
- package/dist/StaticCheckbox.js +48 -0
- package/dist/StaticCheckbox.js.map +1 -0
- package/dist/Storage.d.ts +12 -0
- package/dist/Storage.js +148 -0
- package/dist/Storage.js.map +1 -0
- package/dist/Stream.d.ts +9 -0
- package/dist/Stream.js +36 -0
- package/dist/Stream.js.map +1 -0
- package/dist/Sublist.d.ts +12 -0
- package/dist/Sublist.js +18 -0
- package/dist/Sublist.js.map +1 -0
- package/dist/SubmitIconInput.d.ts +9 -0
- package/dist/SubmitIconInput.js +25 -0
- package/dist/SubmitIconInput.js.map +1 -0
- package/dist/Tabs.d.ts +20 -0
- package/dist/Tabs.js +35 -0
- package/dist/Tabs.js.map +1 -0
- package/dist/Text.d.ts +25 -0
- package/dist/Text.js +50 -0
- package/dist/Text.js.map +1 -0
- package/dist/TextArea.d.ts +10 -0
- package/dist/TextArea.js +22 -0
- package/dist/TextArea.js.map +1 -0
- package/dist/TextInput.d.ts +14 -0
- package/dist/TextInput.js +52 -0
- package/dist/TextInput.js.map +1 -0
- package/dist/TextInputWithState.d.ts +10 -0
- package/dist/TextInputWithState.js +14 -0
- package/dist/TextInputWithState.js.map +1 -0
- package/dist/TextPairing.d.ts +21 -0
- package/dist/TextPairing.js +26 -0
- package/dist/TextPairing.js.map +1 -0
- package/dist/TimeInput.d.ts +15 -0
- package/dist/TimeInput.js +58 -0
- package/dist/TimeInput.js.map +1 -0
- package/dist/Tooltip.d.ts +11 -0
- package/dist/Tooltip.js +72 -0
- package/dist/Tooltip.js.map +1 -0
- package/dist/aria.d.ts +8 -0
- package/dist/aria.js +42 -0
- package/dist/aria.js.map +1 -0
- package/dist/guid.d.ts +1 -0
- package/dist/guid.js +7 -0
- package/dist/guid.js.map +1 -0
- package/dist/hash.d.ts +1 -0
- package/dist/hash.js +20 -0
- package/dist/hash.js.map +1 -0
- package/dist/index.d.ts +65 -0
- package/dist/index.js +66 -0
- package/dist/index.js.map +1 -0
- package/dist/jss.d.ts +110 -0
- package/dist/jss.js +438 -0
- package/dist/jss.js.map +1 -0
- package/dist/numberToBase.d.ts +1 -0
- package/dist/numberToBase.js +44 -0
- package/dist/numberToBase.js.map +1 -0
- package/dist/stateMachineContextFactory.d.ts +36 -0
- package/dist/stateMachineContextFactory.js +48 -0
- package/dist/stateMachineContextFactory.js.map +1 -0
- package/dist/useCookie.d.ts +9 -0
- package/dist/useCookie.js +65 -0
- package/dist/useCookie.js.map +1 -0
- package/dist/useKeyboard.d.ts +8 -0
- package/dist/useKeyboard.js +26 -0
- package/dist/useKeyboard.js.map +1 -0
- package/dist/useNavigation.d.ts +5 -0
- package/dist/useNavigation.js +79 -0
- package/dist/useNavigation.js.map +1 -0
- package/dist/usePromise.d.ts +1 -0
- package/dist/usePromise.js +12 -0
- package/dist/usePromise.js.map +1 -0
- package/dist/useRefEffect.d.ts +1 -0
- package/dist/useRefEffect.js +15 -0
- package/dist/useRefEffect.js.map +1 -0
- package/next-env.d.ts +5 -0
- package/next.config.js +21 -0
- package/package.json +40 -0
- package/scripts/publish.js +27 -0
- package/src/Badge.tsx +36 -0
- package/src/BaseButton.tsx +58 -0
- package/src/BaseInput.tsx +57 -0
- package/src/BaseLink.tsx +77 -0
- package/src/BaseList.tsx +29 -0
- package/src/BaseListAddOn.tsx +10 -0
- package/src/BaseListItem.tsx +117 -0
- package/src/BaseView.tsx +57 -0
- package/src/Box.tsx +20 -0
- package/src/Button.tsx +84 -0
- package/src/Calendar.tsx +125 -0
- package/src/Card.tsx +17 -0
- package/src/Checkbox.tsx +63 -0
- package/src/Circle.tsx +24 -0
- package/src/Column.tsx +12 -0
- package/src/DarkMode.tsx +99 -0
- package/src/DateInput.tsx +63 -0
- package/src/DatePicker.tsx +67 -0
- package/src/DatetimeInput.tsx +71 -0
- package/src/DesignBook.tsx +697 -0
- package/src/Dialog.tsx +144 -0
- package/src/Dropdown.tsx +129 -0
- package/src/Emitter.ts +26 -0
- package/src/FlexLayout.tsx +53 -0
- package/src/Icon.tsx +96 -0
- package/src/IconButton.tsx +66 -0
- package/src/IconLink.tsx +58 -0
- package/src/IconType.ts +787 -0
- package/src/Interactable.tsx +159 -0
- package/src/Link.tsx +86 -0
- package/src/List.tsx +41 -0
- package/src/ListButtonItem.tsx +69 -0
- package/src/ListDivider.tsx +13 -0
- package/src/ListHeaderItem.tsx +45 -0
- package/src/ListItem.tsx +27 -0
- package/src/ListLinkItem.tsx +76 -0
- package/src/ListSpacer.tsx +14 -0
- package/src/OnVisible.tsx +42 -0
- package/src/Popover.tsx +141 -0
- package/src/ProgressBar.tsx +63 -0
- package/src/ProgressCircle.tsx +38 -0
- package/src/Providers.tsx +33 -0
- package/src/RangeInput.tsx +82 -0
- package/src/ResultOrError.ts +15 -0
- package/src/RootView.tsx +55 -0
- package/src/Router.tsx +62 -0
- package/src/RouterState.tsx +154 -0
- package/src/Row.tsx +12 -0
- package/src/StackContext.tsx +52 -0
- package/src/StaticCheckbox.tsx +74 -0
- package/src/Storage.tsx +200 -0
- package/src/Stream.tsx +50 -0
- package/src/Sublist.tsx +62 -0
- package/src/SubmitIconInput.tsx +45 -0
- package/src/Tabs.tsx +103 -0
- package/src/Text.tsx +102 -0
- package/src/TextArea.tsx +45 -0
- package/src/TextInput.tsx +111 -0
- package/src/TextInputWithState.tsx +35 -0
- package/src/TextPairing.tsx +115 -0
- package/src/TimeInput.tsx +109 -0
- package/src/Tooltip.tsx +108 -0
- package/src/aria.ts +72 -0
- package/src/examples/ExampleDialog.tsx +28 -0
- package/src/guid.ts +7 -0
- package/src/hash.ts +21 -0
- package/src/index.ts +65 -0
- package/src/jss.tsx +607 -0
- package/src/numberToBase.ts +52 -0
- package/src/pages/Badge.mdx +30 -0
- package/src/pages/Button.mdx +57 -0
- package/src/pages/Calendar.mdx +60 -0
- package/src/pages/Checkbox.mdx +56 -0
- package/src/pages/Dialog.mdx +32 -0
- package/src/pages/FlexLayout.mdx +77 -0
- package/src/pages/Hashing.mdx +20 -0
- package/src/pages/Icon.mdx +63 -0
- package/src/pages/IconButton.mdx +144 -0
- package/src/pages/Link.mdx +57 -0
- package/src/pages/List.mdx +292 -0
- package/src/pages/ListHeader.mdx +94 -0
- package/src/pages/Popover.mdx +101 -0
- package/src/pages/ProgressBar.mdx +20 -0
- package/src/pages/ProgressCircle.mdx +35 -0
- package/src/pages/RangeInput.mdx +109 -0
- package/src/pages/Tabs.mdx +168 -0
- package/src/pages/Text.mdx +133 -0
- package/src/pages/TextInput.mdx +110 -0
- package/src/pages/TextPairing.mdx +155 -0
- package/src/pages/TimeInput.mdx +73 -0
- package/src/pages/Tooltip.mdx +28 -0
- package/src/pages/_app.tsx +561 -0
- package/src/pages/_document.tsx +30 -0
- package/src/pages/css-in-js.mdx +127 -0
- package/src/pages/index.mdx +58 -0
- package/src/pages/navigation.mdx +56 -0
- package/src/pages/prism.css +3 -0
- package/src/pages/useCookie.mdx +15 -0
- package/src/pages/useKeyboard.mdx +20 -0
- package/src/pages/useNavigation.mdx +30 -0
- package/src/pages/usePromise.mdx +15 -0
- package/src/pages/useRefEffect.mdx +49 -0
- package/src/stateMachineContextFactory.tsx +111 -0
- package/src/useCookie.tsx +89 -0
- package/src/useKeyboard.tsx +43 -0
- package/src/useNavigation.tsx +89 -0
- package/src/usePromise.tsx +18 -0
- package/src/useRefEffect.tsx +18 -0
- package/tsconfig.build.json +23 -0
- package/tsconfig.json +23 -0
package/dist/jss.js
ADDED
|
@@ -0,0 +1,438 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useRef } from "react";
|
|
3
|
+
import { hash } from "./hash";
|
|
4
|
+
const aliases = {
|
|
5
|
+
margin: (value) => {
|
|
6
|
+
if (value == null) {
|
|
7
|
+
return [];
|
|
8
|
+
}
|
|
9
|
+
const matches = typeof value === "string"
|
|
10
|
+
? Array.from(value.matchAll(/(.+) (.+)$/g))[0]
|
|
11
|
+
: null;
|
|
12
|
+
if (matches) {
|
|
13
|
+
return [
|
|
14
|
+
["margin-top", matches[1]],
|
|
15
|
+
["margin-bottom", matches[1]],
|
|
16
|
+
["margin-left", matches[2]],
|
|
17
|
+
["margin-right", matches[2]],
|
|
18
|
+
];
|
|
19
|
+
}
|
|
20
|
+
else {
|
|
21
|
+
return [
|
|
22
|
+
["margin-top", value],
|
|
23
|
+
["margin-bottom", value],
|
|
24
|
+
["margin-left", value],
|
|
25
|
+
["margin-right", value],
|
|
26
|
+
];
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
padding: (value) => {
|
|
30
|
+
if (value == null) {
|
|
31
|
+
return [];
|
|
32
|
+
}
|
|
33
|
+
const matches = typeof value === "string"
|
|
34
|
+
? Array.from(value.matchAll(/(.+) (.+)$/g))[0]
|
|
35
|
+
: null;
|
|
36
|
+
if (matches) {
|
|
37
|
+
return [
|
|
38
|
+
["padding-top", matches[1]],
|
|
39
|
+
["padding-bottom", matches[1]],
|
|
40
|
+
["padding-left", matches[2]],
|
|
41
|
+
["padding-right", matches[2]],
|
|
42
|
+
];
|
|
43
|
+
}
|
|
44
|
+
else {
|
|
45
|
+
return [
|
|
46
|
+
["padding-top", value],
|
|
47
|
+
["padding-bottom", value],
|
|
48
|
+
["padding-left", value],
|
|
49
|
+
["padding-right", value],
|
|
50
|
+
];
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
};
|
|
54
|
+
const rawHashMap = new Map();
|
|
55
|
+
function createStyleNode(content) {
|
|
56
|
+
if (typeof window === "undefined") {
|
|
57
|
+
serverStyles.push(content);
|
|
58
|
+
}
|
|
59
|
+
else {
|
|
60
|
+
const style = document.createElement("style");
|
|
61
|
+
style.appendChild(document.createTextNode(content));
|
|
62
|
+
document.head.appendChild(style);
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
const pixelStyles = new Set([
|
|
66
|
+
"min-height",
|
|
67
|
+
"height",
|
|
68
|
+
"max-height",
|
|
69
|
+
"min-width",
|
|
70
|
+
"width",
|
|
71
|
+
"max-width",
|
|
72
|
+
"margin",
|
|
73
|
+
"margin-top",
|
|
74
|
+
"margin-bottom",
|
|
75
|
+
"margin-left",
|
|
76
|
+
"margin-right",
|
|
77
|
+
"padding",
|
|
78
|
+
"padding-top",
|
|
79
|
+
"padding-bottom",
|
|
80
|
+
"padding-left",
|
|
81
|
+
"padding-right",
|
|
82
|
+
"border-radius",
|
|
83
|
+
"font-size",
|
|
84
|
+
"top",
|
|
85
|
+
"bottom",
|
|
86
|
+
"left",
|
|
87
|
+
"right",
|
|
88
|
+
"outline-offset",
|
|
89
|
+
]);
|
|
90
|
+
const toPixelValue = (key, value) => {
|
|
91
|
+
const sValue = value.toString();
|
|
92
|
+
if (sValue.includes("%") ||
|
|
93
|
+
sValue.includes("v") ||
|
|
94
|
+
sValue.includes("px") ||
|
|
95
|
+
sValue.includes("em") ||
|
|
96
|
+
sValue.includes("rem")) {
|
|
97
|
+
return sValue;
|
|
98
|
+
}
|
|
99
|
+
return pixelStyles.has(key) && Number.isInteger(parseInt(value, 10))
|
|
100
|
+
? `${value}px`
|
|
101
|
+
: value;
|
|
102
|
+
};
|
|
103
|
+
const getCSS = (key, value) => {
|
|
104
|
+
const cssProp = key.replace(/[A-Z]/g, (m) => "-" + m.toLowerCase());
|
|
105
|
+
const cssValue = toPixelValue(cssProp, value);
|
|
106
|
+
return [cssProp, cssValue];
|
|
107
|
+
};
|
|
108
|
+
const flattenJSStyle = (jsStyle) => {
|
|
109
|
+
if (!jsStyle) {
|
|
110
|
+
return {};
|
|
111
|
+
}
|
|
112
|
+
else if (Array.isArray(jsStyle)) {
|
|
113
|
+
// @ts-ignore
|
|
114
|
+
return jsStyle.reduce((acc, jsStyle) => {
|
|
115
|
+
return { ...acc, ...flattenJSStyle(jsStyle) };
|
|
116
|
+
}, {});
|
|
117
|
+
}
|
|
118
|
+
else {
|
|
119
|
+
return jsStyle;
|
|
120
|
+
}
|
|
121
|
+
};
|
|
122
|
+
export const jss = (jsStyle) => {
|
|
123
|
+
jsStyle = flattenJSStyle(jsStyle);
|
|
124
|
+
const stylesStack = Object.entries(jsStyle);
|
|
125
|
+
const classNames = [];
|
|
126
|
+
while (stylesStack.length) {
|
|
127
|
+
const [key, value] = stylesStack.pop();
|
|
128
|
+
if (aliases[key]) {
|
|
129
|
+
stylesStack.push(...aliases[key](value));
|
|
130
|
+
continue;
|
|
131
|
+
}
|
|
132
|
+
const rawHash = hash(key + JSON.stringify(value)).toString(32);
|
|
133
|
+
const cachedSelector = rawHashMap.get(rawHash);
|
|
134
|
+
if (cachedSelector != null) {
|
|
135
|
+
classNames.push(cachedSelector);
|
|
136
|
+
continue;
|
|
137
|
+
}
|
|
138
|
+
// const selector = numberToBase(rawHashMap.size);
|
|
139
|
+
const selector = `x${rawHash}`;
|
|
140
|
+
rawHashMap.set(rawHash, selector);
|
|
141
|
+
classNames.push(selector);
|
|
142
|
+
if (typeof value === "number" || typeof value === "string") {
|
|
143
|
+
const [cssProp, cssValue] = getCSS(key, value);
|
|
144
|
+
createStyleNode(`.${selector} { ${cssProp}: ${cssValue}; }`);
|
|
145
|
+
}
|
|
146
|
+
else if (typeof value === "object" && key.startsWith("@media")) {
|
|
147
|
+
const media = key;
|
|
148
|
+
const cssValue = Object.entries(value)
|
|
149
|
+
.map(([key, value]) => {
|
|
150
|
+
const [cssProp, cssValue] = getCSS(key, value);
|
|
151
|
+
return `${cssProp}: ${cssValue}; `;
|
|
152
|
+
})
|
|
153
|
+
.join(" ");
|
|
154
|
+
createStyleNode(`${media} { .${selector} { ${cssValue} } }`);
|
|
155
|
+
}
|
|
156
|
+
else if (typeof value === "object" && value != null) {
|
|
157
|
+
const cssValue = Object.entries(value)
|
|
158
|
+
.map(([key, value]) => {
|
|
159
|
+
const [cssProp, cssValue] = getCSS(key, value);
|
|
160
|
+
return `${cssProp}: ${cssValue}; `;
|
|
161
|
+
})
|
|
162
|
+
.join(" ");
|
|
163
|
+
createStyleNode(`.${selector}${key} { ${cssValue} }`);
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
return classNames.join(" ");
|
|
167
|
+
};
|
|
168
|
+
const serverStyles = [];
|
|
169
|
+
export function JSStylesProvider({ themes, children, }) {
|
|
170
|
+
const stylesRef = useRef(null);
|
|
171
|
+
if (stylesRef.current == null) {
|
|
172
|
+
stylesRef.current = getBaseStyles(themes);
|
|
173
|
+
}
|
|
174
|
+
return (_jsxs(_Fragment, { children: [stylesRef.current.map((style, i) => (_jsx("style", { dangerouslySetInnerHTML: { __html: style } }, i))), children] }));
|
|
175
|
+
}
|
|
176
|
+
export function JSServerStyles() {
|
|
177
|
+
const stylesRef = useRef(null);
|
|
178
|
+
if (stylesRef.current == null) {
|
|
179
|
+
stylesRef.current = serverStyles;
|
|
180
|
+
}
|
|
181
|
+
return (_jsx(_Fragment, { children: stylesRef.current.map((style, i) => (_jsx("style", { dangerouslySetInnerHTML: { __html: style } }, i))) }));
|
|
182
|
+
}
|
|
183
|
+
export function cssVar(string) {
|
|
184
|
+
return `var(${string})`;
|
|
185
|
+
}
|
|
186
|
+
const sizes = {
|
|
187
|
+
xsmall: cssVar("--spacing-xs"),
|
|
188
|
+
small: cssVar("--spacing-s"),
|
|
189
|
+
medium: cssVar("--spacing-m"),
|
|
190
|
+
large: cssVar("--spacing-l"),
|
|
191
|
+
xlarge: cssVar("--spacing-xl"),
|
|
192
|
+
};
|
|
193
|
+
export function getSize(size) {
|
|
194
|
+
return sizes[size];
|
|
195
|
+
}
|
|
196
|
+
export function getSpacing(spacing) {
|
|
197
|
+
if (spacing === "none") {
|
|
198
|
+
return "0px";
|
|
199
|
+
}
|
|
200
|
+
else {
|
|
201
|
+
return getSize(spacing);
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
export function getPadding(padding) {
|
|
205
|
+
if (Array.isArray(padding)) {
|
|
206
|
+
const [vertical, horizontal] = padding;
|
|
207
|
+
return {
|
|
208
|
+
paddingTop: getSpacing(vertical),
|
|
209
|
+
paddingBottom: getSpacing(vertical),
|
|
210
|
+
paddingLeft: getSpacing(horizontal),
|
|
211
|
+
paddingRight: getSpacing(horizontal),
|
|
212
|
+
};
|
|
213
|
+
}
|
|
214
|
+
else {
|
|
215
|
+
return {
|
|
216
|
+
padding: getSpacing(padding),
|
|
217
|
+
};
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
export function getMargin(margin) {
|
|
221
|
+
if (Array.isArray(margin)) {
|
|
222
|
+
const [vertical, horizontal] = margin;
|
|
223
|
+
return {
|
|
224
|
+
marginTop: getSpacing(vertical),
|
|
225
|
+
marginBottom: getSpacing(vertical),
|
|
226
|
+
marginLeft: getSpacing(horizontal),
|
|
227
|
+
marginRight: getSpacing(horizontal),
|
|
228
|
+
};
|
|
229
|
+
}
|
|
230
|
+
else {
|
|
231
|
+
return {
|
|
232
|
+
margin: getSpacing(margin),
|
|
233
|
+
};
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
export const lightTheme = {
|
|
237
|
+
/* Background */
|
|
238
|
+
["--overlay-background"]: "rgb(245, 246, 250)",
|
|
239
|
+
["--primary-background"]: "rgb(239, 239, 244)",
|
|
240
|
+
["--secondary-background"]: "rgb(232, 232, 234)",
|
|
241
|
+
["--divider"]: "rgb(200, 200, 200)",
|
|
242
|
+
["--strong-divider"]: "rgb(100, 100, 100)",
|
|
243
|
+
["--pressed-background"]: "rgb(220, 222, 224)",
|
|
244
|
+
["--hovered-background"]: "rgb(232, 235, 237)",
|
|
245
|
+
["--selected-background"]: "rgb(227, 230, 232)",
|
|
246
|
+
["--nav-bar"]: "rgb(232, 232, 234)",
|
|
247
|
+
/* Effects */
|
|
248
|
+
["--warning"]: "rgb(255, 204, 0)",
|
|
249
|
+
["--highlight"]: "rgb(0, 122, 255)",
|
|
250
|
+
["--outline"]: "rgb(103, 176, 255)",
|
|
251
|
+
["--light-highlight"]: "rgb(220, 232, 245)",
|
|
252
|
+
/* Text */
|
|
253
|
+
["--primary-text"]: "rgb(0, 0, 0)",
|
|
254
|
+
["--secondary-text"]: "rgb(100, 100, 100)",
|
|
255
|
+
["--subtle-text"]: "rgb(180, 180, 180)",
|
|
256
|
+
["--highlight-text"]: "rgb(0, 122, 255)",
|
|
257
|
+
["--negative-text"]: "rgb(255, 59, 48)",
|
|
258
|
+
["--light-text"]: "rgb(255, 255, 255)",
|
|
259
|
+
/* Buttons */
|
|
260
|
+
["--background-button-positive"]: "rgb(0, 122, 255)",
|
|
261
|
+
["--background-button-secondary"]: "rgb(218, 218, 223)",
|
|
262
|
+
["--background-button-negative"]: "rgb(255, 59, 48)",
|
|
263
|
+
["--background-button-disabled"]: "rgb(218, 218, 223)",
|
|
264
|
+
/* Spacing */
|
|
265
|
+
["--spacing-xs"]: "2px",
|
|
266
|
+
["--spacing-s"]: "4px",
|
|
267
|
+
["--spacing-m"]: "8px",
|
|
268
|
+
["--spacing-l"]: "12px",
|
|
269
|
+
["--spacing-xl"]: "16px",
|
|
270
|
+
["--spacing-xxl"]: "24px",
|
|
271
|
+
["--spacing-xxxl"]: "32px",
|
|
272
|
+
["--border-radius-s"]: "2px",
|
|
273
|
+
["--border-radius-m"]: "4px",
|
|
274
|
+
["--border-radius-l"]: "8px",
|
|
275
|
+
["--nav-bar-height"]: "50px",
|
|
276
|
+
};
|
|
277
|
+
export const darkTheme = {
|
|
278
|
+
/* Background */
|
|
279
|
+
["--overlay-background"]: "rgb(22, 23, 24)",
|
|
280
|
+
["--primary-background"]: "rgb(42, 43, 46)",
|
|
281
|
+
["--secondary-background"]: "rgb(65, 66, 67)",
|
|
282
|
+
["--divider"]: "rgb(70, 72, 73)",
|
|
283
|
+
["--strong-divider"]: "rgb(100, 100, 100)",
|
|
284
|
+
["--pressed-background"]: "rgb(90, 92, 93)",
|
|
285
|
+
["--hovered-background"]: "rgb(50, 53, 54)",
|
|
286
|
+
["--selected-background"]: "rgb(65, 68, 69)",
|
|
287
|
+
["--nav-bar"]: "rgb(34, 35, 36)",
|
|
288
|
+
/* Effects */
|
|
289
|
+
["--warning"]: "rgb(255, 204, 0)",
|
|
290
|
+
["--highlight"]: "rgb(50, 140, 220)",
|
|
291
|
+
["--outline"]: "rgb(91, 170, 255)",
|
|
292
|
+
["--light-highlight"]: "rgba(49, 57, 63)",
|
|
293
|
+
/* Text */
|
|
294
|
+
["--primary-text"]: "rgb(255, 255, 255)",
|
|
295
|
+
["--secondary-text"]: "rgb(200, 200, 200)",
|
|
296
|
+
["--subtle-text"]: "rgb(140, 140, 140)",
|
|
297
|
+
["--highlight-text"]: "#4ca7f8",
|
|
298
|
+
["--negative-text"]: "rgb(255, 59, 48)",
|
|
299
|
+
["--light-text"]: "rgb(255, 255, 255)",
|
|
300
|
+
/* Buttons */
|
|
301
|
+
["--background-button-positive"]: "rgb(50, 140, 220)",
|
|
302
|
+
["--background-button-secondary"]: "rgb(82, 83, 86)",
|
|
303
|
+
["--background-button-negative"]: "rgb(255, 59, 48)",
|
|
304
|
+
["--background-button-disabled"]: "rgb(70, 72, 73)",
|
|
305
|
+
/* Spacing */
|
|
306
|
+
["--spacing-xs"]: "2px",
|
|
307
|
+
["--spacing-s"]: "4px",
|
|
308
|
+
["--spacing-m"]: "8px",
|
|
309
|
+
["--spacing-l"]: "12px",
|
|
310
|
+
["--spacing-xl"]: "16px",
|
|
311
|
+
["--spacing-xxl"]: "24px",
|
|
312
|
+
["--spacing-xxxl"]: "32px",
|
|
313
|
+
["--border-radius-s"]: "2px",
|
|
314
|
+
["--border-radius-m"]: "4px",
|
|
315
|
+
["--border-radius-l"]: "8px",
|
|
316
|
+
["--nav-bar-height"]: "50px",
|
|
317
|
+
};
|
|
318
|
+
export const baseStyles = `
|
|
319
|
+
* {
|
|
320
|
+
box-sizing: border-box;
|
|
321
|
+
border: none;
|
|
322
|
+
touch-action: manipulation;
|
|
323
|
+
font-family: sans-serif;
|
|
324
|
+
-webkit-font-smoothing: antialiased;
|
|
325
|
+
-moz-osx-font-smoothing: grayscale;
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
*:focus {
|
|
329
|
+
outline-color: ${cssVar("--highlight")};
|
|
330
|
+
}
|
|
331
|
+
|
|
332
|
+
html,
|
|
333
|
+
body {
|
|
334
|
+
margin: 0;
|
|
335
|
+
height: 100%;
|
|
336
|
+
width: 100%;
|
|
337
|
+
overflow: hidden;
|
|
338
|
+
background-color: ${cssVar("--primary-background")};
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
`;
|
|
342
|
+
const backgroundStyles = {
|
|
343
|
+
highlight: {
|
|
344
|
+
backgroundColor: cssVar("--highlight"),
|
|
345
|
+
},
|
|
346
|
+
warning: {
|
|
347
|
+
backgroundColor: cssVar("--warning"),
|
|
348
|
+
},
|
|
349
|
+
"primary-background": {
|
|
350
|
+
backgroundColor: cssVar("--primary-background"),
|
|
351
|
+
},
|
|
352
|
+
negative: {
|
|
353
|
+
backgroundColor: cssVar("--negative-text"),
|
|
354
|
+
},
|
|
355
|
+
"secondary-background": {
|
|
356
|
+
backgroundColor: cssVar("--secondary-background"),
|
|
357
|
+
},
|
|
358
|
+
divider: {
|
|
359
|
+
backgroundColor: cssVar("--divider"),
|
|
360
|
+
},
|
|
361
|
+
inherit: {
|
|
362
|
+
backgroundColor: "inherit",
|
|
363
|
+
},
|
|
364
|
+
};
|
|
365
|
+
export const getBackground = (color) => {
|
|
366
|
+
return backgroundStyles[color];
|
|
367
|
+
};
|
|
368
|
+
export const MOBILE = 750;
|
|
369
|
+
export const TABLET = 1000;
|
|
370
|
+
export const LAPTOP = 1200;
|
|
371
|
+
export const MOBILE_MEDIA = `@media (min-width: 0px) and (max-width: ${MOBILE}px)`;
|
|
372
|
+
export const TABLET_MEDIA = `@media (min-width: ${MOBILE}px) and (max-width: ${TABLET}px)`;
|
|
373
|
+
export const LAPTOP_MEDIA = `@media (min-width: ${TABLET}px) and (max-width: ${LAPTOP}px)`;
|
|
374
|
+
export const DESKTOP_MEDIA = `@media (min-width: ${LAPTOP}px)`;
|
|
375
|
+
export function mobile(jsStyle) {
|
|
376
|
+
return {
|
|
377
|
+
[MOBILE_MEDIA]: jsStyle,
|
|
378
|
+
};
|
|
379
|
+
}
|
|
380
|
+
export function tablet(jsStyle) {
|
|
381
|
+
return {
|
|
382
|
+
[TABLET_MEDIA]: jsStyle,
|
|
383
|
+
};
|
|
384
|
+
}
|
|
385
|
+
export function laptop(jsStyle) {
|
|
386
|
+
return {
|
|
387
|
+
[LAPTOP_MEDIA]: jsStyle,
|
|
388
|
+
};
|
|
389
|
+
}
|
|
390
|
+
export function desktop(jsStyle) {
|
|
391
|
+
return {
|
|
392
|
+
[DESKTOP_MEDIA]: jsStyle,
|
|
393
|
+
};
|
|
394
|
+
}
|
|
395
|
+
const textColorStyles = {
|
|
396
|
+
primary: {
|
|
397
|
+
color: cssVar("--primary-text"),
|
|
398
|
+
},
|
|
399
|
+
secondary: {
|
|
400
|
+
color: cssVar("--secondary-text"),
|
|
401
|
+
},
|
|
402
|
+
highlight: {
|
|
403
|
+
color: cssVar("--highlight-text"),
|
|
404
|
+
},
|
|
405
|
+
negative: {
|
|
406
|
+
color: cssVar("--negative-text"),
|
|
407
|
+
},
|
|
408
|
+
subtle: {
|
|
409
|
+
color: cssVar("--subtle-text"),
|
|
410
|
+
},
|
|
411
|
+
light: {
|
|
412
|
+
color: cssVar("--light-text"),
|
|
413
|
+
},
|
|
414
|
+
inherit: {
|
|
415
|
+
color: "inherit",
|
|
416
|
+
},
|
|
417
|
+
};
|
|
418
|
+
export const getTextColor = (color) => {
|
|
419
|
+
return textColorStyles[color];
|
|
420
|
+
};
|
|
421
|
+
export function getBaseStyles(themes) {
|
|
422
|
+
const css = [];
|
|
423
|
+
css.push(baseStyles);
|
|
424
|
+
css.push(`body {
|
|
425
|
+
color-scheme: light;
|
|
426
|
+
${Object.entries(themes.light)
|
|
427
|
+
.map(([key, value]) => `${key}: ${value};`)
|
|
428
|
+
.join("\n ")}
|
|
429
|
+
}`);
|
|
430
|
+
css.push(`body.dark-mode {
|
|
431
|
+
color-scheme: dark;
|
|
432
|
+
${Object.entries(themes.dark)
|
|
433
|
+
.map(([key, value]) => `${key}: ${value};`)
|
|
434
|
+
.join("\n ")}
|
|
435
|
+
}`);
|
|
436
|
+
return css;
|
|
437
|
+
}
|
|
438
|
+
//# sourceMappingURL=jss.js.map
|
package/dist/jss.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"jss.js","sourceRoot":"","sources":["../src/jss.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function numberToBase(number: number, base?: Array<string>): string;
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
const LETTERS_26 = [
|
|
2
|
+
"a",
|
|
3
|
+
"b",
|
|
4
|
+
"c",
|
|
5
|
+
"d",
|
|
6
|
+
"e",
|
|
7
|
+
"f",
|
|
8
|
+
"g",
|
|
9
|
+
"h",
|
|
10
|
+
"i",
|
|
11
|
+
"j",
|
|
12
|
+
"k",
|
|
13
|
+
"l",
|
|
14
|
+
"m",
|
|
15
|
+
"n",
|
|
16
|
+
"o",
|
|
17
|
+
"p",
|
|
18
|
+
"q",
|
|
19
|
+
"r",
|
|
20
|
+
"s",
|
|
21
|
+
"t",
|
|
22
|
+
"u",
|
|
23
|
+
"v",
|
|
24
|
+
"w",
|
|
25
|
+
"x",
|
|
26
|
+
"y",
|
|
27
|
+
"z",
|
|
28
|
+
];
|
|
29
|
+
export function numberToBase(number, base = LETTERS_26) {
|
|
30
|
+
if (number <= -1) {
|
|
31
|
+
return "";
|
|
32
|
+
}
|
|
33
|
+
let result = [];
|
|
34
|
+
// To make numbers 1 indexed
|
|
35
|
+
number += 1;
|
|
36
|
+
while (number >= base.length) {
|
|
37
|
+
const index = number % base.length;
|
|
38
|
+
number = Math.floor(number / base.length) - 1;
|
|
39
|
+
result.push(base[index]);
|
|
40
|
+
}
|
|
41
|
+
result.push(base[number]);
|
|
42
|
+
return result.reverse().join("");
|
|
43
|
+
}
|
|
44
|
+
//# sourceMappingURL=numberToBase.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"numberToBase.js","sourceRoot":"","sources":["../src/numberToBase.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,GAAG;IACjB,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;IACH,GAAG;CACJ,CAAC;AAEF,MAAM,UAAU,YAAY,CAC1B,MAAc,EACd,OAAsB,UAAU;IAEhC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE;QAChB,OAAO,EAAE,CAAC;KACX;IAED,IAAI,MAAM,GAAG,EAAE,CAAC;IAEhB,4BAA4B;IAC5B,MAAM,IAAI,CAAC,CAAC;IAEZ,OAAO,MAAM,IAAI,IAAI,CAAC,MAAM,EAAE;QAC5B,MAAM,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QACnC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QAC9C,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;KAC1B;IAED,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAE1B,OAAO,MAAM,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnC,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import { Subscribe } from "./Emitter";
|
|
3
|
+
export type Reducer<State, Context> = <Data extends any>({ state, context, data, }: {
|
|
4
|
+
state: State;
|
|
5
|
+
context: Context;
|
|
6
|
+
data: Data;
|
|
7
|
+
}) => {
|
|
8
|
+
state: State;
|
|
9
|
+
context: Context;
|
|
10
|
+
};
|
|
11
|
+
type StateMachineConfig<State, Transition, Context> = {
|
|
12
|
+
states: {
|
|
13
|
+
[state: string]: {
|
|
14
|
+
on: {
|
|
15
|
+
[transition: Transition]: Reducer<State, Context>;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
context: Context;
|
|
20
|
+
state: State;
|
|
21
|
+
};
|
|
22
|
+
type Send = <Transition, Data>(transition: Transition, data: Data) => void;
|
|
23
|
+
type StateMachineContextType<State, Context> = {
|
|
24
|
+
subscribe: Subscribe<{
|
|
25
|
+
state: State;
|
|
26
|
+
context: Context;
|
|
27
|
+
}>;
|
|
28
|
+
send: Send;
|
|
29
|
+
};
|
|
30
|
+
export declare function stateMachineContextFactory<State, Transition, Context>(stateMachineConfig: StateMachineConfig<State, Transition, Context>): {
|
|
31
|
+
Provider: ({ children }: {
|
|
32
|
+
children: ReactNode;
|
|
33
|
+
}) => JSX.Element;
|
|
34
|
+
useStateMachine: () => StateMachineContextType<State, Context>;
|
|
35
|
+
};
|
|
36
|
+
export {};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React, { useContext, useCallback, useMemo, useRef, } from "react";
|
|
3
|
+
import { createEmitter } from "./Emitter";
|
|
4
|
+
export function stateMachineContextFactory(stateMachineConfig) {
|
|
5
|
+
const StateMachineContext = React.createContext({
|
|
6
|
+
subscribe: () => {
|
|
7
|
+
throw new Error("Not implemented");
|
|
8
|
+
},
|
|
9
|
+
send: (_) => {
|
|
10
|
+
throw new Error("Not implemented");
|
|
11
|
+
},
|
|
12
|
+
});
|
|
13
|
+
function Provider({ children }) {
|
|
14
|
+
const stateMachineRef = useRef({
|
|
15
|
+
state: stateMachineConfig.state,
|
|
16
|
+
context: stateMachineConfig.context,
|
|
17
|
+
});
|
|
18
|
+
const emitterRef = useRef(createEmitter());
|
|
19
|
+
const subscribe = useCallback((callback) => {
|
|
20
|
+
const unsbuscribe = emitterRef.current.subscribe(callback);
|
|
21
|
+
callback(stateMachineRef.current);
|
|
22
|
+
return unsbuscribe;
|
|
23
|
+
}, []);
|
|
24
|
+
const send = useCallback((transition, data) => {
|
|
25
|
+
const state = stateMachineRef.current.state;
|
|
26
|
+
// @ts-ignore I don't know how to fix this
|
|
27
|
+
const transitions = stateMachineConfig.states[state].on;
|
|
28
|
+
const reducer = transitions[transition];
|
|
29
|
+
if (!reducer) {
|
|
30
|
+
// No transition available in the current state, so no update needed
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
const newState = reducer({
|
|
34
|
+
...stateMachineRef.current,
|
|
35
|
+
data,
|
|
36
|
+
});
|
|
37
|
+
stateMachineRef.current = newState;
|
|
38
|
+
emitterRef.current.emit(newState);
|
|
39
|
+
}, []);
|
|
40
|
+
const value = useMemo(() => ({ subscribe, send }), [subscribe, send]);
|
|
41
|
+
return (_jsx(StateMachineContext.Provider, { value: value, children: children }));
|
|
42
|
+
}
|
|
43
|
+
function useStateMachine() {
|
|
44
|
+
return useContext(StateMachineContext);
|
|
45
|
+
}
|
|
46
|
+
return { Provider, useStateMachine };
|
|
47
|
+
}
|
|
48
|
+
//# sourceMappingURL=stateMachineContextFactory.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stateMachineContextFactory.js","sourceRoot":"","sources":["../src/stateMachineContextFactory.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,WAAW,EAEX,OAAO,EACP,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EAAa,aAAa,EAAY,MAAM,WAAW,CAAC;AA8B/D,MAAM,UAAU,0BAA0B,CACxC,kBAAkE;IAElE,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAE7C;QACA,SAAS,EAAE,GAAG,EAAE;YACd,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACrC,CAAC;QACD,IAAI,EAAE,CAAC,CAAC,EAAE,EAAE;YACV,MAAM,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACrC,CAAC;KACF,CAAC,CAAC;IAOH,SAAS,QAAQ,CAAC,EAAE,QAAQ,EAA2B;QACrD,MAAM,eAAe,GAAG,MAAM,CAAoB;YAChD,KAAK,EAAE,kBAAkB,CAAC,KAAK;YAC/B,OAAO,EAAE,kBAAkB,CAAC,OAAO;SACpC,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,MAAM,CACvB,aAAa,EAAsC,CACpD,CAAC;QAEF,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,QAAqC,EAAE,EAAE;YACtE,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;YAC3D,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;YAElC,OAAO,WAAW,CAAC;QACrB,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,MAAM,IAAI,GAAG,WAAW,CACtB,CAA+B,UAAsB,EAAE,IAAU,EAAE,EAAE;YACnE,MAAM,KAAK,GAAG,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC;YAC5C,0CAA0C;YAC1C,MAAM,WAAW,GAAG,kBAAkB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;YACxD,MAAM,OAAO,GAA4B,WAAW,CAAC,UAAU,CAAC,CAAC;YAEjE,IAAI,CAAC,OAAO,EAAE;gBACZ,oEAAoE;gBACpE,OAAO;aACR;YAED,MAAM,QAAQ,GAAG,OAAO,CAAC;gBACvB,GAAG,eAAe,CAAC,OAAO;gBAC1B,IAAI;aACL,CAAC,CAAC;YAEH,eAAe,CAAC,OAAO,GAAG,QAAQ,CAAC;YACnC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACpC,CAAC,EACD,EAAE,CACH,CAAC;QAEF,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;QAEtE,OAAO,CACL,KAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACvC,QAAQ,GACoB,CAChC,CAAC;IACJ,CAAC;IAED,SAAS,eAAe;QACtB,OAAO,UAAU,CAAC,mBAAmB,CAAC,CAAC;IACzC,CAAC;IAED,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC;AACvC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare function hasCookie(key: string): boolean;
|
|
2
|
+
export declare function getCookie<T>(key: string, deserialize?: (s: string) => T): T;
|
|
3
|
+
export declare function useCookie<T, L>(key: string, { initialValue, loadingValue, serialize, deserialize, maxAge, }: {
|
|
4
|
+
initialValue: T;
|
|
5
|
+
loadingValue: L;
|
|
6
|
+
serialize?: (t: T) => string;
|
|
7
|
+
deserialize?: (s: string) => T;
|
|
8
|
+
maxAge?: number;
|
|
9
|
+
}): [T | L, (t: T | ((prevValue: T | L) => T)) => void];
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { useState, useCallback, useEffect, useRef } from "react";
|
|
2
|
+
export function hasCookie(key) {
|
|
3
|
+
return (document.cookie
|
|
4
|
+
.split(";")
|
|
5
|
+
.map((c) => c.trim())
|
|
6
|
+
.filter((c) => c.startsWith(`${key}=`)).length > 0);
|
|
7
|
+
}
|
|
8
|
+
export function getCookie(key, deserialize = JSON.parse) {
|
|
9
|
+
return document.cookie
|
|
10
|
+
.split(";")
|
|
11
|
+
.map((c) => c.trim())
|
|
12
|
+
.filter((c) => c.startsWith(`${key}=`))
|
|
13
|
+
.map((s) => s.split("=")[1])
|
|
14
|
+
.map((s) => deserialize(s))
|
|
15
|
+
.pop();
|
|
16
|
+
}
|
|
17
|
+
export function useCookie(key, { initialValue = null, loadingValue, serialize = JSON.stringify, deserialize = JSON.parse, maxAge = 60 * 60 * 24 * 365, }) {
|
|
18
|
+
const initializationRef = useRef(false);
|
|
19
|
+
const [cookie, setCookie] = useState(() => {
|
|
20
|
+
if (typeof window !== "undefined") {
|
|
21
|
+
const hasPersistedCookie = hasCookie(key);
|
|
22
|
+
if (hasPersistedCookie) {
|
|
23
|
+
return getCookie(key, deserialize);
|
|
24
|
+
}
|
|
25
|
+
else {
|
|
26
|
+
return loadingValue;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
return loadingValue;
|
|
30
|
+
});
|
|
31
|
+
useEffect(() => {
|
|
32
|
+
if (initializationRef.current === true) {
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
const hasPersistedCookie = hasCookie(key);
|
|
36
|
+
if (hasPersistedCookie) {
|
|
37
|
+
const persistedCookie = getCookie(key, deserialize);
|
|
38
|
+
setCookie(persistedCookie);
|
|
39
|
+
}
|
|
40
|
+
else {
|
|
41
|
+
document.cookie = `${key}=${serialize(initialValue)}; max-age=${maxAge};`;
|
|
42
|
+
setCookie(initialValue);
|
|
43
|
+
}
|
|
44
|
+
initializationRef.current = true;
|
|
45
|
+
}, []);
|
|
46
|
+
return [
|
|
47
|
+
cookie,
|
|
48
|
+
useCallback((t) => {
|
|
49
|
+
if (typeof t === "function") {
|
|
50
|
+
// @ts-ignore
|
|
51
|
+
const callback = t;
|
|
52
|
+
setCookie((oldCookie) => {
|
|
53
|
+
const newValue = callback(oldCookie);
|
|
54
|
+
document.cookie = `${key}=${serialize(newValue)}; max-age=${maxAge};`;
|
|
55
|
+
return newValue;
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
else {
|
|
59
|
+
setCookie(t);
|
|
60
|
+
document.cookie = `${key}=${serialize(t)}; max-age=${maxAge};`;
|
|
61
|
+
}
|
|
62
|
+
}, []),
|
|
63
|
+
];
|
|
64
|
+
}
|
|
65
|
+
//# sourceMappingURL=useCookie.js.map
|