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

package/Checkbox/primitives/CheckboxPrimitive.js

@@ -1,81 +1,69 @@
-import * as React from "react";
-import { Checkbox as CheckboxPrimitives } from "radix-ui";
-import { ReactComponent as CheckIcon } from "@webiny/icons/check.svg";
-import { cn, makeDecoratable, cva } from "../../utils.js";
+import { Checkbox } from "radix-ui";
+import { ReactComponent } from "@webiny/icons/check.svg";
+import { cn, cva, makeDecoratable } from "../../utils.js";
 import { useCheckbox } from "./useCheckbox.js";
 import { Label } from "../../Label/index.js";
-/**
- * Indeterminate Icon
- */
-const IndeterminateIcon = () => {
-  return /*#__PURE__*/React.createElement("span", {
-    className: "block w-sm h-xxs rounded-sm bg-primary group-disabled:bg-primary-disabled"
-  });
-};
-
-/**
- * Checkbox Renderer
- */
-const checkboxVariants = cva(["group peer h-md w-md shrink-0 rounded-sm border-sm ", "border-neutral-muted bg-neutral-base [&_svg]:fill-neutral-base! ring-offset-background", "hover:border-neutral-dark", "focus:outline-none focus-visible:border-accent-default focus-visible:ring-lg focus-visible:ring-primary-dimmed focus-visible:ring-offset-0", "disabled:cursor-not-allowed disabled:border-transparent disabled:bg-neutral-disabled", "data-[state=checked]:bg-primary data-[state=checked]:border-transparent", "data-[state=checked]:hover:bg-primary-strong", "data-[state=checked]:disabled:bg-neutral-disabled data-[state=checked]:disabled:fill-neutral-strong"], {
-  variants: {
-    indeterminate: {
-      true: ["border-neutral-muted", "data-[state=checked]:bg-neutral-base data-[state=checked]:border-neutral-muted", "data-[state=checked]:hover:bg-neutral-base data-[state=checked]:hover:border-neutral-strong", "data-[state=checked]:focus-visible:border-accent-default", "data-[state=checked]:disabled:border-transparent"]
-    },
-    hasLabel: {
-      true: "mt-xxs"
+import * as __rspack_external_react from "react";
+const IndeterminateIcon = ()=>/*#__PURE__*/ __rspack_external_react.createElement("span", {
+        className: "block w-sm h-xxs rounded-sm bg-primary group-disabled:bg-primary-disabled"
+    });
+const checkboxVariants = cva([
+    "group peer h-md w-md shrink-0 rounded-sm border-sm ",
+    "border-neutral-muted bg-neutral-base [&_svg]:fill-neutral-base! ring-offset-background",
+    "hover:border-neutral-dark",
+    "focus:outline-none focus-visible:border-accent-default focus-visible:ring-lg focus-visible:ring-primary-dimmed focus-visible:ring-offset-0",
+    "disabled:cursor-not-allowed disabled:border-transparent disabled:bg-neutral-disabled",
+    "data-[state=checked]:bg-primary data-[state=checked]:border-transparent",
+    "data-[state=checked]:hover:bg-primary-strong",
+    "data-[state=checked]:disabled:bg-neutral-disabled data-[state=checked]:disabled:fill-neutral-strong"
+], {
+    variants: {
+        indeterminate: {
+            true: [
+                "border-neutral-muted",
+                "data-[state=checked]:bg-neutral-base data-[state=checked]:border-neutral-muted",
+                "data-[state=checked]:hover:bg-neutral-base data-[state=checked]:hover:border-neutral-strong",
+                "data-[state=checked]:focus-visible:border-accent-default",
+                "data-[state=checked]:disabled:border-transparent"
+            ]
+        },
+        hasLabel: {
+            true: "mt-xxs"
+        }
     }
-  }
 });
-const DecoratableCheckboxPrimitiveRenderer = ({
-  label,
-  id,
-  hasLabel,
-  indeterminate,
-  changeChecked,
-  checked,
-  className,
-  disabled = false,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex items-start space-x-sm-extra"
-  }, /*#__PURE__*/React.createElement(CheckboxPrimitives.Root, Object.assign({}, props, {
-    id: id,
-    className: cn(checkboxVariants({
-      indeterminate,
-      hasLabel
-    }), className),
-    onCheckedChange: changeChecked,
-    checked: indeterminate ? "indeterminate" : checked,
-    disabled: disabled
-  }), /*#__PURE__*/React.createElement("span", {
-    className: cn("flex items-center justify-center")
-  }, indeterminate ? /*#__PURE__*/React.createElement(IndeterminateIcon, null) : /*#__PURE__*/React.createElement(CheckboxPrimitives.Indicator, null, /*#__PURE__*/React.createElement(CheckIcon, {
-    className: "size-sm-extra!"
-  })))), hasLabel && /*#__PURE__*/React.createElement(Label, {
-    disabled: disabled,
-    htmlFor: id,
-    text: label,
-    weight: "light",
-    className: "text-md"
-  }));
-};
+const DecoratableCheckboxPrimitiveRenderer = ({ label, id, hasLabel, indeterminate, changeChecked, checked, className, disabled = false, ...props })=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex items-start space-x-sm-extra"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Checkbox.Root, {
+        ...props,
+        id: id,
+        className: cn(checkboxVariants({
+            indeterminate,
+            hasLabel
+        }), className),
+        onCheckedChange: changeChecked,
+        checked: indeterminate ? "indeterminate" : checked,
+        disabled: disabled
+    }, /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        className: cn("flex items-center justify-center")
+    }, indeterminate ? /*#__PURE__*/ __rspack_external_react.createElement(IndeterminateIcon, null) : /*#__PURE__*/ __rspack_external_react.createElement(Checkbox.Indicator, null, /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, {
+        className: "size-sm-extra!"
+    })))), hasLabel && /*#__PURE__*/ __rspack_external_react.createElement(Label, {
+        disabled: disabled,
+        htmlFor: id,
+        text: label,
+        weight: "light",
+        className: "text-md"
+    }));
 const CheckboxPrimitiveRenderer = makeDecoratable("CheckboxPrimitiveRenderer", DecoratableCheckboxPrimitiveRenderer);
-
-/**
- * Checkbox
- */
-const DecoratableCheckboxPrimitive = props => {
-  const {
-    vm,
-    changeChecked
-  } = useCheckbox(props);
-  if (!vm.item) {
-    return null;
-  }
-  return /*#__PURE__*/React.createElement(CheckboxPrimitiveRenderer, Object.assign({}, props, vm.item, {
-    changeChecked: changeChecked
-  }));
+const DecoratableCheckboxPrimitive = (props)=>{
+    const { vm, changeChecked } = useCheckbox(props);
+    if (!vm.item) return null;
+    return /*#__PURE__*/ __rspack_external_react.createElement(CheckboxPrimitiveRenderer, {
+        ...props,
+        ...vm.item,
+        changeChecked: changeChecked
+    });
 };
 const CheckboxPrimitive = makeDecoratable("CheckboxPrimitive", DecoratableCheckboxPrimitive);
 export { CheckboxPrimitive, CheckboxPrimitiveRenderer };

package/Checkbox/primitives/CheckboxPrimitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Checkbox","CheckboxPrimitives","ReactComponent","CheckIcon","cn","makeDecoratable","cva","useCheckbox","Label","IndeterminateIcon","createElement","className","checkboxVariants","variants","indeterminate","true","hasLabel","DecoratableCheckboxPrimitiveRenderer","label","id","changeChecked","checked","disabled","props","Root","Object","assign","onCheckedChange","Indicator","htmlFor","text","weight","CheckboxPrimitiveRenderer","DecoratableCheckboxPrimitive","vm","item","CheckboxPrimitive"],"sources":["CheckboxPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Checkbox as CheckboxPrimitives } from \"radix-ui\";\nimport { ReactComponent as CheckIcon } from \"@webiny/icons/check.svg\";\nimport { cn, makeDecoratable, cva, type VariantProps } from \"~/utils.js\";\nimport { useCheckbox } from \"./useCheckbox.js\";\nimport { Label } from \"~/Label/index.js\";\nimport type { CheckboxItemDto, CheckboxItemFormatted } from \"~/Checkbox/index.js\";\n\n/**\n * Indeterminate Icon\n */\nconst IndeterminateIcon = () => {\n    return (\n        <span\n            className={\"block w-sm h-xxs rounded-sm bg-primary group-disabled:bg-primary-disabled\"}\n        />\n    );\n};\n\n/**\n * Checkbox Renderer\n */\nconst checkboxVariants = cva(\n    [\n        \"group peer h-md w-md shrink-0 rounded-sm border-sm \",\n        \"border-neutral-muted bg-neutral-base [&_svg]:fill-neutral-base! ring-offset-background\",\n        \"hover:border-neutral-dark\",\n        \"focus:outline-none focus-visible:border-accent-default focus-visible:ring-lg focus-visible:ring-primary-dimmed focus-visible:ring-offset-0\",\n        \"disabled:cursor-not-allowed disabled:border-transparent disabled:bg-neutral-disabled\",\n        \"data-[state=checked]:bg-primary data-[state=checked]:border-transparent\",\n        \"data-[state=checked]:hover:bg-primary-strong\",\n        \"data-[state=checked]:disabled:bg-neutral-disabled data-[state=checked]:disabled:fill-neutral-strong\"\n    ],\n    {\n        variants: {\n            indeterminate: {\n                true: [\n                    \"border-neutral-muted\",\n                    \"data-[state=checked]:bg-neutral-base data-[state=checked]:border-neutral-muted\",\n                    \"data-[state=checked]:hover:bg-neutral-base data-[state=checked]:hover:border-neutral-strong\",\n                    \"data-[state=checked]:focus-visible:border-accent-default\",\n                    \"data-[state=checked]:disabled:border-transparent\"\n                ]\n            },\n            hasLabel: {\n                true: \"mt-xxs\"\n            }\n        }\n    }\n);\n\ntype CheckboxPrimitiveProps = Omit<\n    CheckboxPrimitives.CheckboxProps,\n    \"defaultChecked\" | \"onCheckedChange\" | \"onChange\"\n> &\n    VariantProps<typeof checkboxVariants> &\n    CheckboxItemDto & {\n        onChange: (checked: boolean) => void;\n    };\n\ninterface CheckboxPrimitiveVm {\n    item?: CheckboxItemFormatted;\n}\n\ntype CheckboxPrimitiveRendererProps = Omit<CheckboxPrimitiveProps, \"onCheckedChange\" | \"onChange\"> &\n    NonNullable<CheckboxPrimitiveVm[\"item\"]> & {\n        changeChecked: (checked: boolean) => void;\n        disabled?: boolean;\n    };\n\nconst DecoratableCheckboxPrimitiveRenderer = ({\n    label,\n    id,\n    hasLabel,\n    indeterminate,\n    changeChecked,\n    checked,\n    className,\n    disabled = false,\n    ...props\n}: CheckboxPrimitiveRendererProps) => {\n    return (\n        <div className=\"flex items-start space-x-sm-extra\">\n            <CheckboxPrimitives.Root\n                {...props}\n                id={id}\n                className={cn(checkboxVariants({ indeterminate, hasLabel }), className)}\n                onCheckedChange={changeChecked}\n                checked={indeterminate ? \"indeterminate\" : checked}\n                disabled={disabled}\n            >\n                <span className={cn(\"flex items-center justify-center\")}>\n                    {indeterminate ? (\n                        <IndeterminateIcon />\n                    ) : (\n                        <CheckboxPrimitives.Indicator>\n                            <CheckIcon className={\"size-sm-extra!\"} />\n                        </CheckboxPrimitives.Indicator>\n                    )}\n                </span>\n            </CheckboxPrimitives.Root>\n            {hasLabel && (\n                <Label\n                    disabled={disabled}\n                    htmlFor={id}\n                    text={label}\n                    weight={\"light\"}\n                    className={\"text-md\"}\n                />\n            )}\n        </div>\n    );\n};\nconst CheckboxPrimitiveRenderer = makeDecoratable(\n    \"CheckboxPrimitiveRenderer\",\n    DecoratableCheckboxPrimitiveRenderer\n);\n\n/**\n * Checkbox\n */\nconst DecoratableCheckboxPrimitive = (props: CheckboxPrimitiveProps) => {\n    const { vm, changeChecked } = useCheckbox(props);\n\n    if (!vm.item) {\n        return null;\n    }\n\n    return <CheckboxPrimitiveRenderer {...props} {...vm.item} changeChecked={changeChecked} />;\n};\nconst CheckboxPrimitive = makeDecoratable(\"CheckboxPrimitive\", DecoratableCheckboxPrimitive);\n\nexport {\n    CheckboxPrimitive,\n    CheckboxPrimitiveRenderer,\n    type CheckboxPrimitiveProps,\n    type CheckboxPrimitiveVm\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,IAAIC,kBAAkB,QAAQ,UAAU;AACzD,SAASC,cAAc,IAAIC,SAAS,QAAQ,yBAAyB;AACrE,SAASC,EAAE,EAAEC,eAAe,EAAEC,GAAG;AACjC,SAASC,WAAW;AACpB,SAASC,KAAK;AAGd;AACA;AACA;AACA,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EAC5B,oBACIV,KAAA,CAAAW,aAAA;IACIC,SAAS,EAAE;EAA4E,CAC1F,CAAC;AAEV,CAAC;;AAED;AACA;AACA;AACA,MAAMC,gBAAgB,GAAGN,GAAG,CACxB,CACI,qDAAqD,EACrD,wFAAwF,EACxF,2BAA2B,EAC3B,4IAA4I,EAC5I,sFAAsF,EACtF,yEAAyE,EACzE,8CAA8C,EAC9C,qGAAqG,CACxG,EACD;EACIO,QAAQ,EAAE;IACNC,aAAa,EAAE;MACXC,IAAI,EAAE,CACF,sBAAsB,EACtB,gFAAgF,EAChF,6FAA6F,EAC7F,0DAA0D,EAC1D,kDAAkD;IAE1D,CAAC;IACDC,QAAQ,EAAE;MACND,IAAI,EAAE;IACV;EACJ;AACJ,CACJ,CAAC;AAqBD,MAAME,oCAAoC,GAAGA,CAAC;EAC1CC,KAAK;EACLC,EAAE;EACFH,QAAQ;EACRF,aAAa;EACbM,aAAa;EACbC,OAAO;EACPV,SAAS;EACTW,QAAQ,GAAG,KAAK;EAChB,GAAGC;AACyB,CAAC,KAAK;EAClC,oBACIxB,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC;EAAmC,gBAC9CZ,KAAA,CAAAW,aAAA,CAACT,kBAAkB,CAACuB,IAAI,EAAAC,MAAA,CAAAC,MAAA,KAChBH,KAAK;IACTJ,EAAE,EAAEA,EAAG;IACPR,SAAS,EAAEP,EAAE,CAACQ,gBAAgB,CAAC;MAAEE,aAAa;MAAEE;IAAS,CAAC,CAAC,EAAEL,SAAS,CAAE;IACxEgB,eAAe,EAAEP,aAAc;IAC/BC,OAAO,EAAEP,aAAa,GAAG,eAAe,GAAGO,OAAQ;IACnDC,QAAQ,EAAEA;EAAS,iBAEnBvB,KAAA,CAAAW,aAAA;IAAMC,SAAS,EAAEP,EAAE,CAAC,kCAAkC;EAAE,GACnDU,aAAa,gBACVf,KAAA,CAAAW,aAAA,CAACD,iBAAiB,MAAE,CAAC,gBAErBV,KAAA,CAAAW,aAAA,CAACT,kBAAkB,CAAC2B,SAAS,qBACzB7B,KAAA,CAAAW,aAAA,CAACP,SAAS;IAACQ,SAAS,EAAE;EAAiB,CAAE,CACf,CAEhC,CACe,CAAC,EACzBK,QAAQ,iBACLjB,KAAA,CAAAW,aAAA,CAACF,KAAK;IACFc,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEV,EAAG;IACZW,IAAI,EAAEZ,KAAM;IACZa,MAAM,EAAE,OAAQ;IAChBpB,SAAS,EAAE;EAAU,CACxB,CAEJ,CAAC;AAEd,CAAC;AACD,MAAMqB,yBAAyB,GAAG3B,eAAe,CAC7C,2BAA2B,EAC3BY,oCACJ,CAAC;;AAED;AACA;AACA;AACA,MAAMgB,4BAA4B,GAAIV,KAA6B,IAAK;EACpE,MAAM;IAAEW,EAAE;IAAEd;EAAc,CAAC,GAAGb,WAAW,CAACgB,KAAK,CAAC;EAEhD,IAAI,CAACW,EAAE,CAACC,IAAI,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBAAOpC,KAAA,CAAAW,aAAA,CAACsB,yBAAyB,EAAAP,MAAA,CAAAC,MAAA,KAAKH,KAAK,EAAMW,EAAE,CAACC,IAAI;IAAEf,aAAa,EAAEA;EAAc,EAAE,CAAC;AAC9F,CAAC;AACD,MAAMgB,iBAAiB,GAAG/B,eAAe,CAAC,mBAAmB,EAAE4B,4BAA4B,CAAC;AAE5F,SACIG,iBAAiB,EACjBJ,yBAAyB","ignoreList":[]}
+{"version":3,"file":"Checkbox/primitives/CheckboxPrimitive.js","sources":["../../../src/Checkbox/primitives/CheckboxPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Checkbox as CheckboxPrimitives } from \"radix-ui\";\nimport { ReactComponent as CheckIcon } from \"@webiny/icons/check.svg\";\nimport { cn, makeDecoratable, cva, type VariantProps } from \"~/utils.js\";\nimport { useCheckbox } from \"./useCheckbox.js\";\nimport { Label } from \"~/Label/index.js\";\nimport type { CheckboxItemDto, CheckboxItemFormatted } from \"~/Checkbox/index.js\";\n\n/**\n * Indeterminate Icon\n */\nconst IndeterminateIcon = () => {\n    return (\n        <span\n            className={\"block w-sm h-xxs rounded-sm bg-primary group-disabled:bg-primary-disabled\"}\n        />\n    );\n};\n\n/**\n * Checkbox Renderer\n */\nconst checkboxVariants = cva(\n    [\n        \"group peer h-md w-md shrink-0 rounded-sm border-sm \",\n        \"border-neutral-muted bg-neutral-base [&_svg]:fill-neutral-base! ring-offset-background\",\n        \"hover:border-neutral-dark\",\n        \"focus:outline-none focus-visible:border-accent-default focus-visible:ring-lg focus-visible:ring-primary-dimmed focus-visible:ring-offset-0\",\n        \"disabled:cursor-not-allowed disabled:border-transparent disabled:bg-neutral-disabled\",\n        \"data-[state=checked]:bg-primary data-[state=checked]:border-transparent\",\n        \"data-[state=checked]:hover:bg-primary-strong\",\n        \"data-[state=checked]:disabled:bg-neutral-disabled data-[state=checked]:disabled:fill-neutral-strong\"\n    ],\n    {\n        variants: {\n            indeterminate: {\n                true: [\n                    \"border-neutral-muted\",\n                    \"data-[state=checked]:bg-neutral-base data-[state=checked]:border-neutral-muted\",\n                    \"data-[state=checked]:hover:bg-neutral-base data-[state=checked]:hover:border-neutral-strong\",\n                    \"data-[state=checked]:focus-visible:border-accent-default\",\n                    \"data-[state=checked]:disabled:border-transparent\"\n                ]\n            },\n            hasLabel: {\n                true: \"mt-xxs\"\n            }\n        }\n    }\n);\n\ntype CheckboxPrimitiveProps = Omit<\n    CheckboxPrimitives.CheckboxProps,\n    \"defaultChecked\" | \"onCheckedChange\" | \"onChange\"\n> &\n    VariantProps<typeof checkboxVariants> &\n    CheckboxItemDto & {\n        onChange: (checked: boolean) => void;\n    };\n\ninterface CheckboxPrimitiveVm {\n    item?: CheckboxItemFormatted;\n}\n\ntype CheckboxPrimitiveRendererProps = Omit<CheckboxPrimitiveProps, \"onCheckedChange\" | \"onChange\"> &\n    NonNullable<CheckboxPrimitiveVm[\"item\"]> & {\n        changeChecked: (checked: boolean) => void;\n        disabled?: boolean;\n    };\n\nconst DecoratableCheckboxPrimitiveRenderer = ({\n    label,\n    id,\n    hasLabel,\n    indeterminate,\n    changeChecked,\n    checked,\n    className,\n    disabled = false,\n    ...props\n}: CheckboxPrimitiveRendererProps) => {\n    return (\n        <div className=\"flex items-start space-x-sm-extra\">\n            <CheckboxPrimitives.Root\n                {...props}\n                id={id}\n                className={cn(checkboxVariants({ indeterminate, hasLabel }), className)}\n                onCheckedChange={changeChecked}\n                checked={indeterminate ? \"indeterminate\" : checked}\n                disabled={disabled}\n            >\n                <span className={cn(\"flex items-center justify-center\")}>\n                    {indeterminate ? (\n                        <IndeterminateIcon />\n                    ) : (\n                        <CheckboxPrimitives.Indicator>\n                            <CheckIcon className={\"size-sm-extra!\"} />\n                        </CheckboxPrimitives.Indicator>\n                    )}\n                </span>\n            </CheckboxPrimitives.Root>\n            {hasLabel && (\n                <Label\n                    disabled={disabled}\n                    htmlFor={id}\n                    text={label}\n                    weight={\"light\"}\n                    className={\"text-md\"}\n                />\n            )}\n        </div>\n    );\n};\nconst CheckboxPrimitiveRenderer = makeDecoratable(\n    \"CheckboxPrimitiveRenderer\",\n    DecoratableCheckboxPrimitiveRenderer\n);\n\n/**\n * Checkbox\n */\nconst DecoratableCheckboxPrimitive = (props: CheckboxPrimitiveProps) => {\n    const { vm, changeChecked } = useCheckbox(props);\n\n    if (!vm.item) {\n        return null;\n    }\n\n    return <CheckboxPrimitiveRenderer {...props} {...vm.item} changeChecked={changeChecked} />;\n};\nconst CheckboxPrimitive = makeDecoratable(\"CheckboxPrimitive\", DecoratableCheckboxPrimitive);\n\nexport {\n    CheckboxPrimitive,\n    CheckboxPrimitiveRenderer,\n    type CheckboxPrimitiveProps,\n    type CheckboxPrimitiveVm\n};\n"],"names":["IndeterminateIcon","checkboxVariants","cva","DecoratableCheckboxPrimitiveRenderer","label","id","hasLabel","indeterminate","changeChecked","checked","className","disabled","props","CheckboxPrimitives","cn","CheckIcon","Label","CheckboxPrimitiveRenderer","makeDecoratable","DecoratableCheckboxPrimitive","vm","useCheckbox","CheckboxPrimitive"],"mappings":";;;;;;AAWA,MAAMA,oBAAoB,IACf,WAAP,GACI,sCAAC;QACG,WAAW;;AAQvB,MAAMC,mBAAmBC,IACrB;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACH,EACD;IACI,UAAU;QACN,eAAe;YACX,MAAM;gBACF;gBACA;gBACA;gBACA;gBACA;aACH;QACL;QACA,UAAU;YACN,MAAM;QACV;IACJ;AACJ;AAsBJ,MAAMC,uCAAuC,CAAC,EAC1CC,KAAK,EACLC,EAAE,EACFC,QAAQ,EACRC,aAAa,EACbC,aAAa,EACbC,OAAO,EACPC,SAAS,EACTC,WAAW,KAAK,EAChB,GAAGC,OAC0B,GACtB,WAAP,GACI,sCAAC;QAAI,WAAU;qBACX,sCAACC,SAAAA,IAAuB;QACnB,GAAGD,KAAK;QACT,IAAIP;QACJ,WAAWS,GAAGb,iBAAiB;YAAEM;YAAeD;QAAS,IAAII;QAC7D,iBAAiBF;QACjB,SAASD,gBAAgB,kBAAkBE;QAC3C,UAAUE;qBAEV,sCAAC;QAAK,WAAWG,GAAG;OACfP,gBAAgB,WAAhBA,GACG,sCAACP,mBAAiBA,QAAAA,WAAAA,GAElB,sCAACa,SAAAA,SAA4B,sBACzB,sCAACE,gBAASA;QAAC,WAAW;WAKrCT,YAAY,WAAZA,GACG,sCAACU,OAAKA;QACF,UAAUL;QACV,SAASN;QACT,MAAMD;QACN,QAAQ;QACR,WAAW;;AAM/B,MAAMa,4BAA4BC,gBAC9B,6BACAf;AAMJ,MAAMgB,+BAA+B,CAACP;IAClC,MAAM,EAAEQ,EAAE,EAAEZ,aAAa,EAAE,GAAGa,YAAYT;IAE1C,IAAI,CAACQ,GAAG,IAAI,EACR,OAAO;IAGX,OAAO,WAAP,GAAO,sCAACH,2BAAyBA;QAAE,GAAGL,KAAK;QAAG,GAAGQ,GAAG,IAAI;QAAE,eAAeZ;;AAC7E;AACA,MAAMc,oBAAoBJ,gBAAgB,qBAAqBC"}

package/Checkbox/primitives/CheckboxPrimitive.stories.js

@@ -1,47 +1,50 @@
-import React, { useState } from "react";
+import react, { useState } from "react";
 import { CheckboxPrimitive } from "./CheckboxPrimitive.js";
 const meta = {
-  title: "Components/Form Primitives/Checkbox",
-  component: CheckboxPrimitive,
-  parameters: {
-    layout: "padded"
-  },
-  render: args => {
-    const [checked, setChecked] = useState(args.checked);
-    return /*#__PURE__*/React.createElement(CheckboxPrimitive, Object.assign({}, args, {
-      checked: checked,
-      onChange: checked => setChecked(checked)
-    }));
-  }
+    title: "Components/Form Primitives/Checkbox",
+    component: CheckboxPrimitive,
+    parameters: {
+        layout: "padded"
+    },
+    render: (args)=>{
+        const [checked, setChecked] = useState(args.checked);
+        return /*#__PURE__*/ react.createElement(CheckboxPrimitive, {
+            ...args,
+            checked: checked,
+            onChange: (checked)=>setChecked(checked)
+        });
+    }
 };
-export default meta;
-export const Default = {
-  args: {
-    label: "Any field label"
-  }
+const CheckboxPrimitive_stories = meta;
+const Default = {
+    args: {
+        label: "Any field label"
+    }
 };
-export const LongLabel = {
-  args: {
-    label: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu aliquam lacus. Morbi eleifend, eros et vestibulum lobortis, mi elit scelerisque neque, sit amet dictum orci sem ac ante. In hac habitasse platea dictumst. Pellentesque molestie nisl tortor, eu dictum velit mollis vitae. Maecenas nec risus sit amet ante efficitur venenatis id eget eros. Aenean mollis vel dolor vitae vestibulum. Integer consectetur id diam eget iaculis. Praesent egestas ullamcorper libero vel eleifend. "
-  }
+const LongLabel = {
+    args: {
+        label: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu aliquam lacus. Morbi eleifend, eros et vestibulum lobortis, mi elit scelerisque neque, sit amet dictum orci sem ac ante. In hac habitasse platea dictumst. Pellentesque molestie nisl tortor, eu dictum velit mollis vitae. Maecenas nec risus sit amet ante efficitur venenatis id eget eros. Aenean mollis vel dolor vitae vestibulum. Integer consectetur id diam eget iaculis. Praesent egestas ullamcorper libero vel eleifend. "
+    }
 };
-export const Checked = {
-  args: {
-    ...Default.args,
-    checked: true
-  }
+const Checked = {
+    args: {
+        ...Default.args,
+        checked: true
+    }
 };
-export const Indeterminate = {
-  args: {
-    ...Default.args,
-    indeterminate: true
-  }
+const Indeterminate = {
+    args: {
+        ...Default.args,
+        indeterminate: true
+    }
 };
-export const Disabled = {
-  args: {
-    ...Default.args,
-    disabled: true
-  }
+const Disabled = {
+    args: {
+        ...Default.args,
+        disabled: true
+    }
 };
+export default CheckboxPrimitive_stories;
+export { Checked, Default, Disabled, Indeterminate, LongLabel };
 
 //# sourceMappingURL=CheckboxPrimitive.stories.js.map

package/Checkbox/primitives/CheckboxPrimitive.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","CheckboxPrimitive","meta","title","component","parameters","layout","render","args","checked","setChecked","createElement","Object","assign","onChange","Default","label","LongLabel","Checked","Indeterminate","indeterminate","Disabled","disabled"],"sources":["CheckboxPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { CheckboxPrimitive } from \"./CheckboxPrimitive.js\";\n\nconst meta: Meta<typeof CheckboxPrimitive> = {\n    title: \"Components/Form Primitives/Checkbox\",\n    component: CheckboxPrimitive,\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [checked, setChecked] = useState(args.checked);\n        return (\n            <CheckboxPrimitive\n                {...args}\n                checked={checked}\n                onChange={checked => setChecked(checked)}\n            />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof CheckboxPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Any field label\"\n    }\n};\n\nexport const LongLabel: Story = {\n    args: {\n        label: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu aliquam lacus. Morbi eleifend, eros et vestibulum lobortis, mi elit scelerisque neque, sit amet dictum orci sem ac ante. In hac habitasse platea dictumst. Pellentesque molestie nisl tortor, eu dictum velit mollis vitae. Maecenas nec risus sit amet ante efficitur venenatis id eget eros. Aenean mollis vel dolor vitae vestibulum. Integer consectetur id diam eget iaculis. Praesent egestas ullamcorper libero vel eleifend. \"\n    }\n};\n\nexport const Checked: Story = {\n    args: {\n        ...Default.args,\n        checked: true\n    }\n};\n\nexport const Indeterminate: Story = {\n    args: {\n        ...Default.args,\n        indeterminate: true\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        ...Default.args,\n        disabled: true\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,iBAAiB;AAE1B,MAAMC,IAAoC,GAAG;EACzCC,KAAK,EAAE,qCAAqC;EAC5CC,SAAS,EAAEH,iBAAiB;EAC5BI,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ,CAAC;EACDC,MAAM,EAAEC,IAAI,IAAI;IACZ,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGV,QAAQ,CAACQ,IAAI,CAACC,OAAO,CAAC;IACpD,oBACIV,KAAA,CAAAY,aAAA,CAACV,iBAAiB,EAAAW,MAAA,CAAAC,MAAA,KACVL,IAAI;MACRC,OAAO,EAAEA,OAAQ;MACjBK,QAAQ,EAAEL,OAAO,IAAIC,UAAU,CAACD,OAAO;IAAE,EAC5C,CAAC;EAEV;AACJ,CAAC;AAED,eAAeP,IAAI;AAGnB,OAAO,MAAMa,OAAc,GAAG;EAC1BP,IAAI,EAAE;IACFQ,KAAK,EAAE;EACX;AACJ,CAAC;AAED,OAAO,MAAMC,SAAgB,GAAG;EAC5BT,IAAI,EAAE;IACFQ,KAAK,EAAE;EACX;AACJ,CAAC;AAED,OAAO,MAAME,OAAc,GAAG;EAC1BV,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfC,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMU,aAAoB,GAAG;EAChCX,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfY,aAAa,EAAE;EACnB;AACJ,CAAC;AAED,OAAO,MAAMC,QAAe,GAAG;EAC3Bb,IAAI,EAAE;IACF,GAAGO,OAAO,CAACP,IAAI;IACfc,QAAQ,EAAE;EACd;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"Checkbox/primitives/CheckboxPrimitive.stories.js","sources":["../../../src/Checkbox/primitives/CheckboxPrimitive.stories.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { CheckboxPrimitive } from \"./CheckboxPrimitive.js\";\n\nconst meta: Meta<typeof CheckboxPrimitive> = {\n    title: \"Components/Form Primitives/Checkbox\",\n    component: CheckboxPrimitive,\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [checked, setChecked] = useState(args.checked);\n        return (\n            <CheckboxPrimitive\n                {...args}\n                checked={checked}\n                onChange={checked => setChecked(checked)}\n            />\n        );\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof CheckboxPrimitive>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Any field label\"\n    }\n};\n\nexport const LongLabel: Story = {\n    args: {\n        label: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eu aliquam lacus. Morbi eleifend, eros et vestibulum lobortis, mi elit scelerisque neque, sit amet dictum orci sem ac ante. In hac habitasse platea dictumst. Pellentesque molestie nisl tortor, eu dictum velit mollis vitae. Maecenas nec risus sit amet ante efficitur venenatis id eget eros. Aenean mollis vel dolor vitae vestibulum. Integer consectetur id diam eget iaculis. Praesent egestas ullamcorper libero vel eleifend. \"\n    }\n};\n\nexport const Checked: Story = {\n    args: {\n        ...Default.args,\n        checked: true\n    }\n};\n\nexport const Indeterminate: Story = {\n    args: {\n        ...Default.args,\n        indeterminate: true\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        ...Default.args,\n        disabled: true\n    }\n};\n"],"names":["meta","CheckboxPrimitive","args","checked","setChecked","useState","Default","LongLabel","Checked","Indeterminate","Disabled"],"mappings":";;AAIA,MAAMA,OAAuC;IACzC,OAAO;IACP,WAAWC;IACX,YAAY;QACR,QAAQ;IACZ;IACA,QAAQC,CAAAA;QACJ,MAAM,CAACC,SAASC,WAAW,GAAGC,SAASH,KAAK,OAAO;QACnD,OAAO,WAAP,GACI,oBAACD,mBAAiBA;YACb,GAAGC,IAAI;YACR,SAASC;YACT,UAAUA,CAAAA,UAAWC,WAAWD;;IAG5C;AACJ;AAEA,kCAAeH;AAGR,MAAMM,UAAiB;IAC1B,MAAM;QACF,OAAO;IACX;AACJ;AAEO,MAAMC,YAAmB;IAC5B,MAAM;QACF,OAAO;IACX;AACJ;AAEO,MAAMC,UAAiB;IAC1B,MAAM;QACF,GAAGF,QAAQ,IAAI;QACf,SAAS;IACb;AACJ;AAEO,MAAMG,gBAAuB;IAChC,MAAM;QACF,GAAGH,QAAQ,IAAI;QACf,eAAe;IACnB;AACJ;AAEO,MAAMI,WAAkB;IAC3B,MAAM;QACF,GAAGJ,QAAQ,IAAI;QACf,UAAU;IACd;AACJ"}

package/Checkbox/primitives/index.js

@@ -1,4 +1,2 @@
 export * from "./CheckboxPrimitive.js";
 export * from "../domains/index.js";
-
-//# sourceMappingURL=index.js.map

package/Checkbox/primitives/presenters/CheckboxPresenter.js

@@ -2,30 +2,30 @@ import { makeAutoObservable } from "mobx";
 import { CheckboxItem } from "../../domains/CheckboxItem.js";
 import { CheckboxItemMapper } from "../../domains/CheckboxItemMapper.js";
 class CheckboxPresenter {
-  params = undefined;
-  item = undefined;
-  constructor() {
-    makeAutoObservable(this);
-  }
-  init = params => {
-    this.params = params;
-    this.item = CheckboxItem.create({
-      id: params.id,
-      label: params.label,
-      value: params.value,
-      checked: params.checked,
-      indeterminate: params.indeterminate,
-      disabled: params.disabled
-    });
-  };
-  get vm() {
-    return {
-      item: this.item ? CheckboxItemMapper.toFormatted(this.item) : undefined
-    };
-  }
-  changeChecked = checked => {
-    this.params?.onCheckedChange(checked);
-  };
+    constructor(){
+        this.params = void 0;
+        this.item = void 0;
+        this.init = (params)=>{
+            this.params = params;
+            this.item = CheckboxItem.create({
+                id: params.id,
+                label: params.label,
+                value: params.value,
+                checked: params.checked,
+                indeterminate: params.indeterminate,
+                disabled: params.disabled
+            });
+        };
+        this.changeChecked = (checked)=>{
+            this.params?.onCheckedChange(checked);
+        };
+        makeAutoObservable(this);
+    }
+    get vm() {
+        return {
+            item: this.item ? CheckboxItemMapper.toFormatted(this.item) : void 0
+        };
+    }
 }
 export { CheckboxPresenter };
 

package/Checkbox/primitives/presenters/CheckboxPresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","CheckboxItem","CheckboxItemMapper","CheckboxPresenter","params","undefined","item","constructor","init","create","id","label","value","checked","indeterminate","disabled","vm","toFormatted","changeChecked","onCheckedChange"],"sources":["CheckboxPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { CheckboxPrimitiveVm } from \"../CheckboxPrimitive.js\";\nimport { CheckboxItem } from \"~/Checkbox/domains/CheckboxItem.js\";\nimport { type CheckboxItemDto } from \"~/Checkbox/domains/CheckboxItemDto.js\";\nimport { CheckboxItemMapper } from \"~/Checkbox/domains/CheckboxItemMapper.js\";\n\ntype CheckboxPresenterParams = CheckboxItemDto & {\n    onCheckedChange: (checked: boolean) => void;\n};\n\ninterface ICheckboxPresenter<TParams extends CheckboxPresenterParams = CheckboxPresenterParams> {\n    vm: CheckboxPrimitiveVm;\n    init: (params: TParams) => void;\n    changeChecked: (checked: boolean) => void;\n}\n\nclass CheckboxPresenter implements ICheckboxPresenter {\n    private params?: CheckboxPresenterParams = undefined;\n    private item?: CheckboxItem = undefined;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: CheckboxPresenterParams) => {\n        this.params = params;\n        this.item = CheckboxItem.create({\n            id: params.id,\n            label: params.label,\n            value: params.value,\n            checked: params.checked,\n            indeterminate: params.indeterminate,\n            disabled: params.disabled\n        });\n    };\n\n    get vm() {\n        return {\n            item: this.item ? CheckboxItemMapper.toFormatted(this.item) : undefined\n        };\n    }\n\n    public changeChecked = (checked: boolean) => {\n        this.params?.onCheckedChange(checked);\n    };\n}\n\nexport { CheckboxPresenter, type CheckboxPresenterParams, type ICheckboxPresenter };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AAEzC,SAASC,YAAY;AAErB,SAASC,kBAAkB;AAY3B,MAAMC,iBAAiB,CAA+B;EAC1CC,MAAM,GAA6BC,SAAS;EAC5CC,IAAI,GAAkBD,SAAS;EAEvCE,WAAWA,CAAA,EAAG;IACVP,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEOQ,IAAI,GAAIJ,MAA+B,IAAK;IAC/C,IAAI,CAACA,MAAM,GAAGA,MAAM;IACpB,IAAI,CAACE,IAAI,GAAGL,YAAY,CAACQ,MAAM,CAAC;MAC5BC,EAAE,EAAEN,MAAM,CAACM,EAAE;MACbC,KAAK,EAAEP,MAAM,CAACO,KAAK;MACnBC,KAAK,EAAER,MAAM,CAACQ,KAAK;MACnBC,OAAO,EAAET,MAAM,CAACS,OAAO;MACvBC,aAAa,EAAEV,MAAM,CAACU,aAAa;MACnCC,QAAQ,EAAEX,MAAM,CAACW;IACrB,CAAC,CAAC;EACN,CAAC;EAED,IAAIC,EAAEA,CAAA,EAAG;IACL,OAAO;MACHV,IAAI,EAAE,IAAI,CAACA,IAAI,GAAGJ,kBAAkB,CAACe,WAAW,CAAC,IAAI,CAACX,IAAI,CAAC,GAAGD;IAClE,CAAC;EACL;EAEOa,aAAa,GAAIL,OAAgB,IAAK;IACzC,IAAI,CAACT,MAAM,EAAEe,eAAe,CAACN,OAAO,CAAC;EACzC,CAAC;AACL;AAEA,SAASV,iBAAiB","ignoreList":[]}
+{"version":3,"file":"Checkbox/primitives/presenters/CheckboxPresenter.js","sources":["../../../../src/Checkbox/primitives/presenters/CheckboxPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport type { CheckboxPrimitiveVm } from \"../CheckboxPrimitive.js\";\nimport { CheckboxItem } from \"~/Checkbox/domains/CheckboxItem.js\";\nimport { type CheckboxItemDto } from \"~/Checkbox/domains/CheckboxItemDto.js\";\nimport { CheckboxItemMapper } from \"~/Checkbox/domains/CheckboxItemMapper.js\";\n\ntype CheckboxPresenterParams = CheckboxItemDto & {\n    onCheckedChange: (checked: boolean) => void;\n};\n\ninterface ICheckboxPresenter<TParams extends CheckboxPresenterParams = CheckboxPresenterParams> {\n    vm: CheckboxPrimitiveVm;\n    init: (params: TParams) => void;\n    changeChecked: (checked: boolean) => void;\n}\n\nclass CheckboxPresenter implements ICheckboxPresenter {\n    private params?: CheckboxPresenterParams = undefined;\n    private item?: CheckboxItem = undefined;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    public init = (params: CheckboxPresenterParams) => {\n        this.params = params;\n        this.item = CheckboxItem.create({\n            id: params.id,\n            label: params.label,\n            value: params.value,\n            checked: params.checked,\n            indeterminate: params.indeterminate,\n            disabled: params.disabled\n        });\n    };\n\n    get vm() {\n        return {\n            item: this.item ? CheckboxItemMapper.toFormatted(this.item) : undefined\n        };\n    }\n\n    public changeChecked = (checked: boolean) => {\n        this.params?.onCheckedChange(checked);\n    };\n}\n\nexport { CheckboxPresenter, type CheckboxPresenterParams, type ICheckboxPresenter };\n"],"names":["CheckboxPresenter","undefined","params","CheckboxItem","checked","makeAutoObservable","CheckboxItemMapper"],"mappings":";;;AAgBA,MAAMA;IAIF,aAAc;aAHN,MAAM,GAA6BC;aACnC,IAAI,GAAkBA;aAMvB,IAAI,GAAG,CAACC;YACX,IAAI,CAAC,MAAM,GAAGA;YACd,IAAI,CAAC,IAAI,GAAGC,aAAa,MAAM,CAAC;gBAC5B,IAAID,OAAO,EAAE;gBACb,OAAOA,OAAO,KAAK;gBACnB,OAAOA,OAAO,KAAK;gBACnB,SAASA,OAAO,OAAO;gBACvB,eAAeA,OAAO,aAAa;gBACnC,UAAUA,OAAO,QAAQ;YAC7B;QACJ;aAQO,aAAa,GAAG,CAACE;YACpB,IAAI,CAAC,MAAM,EAAE,gBAAgBA;QACjC;QAvBIC,mBAAmB,IAAI;IAC3B;IAcA,IAAI,KAAK;QACL,OAAO;YACH,MAAM,IAAI,CAAC,IAAI,GAAGC,mBAAmB,WAAW,CAAC,IAAI,CAAC,IAAI,IAAIL;QAClE;IACJ;AAKJ"}

package/Checkbox/primitives/presenters/CheckboxPresenter.test.js

@@ -1,97 +1,65 @@
 import { CheckboxPresenter } from "./CheckboxPresenter.js";
 import { describe, expect, it, vi } from "vitest";
-describe("CheckboxPresenter", () => {
-  const onCheckedChange = vi.fn();
-  it("should return the compatible `vm` based on props", () => {
-    const presenter = new CheckboxPresenter();
-
-    // `label`
-    {
-      presenter.init({
-        onCheckedChange,
-        label: "Label"
-      });
-      expect(presenter.vm.item?.label).toEqual("Label");
-      expect(presenter.vm.item?.hasLabel).toEqual(true);
-    }
-
-    // `id`
-    {
-      presenter.init({
-        onCheckedChange,
-        id: "id"
-      });
-      expect(presenter.vm.item?.id).toEqual("id");
-    }
-
-    // `checked`
-    {
-      presenter.init({
-        onCheckedChange,
-        checked: true
-      });
-      expect(presenter.vm.item?.checked).toBeTruthy();
-    }
-
-    // `value`
-    {
-      presenter.init({
-        onCheckedChange,
-        value: "value"
-      });
-      expect(presenter.vm.item?.value).toEqual("value");
-    }
-
-    // `indeterminate`
-    {
-      presenter.init({
-        onCheckedChange,
-        indeterminate: true
-      });
-      expect(presenter.vm.item?.indeterminate).toBeTruthy();
-    }
-
-    // `indeterminate` + `checked`
-    {
-      presenter.init({
-        onCheckedChange,
-        indeterminate: true,
-        checked: false
-      });
-      expect(presenter.vm.item?.indeterminate).toEqual(true);
-    }
-
-    // `disabled`
-    {
-      presenter.init({
-        onCheckedChange,
-        disabled: true
-      });
-      expect(presenter.vm.item?.disabled).toBeTruthy();
-    }
-
-    // default: only mandatory props
-    {
-      presenter.init({
-        onCheckedChange
-      });
-      expect(presenter.vm.item).toEqual({
-        id: expect.any(String),
-        checked: false,
-        indeterminate: false,
-        disabled: false,
-        hasLabel: false
-      });
-    }
-  });
-  it("should call `onCheckedChange` callback when `changeChecked` is called", () => {
-    const presenter = new CheckboxPresenter();
-    presenter.init({
-      onCheckedChange
+describe("CheckboxPresenter", ()=>{
+    const onCheckedChange = vi.fn();
+    it("should return the compatible `vm` based on props", ()=>{
+        const presenter = new CheckboxPresenter();
+        presenter.init({
+            onCheckedChange,
+            label: "Label"
+        });
+        expect(presenter.vm.item?.label).toEqual("Label");
+        expect(presenter.vm.item?.hasLabel).toEqual(true);
+        presenter.init({
+            onCheckedChange,
+            id: "id"
+        });
+        expect(presenter.vm.item?.id).toEqual("id");
+        presenter.init({
+            onCheckedChange,
+            checked: true
+        });
+        expect(presenter.vm.item?.checked).toBeTruthy();
+        presenter.init({
+            onCheckedChange,
+            value: "value"
+        });
+        expect(presenter.vm.item?.value).toEqual("value");
+        presenter.init({
+            onCheckedChange,
+            indeterminate: true
+        });
+        expect(presenter.vm.item?.indeterminate).toBeTruthy();
+        presenter.init({
+            onCheckedChange,
+            indeterminate: true,
+            checked: false
+        });
+        expect(presenter.vm.item?.indeterminate).toEqual(true);
+        presenter.init({
+            onCheckedChange,
+            disabled: true
+        });
+        expect(presenter.vm.item?.disabled).toBeTruthy();
+        presenter.init({
+            onCheckedChange
+        });
+        expect(presenter.vm.item).toEqual({
+            id: expect.any(String),
+            checked: false,
+            indeterminate: false,
+            disabled: false,
+            hasLabel: false
+        });
+    });
+    it("should call `onCheckedChange` callback when `changeChecked` is called", ()=>{
+        const presenter = new CheckboxPresenter();
+        presenter.init({
+            onCheckedChange
+        });
+        presenter.changeChecked(true);
+        expect(onCheckedChange).toHaveBeenCalledWith(true);
     });
-    presenter.changeChecked(true);
-    expect(onCheckedChange).toHaveBeenCalledWith(true);
-  });
 });
 
 //# sourceMappingURL=CheckboxPresenter.test.js.map

package/Checkbox/primitives/presenters/CheckboxPresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["CheckboxPresenter","describe","expect","it","vi","onCheckedChange","fn","presenter","init","label","vm","item","toEqual","hasLabel","id","checked","toBeTruthy","value","indeterminate","disabled","any","String","changeChecked","toHaveBeenCalledWith"],"sources":["CheckboxPresenter.test.ts"],"sourcesContent":["import { CheckboxPresenter } from \"./CheckboxPresenter.js\";\nimport { describe, expect, it, vi } from \"vitest\";\n\ndescribe(\"CheckboxPresenter\", () => {\n    const onCheckedChange = vi.fn();\n\n    it(\"should return the compatible `vm` based on props\", () => {\n        const presenter = new CheckboxPresenter();\n\n        // `label`\n        {\n            presenter.init({\n                onCheckedChange,\n                label: \"Label\"\n            });\n            expect(presenter.vm.item?.label).toEqual(\"Label\");\n            expect(presenter.vm.item?.hasLabel).toEqual(true);\n        }\n\n        // `id`\n        {\n            presenter.init({\n                onCheckedChange,\n                id: \"id\"\n            });\n            expect(presenter.vm.item?.id).toEqual(\"id\");\n        }\n\n        // `checked`\n        {\n            presenter.init({\n                onCheckedChange,\n                checked: true\n            });\n            expect(presenter.vm.item?.checked).toBeTruthy();\n        }\n\n        // `value`\n        {\n            presenter.init({\n                onCheckedChange,\n                value: \"value\"\n            });\n            expect(presenter.vm.item?.value).toEqual(\"value\");\n        }\n\n        // `indeterminate`\n        {\n            presenter.init({\n                onCheckedChange,\n                indeterminate: true\n            });\n            expect(presenter.vm.item?.indeterminate).toBeTruthy();\n        }\n\n        // `indeterminate` + `checked`\n        {\n            presenter.init({\n                onCheckedChange,\n                indeterminate: true,\n                checked: false\n            });\n            expect(presenter.vm.item?.indeterminate).toEqual(true);\n        }\n\n        // `disabled`\n        {\n            presenter.init({\n                onCheckedChange,\n                disabled: true\n            });\n            expect(presenter.vm.item?.disabled).toBeTruthy();\n        }\n\n        // default: only mandatory props\n        {\n            presenter.init({\n                onCheckedChange\n            });\n            expect(presenter.vm.item).toEqual({\n                id: expect.any(String),\n                checked: false,\n                indeterminate: false,\n                disabled: false,\n                hasLabel: false\n            });\n        }\n    });\n\n    it(\"should call `onCheckedChange` callback when `changeChecked` is called\", () => {\n        const presenter = new CheckboxPresenter();\n        presenter.init({ onCheckedChange });\n        presenter.changeChecked(true);\n        expect(onCheckedChange).toHaveBeenCalledWith(true);\n    });\n});\n"],"mappings":"AAAA,SAASA,iBAAiB;AAC1B,SAASC,QAAQ,EAAEC,MAAM,EAAEC,EAAE,EAAEC,EAAE,QAAQ,QAAQ;AAEjDH,QAAQ,CAAC,mBAAmB,EAAE,MAAM;EAChC,MAAMI,eAAe,GAAGD,EAAE,CAACE,EAAE,CAAC,CAAC;EAE/BH,EAAE,CAAC,kDAAkD,EAAE,MAAM;IACzD,MAAMI,SAAS,GAAG,IAAIP,iBAAiB,CAAC,CAAC;;IAEzC;IACA;MACIO,SAAS,CAACC,IAAI,CAAC;QACXH,eAAe;QACfI,KAAK,EAAE;MACX,CAAC,CAAC;MACFP,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,EAAEF,KAAK,CAAC,CAACG,OAAO,CAAC,OAAO,CAAC;MACjDV,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,EAAEE,QAAQ,CAAC,CAACD,OAAO,CAAC,IAAI,CAAC;IACrD;;IAEA;IACA;MACIL,SAAS,CAACC,IAAI,CAAC;QACXH,eAAe;QACfS,EAAE,EAAE;MACR,CAAC,CAAC;MACFZ,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,EAAEG,EAAE,CAAC,CAACF,OAAO,CAAC,IAAI,CAAC;IAC/C;;IAEA;IACA;MACIL,SAAS,CAACC,IAAI,CAAC;QACXH,eAAe;QACfU,OAAO,EAAE;MACb,CAAC,CAAC;MACFb,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,EAAEI,OAAO,CAAC,CAACC,UAAU,CAAC,CAAC;IACnD;;IAEA;IACA;MACIT,SAAS,CAACC,IAAI,CAAC;QACXH,eAAe;QACfY,KAAK,EAAE;MACX,CAAC,CAAC;MACFf,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,EAAEM,KAAK,CAAC,CAACL,OAAO,CAAC,OAAO,CAAC;IACrD;;IAEA;IACA;MACIL,SAAS,CAACC,IAAI,CAAC;QACXH,eAAe;QACfa,aAAa,EAAE;MACnB,CAAC,CAAC;MACFhB,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,EAAEO,aAAa,CAAC,CAACF,UAAU,CAAC,CAAC;IACzD;;IAEA;IACA;MACIT,SAAS,CAACC,IAAI,CAAC;QACXH,eAAe;QACfa,aAAa,EAAE,IAAI;QACnBH,OAAO,EAAE;MACb,CAAC,CAAC;MACFb,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,EAAEO,aAAa,CAAC,CAACN,OAAO,CAAC,IAAI,CAAC;IAC1D;;IAEA;IACA;MACIL,SAAS,CAACC,IAAI,CAAC;QACXH,eAAe;QACfc,QAAQ,EAAE;MACd,CAAC,CAAC;MACFjB,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,EAAEQ,QAAQ,CAAC,CAACH,UAAU,CAAC,CAAC;IACpD;;IAEA;IACA;MACIT,SAAS,CAACC,IAAI,CAAC;QACXH;MACJ,CAAC,CAAC;MACFH,MAAM,CAACK,SAAS,CAACG,EAAE,CAACC,IAAI,CAAC,CAACC,OAAO,CAAC;QAC9BE,EAAE,EAAEZ,MAAM,CAACkB,GAAG,CAACC,MAAM,CAAC;QACtBN,OAAO,EAAE,KAAK;QACdG,aAAa,EAAE,KAAK;QACpBC,QAAQ,EAAE,KAAK;QACfN,QAAQ,EAAE;MACd,CAAC,CAAC;IACN;EACJ,CAAC,CAAC;EAEFV,EAAE,CAAC,uEAAuE,EAAE,MAAM;IAC9E,MAAMI,SAAS,GAAG,IAAIP,iBAAiB,CAAC,CAAC;IACzCO,SAAS,CAACC,IAAI,CAAC;MAAEH;IAAgB,CAAC,CAAC;IACnCE,SAAS,CAACe,aAAa,CAAC,IAAI,CAAC;IAC7BpB,MAAM,CAACG,eAAe,CAAC,CAACkB,oBAAoB,CAAC,IAAI,CAAC;EACtD,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"Checkbox/primitives/presenters/CheckboxPresenter.test.js","sources":["../../../../src/Checkbox/primitives/presenters/CheckboxPresenter.test.ts"],"sourcesContent":["import { CheckboxPresenter } from \"./CheckboxPresenter.js\";\nimport { describe, expect, it, vi } from \"vitest\";\n\ndescribe(\"CheckboxPresenter\", () => {\n    const onCheckedChange = vi.fn();\n\n    it(\"should return the compatible `vm` based on props\", () => {\n        const presenter = new CheckboxPresenter();\n\n        // `label`\n        {\n            presenter.init({\n                onCheckedChange,\n                label: \"Label\"\n            });\n            expect(presenter.vm.item?.label).toEqual(\"Label\");\n            expect(presenter.vm.item?.hasLabel).toEqual(true);\n        }\n\n        // `id`\n        {\n            presenter.init({\n                onCheckedChange,\n                id: \"id\"\n            });\n            expect(presenter.vm.item?.id).toEqual(\"id\");\n        }\n\n        // `checked`\n        {\n            presenter.init({\n                onCheckedChange,\n                checked: true\n            });\n            expect(presenter.vm.item?.checked).toBeTruthy();\n        }\n\n        // `value`\n        {\n            presenter.init({\n                onCheckedChange,\n                value: \"value\"\n            });\n            expect(presenter.vm.item?.value).toEqual(\"value\");\n        }\n\n        // `indeterminate`\n        {\n            presenter.init({\n                onCheckedChange,\n                indeterminate: true\n            });\n            expect(presenter.vm.item?.indeterminate).toBeTruthy();\n        }\n\n        // `indeterminate` + `checked`\n        {\n            presenter.init({\n                onCheckedChange,\n                indeterminate: true,\n                checked: false\n            });\n            expect(presenter.vm.item?.indeterminate).toEqual(true);\n        }\n\n        // `disabled`\n        {\n            presenter.init({\n                onCheckedChange,\n                disabled: true\n            });\n            expect(presenter.vm.item?.disabled).toBeTruthy();\n        }\n\n        // default: only mandatory props\n        {\n            presenter.init({\n                onCheckedChange\n            });\n            expect(presenter.vm.item).toEqual({\n                id: expect.any(String),\n                checked: false,\n                indeterminate: false,\n                disabled: false,\n                hasLabel: false\n            });\n        }\n    });\n\n    it(\"should call `onCheckedChange` callback when `changeChecked` is called\", () => {\n        const presenter = new CheckboxPresenter();\n        presenter.init({ onCheckedChange });\n        presenter.changeChecked(true);\n        expect(onCheckedChange).toHaveBeenCalledWith(true);\n    });\n});\n"],"names":["describe","onCheckedChange","vi","it","presenter","CheckboxPresenter","expect","String"],"mappings":";;AAGAA,SAAS,qBAAqB;IAC1B,MAAMC,kBAAkBC,GAAG,EAAE;IAE7BC,GAAG,oDAAoD;QACnD,MAAMC,YAAY,IAAIC;QAIlBD,UAAU,IAAI,CAAC;YACXH;YACA,OAAO;QACX;QACAK,OAAOF,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,OAAO,CAAC;QACzCE,OAAOF,UAAU,EAAE,CAAC,IAAI,EAAE,UAAU,OAAO,CAAC;QAK5CA,UAAU,IAAI,CAAC;YACXH;YACA,IAAI;QACR;QACAK,OAAOF,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,OAAO,CAAC;QAKtCA,UAAU,IAAI,CAAC;YACXH;YACA,SAAS;QACb;QACAK,OAAOF,UAAU,EAAE,CAAC,IAAI,EAAE,SAAS,UAAU;QAK7CA,UAAU,IAAI,CAAC;YACXH;YACA,OAAO;QACX;QACAK,OAAOF,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,OAAO,CAAC;QAKzCA,UAAU,IAAI,CAAC;YACXH;YACA,eAAe;QACnB;QACAK,OAAOF,UAAU,EAAE,CAAC,IAAI,EAAE,eAAe,UAAU;QAKnDA,UAAU,IAAI,CAAC;YACXH;YACA,eAAe;YACf,SAAS;QACb;QACAK,OAAOF,UAAU,EAAE,CAAC,IAAI,EAAE,eAAe,OAAO,CAAC;QAKjDA,UAAU,IAAI,CAAC;YACXH;YACA,UAAU;QACd;QACAK,OAAOF,UAAU,EAAE,CAAC,IAAI,EAAE,UAAU,UAAU;QAK9CA,UAAU,IAAI,CAAC;YACXH;QACJ;QACAK,OAAOF,UAAU,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC;YAC9B,IAAIE,OAAO,GAAG,CAACC;YACf,SAAS;YACT,eAAe;YACf,UAAU;YACV,UAAU;QACd;IAER;IAEAJ,GAAG,yEAAyE;QACxE,MAAMC,YAAY,IAAIC;QACtBD,UAAU,IAAI,CAAC;YAAEH;QAAgB;QACjCG,UAAU,aAAa,CAAC;QACxBE,OAAOL,iBAAiB,oBAAoB,CAAC;IACjD;AACJ"}

package/Checkbox/primitives/presenters/index.js

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