@zonos/amino 4.4.2 → 4.4.3

package/components/mdx/mdx-progress-checkbox/MdxProgressCheckbox.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("../../checkbox/Checkbox.js"),n=require("../../text/Text.js"),s=require("../../../styles/constants/theme.js"),i=require("../../../utils/hooks/useStorage.js"),a=require("styled-components");function c(e){return e&&e.__esModule?e:{default:e}}require("react"),require("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getTestId.js"),require("../../../utils/storage.js"),require("swr"),require("../../../utils/hooks/useSwr.js");var l,o,u,h=c(a),m=h.default(n.Text)(l||(l=e.__makeTemplateObject(["\n  font-size: ",";\n"],["\n  font-size: ",";\n"])),s.theme.space16),d=h.default.div(o||(o=e.__makeTemplateObject(["\n  label {\n    /* Align checkbox with list item */\n    display: flex;\n    align-items: center;\n  }\n"],["\n  label {\n    /* Align checkbox with list item */\n    display: flex;\n    align-items: center;\n  }\n"]))),x=h.default.div(u||(u=e.__makeTemplateObject(["\n  margin-left: ",";\n  margin-top: ",";\n"],["\n  margin-left: ",";\n  margin-top: ",";\n"])),s.theme.space24,s.theme.space24);exports.MdxProgressCheckbox=function(n){var s=n.pathname,a=n.checkboxKey,c=n.children,l=n.xlabel;a||console.warn("A unique progress checkbox key is required to track progress");var o="".concat(s,"-").concat(a),u=e.__read(i.useStorage({key:o,type:"local",defaultValue:""}),2),h=u[0],b=u[1];return r.jsxs(d,{children:[r.jsx(t.Checkbox,{checked:!!h,labelComponent:r.jsx(m,e.__assign({type:"bold-label"},{children:l})),label:l,onChange:function(){return b(h?"":"isChecked")}}),r.jsx(x,{children:c})]})};
+"use strict";var e=require("../../../_tslib-fe391a2e.js"),r=require("react/jsx-runtime"),t=require("../../checkbox/Checkbox.js"),n=require("../../text/Text.js"),s=require("../../../styles/constants/theme.js"),i=require("../../../utils/hooks/useStorage.js"),a=require("styled-components");function c(e){return e&&e.__esModule?e:{default:e}}require("react"),require("framer-motion"),require("../../../icons/CheckmarkIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../utils/getTestId.js"),require("../../../utils/storage.js"),require("swr"),require("../../../utils/hooks/useSwr.js");var l,o,u,h=c(a),m=h.default(n.Text)(l||(l=e.__makeTemplateObject(["\n  font-size: ",";\n"],["\n  font-size: ",";\n"])),s.theme.space16),d=h.default.div(o||(o=e.__makeTemplateObject(["\n  label {\n    /* Align checkbox with list item */\n    display: flex;\n    align-items: center;\n  }\n"],["\n  label {\n    /* Align checkbox with list item */\n    display: flex;\n    align-items: center;\n  }\n"]))),x=h.default.div(u||(u=e.__makeTemplateObject(["\n  margin-left: ",";\n  margin-top: ",";\n"],["\n  margin-left: ",";\n  margin-top: ",";\n"])),s.theme.space24,s.theme.space24);exports.MdxProgressCheckbox=function(n){var s=n.pathname,a=n.checkboxKey,c=n.children,l=n.xlabel;a||console.warn("A unique progress checkbox key is required to track progress");var o="".concat(s,"-").concat(a),u=e.__read(i.useStorage({defaultValue:"",key:o,type:"local"}),2),h=u[0],b=u[1];return r.jsxs(d,{children:[r.jsx(t.Checkbox,{checked:!!h,labelComponent:r.jsx(m,e.__assign({type:"bold-label"},{children:l})),label:l,onChange:function(){return b(h?"":"checked")}}),r.jsx(x,{children:c})]})};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zonos/amino",
-  "version": "4.4.2",
+  "version": "4.4.3",
   "description": "Core UI components for Amino",
   "repository": "git@github.com:Zonos/amino.git",
   "license": "MIT",
@@ -12,7 +12,6 @@
     "not op_mini all"
   ],
   "scripts": {},
-  "devDependencies": {},
   "dependencies": {
     "@dnd-kit/core": "^5.0.3",
     "@dnd-kit/modifiers": "^5.0.0",
@@ -33,8 +32,10 @@
     "react-simple-maps": "^3.0.0",
     "react-split-it": "^2.0.0",
     "topojson-client": "^3.1.0",
-    "uuid": "^8.3.2"
+    "uuid": "^8.3.2",
+    "zod": "^3.21.4"
   },
+  "devDependencies": {},
   "peerDependencies": {
     "@emotion/react": "^11.x",
     "@emotion/styled": "^11.x",

package/utils/hooks/useCurrentShema.js

@@ -1 +1 @@
-"use strict";var e=require("./useStorage.js");require("../storage.js"),require("swr"),require("./useSwr.js");exports.useCurrentSchema=function(r){return e.useStorage({type:"session",key:"amino:current-schema",defaultValue:r})};
+"use strict";var e=require("./useStorage.js");require("../storage.js"),require("swr"),require("./useSwr.js");exports.useCurrentSchema=function(r){return e.useStorage({defaultValue:r,key:"amino:current-schema",type:"session"})};

package/utils/hooks/useStorage.d.ts

@@ -1,17 +1,10 @@
-import { type StorageType } from '../storage';
+import { type StorageProps } from '../storage';
 type AminoLocalStorageKey = 'current-schema';
 /** Storage key that's being used in Amino */
 export type AminoStorageKey = `amino:${AminoLocalStorageKey}` | (string & Record<never, never>);
-type Props<TValue extends unknown, TKey extends AminoStorageKey> = {
-    type: StorageType;
-    key: TKey;
-    /**
-     * @param json - If true, the value will be set/parsed as JSON
-     * @default false
-     */
-    json?: boolean;
+type Props<TValue extends unknown, TKey extends AminoStorageKey> = StorageProps<TValue, TKey> & {
     defaultValue: TValue;
 };
 type Return<T> = [value: T, setValue: (value: T) => void];
-export declare const useStorage: <TValue extends unknown, TKey extends AminoStorageKey = AminoStorageKey>({ defaultValue, key, type, json, }: Props<TValue, TKey>) => Return<TValue>;
+export declare const useStorage: <TValue extends unknown, TKey extends AminoStorageKey = AminoStorageKey>({ defaultValue, json, key, type, }: Props<TValue, TKey>) => Return<TValue>;
 export {};

package/utils/hooks/useStorage.js

@@ -1 +1 @@
-"use strict";var e=require("../storage.js"),r=require("./useSwr.js");require("swr");exports.useStorage=function(t){var u=t.defaultValue,n=t.key,s=t.type,a=t.json,o=r.useSwr(n,(function(){return e.getStorageItem({type:s,key:n,json:a})||null})).data;return[null!=o?o:u,function(r){return e.setStorageItem({type:s,key:n,value:r,json:a})}]};
+"use strict";var e=require("../storage.js"),r=require("./useSwr.js");require("swr");exports.useStorage=function(t){var u=t.defaultValue,n=t.json,s=t.key,a=t.type,o=r.useSwr(s,(function(){return e.getStorageItem({type:a,key:s,json:n})||null})).data;return[null!=o?o:u,function(r){return e.setStorageItem({type:a,key:s,value:r,json:n})}]};

package/utils/storage.d.ts

@@ -1,16 +1,20 @@
+import type { Schema } from 'zod';
 export type StorageType = 'session' | 'local';
-export type StorageProps = {
+export type StorageProps<Value, Key extends string = string> = {
     type: StorageType;
-    key: string;
+    key: Key;
     /**
      * @param json - If true, the value will be set/parsed as JSON
-     * @default false
+     * Set the schema for runtime validation of values.
+     * @default undefined
      */
-    json?: boolean;
+    json?: {
+        schema: Schema<Value>;
+    };
 };
-type SetProps<Value> = StorageProps & {
+type SetProps<Value> = StorageProps<Value> & {
     value: Value;
 };
-export declare const getStorageItem: <Value extends unknown>({ type, key, json, }: StorageProps) => Value | null;
+export declare const getStorageItem: <Value extends unknown>({ type, key, json, }: StorageProps<Value, string>) => Value | null;
 export declare const setStorageItem: <Value extends unknown>({ type, key, json, value, }: SetProps<Value>) => void;
 export {};

package/utils/storage.js

@@ -1 +1 @@
-"use strict";var e=require("swr");exports.getStorageItem=function(e){var t=e.type,r=e.key,s=e.json,n=("session"===t?sessionStorage:localStorage).getItem(r);if(!n)return null;if(s)try{return JSON.parse(n)}catch(e){return null}return n},exports.setStorageItem=function(t){var r=t.type,s=t.key,n=t.json,o=t.value,a="session"===r?sessionStorage:localStorage,i=n?JSON.stringify(o):String(o);a.setItem(s,i),e.mutate(s,o)};
+"use strict";var e=require("swr");exports.getStorageItem=function(e){var t=e.type,r=e.key,s=e.json,a=("session"===t?sessionStorage:localStorage).getItem(r);if(!a)return null;if(s)try{var n=JSON.parse(a),o=s.schema.safeParse(n);return o.success?o.data:null}catch(e){return null}return a},exports.setStorageItem=function(t){var r=t.type,s=t.key,a=t.json,n=t.value,o="session"===r?sessionStorage:localStorage,u=a?JSON.stringify(n):String(n);o.setItem(s,u),e.mutate(s,n)};