@webiny/admin-ui 6.3.0-beta.4 → 6.4.0-beta.0

package/Tags/primitives/presenters/TagsValuesPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","minimatch","TagItem","TagItemMapper","TagsValuesPresenter","values","constructor","init","params","map","value","create","label","protected","protectedValues","some","pattern","vm","toFormatted","addValue","find","tag","tagItem","push","removeValue","filter","isValueProtected","hasValue"],"sources":["TagsValuesPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { minimatch } from \"minimatch\";\nimport { TagItem, type TagItemFormatted, TagItemMapper } from \"~/Tags/domain/index.js\";\n\ninterface TagsValuesPresenterParams {\n    values?: string[];\n    protectedValues?: string[];\n}\n\ninterface ITagsValuesPresenter {\n    vm: {\n        values: TagItemFormatted[];\n    };\n    init: (params: TagsValuesPresenterParams) => void;\n    addValue: (value: string) => void;\n    removeValue: (value: string) => void;\n    hasValue: (value: string) => boolean;\n    isValueProtected: (value: string) => boolean;\n}\n\nclass TagsValuesPresenter implements ITagsValuesPresenter {\n    private values: TagItem[] = [];\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params: TagsValuesPresenterParams) {\n        this.values =\n            params.values?.map(value =>\n                TagItem.create({\n                    label: value,\n                    protected: params.protectedValues\n                        ? params.protectedValues.some(pattern => minimatch(value, pattern))\n                        : false\n                })\n            ) ?? [];\n    }\n\n    get vm() {\n        return {\n            values: this.values.map(value => TagItemMapper.toFormatted(value))\n        };\n    }\n\n    public addValue = (value: string) => {\n        if (!value || this.values.find(tag => tag.label === value)) {\n            return;\n        }\n        const tagItem = TagItem.create({ label: value });\n        this.values.push(tagItem);\n    };\n\n    public removeValue = (value: string) => {\n        this.values = this.values.filter(\n            tagItem => tagItem.label !== value || this.isValueProtected(tagItem.label)\n        );\n    };\n\n    public hasValue = (value: string) => {\n        return !!this.values.find(tag => tag.label === value);\n    };\n\n    public isValueProtected = (value: string) => {\n        return !!this.values.find(tag => tag.label === value && tag.protected);\n    };\n}\n\nexport { TagsValuesPresenter, type ITagsValuesPresenter, type TagsValuesPresenterParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AACzC,SAASC,SAAS,QAAQ,WAAW;AACrC,SAASC,OAAO,EAAyBC,aAAa;AAkBtD,MAAMC,mBAAmB,CAAiC;EAC9CC,MAAM,GAAc,EAAE;EAE9BC,WAAWA,CAAA,EAAG;IACVN,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAO,IAAIA,CAACC,MAAiC,EAAE;IACpC,IAAI,CAACH,MAAM,GACPG,MAAM,CAACH,MAAM,EAAEI,GAAG,CAACC,KAAK,IACpBR,OAAO,CAACS,MAAM,CAAC;MACXC,KAAK,EAAEF,KAAK;MACZG,SAAS,EAAEL,MAAM,CAACM,eAAe,GAC3BN,MAAM,CAACM,eAAe,CAACC,IAAI,CAACC,OAAO,IAAIf,SAAS,CAACS,KAAK,EAAEM,OAAO,CAAC,CAAC,GACjE;IACV,CAAC,CACL,CAAC,IAAI,EAAE;EACf;EAEA,IAAIC,EAAEA,CAAA,EAAG;IACL,OAAO;MACHZ,MAAM,EAAE,IAAI,CAACA,MAAM,CAACI,GAAG,CAACC,KAAK,IAAIP,aAAa,CAACe,WAAW,CAACR,KAAK,CAAC;IACrE,CAAC;EACL;EAEOS,QAAQ,GAAIT,KAAa,IAAK;IACjC,IAAI,CAACA,KAAK,IAAI,IAAI,CAACL,MAAM,CAACe,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACT,KAAK,KAAKF,KAAK,CAAC,EAAE;MACxD;IACJ;IACA,MAAMY,OAAO,GAAGpB,OAAO,CAACS,MAAM,CAAC;MAAEC,KAAK,EAAEF;IAAM,CAAC,CAAC;IAChD,IAAI,CAACL,MAAM,CAACkB,IAAI,CAACD,OAAO,CAAC;EAC7B,CAAC;EAEME,WAAW,GAAId,KAAa,IAAK;IACpC,IAAI,CAACL,MAAM,GAAG,IAAI,CAACA,MAAM,CAACoB,MAAM,CAC5BH,OAAO,IAAIA,OAAO,CAACV,KAAK,KAAKF,KAAK,IAAI,IAAI,CAACgB,gBAAgB,CAACJ,OAAO,CAACV,KAAK,CAC7E,CAAC;EACL,CAAC;EAEMe,QAAQ,GAAIjB,KAAa,IAAK;IACjC,OAAO,CAAC,CAAC,IAAI,CAACL,MAAM,CAACe,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACT,KAAK,KAAKF,KAAK,CAAC;EACzD,CAAC;EAEMgB,gBAAgB,GAAIhB,KAAa,IAAK;IACzC,OAAO,CAAC,CAAC,IAAI,CAACL,MAAM,CAACe,IAAI,CAACC,GAAG,IAAIA,GAAG,CAACT,KAAK,KAAKF,KAAK,IAAIW,GAAG,CAACR,SAAS,CAAC;EAC1E,CAAC;AACL;AAEA,SAAST,mBAAmB","ignoreList":[]}
+{"version":3,"file":"Tags/primitives/presenters/TagsValuesPresenter.js","sources":["../../../../src/Tags/primitives/presenters/TagsValuesPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { minimatch } from \"minimatch\";\nimport { TagItem, type TagItemFormatted, TagItemMapper } from \"~/Tags/domain/index.js\";\n\ninterface TagsValuesPresenterParams {\n    values?: string[];\n    protectedValues?: string[];\n}\n\ninterface ITagsValuesPresenter {\n    vm: {\n        values: TagItemFormatted[];\n    };\n    init: (params: TagsValuesPresenterParams) => void;\n    addValue: (value: string) => void;\n    removeValue: (value: string) => void;\n    hasValue: (value: string) => boolean;\n    isValueProtected: (value: string) => boolean;\n}\n\nclass TagsValuesPresenter implements ITagsValuesPresenter {\n    private values: TagItem[] = [];\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    init(params: TagsValuesPresenterParams) {\n        this.values =\n            params.values?.map(value =>\n                TagItem.create({\n                    label: value,\n                    protected: params.protectedValues\n                        ? params.protectedValues.some(pattern => minimatch(value, pattern))\n                        : false\n                })\n            ) ?? [];\n    }\n\n    get vm() {\n        return {\n            values: this.values.map(value => TagItemMapper.toFormatted(value))\n        };\n    }\n\n    public addValue = (value: string) => {\n        if (!value || this.values.find(tag => tag.label === value)) {\n            return;\n        }\n        const tagItem = TagItem.create({ label: value });\n        this.values.push(tagItem);\n    };\n\n    public removeValue = (value: string) => {\n        this.values = this.values.filter(\n            tagItem => tagItem.label !== value || this.isValueProtected(tagItem.label)\n        );\n    };\n\n    public hasValue = (value: string) => {\n        return !!this.values.find(tag => tag.label === value);\n    };\n\n    public isValueProtected = (value: string) => {\n        return !!this.values.find(tag => tag.label === value && tag.protected);\n    };\n}\n\nexport { TagsValuesPresenter, type ITagsValuesPresenter, type TagsValuesPresenterParams };\n"],"names":["TagsValuesPresenter","value","tag","tagItem","TagItem","makeAutoObservable","params","pattern","minimatch","TagItemMapper"],"mappings":";;;AAoBA,MAAMA;IAGF,aAAc;aAFN,MAAM,GAAc,EAAE;aAwBvB,QAAQ,GAAG,CAACC;YACf,IAAI,CAACA,SAAS,IAAI,CAAC,MAAM,CAAC,IAAI,CAACC,CAAAA,MAAOA,IAAI,KAAK,KAAKD,QAChD;YAEJ,MAAME,UAAUC,QAAQ,MAAM,CAAC;gBAAE,OAAOH;YAAM;YAC9C,IAAI,CAAC,MAAM,CAAC,IAAI,CAACE;QACrB;aAEO,WAAW,GAAG,CAACF;YAClB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAC5BE,CAAAA,UAAWA,QAAQ,KAAK,KAAKF,SAAS,IAAI,CAAC,gBAAgB,CAACE,QAAQ,KAAK;QAEjF;aAEO,QAAQ,GAAG,CAACF,QACR,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAACC,CAAAA,MAAOA,IAAI,KAAK,KAAKD;aAG5C,gBAAgB,GAAG,CAACA,QAChB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAACC,CAAAA,MAAOA,IAAI,KAAK,KAAKD,SAASC,IAAI,SAAS;QAxCrEG,mBAAmB,IAAI;IAC3B;IAEA,KAAKC,MAAiC,EAAE;QACpC,IAAI,CAAC,MAAM,GACPA,OAAO,MAAM,EAAE,IAAIL,CAAAA,QACfG,QAAQ,MAAM,CAAC;gBACX,OAAOH;gBACP,WAAWK,OAAO,eAAe,GAC3BA,OAAO,eAAe,CAAC,IAAI,CAACC,CAAAA,UAAWC,UAAUP,OAAOM,YACxD;YACV,OACC,EAAE;IACf;IAEA,IAAI,KAAK;QACL,OAAO;YACH,QAAQ,IAAI,CAAC,MAAM,CAAC,GAAG,CAACN,CAAAA,QAASQ,cAAc,WAAW,CAACR;QAC/D;IACJ;AAuBJ"}

package/Tags/primitives/presenters/index.js

@@ -1,5 +1,3 @@
 export * from "./TagsPresenter.js";
 export * from "./TagsInputPresenter.js";
 export * from "./TagsValuesPresenter.js";
-
-//# sourceMappingURL=index.js.map

package/Tags/primitives/useTags.js

@@ -1,36 +1,48 @@
 import { useEffect, useMemo, useState } from "react";
 import { autorun } from "mobx";
 import { TagsInputPresenter, TagsPresenter, TagsValuesPresenter } from "./presenters/index.js";
-export const useTags = props => {
-  const params = useMemo(() => ({
-    values: props.value,
-    protectedValues: props.protectedValues,
-    placeholder: props.placeholder,
-    onValueChange: props.onChange,
-    onValueInput: props.onValueInput,
-    onValueAdd: props.onValueAdd,
-    onValueRemove: props.onValueRemove
-  }), [props.value, props.protectedValues, props.placeholder, props.onChange, props.onValueInput, props.onValueAdd, props.onValueRemove]);
-  const presenter = useMemo(() => {
-    const inputPresenter = new TagsInputPresenter();
-    const valuesPresenter = new TagsValuesPresenter();
-    return new TagsPresenter(inputPresenter, valuesPresenter);
-  }, []);
-  const [vm, setVm] = useState(presenter.vm);
-  useEffect(() => {
-    presenter.init(params);
-  }, [params, presenter]);
-  useEffect(() => {
-    return autorun(() => {
-      setVm(presenter.vm);
-    });
-  }, [presenter]);
-  return {
-    vm,
-    inputValue: presenter.inputValue,
-    addValue: presenter.addValue,
-    removeValue: presenter.removeValue
-  };
+const useTags = (props)=>{
+    const params = useMemo(()=>({
+            values: props.value,
+            protectedValues: props.protectedValues,
+            placeholder: props.placeholder,
+            onValueChange: props.onChange,
+            onValueInput: props.onValueInput,
+            onValueAdd: props.onValueAdd,
+            onValueRemove: props.onValueRemove
+        }), [
+        props.value,
+        props.protectedValues,
+        props.placeholder,
+        props.onChange,
+        props.onValueInput,
+        props.onValueAdd,
+        props.onValueRemove
+    ]);
+    const presenter = useMemo(()=>{
+        const inputPresenter = new TagsInputPresenter();
+        const valuesPresenter = new TagsValuesPresenter();
+        return new TagsPresenter(inputPresenter, valuesPresenter);
+    }, []);
+    const [vm, setVm] = useState(presenter.vm);
+    useEffect(()=>{
+        presenter.init(params);
+    }, [
+        params,
+        presenter
+    ]);
+    useEffect(()=>autorun(()=>{
+            setVm(presenter.vm);
+        }), [
+        presenter
+    ]);
+    return {
+        vm,
+        inputValue: presenter.inputValue,
+        addValue: presenter.addValue,
+        removeValue: presenter.removeValue
+    };
 };
+export { useTags };
 
 //# sourceMappingURL=useTags.js.map

package/Tags/primitives/useTags.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","TagsInputPresenter","TagsPresenter","TagsValuesPresenter","useTags","props","params","values","value","protectedValues","placeholder","onValueChange","onChange","onValueInput","onValueAdd","onValueRemove","presenter","inputPresenter","valuesPresenter","vm","setVm","init","inputValue","addValue","removeValue"],"sources":["useTags.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport {\n    TagsInputPresenter,\n    TagsPresenter,\n    type TagsPresenterParams,\n    TagsValuesPresenter\n} from \"./presenters/index.js\";\nimport type { TagsPrimitiveProps } from \"./TagsPrimitive.js\";\n\nexport const useTags = (props: TagsPrimitiveProps) => {\n    const params: TagsPresenterParams = useMemo(\n        () => ({\n            values: props.value,\n            protectedValues: props.protectedValues,\n            placeholder: props.placeholder,\n            onValueChange: props.onChange,\n            onValueInput: props.onValueInput,\n            onValueAdd: props.onValueAdd,\n            onValueRemove: props.onValueRemove\n        }),\n        [\n            props.value,\n            props.protectedValues,\n            props.placeholder,\n            props.onChange,\n            props.onValueInput,\n            props.onValueAdd,\n            props.onValueRemove\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        const inputPresenter = new TagsInputPresenter();\n        const valuesPresenter = new TagsValuesPresenter();\n\n        return new TagsPresenter(inputPresenter, valuesPresenter);\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params, presenter]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm,\n        inputValue: presenter.inputValue,\n        addValue: presenter.addValue,\n        removeValue: presenter.removeValue\n    };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,SAASC,OAAO,QAAQ,MAAM;AAC9B,SACIC,kBAAkB,EAClBC,aAAa,EAEbC,mBAAmB;AAIvB,OAAO,MAAMC,OAAO,GAAIC,KAAyB,IAAK;EAClD,MAAMC,MAA2B,GAAGR,OAAO,CACvC,OAAO;IACHS,MAAM,EAAEF,KAAK,CAACG,KAAK;IACnBC,eAAe,EAAEJ,KAAK,CAACI,eAAe;IACtCC,WAAW,EAAEL,KAAK,CAACK,WAAW;IAC9BC,aAAa,EAAEN,KAAK,CAACO,QAAQ;IAC7BC,YAAY,EAAER,KAAK,CAACQ,YAAY;IAChCC,UAAU,EAAET,KAAK,CAACS,UAAU;IAC5BC,aAAa,EAAEV,KAAK,CAACU;EACzB,CAAC,CAAC,EACF,CACIV,KAAK,CAACG,KAAK,EACXH,KAAK,CAACI,eAAe,EACrBJ,KAAK,CAACK,WAAW,EACjBL,KAAK,CAACO,QAAQ,EACdP,KAAK,CAACQ,YAAY,EAClBR,KAAK,CAACS,UAAU,EAChBT,KAAK,CAACU,aAAa,CAE3B,CAAC;EAED,MAAMC,SAAS,GAAGlB,OAAO,CAAC,MAAM;IAC5B,MAAMmB,cAAc,GAAG,IAAIhB,kBAAkB,CAAC,CAAC;IAC/C,MAAMiB,eAAe,GAAG,IAAIf,mBAAmB,CAAC,CAAC;IAEjD,OAAO,IAAID,aAAa,CAACe,cAAc,EAAEC,eAAe,CAAC;EAC7D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACC,EAAE,EAAEC,KAAK,CAAC,GAAGrB,QAAQ,CAACiB,SAAS,CAACG,EAAE,CAAC;EAE1CtB,SAAS,CAAC,MAAM;IACZmB,SAAS,CAACK,IAAI,CAACf,MAAM,CAAC;EAC1B,CAAC,EAAE,CAACA,MAAM,EAAEU,SAAS,CAAC,CAAC;EAEvBnB,SAAS,CAAC,MAAM;IACZ,OAAOG,OAAO,CAAC,MAAM;MACjBoB,KAAK,CAACJ,SAAS,CAACG,EAAE,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,EAAE,CAACH,SAAS,CAAC,CAAC;EAEf,OAAO;IACHG,EAAE;IACFG,UAAU,EAAEN,SAAS,CAACM,UAAU;IAChCC,QAAQ,EAAEP,SAAS,CAACO,QAAQ;IAC5BC,WAAW,EAAER,SAAS,CAACQ;EAC3B,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"Tags/primitives/useTags.js","sources":["../../../src/Tags/primitives/useTags.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { autorun } from \"mobx\";\nimport {\n    TagsInputPresenter,\n    TagsPresenter,\n    type TagsPresenterParams,\n    TagsValuesPresenter\n} from \"./presenters/index.js\";\nimport type { TagsPrimitiveProps } from \"./TagsPrimitive.js\";\n\nexport const useTags = (props: TagsPrimitiveProps) => {\n    const params: TagsPresenterParams = useMemo(\n        () => ({\n            values: props.value,\n            protectedValues: props.protectedValues,\n            placeholder: props.placeholder,\n            onValueChange: props.onChange,\n            onValueInput: props.onValueInput,\n            onValueAdd: props.onValueAdd,\n            onValueRemove: props.onValueRemove\n        }),\n        [\n            props.value,\n            props.protectedValues,\n            props.placeholder,\n            props.onChange,\n            props.onValueInput,\n            props.onValueAdd,\n            props.onValueRemove\n        ]\n    );\n\n    const presenter = useMemo(() => {\n        const inputPresenter = new TagsInputPresenter();\n        const valuesPresenter = new TagsValuesPresenter();\n\n        return new TagsPresenter(inputPresenter, valuesPresenter);\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params, presenter]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    return {\n        vm,\n        inputValue: presenter.inputValue,\n        addValue: presenter.addValue,\n        removeValue: presenter.removeValue\n    };\n};\n"],"names":["useTags","props","params","useMemo","presenter","inputPresenter","TagsInputPresenter","valuesPresenter","TagsValuesPresenter","TagsPresenter","vm","setVm","useState","useEffect","autorun"],"mappings":";;;AAUO,MAAMA,UAAU,CAACC;IACpB,MAAMC,SAA8BC,QAChC,IAAO;YACH,QAAQF,MAAM,KAAK;YACnB,iBAAiBA,MAAM,eAAe;YACtC,aAAaA,MAAM,WAAW;YAC9B,eAAeA,MAAM,QAAQ;YAC7B,cAAcA,MAAM,YAAY;YAChC,YAAYA,MAAM,UAAU;YAC5B,eAAeA,MAAM,aAAa;QACtC,IACA;QACIA,MAAM,KAAK;QACXA,MAAM,eAAe;QACrBA,MAAM,WAAW;QACjBA,MAAM,QAAQ;QACdA,MAAM,YAAY;QAClBA,MAAM,UAAU;QAChBA,MAAM,aAAa;KACtB;IAGL,MAAMG,YAAYD,QAAQ;QACtB,MAAME,iBAAiB,IAAIC;QAC3B,MAAMC,kBAAkB,IAAIC;QAE5B,OAAO,IAAIC,cAAcJ,gBAAgBE;IAC7C,GAAG,EAAE;IAEL,MAAM,CAACG,IAAIC,MAAM,GAAGC,SAASR,UAAU,EAAE;IAEzCS,UAAU;QACNT,UAAU,IAAI,CAACF;IACnB,GAAG;QAACA;QAAQE;KAAU;IAEtBS,UAAU,IACCC,QAAQ;YACXH,MAAMP,UAAU,EAAE;QACtB,IACD;QAACA;KAAU;IAEd,OAAO;QACHM;QACA,YAAYN,UAAU,UAAU;QAChC,UAAUA,UAAU,QAAQ;QAC5B,aAAaA,UAAU,WAAW;IACtC;AACJ"}

package/Text/Text.js

@@ -1,31 +1,24 @@
-import React from "react";
+import react from "react";
 import { cn, cva, makeDecoratable } from "../utils.js";
 const textVariants = cva("font-sans", {
-  variants: {
-    size: {
-      xl: "text-xl",
-      lg: "text-lg",
-      md: "text-md",
-      sm: "text-sm"
+    variants: {
+        size: {
+            xl: "text-xl",
+            lg: "text-lg",
+            md: "text-md",
+            sm: "text-sm"
+        }
+    },
+    defaultVariants: {
+        size: "md"
     }
-  },
-  defaultVariants: {
-    size: "md"
-  }
 });
-const TextBase = ({
-  children,
-  size,
-  className,
-  as: Tag = "span",
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(Tag, Object.assign({}, props, {
-    className: cn(textVariants({
-      size
-    }), className)
-  }), children);
-};
+const TextBase = ({ children, size, className, as: Tag = "span", ...props })=>/*#__PURE__*/ react.createElement(Tag, {
+        ...props,
+        className: cn(textVariants({
+            size
+        }), className)
+    }, children);
 const Text = makeDecoratable("Text", TextBase);
 export { Text };
 

package/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","makeDecoratable","textVariants","variants","size","xl","lg","md","sm","defaultVariants","TextBase","children","className","as","Tag","props","createElement","Object","assign","Text"],"sources":["Text.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils.js\";\n\ntype TextTags = \"span\" | \"div\";\n\nconst textVariants = cva(\"font-sans\", {\n    variants: {\n        size: {\n            xl: \"text-xl\",\n            lg: \"text-lg\",\n            md: \"text-md\",\n            sm: \"text-sm\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\ninterface TextProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof textVariants> {\n    as?: TextTags;\n}\n\nconst TextBase = ({ children, size, className, as: Tag = \"span\", ...props }: TextProps) => {\n    return (\n        <Tag {...props} className={cn(textVariants({ size }), className)}>\n            {children}\n        </Tag>\n    );\n};\n\nconst Text = makeDecoratable(\"Text\", TextBase);\n\nexport { Text, type TextProps, type TextTags };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG,EAAEC,eAAe;AAIjC,MAAMC,YAAY,GAAGF,GAAG,CAAC,WAAW,EAAE;EAClCG,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACR;EACJ,CAAC;EACDC,eAAe,EAAE;IACbL,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AAMF,MAAMM,QAAQ,GAAGA,CAAC;EAAEC,QAAQ;EAAEP,IAAI;EAAEQ,SAAS;EAAEC,EAAE,EAAEC,GAAG,GAAG,MAAM;EAAE,GAAGC;AAAiB,CAAC,KAAK;EACvF,oBACIjB,KAAA,CAAAkB,aAAA,CAACF,GAAG,EAAAG,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEH,SAAS,EAAEb,EAAE,CAACG,YAAY,CAAC;MAAEE;IAAK,CAAC,CAAC,EAAEQ,SAAS;EAAE,IAC5DD,QACA,CAAC;AAEd,CAAC;AAED,MAAMQ,IAAI,GAAGlB,eAAe,CAAC,MAAM,EAAES,QAAQ,CAAC;AAE9C,SAASS,IAAI","ignoreList":[]}
+{"version":3,"file":"Text/Text.js","sources":["../../src/Text/Text.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, makeDecoratable, type VariantProps } from \"~/utils.js\";\n\ntype TextTags = \"span\" | \"div\";\n\nconst textVariants = cva(\"font-sans\", {\n    variants: {\n        size: {\n            xl: \"text-xl\",\n            lg: \"text-lg\",\n            md: \"text-md\",\n            sm: \"text-sm\"\n        }\n    },\n    defaultVariants: {\n        size: \"md\"\n    }\n});\n\ninterface TextProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof textVariants> {\n    as?: TextTags;\n}\n\nconst TextBase = ({ children, size, className, as: Tag = \"span\", ...props }: TextProps) => {\n    return (\n        <Tag {...props} className={cn(textVariants({ size }), className)}>\n            {children}\n        </Tag>\n    );\n};\n\nconst Text = makeDecoratable(\"Text\", TextBase);\n\nexport { Text, type TextProps, type TextTags };\n"],"names":["textVariants","cva","TextBase","children","size","className","Tag","props","cn","Text","makeDecoratable"],"mappings":";;AAKA,MAAMA,eAAeC,IAAI,aAAa;IAClC,UAAU;QACN,MAAM;YACF,IAAI;YACJ,IAAI;YACJ,IAAI;YACJ,IAAI;QACR;IACJ;IACA,iBAAiB;QACb,MAAM;IACV;AACJ;AAMA,MAAMC,WAAW,CAAC,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,SAAS,EAAE,IAAIC,MAAM,MAAM,EAAE,GAAGC,OAAkB,GAC3E,WAAP,GACI,oBAACD,KAAAA;QAAK,GAAGC,KAAK;QAAE,WAAWC,GAAGR,aAAa;YAAEI;QAAK,IAAIC;OACjDF;AAKb,MAAMM,OAAOC,gBAAgB,QAAQR"}

package/Text/Text.stories.js

@@ -1,55 +1,67 @@
 import { Text } from "./Text.js";
 const meta = {
-  title: "Components/Text",
-  component: Text,
-  argTypes: {
-    size: {
-      control: "select",
-      options: ["sm", "md", "lg", "xl"]
+    title: "Components/Text",
+    component: Text,
+    argTypes: {
+        size: {
+            control: "select",
+            options: [
+                "sm",
+                "md",
+                "lg",
+                "xl"
+            ]
+        }
     }
-  }
 };
-export default meta;
-export const TextXl = {
-  args: {
-    size: "xl",
-    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
-  }
+const Text_stories = meta;
+const TextXl = {
+    args: {
+        size: "xl",
+        children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
+    }
 };
-export const TextLg = {
-  args: {
-    size: "lg",
-    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
-  }
+const TextLg = {
+    args: {
+        size: "lg",
+        children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
+    }
 };
-export const TextMd = {
-  args: {
-    size: "md",
-    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
-  }
+const TextMd = {
+    args: {
+        size: "md",
+        children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
+    }
 };
-export const TextSm = {
-  args: {
-    size: "sm",
-    children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
-  }
+const TextSm = {
+    args: {
+        size: "sm",
+        children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus."
+    }
 };
-export const Documentation = {
-  args: {
-    size: "md",
-    children: "Text component example"
-  },
-  argTypes: {
-    size: {
-      description: "The size of the text",
-      control: "select",
-      options: ["sm", "md", "lg", "xl"]
+const Documentation = {
+    args: {
+        size: "md",
+        children: "Text component example"
     },
-    children: {
-      description: "The content of the text",
-      control: "text"
+    argTypes: {
+        size: {
+            description: "The size of the text",
+            control: "select",
+            options: [
+                "sm",
+                "md",
+                "lg",
+                "xl"
+            ]
+        },
+        children: {
+            description: "The content of the text",
+            control: "text"
+        }
     }
-  }
 };
+export default Text_stories;
+export { Documentation, TextLg, TextMd, TextSm, TextXl };
 
 //# sourceMappingURL=Text.stories.js.map

package/Text/Text.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["Text","meta","title","component","argTypes","size","control","options","TextXl","args","children","TextLg","TextMd","TextSm","Documentation","description"],"sources":["Text.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-webpack5\";\n\nimport { Text } from \"./Text.js\";\n\nconst meta: Meta<typeof Text> = {\n    title: \"Components/Text\",\n    component: Text,\n    argTypes: {\n        size: { control: \"select\", options: [\"sm\", \"md\", \"lg\", \"xl\"] }\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Text>;\n\nexport const TextXl: Story = {\n    args: {\n        size: \"xl\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const TextLg: Story = {\n    args: {\n        size: \"lg\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const TextMd: Story = {\n    args: {\n        size: \"md\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const TextSm: Story = {\n    args: {\n        size: \"sm\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        size: \"md\",\n        children: \"Text component example\"\n    },\n    argTypes: {\n        size: {\n            description: \"The size of the text\",\n            control: \"select\",\n            options: [\"sm\", \"md\", \"lg\", \"xl\"]\n        },\n        children: {\n            description: \"The content of the text\",\n            control: \"text\"\n        }\n    }\n};\n"],"mappings":"AAEA,SAASA,IAAI;AAEb,MAAMC,IAAuB,GAAG;EAC5BC,KAAK,EAAE,iBAAiB;EACxBC,SAAS,EAAEH,IAAI;EACfI,QAAQ,EAAE;IACNC,IAAI,EAAE;MAAEC,OAAO,EAAE,QAAQ;MAAEC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IAAE;EACjE;AACJ,CAAC;AAED,eAAeN,IAAI;AAGnB,OAAO,MAAMO,MAAa,GAAG;EACzBC,IAAI,EAAE;IACFJ,IAAI,EAAE,IAAI;IACVK,QAAQ,EACJ;EACR;AACJ,CAAC;AAED,OAAO,MAAMC,MAAa,GAAG;EACzBF,IAAI,EAAE;IACFJ,IAAI,EAAE,IAAI;IACVK,QAAQ,EACJ;EACR;AACJ,CAAC;AAED,OAAO,MAAME,MAAa,GAAG;EACzBH,IAAI,EAAE;IACFJ,IAAI,EAAE,IAAI;IACVK,QAAQ,EACJ;EACR;AACJ,CAAC;AAED,OAAO,MAAMG,MAAa,GAAG;EACzBJ,IAAI,EAAE;IACFJ,IAAI,EAAE,IAAI;IACVK,QAAQ,EACJ;EACR;AACJ,CAAC;AAED,OAAO,MAAMI,aAAoB,GAAG;EAChCL,IAAI,EAAE;IACFJ,IAAI,EAAE,IAAI;IACVK,QAAQ,EAAE;EACd,CAAC;EACDN,QAAQ,EAAE;IACNC,IAAI,EAAE;MACFU,WAAW,EAAE,sBAAsB;MACnCT,OAAO,EAAE,QAAQ;MACjBC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IACpC,CAAC;IACDG,QAAQ,EAAE;MACNK,WAAW,EAAE,yBAAyB;MACtCT,OAAO,EAAE;IACb;EACJ;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"Text/Text.stories.js","sources":["../../src/Text/Text.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-webpack5\";\n\nimport { Text } from \"./Text.js\";\n\nconst meta: Meta<typeof Text> = {\n    title: \"Components/Text\",\n    component: Text,\n    argTypes: {\n        size: { control: \"select\", options: [\"sm\", \"md\", \"lg\", \"xl\"] }\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Text>;\n\nexport const TextXl: Story = {\n    args: {\n        size: \"xl\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const TextLg: Story = {\n    args: {\n        size: \"lg\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const TextMd: Story = {\n    args: {\n        size: \"md\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const TextSm: Story = {\n    args: {\n        size: \"sm\",\n        children:\n            \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus tortor eu sapien interdum rhoncus.\"\n    }\n};\n\nexport const Documentation: Story = {\n    args: {\n        size: \"md\",\n        children: \"Text component example\"\n    },\n    argTypes: {\n        size: {\n            description: \"The size of the text\",\n            control: \"select\",\n            options: [\"sm\", \"md\", \"lg\", \"xl\"]\n        },\n        children: {\n            description: \"The content of the text\",\n            control: \"text\"\n        }\n    }\n};\n"],"names":["meta","Text","TextXl","TextLg","TextMd","TextSm","Documentation"],"mappings":";AAIA,MAAMA,OAA0B;IAC5B,OAAO;IACP,WAAWC;IACX,UAAU;QACN,MAAM;YAAE,SAAS;YAAU,SAAS;gBAAC;gBAAM;gBAAM;gBAAM;aAAK;QAAC;IACjE;AACJ;AAEA,qBAAeD;AAGR,MAAME,SAAgB;IACzB,MAAM;QACF,MAAM;QACN,UACI;IACR;AACJ;AAEO,MAAMC,SAAgB;IACzB,MAAM;QACF,MAAM;QACN,UACI;IACR;AACJ;AAEO,MAAMC,SAAgB;IACzB,MAAM;QACF,MAAM;QACN,UACI;IACR;AACJ;AAEO,MAAMC,SAAgB;IACzB,MAAM;QACF,MAAM;QACN,UACI;IACR;AACJ;AAEO,MAAMC,gBAAuB;IAChC,MAAM;QACF,MAAM;QACN,UAAU;IACd;IACA,UAAU;QACN,MAAM;YACF,aAAa;YACb,SAAS;YACT,SAAS;gBAAC;gBAAM;gBAAM;gBAAM;aAAK;QACrC;QACA,UAAU;YACN,aAAa;YACb,SAAS;QACb;IACJ;AACJ"}

package/Text/index.js

@@ -1,3 +1 @@
 export * from "./Text.js";
-
-//# sourceMappingURL=index.js.map

package/Textarea/Textarea.js

@@ -1,59 +1,51 @@
-import React, { useCallback, useMemo } from "react";
+import react, { useCallback, useMemo } from "react";
 import { generateId, makeDecoratable } from "../utils.js";
 import { TextareaPrimitive } from "./TextareaPrimitive.js";
 import { FormComponentDescription, FormComponentErrorMessage, FormComponentLabel, FormComponentNote } from "../FormComponent/index.js";
-const DecoratableTextarea = ({
-  label,
-  description,
-  note,
-  hint,
-  required,
-  disabled,
-  validation,
-  validate,
-  onBlur: originalOnBlur,
-  ...props
-}) => {
-  const {
-    isValid: validationIsValid,
-    message: validationMessage
-  } = validation || {};
-  const id = useMemo(() => generateId(props.id), [props.id]);
-  const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);
-  const onBlur = useCallback(async e => {
-    if (validate) {
-      // Since we are accessing event in an async operation, we need to persist it.
-      // See https://reactjs.org/docs/events.html#event-pooling.
-      e.persist();
-      await validate();
-    }
-    originalOnBlur && originalOnBlur(e);
-  }, [validate, originalOnBlur]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "w-full"
-  }, /*#__PURE__*/React.createElement(FormComponentLabel, {
-    htmlFor: id,
-    text: label,
-    hint: hint,
-    required: required,
-    disabled: disabled,
-    invalid: invalid
-  }), /*#__PURE__*/React.createElement(FormComponentDescription, {
-    text: description,
-    disabled: disabled
-  }), /*#__PURE__*/React.createElement(TextareaPrimitive, Object.assign({}, props, {
-    id: id,
-    disabled: disabled,
-    invalid: invalid,
-    onBlur: onBlur
-  })), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
-    text: validationMessage,
-    invalid: invalid,
-    disabled: disabled
-  }), /*#__PURE__*/React.createElement(FormComponentNote, {
-    text: note,
-    disabled: disabled
-  }));
+const DecoratableTextarea = ({ label, description, note, hint, required, disabled, validation, validate, onBlur: originalOnBlur, ...props })=>{
+    const { isValid: validationIsValid, message: validationMessage } = validation || {};
+    const id = useMemo(()=>generateId(props.id), [
+        props.id
+    ]);
+    const invalid = useMemo(()=>false === validationIsValid, [
+        validationIsValid
+    ]);
+    const onBlur = useCallback(async (e)=>{
+        if (validate) {
+            e.persist();
+            await validate();
+        }
+        originalOnBlur && originalOnBlur(e);
+    }, [
+        validate,
+        originalOnBlur
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "w-full"
+    }, /*#__PURE__*/ react.createElement(FormComponentLabel, {
+        htmlFor: id,
+        text: label,
+        hint: hint,
+        required: required,
+        disabled: disabled,
+        invalid: invalid
+    }), /*#__PURE__*/ react.createElement(FormComponentDescription, {
+        text: description,
+        disabled: disabled
+    }), /*#__PURE__*/ react.createElement(TextareaPrimitive, {
+        ...props,
+        id: id,
+        disabled: disabled,
+        invalid: invalid,
+        onBlur: onBlur
+    }), /*#__PURE__*/ react.createElement(FormComponentErrorMessage, {
+        text: validationMessage,
+        invalid: invalid,
+        disabled: disabled
+    }), /*#__PURE__*/ react.createElement(FormComponentNote, {
+        text: note,
+        disabled: disabled
+    }));
 };
 const Textarea = makeDecoratable("Textarea", DecoratableTextarea);
 export { Textarea };

package/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","generateId","makeDecoratable","TextareaPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableTextarea","label","description","note","hint","required","disabled","validation","validate","onBlur","originalOnBlur","props","isValid","validationIsValid","message","validationMessage","id","invalid","e","persist","createElement","className","htmlFor","text","Object","assign","Textarea"],"sources":["Textarea.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { generateId, makeDecoratable } from \"~/utils.js\";\nimport type { TextareaPrimitiveProps } from \"./TextareaPrimitive.js\";\nimport { TextareaPrimitive } from \"./TextareaPrimitive.js\";\nimport type { FormComponentProps } from \"~/FormComponent/index.js\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote\n} from \"~/FormComponent/index.js\";\n\ntype TextareaGroupProps = Omit<TextareaPrimitiveProps, \"onChange\"> & FormComponentProps;\n\nconst DecoratableTextarea = ({\n    label,\n    description,\n    note,\n    hint,\n    required,\n    disabled,\n    validation,\n    validate,\n    onBlur: originalOnBlur,\n    ...props\n}: TextareaGroupProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const id = useMemo(() => generateId(props.id), [props.id]);\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    const onBlur = useCallback(\n        async (e: React.FocusEvent<HTMLTextAreaElement>) => {\n            if (validate) {\n                // Since we are accessing event in an async operation, we need to persist it.\n                // See https://reactjs.org/docs/events.html#event-pooling.\n                e.persist();\n                await validate();\n            }\n            originalOnBlur && originalOnBlur(e);\n        },\n        [validate, originalOnBlur]\n    );\n\n    return (\n        <div className={\"w-full\"}>\n            <FormComponentLabel\n                htmlFor={id}\n                text={label}\n                hint={hint}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <TextareaPrimitive\n                {...props}\n                id={id}\n                disabled={disabled}\n                invalid={invalid}\n                onBlur={onBlur}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\nconst Textarea = makeDecoratable(\"Textarea\", DecoratableTextarea);\n\nexport { Textarea };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,SAASC,UAAU,EAAEC,eAAe;AAEpC,SAASC,iBAAiB;AAE1B,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAKrB,MAAMC,mBAAmB,GAAGA,CAAC;EACzBC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACRC,MAAM,EAAEC,cAAc;EACtB,GAAGC;AACa,CAAC,KAAK;EACtB,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGR,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMS,EAAE,GAAGxB,OAAO,CAAC,MAAMC,UAAU,CAACkB,KAAK,CAACK,EAAE,CAAC,EAAE,CAACL,KAAK,CAACK,EAAE,CAAC,CAAC;EAC1D,MAAMC,OAAO,GAAGzB,OAAO,CAAC,MAAMqB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,MAAMJ,MAAM,GAAGlB,WAAW,CACtB,MAAO2B,CAAwC,IAAK;IAChD,IAAIV,QAAQ,EAAE;MACV;MACA;MACAU,CAAC,CAACC,OAAO,CAAC,CAAC;MACX,MAAMX,QAAQ,CAAC,CAAC;IACpB;IACAE,cAAc,IAAIA,cAAc,CAACQ,CAAC,CAAC;EACvC,CAAC,EACD,CAACV,QAAQ,EAAEE,cAAc,CAC7B,CAAC;EAED,oBACIpB,KAAA,CAAA8B,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrB/B,KAAA,CAAA8B,aAAA,CAACtB,kBAAkB;IACfwB,OAAO,EAAEN,EAAG;IACZO,IAAI,EAAEtB,KAAM;IACZG,IAAI,EAAEA,IAAK;IACXC,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACF3B,KAAA,CAAA8B,aAAA,CAACxB,wBAAwB;IAAC2B,IAAI,EAAErB,WAAY;IAACI,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACnEhB,KAAA,CAAA8B,aAAA,CAACzB,iBAAiB,EAAA6B,MAAA,CAAAC,MAAA,KACVd,KAAK;IACTK,EAAE,EAAEA,EAAG;IACPV,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAEA,OAAQ;IACjBR,MAAM,EAAEA;EAAO,EAClB,CAAC,eACFnB,KAAA,CAAA8B,aAAA,CAACvB,yBAAyB;IACtB0B,IAAI,EAAER,iBAAkB;IACxBE,OAAO,EAAEA,OAAQ;IACjBX,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFhB,KAAA,CAAA8B,aAAA,CAACrB,iBAAiB;IAACwB,IAAI,EAAEpB,IAAK;IAACG,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AACD,MAAMoB,QAAQ,GAAGhC,eAAe,CAAC,UAAU,EAAEM,mBAAmB,CAAC;AAEjE,SAAS0B,QAAQ","ignoreList":[]}
+{"version":3,"file":"Textarea/Textarea.js","sources":["../../src/Textarea/Textarea.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { generateId, makeDecoratable } from \"~/utils.js\";\nimport type { TextareaPrimitiveProps } from \"./TextareaPrimitive.js\";\nimport { TextareaPrimitive } from \"./TextareaPrimitive.js\";\nimport type { FormComponentProps } from \"~/FormComponent/index.js\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote\n} from \"~/FormComponent/index.js\";\n\ntype TextareaGroupProps = Omit<TextareaPrimitiveProps, \"onChange\"> & FormComponentProps;\n\nconst DecoratableTextarea = ({\n    label,\n    description,\n    note,\n    hint,\n    required,\n    disabled,\n    validation,\n    validate,\n    onBlur: originalOnBlur,\n    ...props\n}: TextareaGroupProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const id = useMemo(() => generateId(props.id), [props.id]);\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    const onBlur = useCallback(\n        async (e: React.FocusEvent<HTMLTextAreaElement>) => {\n            if (validate) {\n                // Since we are accessing event in an async operation, we need to persist it.\n                // See https://reactjs.org/docs/events.html#event-pooling.\n                e.persist();\n                await validate();\n            }\n            originalOnBlur && originalOnBlur(e);\n        },\n        [validate, originalOnBlur]\n    );\n\n    return (\n        <div className={\"w-full\"}>\n            <FormComponentLabel\n                htmlFor={id}\n                text={label}\n                hint={hint}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <TextareaPrimitive\n                {...props}\n                id={id}\n                disabled={disabled}\n                invalid={invalid}\n                onBlur={onBlur}\n            />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\nconst Textarea = makeDecoratable(\"Textarea\", DecoratableTextarea);\n\nexport { Textarea };\n"],"names":["DecoratableTextarea","label","description","note","hint","required","disabled","validation","validate","originalOnBlur","props","validationIsValid","validationMessage","id","useMemo","generateId","invalid","onBlur","useCallback","e","FormComponentLabel","FormComponentDescription","TextareaPrimitive","FormComponentErrorMessage","FormComponentNote","Textarea","makeDecoratable"],"mappings":";;;;AAcA,MAAMA,sBAAsB,CAAC,EACzBC,KAAK,EACLC,WAAW,EACXC,IAAI,EACJC,IAAI,EACJC,QAAQ,EACRC,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACR,QAAQC,cAAc,EACtB,GAAGC,OACc;IACjB,MAAM,EAAE,SAASC,iBAAiB,EAAE,SAASC,iBAAiB,EAAE,GAAGL,cAAc,CAAC;IAClF,MAAMM,KAAKC,QAAQ,IAAMC,WAAWL,MAAM,EAAE,GAAG;QAACA,MAAM,EAAE;KAAC;IACzD,MAAMM,UAAUF,QAAQ,IAAMH,AAAsB,UAAtBA,mBAA6B;QAACA;KAAkB;IAE9E,MAAMM,SAASC,YACX,OAAOC;QACH,IAAIX,UAAU;YAGVW,EAAE,OAAO;YACT,MAAMX;QACV;QACAC,kBAAkBA,eAAeU;IACrC,GACA;QAACX;QAAUC;KAAe;IAG9B,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACW,oBAAkBA;QACf,SAASP;QACT,MAAMZ;QACN,MAAMG;QACN,UAAUC;QACV,UAAUC;QACV,SAASU;sBAEb,oBAACK,0BAAwBA;QAAC,MAAMnB;QAAa,UAAUI;sBACvD,oBAACgB,mBAAiBA;QACb,GAAGZ,KAAK;QACT,IAAIG;QACJ,UAAUP;QACV,SAASU;QACT,QAAQC;sBAEZ,oBAACM,2BAAyBA;QACtB,MAAMX;QACN,SAASI;QACT,UAAUV;sBAEd,oBAACkB,mBAAiBA;QAAC,MAAMrB;QAAM,UAAUG;;AAGrD;AACA,MAAMmB,WAAWC,gBAAgB,YAAY1B"}