@webiny/admin-ui 0.0.0-unstable.e53eceafb5 → 0.0.0-unstable.e6f0dc8ca7

package/RichTextEditor/RichTextEditorPrimitive.d.ts

@@ -1,70 +0,0 @@
-import React from "react";
-import type { OutputBlockData, OutputData, SanitizerConfig, ToolSettings } from "@editorjs/editorjs";
-import { type VariantProps } from "../utils";
-declare const richTextEditorVariants: (props?: ({
-    variant?: "primary" | "secondary" | "ghost" | null | undefined;
-    size?: "md" | "lg" | "xl" | null | undefined;
-    invalid?: boolean | null | undefined;
-    disabled?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
-interface OnReadyParams {
-    editor: any;
-    initialData: OutputData;
-}
-type RichTextEditorValue = OutputBlockData[];
-interface RichTextEditorPrimitiveProps extends Omit<React.ComponentProps<"div">, "onChange">, VariantProps<typeof richTextEditorVariants> {
-    /**
-     * If true, the editor will automatically focus when mounted.
-     */
-    autofocus?: boolean;
-    /**
-     * Additional class names to apply to the editor container.
-     */
-    className?: string;
-    /**
-     * Context object to pass to the editor tools.
-     */
-    context?: {
-        [key: string]: any;
-    };
-    /**
-     * If true, the editor will be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Log level for the editor (e.g., "ERROR", "WARN").
-     */
-    logLevel?: string;
-    /**
-     * Minimum height of the editor in pixels.
-     */
-    minHeight?: number;
-    /**
-     * Callback function to handle changes in the editor content.
-     */
-    onChange?: (data: RichTextEditorValue) => void;
-    /**
-     * Callback function to handle the editor's readiness state.
-     */
-    onReady?: (params: OnReadyParams) => void;
-    /**
-     * Placeholder text to display when the editor is empty.
-     */
-    placeholder?: string;
-    /**
-     * Configuration for sanitizing the editor content.
-     */
-    sanitizer?: SanitizerConfig;
-    /**
-     * Configuration for the editor tools.
-     */
-    tools?: {
-        [toolName: string]: ToolSettings;
-    };
-    /**
-     * Initial value of the editor content.
-     */
-    value?: RichTextEditorValue;
-}
-declare const RichTextEditorPrimitive: ({ disabled, size, className, variant, invalid, ...props }: RichTextEditorPrimitiveProps) => React.JSX.Element;
-export { RichTextEditorPrimitive, type RichTextEditorPrimitiveProps, type RichTextEditorValue, type OnReadyParams };

package/RichTextEditor/RichTextEditorPrimitive.js

@@ -1,163 +0,0 @@
-import React, { useEffect, useRef } from "react";
-import EditorJS from "@editorjs/editorjs";
-import { cn, cva, generateId } from "../utils";
-const richTextEditorVariants = cva(["wby-min-h-[80px] wby-w-full wby-border-sm wby-text-md focus-visible:wby-outline-none disabled:wby-cursor-not-allowed"], {
-  variants: {
-    variant: {
-      primary: ["wby-bg-neutral-base wby-border-neutral-muted wby-text-neutral-strong placeholder:wby-text-neutral-dimmed", "hover:wby-border-neutral-strong", "focus:wby-border-neutral-black"],
-      secondary: ["wby-bg-neutral-light wby-border-neutral-subtle wby-text-neutral-strong placeholder:wby-text-neutral-dimmed", "hover:wby-bg-neutral-dimmed", "focus:wby-bg-neutral-base focus:wby-border-neutral-black"],
-      ghost: ["wby-bg-transparent wby-border-transparent wby-text-neutral-strong placeholder:wby-text-neutral-dimmed", "hover:wby-bg-neutral-dark/5", "focus:wby-bg-neutral-dark/5"]
-    },
-    size: {
-      md: ["wby-px-sm-extra wby-py-xs-plus wby-rounded-md"],
-      lg: ["wby-px-sm-extra wby-py-sm-plus wby-rounded-md"],
-      xl: ["wby-px-md-extra wby-p-md wby-rounded-lg"]
-    },
-    invalid: {
-      true: ""
-    },
-    disabled: {
-      true: "wby-pointer-events-none"
-    }
-  },
-  compoundVariants: [{
-    variant: "primary",
-    invalid: true,
-    class: "!wby-border-destructive-default"
-  }, {
-    variant: "secondary",
-    invalid: true,
-    class: "!wby-border-destructive-default"
-  }, {
-    variant: "ghost",
-    invalid: true,
-    class: "!wby-border-destructive-subtle !wby-bg-destructive-subtle"
-  }, {
-    variant: "primary",
-    disabled: true,
-    class: "wby-bg-neutral-disabled wby-border-neutral-dimmed wby-text-neutral-disabled placeholder:wby-text-neutral-disabled"
-  }, {
-    variant: "secondary",
-    disabled: true,
-    class: "wby-bg-neutral-disabled wby-text-neutral-disabled placeholder:wby-text-neutral-disabled"
-  }, {
-    variant: "ghost",
-    disabled: true,
-    class: "wby-bg-transparent wby-text-neutral-disabled placeholder:wby-text-neutral-disabled"
-  }],
-  defaultVariants: {
-    variant: "primary",
-    size: "lg"
-  }
-});
-const waitForDom = (id, callback) => {
-  let timeSpent = 0;
-  const interval = setInterval(() => {
-    if (timeSpent > 1000) {
-      clearInterval(interval);
-      return;
-    }
-    const dom = document.querySelector(`#${id}`);
-    if (!dom) {
-      timeSpent += 10;
-      return;
-    }
-    clearInterval(interval);
-    callback();
-  }, 10);
-  return () => {
-    clearInterval(interval);
-  };
-};
-const RichTextEditorPrimitive = ({
-  disabled,
-  size,
-  className,
-  variant,
-  invalid,
-  ...props
-}) => {
-  const elementId = useRef("rte-" + generateId());
-  const editorRef = useRef();
-  useEffect(() => {
-    const {
-      value,
-      context,
-      onReady,
-      ...nativeProps
-    } = props;
-    const initialData = value ? {
-      blocks: value
-    } : {
-      blocks: []
-    };
-    const clearWait = waitForDom(elementId.current, () => {
-      editorRef.current = new EditorJS({
-        ...nativeProps,
-        holder: elementId.current,
-        logLevel: "ERROR",
-        data: initialData,
-        onChange: async () => {
-          if (!editorRef.current) {
-            return;
-          }
-          const {
-            blocks: data
-          } = await editorRef.current.save();
-          if (!props.onChange) {
-            return;
-          }
-          props.onChange(data);
-        },
-        onReady() {
-          if (typeof onReady !== "function") {
-            return;
-          }
-          onReady({
-            editor: editorRef.current,
-            initialData
-          });
-        },
-        tools: Object.keys(props.tools || {}).reduce((tools, name) => {
-          const tool = props.tools ? props.tools[name] : null;
-          if (!tool) {
-            return tools;
-          }
-          tools[name] = tool;
-          if (!tool.config) {
-            tool.config = {
-              context
-            };
-          } else if (typeof tool.config === "function") {
-            tool.config = tool.config();
-          } else {
-            tool.config = {
-              ...tool.config,
-              context
-            };
-          }
-          return tools;
-        }, {})
-      });
-    });
-    return () => {
-      clearWait();
-      if (!editorRef.current || typeof editorRef.current.destroy !== "function") {
-        return;
-      }
-      editorRef.current.destroy();
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    id: elementId.current,
-    className: cn(richTextEditorVariants({
-      variant,
-      invalid,
-      size,
-      disabled
-    }), className)
-  });
-};
-export { RichTextEditorPrimitive };
-
-//# sourceMappingURL=RichTextEditorPrimitive.js.map

package/RichTextEditor/RichTextEditorPrimitive.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useRef","EditorJS","cn","cva","generateId","richTextEditorVariants","variants","variant","primary","secondary","ghost","size","md","lg","xl","invalid","true","disabled","compoundVariants","class","defaultVariants","waitForDom","id","callback","timeSpent","interval","setInterval","clearInterval","dom","document","querySelector","RichTextEditorPrimitive","className","props","elementId","editorRef","value","context","onReady","nativeProps","initialData","blocks","clearWait","current","holder","logLevel","data","onChange","save","editor","tools","Object","keys","reduce","name","tool","config","destroy","createElement"],"sources":["RichTextEditorPrimitive.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport type {\n    LogLevels,\n    OutputBlockData,\n    OutputData,\n    SanitizerConfig,\n    ToolSettings\n} from \"@editorjs/editorjs\";\nimport EditorJS from \"@editorjs/editorjs\";\nimport { cn, cva, generateId, type VariantProps } from \"~/utils\";\n\nconst richTextEditorVariants = cva(\n    [\n        \"wby-min-h-[80px] wby-w-full wby-border-sm wby-text-md focus-visible:wby-outline-none disabled:wby-cursor-not-allowed\"\n    ],\n    {\n        variants: {\n            variant: {\n                primary: [\n                    \"wby-bg-neutral-base wby-border-neutral-muted wby-text-neutral-strong placeholder:wby-text-neutral-dimmed\",\n                    \"hover:wby-border-neutral-strong\",\n                    \"focus:wby-border-neutral-black\"\n                ],\n                secondary: [\n                    \"wby-bg-neutral-light wby-border-neutral-subtle wby-text-neutral-strong placeholder:wby-text-neutral-dimmed\",\n                    \"hover:wby-bg-neutral-dimmed\",\n                    \"focus:wby-bg-neutral-base focus:wby-border-neutral-black\"\n                ],\n                ghost: [\n                    \"wby-bg-transparent wby-border-transparent wby-text-neutral-strong placeholder:wby-text-neutral-dimmed\",\n                    \"hover:wby-bg-neutral-dark/5\",\n                    \"focus:wby-bg-neutral-dark/5\"\n                ]\n            },\n            size: {\n                md: [\"wby-px-sm-extra wby-py-xs-plus wby-rounded-md\"],\n                lg: [\"wby-px-sm-extra wby-py-sm-plus wby-rounded-md\"],\n                xl: [\"wby-px-md-extra wby-p-md wby-rounded-lg\"]\n            },\n            invalid: {\n                true: \"\"\n            },\n            disabled: {\n                true: \"wby-pointer-events-none\"\n            }\n        },\n        compoundVariants: [\n            {\n                variant: \"primary\",\n                invalid: true,\n                class: \"!wby-border-destructive-default\"\n            },\n            {\n                variant: \"secondary\",\n                invalid: true,\n                class: \"!wby-border-destructive-default\"\n            },\n            {\n                variant: \"ghost\",\n                invalid: true,\n                class: \"!wby-border-destructive-subtle !wby-bg-destructive-subtle\"\n            },\n            {\n                variant: \"primary\",\n                disabled: true,\n                class: \"wby-bg-neutral-disabled wby-border-neutral-dimmed wby-text-neutral-disabled placeholder:wby-text-neutral-disabled\"\n            },\n            {\n                variant: \"secondary\",\n                disabled: true,\n                class: \"wby-bg-neutral-disabled wby-text-neutral-disabled placeholder:wby-text-neutral-disabled\"\n            },\n            {\n                variant: \"ghost\",\n                disabled: true,\n                class: \"wby-bg-transparent wby-text-neutral-disabled placeholder:wby-text-neutral-disabled\"\n            }\n        ],\n        defaultVariants: {\n            variant: \"primary\",\n            size: \"lg\"\n        }\n    }\n);\n\ninterface EditorJSType {\n    destroy?: () => void;\n    save: () => Promise<any>;\n}\n\ninterface OnReadyParams {\n    editor: any;\n    initialData: OutputData;\n}\n\ntype RichTextEditorValue = OutputBlockData[];\n\ninterface RichTextEditorPrimitiveProps\n    extends Omit<React.ComponentProps<\"div\">, \"onChange\">,\n        VariantProps<typeof richTextEditorVariants> {\n    /**\n     * If true, the editor will automatically focus when mounted.\n     */\n    autofocus?: boolean;\n    /**\n     * Additional class names to apply to the editor container.\n     */\n    className?: string;\n    /**\n     * Context object to pass to the editor tools.\n     */\n    context?: { [key: string]: any };\n    /**\n     * If true, the editor will be disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Log level for the editor (e.g., \"ERROR\", \"WARN\").\n     */\n    logLevel?: string;\n    /**\n     * Minimum height of the editor in pixels.\n     */\n    minHeight?: number;\n    /**\n     * Callback function to handle changes in the editor content.\n     */\n    onChange?: (data: RichTextEditorValue) => void;\n    /**\n     * Callback function to handle the editor's readiness state.\n     */\n    onReady?: (params: OnReadyParams) => void;\n    /**\n     * Placeholder text to display when the editor is empty.\n     */\n    placeholder?: string;\n    /**\n     * Configuration for sanitizing the editor content.\n     */\n    sanitizer?: SanitizerConfig;\n    /**\n     * Configuration for the editor tools.\n     */\n    tools?: {\n        [toolName: string]: ToolSettings;\n    };\n    /**\n     * Initial value of the editor content.\n     */\n    value?: RichTextEditorValue;\n}\n\nconst waitForDom = (id: string, callback: () => void) => {\n    let timeSpent = 0;\n    const interval = setInterval(() => {\n        if (timeSpent > 1000) {\n            clearInterval(interval);\n            return;\n        }\n\n        const dom = document.querySelector(`#${id}`);\n        if (!dom) {\n            timeSpent += 10;\n            return;\n        }\n\n        clearInterval(interval);\n        callback();\n    }, 10);\n\n    return () => {\n        clearInterval(interval);\n    };\n};\n\nconst RichTextEditorPrimitive = ({\n    disabled,\n    size,\n    className,\n    variant,\n    invalid,\n    ...props\n}: RichTextEditorPrimitiveProps) => {\n    const elementId = useRef(\"rte-\" + generateId());\n    const editorRef = useRef<EditorJSType>();\n\n    useEffect(() => {\n        const { value, context, onReady, ...nativeProps } = props;\n\n        const initialData = value ? { blocks: value } : { blocks: [] };\n\n        const clearWait = waitForDom(elementId.current, () => {\n            editorRef.current = new EditorJS({\n                ...nativeProps,\n                holder: elementId.current,\n                logLevel: \"ERROR\" as LogLevels.ERROR,\n                data: initialData,\n                onChange: async () => {\n                    if (!editorRef.current) {\n                        return;\n                    }\n                    const { blocks: data } = await editorRef.current.save();\n                    if (!props.onChange) {\n                        return;\n                    }\n                    props.onChange(data);\n                },\n                onReady() {\n                    if (typeof onReady !== \"function\") {\n                        return;\n                    }\n                    onReady({ editor: editorRef.current, initialData });\n                },\n                tools: Object.keys(props.tools || {}).reduce((tools, name) => {\n                    const tool = props.tools ? props.tools[name] : null;\n                    if (!tool) {\n                        return tools;\n                    }\n                    tools[name] = tool;\n                    if (!tool.config) {\n                        tool.config = { context };\n                    } else if (typeof tool.config === \"function\") {\n                        tool.config = tool.config();\n                    } else {\n                        tool.config = { ...tool.config, context };\n                    }\n                    return tools;\n                }, {} as Record<string, ToolSettings>)\n            });\n        });\n\n        return () => {\n            clearWait();\n            if (!editorRef.current || typeof editorRef.current.destroy !== \"function\") {\n                return;\n            }\n\n            editorRef.current.destroy();\n        };\n    }, []);\n\n    return (\n        <div\n            id={elementId.current}\n            className={cn(richTextEditorVariants({ variant, invalid, size, disabled }), className)}\n        />\n    );\n};\n\nexport {\n    RichTextEditorPrimitive,\n    type RichTextEditorPrimitiveProps,\n    type RichTextEditorValue,\n    type OnReadyParams\n};\n"],"mappings":"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","ignoreList":[]}

package/RichTextEditor/RichTextEditorPrimitive.stories.js

@@ -1,105 +0,0 @@
-import { RichTextEditorPrimitive } from "./RichTextEditorPrimitive";
-const meta = {
-  title: "Components/Form Primitives/RichTextEditor",
-  component: RichTextEditorPrimitive,
-  argTypes: {
-    onChange: {
-      action: "onChange"
-    },
-    onReady: {
-      action: "onReady"
-    }
-  },
-  parameters: {
-    layout: "padded"
-  }
-};
-export default meta;
-export const Default = {};
-export const MediumSize = {
-  args: {
-    placeholder: "Custom placeholder",
-    size: "md"
-  }
-};
-export const LargeSize = {
-  args: {
-    placeholder: "Custom placeholder",
-    size: "lg"
-  }
-};
-export const ExtraLargeSize = {
-  args: {
-    placeholder: "Custom placeholder",
-    size: "xl"
-  }
-};
-export const PrimaryVariant = {
-  args: {
-    variant: "primary",
-    placeholder: "Custom placeholder"
-  }
-};
-export const PrimaryVariantDisabled = {
-  args: {
-    ...PrimaryVariant.args,
-    disabled: true
-  }
-};
-export const PrimaryVariantInvalid = {
-  args: {
-    ...PrimaryVariant.args,
-    invalid: true
-  }
-};
-export const SecondaryVariant = {
-  args: {
-    variant: "secondary",
-    placeholder: "Custom placeholder"
-  }
-};
-export const SecondaryVariantDisabled = {
-  args: {
-    ...SecondaryVariant.args,
-    disabled: true
-  }
-};
-export const SecondaryVariantInvalid = {
-  args: {
-    ...SecondaryVariant.args,
-    invalid: true
-  }
-};
-export const GhostVariant = {
-  args: {
-    variant: "ghost",
-    placeholder: "Custom placeholder"
-  }
-};
-export const GhostVariantDisabled = {
-  args: {
-    ...GhostVariant.args,
-    disabled: true
-  }
-};
-export const GhostVariantInvalid = {
-  args: {
-    ...GhostVariant.args,
-    invalid: true
-  }
-};
-export const WithCustomValue = {
-  args: {
-    ...Default.args,
-    value: [{
-      type: "paragraph",
-      data: {
-        text: "Custom value",
-        id: "any-custom-id",
-        type: "paragraph"
-      }
-    }]
-  }
-};
-
-//# sourceMappingURL=RichTextEditorPrimitive.stories.js.map

package/RichTextEditor/RichTextEditorPrimitive.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["RichTextEditorPrimitive","meta","title","component","argTypes","onChange","action","onReady","parameters","layout","Default","MediumSize","args","placeholder","size","LargeSize","ExtraLargeSize","PrimaryVariant","variant","PrimaryVariantDisabled","disabled","PrimaryVariantInvalid","invalid","SecondaryVariant","SecondaryVariantDisabled","SecondaryVariantInvalid","GhostVariant","GhostVariantDisabled","GhostVariantInvalid","WithCustomValue","value","type","data","text","id"],"sources":["RichTextEditorPrimitive.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { RichTextEditorPrimitive } from \"./RichTextEditorPrimitive\";\n\nconst meta: Meta<typeof RichTextEditorPrimitive> = {\n    title: \"Components/Form Primitives/RichTextEditor\",\n    component: RichTextEditorPrimitive,\n    argTypes: {\n        onChange: { action: \"onChange\" },\n        onReady: { action: \"onReady\" }\n    },\n    parameters: {\n        layout: \"padded\"\n    }\n};\n\nexport default meta;\ntype Story = StoryObj<typeof RichTextEditorPrimitive>;\n\nexport const Default: Story = {};\n\nexport const MediumSize: Story = {\n    args: {\n        placeholder: \"Custom placeholder\",\n        size: \"md\"\n    }\n};\n\nexport const LargeSize: Story = {\n    args: {\n        placeholder: \"Custom placeholder\",\n        size: \"lg\"\n    }\n};\n\nexport const ExtraLargeSize: Story = {\n    args: {\n        placeholder: \"Custom placeholder\",\n        size: \"xl\"\n    }\n};\n\nexport const PrimaryVariant: Story = {\n    args: {\n        variant: \"primary\",\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const PrimaryVariantDisabled: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const PrimaryVariantInvalid: Story = {\n    args: {\n        ...PrimaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const SecondaryVariant: Story = {\n    args: {\n        variant: \"secondary\",\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const SecondaryVariantDisabled: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        disabled: true\n    }\n};\n\nexport const SecondaryVariantInvalid: Story = {\n    args: {\n        ...SecondaryVariant.args,\n        invalid: true\n    }\n};\n\nexport const GhostVariant: Story = {\n    args: {\n        variant: \"ghost\",\n        placeholder: \"Custom placeholder\"\n    }\n};\n\nexport const GhostVariantDisabled: Story = {\n    args: {\n        ...GhostVariant.args,\n        disabled: true\n    }\n};\n\nexport const GhostVariantInvalid: Story = {\n    args: {\n        ...GhostVariant.args,\n        invalid: true\n    }\n};\n\nexport const WithCustomValue: Story = {\n    args: {\n        ...Default.args,\n        value: [\n            {\n                type: \"paragraph\",\n                data: { text: \"Custom value\", id: \"any-custom-id\", type: \"paragraph\" }\n            }\n        ]\n    }\n};\n"],"mappings":"AACA,SAASA,uBAAuB;AAEhC,MAAMC,IAA0C,GAAG;EAC/CC,KAAK,EAAE,2CAA2C;EAClDC,SAAS,EAAEH,uBAAuB;EAClCI,QAAQ,EAAE;IACNC,QAAQ,EAAE;MAAEC,MAAM,EAAE;IAAW,CAAC;IAChCC,OAAO,EAAE;MAAED,MAAM,EAAE;IAAU;EACjC,CAAC;EACDE,UAAU,EAAE;IACRC,MAAM,EAAE;EACZ;AACJ,CAAC;AAED,eAAeR,IAAI;AAGnB,OAAO,MAAMS,OAAc,GAAG,CAAC,CAAC;AAEhC,OAAO,MAAMC,UAAiB,GAAG;EAC7BC,IAAI,EAAE;IACFC,WAAW,EAAE,oBAAoB;IACjCC,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAMC,SAAgB,GAAG;EAC5BH,IAAI,EAAE;IACFC,WAAW,EAAE,oBAAoB;IACjCC,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAME,cAAqB,GAAG;EACjCJ,IAAI,EAAE;IACFC,WAAW,EAAE,oBAAoB;IACjCC,IAAI,EAAE;EACV;AACJ,CAAC;AAED,OAAO,MAAMG,cAAqB,GAAG;EACjCL,IAAI,EAAE;IACFM,OAAO,EAAE,SAAS;IAClBL,WAAW,EAAE;EACjB;AACJ,CAAC;AAED,OAAO,MAAMM,sBAA6B,GAAG;EACzCP,IAAI,EAAE;IACF,GAAGK,cAAc,CAACL,IAAI;IACtBQ,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAMC,qBAA4B,GAAG;EACxCT,IAAI,EAAE;IACF,GAAGK,cAAc,CAACL,IAAI;IACtBU,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMC,gBAAuB,GAAG;EACnCX,IAAI,EAAE;IACFM,OAAO,EAAE,WAAW;IACpBL,WAAW,EAAE;EACjB;AACJ,CAAC;AAED,OAAO,MAAMW,wBAA+B,GAAG;EAC3CZ,IAAI,EAAE;IACF,GAAGW,gBAAgB,CAACX,IAAI;IACxBQ,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAMK,uBAA8B,GAAG;EAC1Cb,IAAI,EAAE;IACF,GAAGW,gBAAgB,CAACX,IAAI;IACxBU,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMI,YAAmB,GAAG;EAC/Bd,IAAI,EAAE;IACFM,OAAO,EAAE,OAAO;IAChBL,WAAW,EAAE;EACjB;AACJ,CAAC;AAED,OAAO,MAAMc,oBAA2B,GAAG;EACvCf,IAAI,EAAE;IACF,GAAGc,YAAY,CAACd,IAAI;IACpBQ,QAAQ,EAAE;EACd;AACJ,CAAC;AAED,OAAO,MAAMQ,mBAA0B,GAAG;EACtChB,IAAI,EAAE;IACF,GAAGc,YAAY,CAACd,IAAI;IACpBU,OAAO,EAAE;EACb;AACJ,CAAC;AAED,OAAO,MAAMO,eAAsB,GAAG;EAClCjB,IAAI,EAAE;IACF,GAAGF,OAAO,CAACE,IAAI;IACfkB,KAAK,EAAE,CACH;MACIC,IAAI,EAAE,WAAW;MACjBC,IAAI,EAAE;QAAEC,IAAI,EAAE,cAAc;QAAEC,EAAE,EAAE,eAAe;QAAEH,IAAI,EAAE;MAAY;IACzE,CAAC;EAET;AACJ,CAAC","ignoreList":[]}

package/RichTextEditor/createPropsFromConfig.d.ts

@@ -1,15 +0,0 @@
-import type { ToolSettings } from "@editorjs/editorjs";
-import { type RichTextEditorPrimitiveProps } from "./RichTextEditorPrimitive";
-interface CreatePropsFromConfigResult {
-    onReady: (editor: any) => void;
-    tools: {
-        [key: string]: ToolSettings;
-    };
-}
-/**
- * Creates RichTextEditor props from the given config (or array of configs).
- *
- * TODO: figure out types for editor and return type of the function.
- */
-export declare const createPropsFromConfig: (config: RichTextEditorPrimitiveProps[]) => CreatePropsFromConfigResult;
-export {};

package/RichTextEditor/createPropsFromConfig.js

@@ -1,25 +0,0 @@
-/**
- * Creates RichTextEditor props from the given config (or array of configs).
- *
- * TODO: figure out types for editor and return type of the function.
- */
-export const createPropsFromConfig = config => {
-  const configs = Array.isArray(config) ? config : [config];
-  return {
-    onReady(params) {
-      configs.forEach(config => {
-        if (typeof config.onReady === "function") {
-          config.onReady(params);
-        }
-      });
-    },
-    tools: configs.reduce((tools, config) => {
-      return {
-        ...tools,
-        ...config.tools
-      };
-    }, {})
-  };
-};
-
-//# sourceMappingURL=createPropsFromConfig.js.map

package/RichTextEditor/createPropsFromConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createPropsFromConfig","config","configs","Array","isArray","onReady","params","forEach","tools","reduce"],"sources":["createPropsFromConfig.ts"],"sourcesContent":["import type { RichTextEditorProps } from \"./RichTextEditor\";\nimport type { ToolSettings } from \"@editorjs/editorjs\";\nimport type { OutputData } from \"@editorjs/editorjs/types\";\nimport { type RichTextEditorPrimitiveProps } from \"./RichTextEditorPrimitive\";\n\ninterface CreatePropsFromConfigResult {\n    onReady: (editor: any) => void;\n    tools: {\n        [key: string]: ToolSettings;\n    };\n}\n\ninterface OnReadyParams {\n    editor: any;\n    initialData: OutputData;\n}\n/**\n * Creates RichTextEditor props from the given config (or array of configs).\n *\n * TODO: figure out types for editor and return type of the function.\n */\nexport const createPropsFromConfig = (\n    config: RichTextEditorPrimitiveProps[]\n): CreatePropsFromConfigResult => {\n    const configs = (Array.isArray(config) ? config : [config]) as RichTextEditorProps[];\n\n    return {\n        onReady(params: OnReadyParams) {\n            configs.forEach(config => {\n                if (typeof config.onReady === \"function\") {\n                    config.onReady(params);\n                }\n            });\n        },\n        tools: configs.reduce((tools, config) => {\n            return {\n                ...tools,\n                ...config.tools\n            };\n        }, {} as Record<string, ToolSettings>)\n    };\n};\n"],"mappings":"AAgBA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,qBAAqB,GAC9BC,MAAsC,IACR;EAC9B,MAAMC,OAAO,GAAIC,KAAK,CAACC,OAAO,CAACH,MAAM,CAAC,GAAGA,MAAM,GAAG,CAACA,MAAM,CAA2B;EAEpF,OAAO;IACHI,OAAOA,CAACC,MAAqB,EAAE;MAC3BJ,OAAO,CAACK,OAAO,CAACN,MAAM,IAAI;QACtB,IAAI,OAAOA,MAAM,CAACI,OAAO,KAAK,UAAU,EAAE;UACtCJ,MAAM,CAACI,OAAO,CAACC,MAAM,CAAC;QAC1B;MACJ,CAAC,CAAC;IACN,CAAC;IACDE,KAAK,EAAEN,OAAO,CAACO,MAAM,CAAC,CAACD,KAAK,EAAEP,MAAM,KAAK;MACrC,OAAO;QACH,GAAGO,KAAK;QACR,GAAGP,MAAM,CAACO;MACd,CAAC;IACL,CAAC,EAAE,CAAC,CAAiC;EACzC,CAAC;AACL,CAAC","ignoreList":[]}

package/RichTextEditor/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./RichTextEditor";
-export * from "./RichTextEditorPrimitive";
-export { createPropsFromConfig } from "./createPropsFromConfig";

package/RichTextEditor/index.js

@@ -1,5 +0,0 @@
-export * from "./RichTextEditor";
-export * from "./RichTextEditorPrimitive";
-export { createPropsFromConfig } from "./createPropsFromConfig";
-
-//# sourceMappingURL=index.js.map

package/RichTextEditor/index.js.map

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

package/Sidebar/components/SidebarCache.d.ts

@@ -1,9 +0,0 @@
-type CachedSidebarState = {
-    pinned: boolean;
-    expandedSections: string[];
-};
-export declare class SidebarCache {
-    static get(): CachedSidebarState;
-    static set(state: CachedSidebarState): void;
-}
-export {};

package/Sidebar/components/SidebarCache.js

@@ -1,23 +0,0 @@
-import { SIDEBAR_LS_KEY } from "./constants";
-const DEFAULT_CACHED_STATE = {
-  pinned: false,
-  expandedSections: []
-};
-export class SidebarCache {
-  static get() {
-    const item = window.localStorage.getItem(SIDEBAR_LS_KEY);
-    if (!item) {
-      return DEFAULT_CACHED_STATE;
-    }
-    try {
-      return JSON.parse(item) || DEFAULT_CACHED_STATE;
-    } catch {
-      return DEFAULT_CACHED_STATE;
-    }
-  }
-  static set(state) {
-    window.localStorage.setItem(SIDEBAR_LS_KEY, JSON.stringify(state));
-  }
-}
-
-//# sourceMappingURL=SidebarCache.js.map

package/Sidebar/components/SidebarCache.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SIDEBAR_LS_KEY","DEFAULT_CACHED_STATE","pinned","expandedSections","SidebarCache","get","item","window","localStorage","getItem","JSON","parse","set","state","setItem","stringify"],"sources":["SidebarCache.ts"],"sourcesContent":["import { SIDEBAR_LS_KEY } from \"./constants\";\n\ntype CachedSidebarState = {\n    pinned: boolean;\n    expandedSections: string[];\n};\n\nconst DEFAULT_CACHED_STATE: CachedSidebarState = {\n    pinned: false,\n    expandedSections: []\n};\n\nexport class SidebarCache {\n    static get(): CachedSidebarState {\n        const item = window.localStorage.getItem(SIDEBAR_LS_KEY);\n        if (!item) {\n            return DEFAULT_CACHED_STATE;\n        }\n\n        try {\n            return JSON.parse(item) || DEFAULT_CACHED_STATE;\n        } catch {\n            return DEFAULT_CACHED_STATE;\n        }\n    }\n\n    static set(state: CachedSidebarState) {\n        window.localStorage.setItem(SIDEBAR_LS_KEY, JSON.stringify(state));\n    }\n}\n"],"mappings":"AAAA,SAASA,cAAc;AAOvB,MAAMC,oBAAwC,GAAG;EAC7CC,MAAM,EAAE,KAAK;EACbC,gBAAgB,EAAE;AACtB,CAAC;AAED,OAAO,MAAMC,YAAY,CAAC;EACtB,OAAOC,GAAGA,CAAA,EAAuB;IAC7B,MAAMC,IAAI,GAAGC,MAAM,CAACC,YAAY,CAACC,OAAO,CAACT,cAAc,CAAC;IACxD,IAAI,CAACM,IAAI,EAAE;MACP,OAAOL,oBAAoB;IAC/B;IAEA,IAAI;MACA,OAAOS,IAAI,CAACC,KAAK,CAACL,IAAI,CAAC,IAAIL,oBAAoB;IACnD,CAAC,CAAC,MAAM;MACJ,OAAOA,oBAAoB;IAC/B;EACJ;EAEA,OAAOW,GAAGA,CAACC,KAAyB,EAAE;IAClCN,MAAM,CAACC,YAAY,CAACM,OAAO,CAACd,cAAc,EAAEU,IAAI,CAACK,SAAS,CAACF,KAAK,CAAC,CAAC;EACtE;AACJ","ignoreList":[]}

package/hooks/useIsMobile.d.ts

@@ -1 +0,0 @@
-export declare function useIsMobile(): boolean;

package/hooks/useIsMobile.js

@@ -1,17 +0,0 @@
-import * as React from "react";
-const MOBILE_BREAKPOINT = 768;
-export function useIsMobile() {
-  const [isMobile, setIsMobile] = React.useState(undefined);
-  React.useEffect(() => {
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    };
-    mql.addEventListener("change", onChange);
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    return () => mql.removeEventListener("change", onChange);
-  }, []);
-  return !!isMobile;
-}
-
-//# sourceMappingURL=useIsMobile.js.map

package/hooks/useIsMobile.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","MOBILE_BREAKPOINT","useIsMobile","isMobile","setIsMobile","useState","undefined","useEffect","mql","window","matchMedia","onChange","innerWidth","addEventListener","removeEventListener"],"sources":["useIsMobile.ts"],"sourcesContent":["import * as React from \"react\";\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n    const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined);\n\n    React.useEffect(() => {\n        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n        const onChange = () => {\n            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n        };\n        mql.addEventListener(\"change\", onChange);\n        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n        return () => mql.removeEventListener(\"change\", onChange);\n    }, []);\n\n    return !!isMobile;\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,MAAMC,iBAAiB,GAAG,GAAG;AAE7B,OAAO,SAASC,WAAWA,CAAA,EAAG;EAC1B,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGJ,KAAK,CAACK,QAAQ,CAAsBC,SAAS,CAAC;EAE9EN,KAAK,CAACO,SAAS,CAAC,MAAM;IAClB,MAAMC,GAAG,GAAGC,MAAM,CAACC,UAAU,CAAC,eAAeT,iBAAiB,GAAG,CAAC,KAAK,CAAC;IACxE,MAAMU,QAAQ,GAAGA,CAAA,KAAM;MACnBP,WAAW,CAACK,MAAM,CAACG,UAAU,GAAGX,iBAAiB,CAAC;IACtD,CAAC;IACDO,GAAG,CAACK,gBAAgB,CAAC,QAAQ,EAAEF,QAAQ,CAAC;IACxCP,WAAW,CAACK,MAAM,CAACG,UAAU,GAAGX,iBAAiB,CAAC;IAClD,OAAO,MAAMO,GAAG,CAACM,mBAAmB,CAAC,QAAQ,EAAEH,QAAQ,CAAC;EAC5D,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,CAAC,CAACR,QAAQ;AACrB","ignoreList":[]}

package/tailwind.config.js

@@ -1,75 +0,0 @@
-const { fontFamily } = require("tailwindcss/defaultTheme");
-const { getProject } = require("@webiny/cli/utils");
-const project = getProject();
-const webinyPackagesGlob = `${project.root}/node_modules/@webiny/app*/**/*.{js,ts,tsx}`;
-const webinyAdminUiPackageGlob = `${project.root}/node_modules/@webiny/admin-ui/**/*.{js,ts,tsx}`;
-const webinyUiPackageGlob = `${project.root}/node_modules/@webiny/ui/**/*.{js,ts,tsx}`;
-const adminAppSourceGlob = `${project.root}/apps/admin`;
-const {
-    animation,
-    backgroundColor,
-    borderColor,
-    borderRadius,
-    borderWidth,
-    fill,
-    fontSize,
-    keyframes,
-    margin,
-    padding,
-    ringColor,
-    ringWidth,
-    shadow,
-    spacing,
-    textColor,
-    zIndex
-} = require("./tailwind.config.theme");
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-    prefix: "wby-",
-    darkMode: ["class"],
-    content: [
-        webinyPackagesGlob,
-        webinyAdminUiPackageGlob,
-        webinyUiPackageGlob,
-        adminAppSourceGlob
-    ],
-    theme: {
-        container: {
-            center: true,
-            padding: padding.xxl,
-            screens: {
-                "2xl": "1200px",
-                xl: "1200px"
-            }
-        },
-
-        backgroundColor,
-        borderColor,
-        borderWidth,
-        fill,
-        fontSize,
-        ringColor,
-        ringWidth,
-        shadow,
-        textColor,
-
-        fontFamily: {
-            sans: ["var(--font-sans)", ...fontFamily.sans],
-            serif: ["var(--font-serif)", ...fontFamily.serif],
-            mono: ["var(--font-mono)", ...fontFamily.mono]
-        },
-
-        extend: {
-            animation,
-            borderRadius,
-            keyframes,
-            margin,
-            padding,
-            spacing,
-            zIndex
-        }
-    },
-
-    plugins: [require("tailwindcss-animate")]
-};