@webiny/app-admin 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/components/TeamsMultiAutocomplete/index.js

@@ -0,0 +1,37 @@
+import react, { useCallback, useEffect, useMemo } from "react";
+import { MultiAutoComplete } from "@webiny/admin-ui";
+import { useFeature } from "@webiny/app";
+import { observer } from "mobx-react-lite";
+import { TeamsAutocompletePresenterFeature } from "../../presentation/accessManagement/teams/teamsAutocomplete/feature.js";
+const TeamsMultiAutocomplete = observer(({ onChange, ...props })=>{
+    const { presenter } = useFeature(TeamsAutocompletePresenterFeature);
+    useEffect(()=>{
+        presenter.init();
+    }, [
+        presenter
+    ]);
+    const onValuesChange = useCallback((ids)=>onChange?.(ids), [
+        onChange
+    ]);
+    const values = useMemo(()=>{
+        const selected = Array.isArray(props.values) ? props.values : Array.isArray(props.value) ? props.value : [];
+        return selected.reduce((acc, s)=>{
+            if ("string" == typeof s) acc.push(s);
+            else if ("object" == typeof s && s?.id) acc.push(s.id);
+            return acc;
+        }, []);
+    }, [
+        props.values,
+        props.value
+    ]);
+    return /*#__PURE__*/ react.createElement(MultiAutoComplete, {
+        uniqueValues: true,
+        ...props,
+        options: presenter.vm.options,
+        values: presenter.vm.loading ? void 0 : values,
+        onValuesChange: onValuesChange
+    });
+});
+export { TeamsMultiAutocomplete };
+
+//# sourceMappingURL=index.js.map

package/components/TeamsMultiAutocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/TeamsMultiAutocomplete/index.js","sources":["../../../src/components/TeamsMultiAutocomplete/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from \"react\";\nimport { MultiAutoComplete } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport { observer } from \"mobx-react-lite\";\nimport { TeamsAutocompletePresenterFeature } from \"~/presentation/accessManagement/teams/teamsAutocomplete/feature.js\";\n\ntype TeamsMultiAutocompleteProps = Omit<\n    React.ComponentProps<typeof MultiAutoComplete>,\n    \"options\" | \"onValuesChange\"\n> & {\n    onChange?: (values: string[]) => void;\n};\n\nexport const TeamsMultiAutocomplete = observer(\n    ({ onChange, ...props }: TeamsMultiAutocompleteProps) => {\n        const { presenter } = useFeature(TeamsAutocompletePresenterFeature);\n\n        useEffect(() => {\n            presenter.init();\n        }, [presenter]);\n\n        const onValuesChange = useCallback((ids: string[]) => onChange?.(ids), [onChange]);\n\n        const values = useMemo(() => {\n            const selected = Array.isArray(props.values)\n                ? props.values\n                : Array.isArray(props.value)\n                  ? props.value\n                  : [];\n\n            return selected.reduce<string[]>((acc, s) => {\n                if (typeof s === \"string\") {\n                    acc.push(s);\n                } else if (typeof s === \"object\" && s?.id) {\n                    acc.push(s.id);\n                }\n                return acc;\n            }, []);\n        }, [props.values, props.value]);\n\n        return (\n            <MultiAutoComplete\n                uniqueValues\n                {...props}\n                options={presenter.vm.options}\n                values={presenter.vm.loading ? undefined : values}\n                onValuesChange={onValuesChange}\n            />\n        );\n    }\n);\n"],"names":["TeamsMultiAutocomplete","observer","onChange","props","presenter","useFeature","TeamsAutocompletePresenterFeature","useEffect","onValuesChange","useCallback","ids","values","useMemo","selected","Array","acc","s","MultiAutoComplete","undefined"],"mappings":";;;;;AAaO,MAAMA,yBAAyBC,SAClC,CAAC,EAAEC,QAAQ,EAAE,GAAGC,OAAoC;IAChD,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IAEjCC,UAAU;QACNH,UAAU,IAAI;IAClB,GAAG;QAACA;KAAU;IAEd,MAAMI,iBAAiBC,YAAY,CAACC,MAAkBR,WAAWQ,MAAM;QAACR;KAAS;IAEjF,MAAMS,SAASC,QAAQ;QACnB,MAAMC,WAAWC,MAAM,OAAO,CAACX,MAAM,MAAM,IACrCA,MAAM,MAAM,GACZW,MAAM,OAAO,CAACX,MAAM,KAAK,IACvBA,MAAM,KAAK,GACX,EAAE;QAEV,OAAOU,SAAS,MAAM,CAAW,CAACE,KAAKC;YACnC,IAAI,AAAa,YAAb,OAAOA,GACPD,IAAI,IAAI,CAACC;iBACN,IAAI,AAAa,YAAb,OAAOA,KAAkBA,GAAG,IACnCD,IAAI,IAAI,CAACC,EAAE,EAAE;YAEjB,OAAOD;QACX,GAAG,EAAE;IACT,GAAG;QAACZ,MAAM,MAAM;QAAEA,MAAM,KAAK;KAAC;IAE9B,OAAO,WAAP,GACI,oBAACc,mBAAiBA;QACd;QACC,GAAGd,KAAK;QACT,SAASC,UAAU,EAAE,CAAC,OAAO;QAC7B,QAAQA,UAAU,EAAE,CAAC,OAAO,GAAGc,SAAYP;QAC3C,gBAAgBH;;AAG5B"}

package/components/index.d.ts

@@ -1,3 +1,27 @@
-export { FileManager } from "../base/ui/FileManager";
-export { FloatingPanel } from "./FloatingPanel";
-export { StateInspector } from "./StateInspector";
+export { DevToolsSection } from "@webiny/react-properties";
+export { FileManager } from "../base/ui/FileManager.js";
+export * from "../components/AdminLayout.js";
+export * from "../components/Buttons/index.js";
+export { DialogsProvider } from "../components/Dialogs/DialogsContext.js";
+export * from "../components/OptionsMenu/index.js";
+export * from "../components/Filters/index.js";
+export * from "../components/BulkActions/index.js";
+export { OverlayLayout, type OverlayLayoutProps } from "../components/OverlayLayout/index.js";
+export { type EmptyViewProps, EmptyView } from "../components/EmptyView.js";
+export { SimpleFormContent, SimpleForm, SimpleFormFooter, SimpleFormHeader } from "../components/SimpleForm/index.js";
+export { SingleImageUpload, type SingleImageUploadProps } from "../components/SingleImageUpload.js";
+export { LexicalEditor } from "../components/LexicalEditor/index.js";
+export type { RichTextValueWithHtml } from "../components/LexicalEditor/index.js";
+export { LexicalLinkForm } from "../components/LexicalEditor/index.js";
+export * from "../components/IconPicker/index.js";
+export * from "../components/SplitView/index.js";
+export * from "../components/Permissions/index.js";
+export * from "../components/SearchUI.js";
+export * from "../components/RegisterFeature.js";
+export { RegisterFeature } from "../components/RegisterFeature.js";
+export * from "../components/RolesMultiAutocomplete/index.js";
+export * from "../components/TeamAutocomplete/index.js";
+export * from "../components/TeamsMultiAutocomplete/index.js";
+export * from "./DeveloperMode/index.js";
+export * from "../components/ListView/index.js";
+export * from "../components/Table/index.js";

package/components/index.js

@@ -1,5 +1,25 @@
-export { FileManager } from "../base/ui/FileManager";
-export { FloatingPanel } from "./FloatingPanel";
-export { StateInspector } from "./StateInspector";
-
-//# sourceMappingURL=index.js.map
+export * from "./AdminLayout.js";
+export * from "./Buttons/index.js";
+export * from "./OptionsMenu/index.js";
+export * from "./Filters/index.js";
+export * from "./BulkActions/index.js";
+export * from "./IconPicker/index.js";
+export * from "./SplitView/index.js";
+export * from "./Permissions/index.js";
+export * from "./SearchUI.js";
+export * from "./RegisterFeature.js";
+export * from "./RolesMultiAutocomplete/index.js";
+export * from "./TeamAutocomplete/index.js";
+export * from "./TeamsMultiAutocomplete/index.js";
+export * from "./DeveloperMode/index.js";
+export * from "./ListView/index.js";
+export * from "./Table/index.js";
+export { DevToolsSection } from "@webiny/react-properties";
+export { FileManager } from "../base/ui/FileManager.js";
+export { DialogsProvider } from "./Dialogs/DialogsContext.js";
+export { OverlayLayout } from "./OverlayLayout/index.js";
+export { EmptyView } from "./EmptyView.js";
+export { SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader } from "./SimpleForm/index.js";
+export { SingleImageUpload } from "./SingleImageUpload.js";
+export { LexicalEditor, LexicalLinkForm } from "./LexicalEditor/index.js";
+export { RegisterFeature } from "./RegisterFeature.js";

package/config/AdminConfig/Breadcrumbs.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+import type { Route } from "@webiny/app/features/router/Route.js";
+/**
+ * Where a breadcrumb navigates: either a raw path string, or a `Route` (optionally with
+ * params) that the header resolves to a link via the router's `getLink`.
+ */
+export type BreadcrumbLink = string | {
+    route: Route<any>;
+    params?: Record<string, any>;
+};
+export interface BreadcrumbConfig {
+    name: string;
+    label: string;
+    to?: BreadcrumbLink;
+    icon?: React.ReactNode;
+}
+export interface BreadcrumbProps {
+    /** Stable id for ordering/diffing. Defaults to `label`. */
+    name?: string;
+    /** Text label shown for this location. */
+    label: string;
+    /** Where this item navigates — a path string or a `Route` (+ params). */
+    to?: BreadcrumbLink;
+    /** Optional leading icon. */
+    icon?: React.ReactNode;
+    /** Place this item before another (by name). */
+    before?: string;
+    /** Place this item after another (by name). */
+    after?: string;
+}
+/**
+ * Declares a single breadcrumb. Drop it anywhere in a view or sub-view — the header renders
+ * every mounted `<Breadcrumb>` as the trail, in mount order, and clears each when it
+ * unmounts. Breadcrumbs are pure presentation, so this composes through the React Config API
+ * (like `AdminConfig.Menu` / `Dashboard.Widget`) rather than dependency injection.
+ *
+ * ```tsx
+ * <Breadcrumb label="File Manager" to={{ route: Routes.List }} />
+ * <Breadcrumb label={folder.title} to={{ route: Routes.List, params: { folderId } }} />
+ * ```
+ */
+export declare const Breadcrumb: ({ name, label, to, icon, before, after }: BreadcrumbProps) => React.JSX.Element;

package/config/AdminConfig/Breadcrumbs.js

@@ -0,0 +1,24 @@
+import react from "react";
+import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
+const Breadcrumb = ({ name, label, to, icon, before, after })=>{
+    const getId = useIdGenerator("Breadcrumb");
+    const id = name ?? label;
+    return /*#__PURE__*/ react.createElement(ConnectToProperties, {
+        name: "AdminConfig"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(id),
+        name: "breadcrumbs",
+        array: true,
+        before: before,
+        after: after,
+        value: {
+            name: id,
+            label,
+            to,
+            icon
+        }
+    }));
+};
+export { Breadcrumb };
+
+//# sourceMappingURL=Breadcrumbs.js.map

package/config/AdminConfig/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config/AdminConfig/Breadcrumbs.js","sources":["../../../src/config/AdminConfig/Breadcrumbs.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\nimport type { Route } from \"@webiny/app/features/router/Route.js\";\n\n/**\n * Where a breadcrumb navigates: either a raw path string, or a `Route` (optionally with\n * params) that the header resolves to a link via the router's `getLink`.\n */\nexport type BreadcrumbLink = string | { route: Route<any>; params?: Record<string, any> };\n\nexport interface BreadcrumbConfig {\n    name: string;\n    label: string;\n    to?: BreadcrumbLink;\n    icon?: React.ReactNode;\n}\n\nexport interface BreadcrumbProps {\n    /** Stable id for ordering/diffing. Defaults to `label`. */\n    name?: string;\n    /** Text label shown for this location. */\n    label: string;\n    /** Where this item navigates — a path string or a `Route` (+ params). */\n    to?: BreadcrumbLink;\n    /** Optional leading icon. */\n    icon?: React.ReactNode;\n    /** Place this item before another (by name). */\n    before?: string;\n    /** Place this item after another (by name). */\n    after?: string;\n}\n\n/**\n * Declares a single breadcrumb. Drop it anywhere in a view or sub-view — the header renders\n * every mounted `<Breadcrumb>` as the trail, in mount order, and clears each when it\n * unmounts. Breadcrumbs are pure presentation, so this composes through the React Config API\n * (like `AdminConfig.Menu` / `Dashboard.Widget`) rather than dependency injection.\n *\n * ```tsx\n * <Breadcrumb label=\"File Manager\" to={{ route: Routes.List }} />\n * <Breadcrumb label={folder.title} to={{ route: Routes.List, params: { folderId } }} />\n * ```\n */\nexport const Breadcrumb = ({ name, label, to, icon, before, after }: BreadcrumbProps) => {\n    const getId = useIdGenerator(\"Breadcrumb\");\n    const id = name ?? label;\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property\n                id={getId(id)}\n                name={\"breadcrumbs\"}\n                array={true}\n                before={before}\n                after={after}\n                value={{ name: id, label, to, icon }}\n            />\n        </ConnectToProperties>\n    );\n};\n"],"names":["Breadcrumb","name","label","to","icon","before","after","getId","useIdGenerator","id","ConnectToProperties","Property"],"mappings":";;AA2CO,MAAMA,aAAa,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAEC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,KAAK,EAAmB;IAChF,MAAMC,QAAQC,eAAe;IAC7B,MAAMC,KAAKR,QAAQC;IAEnB,OAAO,WAAP,GACI,oBAACQ,qBAAmBA;QAAC,MAAM;qBACvB,oBAACC,UAAQA;QACL,IAAIJ,MAAME;QACV,MAAM;QACN,OAAO;QACP,QAAQJ;QACR,OAAOC;QACP,OAAO;YAAE,MAAMG;YAAIP;YAAOC;YAAIC;QAAK;;AAInD"}

package/config/AdminConfig/Dashboard.d.ts

@@ -0,0 +1,4 @@
+import { Widget } from "./Widget.js";
+export declare const Dashboard: {
+    Widget: typeof Widget;
+};

package/config/AdminConfig/Dashboard.js

@@ -0,0 +1,7 @@
+import { Widget } from "./Widget.js";
+const Dashboard = {
+    Widget: Widget
+};
+export { Dashboard };
+
+//# sourceMappingURL=Dashboard.js.map

package/config/AdminConfig/Dashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config/AdminConfig/Dashboard.js","sources":["../../../src/config/AdminConfig/Dashboard.ts"],"sourcesContent":["import { Widget } from \"./Widget.js\";\n\nexport const Dashboard = {\n    Widget\n};\n"],"names":["Dashboard","Widget"],"mappings":";AAEO,MAAMA,YAAY;IACrBC,QAAMA;AACV"}

package/config/AdminConfig/Dialog.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface DialogConfig {
+    name: string;
+    element: React.ReactElement;
+}
+export interface DialogProps {
+    name: string;
+    element: React.ReactElement;
+}
+export declare const Dialog: ({ name, element }: DialogProps) => React.JSX.Element;

package/config/AdminConfig/Dialog.js

@@ -0,0 +1,19 @@
+import react from "react";
+import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
+const Dialog = ({ name, element })=>{
+    const getId = useIdGenerator("Dialog");
+    return /*#__PURE__*/ react.createElement(ConnectToProperties, {
+        name: "AdminConfig"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "dialogs",
+        array: true,
+        value: {
+            name,
+            element
+        }
+    }));
+};
+export { Dialog };
+
+//# sourceMappingURL=Dialog.js.map

package/config/AdminConfig/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config/AdminConfig/Dialog.js","sources":["../../../src/config/AdminConfig/Dialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface DialogConfig {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport interface DialogProps {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport const Dialog = ({ name, element }: DialogProps) => {\n    const getId = useIdGenerator(\"Dialog\");\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property id={getId(name)} name={\"dialogs\"} array={true} value={{ name, element }} />\n        </ConnectToProperties>\n    );\n};\n"],"names":["Dialog","name","element","getId","useIdGenerator","ConnectToProperties","Property"],"mappings":";;AAaO,MAAMA,SAAS,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAe;IACjD,MAAMC,QAAQC,eAAe;IAE7B,OAAO,WAAP,GACI,oBAACC,qBAAmBA;QAAC,MAAM;qBACvB,oBAACC,UAAQA;QAAC,IAAIH,MAAMF;QAAO,MAAM;QAAW,OAAO;QAAM,OAAO;YAAEA;YAAMC;QAAQ;;AAG5F"}

package/config/AdminConfig/Drawer.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface DrawerConfig {
+    name: string;
+    element: React.ReactElement;
+}
+export interface DrawerProps {
+    name: string;
+    element: React.ReactElement;
+}
+export declare const Drawer: ({ name, element }: DrawerProps) => React.JSX.Element;

package/config/AdminConfig/Drawer.js

@@ -0,0 +1,19 @@
+import react from "react";
+import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
+const Drawer = ({ name, element })=>{
+    const getId = useIdGenerator("Drawer");
+    return /*#__PURE__*/ react.createElement(ConnectToProperties, {
+        name: "AdminConfig"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "drawers",
+        array: true,
+        value: {
+            name,
+            element
+        }
+    }));
+};
+export { Drawer };
+
+//# sourceMappingURL=Drawer.js.map

package/config/AdminConfig/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config/AdminConfig/Drawer.js","sources":["../../../src/config/AdminConfig/Drawer.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface DrawerConfig {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport interface DrawerProps {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport const Drawer = ({ name, element }: DrawerProps) => {\n    const getId = useIdGenerator(\"Drawer\");\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property id={getId(name)} name={\"drawers\"} array={true} value={{ name, element }} />\n        </ConnectToProperties>\n    );\n};\n"],"names":["Drawer","name","element","getId","useIdGenerator","ConnectToProperties","Property"],"mappings":";;AAaO,MAAMA,SAAS,CAAC,EAAEC,IAAI,EAAEC,OAAO,EAAe;IACjD,MAAMC,QAAQC,eAAe;IAE7B,OAAO,WAAP,GACI,oBAACC,qBAAmBA;QAAC,MAAM;qBACvB,oBAACC,UAAQA;QAAC,IAAIH,MAAMF;QAAO,MAAM;QAAW,OAAO;QAAM,OAAO;YAAEA;YAAMC;QAAQ;;AAG5F"}

package/config/AdminConfig/FieldRenderer.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { FieldRendererComponent } from "../../features/formModel/FormView.js";
+export interface FieldRendererConfig {
+    name: string;
+    component: FieldRendererComponent;
+}
+export interface FieldRendererProps {
+    name: string;
+    component: FieldRendererComponent;
+}
+export declare const FieldRenderer: ({ name, component }: FieldRendererProps) => React.JSX.Element;

package/config/AdminConfig/FieldRenderer.js

@@ -0,0 +1,19 @@
+import react from "react";
+import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
+const FieldRenderer = ({ name, component })=>{
+    const getId = useIdGenerator("FormFieldRenderer");
+    return /*#__PURE__*/ react.createElement(ConnectToProperties, {
+        name: "AdminConfig"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "fieldRenderers",
+        array: true,
+        value: {
+            name,
+            component
+        }
+    }));
+};
+export { FieldRenderer };
+
+//# sourceMappingURL=FieldRenderer.js.map

package/config/AdminConfig/FieldRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config/AdminConfig/FieldRenderer.js","sources":["../../../src/config/AdminConfig/FieldRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\nimport type { FieldRendererComponent } from \"../../features/formModel/FormView.js\";\n\nexport interface FieldRendererConfig {\n    name: string;\n    component: FieldRendererComponent;\n}\n\nexport interface FieldRendererProps {\n    name: string;\n    component: FieldRendererComponent;\n}\n\nexport const FieldRenderer = ({ name, component }: FieldRendererProps) => {\n    const getId = useIdGenerator(\"FormFieldRenderer\");\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property\n                id={getId(name)}\n                name={\"fieldRenderers\"}\n                array={true}\n                value={{ name, component }}\n            />\n        </ConnectToProperties>\n    );\n};\n"],"names":["FieldRenderer","name","component","getId","useIdGenerator","ConnectToProperties","Property"],"mappings":";;AAcO,MAAMA,gBAAgB,CAAC,EAAEC,IAAI,EAAEC,SAAS,EAAsB;IACjE,MAAMC,QAAQC,eAAe;IAE7B,OAAO,WAAP,GACI,oBAACC,qBAAmBA;QAAC,MAAM;qBACvB,oBAACC,UAAQA;QACL,IAAIH,MAAMF;QACV,MAAM;QACN,OAAO;QACP,OAAO;YAAEA;YAAMC;QAAU;;AAIzC"}

package/config/AdminConfig/Form.d.ts

@@ -0,0 +1,6 @@
+import { FieldRenderer } from "./FieldRenderer.js";
+import { LayoutRenderer } from "./LayoutRenderer.js";
+export declare const Form: {
+    FieldRenderer: typeof FieldRenderer;
+    LayoutRenderer: typeof LayoutRenderer;
+};

package/config/AdminConfig/Form.js

@@ -0,0 +1,9 @@
+import { FieldRenderer } from "./FieldRenderer.js";
+import { LayoutRenderer } from "./LayoutRenderer.js";
+const Form = {
+    FieldRenderer: FieldRenderer,
+    LayoutRenderer: LayoutRenderer
+};
+export { Form };
+
+//# sourceMappingURL=Form.js.map

package/config/AdminConfig/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config/AdminConfig/Form.js","sources":["../../../src/config/AdminConfig/Form.ts"],"sourcesContent":["import { FieldRenderer } from \"./FieldRenderer.js\";\nimport { LayoutRenderer } from \"./LayoutRenderer.js\";\n\nexport const Form = {\n    FieldRenderer,\n    LayoutRenderer\n};\n"],"names":["Form","FieldRenderer","LayoutRenderer"],"mappings":";;AAGO,MAAMA,OAAO;IAChBC,eAAaA;IACbC,gBAAcA;AAClB"}

package/config/AdminConfig/LayoutRenderer.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface LayoutRendererConfig {
+    name: string;
+    component: React.ComponentType<any>;
+}
+export interface LayoutRendererProps {
+    name: string;
+    component: React.ComponentType<any>;
+}
+export declare const LayoutRenderer: ({ name, component }: LayoutRendererProps) => React.JSX.Element;

package/config/AdminConfig/LayoutRenderer.js

@@ -0,0 +1,19 @@
+import react from "react";
+import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
+const LayoutRenderer = ({ name, component })=>{
+    const getId = useIdGenerator("FormLayoutRenderer");
+    return /*#__PURE__*/ react.createElement(ConnectToProperties, {
+        name: "AdminConfig"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "layoutRenderers",
+        array: true,
+        value: {
+            name,
+            component
+        }
+    }));
+};
+export { LayoutRenderer };
+
+//# sourceMappingURL=LayoutRenderer.js.map

package/config/AdminConfig/LayoutRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config/AdminConfig/LayoutRenderer.js","sources":["../../../src/config/AdminConfig/LayoutRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface LayoutRendererConfig {\n    name: string;\n    component: React.ComponentType<any>;\n}\n\nexport interface LayoutRendererProps {\n    name: string;\n    component: React.ComponentType<any>;\n}\n\nexport const LayoutRenderer = ({ name, component }: LayoutRendererProps) => {\n    const getId = useIdGenerator(\"FormLayoutRenderer\");\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property\n                id={getId(name)}\n                name={\"layoutRenderers\"}\n                array={true}\n                value={{ name, component }}\n            />\n        </ConnectToProperties>\n    );\n};\n"],"names":["LayoutRenderer","name","component","getId","useIdGenerator","ConnectToProperties","Property"],"mappings":";;AAaO,MAAMA,iBAAiB,CAAC,EAAEC,IAAI,EAAEC,SAAS,EAAuB;IACnE,MAAMC,QAAQC,eAAe;IAE7B,OAAO,WAAP,GACI,oBAACC,qBAAmBA;QAAC,MAAM;qBACvB,oBAACC,UAAQA;QACL,IAAIH,MAAMF;QACV,MAAM;QACN,OAAO;QACP,OAAO;YAAEA;YAAMC;QAAU;;AAIzC"}

package/config/AdminConfig/LexicalTheme/AllowCustomColors.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface AllowCustomColorsProps {
+    value?: boolean;
+}
+export declare const AllowCustomColors: ({ value }: AllowCustomColorsProps) => React.JSX.Element;

package/config/AdminConfig/LexicalTheme/AllowCustomColors.js

@@ -0,0 +1,18 @@
+import react from "react";
+import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
+const AllowCustomColors = ({ value = true })=>{
+    const getId = useIdGenerator("lexicalTheme");
+    return /*#__PURE__*/ react.createElement(ConnectToProperties, {
+        name: "AdminConfig"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: "lexicalTheme",
+        name: "lexicalTheme"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId("allowCustomColors"),
+        name: "allowCustomColors",
+        value: value
+    })));
+};
+export { AllowCustomColors };
+
+//# sourceMappingURL=AllowCustomColors.js.map

package/config/AdminConfig/LexicalTheme/AllowCustomColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config/AdminConfig/LexicalTheme/AllowCustomColors.js","sources":["../../../../src/config/AdminConfig/LexicalTheme/AllowCustomColors.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface AllowCustomColorsProps {\n    value?: boolean;\n}\n\nexport const AllowCustomColors = ({ value = true }: AllowCustomColorsProps) => {\n    const getId = useIdGenerator(\"lexicalTheme\");\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property id={\"lexicalTheme\"} name={\"lexicalTheme\"}>\n                <Property\n                    id={getId(\"allowCustomColors\")}\n                    name={\"allowCustomColors\"}\n                    value={value}\n                />\n            </Property>\n        </ConnectToProperties>\n    );\n};\n"],"names":["AllowCustomColors","value","getId","useIdGenerator","ConnectToProperties","Property"],"mappings":";;AAOO,MAAMA,oBAAoB,CAAC,EAAEC,QAAQ,IAAI,EAA0B;IACtE,MAAMC,QAAQC,eAAe;IAE7B,OAAO,WAAP,GACI,oBAACC,qBAAmBA;QAAC,MAAM;qBACvB,oBAACC,UAAQA;QAAC,IAAI;QAAgB,MAAM;qBAChC,oBAACA,UAAQA;QACL,IAAIH,MAAM;QACV,MAAM;QACN,OAAOD;;AAK3B"}

package/config/AdminConfig/LexicalTheme/Color.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface ColorProps {
+    id: string;
+    label?: string;
+    value?: string;
+    remove?: boolean;
+    replace?: string;
+    after?: string;
+    before?: string;
+}
+export declare const Color: ({ id, label, value, remove, replace, after, before }: ColorProps) => React.JSX.Element;

package/config/AdminConfig/LexicalTheme/Color.js

@@ -0,0 +1,38 @@
+import react from "react";
+import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
+const Color = ({ id, label, value, remove, replace, after, before })=>{
+    const getId = useIdGenerator("lexicalTheme");
+    const propertyName = "colors";
+    const toReplace = void 0 !== replace ? getId(propertyName, replace) : void 0;
+    const placeAfter = void 0 !== after ? getId(propertyName, after) : void 0;
+    const placeBefore = void 0 !== before ? getId(propertyName, before) : void 0;
+    return /*#__PURE__*/ react.createElement(ConnectToProperties, {
+        name: "AdminConfig"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: "lexicalTheme",
+        name: "lexicalTheme"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(propertyName, id),
+        name: propertyName,
+        array: true,
+        remove: remove,
+        replace: toReplace,
+        after: placeAfter,
+        before: placeBefore
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(propertyName, id, "id"),
+        name: "id",
+        value: id
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(propertyName, id, "label"),
+        name: "label",
+        value: label
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(propertyName, id, "value"),
+        name: "value",
+        value: value
+    }))));
+};
+export { Color };
+
+//# sourceMappingURL=Color.js.map

package/config/AdminConfig/LexicalTheme/Color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config/AdminConfig/LexicalTheme/Color.js","sources":["../../../../src/config/AdminConfig/LexicalTheme/Color.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface ColorProps {\n    id: string;\n    label?: string;\n    value?: string;\n    remove?: boolean;\n    replace?: string;\n    after?: string;\n    before?: string;\n}\n\nexport const Color = ({ id, label, value, remove, replace, after, before }: ColorProps) => {\n    const getId = useIdGenerator(\"lexicalTheme\");\n    const propertyName = \"colors\";\n\n    const toReplace = replace !== undefined ? getId(propertyName, replace) : undefined;\n    const placeAfter = after !== undefined ? getId(propertyName, after) : undefined;\n    const placeBefore = before !== undefined ? getId(propertyName, before) : undefined;\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property id={\"lexicalTheme\"} name={\"lexicalTheme\"}>\n                <Property\n                    id={getId(propertyName, id)}\n                    name={propertyName}\n                    array={true}\n                    remove={remove}\n                    replace={toReplace}\n                    after={placeAfter}\n                    before={placeBefore}\n                >\n                    <Property id={getId(propertyName, id, \"id\")} name={\"id\"} value={id} />\n                    <Property id={getId(propertyName, id, \"label\")} name={\"label\"} value={label} />\n                    <Property id={getId(propertyName, id, \"value\")} name={\"value\"} value={value} />\n                </Property>\n            </Property>\n        </ConnectToProperties>\n    );\n};\n"],"names":["Color","id","label","value","remove","replace","after","before","getId","useIdGenerator","propertyName","toReplace","undefined","placeAfter","placeBefore","ConnectToProperties","Property"],"mappings":";;AAaO,MAAMA,QAAQ,CAAC,EAAEC,EAAE,EAAEC,KAAK,EAAEC,KAAK,EAAEC,MAAM,EAAEC,OAAO,EAAEC,KAAK,EAAEC,MAAM,EAAc;IAClF,MAAMC,QAAQC,eAAe;IAC7B,MAAMC,eAAe;IAErB,MAAMC,YAAYN,AAAYO,WAAZP,UAAwBG,MAAME,cAAcL,WAAWO;IACzE,MAAMC,aAAaP,AAAUM,WAAVN,QAAsBE,MAAME,cAAcJ,SAASM;IACtE,MAAME,cAAcP,AAAWK,WAAXL,SAAuBC,MAAME,cAAcH,UAAUK;IAEzE,OAAO,WAAP,GACI,oBAACG,qBAAmBA;QAAC,MAAM;qBACvB,oBAACC,UAAQA;QAAC,IAAI;QAAgB,MAAM;qBAChC,oBAACA,UAAQA;QACL,IAAIR,MAAME,cAAcT;QACxB,MAAMS;QACN,OAAO;QACP,QAAQN;QACR,SAASO;QACT,OAAOE;QACP,QAAQC;qBAER,oBAACE,UAAQA;QAAC,IAAIR,MAAME,cAAcT,IAAI;QAAO,MAAM;QAAM,OAAOA;sBAChE,oBAACe,UAAQA;QAAC,IAAIR,MAAME,cAAcT,IAAI;QAAU,MAAM;QAAS,OAAOC;sBACtE,oBAACc,UAAQA;QAAC,IAAIR,MAAME,cAAcT,IAAI;QAAU,MAAM;QAAS,OAAOE;;AAK1F"}

package/config/AdminConfig/LexicalTheme/FontSize.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface FontSizeProps {
+    id: string;
+    label: string;
+    /**
+     * What lands in the `font-size` declaration. A `var(--wby-text-…)` reference makes the choice
+     * follow the active theme; a plain length does not.
+     */
+    value: string;
+    remove?: boolean;
+}
+export declare const FontSize: ({ id, label, value, remove }: FontSizeProps) => React.JSX.Element;

package/config/AdminConfig/LexicalTheme/FontSize.js

@@ -0,0 +1,28 @@
+import react from "react";
+import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
+const FontSize = ({ id, label, value, remove })=>{
+    const getId = useIdGenerator("lexicalTheme");
+    const propertyName = "fontSizes";
+    return /*#__PURE__*/ react.createElement(ConnectToProperties, {
+        name: "AdminConfig"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: "lexicalTheme",
+        name: "lexicalTheme"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(propertyName, id),
+        name: propertyName,
+        array: true,
+        remove: remove
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(propertyName, id, "label"),
+        name: "label",
+        value: label
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(propertyName, id, "value"),
+        name: "value",
+        value: value
+    }))));
+};
+export { FontSize };
+
+//# sourceMappingURL=FontSize.js.map

package/config/AdminConfig/LexicalTheme/FontSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config/AdminConfig/LexicalTheme/FontSize.js","sources":["../../../../src/config/AdminConfig/LexicalTheme/FontSize.tsx"],"sourcesContent":["import React from \"react\";\nimport { ConnectToProperties, Property, useIdGenerator } from \"@webiny/react-properties\";\n\nexport interface FontSizeProps {\n    id: string;\n    label: string;\n    /**\n     * What lands in the `font-size` declaration. A `var(--wby-text-…)` reference makes the choice\n     * follow the active theme; a plain length does not.\n     */\n    value: string;\n    remove?: boolean;\n}\n\nexport const FontSize = ({ id, label, value, remove }: FontSizeProps) => {\n    const getId = useIdGenerator(\"lexicalTheme\");\n    const propertyName = \"fontSizes\";\n\n    return (\n        <ConnectToProperties name={\"AdminConfig\"}>\n            <Property id={\"lexicalTheme\"} name={\"lexicalTheme\"}>\n                <Property\n                    id={getId(propertyName, id)}\n                    name={propertyName}\n                    array={true}\n                    remove={remove}\n                >\n                    <Property id={getId(propertyName, id, \"label\")} name={\"label\"} value={label} />\n                    <Property id={getId(propertyName, id, \"value\")} name={\"value\"} value={value} />\n                </Property>\n            </Property>\n        </ConnectToProperties>\n    );\n};\n"],"names":["FontSize","id","label","value","remove","getId","useIdGenerator","propertyName","ConnectToProperties","Property"],"mappings":";;AAcO,MAAMA,WAAW,CAAC,EAAEC,EAAE,EAAEC,KAAK,EAAEC,KAAK,EAAEC,MAAM,EAAiB;IAChE,MAAMC,QAAQC,eAAe;IAC7B,MAAMC,eAAe;IAErB,OAAO,WAAP,GACI,oBAACC,qBAAmBA;QAAC,MAAM;qBACvB,oBAACC,UAAQA;QAAC,IAAI;QAAgB,MAAM;qBAChC,oBAACA,UAAQA;QACL,IAAIJ,MAAME,cAAcN;QACxB,MAAMM;QACN,OAAO;QACP,QAAQH;qBAER,oBAACK,UAAQA;QAAC,IAAIJ,MAAME,cAAcN,IAAI;QAAU,MAAM;QAAS,OAAOC;sBACtE,oBAACO,UAAQA;QAAC,IAAIJ,MAAME,cAAcN,IAAI;QAAU,MAAM;QAAS,OAAOE;;AAK1F"}

package/config/AdminConfig/LexicalTheme/Typography.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+interface BaseTypographyProps {
+    id: string;
+    label: string;
+    tag: string;
+    className: string;
+    remove?: boolean;
+    replace?: string;
+    after?: string;
+    before?: string;
+}
+export interface HeadingProps extends BaseTypographyProps {
+}
+export declare const Heading: (props: HeadingProps) => React.JSX.Element;
+export interface ParagraphProps extends BaseTypographyProps {
+}
+export declare const Paragraph: (props: ParagraphProps) => React.JSX.Element;
+export interface QuoteProps extends BaseTypographyProps {
+}
+export declare const Quote: (props: QuoteProps) => React.JSX.Element;
+export interface ListProps extends BaseTypographyProps {
+}
+export declare const List: (props: ListProps) => React.JSX.Element;
+export declare const Typography: {
+    Heading: typeof Heading;
+    Paragraph: typeof Paragraph;
+    Quote: typeof Quote;
+    List: typeof List;
+};
+export {};

package/config/AdminConfig/LexicalTheme/Typography.js

@@ -0,0 +1,66 @@
+import react from "react";
+import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
+const TypographyItem = ({ id, label, tag, className, propertyName, remove, replace, after, before })=>{
+    const getId = useIdGenerator("lexicalTheme");
+    const toReplace = void 0 !== replace ? getId(propertyName, replace) : void 0;
+    const placeAfter = void 0 !== after ? getId(propertyName, after) : void 0;
+    const placeBefore = void 0 !== before ? getId(propertyName, before) : void 0;
+    return /*#__PURE__*/ react.createElement(ConnectToProperties, {
+        name: "AdminConfig"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: "lexicalTheme",
+        name: "lexicalTheme"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId("typography"),
+        name: "typography"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(propertyName, id),
+        name: propertyName,
+        array: true,
+        remove: remove,
+        replace: toReplace,
+        after: placeAfter,
+        before: placeBefore
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(propertyName, id, "id"),
+        name: "id",
+        value: id
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(propertyName, id, "label"),
+        name: "label",
+        value: label
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(propertyName, id, "tag"),
+        name: "tag",
+        value: tag
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(propertyName, id, "className"),
+        name: "className",
+        value: className
+    })))));
+};
+const Heading = (props)=>/*#__PURE__*/ react.createElement(TypographyItem, {
+        ...props,
+        propertyName: "headings"
+    });
+const Paragraph = (props)=>/*#__PURE__*/ react.createElement(TypographyItem, {
+        ...props,
+        propertyName: "paragraphs"
+    });
+const Quote = (props)=>/*#__PURE__*/ react.createElement(TypographyItem, {
+        ...props,
+        propertyName: "quotes"
+    });
+const List = (props)=>/*#__PURE__*/ react.createElement(TypographyItem, {
+        ...props,
+        propertyName: "lists"
+    });
+const Typography = {
+    Heading: Heading,
+    Paragraph: Paragraph,
+    Quote: Quote,
+    List: List
+};
+export { Heading, List, Paragraph, Quote, Typography };
+
+//# sourceMappingURL=Typography.js.map