@webiny/app-admin 0.0.0-unstable.bca7b3e350 → 0.0.0-unstable.c27f4d8a31

package/components/SplitView/SplitView.js.map

@@ -1 +1 @@
-{"version":3,"names":["grid","css","padding","backgroundColor","gridGap","RightPanelWrapper","styled","overflow","height","leftPanel","display","flexDirection","maxHeight","SplitView","props","classSet","className","children","LeftPanel","propList","hasOwnProperty","span","getClasses","RightPanel"],"sources":["SplitView.tsx"],"sourcesContent":["import * as React from \"react\";\nimport classSet from \"classnames\";\nimport { Cell, Grid, CellProps } from \"@webiny/ui/Grid\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { clone } from \"lodash\";\nimport { getClasses } from \"@webiny/ui/Helpers\";\n\nconst grid = css({\n    \"&.mdc-layout-grid\": {\n        padding: 0,\n        backgroundColor: \"var(--mdc-theme-background)\",\n        \">.mdc-layout-grid__inner\": {\n            gridGap: 0\n        }\n    }\n});\n\nconst RightPanelWrapper = styled(\"div\")({\n    backgroundColor: \"var(--mdc-theme-background)\",\n    overflow: \"auto\",\n    height: \"calc(100vh - 70px)\"\n});\n\nexport const leftPanel = css({\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    \">.webiny-data-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"calc(100vh - 70px)\",\n        \".mdc-list\": {\n            overflow: \"auto\"\n        }\n    },\n    \">.mdc-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        maxHeight: \"calc(100vh - 70px)\",\n        overflow: \"auto\"\n    }\n});\n\ninterface SplitViewProps {\n    children: React.ReactElement<any> | React.ReactElement<any>[];\n    className?: string;\n}\n\nconst SplitView: React.FC<SplitViewProps> = props => {\n    return (\n        <Grid className={classSet(grid, props.className, \"webiny-split-view\")}>\n            {props.children}\n        </Grid>\n    );\n};\n\nconst LeftPanel: React.FC<CellProps> = props => {\n    const propList = clone(props);\n    if (!propList.hasOwnProperty(\"span\")) {\n        propList.span = 5;\n    }\n\n    return (\n        <Cell\n            {...getClasses(\n                propList,\n                classSet(leftPanel, props.className, \"webiny-split-view__left-panel\")\n            )}\n        >\n            {propList.children}\n        </Cell>\n    );\n};\n\nconst RightPanel: React.FC<CellProps> = props => {\n    const propList = clone(props);\n    if (!propList.hasOwnProperty(\"span\")) {\n        propList.span = 7;\n    }\n\n    return (\n        <Cell {...getClasses(propList, \"webiny-split-view__right-panel\")}>\n            <RightPanelWrapper\n                className={\"webiny-split-view__right-panel-wrapper\"}\n                id={\"webiny-split-view-right-panel\"}\n            >\n                {propList.children}\n            </RightPanelWrapper>\n        </Cell>\n    );\n};\n\nexport { SplitView, LeftPanel, RightPanel };\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA;AAEA,IAAMA,IAAI,gBAAG,IAAAC,YAAG,EAAC;EACb,mBAAmB,EAAE;IACjBC,OAAO,EAAE,CAAC;IACVC,eAAe,EAAE,6BAA6B;IAC9C,0BAA0B,EAAE;MACxBC,OAAO,EAAE;IACb;EACJ;AACJ,CAAC,gBAAC;AAEF,IAAMC,iBAAiB,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACpCH,eAAe,EAAE,6BAA6B;EAC9CI,QAAQ,EAAE,MAAM;EAChBC,MAAM,EAAE;AACZ,CAAC,CAAC;AAEK,IAAMC,SAAS,gBAAG,IAAAR,YAAG,EAAC;EACzBE,eAAe,EAAE,0BAA0B;EAC3C,oBAAoB,EAAE;IAClBO,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBH,MAAM,EAAE,oBAAoB;IAC5B,WAAW,EAAE;MACTD,QAAQ,EAAE;IACd;EACJ,CAAC;EACD,YAAY,EAAE;IACVG,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,SAAS,EAAE,oBAAoB;IAC/BL,QAAQ,EAAE;EACd;AACJ,CAAC,qBAAC;AAAC;AAOH,IAAMM,SAAmC,GAAG,SAAtCA,SAAmC,CAAGC,KAAK,EAAI;EACjD,oBACI,oBAAC,UAAI;IAAC,SAAS,EAAE,IAAAC,mBAAQ,EAACf,IAAI,EAAEc,KAAK,CAACE,SAAS,EAAE,mBAAmB;EAAE,GACjEF,KAAK,CAACG,QAAQ,CACZ;AAEf,CAAC;AAAC;AAEF,IAAMC,SAA8B,GAAG,SAAjCA,SAA8B,CAAGJ,KAAK,EAAI;EAC5C,IAAMK,QAAQ,GAAG,qBAAML,KAAK,CAAC;EAC7B,IAAI,CAACK,QAAQ,CAACC,cAAc,CAAC,MAAM,CAAC,EAAE;IAClCD,QAAQ,CAACE,IAAI,GAAG,CAAC;EACrB;EAEA,oBACI,oBAAC,UAAI,EACG,IAAAC,mBAAU,EACVH,QAAQ,EACR,IAAAJ,mBAAQ,EAACN,SAAS,EAAEK,KAAK,CAACE,SAAS,EAAE,+BAA+B,CAAC,CACxE,EAEAG,QAAQ,CAACF,QAAQ,CACf;AAEf,CAAC;AAAC;AAEF,IAAMM,UAA+B,GAAG,SAAlCA,UAA+B,CAAGT,KAAK,EAAI;EAC7C,IAAMK,QAAQ,GAAG,qBAAML,KAAK,CAAC;EAC7B,IAAI,CAACK,QAAQ,CAACC,cAAc,CAAC,MAAM,CAAC,EAAE;IAClCD,QAAQ,CAACE,IAAI,GAAG,CAAC;EACrB;EAEA,oBACI,oBAAC,UAAI,EAAK,IAAAC,mBAAU,EAACH,QAAQ,EAAE,gCAAgC,CAAC,eAC5D,oBAAC,iBAAiB;IACd,SAAS,EAAE,wCAAyC;IACpD,EAAE,EAAE;EAAgC,GAEnCA,QAAQ,CAACF,QAAQ,CACF,CACjB;AAEf,CAAC;AAAC"}
+{"version":3,"names":["React","cn","Separator","Panel","PanelGroup","PanelResizeHandle","useLocalStorage","useLocalStorageValue","useCallback","SplitView","children","className","namespace","props","localStorage","layout","saveLayout","set","createElement","Object","assign","id","defaultLayout","onLayoutChanged","getDefaultSize","span","spanValue","LeftPanel","defaultSize","Fragment","minSize","orientation","RightPanel","style","overflowY"],"sources":["SplitView.tsx"],"sourcesContent":["import * as React from \"react\";\nimport type { ColumnProps } from \"@webiny/admin-ui\";\nimport { cn, Separator } from \"@webiny/admin-ui\";\nimport type { PanelProps, PanelGroupProps } from \"~/components/ResizablePanels/index.js\";\nimport {\n    Panel,\n    PanelGroup,\n    PanelResizeHandle,\n    type Layout\n} from \"~/components/ResizablePanels/index.js\";\nimport { useLocalStorage, useLocalStorageValue } from \"@webiny/app\";\nimport { useCallback } from \"react\";\n\ninterface SplitViewProps extends Omit<PanelGroupProps, \"id\"> {\n    namespace?: string;\n}\n\nexport const SplitView = ({\n    children,\n    className,\n    namespace = \"splitView\",\n    ...props\n}: SplitViewProps) => {\n    const localStorage = useLocalStorage();\n\n    const layout = useLocalStorageValue<Layout>(namespace);\n\n    const saveLayout = useCallback(\n        (layout: Layout) => {\n            localStorage.set(`${namespace}/panels`, layout);\n        },\n        [localStorage, namespace]\n    );\n\n    return (\n        <PanelGroup\n            id={namespace}\n            defaultLayout={layout}\n            className={cn(\"webiny-split-view\", className)}\n            onLayoutChanged={saveLayout}\n            {...props}\n        >\n            {children}\n        </PanelGroup>\n    );\n};\n\n// Get the default size for the panel:\nconst getDefaultSize = (span: ColumnProps[\"span\"]) => {\n    const spanValue = typeof span === \"number\" && span > 0 && span <= 12 ? span : 6;\n    return (spanValue / 12) * 100;\n};\n\ninterface SplitViewPanelProps extends Omit<PanelProps, \"id\"> {\n    span?: ColumnProps[\"span\"];\n}\n\nexport const LeftPanel = ({ children, className, ...props }: SplitViewPanelProps) => {\n    const defaultSize = props.defaultSize ?? getDefaultSize(props.span || 5);\n\n    return (\n        <>\n            <Panel\n                defaultSize={defaultSize}\n                minSize={10}\n                id=\"leftPanel\"\n                className={cn(\"webiny-split-view__right-panel\", className)}\n                {...props}\n            >\n                {children}\n            </Panel>\n            <PanelResizeHandle className={\"outline-0\"}>\n                <Separator orientation={\"vertical\"} />\n            </PanelResizeHandle>\n        </>\n    );\n};\n\nexport const RightPanel = ({ children, className, ...props }: SplitViewPanelProps) => {\n    const defaultSize = props.defaultSize ?? getDefaultSize(props.span || 7);\n\n    return (\n        <Panel\n            defaultSize={defaultSize}\n            minSize={30}\n            id=\"rightPanel\"\n            className={cn(\"overflow-scroll! webiny-split-view__right-panel\", className)}\n            {...props}\n            style={{ overflowY: \"scroll\" }}\n        >\n            {children}\n        </Panel>\n    );\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,EAAE,EAAEC,SAAS,QAAQ,kBAAkB;AAEhD,SACIC,KAAK,EACLC,UAAU,EACVC,iBAAiB;AAGrB,SAASC,eAAe,EAAEC,oBAAoB,QAAQ,aAAa;AACnE,SAASC,WAAW,QAAQ,OAAO;AAMnC,OAAO,MAAMC,SAAS,GAAGA,CAAC;EACtBC,QAAQ;EACRC,SAAS;EACTC,SAAS,GAAG,WAAW;EACvB,GAAGC;AACS,CAAC,KAAK;EAClB,MAAMC,YAAY,GAAGR,eAAe,CAAC,CAAC;EAEtC,MAAMS,MAAM,GAAGR,oBAAoB,CAASK,SAAS,CAAC;EAEtD,MAAMI,UAAU,GAAGR,WAAW,CACzBO,MAAc,IAAK;IAChBD,YAAY,CAACG,GAAG,CAAC,GAAGL,SAAS,SAAS,EAAEG,MAAM,CAAC;EACnD,CAAC,EACD,CAACD,YAAY,EAAEF,SAAS,CAC5B,CAAC;EAED,oBACIZ,KAAA,CAAAkB,aAAA,CAACd,UAAU,EAAAe,MAAA,CAAAC,MAAA;IACPC,EAAE,EAAET,SAAU;IACdU,aAAa,EAAEP,MAAO;IACtBJ,SAAS,EAAEV,EAAE,CAAC,mBAAmB,EAAEU,SAAS,CAAE;IAC9CY,eAAe,EAAEP;EAAW,GACxBH,KAAK,GAERH,QACO,CAAC;AAErB,CAAC;;AAED;AACA,MAAMc,cAAc,GAAIC,IAAyB,IAAK;EAClD,MAAMC,SAAS,GAAG,OAAOD,IAAI,KAAK,QAAQ,IAAIA,IAAI,GAAG,CAAC,IAAIA,IAAI,IAAI,EAAE,GAAGA,IAAI,GAAG,CAAC;EAC/E,OAAQC,SAAS,GAAG,EAAE,GAAI,GAAG;AACjC,CAAC;AAMD,OAAO,MAAMC,SAAS,GAAGA,CAAC;EAAEjB,QAAQ;EAAEC,SAAS;EAAE,GAAGE;AAA2B,CAAC,KAAK;EACjF,MAAMe,WAAW,GAAGf,KAAK,CAACe,WAAW,IAAIJ,cAAc,CAACX,KAAK,CAACY,IAAI,IAAI,CAAC,CAAC;EAExE,oBACIzB,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAA6B,QAAA,qBACI7B,KAAA,CAAAkB,aAAA,CAACf,KAAK,EAAAgB,MAAA,CAAAC,MAAA;IACFQ,WAAW,EAAEA,WAAY;IACzBE,OAAO,EAAE,EAAG;IACZT,EAAE,EAAC,WAAW;IACdV,SAAS,EAAEV,EAAE,CAAC,gCAAgC,EAAEU,SAAS;EAAE,GACvDE,KAAK,GAERH,QACE,CAAC,eACRV,KAAA,CAAAkB,aAAA,CAACb,iBAAiB;IAACM,SAAS,EAAE;EAAY,gBACtCX,KAAA,CAAAkB,aAAA,CAAChB,SAAS;IAAC6B,WAAW,EAAE;EAAW,CAAE,CACtB,CACrB,CAAC;AAEX,CAAC;AAED,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEtB,QAAQ;EAAEC,SAAS;EAAE,GAAGE;AAA2B,CAAC,KAAK;EAClF,MAAMe,WAAW,GAAGf,KAAK,CAACe,WAAW,IAAIJ,cAAc,CAACX,KAAK,CAACY,IAAI,IAAI,CAAC,CAAC;EAExE,oBACIzB,KAAA,CAAAkB,aAAA,CAACf,KAAK,EAAAgB,MAAA,CAAAC,MAAA;IACFQ,WAAW,EAAEA,WAAY;IACzBE,OAAO,EAAE,EAAG;IACZT,EAAE,EAAC,YAAY;IACfV,SAAS,EAAEV,EAAE,CAAC,iDAAiD,EAAEU,SAAS;EAAE,GACxEE,KAAK;IACToB,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAS;EAAE,IAE9BxB,QACE,CAAC;AAEhB,CAAC","ignoreList":[]}

package/components/SplitView/index.d.ts

@@ -1 +1 @@
-export { SplitView, LeftPanel, RightPanel } from "./SplitView";
+export { SplitView, LeftPanel, RightPanel } from "./SplitView.js";

package/components/SplitView/index.js

@@ -1,24 +1,3 @@
-"use strict";
+export { SplitView, LeftPanel, RightPanel } from "./SplitView.js";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "LeftPanel", {
-  enumerable: true,
-  get: function get() {
-    return _SplitView.LeftPanel;
-  }
-});
-Object.defineProperty(exports, "RightPanel", {
-  enumerable: true,
-  get: function get() {
-    return _SplitView.RightPanel;
-  }
-});
-Object.defineProperty(exports, "SplitView", {
-  enumerable: true,
-  get: function get() {
-    return _SplitView.SplitView;
-  }
-});
-var _SplitView = require("./SplitView");
+//# sourceMappingURL=index.js.map

package/components/SplitView/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { SplitView, LeftPanel, RightPanel } from \"./SplitView\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA"}
+{"version":3,"names":["SplitView","LeftPanel","RightPanel"],"sources":["index.ts"],"sourcesContent":["export { SplitView, LeftPanel, RightPanel } from \"./SplitView.js\";\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,SAAS,EAAEC,UAAU","ignoreList":[]}

package/components/StateInspector.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface StateInspectorProps {
+    title: string;
+    shortcut: string;
+    state: Record<string, any>;
+}
+export declare const StateInspector: (props: StateInspectorProps) => React.JSX.Element;
+export {};

package/components/StateInspector.js

@@ -0,0 +1,36 @@
+import React from "react";
+import Editor from "@monaco-editor/react";
+import { Tabs } from "@webiny/admin-ui";
+import { FloatingPanel } from "./index.js";
+const monacoTheme = "vs-light";
+const monacoOptions = {
+  minimap: {
+    enabled: false
+  }
+};
+export const StateInspector = props => {
+  return /*#__PURE__*/React.createElement(FloatingPanel, {
+    shortcut: props.shortcut,
+    dragHandle: ".floating-panel"
+  }, ({
+    height
+  }) => /*#__PURE__*/React.createElement(Tabs, {
+    size: "md",
+    spacing: "sm",
+    separator: true,
+    tabs: [/*#__PURE__*/React.createElement(Tabs.Tab, {
+      key: "panel",
+      value: "panel",
+      trigger: props.title,
+      content: /*#__PURE__*/React.createElement(Editor, {
+        theme: monacoTheme,
+        height: height - 76,
+        defaultLanguage: "json",
+        value: JSON.stringify(props.state, null, 2),
+        options: monacoOptions
+      })
+    })]
+  }));
+};
+
+//# sourceMappingURL=StateInspector.js.map

package/components/StateInspector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Editor","Tabs","FloatingPanel","monacoTheme","monacoOptions","minimap","enabled","StateInspector","props","createElement","shortcut","dragHandle","height","size","spacing","separator","tabs","Tab","key","value","trigger","title","content","theme","defaultLanguage","JSON","stringify","state","options"],"sources":["StateInspector.tsx"],"sourcesContent":["import React from \"react\";\nimport Editor from \"@monaco-editor/react\";\nimport { Tabs } from \"@webiny/admin-ui\";\nimport { FloatingPanel } from \"~/components/index.js\";\n\nconst monacoTheme = \"vs-light\";\nconst monacoOptions = { minimap: { enabled: false } };\n\ninterface StateInspectorProps {\n    title: string;\n    shortcut: string;\n    state: Record<string, any>;\n}\n\nexport const StateInspector = (props: StateInspectorProps) => {\n    return (\n        <FloatingPanel shortcut={props.shortcut} dragHandle={\".floating-panel\"}>\n            {({ height }) => (\n                <Tabs\n                    size=\"md\"\n                    spacing=\"sm\"\n                    separator={true}\n                    tabs={[\n                        <Tabs.Tab\n                            key=\"panel\"\n                            value=\"panel\"\n                            trigger={props.title}\n                            content={\n                                <Editor\n                                    theme={monacoTheme}\n                                    height={height - 76}\n                                    defaultLanguage={\"json\"}\n                                    value={JSON.stringify(props.state, null, 2)}\n                                    options={monacoOptions}\n                                />\n                            }\n                        />\n                    ]}\n                />\n            )}\n        </FloatingPanel>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,sBAAsB;AACzC,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,aAAa;AAEtB,MAAMC,WAAW,GAAG,UAAU;AAC9B,MAAMC,aAAa,GAAG;EAAEC,OAAO,EAAE;IAAEC,OAAO,EAAE;EAAM;AAAE,CAAC;AAQrD,OAAO,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EAC1D,oBACIT,KAAA,CAAAU,aAAA,CAACP,aAAa;IAACQ,QAAQ,EAAEF,KAAK,CAACE,QAAS;IAACC,UAAU,EAAE;EAAkB,GAClE,CAAC;IAAEC;EAAO,CAAC,kBACRb,KAAA,CAAAU,aAAA,CAACR,IAAI;IACDY,IAAI,EAAC,IAAI;IACTC,OAAO,EAAC,IAAI;IACZC,SAAS,EAAE,IAAK;IAChBC,IAAI,EAAE,cACFjB,KAAA,CAAAU,aAAA,CAACR,IAAI,CAACgB,GAAG;MACLC,GAAG,EAAC,OAAO;MACXC,KAAK,EAAC,OAAO;MACbC,OAAO,EAAEZ,KAAK,CAACa,KAAM;MACrBC,OAAO,eACHvB,KAAA,CAAAU,aAAA,CAACT,MAAM;QACHuB,KAAK,EAAEpB,WAAY;QACnBS,MAAM,EAAEA,MAAM,GAAG,EAAG;QACpBY,eAAe,EAAE,MAAO;QACxBL,KAAK,EAAEM,IAAI,CAACC,SAAS,CAAClB,KAAK,CAACmB,KAAK,EAAE,IAAI,EAAE,CAAC,CAAE;QAC5CC,OAAO,EAAExB;MAAc,CAC1B;IACJ,CACJ,CAAC;EACJ,CACL,CAEM,CAAC;AAExB,CAAC","ignoreList":[]}

package/components/TeamAutocomplete/graphql.d.ts

@@ -0,0 +1 @@
+export declare const LIST_TEAMS: import("graphql").DocumentNode;

package/components/TeamAutocomplete/graphql.js

@@ -0,0 +1,18 @@
+import gql from "graphql-tag";
+export const LIST_TEAMS = gql`
+    query listTeams {
+        security {
+            teams: listTeams {
+                data {
+                    id
+                    slug
+                    name
+                    description
+                    createdOn
+                }
+            }
+        }
+    }
+`;
+
+//# sourceMappingURL=graphql.js.map

package/components/TeamAutocomplete/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gql","LIST_TEAMS"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_TEAMS = gql`\n    query listTeams {\n        security {\n            teams: listTeams {\n                data {\n                    id\n                    slug\n                    name\n                    description\n                    createdOn\n                }\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,OAAO,MAAMC,UAAU,GAAGD,GAAG;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/components/TeamAutocomplete/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { AutoCompleteProps } from "@webiny/ui/AutoComplete/index.js";
+type TeamAutocompleteProps = Partial<AutoCompleteProps>;
+export declare const TeamAutocomplete: (props: TeamAutocompleteProps) => React.JSX.Element;
+export {};

package/components/TeamAutocomplete/index.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { AutoComplete } from "@webiny/ui/AutoComplete/index.js";
+import { LIST_TEAMS } from "./graphql.js";
+import { useQuery } from "@apollo/react-hooks";
+export const TeamAutocomplete = props => {
+  const {
+    data,
+    loading
+  } = useQuery(LIST_TEAMS);
+  const options = loading || !data ? [] : data.security.teams.data;
+  return /*#__PURE__*/React.createElement(AutoComplete, Object.assign({}, props, {
+    options: options,
+    valueProp: "id",
+    value: loading ? undefined : props.value
+  }));
+};
+
+//# sourceMappingURL=index.js.map

package/components/TeamAutocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AutoComplete","LIST_TEAMS","useQuery","TeamAutocomplete","props","data","loading","options","security","teams","createElement","Object","assign","valueProp","value","undefined"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { AutoCompleteProps } from \"@webiny/ui/AutoComplete/index.js\";\nimport { AutoComplete } from \"@webiny/ui/AutoComplete/index.js\";\nimport { LIST_TEAMS } from \"./graphql.js\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype TeamAutocompleteProps = Partial<AutoCompleteProps>;\nexport const TeamAutocomplete = (props: TeamAutocompleteProps) => {\n    const { data, loading } = useQuery(LIST_TEAMS);\n\n    const options = loading || !data ? [] : data.security.teams.data;\n\n    return (\n        <AutoComplete\n            {...props}\n            options={options}\n            valueProp={\"id\"}\n            value={loading ? undefined : props.value}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,kCAAkC;AAC/D,SAASC,UAAU;AACnB,SAASC,QAAQ,QAAQ,qBAAqB;AAG9C,OAAO,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EAC9D,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGJ,QAAQ,CAACD,UAAU,CAAC;EAE9C,MAAMM,OAAO,GAAGD,OAAO,IAAI,CAACD,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,QAAQ,CAACC,KAAK,CAACJ,IAAI;EAEhE,oBACIN,KAAA,CAAAW,aAAA,CAACV,YAAY,EAAAW,MAAA,CAAAC,MAAA,KACLR,KAAK;IACTG,OAAO,EAAEA,OAAQ;IACjBM,SAAS,EAAE,IAAK;IAChBC,KAAK,EAAER,OAAO,GAAGS,SAAS,GAAGX,KAAK,CAACU;EAAM,EAC5C,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/TeamsMultiAutocomplete/graphql.d.ts

@@ -0,0 +1 @@
+export declare const LIST_TEAMS: import("graphql").DocumentNode;

package/components/TeamsMultiAutocomplete/graphql.js

@@ -0,0 +1,23 @@
+import gql from "graphql-tag";
+export const LIST_TEAMS = gql`
+    query listTeams {
+        security {
+            teams: listTeams {
+                data {
+                    id
+                    slug
+                    name
+                    description
+                    createdOn
+                }
+                error {
+                    data
+                    message
+                    code
+                }
+            }
+        }
+    }
+`;
+
+//# sourceMappingURL=graphql.js.map

package/components/TeamsMultiAutocomplete/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gql","LIST_TEAMS"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nexport const LIST_TEAMS = gql`\n    query listTeams {\n        security {\n            teams: listTeams {\n                data {\n                    id\n                    slug\n                    name\n                    description\n                    createdOn\n                }\n                error {\n                    data\n                    message\n                    code\n                }\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,OAAO,MAAMC,UAAU,GAAGD,GAAG;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/components/TeamsMultiAutocomplete/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import type { MultiAutoCompleteProps } from "@webiny/ui/AutoComplete/index.js";
+type TeamsMultiAutocompleteProps = Partial<MultiAutoCompleteProps>;
+export declare const TeamsMultiAutocomplete: (props: TeamsMultiAutocompleteProps) => React.JSX.Element;
+export {};

package/components/TeamsMultiAutocomplete/index.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { MultiAutoComplete } from "@webiny/ui/AutoComplete/index.js";
+import { LIST_TEAMS } from "./graphql.js";
+import { useQuery } from "@apollo/react-hooks";
+export const TeamsMultiAutocomplete = props => {
+  const {
+    data,
+    loading
+  } = useQuery(LIST_TEAMS);
+  const options = loading || !data?.security?.teams?.data ? [] : data.security.teams.data;
+  return /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, props, {
+    options: options,
+    valueProp: "id",
+    unique: true,
+    value: loading ? undefined : props.value
+  }));
+};
+
+//# sourceMappingURL=index.js.map

package/components/TeamsMultiAutocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","MultiAutoComplete","LIST_TEAMS","useQuery","TeamsMultiAutocomplete","props","data","loading","options","security","teams","createElement","Object","assign","valueProp","unique","value","undefined"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport type { MultiAutoCompleteProps } from \"@webiny/ui/AutoComplete/index.js\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete/index.js\";\nimport { LIST_TEAMS } from \"./graphql.js\";\nimport { useQuery } from \"@apollo/react-hooks\";\n\ntype TeamsMultiAutocompleteProps = Partial<MultiAutoCompleteProps>;\n\nexport const TeamsMultiAutocomplete = (props: TeamsMultiAutocompleteProps) => {\n    const { data, loading } = useQuery(LIST_TEAMS);\n\n    const options = loading || !data?.security?.teams?.data ? [] : data.security.teams.data;\n\n    return (\n        <MultiAutoComplete\n            {...props}\n            options={options}\n            valueProp={\"id\"}\n            unique={true}\n            value={loading ? undefined : props.value}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,iBAAiB,QAAQ,kCAAkC;AACpE,SAASC,UAAU;AACnB,SAASC,QAAQ,QAAQ,qBAAqB;AAI9C,OAAO,MAAMC,sBAAsB,GAAIC,KAAkC,IAAK;EAC1E,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGJ,QAAQ,CAACD,UAAU,CAAC;EAE9C,MAAMM,OAAO,GAAGD,OAAO,IAAI,CAACD,IAAI,EAAEG,QAAQ,EAAEC,KAAK,EAAEJ,IAAI,GAAG,EAAE,GAAGA,IAAI,CAACG,QAAQ,CAACC,KAAK,CAACJ,IAAI;EAEvF,oBACIN,KAAA,CAAAW,aAAA,CAACV,iBAAiB,EAAAW,MAAA,CAAAC,MAAA,KACVR,KAAK;IACTG,OAAO,EAAEA,OAAQ;IACjBM,SAAS,EAAE,IAAK;IAChBC,MAAM,EAAE,IAAK;IACbC,KAAK,EAAET,OAAO,GAAGU,SAAS,GAAGZ,KAAK,CAACW;EAAM,EAC5C,CAAC;AAEV,CAAC","ignoreList":[]}

package/components/Wcp.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface ChildrenProps {
+    children: React.ReactNode;
+}
+declare function CanUseTeams({ children }: ChildrenProps): React.JSX.Element | null;
+declare function CanUsePrivateFiles({ children }: ChildrenProps): React.JSX.Element | null;
+declare function CanUseFileManagerThreatDetection({ children }: ChildrenProps): React.JSX.Element | null;
+declare function CanUseWorkflows({ children }: ChildrenProps): React.JSX.Element | null;
+declare function CanUseHcmsFieldPermissions({ children }: ChildrenProps): React.JSX.Element | null;
+export declare const Wcp: {
+    CanUseTeams: typeof CanUseTeams;
+    CanUsePrivateFiles: typeof CanUsePrivateFiles;
+    CanUseFileManagerThreatDetection: typeof CanUseFileManagerThreatDetection;
+    CanUseWorkflows: typeof CanUseWorkflows;
+    CanUseHcmsFieldPermissions: typeof CanUseHcmsFieldPermissions;
+};
+export {};

package/components/Wcp.js

@@ -0,0 +1,41 @@
+import React from "react";
+import { useWcp } from "../presentation/wcp/useWcp.js";
+function CanUseTeams({
+  children
+}) {
+  const wcp = useWcp();
+  return wcp.canUseTeams() ? /*#__PURE__*/React.createElement(React.Fragment, null, children) : null;
+}
+function CanUsePrivateFiles({
+  children
+}) {
+  const wcp = useWcp();
+  return wcp.canUsePrivateFiles() ? /*#__PURE__*/React.createElement(React.Fragment, null, children) : null;
+}
+function CanUseFileManagerThreatDetection({
+  children
+}) {
+  const wcp = useWcp();
+  return wcp.canUseFileManagerThreatDetection() ? /*#__PURE__*/React.createElement(React.Fragment, null, children) : null;
+}
+function CanUseWorkflows({
+  children
+}) {
+  const wcp = useWcp();
+  return wcp.canUseWorkflows() ? /*#__PURE__*/React.createElement(React.Fragment, null, children) : null;
+}
+function CanUseHcmsFieldPermissions({
+  children
+}) {
+  const wcp = useWcp();
+  return wcp.canUseHcmsFieldPermissions() ? /*#__PURE__*/React.createElement(React.Fragment, null, children) : null;
+}
+export const Wcp = {
+  CanUseTeams,
+  CanUsePrivateFiles,
+  CanUseFileManagerThreatDetection,
+  CanUseWorkflows,
+  CanUseHcmsFieldPermissions
+};
+
+//# sourceMappingURL=Wcp.js.map

package/components/Wcp.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useWcp","CanUseTeams","children","wcp","canUseTeams","createElement","Fragment","CanUsePrivateFiles","canUsePrivateFiles","CanUseFileManagerThreatDetection","canUseFileManagerThreatDetection","CanUseWorkflows","canUseWorkflows","CanUseHcmsFieldPermissions","canUseHcmsFieldPermissions","Wcp"],"sources":["Wcp.tsx"],"sourcesContent":["import React from \"react\";\nimport { useWcp } from \"~/presentation/wcp/useWcp.js\";\n\ninterface ChildrenProps {\n    children: React.ReactNode;\n}\n\nfunction CanUseTeams({ children }: ChildrenProps) {\n    const wcp = useWcp();\n    return wcp.canUseTeams() ? <>{children}</> : null;\n}\n\nfunction CanUsePrivateFiles({ children }: ChildrenProps) {\n    const wcp = useWcp();\n    return wcp.canUsePrivateFiles() ? <>{children}</> : null;\n}\n\nfunction CanUseFileManagerThreatDetection({ children }: ChildrenProps) {\n    const wcp = useWcp();\n    return wcp.canUseFileManagerThreatDetection() ? <>{children}</> : null;\n}\n\nfunction CanUseWorkflows({ children }: ChildrenProps) {\n    const wcp = useWcp();\n    return wcp.canUseWorkflows() ? <>{children}</> : null;\n}\n\nfunction CanUseHcmsFieldPermissions({ children }: ChildrenProps) {\n    const wcp = useWcp();\n    return wcp.canUseHcmsFieldPermissions() ? <>{children}</> : null;\n}\n\nexport const Wcp = {\n    CanUseTeams,\n    CanUsePrivateFiles,\n    CanUseFileManagerThreatDetection,\n    CanUseWorkflows,\n    CanUseHcmsFieldPermissions\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM;AAMf,SAASC,WAAWA,CAAC;EAAEC;AAAwB,CAAC,EAAE;EAC9C,MAAMC,GAAG,GAAGH,MAAM,CAAC,CAAC;EACpB,OAAOG,GAAG,CAACC,WAAW,CAAC,CAAC,gBAAGL,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAO,QAAA,QAAGJ,QAAW,CAAC,GAAG,IAAI;AACrD;AAEA,SAASK,kBAAkBA,CAAC;EAAEL;AAAwB,CAAC,EAAE;EACrD,MAAMC,GAAG,GAAGH,MAAM,CAAC,CAAC;EACpB,OAAOG,GAAG,CAACK,kBAAkB,CAAC,CAAC,gBAAGT,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAO,QAAA,QAAGJ,QAAW,CAAC,GAAG,IAAI;AAC5D;AAEA,SAASO,gCAAgCA,CAAC;EAAEP;AAAwB,CAAC,EAAE;EACnE,MAAMC,GAAG,GAAGH,MAAM,CAAC,CAAC;EACpB,OAAOG,GAAG,CAACO,gCAAgC,CAAC,CAAC,gBAAGX,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAO,QAAA,QAAGJ,QAAW,CAAC,GAAG,IAAI;AAC1E;AAEA,SAASS,eAAeA,CAAC;EAAET;AAAwB,CAAC,EAAE;EAClD,MAAMC,GAAG,GAAGH,MAAM,CAAC,CAAC;EACpB,OAAOG,GAAG,CAACS,eAAe,CAAC,CAAC,gBAAGb,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAO,QAAA,QAAGJ,QAAW,CAAC,GAAG,IAAI;AACzD;AAEA,SAASW,0BAA0BA,CAAC;EAAEX;AAAwB,CAAC,EAAE;EAC7D,MAAMC,GAAG,GAAGH,MAAM,CAAC,CAAC;EACpB,OAAOG,GAAG,CAACW,0BAA0B,CAAC,CAAC,gBAAGf,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAO,QAAA,QAAGJ,QAAW,CAAC,GAAG,IAAI;AACpE;AAEA,OAAO,MAAMa,GAAG,GAAG;EACfd,WAAW;EACXM,kBAAkB;EAClBE,gCAAgC;EAChCE,eAAe;EACfE;AACJ,CAAC","ignoreList":[]}

package/components/index.d.ts

@@ -1 +1,30 @@
-export { FileManager } from "./FileManager";
+export { FileManager } from "../base/ui/FileManager.js";
+export { FloatingPanel } from "../components/FloatingPanel.js";
+export { StateInspector } from "../components/StateInspector.js";
+export { NavigationPrompt } from "../components/NavigationPrompt.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 { default as 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/NavigationPrompt.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/RoleAutocomplete/index.js";
+export * from "../components/TeamAutocomplete/index.js";
+export * from "../components/TeamsMultiAutocomplete/index.js";
+export * from "./DeveloperMode/index.js";

package/components/index.js

@@ -1,12 +1,31 @@
-"use strict";
+export { FileManager } from "../base/ui/FileManager.js";
+export { FloatingPanel } from "./FloatingPanel.js";
+export { StateInspector } from "./StateInspector.js";
+export { NavigationPrompt } from "./NavigationPrompt.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 "./NavigationPrompt.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";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "FileManager", {
-  enumerable: true,
-  get: function get() {
-    return _FileManager.FileManager;
-  }
-});
-var _FileManager = require("./FileManager");
+//# sourceMappingURL=index.js.map

package/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { FileManager } from \"./FileManager\";\n"],"mappings":";;;;;;;;;;;AAAA"}
+{"version":3,"names":["FileManager","FloatingPanel","StateInspector","NavigationPrompt","DialogsProvider","OverlayLayout","EmptyView","SimpleFormContent","SimpleForm","SimpleFormFooter","SimpleFormHeader","default","SingleImageUpload","LexicalEditor","LexicalLinkForm","Wcp","RegisterFeature"],"sources":["index.ts"],"sourcesContent":["export { FileManager } from \"~/base/ui/FileManager.js\";\nexport { FloatingPanel } from \"~/components/FloatingPanel.js\";\nexport { StateInspector } from \"~/components/StateInspector.js\";\nexport { NavigationPrompt } from \"~/components/NavigationPrompt.js\";\nexport * from \"~/components/AdminLayout.js\";\nexport * from \"~/components/Buttons/index.js\";\nexport { DialogsProvider } from \"~/components/Dialogs/DialogsContext.js\";\nexport * from \"~/components/OptionsMenu/index.js\";\nexport * from \"~/components/Filters/index.js\";\nexport * from \"~/components/BulkActions/index.js\";\nexport { OverlayLayout, type OverlayLayoutProps } from \"~/components/OverlayLayout/index.js\";\nexport { type EmptyViewProps, EmptyView } from \"~/components/EmptyView.js\";\nexport {\n    SimpleFormContent,\n    SimpleForm,\n    SimpleFormFooter,\n    SimpleFormHeader\n} from \"~/components/SimpleForm/index.js\";\nexport {\n    default as SingleImageUpload,\n    type SingleImageUploadProps\n} from \"~/components/SingleImageUpload.js\";\nexport { LexicalEditor } from \"~/components/LexicalEditor/index.js\";\nexport type { RichTextValueWithHtml } from \"~/components/LexicalEditor/index.js\";\nexport { LexicalLinkForm } from \"~/components/LexicalEditor/index.js\";\nexport { Wcp } from \"~/components/Wcp.js\";\nexport * from \"~/components/IconPicker/index.js\";\nexport * from \"~/components/NavigationPrompt.js\";\nexport * from \"~/components/SplitView/index.js\";\nexport * from \"~/components/Permissions/index.js\";\nexport * from \"~/components/SearchUI.js\";\nexport * from \"~/components/RegisterFeature.js\";\nexport { RegisterFeature } from \"~/components/RegisterFeature.js\";\nexport * from \"~/components/RolesMultiAutocomplete/index.js\";\nexport * from \"~/components/RoleAutocomplete/index.js\";\nexport * from \"~/components/TeamAutocomplete/index.js\";\nexport * from \"~/components/TeamsMultiAutocomplete/index.js\";\nexport * from \"./DeveloperMode/index.js\";\n"],"mappings":"AAAA,SAASA,WAAW;AACpB,SAASC,aAAa;AACtB,SAASC,cAAc;AACvB,SAASC,gBAAgB;AACzB;AACA;AACA,SAASC,eAAe;AACxB;AACA;AACA;AACA,SAASC,aAAa;AACtB,SAA8BC,SAAS;AACvC,SACIC,iBAAiB,EACjBC,UAAU,EACVC,gBAAgB,EAChBC,gBAAgB;AAEpB,SACIC,OAAO,IAAIC,iBAAiB;AAGhC,SAASC,aAAa;AAEtB,SAASC,eAAe;AACxB,SAASC,GAAG;AACZ;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,eAAe;AACxB;AACA;AACA;AACA;AACA","ignoreList":[]}

package/config/AdminConfig/Dashboard.d.ts

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

package/config/AdminConfig/Dashboard.js

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

package/config/AdminConfig/Dashboard.js.map

@@ -0,0 +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":[]}

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,45 @@
+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
+  }))));
+};
+
+//# sourceMappingURL=Color.js.map

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

@@ -0,0 +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":[]}

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: (props: HeadingProps) => React.JSX.Element;
+    Paragraph: (props: ParagraphProps) => React.JSX.Element;
+    Quote: (props: QuoteProps) => React.JSX.Element;
+    List: (props: ListProps) => React.JSX.Element;
+};
+export {};

package/config/AdminConfig/LexicalTheme/Typography.js

@@ -0,0 +1,79 @@
+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 = 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("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
+  })))));
+};
+export const Heading = props => {
+  return /*#__PURE__*/React.createElement(TypographyItem, Object.assign({}, props, {
+    propertyName: "headings"
+  }));
+};
+export const Paragraph = props => {
+  return /*#__PURE__*/React.createElement(TypographyItem, Object.assign({}, props, {
+    propertyName: "paragraphs"
+  }));
+};
+export const Quote = props => {
+  return /*#__PURE__*/React.createElement(TypographyItem, Object.assign({}, props, {
+    propertyName: "quotes"
+  }));
+};
+export const List = props => {
+  return /*#__PURE__*/React.createElement(TypographyItem, Object.assign({}, props, {
+    propertyName: "lists"
+  }));
+};
+export const Typography = {
+  Heading,
+  Paragraph,
+  Quote,
+  List
+};
+
+//# sourceMappingURL=Typography.js.map