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

package/components/TeamsMultiAutocomplete/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","useCallback","MultiAutoComplete","LIST_TEAMS","useQuery","TeamsMultiAutocomplete","onChange","values","props","data","loading","rawOptions","security","teams","options","map","team","label","name","value","id","onValuesChange","ids","createElement","Object","assign","undefined"],"sources":["index.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from \"react\";\nimport { MultiAutoComplete } from \"@webiny/admin-ui\";\nimport { LIST_TEAMS } from \"./graphql.js\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype TeamsMultiAutocompleteProps = Omit<\n    React.ComponentProps<typeof MultiAutoComplete>,\n    \"options\" | \"onValuesChange\"\n> & {\n    onChange?: (values: string[]) => void;\n};\n\nexport const TeamsMultiAutocomplete = ({\n    onChange,\n    values,\n    ...props\n}: TeamsMultiAutocompleteProps) => {\n    const { data, loading } = useQuery(LIST_TEAMS);\n    const rawOptions = loading || !data?.security?.teams?.data ? [] : data.security.teams.data;\n\n    const options = useMemo(\n        () => rawOptions.map((team: any) => ({ label: team.name, value: team.id })),\n        [rawOptions]\n    );\n\n    const onValuesChange = useCallback((ids: string[]) => onChange?.(ids), [onChange]);\n\n    return (\n        <MultiAutoComplete\n            {...props}\n            options={options}\n            values={loading ? undefined : (values as string[] | undefined)}\n            onValuesChange={onValuesChange}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,WAAW,QAAQ,OAAO;AACnD,SAASC,iBAAiB,QAAQ,kBAAkB;AACpD,SAASC,UAAU;AACnB,SAASC,QAAQ,QAAQ,qBAAqB;AAS9C,OAAO,MAAMC,sBAAsB,GAAGA,CAAC;EACnCC,QAAQ;EACRC,MAAM;EACN,GAAGC;AACsB,CAAC,KAAK;EAC/B,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGN,QAAQ,CAACD,UAAU,CAAC;EAC9C,MAAMQ,UAAU,GAAGD,OAAO,IAAI,CAACD,IAAI,EAAEG,QAAQ,EAAEC,KAAK,EAAEJ,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,QAAQ,CAACC,KAAK,CAACJ,IAAI;EAE1F,MAAMK,OAAO,GAAGd,OAAO,CACnB,MAAMW,UAAU,CAACI,GAAG,CAAEC,IAAS,KAAM;IAAEC,KAAK,EAAED,IAAI,CAACE,IAAI;IAAEC,KAAK,EAAEH,IAAI,CAACI;EAAG,CAAC,CAAC,CAAC,EAC3E,CAACT,UAAU,CACf,CAAC;EAED,MAAMU,cAAc,GAAGpB,WAAW,CAAEqB,GAAa,IAAKhB,QAAQ,GAAGgB,GAAG,CAAC,EAAE,CAAChB,QAAQ,CAAC,CAAC;EAElF,oBACIP,KAAA,CAAAwB,aAAA,CAACrB,iBAAiB,EAAAsB,MAAA,CAAAC,MAAA,KACVjB,KAAK;IACTM,OAAO,EAAEA,OAAQ;IACjBP,MAAM,EAAEG,OAAO,GAAGgB,SAAS,GAAInB,MAAgC;IAC/Dc,cAAc,EAAEA;EAAe,EAClC,CAAC;AAEV,CAAC","ignoreList":[]}
+{"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

@@ -9,11 +9,10 @@ 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 { default as SingleImageUpload, type SingleImageUploadProps } from "../components/SingleImageUpload.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 { Wcp } from "../components/Wcp.js";
 export * from "../components/IconPicker/index.js";
 export * from "../components/SplitView/index.js";
 export * from "../components/Permissions/index.js";
@@ -21,7 +20,8 @@ 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/RoleAutocomplete/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,28 +1,25 @@
-export { DevToolsSection } from "@webiny/react-properties";
-export { FileManager } from "../base/ui/FileManager.js";
 export * from "./AdminLayout.js";
 export * from "./Buttons/index.js";
-export { DialogsProvider } from "./Dialogs/DialogsContext.js";
 export * from "./OptionsMenu/index.js";
 export * from "./Filters/index.js";
 export * from "./BulkActions/index.js";
-export { OverlayLayout } from "./OverlayLayout/index.js";
-export { EmptyView } from "./EmptyView.js";
-export { SimpleFormContent, SimpleForm, SimpleFormFooter, SimpleFormHeader } from "./SimpleForm/index.js";
-export { default as SingleImageUpload } from "./SingleImageUpload.js";
-export { LexicalEditor } from "./LexicalEditor/index.js";
-export { LexicalLinkForm } from "./LexicalEditor/index.js";
-export { Wcp } from "./Wcp.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 { RegisterFeature } from "./RegisterFeature.js";
 export * from "./RolesMultiAutocomplete/index.js";
-export * from "./RoleAutocomplete/index.js";
 export * from "./TeamAutocomplete/index.js";
 export * from "./TeamsMultiAutocomplete/index.js";
 export * from "./DeveloperMode/index.js";
-
-//# sourceMappingURL=index.js.map
+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

@@ -1,3 +1,4 @@
+import { Widget } from "./Widget.js";
 export declare const Dashboard: {
-    Widget: ({ name, element, column, pin }: import("./Widget.js").WidgetProps) => import("react").JSX.Element;
+    Widget: typeof Widget;
 };

package/config/AdminConfig/Dashboard.js

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

package/config/AdminConfig/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"names":["Widget","Dashboard"],"sources":["Dashboard.ts"],"sourcesContent":["import { Widget } from \"./Widget.js\";\n\nexport const Dashboard = {\n    Widget\n};\n"],"mappings":"AAAA,SAASA,MAAM;AAEf,OAAO,MAAMC,SAAS,GAAG;EACrBD;AACJ,CAAC","ignoreList":[]}
+{"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.js

@@ -1,21 +1,19 @@
-import React from "react";
+import react from "react";
 import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
-export 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
-    }
-  }));
+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

@@ -1 +1 @@
-{"version":3,"names":["React","ConnectToProperties","Property","useIdGenerator","Dialog","name","element","getId","createElement","id","array","value"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AAYxF,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAqB,CAAC,KAAK;EACtD,MAAMC,KAAK,GAAGJ,cAAc,CAAC,QAAQ,CAAC;EAEtC,oBACIH,KAAA,CAAAQ,aAAA,CAACP,mBAAmB;IAACI,IAAI,EAAE;EAAc,gBACrCL,KAAA,CAAAQ,aAAA,CAACN,QAAQ;IAACO,EAAE,EAAEF,KAAK,CAACF,IAAI,CAAE;IAACA,IAAI,EAAE,SAAU;IAACK,KAAK,EAAE,IAAK;IAACC,KAAK,EAAE;MAAEN,IAAI;MAAEC;IAAQ;EAAE,CAAE,CACnE,CAAC;AAE9B,CAAC","ignoreList":[]}
+{"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.js

@@ -1,21 +1,19 @@
-import React from "react";
+import react from "react";
 import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
-export 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
-    }
-  }));
+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

@@ -1 +1 @@
-{"version":3,"names":["React","ConnectToProperties","Property","useIdGenerator","FieldRenderer","name","component","getId","createElement","id","array","value"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AAaxF,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAA8B,CAAC,KAAK;EACtE,MAAMC,KAAK,GAAGJ,cAAc,CAAC,mBAAmB,CAAC;EAEjD,oBACIH,KAAA,CAAAQ,aAAA,CAACP,mBAAmB;IAACI,IAAI,EAAE;EAAc,gBACrCL,KAAA,CAAAQ,aAAA,CAACN,QAAQ;IACLO,EAAE,EAAEF,KAAK,CAACF,IAAI,CAAE;IAChBA,IAAI,EAAE,gBAAiB;IACvBK,KAAK,EAAE,IAAK;IACZC,KAAK,EAAE;MAAEN,IAAI;MAAEC;IAAU;EAAE,CAC9B,CACgB,CAAC;AAE9B,CAAC","ignoreList":[]}
+{"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

@@ -1,4 +1,6 @@
+import { FieldRenderer } from "./FieldRenderer.js";
+import { LayoutRenderer } from "./LayoutRenderer.js";
 export declare const Form: {
-    FieldRenderer: ({ name, component }: import("./FieldRenderer.js").FieldRendererProps) => import("react").JSX.Element;
-    LayoutRenderer: ({ name, component }: import("./LayoutRenderer.js").LayoutRendererProps) => import("react").JSX.Element;
+    FieldRenderer: typeof FieldRenderer;
+    LayoutRenderer: typeof LayoutRenderer;
 };

package/config/AdminConfig/Form.js

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

package/config/AdminConfig/Form.js.map

@@ -1 +1 @@
-{"version":3,"names":["FieldRenderer","LayoutRenderer","Form"],"sources":["Form.ts"],"sourcesContent":["import { FieldRenderer } from \"./FieldRenderer.js\";\nimport { LayoutRenderer } from \"./LayoutRenderer.js\";\n\nexport const Form = {\n    FieldRenderer,\n    LayoutRenderer\n};\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,cAAc;AAEvB,OAAO,MAAMC,IAAI,GAAG;EAChBF,aAAa;EACbC;AACJ,CAAC","ignoreList":[]}
+{"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.js

@@ -1,21 +1,19 @@
-import React from "react";
+import react from "react";
 import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
-export 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
-    }
-  }));
+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

@@ -1 +1 @@
-{"version":3,"names":["React","ConnectToProperties","Property","useIdGenerator","LayoutRenderer","name","component","getId","createElement","id","array","value"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AAYxF,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAA+B,CAAC,KAAK;EACxE,MAAMC,KAAK,GAAGJ,cAAc,CAAC,oBAAoB,CAAC;EAElD,oBACIH,KAAA,CAAAQ,aAAA,CAACP,mBAAmB;IAACI,IAAI,EAAE;EAAc,gBACrCL,KAAA,CAAAQ,aAAA,CAACN,QAAQ;IACLO,EAAE,EAAEF,KAAK,CAACF,IAAI,CAAE;IAChBA,IAAI,EAAE,iBAAkB;IACxBK,KAAK,EAAE,IAAK;IACZC,KAAK,EAAE;MAAEN,IAAI;MAAEC;IAAU;EAAE,CAC9B,CACgB,CAAC;AAE9B,CAAC","ignoreList":[]}
+{"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.js

@@ -1,45 +1,38 @@
-import React from "react";
+import react from "react";
 import { ConnectToProperties, Property, useIdGenerator } from "@webiny/react-properties";
-export const Color = ({
-  id,
-  label,
-  value,
-  remove,
-  replace,
-  after,
-  before
-}) => {
-  const getId = useIdGenerator("lexicalTheme");
-  const propertyName = "colors";
-  const toReplace = replace !== undefined ? getId(propertyName, replace) : undefined;
-  const placeAfter = after !== undefined ? getId(propertyName, after) : undefined;
-  const placeBefore = before !== undefined ? getId(propertyName, before) : undefined;
-  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
-  }))));
+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

@@ -1 +1 @@
-{"version":3,"names":["React","ConnectToProperties","Property","useIdGenerator","Color","id","label","value","remove","replace","after","before","getId","propertyName","toReplace","undefined","placeAfter","placeBefore","createElement","name","array"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,QAAQ,EAAEC,cAAc,QAAQ,0BAA0B;AAYxF,OAAO,MAAMC,KAAK,GAAGA,CAAC;EAAEC,EAAE;EAAEC,KAAK;EAAEC,KAAK;EAAEC,MAAM;EAAEC,OAAO;EAAEC,KAAK;EAAEC;AAAmB,CAAC,KAAK;EACvF,MAAMC,KAAK,GAAGT,cAAc,CAAC,cAAc,CAAC;EAC5C,MAAMU,YAAY,GAAG,QAAQ;EAE7B,MAAMC,SAAS,GAAGL,OAAO,KAAKM,SAAS,GAAGH,KAAK,CAACC,YAAY,EAAEJ,OAAO,CAAC,GAAGM,SAAS;EAClF,MAAMC,UAAU,GAAGN,KAAK,KAAKK,SAAS,GAAGH,KAAK,CAACC,YAAY,EAAEH,KAAK,CAAC,GAAGK,SAAS;EAC/E,MAAME,WAAW,GAAGN,MAAM,KAAKI,SAAS,GAAGH,KAAK,CAACC,YAAY,EAAEF,MAAM,CAAC,GAAGI,SAAS;EAElF,oBACIf,KAAA,CAAAkB,aAAA,CAACjB,mBAAmB;IAACkB,IAAI,EAAE;EAAc,gBACrCnB,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;IAACG,EAAE,EAAE,cAAe;IAACc,IAAI,EAAE;EAAe,gBAC/CnB,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;IACLG,EAAE,EAAEO,KAAK,CAACC,YAAY,EAAER,EAAE,CAAE;IAC5Bc,IAAI,EAAEN,YAAa;IACnBO,KAAK,EAAE,IAAK;IACZZ,MAAM,EAAEA,MAAO;IACfC,OAAO,EAAEK,SAAU;IACnBJ,KAAK,EAAEM,UAAW;IAClBL,MAAM,EAAEM;EAAY,gBAEpBjB,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;IAACG,EAAE,EAAEO,KAAK,CAACC,YAAY,EAAER,EAAE,EAAE,IAAI,CAAE;IAACc,IAAI,EAAE,IAAK;IAACZ,KAAK,EAAEF;EAAG,CAAE,CAAC,eACtEL,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;IAACG,EAAE,EAAEO,KAAK,CAACC,YAAY,EAAER,EAAE,EAAE,OAAO,CAAE;IAACc,IAAI,EAAE,OAAQ;IAACZ,KAAK,EAAED;EAAM,CAAE,CAAC,eAC/EN,KAAA,CAAAkB,aAAA,CAAChB,QAAQ;IAACG,EAAE,EAAEO,KAAK,CAACC,YAAY,EAAER,EAAE,EAAE,OAAO,CAAE;IAACc,IAAI,EAAE,OAAQ;IAACZ,KAAK,EAAEA;EAAM,CAAE,CACxE,CACJ,CACO,CAAC;AAE9B,CAAC","ignoreList":[]}
+{"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

@@ -22,9 +22,9 @@ export interface ListProps extends BaseTypographyProps {
 }
 export declare const List: (props: ListProps) => React.JSX.Element;
 export declare const Typography: {
-    Heading: (props: HeadingProps) => React.JSX.Element;
-    Paragraph: (props: ParagraphProps) => React.JSX.Element;
-    Quote: (props: QuoteProps) => React.JSX.Element;
-    List: (props: ListProps) => React.JSX.Element;
+    Heading: typeof Heading;
+    Paragraph: typeof Paragraph;
+    Quote: typeof Quote;
+    List: typeof List;
 };
 export {};