aidos-ui 3.0.7 → 3.0.9
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/Select.d.ts +10 -0
- package/dist/Select.js +15 -0
- package/dist/Select.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/useCookie.js +4 -3
- package/dist/useCookie.js.map +1 -1
- package/package.json +1 -1
- package/src/Select.tsx +37 -0
- package/src/index.ts +1 -0
- package/src/useCookie.tsx +8 -3
package/dist/Select.d.ts
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { JSStyle } from "./jss";
|
|
3
|
+
export interface SelectProps extends React.HTMLAttributes<HTMLSelectElement> {
|
|
4
|
+
value: string;
|
|
5
|
+
onValueChange: (value: string) => void;
|
|
6
|
+
jsStyle?: JSStyle;
|
|
7
|
+
ref?: React.Ref<HTMLSelectElement>;
|
|
8
|
+
className?: undefined;
|
|
9
|
+
}
|
|
10
|
+
export declare const Select: import("react").ForwardRefExoticComponent<Omit<SelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;
|
package/dist/Select.js
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { cssVar, jss } from "./jss";
|
|
4
|
+
export const Select = forwardRef(({ jsStyle, children, onValueChange, value, ...otherProps }, ref) => {
|
|
5
|
+
return (_jsx("select", { ref: ref, className: jss({
|
|
6
|
+
fontSize: 20,
|
|
7
|
+
padding: cssVar("--spacing-m"),
|
|
8
|
+
border: `1px solid ${cssVar("--divider")}`,
|
|
9
|
+
backgroundColor: cssVar("--overlay-background"),
|
|
10
|
+
borderRadius: cssVar("--border-radius-m"),
|
|
11
|
+
}), value: value, onChange: (e) => {
|
|
12
|
+
onValueChange(e.target.value);
|
|
13
|
+
}, ...otherProps, children: children }));
|
|
14
|
+
});
|
|
15
|
+
//# sourceMappingURL=Select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAW,MAAM,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAU7C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,UAAU,EAAe,EACvE,GAAkC,EAClC,EAAE;IACF,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CAAC;YACb,QAAQ,EAAE,EAAE;YACZ,OAAO,EAAE,MAAM,CAAC,aAAa,CAAC;YAC9B,MAAM,EAAE,aAAa,MAAM,CAAC,WAAW,CAAC,EAAE;YAC1C,eAAe,EAAE,MAAM,CAAC,sBAAsB,CAAC;YAC/C,YAAY,EAAE,MAAM,CAAC,mBAAmB,CAAC;SAC1C,CAAC,EACF,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,KACG,UAAU,YAEb,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -46,6 +46,7 @@ export * from "./RootView";
|
|
|
46
46
|
export * from "./Row";
|
|
47
47
|
export * from "./StackContext";
|
|
48
48
|
export * from "./stateMachineContextFactory";
|
|
49
|
+
export * from "./Select";
|
|
49
50
|
export * from "./StaticCheckbox";
|
|
50
51
|
export * from "./Storage";
|
|
51
52
|
export * from "./Stream";
|
package/dist/index.js
CHANGED
|
@@ -46,6 +46,7 @@ export * from "./RootView";
|
|
|
46
46
|
export * from "./Row";
|
|
47
47
|
export * from "./StackContext";
|
|
48
48
|
export * from "./stateMachineContextFactory";
|
|
49
|
+
export * from "./Select";
|
|
49
50
|
export * from "./StaticCheckbox";
|
|
50
51
|
export * from "./Storage";
|
|
51
52
|
export * from "./Stream";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}
|
package/dist/useCookie.js
CHANGED
|
@@ -13,6 +13,7 @@ export function getCookie(key, deserialize = JSON.parse) {
|
|
|
13
13
|
.filter((c) => c.startsWith(`${key}=`))
|
|
14
14
|
.map((s) => s.split("=")[1])
|
|
15
15
|
.map((s) => deserialize(s))
|
|
16
|
+
.reverse()
|
|
16
17
|
.pop();
|
|
17
18
|
}
|
|
18
19
|
export function useCookie(key, { initialValue = null, loadingValue, serialize = JSON.stringify, deserialize = JSON.parse, maxAge = 60 * 60 * 24 * 365, }) {
|
|
@@ -39,7 +40,7 @@ export function useCookie(key, { initialValue = null, loadingValue, serialize =
|
|
|
39
40
|
setCookie(persistedCookie);
|
|
40
41
|
}
|
|
41
42
|
else {
|
|
42
|
-
document.cookie = `${key}=${serialize(initialValue)}; max-age=${maxAge}
|
|
43
|
+
document.cookie = `${key}=${serialize(initialValue)}; max-age=${maxAge};path=/;`;
|
|
43
44
|
setCookie(initialValue);
|
|
44
45
|
}
|
|
45
46
|
initializationRef.current = true;
|
|
@@ -52,13 +53,13 @@ export function useCookie(key, { initialValue = null, loadingValue, serialize =
|
|
|
52
53
|
const callback = t;
|
|
53
54
|
setCookie((oldCookie) => {
|
|
54
55
|
const newValue = callback(oldCookie);
|
|
55
|
-
document.cookie = `${key}=${serialize(newValue)}; max-age=${maxAge}
|
|
56
|
+
document.cookie = `${key}=${serialize(newValue)}; max-age=${maxAge};path=/;`;
|
|
56
57
|
return newValue;
|
|
57
58
|
});
|
|
58
59
|
}
|
|
59
60
|
else {
|
|
60
61
|
setCookie(t);
|
|
61
|
-
document.cookie = `${key}=${serialize(t)}; max-age=${maxAge}
|
|
62
|
+
document.cookie = `${key}=${serialize(t)}; max-age=${maxAge};path=/;`;
|
|
62
63
|
}
|
|
63
64
|
}, []),
|
|
64
65
|
];
|
package/dist/useCookie.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCookie.js","sourceRoot":"","sources":["../src/useCookie.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,UAAU,SAAS,CAAC,GAAW;IACnC,OAAO,CACL,QAAQ,CAAC,MAAM;SACZ,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;SACpB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CACrD,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CACvB,GAAW,EACX,cAAgC,IAAI,CAAC,KAAK;IAE1C,OAAO,QAAQ,CAAC,MAAM;SACnB,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;SACpB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;SACtC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;SAC3B,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;SAC1B,GAAG,EAAE,CAAC;AACX,CAAC;AAED,MAAM,UAAU,SAAS,CACvB,GAAW,EACX,EACE,YAAY,GAAG,IAAI,EACnB,YAAY,EACZ,SAAS,GAAG,IAAI,CAAC,SAAS,EAC1B,WAAW,GAAG,IAAI,CAAC,KAAK,EACxB,MAAM,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAO5B;IAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAQ,GAAG,EAAE;QAC/C,IAAI,CAAC,QAAQ,EAAE,EAAE;YACf,MAAM,kBAAkB,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;YAC1C,IAAI,kBAAkB,EAAE;gBACtB,OAAO,SAAS,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;aACpC;iBAAM;gBACL,OAAO,YAAY,CAAC;aACrB;SACF;QAED,OAAO,YAAY,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,CAAC,OAAO,KAAK,IAAI,EAAE;YACtC,OAAO;SACR;QAED,MAAM,kBAAkB,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;QAE1C,IAAI,kBAAkB,EAAE;YACtB,MAAM,eAAe,GAAG,SAAS,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;YACpD,SAAS,CAAC,eAAe,CAAC,CAAC;SAC5B;aAAM;YACL,QAAQ,CAAC,MAAM,GAAG,GAAG,GAAG,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"useCookie.js","sourceRoot":"","sources":["../src/useCookie.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,UAAU,SAAS,CAAC,GAAW;IACnC,OAAO,CACL,QAAQ,CAAC,MAAM;SACZ,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;SACpB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CACrD,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CACvB,GAAW,EACX,cAAgC,IAAI,CAAC,KAAK;IAE1C,OAAO,QAAQ,CAAC,MAAM;SACnB,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;SACpB,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;SACtC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;SAC3B,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;SAC1B,OAAO,EAAE;SACT,GAAG,EAAE,CAAC;AACX,CAAC;AAED,MAAM,UAAU,SAAS,CACvB,GAAW,EACX,EACE,YAAY,GAAG,IAAI,EACnB,YAAY,EACZ,SAAS,GAAG,IAAI,CAAC,SAAS,EAC1B,WAAW,GAAG,IAAI,CAAC,KAAK,EACxB,MAAM,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAO5B;IAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAQ,GAAG,EAAE;QAC/C,IAAI,CAAC,QAAQ,EAAE,EAAE;YACf,MAAM,kBAAkB,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;YAC1C,IAAI,kBAAkB,EAAE;gBACtB,OAAO,SAAS,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;aACpC;iBAAM;gBACL,OAAO,YAAY,CAAC;aACrB;SACF;QAED,OAAO,YAAY,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,iBAAiB,CAAC,OAAO,KAAK,IAAI,EAAE;YACtC,OAAO;SACR;QAED,MAAM,kBAAkB,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;QAE1C,IAAI,kBAAkB,EAAE;YACtB,MAAM,eAAe,GAAG,SAAS,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC;YACpD,SAAS,CAAC,eAAe,CAAC,CAAC;SAC5B;aAAM;YACL,QAAQ,CAAC,MAAM,GAAG,GAAG,GAAG,IAAI,SAAS,CACnC,YAAY,CACb,aAAa,MAAM,UAAU,CAAC;YAC/B,SAAS,CAAC,YAAY,CAAC,CAAC;SACzB;QACD,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,MAAM;QACN,WAAW,CAAC,CAAC,CAAgC,EAAE,EAAE;YAC/C,IAAI,OAAO,CAAC,KAAK,UAAU,EAAE;gBAC3B,aAAa;gBACb,MAAM,QAAQ,GAA4B,CAAC,CAAC;gBAC5C,SAAS,CAAC,CAAC,SAAS,EAAE,EAAE;oBACtB,MAAM,QAAQ,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;oBACrC,QAAQ,CAAC,MAAM,GAAG,GAAG,GAAG,IAAI,SAAS,CACnC,QAAQ,CACT,aAAa,MAAM,UAAU,CAAC;oBAC/B,OAAO,QAAQ,CAAC;gBAClB,CAAC,CAAC,CAAC;aACJ;iBAAM;gBACL,SAAS,CAAC,CAAC,CAAC,CAAC;gBACb,QAAQ,CAAC,MAAM,GAAG,GAAG,GAAG,IAAI,SAAS,CAAC,CAAC,CAAC,aAAa,MAAM,UAAU,CAAC;aACvE;QACH,CAAC,EAAE,EAAE,CAAC;KACP,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
package/src/Select.tsx
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { forwardRef } from "react";
|
|
2
|
+
import { JSStyle, cssVar, jss } from "./jss";
|
|
3
|
+
|
|
4
|
+
export interface SelectProps extends React.HTMLAttributes<HTMLSelectElement> {
|
|
5
|
+
value: string;
|
|
6
|
+
onValueChange: (value: string) => void;
|
|
7
|
+
jsStyle?: JSStyle;
|
|
8
|
+
ref?: React.Ref<HTMLSelectElement>;
|
|
9
|
+
className?: undefined;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export const Select = forwardRef(
|
|
13
|
+
(
|
|
14
|
+
{ jsStyle, children, onValueChange, value, ...otherProps }: SelectProps,
|
|
15
|
+
ref?: React.Ref<HTMLSelectElement>
|
|
16
|
+
) => {
|
|
17
|
+
return (
|
|
18
|
+
<select
|
|
19
|
+
ref={ref}
|
|
20
|
+
className={jss({
|
|
21
|
+
fontSize: 20,
|
|
22
|
+
padding: cssVar("--spacing-m"),
|
|
23
|
+
border: `1px solid ${cssVar("--divider")}`,
|
|
24
|
+
backgroundColor: cssVar("--overlay-background"),
|
|
25
|
+
borderRadius: cssVar("--border-radius-m"),
|
|
26
|
+
})}
|
|
27
|
+
value={value}
|
|
28
|
+
onChange={(e) => {
|
|
29
|
+
onValueChange(e.target.value);
|
|
30
|
+
}}
|
|
31
|
+
{...otherProps}
|
|
32
|
+
>
|
|
33
|
+
{children}
|
|
34
|
+
</select>
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
);
|
package/src/index.ts
CHANGED
|
@@ -46,6 +46,7 @@ export * from "./RootView";
|
|
|
46
46
|
export * from "./Row";
|
|
47
47
|
export * from "./StackContext";
|
|
48
48
|
export * from "./stateMachineContextFactory";
|
|
49
|
+
export * from "./Select";
|
|
49
50
|
export * from "./StaticCheckbox";
|
|
50
51
|
export * from "./Storage";
|
|
51
52
|
export * from "./Stream";
|
package/src/useCookie.tsx
CHANGED
|
@@ -20,6 +20,7 @@ export function getCookie<T>(
|
|
|
20
20
|
.filter((c) => c.startsWith(`${key}=`))
|
|
21
21
|
.map((s) => s.split("=")[1])
|
|
22
22
|
.map((s) => deserialize(s))
|
|
23
|
+
.reverse()
|
|
23
24
|
.pop();
|
|
24
25
|
}
|
|
25
26
|
|
|
@@ -64,7 +65,9 @@ export function useCookie<T, L>(
|
|
|
64
65
|
const persistedCookie = getCookie(key, deserialize);
|
|
65
66
|
setCookie(persistedCookie);
|
|
66
67
|
} else {
|
|
67
|
-
document.cookie = `${key}=${serialize(
|
|
68
|
+
document.cookie = `${key}=${serialize(
|
|
69
|
+
initialValue
|
|
70
|
+
)}; max-age=${maxAge};path=/;`;
|
|
68
71
|
setCookie(initialValue);
|
|
69
72
|
}
|
|
70
73
|
initializationRef.current = true;
|
|
@@ -78,12 +81,14 @@ export function useCookie<T, L>(
|
|
|
78
81
|
const callback: (prevValue: T | L) => T = t;
|
|
79
82
|
setCookie((oldCookie) => {
|
|
80
83
|
const newValue = callback(oldCookie);
|
|
81
|
-
document.cookie = `${key}=${serialize(
|
|
84
|
+
document.cookie = `${key}=${serialize(
|
|
85
|
+
newValue
|
|
86
|
+
)}; max-age=${maxAge};path=/;`;
|
|
82
87
|
return newValue;
|
|
83
88
|
});
|
|
84
89
|
} else {
|
|
85
90
|
setCookie(t);
|
|
86
|
-
document.cookie = `${key}=${serialize(t)}; max-age=${maxAge}
|
|
91
|
+
document.cookie = `${key}=${serialize(t)}; max-age=${maxAge};path=/;`;
|
|
87
92
|
}
|
|
88
93
|
}, []),
|
|
89
94
|
];
|