@webiny/admin-ui 0.0.0-unstable.c27f4d8a31 → 0.0.0-unstable.d0f34a8194

package/Accordion/Accordion.d.ts

@@ -5,28 +5,29 @@ import { type AccordionItemProps } from "./components/AccordionItem.js";
 import { useAccordionProps } from "./components/AccordionPropsProvider.js";
 declare const accordionVariants: (props?: ({
     variant?: "container" | "underline" | null | undefined;
-} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type AccordionProps = React.ComponentPropsWithoutRef<typeof AccordionRoot> & VariantProps<typeof accordionVariants> & {
     children: React.ReactNode;
     background?: "base" | "light" | "transparent";
     border?: "none" | "accent";
     openClosedIndicatorPosition?: "left" | "right";
 };
-export declare const Accordion: ((props: AccordionProps) => React.JSX.Element) & {
-    original: (props: AccordionProps) => React.JSX.Element;
+declare const AccordionBase: (props: AccordionProps) => React.JSX.Element;
+export declare const Accordion: typeof AccordionBase & {
+    original: typeof AccordionBase;
     originalName: string;
     displayName: string;
 } & {
-    original: ((props: AccordionProps) => React.JSX.Element) & {
-        original: (props: AccordionProps) => React.JSX.Element;
+    original: typeof AccordionBase & {
+        original: typeof AccordionBase;
         originalName: string;
         displayName: string;
     };
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: AccordionProps) => React.JSX.Element) & {
-        original: (props: AccordionProps) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<typeof AccordionBase & {
+        original: typeof AccordionBase;
         originalName: string;
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;

package/Accordion/Accordion.js

@@ -1,42 +1,37 @@
-import React from "react";
-import { makeDecoratable, withStaticProps, cva, cn } from "../utils.js";
+import react from "react";
+import { cn, cva, makeDecoratable, withStaticProps } from "../utils.js";
 import { AccordionItem } from "./components/AccordionItem.js";
 import { AccordionBackgroundProvider, useAccordionBackground } from "./components/AccordionBackgroundProvider.js";
 import { AccordionPropsProvider, useAccordionProps } from "./components/AccordionPropsProvider.js";
 const accordionVariants = cva("group w-full", {
-  variants: {
-    variant: {
-      container: "accordion-variant-container gap-xs flex flex-col rounded-lg",
-      underline: "accordion-variant-underline"
+    variants: {
+        variant: {
+            container: "accordion-variant-container gap-xs flex flex-col rounded-lg",
+            underline: "accordion-variant-underline"
+        }
+    },
+    defaultVariants: {
+        variant: "underline"
     }
-  },
-  defaultVariants: {
-    variant: "underline"
-  }
 });
-const AccordionBase = props => {
-  const {
-    children,
-    variant,
-    background: backgroundProp = "light",
-    className
-  } = props;
-  const background = useAccordionBackground(backgroundProp);
-  return /*#__PURE__*/React.createElement(AccordionBackgroundProvider, {
-    currentBackground: background
-  }, /*#__PURE__*/React.createElement(AccordionPropsProvider, {
-    props: props
-  }, /*#__PURE__*/React.createElement("div", {
-    "data-accordion": "base",
-    className: cn(accordionVariants({
-      variant
-    }), className)
-  }, children)));
+const AccordionBase = (props)=>{
+    const { children, variant, background: backgroundProp = "light", className } = props;
+    const background = useAccordionBackground(backgroundProp);
+    return /*#__PURE__*/ react.createElement(AccordionBackgroundProvider, {
+        currentBackground: background
+    }, /*#__PURE__*/ react.createElement(AccordionPropsProvider, {
+        props: props
+    }, /*#__PURE__*/ react.createElement("div", {
+        "data-accordion": "base",
+        className: cn(accordionVariants({
+            variant
+        }), className)
+    }, children)));
 };
 const DecoratableAccordion = makeDecoratable("Accordion", AccordionBase);
-export const Accordion = withStaticProps(DecoratableAccordion, {
-  Item: AccordionItem
+const Accordion = withStaticProps(DecoratableAccordion, {
+    Item: AccordionItem
 });
-export { useAccordionProps };
+export { Accordion, useAccordionProps };
 
 //# sourceMappingURL=Accordion.js.map

package/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","withStaticProps","cva","cn","AccordionItem","AccordionBackgroundProvider","useAccordionBackground","AccordionPropsProvider","useAccordionProps","accordionVariants","variants","variant","container","underline","defaultVariants","AccordionBase","props","children","background","backgroundProp","className","createElement","currentBackground","DecoratableAccordion","Accordion","Item"],"sources":["Accordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable, withStaticProps, cva, type VariantProps, cn } from \"~/utils.js\";\nimport type { AccordionRoot } from \"./components/AccordionRoot.js\";\nimport { AccordionItem, type AccordionItemProps } from \"./components/AccordionItem.js\";\nimport {\n    AccordionBackgroundProvider,\n    useAccordionBackground\n} from \"./components/AccordionBackgroundProvider.js\";\nimport { AccordionPropsProvider, useAccordionProps } from \"./components/AccordionPropsProvider.js\";\n\nconst accordionVariants = cva(\"group w-full\", {\n    variants: {\n        variant: {\n            container: \"accordion-variant-container gap-xs flex flex-col rounded-lg\",\n            underline: \"accordion-variant-underline\"\n        }\n    },\n    defaultVariants: {\n        variant: \"underline\"\n    }\n});\n\ntype AccordionProps = React.ComponentPropsWithoutRef<typeof AccordionRoot> &\n    VariantProps<typeof accordionVariants> & {\n        children: React.ReactNode;\n        background?: \"base\" | \"light\" | \"transparent\";\n        border?: \"none\" | \"accent\";\n        openClosedIndicatorPosition?: \"left\" | \"right\";\n    };\n\nconst AccordionBase = (props: AccordionProps) => {\n    const { children, variant, background: backgroundProp = \"light\", className } = props;\n\n    const background = useAccordionBackground(backgroundProp);\n\n    return (\n        <AccordionBackgroundProvider currentBackground={background}>\n            <AccordionPropsProvider props={props}>\n                <div\n                    data-accordion=\"base\"\n                    className={cn(accordionVariants({ variant }), className)}\n                >\n                    {children}\n                </div>\n            </AccordionPropsProvider>\n        </AccordionBackgroundProvider>\n    );\n};\n\nconst DecoratableAccordion = makeDecoratable(\"Accordion\", AccordionBase);\n\nexport const Accordion = withStaticProps(DecoratableAccordion, {\n    Item: AccordionItem\n});\n\nexport { useAccordionProps };\nexport type { AccordionProps, AccordionItemProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,eAAe,EAAEC,GAAG,EAAqBC,EAAE;AAErE,SAASC,aAAa;AACtB,SACIC,2BAA2B,EAC3BC,sBAAsB;AAE1B,SAASC,sBAAsB,EAAEC,iBAAiB;AAElD,MAAMC,iBAAiB,GAAGP,GAAG,CAAC,cAAc,EAAE;EAC1CQ,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,SAAS,EAAE,6DAA6D;MACxEC,SAAS,EAAE;IACf;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAUF,MAAMI,aAAa,GAAIC,KAAqB,IAAK;EAC7C,MAAM;IAAEC,QAAQ;IAAEN,OAAO;IAAEO,UAAU,EAAEC,cAAc,GAAG,OAAO;IAAEC;EAAU,CAAC,GAAGJ,KAAK;EAEpF,MAAME,UAAU,GAAGZ,sBAAsB,CAACa,cAAc,CAAC;EAEzD,oBACIpB,KAAA,CAAAsB,aAAA,CAAChB,2BAA2B;IAACiB,iBAAiB,EAAEJ;EAAW,gBACvDnB,KAAA,CAAAsB,aAAA,CAACd,sBAAsB;IAACS,KAAK,EAAEA;EAAM,gBACjCjB,KAAA,CAAAsB,aAAA;IACI,kBAAe,MAAM;IACrBD,SAAS,EAAEjB,EAAE,CAACM,iBAAiB,CAAC;MAAEE;IAAQ,CAAC,CAAC,EAAES,SAAS;EAAE,GAExDH,QACA,CACe,CACC,CAAC;AAEtC,CAAC;AAED,MAAMM,oBAAoB,GAAGvB,eAAe,CAAC,WAAW,EAAEe,aAAa,CAAC;AAExE,OAAO,MAAMS,SAAS,GAAGvB,eAAe,CAACsB,oBAAoB,EAAE;EAC3DE,IAAI,EAAErB;AACV,CAAC,CAAC;AAEF,SAASI,iBAAiB","ignoreList":[]}
+{"version":3,"file":"Accordion/Accordion.js","sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable, withStaticProps, cva, type VariantProps, cn } from \"~/utils.js\";\nimport type { AccordionRoot } from \"./components/AccordionRoot.js\";\nimport { AccordionItem, type AccordionItemProps } from \"./components/AccordionItem.js\";\nimport {\n    AccordionBackgroundProvider,\n    useAccordionBackground\n} from \"./components/AccordionBackgroundProvider.js\";\nimport { AccordionPropsProvider, useAccordionProps } from \"./components/AccordionPropsProvider.js\";\n\nconst accordionVariants = cva(\"group w-full\", {\n    variants: {\n        variant: {\n            container: \"accordion-variant-container gap-xs flex flex-col rounded-lg\",\n            underline: \"accordion-variant-underline\"\n        }\n    },\n    defaultVariants: {\n        variant: \"underline\"\n    }\n});\n\ntype AccordionProps = React.ComponentPropsWithoutRef<typeof AccordionRoot> &\n    VariantProps<typeof accordionVariants> & {\n        children: React.ReactNode;\n        background?: \"base\" | \"light\" | \"transparent\";\n        border?: \"none\" | \"accent\";\n        openClosedIndicatorPosition?: \"left\" | \"right\";\n    };\n\nconst AccordionBase = (props: AccordionProps) => {\n    const { children, variant, background: backgroundProp = \"light\", className } = props;\n\n    const background = useAccordionBackground(backgroundProp);\n\n    return (\n        <AccordionBackgroundProvider currentBackground={background}>\n            <AccordionPropsProvider props={props}>\n                <div\n                    data-accordion=\"base\"\n                    className={cn(accordionVariants({ variant }), className)}\n                >\n                    {children}\n                </div>\n            </AccordionPropsProvider>\n        </AccordionBackgroundProvider>\n    );\n};\n\nconst DecoratableAccordion = makeDecoratable(\"Accordion\", AccordionBase);\n\nexport const Accordion = withStaticProps(DecoratableAccordion, {\n    Item: AccordionItem\n});\n\nexport { useAccordionProps };\nexport type { AccordionProps, AccordionItemProps };\n"],"names":["accordionVariants","cva","AccordionBase","props","children","variant","backgroundProp","className","background","useAccordionBackground","AccordionBackgroundProvider","AccordionPropsProvider","cn","DecoratableAccordion","makeDecoratable","Accordion","withStaticProps","AccordionItem"],"mappings":";;;;;AAUA,MAAMA,oBAAoBC,IAAI,gBAAgB;IAC1C,UAAU;QACN,SAAS;YACL,WAAW;YACX,WAAW;QACf;IACJ;IACA,iBAAiB;QACb,SAAS;IACb;AACJ;AAUA,MAAMC,gBAAgB,CAACC;IACnB,MAAM,EAAEC,QAAQ,EAAEC,OAAO,EAAE,YAAYC,iBAAiB,OAAO,EAAEC,SAAS,EAAE,GAAGJ;IAE/E,MAAMK,aAAaC,uBAAuBH;IAE1C,OAAO,WAAP,GACI,oBAACI,6BAA2BA;QAAC,mBAAmBF;qBAC5C,oBAACG,wBAAsBA;QAAC,OAAOR;qBAC3B,oBAAC;QACG,kBAAe;QACf,WAAWS,GAAGZ,kBAAkB;YAAEK;QAAQ,IAAIE;OAE7CH;AAKrB;AAEA,MAAMS,uBAAuBC,gBAAgB,aAAaZ;AAEnD,MAAMa,YAAYC,gBAAgBH,sBAAsB;IAC3D,MAAMI;AACV"}