@webiny/admin-ui 6.0.0-alpha.4 → 6.0.0-rc.0

package/Card/components/CardHeader.js

@@ -1,26 +1,59 @@
-import React from "react";
-import { Heading } from "../../Heading";
-import { Text } from "../../Text";
-const CardHeader = ({
-  title,
-  description,
-  options
-}) => {
-  if (!title && !description && !options) {
+import * as React from "react";
+import { cn, cva } from "../../utils.js";
+import { CardTitle } from "./CardTitle.js";
+import { CardDescription } from "./CardDescription.js";
+import { useCardProps } from "./CardPropsProvider.js";
+const cardHeaderVariants = cva("text-neutral-primary", {
+  variants: {
+    padding: {
+      sm: "pt-sm-extra pl-md pr-sm-plus",
+      md: "pt-md pl-lg pr-md",
+      lg: "pt-lg pl-xl pr-lg"
+    },
+    variant: {
+      default: "",
+      accent: "bg-primary-subtle"
+    }
+  },
+  defaultVariants: {
+    padding: "md",
+    variant: "default"
+  }
+});
+export const CardHeader = () => {
+  const {
+    actionsPosition,
+    actions,
+    title,
+    icon,
+    description,
+    padding,
+    variant,
+    size,
+    className
+  } = useCardProps();
+  const nothingToRender = React.useMemo(() => {
+    return !title && !description && !icon;
+  }, [title, description, icon]);
+  if (nothingToRender) {
     return null;
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-flex-row wby-justify-between"
+    className: cn(cardHeaderVariants({
+      padding,
+      variant
+    }), className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-between"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-flex-col wby-gap-y-xs"
-  }, typeof title === "string" ? /*#__PURE__*/React.createElement(Heading, {
-    level: 6,
-    as: "h1"
-  }, title) : title, typeof description === "string" ? /*#__PURE__*/React.createElement(Text, {
-    size: "sm",
-    className: "wby-text-neutral-strong"
-  }, description) : description), /*#__PURE__*/React.createElement("div", null, options));
+    className: "flex flex-col gap-xs mb-sm text-sm text-neutral-strong pb-md"
+  }, /*#__PURE__*/React.createElement(CardTitle, {
+    padding: padding,
+    size: size,
+    variant: variant
+  }, icon, title), description && /*#__PURE__*/React.createElement(CardDescription, null, description)), actions && actionsPosition === "header" && /*#__PURE__*/React.createElement("div", {
+    className: "flex gap-sm"
+  }, actions)));
 };
-export { CardHeader };
 
 //# sourceMappingURL=CardHeader.js.map

package/Card/components/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Heading","Text","CardHeader","title","description","options","createElement","className","level","as","size"],"sources":["CardHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { Heading } from \"~/Heading\";\nimport { Text } from \"~/Text\";\nimport type { CardProps } from \"~/Card\";\n\ntype CardHeaderProps = Pick<CardProps, \"title\" | \"description\" | \"options\">;\n\nconst CardHeader = ({ title, description, options }: CardHeaderProps) => {\n    if (!title && !description && !options) {\n        return null;\n    }\n\n    return (\n        <div className={\"wby-flex wby-flex-row wby-justify-between\"}>\n            <div className={\"wby-flex wby-flex-col wby-gap-y-xs\"}>\n                {typeof title === \"string\" ? (\n                    <Heading level={6} as={\"h1\"}>\n                        {title}\n                    </Heading>\n                ) : (\n                    title\n                )}\n                {typeof description === \"string\" ? (\n                    <Text size=\"sm\" className={\"wby-text-neutral-strong\"}>\n                        {description}\n                    </Text>\n                ) : (\n                    description\n                )}\n            </div>\n            <div>{options}</div>\n        </div>\n    );\n};\n\nexport { CardHeader, type CardHeaderProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO;AAChB,SAASC,IAAI;AAKb,MAAMC,UAAU,GAAGA,CAAC;EAAEC,KAAK;EAAEC,WAAW;EAAEC;AAAyB,CAAC,KAAK;EACrE,IAAI,CAACF,KAAK,IAAI,CAACC,WAAW,IAAI,CAACC,OAAO,EAAE;IACpC,OAAO,IAAI;EACf;EAEA,oBACIN,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAE;EAA4C,gBACxDR,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAE;EAAqC,GAChD,OAAOJ,KAAK,KAAK,QAAQ,gBACtBJ,KAAA,CAAAO,aAAA,CAACN,OAAO;IAACQ,KAAK,EAAE,CAAE;IAACC,EAAE,EAAE;EAAK,GACvBN,KACI,CAAC,GAEVA,KACH,EACA,OAAOC,WAAW,KAAK,QAAQ,gBAC5BL,KAAA,CAAAO,aAAA,CAACL,IAAI;IAACS,IAAI,EAAC,IAAI;IAACH,SAAS,EAAE;EAA0B,GAChDH,WACC,CAAC,GAEPA,WAEH,CAAC,eACNL,KAAA,CAAAO,aAAA,cAAMD,OAAa,CAClB,CAAC;AAEd,CAAC;AAED,SAASH,UAAU","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","CardTitle","CardDescription","useCardProps","cardHeaderVariants","variants","padding","sm","md","lg","variant","default","accent","defaultVariants","CardHeader","actionsPosition","actions","title","icon","description","size","className","nothingToRender","useMemo","createElement"],"sources":["CardHeader.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva } from \"~/utils.js\";\nimport { CardTitle } from \"./CardTitle.js\";\nimport { CardDescription } from \"./CardDescription.js\";\nimport { useCardProps } from \"./CardPropsProvider.js\";\n\nconst cardHeaderVariants = cva(\"text-neutral-primary\", {\n    variants: {\n        padding: {\n            sm: \"pt-sm-extra pl-md pr-sm-plus\",\n            md: \"pt-md pl-lg pr-md\",\n            lg: \"pt-lg pl-xl pr-lg\"\n        },\n        variant: {\n            default: \"\",\n            accent: \"bg-primary-subtle\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\",\n        variant: \"default\"\n    }\n});\n\nexport const CardHeader = () => {\n    const {\n        actionsPosition,\n        actions,\n        title,\n        icon,\n        description,\n        padding,\n        variant,\n        size,\n        className\n    } = useCardProps();\n\n    const nothingToRender = React.useMemo(() => {\n        return !title && !description && !icon;\n    }, [title, description, icon]);\n\n    if (nothingToRender) {\n        return null;\n    }\n\n    return (\n        <div className={cn(cardHeaderVariants({ padding, variant }), className)}>\n            <div className={\"flex justify-between\"}>\n                <div className=\"flex flex-col gap-xs mb-sm text-sm text-neutral-strong pb-md\">\n                    <CardTitle padding={padding} size={size} variant={variant}>\n                        {icon}\n                        {title}\n                    </CardTitle>\n                    {description && <CardDescription>{description}</CardDescription>}\n                </div>\n                {actions && actionsPosition === \"header\" && (\n                    <div className={\"flex gap-sm\"}>{actions}</div>\n                )}\n            </div>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,SAAS;AAClB,SAASC,eAAe;AACxB,SAASC,YAAY;AAErB,MAAMC,kBAAkB,GAAGJ,GAAG,CAAC,sBAAsB,EAAE;EACnDK,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,EAAE,EAAE,8BAA8B;MAClCC,EAAE,EAAE,mBAAmB;MACvBC,EAAE,EAAE;IACR,CAAC;IACDC,OAAO,EAAE;MACLC,OAAO,EAAE,EAAE;MACXC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,eAAe,EAAE;IACbP,OAAO,EAAE,IAAI;IACbI,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,OAAO,MAAMI,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAM;IACFC,eAAe;IACfC,OAAO;IACPC,KAAK;IACLC,IAAI;IACJC,WAAW;IACXb,OAAO;IACPI,OAAO;IACPU,IAAI;IACJC;EACJ,CAAC,GAAGlB,YAAY,CAAC,CAAC;EAElB,MAAMmB,eAAe,GAAGxB,KAAK,CAACyB,OAAO,CAAC,MAAM;IACxC,OAAO,CAACN,KAAK,IAAI,CAACE,WAAW,IAAI,CAACD,IAAI;EAC1C,CAAC,EAAE,CAACD,KAAK,EAAEE,WAAW,EAAED,IAAI,CAAC,CAAC;EAE9B,IAAII,eAAe,EAAE;IACjB,OAAO,IAAI;EACf;EAEA,oBACIxB,KAAA,CAAA0B,aAAA;IAAKH,SAAS,EAAEtB,EAAE,CAACK,kBAAkB,CAAC;MAAEE,OAAO;MAAEI;IAAQ,CAAC,CAAC,EAAEW,SAAS;EAAE,gBACpEvB,KAAA,CAAA0B,aAAA;IAAKH,SAAS,EAAE;EAAuB,gBACnCvB,KAAA,CAAA0B,aAAA;IAAKH,SAAS,EAAC;EAA8D,gBACzEvB,KAAA,CAAA0B,aAAA,CAACvB,SAAS;IAACK,OAAO,EAAEA,OAAQ;IAACc,IAAI,EAAEA,IAAK;IAACV,OAAO,EAAEA;EAAQ,GACrDQ,IAAI,EACJD,KACM,CAAC,EACXE,WAAW,iBAAIrB,KAAA,CAAA0B,aAAA,CAACtB,eAAe,QAAEiB,WAA6B,CAC9D,CAAC,EACLH,OAAO,IAAID,eAAe,KAAK,QAAQ,iBACpCjB,KAAA,CAAA0B,aAAA;IAAKH,SAAS,EAAE;EAAc,GAAEL,OAAa,CAEhD,CACJ,CAAC;AAEd,CAAC","ignoreList":[]}

package/Card/components/CardPropsProvider.d.ts

@@ -0,0 +1,6 @@
+import { type CardProps } from "../Card.js";
+declare const CardPropsProvider: import("react").FunctionComponent<{
+    props: CardProps;
+    children: React.ReactNode;
+}>, useCardProps: () => CardProps;
+export { CardPropsProvider, useCardProps };

package/Card/components/CardPropsProvider.js

@@ -0,0 +1,5 @@
+import { createComponentPropsProvider } from "../../utils.js";
+const [CardPropsProvider, useCardProps] = createComponentPropsProvider();
+export { CardPropsProvider, useCardProps };
+
+//# sourceMappingURL=CardPropsProvider.js.map

package/Card/components/CardPropsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createComponentPropsProvider","CardPropsProvider","useCardProps"],"sources":["CardPropsProvider.ts"],"sourcesContent":["import { createComponentPropsProvider } from \"~/utils.js\";\nimport { type CardProps } from \"../Card.js\";\n\nconst [CardPropsProvider, useCardProps] = createComponentPropsProvider<CardProps>();\n\nexport { CardPropsProvider, useCardProps };\n"],"mappings":"AAAA,SAASA,4BAA4B;AAGrC,MAAM,CAACC,iBAAiB,EAAEC,YAAY,CAAC,GAAGF,4BAA4B,CAAY,CAAC;AAEnF,SAASC,iBAAiB,EAAEC,YAAY","ignoreList":[]}

package/Card/components/CardTitle.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "../../utils.js";
+declare const cardTitleVariants: (props?: ({
+    padding?: "sm" | "md" | "lg" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+    variant?: "accent" | "default" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export type CardTitleProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardTitleVariants>;
+export declare const CardTitle: ({ className, padding, size, variant, ...props }: CardTitleProps) => React.JSX.Element;
+export {};

package/Card/components/CardTitle.js

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { cn, cva } from "../../utils.js";
+const cardTitleVariants = cva("flex items-center gap-sm text-neutral-primary font-semibold", {
+  variants: {
+    padding: {
+      sm: "text-h6",
+      md: "text-h5",
+      lg: "text-h5"
+    },
+    size: {
+      sm: "",
+      md: "pt-xs"
+    },
+    variant: {
+      default: "",
+      accent: "bg-primary-subtle text-accent-primary"
+    }
+  },
+  defaultVariants: {
+    padding: "md",
+    size: "md"
+  }
+});
+export const CardTitle = ({
+  className,
+  padding,
+  size,
+  variant,
+  ...props
+}) => /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+  className: cn(cardTitleVariants({
+    padding,
+    size,
+    variant
+  }), className)
+}));
+
+//# sourceMappingURL=CardTitle.js.map

package/Card/components/CardTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","cva","cardTitleVariants","variants","padding","sm","md","lg","size","variant","default","accent","defaultVariants","CardTitle","className","props","createElement","Object","assign"],"sources":["CardTitle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst cardTitleVariants = cva(\"flex items-center gap-sm text-neutral-primary font-semibold\", {\n    variants: {\n        padding: {\n            sm: \"text-h6\",\n            md: \"text-h5\",\n            lg: \"text-h5\"\n        },\n        size: {\n            sm: \"\",\n            md: \"pt-xs\"\n        },\n        variant: {\n            default: \"\",\n            accent: \"bg-primary-subtle text-accent-primary\"\n        }\n    },\n    defaultVariants: {\n        padding: \"md\",\n        size: \"md\"\n    }\n});\n\nexport type CardTitleProps = React.HTMLAttributes<HTMLDivElement> &\n    VariantProps<typeof cardTitleVariants>;\n\nexport const CardTitle = ({ className, padding, size, variant, ...props }: CardTitleProps) => (\n    <div {...props} className={cn(cardTitleVariants({ padding, size, variant }), className)} />\n);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,iBAAiB,GAAGD,GAAG,CAAC,6DAA6D,EAAE;EACzFE,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACR,CAAC;IACDC,IAAI,EAAE;MACFH,EAAE,EAAE,EAAE;MACNC,EAAE,EAAE;IACR,CAAC;IACDG,OAAO,EAAE;MACLC,OAAO,EAAE,EAAE;MACXC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,eAAe,EAAE;IACbR,OAAO,EAAE,IAAI;IACbI,IAAI,EAAE;EACV;AACJ,CAAC,CAAC;AAKF,OAAO,MAAMK,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAEV,OAAO;EAAEI,IAAI;EAAEC,OAAO;EAAE,GAAGM;AAAsB,CAAC,kBACrFhB,KAAA,CAAAiB,aAAA,QAAAC,MAAA,CAAAC,MAAA,KAASH,KAAK;EAAED,SAAS,EAAEd,EAAE,CAACE,iBAAiB,CAAC;IAAEE,OAAO;IAAEI,IAAI;IAAEC;EAAQ,CAAC,CAAC,EAAEK,SAAS;AAAE,EAAE,CAC7F","ignoreList":[]}

package/{Dialog/components/ConfirmButton.d.ts → Card/components/ConfirmAction.d.ts}

@@ -1,6 +1,6 @@
 import * as React from "react";
-import type { ButtonProps } from "../../Button";
-export declare const ConfirmButton: ((props: ButtonProps) => React.JSX.Element) & {
+import { ButtonProps } from "../../Button/index.js";
+export declare const ConfirmAction: ((props: ButtonProps) => React.JSX.Element) & {
     original: (props: ButtonProps) => React.JSX.Element;
     originalName: string;
     displayName: string;
@@ -13,7 +13,7 @@ export declare const ConfirmButton: ((props: ButtonProps) => React.JSX.Element)
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: ButtonProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: ButtonProps) => React.JSX.Element) & {
         original: (props: ButtonProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/Card/components/ConfirmAction.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { makeDecoratable } from "../../utils.js";
+import { Button } from "../../Button/index.js";
+import { useCardProps } from "./CardPropsProvider.js";
+const ConfirmActionBase = props => {
+  const {
+    actionsSize
+  } = useCardProps();
+  return /*#__PURE__*/React.createElement(Button, Object.assign({
+    text: "Confirm"
+  }, props, {
+    variant: "primary",
+    size: actionsSize
+  }));
+};
+export const ConfirmAction = makeDecoratable("ConfirmAction", ConfirmActionBase);
+
+//# sourceMappingURL=ConfirmAction.js.map

package/Card/components/ConfirmAction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","Button","useCardProps","ConfirmActionBase","props","actionsSize","createElement","Object","assign","text","variant","size","ConfirmAction"],"sources":["ConfirmAction.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport { Button, ButtonProps } from \"~/Button/index.js\";\nimport { useCardProps } from \"./CardPropsProvider.js\";\n\nconst ConfirmActionBase = (props: ButtonProps) => {\n    const { actionsSize } = useCardProps();\n\n    return <Button text={\"Confirm\"} {...props} variant=\"primary\" size={actionsSize} />;\n};\nexport const ConfirmAction = makeDecoratable(\"ConfirmAction\", ConfirmActionBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe;AACxB,SAASC,MAAM;AACf,SAASC,YAAY;AAErB,MAAMC,iBAAiB,GAAIC,KAAkB,IAAK;EAC9C,MAAM;IAAEC;EAAY,CAAC,GAAGH,YAAY,CAAC,CAAC;EAEtC,oBAAOH,KAAA,CAAAO,aAAA,CAACL,MAAM,EAAAM,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE;EAAU,GAAKL,KAAK;IAAEM,OAAO,EAAC,SAAS;IAACC,IAAI,EAAEN;EAAY,EAAE,CAAC;AACtF,CAAC;AACD,OAAO,MAAMO,aAAa,GAAGZ,eAAe,CAAC,eAAe,EAAEG,iBAAiB,CAAC","ignoreList":[]}

package/Card/components/Icon.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { IconProps as IconComponentProps } from "../../Icon/index.js";
+type IconProps = IconComponentProps;
+export declare const Icon: ((props: IconProps) => React.JSX.Element) & {
+    original: (props: IconProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: IconProps) => React.JSX.Element) & {
+        original: (props: IconProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition/types").ComponentDecorator<((props: IconProps) => React.JSX.Element) & {
+        original: (props: IconProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+export {};

package/Card/components/Icon.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { Icon as IconComponent } from "../../Icon/index.js";
+import { makeDecoratable } from "../../utils.js";
+const IconBase = props => {
+  return /*#__PURE__*/React.createElement(IconComponent, Object.assign({
+    size: "md",
+    color: "neutral-strong"
+  }, props));
+};
+export const Icon = makeDecoratable("Icon", IconBase);
+
+//# sourceMappingURL=Icon.js.map

package/Card/components/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Icon","IconComponent","makeDecoratable","IconBase","props","createElement","Object","assign","size","color"],"sources":["Icon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { IconProps as IconComponentProps } from \"~/Icon/index.js\";\nimport { Icon as IconComponent } from \"~/Icon/index.js\";\nimport { makeDecoratable } from \"~/utils.js\";\n\ntype IconProps = IconComponentProps;\n\nconst IconBase = (props: IconProps) => {\n    return <IconComponent size={\"md\"} color={\"neutral-strong\"} {...props} />;\n};\n\nexport const Icon = makeDecoratable(\"Icon\", IconBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,IAAI,IAAIC,aAAa;AAC9B,SAASC,eAAe;AAIxB,MAAMC,QAAQ,GAAIC,KAAgB,IAAK;EACnC,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,aAAa,EAAAK,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE,IAAK;IAACC,KAAK,EAAE;EAAiB,GAAKL,KAAK,CAAG,CAAC;AAC5E,CAAC;AAED,OAAO,MAAMJ,IAAI,GAAGE,eAAe,CAAC,MAAM,EAAEC,QAAQ,CAAC","ignoreList":[]}

package/Card/index.d.ts

@@ -1 +1 @@
-export * from "./Card";
+export * from "./Card.js";

package/Card/index.js

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

package/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Card\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Card.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Checkbox/Checkbox.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import type { CheckboxPrimitiveProps } from "./primitives/";
-import type { FormComponentProps } from "../FormComponent";
+import type { CheckboxPrimitiveProps } from "./primitives/index.js";
+import type { FormComponentProps } from "../FormComponent/index.js";
 type CheckboxProps = CheckboxPrimitiveProps & FormComponentProps;
 declare const Checkbox: (({ description, note, validation, ...props }: CheckboxProps) => React.JSX.Element) & {
     original: ({ description, note, validation, ...props }: CheckboxProps) => React.JSX.Element;
@@ -15,7 +15,7 @@ declare const Checkbox: (({ description, note, validation, ...props }: CheckboxP
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ description, note, validation, ...props }: CheckboxProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ description, note, validation, ...props }: CheckboxProps) => React.JSX.Element) & {
         original: ({ description, note, validation, ...props }: CheckboxProps) => React.JSX.Element;
         originalName: string;
         displayName: string;

package/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 import React, { useMemo } from "react";
-import { makeDecoratable } from "../utils";
-import { CheckboxPrimitive } from "./primitives/";
-import { FormComponentDescription, FormComponentErrorMessage, FormComponentNote } from "../FormComponent";
+import { makeDecoratable } from "../utils.js";
+import { CheckboxPrimitive } from "./primitives/index.js";
+import { FormComponentDescription, FormComponentErrorMessage, FormComponentNote } from "../FormComponent/index.js";
 const DecoratableCheckbox = ({
   description,
   note,
@@ -14,7 +14,7 @@ const DecoratableCheckbox = ({
   } = validation || {};
   const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full"
+    className: "w-full"
   }, /*#__PURE__*/React.createElement(FormComponentDescription, {
     text: description,
     disabled: props.disabled

package/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","makeDecoratable","CheckboxPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentNote","DecoratableCheckbox","description","note","validation","props","isValid","validationIsValid","message","validationMessage","invalid","createElement","className","text","disabled","Checkbox"],"sources":["Checkbox.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport type { CheckboxPrimitiveProps } from \"./primitives/\";\nimport { CheckboxPrimitive } from \"./primitives/\";\nimport type { FormComponentProps } from \"~/FormComponent\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentNote\n} from \"~/FormComponent\";\n\ntype CheckboxProps = CheckboxPrimitiveProps & FormComponentProps;\n\nconst DecoratableCheckbox = ({ description, note, validation, ...props }: CheckboxProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentDescription text={description} disabled={props.disabled} />\n            <CheckboxPrimitive {...props} />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={props.disabled}\n            />\n            <FormComponentNote text={note} disabled={props.disabled} />\n        </div>\n    );\n};\nconst Checkbox = makeDecoratable(\"Checkbox\", DecoratableCheckbox);\n\nexport { Checkbox };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AAExB,SAASC,iBAAiB;AAE1B,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,iBAAiB;AAKrB,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,WAAW;EAAEC,IAAI;EAAEC,UAAU;EAAE,GAAGC;AAAqB,CAAC,KAAK;EACxF,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGf,OAAO,CAAC,MAAMY,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIb,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBlB,KAAA,CAAAiB,aAAA,CAACb,wBAAwB;IAACe,IAAI,EAAEX,WAAY;IAACY,QAAQ,EAAET,KAAK,CAACS;EAAS,CAAE,CAAC,eACzEpB,KAAA,CAAAiB,aAAA,CAACd,iBAAiB,EAAKQ,KAAQ,CAAC,eAChCX,KAAA,CAAAiB,aAAA,CAACZ,yBAAyB;IACtBc,IAAI,EAAEJ,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBI,QAAQ,EAAET,KAAK,CAACS;EAAS,CAC5B,CAAC,eACFpB,KAAA,CAAAiB,aAAA,CAACX,iBAAiB;IAACa,IAAI,EAAEV,IAAK;IAACW,QAAQ,EAAET,KAAK,CAACS;EAAS,CAAE,CACzD,CAAC;AAEd,CAAC;AACD,MAAMC,QAAQ,GAAGnB,eAAe,CAAC,UAAU,EAAEK,mBAAmB,CAAC;AAEjE,SAASc,QAAQ","ignoreList":[]}
+{"version":3,"names":["React","useMemo","makeDecoratable","CheckboxPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentNote","DecoratableCheckbox","description","note","validation","props","isValid","validationIsValid","message","validationMessage","invalid","createElement","className","text","disabled","Checkbox"],"sources":["Checkbox.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils.js\";\nimport type { CheckboxPrimitiveProps } from \"./primitives/index.js\";\nimport { CheckboxPrimitive } from \"./primitives/index.js\";\nimport type { FormComponentProps } from \"~/FormComponent/index.js\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentNote\n} from \"~/FormComponent/index.js\";\n\ntype CheckboxProps = CheckboxPrimitiveProps & FormComponentProps;\n\nconst DecoratableCheckbox = ({ description, note, validation, ...props }: CheckboxProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"w-full\"}>\n            <FormComponentDescription text={description} disabled={props.disabled} />\n            <CheckboxPrimitive {...props} />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={props.disabled}\n            />\n            <FormComponentNote text={note} disabled={props.disabled} />\n        </div>\n    );\n};\nconst Checkbox = makeDecoratable(\"Checkbox\", DecoratableCheckbox);\n\nexport { Checkbox };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AAExB,SAASC,iBAAiB;AAE1B,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,iBAAiB;AAKrB,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,WAAW;EAAEC,IAAI;EAAEC,UAAU;EAAE,GAAGC;AAAqB,CAAC,KAAK;EACxF,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGf,OAAO,CAAC,MAAMY,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIb,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAE;EAAS,gBACrBlB,KAAA,CAAAiB,aAAA,CAACb,wBAAwB;IAACe,IAAI,EAAEX,WAAY;IAACY,QAAQ,EAAET,KAAK,CAACS;EAAS,CAAE,CAAC,eACzEpB,KAAA,CAAAiB,aAAA,CAACd,iBAAiB,EAAKQ,KAAQ,CAAC,eAChCX,KAAA,CAAAiB,aAAA,CAACZ,yBAAyB;IACtBc,IAAI,EAAEJ,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBI,QAAQ,EAAET,KAAK,CAACS;EAAS,CAC5B,CAAC,eACFpB,KAAA,CAAAiB,aAAA,CAACX,iBAAiB;IAACa,IAAI,EAAEV,IAAK;IAACW,QAAQ,EAAET,KAAK,CAACS;EAAS,CAAE,CACzD,CAAC;AAEd,CAAC;AACD,MAAMC,QAAQ,GAAGnB,eAAe,CAAC,UAAU,EAAEK,mBAAmB,CAAC;AAEjE,SAASc,QAAQ","ignoreList":[]}

package/Checkbox/Checkbox.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Controls } from '@storybook/blocks';
+import { Canvas, Meta, Controls } from '@storybook/addon-docs/blocks';
 
 import * as CheckboxStories from './Checkbox.stories';
 

package/Checkbox/Checkbox.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { Checkbox } from "./";
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { Checkbox } from "../Checkbox/index.js";
 declare const meta: Meta<typeof Checkbox>;
 export default meta;
 type Story = StoryObj<typeof Checkbox>;

package/Checkbox/Checkbox.stories.js

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from "react";
-import { Checkbox } from "./";
+import { Checkbox } from "./index.js";
 const meta = {
   title: "Components/Form/Checkbox",
   component: Checkbox,
@@ -161,8 +161,7 @@ export const Documentation = {
       control: "object"
     },
     onChange: {
-      description: "Callback function triggered when checkbox state changes",
-      control: "none"
+      description: "Callback function triggered when checkbox state changes"
     }
   }
 };

package/Checkbox/Checkbox.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","Checkbox","meta","title","component","argTypes","disabled","control","defaultValue","parameters","layout","render","args","checked","setChecked","createElement","Object","assign","onChange","Default","label","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Disabled","FullExample","required","Documentation","setValidation","handleChange","isChecked"],"sources":["Checkbox.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { Checkbox } from \"~/Checkbox\";\n\nconst meta: Meta<typeof Checkbox> = {\n    title: \"Components/Form/Checkbox\",\n    component: Checkbox,\n    argTypes: {\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [checked, setChecked] = useState(args.checked);\n        return <Checkbox {...args} checked={checked} onChange={checked => setChecked(checked)} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Checkbox>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Any field label\"\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const WithNotes: Story = {\n    args: {\n        ...Default.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        ...Default.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        ...Default.args,\n        disabled: true\n    }\n};\n\nexport const FullExample: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [checked, setChecked] = useState(args.checked || false);\n        const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n        // Update checked state when args.checked changes\n        useEffect(() => {\n            setChecked(args.checked || false);\n        }, [args.checked]);\n\n        const handleChange = (isChecked: boolean) => {\n            setChecked(isChecked);\n\n            // Simple required validation\n            if (args.required && !isChecked) {\n                setValidation({ isValid: false, message: \"This field is required\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        };\n\n        // Validate on required change\n        useEffect(() => {\n            if (args.required && !checked) {\n                setValidation({ isValid: false, message: \"This field is required\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        }, [args.required, checked]);\n\n        return (\n            <Checkbox {...args} checked={checked} onChange={handleChange} validation={validation} />\n        );\n    },\n    args: {\n        label: \"Any field label\",\n        checked: false,\n        disabled: false,\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    },\n    argTypes: {\n        label: {\n            description: \"Label text for the checkbox\",\n            control: \"text\",\n            defaultValue: \"Any field label\"\n        },\n        checked: {\n            description: \"Determines if the checkbox is checked\",\n            control: \"boolean\",\n            defaultValue: false\n        },\n        disabled: {\n            description: \"Disables the checkbox when set to true\",\n            control: \"boolean\",\n            defaultValue: false\n        },\n        required: {\n            description: \"Makes the checkbox required when set to true\",\n            control: \"boolean\",\n            defaultValue: false\n        },\n        description: {\n            description: \"Additional description text below the checkbox\",\n            control: \"text\"\n        },\n        note: {\n            description: \"Additional note text below the checkbox\",\n            control: \"text\"\n        },\n        validation: {\n            description: \"Validation state and message\",\n            control: \"object\"\n        },\n        onChange: {\n            description: \"Callback function triggered when checkbox state changes\",\n            control: \"none\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useEffect","Checkbox","meta","title","component","argTypes","disabled","control","defaultValue","parameters","layout","render","args","checked","setChecked","createElement","Object","assign","onChange","Default","label","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Disabled","FullExample","required","Documentation","setValidation","handleChange","isChecked"],"sources":["Checkbox.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react-webpack5\";\nimport { Checkbox } from \"~/Checkbox/index.js\";\n\nconst meta: Meta<typeof Checkbox> = {\n    title: \"Components/Form/Checkbox\",\n    component: Checkbox,\n    argTypes: {\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    },\n    render: args => {\n        const [checked, setChecked] = useState(args.checked);\n        return <Checkbox {...args} checked={checked} onChange={checked => setChecked(checked)} />;\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof Checkbox>;\n\nexport const Default: Story = {\n    args: {\n        label: \"Any field label\"\n    }\n};\n\nexport const WithDescription: Story = {\n    args: {\n        ...Default.args,\n        description: \"Provide the required information for processing your request.\"\n    }\n};\n\nexport const WithNotes: Story = {\n    args: {\n        ...Default.args,\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\"\n    }\n};\n\nexport const WithErrors: Story = {\n    args: {\n        ...Default.args,\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Disabled: Story = {\n    args: {\n        ...Default.args,\n        disabled: true\n    }\n};\n\nexport const FullExample: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    }\n};\n\nexport const Documentation: Story = {\n    render: args => {\n        const [checked, setChecked] = useState(args.checked || false);\n        const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n        // Update checked state when args.checked changes\n        useEffect(() => {\n            setChecked(args.checked || false);\n        }, [args.checked]);\n\n        const handleChange = (isChecked: boolean) => {\n            setChecked(isChecked);\n\n            // Simple required validation\n            if (args.required && !isChecked) {\n                setValidation({ isValid: false, message: \"This field is required\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        };\n\n        // Validate on required change\n        useEffect(() => {\n            if (args.required && !checked) {\n                setValidation({ isValid: false, message: \"This field is required\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        }, [args.required, checked]);\n\n        return (\n            <Checkbox {...args} checked={checked} onChange={handleChange} validation={validation} />\n        );\n    },\n    args: {\n        label: \"Any field label\",\n        checked: false,\n        disabled: false,\n        required: true,\n        description: \"Provide the required information for processing your request.\",\n        note: \"Note: Ensure your selection or input is accurate before proceeding.\",\n        validation: {\n            isValid: false,\n            message: \"This field is required.\"\n        }\n    },\n    argTypes: {\n        label: {\n            description: \"Label text for the checkbox\",\n            control: \"text\",\n            defaultValue: \"Any field label\"\n        },\n        checked: {\n            description: \"Determines if the checkbox is checked\",\n            control: \"boolean\",\n            defaultValue: false\n        },\n        disabled: {\n            description: \"Disables the checkbox when set to true\",\n            control: \"boolean\",\n            defaultValue: false\n        },\n        required: {\n            description: \"Makes the checkbox required when set to true\",\n            control: \"boolean\",\n            defaultValue: false\n        },\n        description: {\n            description: \"Additional description text below the checkbox\",\n            control: \"text\"\n        },\n        note: {\n            description: \"Additional note text below the checkbox\",\n            control: \"text\"\n        },\n        validation: {\n            description: \"Validation state and message\",\n            control: \"object\"\n        },\n        onChange: {\n            description: \"Callback function triggered when checkbox state changes\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/Checkbox/domains/CheckboxItem.d.ts

@@ -1,4 +1,4 @@
-import type { CheckboxItemDto } from "./CheckboxItemDto";
+import type { CheckboxItemDto } from "./CheckboxItemDto.js";
 export declare class CheckboxItem {
     private readonly _id;
     private readonly _label;

package/Checkbox/domains/CheckboxItem.js

@@ -1,4 +1,4 @@
-import { generateId } from "../../utils";
+import { generateId } from "../../utils.js";
 export class CheckboxItem {
   constructor(data) {
     this._id = data.id;

package/Checkbox/domains/CheckboxItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["generateId","CheckboxItem","constructor","data","_id","id","_label","label","_value","value","_checked","checked","_indeterminate","indeterminate","_disabled","disabled","create","Boolean"],"sources":["CheckboxItem.ts"],"sourcesContent":["import type { CheckboxItemDto } from \"./CheckboxItemDto\";\nimport { generateId } from \"~/utils\";\n\nexport class CheckboxItem {\n    private readonly _id: string;\n    private readonly _label: any;\n    private readonly _value: string | number;\n    private readonly _checked: boolean;\n    private readonly _indeterminate: boolean;\n    private readonly _disabled: boolean;\n\n    protected constructor(data: {\n        id: string;\n        label: any;\n        value: any;\n        checked: boolean;\n        disabled: boolean;\n        indeterminate: boolean;\n    }) {\n        this._id = data.id;\n        this._label = data.label;\n        this._value = data.value;\n        this._checked = data.checked;\n        this._indeterminate = data.indeterminate;\n        this._disabled = data.disabled;\n    }\n\n    static create(data: CheckboxItemDto): CheckboxItem {\n        return new CheckboxItem({\n            id: generateId(data.id),\n            label: data.label,\n            value: data.value,\n            checked: Boolean(data.checked),\n            indeterminate: (data.indeterminate && !data.checked) ?? false,\n            disabled: data.disabled ?? false\n        });\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get checked() {\n        return this._checked;\n    }\n\n    get indeterminate() {\n        return this._indeterminate;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n}\n"],"mappings":"AACA,SAASA,UAAU;AAEnB,OAAO,MAAMC,YAAY,CAAC;EAQZC,WAAWA,CAACC,IAOrB,EAAE;IACC,IAAI,CAACC,GAAG,GAAGD,IAAI,CAACE,EAAE;IAClB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGL,IAAI,CAACM,KAAK;IACxB,IAAI,CAACC,QAAQ,GAAGP,IAAI,CAACQ,OAAO;IAC5B,IAAI,CAACC,cAAc,GAAGT,IAAI,CAACU,aAAa;IACxC,IAAI,CAACC,SAAS,GAAGX,IAAI,CAACY,QAAQ;EAClC;EAEA,OAAOC,MAAMA,CAACb,IAAqB,EAAgB;IAC/C,OAAO,IAAIF,YAAY,CAAC;MACpBI,EAAE,EAAEL,UAAU,CAACG,IAAI,CAACE,EAAE,CAAC;MACvBE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,KAAK,EAAEN,IAAI,CAACM,KAAK;MACjBE,OAAO,EAAEM,OAAO,CAACd,IAAI,CAACQ,OAAO,CAAC;MAC9BE,aAAa,EAAE,CAACV,IAAI,CAACU,aAAa,IAAI,CAACV,IAAI,CAACQ,OAAO,KAAK,KAAK;MAC7DI,QAAQ,EAAEZ,IAAI,CAACY,QAAQ,IAAI;IAC/B,CAAC,CAAC;EACN;EAEA,IAAIV,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACD,GAAG;EACnB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,OAAOA,CAAA,EAAG;IACV,OAAO,IAAI,CAACD,QAAQ;EACxB;EAEA,IAAIG,aAAaA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACD,cAAc;EAC9B;EAEA,IAAIG,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;AACJ","ignoreList":[]}
+{"version":3,"names":["generateId","CheckboxItem","constructor","data","_id","id","_label","label","_value","value","_checked","checked","_indeterminate","indeterminate","_disabled","disabled","create","Boolean"],"sources":["CheckboxItem.ts"],"sourcesContent":["import type { CheckboxItemDto } from \"./CheckboxItemDto.js\";\nimport { generateId } from \"~/utils.js\";\n\nexport class CheckboxItem {\n    private readonly _id: string;\n    private readonly _label: any;\n    private readonly _value: string | number;\n    private readonly _checked: boolean;\n    private readonly _indeterminate: boolean;\n    private readonly _disabled: boolean;\n\n    protected constructor(data: {\n        id: string;\n        label: any;\n        value: any;\n        checked: boolean;\n        disabled: boolean;\n        indeterminate: boolean;\n    }) {\n        this._id = data.id;\n        this._label = data.label;\n        this._value = data.value;\n        this._checked = data.checked;\n        this._indeterminate = data.indeterminate;\n        this._disabled = data.disabled;\n    }\n\n    static create(data: CheckboxItemDto): CheckboxItem {\n        return new CheckboxItem({\n            id: generateId(data.id),\n            label: data.label,\n            value: data.value,\n            checked: Boolean(data.checked),\n            indeterminate: (data.indeterminate && !data.checked) ?? false,\n            disabled: data.disabled ?? false\n        });\n    }\n\n    get id() {\n        return this._id;\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get checked() {\n        return this._checked;\n    }\n\n    get indeterminate() {\n        return this._indeterminate;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n}\n"],"mappings":"AACA,SAASA,UAAU;AAEnB,OAAO,MAAMC,YAAY,CAAC;EAQZC,WAAWA,CAACC,IAOrB,EAAE;IACC,IAAI,CAACC,GAAG,GAAGD,IAAI,CAACE,EAAE;IAClB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGL,IAAI,CAACM,KAAK;IACxB,IAAI,CAACC,QAAQ,GAAGP,IAAI,CAACQ,OAAO;IAC5B,IAAI,CAACC,cAAc,GAAGT,IAAI,CAACU,aAAa;IACxC,IAAI,CAACC,SAAS,GAAGX,IAAI,CAACY,QAAQ;EAClC;EAEA,OAAOC,MAAMA,CAACb,IAAqB,EAAgB;IAC/C,OAAO,IAAIF,YAAY,CAAC;MACpBI,EAAE,EAAEL,UAAU,CAACG,IAAI,CAACE,EAAE,CAAC;MACvBE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,KAAK,EAAEN,IAAI,CAACM,KAAK;MACjBE,OAAO,EAAEM,OAAO,CAACd,IAAI,CAACQ,OAAO,CAAC;MAC9BE,aAAa,EAAE,CAACV,IAAI,CAACU,aAAa,IAAI,CAACV,IAAI,CAACQ,OAAO,KAAK,KAAK;MAC7DI,QAAQ,EAAEZ,IAAI,CAACY,QAAQ,IAAI;IAC/B,CAAC,CAAC;EACN;EAEA,IAAIV,EAAEA,CAAA,EAAG;IACL,OAAO,IAAI,CAACD,GAAG;EACnB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,OAAOA,CAAA,EAAG;IACV,OAAO,IAAI,CAACD,QAAQ;EACxB;EAEA,IAAIG,aAAaA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACD,cAAc;EAC9B;EAEA,IAAIG,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;AACJ","ignoreList":[]}

package/Checkbox/domains/CheckboxItemMapper.d.ts

@@ -1,5 +1,5 @@
-import type { CheckboxItemFormatted } from "./CheckboxItemFormatted";
-import type { CheckboxItem } from "./CheckboxItem";
+import type { CheckboxItemFormatted } from "./CheckboxItemFormatted.js";
+import type { CheckboxItem } from "./CheckboxItem.js";
 export declare class CheckboxItemMapper {
     static toFormatted(item: CheckboxItem): CheckboxItemFormatted;
 }

package/Checkbox/domains/CheckboxItemMapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["CheckboxItemMapper","toFormatted","item","id","label","value","checked","indeterminate","disabled","hasLabel"],"sources":["CheckboxItemMapper.ts"],"sourcesContent":["import type { CheckboxItemFormatted } from \"./CheckboxItemFormatted\";\nimport type { CheckboxItem } from \"./CheckboxItem\";\n\nexport class CheckboxItemMapper {\n    static toFormatted(item: CheckboxItem): CheckboxItemFormatted {\n        return {\n            id: item.id,\n            label: item.label,\n            value: item.value,\n            checked: item.checked,\n            indeterminate: item.indeterminate,\n            disabled: item.disabled,\n            hasLabel: !!item.label\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,kBAAkB,CAAC;EAC5B,OAAOC,WAAWA,CAACC,IAAkB,EAAyB;IAC1D,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBC,KAAK,EAAEH,IAAI,CAACG,KAAK;MACjBC,OAAO,EAAEJ,IAAI,CAACI,OAAO;MACrBC,aAAa,EAAEL,IAAI,CAACK,aAAa;MACjCC,QAAQ,EAAEN,IAAI,CAACM,QAAQ;MACvBC,QAAQ,EAAE,CAAC,CAACP,IAAI,CAACE;IACrB,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"names":["CheckboxItemMapper","toFormatted","item","id","label","value","checked","indeterminate","disabled","hasLabel"],"sources":["CheckboxItemMapper.ts"],"sourcesContent":["import type { CheckboxItemFormatted } from \"./CheckboxItemFormatted.js\";\nimport type { CheckboxItem } from \"./CheckboxItem.js\";\n\nexport class CheckboxItemMapper {\n    static toFormatted(item: CheckboxItem): CheckboxItemFormatted {\n        return {\n            id: item.id,\n            label: item.label,\n            value: item.value,\n            checked: item.checked,\n            indeterminate: item.indeterminate,\n            disabled: item.disabled,\n            hasLabel: !!item.label\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,kBAAkB,CAAC;EAC5B,OAAOC,WAAWA,CAACC,IAAkB,EAAyB;IAC1D,OAAO;MACHC,EAAE,EAAED,IAAI,CAACC,EAAE;MACXC,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBC,KAAK,EAAEH,IAAI,CAACG,KAAK;MACjBC,OAAO,EAAEJ,IAAI,CAACI,OAAO;MACrBC,aAAa,EAAEL,IAAI,CAACK,aAAa;MACjCC,QAAQ,EAAEN,IAAI,CAACM,QAAQ;MACvBC,QAAQ,EAAE,CAAC,CAACP,IAAI,CAACE;IACrB,CAAC;EACL;AACJ","ignoreList":[]}

package/Checkbox/domains/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./CheckboxItem";
-export * from "./CheckboxItemDto";
-export * from "./CheckboxItemFormatted";
-export * from "./CheckboxItemMapper";
+export * from "./CheckboxItem.js";
+export type * from "./CheckboxItemDto.js";
+export type * from "./CheckboxItemFormatted.js";
+export * from "./CheckboxItemMapper.js";

package/Checkbox/domains/index.js

@@ -1,6 +1,4 @@
-export * from "./CheckboxItem";
-export * from "./CheckboxItemDto";
-export * from "./CheckboxItemFormatted";
-export * from "./CheckboxItemMapper";
+export * from "./CheckboxItem.js";
+export * from "./CheckboxItemMapper.js";
 
 //# sourceMappingURL=index.js.map

package/Checkbox/domains/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./CheckboxItem\";\nexport * from \"./CheckboxItemDto\";\nexport * from \"./CheckboxItemFormatted\";\nexport * from \"./CheckboxItemMapper\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./CheckboxItem.js\";\nexport type * from \"./CheckboxItemDto.js\";\nexport type * from \"./CheckboxItemFormatted.js\";\nexport * from \"./CheckboxItemMapper.js\";\n"],"mappings":"AAAA;AAGA","ignoreList":[]}

package/Checkbox/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Checkbox";
-export * from "./primitives";
+export * from "./Checkbox.js";
+export * from "./primitives/index.js";

package/Checkbox/index.js

@@ -1,4 +1,4 @@
-export * from "./Checkbox";
-export * from "./primitives";
+export * from "./Checkbox.js";
+export * from "./primitives/index.js";
 
 //# sourceMappingURL=index.js.map

package/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Checkbox\";\nexport * from \"./primitives\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Checkbox.js\";\nexport * from \"./primitives/index.js\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/Checkbox/primitives/CheckboxPrimitive.d.ts

@@ -1,14 +1,14 @@
 import * as React from "react";
 import { Checkbox as CheckboxPrimitives } from "radix-ui";
-import { type VariantProps } from "../../utils";
-import type { CheckboxItemDto, CheckboxItemFormatted } from "..";
+import { type VariantProps } from "../../utils.js";
+import type { CheckboxItemDto, CheckboxItemFormatted } from "../../Checkbox/index.js";
 /**
  * Checkbox Renderer
  */
 declare const checkboxVariants: (props?: ({
     indeterminate?: boolean | null | undefined;
     hasLabel?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
 type CheckboxPrimitiveProps = Omit<CheckboxPrimitives.CheckboxProps, "defaultChecked" | "onCheckedChange" | "onChange"> & VariantProps<typeof checkboxVariants> & CheckboxItemDto & {
     onChange: (checked: boolean) => void;
 };
@@ -31,12 +31,9 @@ declare const CheckboxPrimitiveRenderer: (({ label, id, hasLabel, indeterminate,
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ label, id, hasLabel, indeterminate, changeChecked, checked, className, ...props }: CheckboxPrimitiveRendererProps) => React.JSX.Element) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ label, id, hasLabel, indeterminate, changeChecked, checked, className, ...props }: CheckboxPrimitiveRendererProps) => React.JSX.Element) & {
         original: ({ label, id, hasLabel, indeterminate, changeChecked, checked, className, ...props }: CheckboxPrimitiveRendererProps) => React.JSX.Element;
         originalName: string;
-        /**
-         * Checkbox Renderer
-         */
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
@@ -53,12 +50,9 @@ declare const CheckboxPrimitive: ((props: CheckboxPrimitiveProps) => React.JSX.E
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: CheckboxPrimitiveProps) => React.JSX.Element | null) & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: CheckboxPrimitiveProps) => React.JSX.Element | null) & {
         original: (props: CheckboxPrimitiveProps) => React.JSX.Element | null;
         originalName: string;
-        /**
-         * Checkbox Renderer
-         */
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };