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

package/utils.js

@@ -1,10 +1,10 @@
+import React from "react";
 import { clsx } from "clsx";
-import { generateId as baseGenerateId } from "@webiny/utils/generateId";
+import { generateId as baseGenerateId } from "@webiny/utils/generateId.js";
 import { extendTailwindMerge } from "tailwind-merge";
 import { cva } from "class-variance-authority";
 export { makeDecoratable } from "@webiny/react-composition";
 const twMerge = extendTailwindMerge({
-  prefix: "wby-",
   override: {
     theme: {
       borderWidth: ["sm", "md", "none"]
@@ -32,11 +32,33 @@ export const generateId = initialId => {
   if (initialId) {
     return initialId;
   }
-  return "wby-" + baseGenerateId(4);
+  return "" + baseGenerateId(4);
 };
 export const withStaticProps = (component, props) => {
   return Object.assign(component, props);
 };
+export function createComponentPropsProvider() {
+  const PropsContext = /*#__PURE__*/React.createContext({});
+  const PropsProvider = ({
+    props,
+    children
+  }) => {
+    return /*#__PURE__*/React.createElement(PropsContext.Provider, {
+      value: props
+    }, children);
+  };
+  const useProps = () => {
+    return React.useContext(PropsContext);
+  };
+  return [PropsProvider, useProps];
+}
+export function omit(obj, keys) {
+  const result = {
+    ...obj
+  };
+  keys.forEach(key => delete result[key]);
+  return result;
+}
 export { cva };
 
 //# sourceMappingURL=utils.js.map

package/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["clsx","generateId","baseGenerateId","extendTailwindMerge","cva","makeDecoratable","twMerge","prefix","override","theme","borderWidth","classGroups","extend","padding","margin","spacing","cn","inputs","initialId","withStaticProps","component","props","Object","assign"],"sources":["utils.ts"],"sourcesContent":["import type React from \"react\";\nimport { clsx, type ClassValue } from \"clsx\";\nimport { generateId as baseGenerateId } from \"@webiny/utils/generateId\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nexport { makeDecoratable } from \"@webiny/react-composition\";\n\nconst twMerge = extendTailwindMerge({\n    prefix: \"wby-\",\n    override: {\n        theme: {\n            borderWidth: [\"sm\", \"md\", \"none\"]\n        },\n        classGroups: {\n            \"border-color\": [\n                \"border-transparent\",\n                \"border-white\",\n                \"border-accent\",\n                \"border-accent-default\",\n                \"border-accent-dimmed\",\n                \"border-accent-subtle\",\n                \"border-destructive\",\n                \"border-destructive-default\",\n                \"border-destructive-subtle\",\n                \"border-neutral\",\n                \"border-neutral-base\",\n                \"border-neutral-black\",\n                \"border-neutral-dark\",\n                \"border-neutral-dimmed\",\n                \"border-neutral-muted\",\n                \"border-neutral-strong\",\n                \"border-neutral-subtle\",\n                \"border-success\",\n                \"border-success-default\",\n                \"border-success-subtle\"\n            ],\n            \"border-style\": [\"border-solid\", \"border-dashed\", \"border-dotted\"],\n            \"ring-color\": [\n                \"ring-primary\",\n                \"ring-primary-dimmed\",\n                \"ring-primary-strong\",\n                \"ring-primary-subtle\",\n                \"ring-success\",\n                \"ring-success-dimmed\",\n                \"ring-success-strong\",\n                \"ring-success-subtle\"\n            ],\n            \"ring-w\": [\"ring-sm\", \"ring-md\", \"ring-lg\"],\n            \"font-size\": [\n                \"text-h1\",\n                \"text-h2\",\n                \"text-h3\",\n                \"text-h4\",\n                \"text-h5\",\n                \"text-h6\",\n                \"text-sm\",\n                \"text-md\",\n                \"text-lg\",\n                \"text-xl\",\n                \"text-xxl\",\n                \"text-3xl\",\n                \"text-4xl\"\n            ]\n        }\n    },\n    extend: {\n        theme: {\n            padding: [\n                \"lg\",\n                \"md\",\n                \"md-extra\",\n                \"none\",\n                \"sm\",\n                \"sm-extra\",\n                \"sm-plus\",\n                \"xl\",\n                \"xs\",\n                \"xs-plus\",\n                \"xxl\",\n                \"xxs\"\n            ],\n            margin: [\n                \"lg\",\n                \"md\",\n                \"md-plus\",\n                \"none\",\n                \"sm\",\n                \"sm-extra\",\n                \"sm-plus\",\n                \"xl\",\n                \"xs\",\n                \"xs-plus\",\n                \"xxl\",\n                \"xxs\"\n            ],\n            spacing: [\n                \"3xl\",\n                \"lg\",\n                \"md\",\n                \"md-plus\",\n                \"none\",\n                \"sm\",\n                \"sm-extra\",\n                \"sm-plus\",\n                \"xl\",\n                \"xs\",\n                \"xs-plus\",\n                \"xxl\",\n                \"xxs\",\n                \"sidebar-collapsed\",\n                \"sidebar-expanded\"\n            ]\n        }\n    }\n});\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}\n\nexport const generateId = (initialId?: string) => {\n    if (initialId) {\n        return initialId;\n    }\n    return \"wby-\" + baseGenerateId(4);\n};\n\nexport const withStaticProps = <TComponent extends React.ComponentType<any>, TProps>(\n    component: TComponent,\n    props: TProps\n) => {\n    return Object.assign(component, props) as TComponent & TProps;\n};\n\nexport { cva, type VariantProps };\n"],"mappings":"AACA,SAASA,IAAI,QAAyB,MAAM;AAC5C,SAASC,UAAU,IAAIC,cAAc,QAAQ,0BAA0B;AACvE,SAASC,mBAAmB,QAAQ,gBAAgB;AACpD,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,eAAe,QAAQ,2BAA2B;AAE3D,MAAMC,OAAO,GAAGH,mBAAmB,CAAC;EAChCI,MAAM,EAAE,MAAM;EACdC,QAAQ,EAAE;IACNC,KAAK,EAAE;MACHC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM;IACpC,CAAC;IACDC,WAAW,EAAE;MACT,cAAc,EAAE,CACZ,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,oBAAoB,EACpB,4BAA4B,EAC5B,2BAA2B,EAC3B,gBAAgB,EAChB,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,gBAAgB,EAChB,wBAAwB,EACxB,uBAAuB,CAC1B;MACD,cAAc,EAAE,CAAC,cAAc,EAAE,eAAe,EAAE,eAAe,CAAC;MAClE,YAAY,EAAE,CACV,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,CACxB;MACD,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;MAC3C,WAAW,EAAE,CACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU;IAElB;EACJ,CAAC;EACDC,MAAM,EAAE;IACJH,KAAK,EAAE;MACHI,OAAO,EAAE,CACL,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,MAAM,EACN,IAAI,EACJ,UAAU,EACV,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,KAAK,CACR;MACDC,MAAM,EAAE,CACJ,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,MAAM,EACN,IAAI,EACJ,UAAU,EACV,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,KAAK,CACR;MACDC,OAAO,EAAE,CACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,MAAM,EACN,IAAI,EACJ,UAAU,EACV,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,KAAK,EACL,mBAAmB,EACnB,kBAAkB;IAE1B;EACJ;AACJ,CAAC,CAAC;AAEF,OAAO,SAASC,EAAEA,CAAC,GAAGC,MAAoB,EAAE;EACxC,OAAOX,OAAO,CAACN,IAAI,CAACiB,MAAM,CAAC,CAAC;AAChC;AAEA,OAAO,MAAMhB,UAAU,GAAIiB,SAAkB,IAAK;EAC9C,IAAIA,SAAS,EAAE;IACX,OAAOA,SAAS;EACpB;EACA,OAAO,MAAM,GAAGhB,cAAc,CAAC,CAAC,CAAC;AACrC,CAAC;AAED,OAAO,MAAMiB,eAAe,GAAGA,CAC3BC,SAAqB,EACrBC,KAAa,KACZ;EACD,OAAOC,MAAM,CAACC,MAAM,CAACH,SAAS,EAAEC,KAAK,CAAC;AAC1C,CAAC;AAED,SAASjB,GAAG","ignoreList":[]}
+{"version":3,"names":["React","clsx","generateId","baseGenerateId","extendTailwindMerge","cva","makeDecoratable","twMerge","override","theme","borderWidth","classGroups","extend","padding","margin","spacing","cn","inputs","initialId","withStaticProps","component","props","Object","assign","createComponentPropsProvider","PropsContext","createContext","PropsProvider","children","createElement","Provider","value","useProps","useContext","omit","obj","keys","result","forEach","key"],"sources":["utils.tsx"],"sourcesContent":["import React from \"react\";\nimport { clsx, type ClassValue } from \"clsx\";\nimport { generateId as baseGenerateId } from \"@webiny/utils/generateId.js\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nexport { makeDecoratable } from \"@webiny/react-composition\";\n\nconst twMerge = extendTailwindMerge({\n    override: {\n        theme: {\n            borderWidth: [\"sm\", \"md\", \"none\"]\n        },\n        classGroups: {\n            \"border-color\": [\n                \"border-transparent\",\n                \"border-white\",\n                \"border-accent\",\n                \"border-accent-default\",\n                \"border-accent-dimmed\",\n                \"border-accent-subtle\",\n                \"border-destructive\",\n                \"border-destructive-default\",\n                \"border-destructive-subtle\",\n                \"border-neutral\",\n                \"border-neutral-base\",\n                \"border-neutral-black\",\n                \"border-neutral-dark\",\n                \"border-neutral-dimmed\",\n                \"border-neutral-muted\",\n                \"border-neutral-strong\",\n                \"border-neutral-subtle\",\n                \"border-success\",\n                \"border-success-default\",\n                \"border-success-subtle\"\n            ],\n            \"border-style\": [\"border-solid\", \"border-dashed\", \"border-dotted\"],\n            \"ring-color\": [\n                \"ring-primary\",\n                \"ring-primary-dimmed\",\n                \"ring-primary-strong\",\n                \"ring-primary-subtle\",\n                \"ring-success\",\n                \"ring-success-dimmed\",\n                \"ring-success-strong\",\n                \"ring-success-subtle\"\n            ],\n            \"ring-w\": [\"ring-sm\", \"ring-md\", \"ring-lg\"],\n            \"font-size\": [\n                \"text-h1\",\n                \"text-h2\",\n                \"text-h3\",\n                \"text-h4\",\n                \"text-h5\",\n                \"text-h6\",\n                \"text-sm\",\n                \"text-md\",\n                \"text-lg\",\n                \"text-xl\",\n                \"text-xxl\",\n                \"text-3xl\",\n                \"text-4xl\"\n            ]\n        }\n    },\n    extend: {\n        theme: {\n            padding: [\n                \"lg\",\n                \"md\",\n                \"md-extra\",\n                \"none\",\n                \"sm\",\n                \"sm-extra\",\n                \"sm-plus\",\n                \"xl\",\n                \"xs\",\n                \"xs-plus\",\n                \"xxl\",\n                \"xxs\"\n            ],\n            margin: [\n                \"lg\",\n                \"md\",\n                \"md-plus\",\n                \"none\",\n                \"sm\",\n                \"sm-extra\",\n                \"sm-plus\",\n                \"xl\",\n                \"xs\",\n                \"xs-plus\",\n                \"xxl\",\n                \"xxs\"\n            ],\n            spacing: [\n                \"3xl\",\n                \"lg\",\n                \"md\",\n                \"md-plus\",\n                \"none\",\n                \"sm\",\n                \"sm-extra\",\n                \"sm-plus\",\n                \"xl\",\n                \"xs\",\n                \"xs-plus\",\n                \"xxl\",\n                \"xxs\",\n                \"sidebar-collapsed\",\n                \"sidebar-expanded\"\n            ]\n        }\n    }\n});\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}\n\nexport const generateId = (initialId?: string) => {\n    if (initialId) {\n        return initialId;\n    }\n    return \"\" + baseGenerateId(4);\n};\n\nexport const withStaticProps = <TComponent extends React.ComponentType<any>, TProps>(\n    component: TComponent,\n    props: TProps\n) => {\n    return Object.assign(component, props) as TComponent & TProps;\n};\n\nexport function createComponentPropsProvider<TProps extends Record<string, any>>() {\n    const PropsContext = React.createContext<TProps>({} as TProps);\n\n    type PropsProviderProps = {\n        props: TProps;\n        children: React.ReactNode;\n    };\n\n    const PropsProvider: React.ComponentType<PropsProviderProps> = ({\n        props,\n        children\n    }: PropsProviderProps) => {\n        return <PropsContext.Provider value={props}>{children}</PropsContext.Provider>;\n    };\n\n    const useProps = () => {\n        return React.useContext(PropsContext);\n    };\n\n    return [PropsProvider, useProps] as const;\n}\n\nexport function omit<T extends object, K extends keyof T>(obj: T, keys: K[]): Omit<T, K> {\n    const result = { ...obj };\n    keys.forEach(key => delete result[key]);\n    return result;\n}\n\nexport { cva, type VariantProps };\n"],"mappings":"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","ignoreList":[]}

package/Card/components/CardRoot.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import type { VariantProps } from "../../utils";
-declare const cardRootVariants: (props?: ({
-    padding?: "standard" | "comfortable" | "compact" | null | undefined;
-    elevation?: "sm" | "md" | "none" | "lg" | "xl" | "xs" | null | undefined;
-    borderRadius?: "sm" | "md" | "none" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-interface CardRootProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof cardRootVariants> {
-}
-declare const CardRoot: ({ className, padding, elevation, borderRadius, ...props }: CardRootProps) => React.JSX.Element;
-export { CardRoot, type CardRootProps, cardRootVariants };

package/Card/components/CardRoot.js

@@ -1,45 +0,0 @@
-import React from "react";
-import { cn, cva } from "../../utils";
-const cardRootVariants = cva("wby-flex wby-flex-col wby-bg-neutral-base wby-gap-y-md-plus wby-text-sm", {
-  variants: {
-    padding: {
-      standard: "wby-p-lg",
-      comfortable: "wby-p-xl",
-      compact: "wby-p-md"
-    },
-    elevation: {
-      none: "",
-      xs: "wby-shadow-xs",
-      sm: "wby-shadow-sm",
-      md: "wby-shadow-md",
-      lg: "wby-shadow-lg",
-      xl: "wby-shadow-xl"
-    },
-    borderRadius: {
-      none: "wby-rounded-none",
-      sm: "wby-rounded-sm",
-      md: "wby-rounded-md"
-    }
-  },
-  defaultVariants: {
-    padding: "standard",
-    elevation: "none",
-    borderRadius: "md"
-  }
-});
-const CardRoot = ({
-  className,
-  padding,
-  elevation,
-  borderRadius,
-  ...props
-}) => /*#__PURE__*/React.createElement("div", Object.assign({
-  className: cn(cardRootVariants({
-    padding,
-    elevation,
-    borderRadius
-  }), className)
-}, props));
-export { CardRoot, cardRootVariants };
-
-//# sourceMappingURL=CardRoot.js.map

package/Card/components/CardRoot.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","cn","cva","cardRootVariants","variants","padding","standard","comfortable","compact","elevation","none","xs","sm","md","lg","xl","borderRadius","defaultVariants","CardRoot","className","props","createElement","Object","assign"],"sources":["CardRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport type { VariantProps } from \"~/utils\";\nimport { cn, cva } from \"~/utils\";\n\nconst cardRootVariants = cva(\n    \"wby-flex wby-flex-col wby-bg-neutral-base wby-gap-y-md-plus wby-text-sm\",\n    {\n        variants: {\n            padding: {\n                standard: \"wby-p-lg\",\n                comfortable: \"wby-p-xl\",\n                compact: \"wby-p-md\"\n            },\n            elevation: {\n                none: \"\",\n                xs: \"wby-shadow-xs\",\n                sm: \"wby-shadow-sm\",\n                md: \"wby-shadow-md\",\n                lg: \"wby-shadow-lg\",\n                xl: \"wby-shadow-xl\"\n            },\n            borderRadius: {\n                none: \"wby-rounded-none\",\n                sm: \"wby-rounded-sm\",\n                md: \"wby-rounded-md\"\n            }\n        },\n        defaultVariants: {\n            padding: \"standard\",\n            elevation: \"none\",\n            borderRadius: \"md\"\n        }\n    }\n);\n\ninterface CardRootProps\n    extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\">,\n        VariantProps<typeof cardRootVariants> {}\n\nconst CardRoot = ({ className, padding, elevation, borderRadius, ...props }: CardRootProps) => (\n    <div\n        className={cn(cardRootVariants({ padding, elevation, borderRadius }), className)}\n        {...props}\n    />\n);\n\nexport { CardRoot, type CardRootProps, cardRootVariants };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,gBAAgB,GAAGD,GAAG,CACxB,yEAAyE,EACzE;EACIE,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,QAAQ,EAAE,UAAU;MACpBC,WAAW,EAAE,UAAU;MACvBC,OAAO,EAAE;IACb,CAAC;IACDC,SAAS,EAAE;MACPC,IAAI,EAAE,EAAE;MACRC,EAAE,EAAE,eAAe;MACnBC,EAAE,EAAE,eAAe;MACnBC,EAAE,EAAE,eAAe;MACnBC,EAAE,EAAE,eAAe;MACnBC,EAAE,EAAE;IACR,CAAC;IACDC,YAAY,EAAE;MACVN,IAAI,EAAE,kBAAkB;MACxBE,EAAE,EAAE,gBAAgB;MACpBC,EAAE,EAAE;IACR;EACJ,CAAC;EACDI,eAAe,EAAE;IACbZ,OAAO,EAAE,UAAU;IACnBI,SAAS,EAAE,MAAM;IACjBO,YAAY,EAAE;EAClB;AACJ,CACJ,CAAC;AAMD,MAAME,QAAQ,GAAGA,CAAC;EAAEC,SAAS;EAAEd,OAAO;EAAEI,SAAS;EAAEO,YAAY;EAAE,GAAGI;AAAqB,CAAC,kBACtFpB,KAAA,CAAAqB,aAAA,QAAAC,MAAA,CAAAC,MAAA;EACIJ,SAAS,EAAElB,EAAE,CAACE,gBAAgB,CAAC;IAAEE,OAAO;IAAEI,SAAS;IAAEO;EAAa,CAAC,CAAC,EAAEG,SAAS;AAAE,GAC7EC,KAAK,CACZ,CACJ;AAED,SAASF,QAAQ,EAAsBf,gBAAgB","ignoreList":[]}

package/Card/components/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./CardFooter";
-export * from "./CardHeader";
-export * from "./CardRoot";

package/Card/components/index.js

@@ -1,5 +0,0 @@
-export * from "./CardFooter";
-export * from "./CardHeader";
-export * from "./CardRoot";
-
-//# sourceMappingURL=index.js.map

package/Card/components/index.js.map

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

package/Dialog/components/CancelButton.js

@@ -1,14 +0,0 @@
-import * as React from "react";
-import { makeDecoratable } from "../../utils";
-import { DialogClosePrimitive } from "./DialogClose";
-import { Button } from "../../Button";
-const CancelButtonBase = props => /*#__PURE__*/React.createElement(DialogClosePrimitive, {
-  asChild: true
-}, /*#__PURE__*/React.createElement(Button, Object.assign({
-  text: "Cancel"
-}, props, {
-  variant: "secondary"
-})));
-export const CancelButton = makeDecoratable("CancelButton", CancelButtonBase);
-
-//# sourceMappingURL=CancelButton.js.map

package/Dialog/components/CancelButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","makeDecoratable","DialogClosePrimitive","Button","CancelButtonBase","props","createElement","asChild","Object","assign","text","variant","CancelButton"],"sources":["CancelButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport { DialogClosePrimitive } from \"./DialogClose\";\nimport type { ButtonProps } from \"~/Button\";\nimport { Button } from \"~/Button\";\n\nconst CancelButtonBase = (props: ButtonProps) => (\n    <DialogClosePrimitive asChild>\n        <Button text={\"Cancel\"} {...props} variant=\"secondary\" />\n    </DialogClosePrimitive>\n);\n\nexport const CancelButton = makeDecoratable(\"CancelButton\", CancelButtonBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe;AACxB,SAASC,oBAAoB;AAE7B,SAASC,MAAM;AAEf,MAAMC,gBAAgB,GAAIC,KAAkB,iBACxCL,KAAA,CAAAM,aAAA,CAACJ,oBAAoB;EAACK,OAAO;AAAA,gBACzBP,KAAA,CAAAM,aAAA,CAACH,MAAM,EAAAK,MAAA,CAAAC,MAAA;EAACC,IAAI,EAAE;AAAS,GAAKL,KAAK;EAAEM,OAAO,EAAC;AAAW,EAAE,CACtC,CACzB;AAED,OAAO,MAAMC,YAAY,GAAGX,eAAe,CAAC,cAAc,EAAEG,gBAAgB,CAAC","ignoreList":[]}

package/Dialog/components/ConfirmButton.js

@@ -1,11 +0,0 @@
-import * as React from "react";
-import { makeDecoratable } from "../../utils";
-import { Button } from "../../Button";
-const ConfirmButtonBase = props => /*#__PURE__*/React.createElement(Button, Object.assign({
-  text: "Confirm"
-}, props, {
-  variant: "primary"
-}));
-export const ConfirmButton = makeDecoratable("ConfirmButton", ConfirmButtonBase);
-
-//# sourceMappingURL=ConfirmButton.js.map

package/Dialog/components/ConfirmButton.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","makeDecoratable","Button","ConfirmButtonBase","props","createElement","Object","assign","text","variant","ConfirmButton"],"sources":["ConfirmButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport type { ButtonProps } from \"~/Button\";\nimport { Button } from \"~/Button\";\n\nconst ConfirmButtonBase = (props: ButtonProps) => (\n    <Button text={\"Confirm\"} {...props} variant=\"primary\" />\n);\n\nexport const ConfirmButton = makeDecoratable(\"ConfirmButton\", ConfirmButtonBase);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe;AAExB,SAASC,MAAM;AAEf,MAAMC,iBAAiB,GAAIC,KAAkB,iBACzCJ,KAAA,CAAAK,aAAA,CAACH,MAAM,EAAAI,MAAA,CAAAC,MAAA;EAACC,IAAI,EAAE;AAAU,GAAKJ,KAAK;EAAEK,OAAO,EAAC;AAAS,EAAE,CAC1D;AAED,OAAO,MAAMC,aAAa,GAAGT,eAAe,CAAC,eAAe,EAAEE,iBAAiB,CAAC","ignoreList":[]}

package/Providers/Providers.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-export interface ProvidersProps {
-    children?: React.ReactNode;
-}
-export declare const Providers: ({ children }: ProvidersProps) => React.JSX.Element;

package/Providers/Providers.js

@@ -1,10 +0,0 @@
-import React from "react";
-import { Toast } from "../Toast";
-import { Tooltip } from "../Tooltip";
-export const Providers = ({
-  children
-}) => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tooltip.Provider, null, children), /*#__PURE__*/React.createElement(Toast.Provider, null));
-};
-
-//# sourceMappingURL=Providers.js.map

package/Providers/Providers.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Toast","Tooltip","Providers","children","createElement","Fragment","Provider"],"sources":["Providers.tsx"],"sourcesContent":["import React from \"react\";\nimport { Toast } from \"~/Toast\";\nimport { Tooltip } from \"~/Tooltip\";\n\nexport interface ProvidersProps {\n    children?: React.ReactNode;\n}\n\nexport const Providers = ({ children }: ProvidersProps) => {\n    return (\n        <>\n            <Tooltip.Provider>{children}</Tooltip.Provider>\n            <Toast.Provider />\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK;AACd,SAASC,OAAO;AAMhB,OAAO,MAAMC,SAAS,GAAGA,CAAC;EAAEC;AAAyB,CAAC,KAAK;EACvD,oBACIJ,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAM,QAAA,qBACIN,KAAA,CAAAK,aAAA,CAACH,OAAO,CAACK,QAAQ,QAAEH,QAA2B,CAAC,eAC/CJ,KAAA,CAAAK,aAAA,CAACJ,KAAK,CAACM,QAAQ,MAAE,CACnB,CAAC;AAEX,CAAC","ignoreList":[]}

package/Providers/index.d.ts

@@ -1 +0,0 @@
-export * from "./Providers";

package/Providers/index.js

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

package/Providers/index.js.map

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

package/RichTextEditor/RichTextEditor.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-import type { RichTextEditorPrimitiveProps } from "./RichTextEditorPrimitive";
-import type { FormComponentProps } from "../FormComponent";
-type RichTextEditorProps = RichTextEditorPrimitiveProps & FormComponentProps;
-declare const RichTextEditor: (({ label, description, note, required, disabled, validation, ...props }: RichTextEditorProps) => React.JSX.Element) & {
-    original: ({ label, description, note, required, disabled, validation, ...props }: RichTextEditorProps) => React.JSX.Element;
-    originalName: string;
-    displayName: string;
-} & {
-    original: (({ label, description, note, required, disabled, validation, ...props }: RichTextEditorProps) => React.JSX.Element) & {
-        original: ({ label, description, note, required, disabled, validation, ...props }: RichTextEditorProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    };
-    originalName: string;
-    displayName: string;
-} & {
-    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ label, description, note, required, disabled, validation, ...props }: RichTextEditorProps) => React.JSX.Element) & {
-        original: ({ label, description, note, required, disabled, validation, ...props }: RichTextEditorProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    }>) => (props: unknown) => React.JSX.Element;
-};
-export { RichTextEditor, type RichTextEditorProps };

package/RichTextEditor/RichTextEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useMemo","makeDecoratable","RichTextEditorPrimitive","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","FormComponentNote","DecoratableRichTextEditor","label","description","note","required","disabled","validation","props","isValid","validationIsValid","message","validationMessage","invalid","createElement","className","text","Object","assign","RichTextEditor"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"~/utils\";\nimport type { RichTextEditorPrimitiveProps } from \"./RichTextEditorPrimitive\";\nimport { RichTextEditorPrimitive } from \"./RichTextEditorPrimitive\";\nimport type { FormComponentProps } from \"~/FormComponent\";\nimport {\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel,\n    FormComponentNote\n} from \"~/FormComponent\";\n\ntype RichTextEditorProps = RichTextEditorPrimitiveProps & FormComponentProps;\n\nconst DecoratableRichTextEditor = ({\n    label,\n    description,\n    note,\n    required,\n    disabled,\n    validation,\n    ...props\n}: RichTextEditorProps) => {\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <div className={\"wby-w-full\"}>\n            <FormComponentLabel\n                text={label}\n                required={required}\n                disabled={disabled}\n                invalid={invalid}\n            />\n            <FormComponentDescription text={description} disabled={disabled} />\n            <RichTextEditorPrimitive {...props} disabled={disabled} invalid={invalid} />\n            <FormComponentErrorMessage\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            <FormComponentNote text={note} disabled={disabled} />\n        </div>\n    );\n};\nconst RichTextEditor = makeDecoratable(\"RichTextEditor\", DecoratableRichTextEditor);\n\nexport { RichTextEditor, type RichTextEditorProps };\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe;AAExB,SAASC,uBAAuB;AAEhC,SACIC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,EAClBC,iBAAiB;AAKrB,MAAMC,yBAAyB,GAAGA,CAAC;EAC/BC,KAAK;EACLC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC,UAAU;EACV,GAAGC;AACc,CAAC,KAAK;EACvB,MAAM;IAAEC,OAAO,EAAEC,iBAAiB;IAAEC,OAAO,EAAEC;EAAkB,CAAC,GAAGL,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMM,OAAO,GAAGnB,OAAO,CAAC,MAAMgB,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIjB,KAAA,CAAAqB,aAAA;IAAKC,SAAS,EAAE;EAAa,gBACzBtB,KAAA,CAAAqB,aAAA,CAACf,kBAAkB;IACfiB,IAAI,EAAEd,KAAM;IACZG,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEA;EAAQ,CACpB,CAAC,eACFpB,KAAA,CAAAqB,aAAA,CAACjB,wBAAwB;IAACmB,IAAI,EAAEb,WAAY;IAACG,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACnEb,KAAA,CAAAqB,aAAA,CAAClB,uBAAuB,EAAAqB,MAAA,CAAAC,MAAA,KAAKV,KAAK;IAAEF,QAAQ,EAAEA,QAAS;IAACO,OAAO,EAAEA;EAAQ,EAAE,CAAC,eAC5EpB,KAAA,CAAAqB,aAAA,CAAChB,yBAAyB;IACtBkB,IAAI,EAAEJ,iBAAkB;IACxBC,OAAO,EAAEA,OAAQ;IACjBP,QAAQ,EAAEA;EAAS,CACtB,CAAC,eACFb,KAAA,CAAAqB,aAAA,CAACd,iBAAiB;IAACgB,IAAI,EAAEZ,IAAK;IAACE,QAAQ,EAAEA;EAAS,CAAE,CACnD,CAAC;AAEd,CAAC;AACD,MAAMa,cAAc,GAAGxB,eAAe,CAAC,gBAAgB,EAAEM,yBAAyB,CAAC;AAEnF,SAASkB,cAAc","ignoreList":[]}

package/RichTextEditor/RichTextEditor.mdx

@@ -1,96 +0,0 @@
-import { Canvas, Meta, Controls } from '@storybook/blocks';
-
-import * as RichTextEditorStories from './RichTextEditor.stories';
-
-<Meta of={RichTextEditorStories} />
-
-# Rich Text Editor
-
-The Rich Text Editor component provides a user-friendly interface for creating and editing formatted text content. It allows users to apply various formatting options, insert media, and structure content with headings, lists, and other elements.
-
-## Usage
-
-<Canvas of={RichTextEditorStories.Documentation} source={ { code: `
-import React, { useState, useEffect } from "react";
-import { RichTextEditor, type RichTextEditorValue } from "@webiny/admin-ui";
-
-const RichTextEditorExample = () => {
-    const [content, setContent] = useState<RichTextEditorValue | undefined>(undefined);
-    const [validation, setValidation] = useState({ isValid: true, message: "" });
-
-    const handleChange = (newContent: RichTextEditorValue) => {
-        setContent(newContent);
-
-        // Simple required validation
-        if (!newContent || newContent.length === 0) {
-            setValidation({ isValid: false, message: "This field is required" });
-        } else {
-            setValidation({ isValid: true, message: "" });
-        }
-    };
-
-    return (
-        <RichTextEditor
-            label="Content Editor"
-            description="Enter the content for your page or post"
-            note="Use the toolbar to format your text and add media"
-            required={true}
-            value={content}
-            onChange={handleChange}
-            validation={validation}
-        />
-    );
-};
-
-export default RichTextEditorExample;
-
-` } }
-        additionalActions={[
-            {
-                title: 'Open in GitHub',
-                onClick: () => {
-                    window.open(
-                        'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/RichTextEditor/RichTextEditor.tsx',
-                        '_blank'
-                    );
-                },
-            }
-        ]}
-/>
-
-<Controls of={RichTextEditorStories.Documentation} />
-
-```tsx
-import React, { useState } from "react";
-import { RichTextEditor, type RichTextEditorValue } from "@webiny/admin-ui";
-
-const RichTextEditorExample = () => {
-    const [content, setContent] = useState<RichTextEditorValue | undefined>(undefined);
-    const [validation, setValidation] = useState({ isValid: true, message: "" });
-
-    const handleChange = (newContent: RichTextEditorValue) => {
-        setContent(newContent);
-
-        // Simple required validation
-        if (!newContent || newContent.length === 0) {
-            setValidation({ isValid: false, message: "This field is required" });
-        } else {
-            setValidation({ isValid: true, message: "" });
-        }
-    };
-
-    return (
-        <RichTextEditor
-            label="Content Editor"
-            description="Enter the content for your page or post"
-            note="Use the toolbar to format your text and add media"
-            required={true}
-            value={content}
-            onChange={handleChange}
-            validation={validation}
-        />
-    );
-};
-
-export default RichTextEditorExample;
-```

package/RichTextEditor/RichTextEditor.stories.d.ts

@@ -1,14 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { RichTextEditor } from "./RichTextEditor";
-declare const meta: Meta<typeof RichTextEditor>;
-export default meta;
-type Story = StoryObj<typeof RichTextEditor>;
-export declare const Default: Story;
-export declare const WithLabel: Story;
-export declare const WithLabelRequired: Story;
-export declare const WithDescription: Story;
-export declare const WithNotes: Story;
-export declare const WithErrors: Story;
-export declare const Disabled: Story;
-export declare const FullExample: Story;
-export declare const Documentation: Story;

package/RichTextEditor/RichTextEditor.stories.js

@@ -1,178 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { RichTextEditor } from "./RichTextEditor";
-const meta = {
-  title: "Components/Form/RichTextEditor",
-  component: RichTextEditor,
-  argTypes: {
-    onChange: {
-      action: "onChange"
-    },
-    onReady: {
-      action: "onReady"
-    },
-    disabled: {
-      control: "boolean",
-      defaultValue: false
-    }
-  },
-  parameters: {
-    layout: "padded"
-  }
-};
-export default meta;
-export const Default = {};
-export const WithLabel = {
-  args: {
-    label: "Any field label"
-  }
-};
-export const WithLabelRequired = {
-  args: {
-    ...Default.args,
-    label: "Any field label",
-    required: true
-  }
-};
-export const WithDescription = {
-  args: {
-    ...Default.args,
-    description: "Provide the required information for processing your request."
-  }
-};
-export const WithNotes = {
-  args: {
-    ...Default.args,
-    note: "Note: Ensure your selection or input is accurate before proceeding."
-  }
-};
-export const WithErrors = {
-  args: {
-    ...Default.args,
-    validation: {
-      isValid: false,
-      message: "This field is required."
-    }
-  }
-};
-export const Disabled = {
-  args: {
-    ...Default.args,
-    label: "Any field label",
-    disabled: true
-  }
-};
-export const FullExample = {
-  args: {
-    ...Default.args,
-    label: "Any field label",
-    required: true,
-    description: "Provide the required information for processing your request.",
-    note: "Note: Ensure your selection or input is accurate before proceeding.",
-    validation: {
-      isValid: false,
-      message: "This field is required."
-    }
-  }
-};
-export const Documentation = {
-  render: args => {
-    const [value, setValue] = useState(args.value);
-    const [validation, setValidation] = useState({
-      isValid: true,
-      message: ""
-    });
-
-    // Update value when args.value changes
-    useEffect(() => {
-      setValue(args.value);
-    }, [args.value]);
-    const handleChange = newValue => {
-      setValue(newValue);
-
-      // Simple required validation
-      if (args.required && (!newValue || newValue.length === 0)) {
-        setValidation({
-          isValid: false,
-          message: "This field is required"
-        });
-      } else {
-        setValidation({
-          isValid: true,
-          message: ""
-        });
-      }
-    };
-
-    // Validate on required change or value change
-    useEffect(() => {
-      if (args.required && (!value || value.length === 0)) {
-        setValidation({
-          isValid: false,
-          message: "This field is required"
-        });
-      } else {
-        setValidation({
-          isValid: true,
-          message: ""
-        });
-      }
-    }, [args.required, value]);
-    return /*#__PURE__*/React.createElement(RichTextEditor, Object.assign({}, args, {
-      value: value,
-      onChange: handleChange,
-      validation: validation,
-      required: args.required
-    }));
-  },
-  args: {
-    label: "Content Editor",
-    required: true,
-    disabled: false,
-    description: "Enter the content for your page or post",
-    note: "Use the toolbar to format your text and add media",
-    validation: undefined,
-    value: undefined,
-    onChange: undefined,
-    onReady: undefined
-  },
-  argTypes: {
-    label: {
-      description: "Label text for the rich text editor",
-      control: "text"
-    },
-    required: {
-      description: "Makes the field required when set to true",
-      control: "boolean"
-    },
-    disabled: {
-      description: "Disables the rich text editor when set to true",
-      control: "boolean"
-    },
-    description: {
-      description: "Additional description text below the field",
-      control: "text"
-    },
-    note: {
-      description: "Additional note text below the field",
-      control: "text"
-    },
-    value: {
-      description: "The editor content",
-      control: "object"
-    },
-    validation: {
-      description: "Object containing validation state and message",
-      control: "object"
-    },
-    onChange: {
-      description: "Function called when the content changes",
-      control: "none"
-    },
-    onReady: {
-      description: "Function called when the editor is ready",
-      control: "none"
-    }
-  }
-};
-
-//# sourceMappingURL=RichTextEditor.stories.js.map

package/RichTextEditor/RichTextEditor.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useState","useEffect","RichTextEditor","meta","title","component","argTypes","onChange","action","onReady","disabled","control","defaultValue","parameters","layout","Default","WithLabel","args","label","WithLabelRequired","required","WithDescription","description","WithNotes","note","WithErrors","validation","isValid","message","Disabled","FullExample","Documentation","render","value","setValue","setValidation","handleChange","newValue","length","createElement","Object","assign","undefined"],"sources":["RichTextEditor.stories.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { RichTextEditor } from \"./RichTextEditor\";\nimport { type RichTextEditorValue } from \"./RichTextEditorPrimitive\";\n\nconst meta: Meta<typeof RichTextEditor> = {\n    title: \"Components/Form/RichTextEditor\",\n    component: RichTextEditor,\n    argTypes: {\n        onChange: { action: \"onChange\" },\n        onReady: { action: \"onReady\" },\n        disabled: {\n            control: \"boolean\",\n            defaultValue: false\n        }\n    },\n    parameters: {\n        layout: \"padded\"\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof RichTextEditor>;\n\nexport const Default: Story = {};\n\nexport const WithLabel: Story = {\n    args: {\n        label: \"Any field label\"\n    }\n};\n\nexport const WithLabelRequired: Story = {\n    args: {\n        ...Default.args,\n        label: \"Any field label\",\n        required: true\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        label: \"Any field label\",\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 [value, setValue] = useState<RichTextEditorValue | undefined>(args.value);\n        const [validation, setValidation] = useState({ isValid: true, message: \"\" });\n\n        // Update value when args.value changes\n        useEffect(() => {\n            setValue(args.value);\n        }, [args.value]);\n\n        const handleChange = (newValue: RichTextEditorValue) => {\n            setValue(newValue);\n\n            // Simple required validation\n            if (args.required && (!newValue || newValue.length === 0)) {\n                setValidation({ isValid: false, message: \"This field is required\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        };\n\n        // Validate on required change or value change\n        useEffect(() => {\n            if (args.required && (!value || value.length === 0)) {\n                setValidation({ isValid: false, message: \"This field is required\" });\n            } else {\n                setValidation({ isValid: true, message: \"\" });\n            }\n        }, [args.required, value]);\n\n        return (\n            <RichTextEditor\n                {...args}\n                value={value}\n                onChange={handleChange}\n                validation={validation}\n                required={args.required}\n            />\n        );\n    },\n    args: {\n        label: \"Content Editor\",\n        required: true,\n        disabled: false,\n        description: \"Enter the content for your page or post\",\n        note: \"Use the toolbar to format your text and add media\",\n        validation: undefined,\n        value: undefined,\n        onChange: undefined,\n        onReady: undefined\n    },\n    argTypes: {\n        label: {\n            description: \"Label text for the rich text editor\",\n            control: \"text\"\n        },\n        required: {\n            description: \"Makes the field required when set to true\",\n            control: \"boolean\"\n        },\n        disabled: {\n            description: \"Disables the rich text editor when set to true\",\n            control: \"boolean\"\n        },\n        description: {\n            description: \"Additional description text below the field\",\n            control: \"text\"\n        },\n        note: {\n            description: \"Additional note text below the field\",\n            control: \"text\"\n        },\n        value: {\n            description: \"The editor content\",\n            control: \"object\"\n        },\n        validation: {\n            description: \"Object containing validation state and message\",\n            control: \"object\"\n        },\n        onChange: {\n            description: \"Function called when the content changes\",\n            control: \"none\"\n        },\n        onReady: {\n            description: \"Function called when the editor is ready\",\n            control: \"none\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}