@webiny/app-admin 0.0.0-mt-3 → 0.0.0-unstable.06b2ede40f

package/components/SingleImageUpload.js

@@ -1,102 +1,62 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import * as React from "react";
-import { Image } from "@webiny/app/components/Image";
-import * as Ui from "@webiny/ui/ImageUpload";
-import { FileManager } from "./FileManager";
-import { FormElementMessage } from "@webiny/ui/FormElementMessage";
-import styled from "@emotion/styled";
-var ImageUploadWrapper = /*#__PURE__*/styled("div", {
-  target: "ek1tjbh0",
-  label: "ImageUploadWrapper"
-})({
-  position: "relative",
-  ".disabled": {
-    opacity: 0.75,
-    pointerEvents: "none"
-  },
-  ".mdc-floating-label--float-above": {
-    transform: "scale(0.75)",
-    top: 10,
-    left: 10,
-    color: "var(--mdc-theme-text-secondary-on-background)"
-  },
-  ".mdc-text-field-helper-text": {
-    color: "var(--mdc-theme-text-secondary-on-background)"
-  }
-});
-
-var SingleImageUpload = /*#__PURE__*/function (_React$Component) {
-  _inherits(SingleImageUpload, _React$Component);
-
-  var _super = _createSuper(SingleImageUpload);
-
-  function SingleImageUpload() {
-    _classCallCheck(this, SingleImageUpload);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(SingleImageUpload, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          className = _this$props.className,
-          onChange = _this$props.onChange,
-          value = _this$props.value,
-          validation = _this$props.validation,
-          label = _this$props.label,
-          description = _this$props.description,
-          accept = _this$props.accept,
-          onChangePick = _this$props.onChangePick,
-          maxSize = _this$props.maxSize,
-          multipleMaxCount = _this$props.multipleMaxCount,
-          multipleMaxSize = _this$props.multipleMaxSize,
-          imagePreviewProps = _this$props.imagePreviewProps,
-          round = _this$props.round;
-      return /*#__PURE__*/React.createElement(ImageUploadWrapper, {
-        className: className
-      }, label && /*#__PURE__*/React.createElement("div", {
-        className: "mdc-floating-label mdc-floating-label--float-above"
-      }, label), /*#__PURE__*/React.createElement(FileManager, {
-        onChange: onChange,
-        onChangePick: onChangePick,
-        accept: accept,
-        images: !accept,
-        maxSize: maxSize,
-        multipleMaxCount: multipleMaxCount,
-        multipleMaxSize: multipleMaxSize
-      }, function (_ref) {
-        var showFileManager = _ref.showFileManager;
-        return /*#__PURE__*/React.createElement(Ui.Image, {
-          renderImagePreview: function renderImagePreview(renderImageProps) {
-            return /*#__PURE__*/React.createElement(Image, Object.assign({}, renderImageProps, imagePreviewProps));
-          },
-          style: {
-            width: "100%",
-            height: "auto"
-          },
-          value: value,
-          uploadImage: showFileManager,
-          removeImage: onChange,
-          round: round
-        });
-      }), validation.isValid === false && /*#__PURE__*/React.createElement(FormElementMessage, {
-        error: true
-      }, validation.message), validation.isValid !== false && description && /*#__PURE__*/React.createElement(FormElementMessage, null, description));
+import React, { useCallback } from "react";
+import { FileManager } from "./..";
+import { FileItem, FilePicker } from "@webiny/admin-ui";
+const SingleImageUpload = props => {
+  const {
+    accept,
+    className,
+    description,
+    disabled,
+    includeFileMeta = false,
+    label,
+    maxSize,
+    renderFilePreview,
+    renderTrigger,
+    validation,
+    value,
+    variant,
+    type
+  } = props;
+  const onChange = useCallback(value => {
+    if (!props.onChange) {
+      return;
     }
-  }]);
-
-  return SingleImageUpload;
-}(React.Component);
-
-_defineProperty(SingleImageUpload, "defaultProps", {
-  validation: {
-    isValid: null
-  }
-});
-
-export { SingleImageUpload as default };
+    if (value && !includeFileMeta) {
+      props.onChange({
+        id: value.id,
+        src: value.src
+      });
+      return;
+    }
+    if (value && includeFileMeta) {
+      props.onChange(value);
+      return;
+    }
+    props.onChange(null);
+  }, [props.onChange]);
+  return /*#__PURE__*/React.createElement(FileManager, {
+    onChange: onChange,
+    accept: accept,
+    images: !accept,
+    maxSize: maxSize,
+    render: ({
+      showFileManager
+    }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FilePicker, {
+      label: label,
+      description: description,
+      validation: validation,
+      className: className,
+      disabled: disabled,
+      value: value ? FileItem.createFromUrl(value.src) : null,
+      onSelectItem: showFileManager,
+      onRemoveItem: () => onChange(null),
+      renderFilePreview: renderFilePreview,
+      renderTrigger: renderTrigger,
+      variant: variant,
+      type: type
+    }))
+  });
+};
+export default SingleImageUpload;
+
+//# sourceMappingURL=SingleImageUpload.js.map

package/components/SingleImageUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","FileManager","FileItem","FilePicker","SingleImageUpload","props","accept","className","description","disabled","includeFileMeta","label","maxSize","renderFilePreview","renderTrigger","validation","value","variant","type","onChange","id","src","createElement","images","render","showFileManager","Fragment","createFromUrl","onSelectItem","onRemoveItem"],"sources":["SingleImageUpload.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport type { FileManagerFileItem } from \"~/index\";\nimport { FileManager } from \"~/index\";\nimport type { FormComponentProps } from \"@webiny/ui/types\";\nimport { FileItem, FilePicker, type FilePickerProps } from \"@webiny/admin-ui\";\n\nexport interface SingleImageUploadProps extends FormComponentProps {\n    /**\n     * Accept types\n     */\n    accept?: string[];\n\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Is component disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Description beneath the image.\n     */\n    description?: React.ReactNode;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * Define file's max allowed size (default is \"10mb\").\n     * Uses \"bytes\" (https://www.npmjs.com/package/bytes) library to convert string notation to actual number.\n     */\n    maxSize?: number | string;\n\n    /**\n     * onChange callback when a file is set or unset.\n     * It is marked as `optional` because this component is often used in conjunction with <Bind>, which injects the\n     * `onChange` into its child element. In that case, that prop is not passed by the developer.\n     */\n    onChange?: (value: FileManagerFileItem | null) => void;\n\n    /**\n     * Optional custom props, passed to the preview image.\n     */\n    imagePreviewProps?: any;\n\n    /**\n     * By default, file meta is not included in the data passed to `onChange`. If you need it, set this flag to true.\n     */\n    includeFileMeta?: boolean;\n\n    /**\n     * Is the wrapper round?\n     * @deprecated Provide a custom `renderImagePreview` instead.\n     */\n    round?: boolean;\n\n    /**\n     * Define the properties that are returned on file(s) selection.\n     * @deprecated Pick the desired file attributes in the `onChange` callback, or `beforeChange` on the `<Bind>` element.\n     */\n    onChangePick?: string[];\n\n    /**\n     * Render the image preview.\n     */\n    renderFilePreview?: FilePickerProps[\"renderFilePreview\"];\n\n    /**\n     * Render the trigger button.\n     */\n    renderTrigger?: FilePickerProps[\"renderTrigger\"];\n\n    /**\n     * Component type.\n     */\n    type?: FilePickerProps[\"type\"];\n\n    /**\n     * Component variant.\n     */\n    variant?: FilePickerProps[\"variant\"];\n}\n\nconst SingleImageUpload = (props: SingleImageUploadProps) => {\n    const {\n        accept,\n        className,\n        description,\n        disabled,\n        includeFileMeta = false,\n        label,\n        maxSize,\n        renderFilePreview,\n        renderTrigger,\n        validation,\n        value,\n        variant,\n        type\n    } = props;\n\n    const onChange = useCallback(\n        (value: FileManagerFileItem | null) => {\n            if (!props.onChange) {\n                return;\n            }\n\n            if (value && !includeFileMeta) {\n                props.onChange({ id: value.id, src: value.src });\n                return;\n            }\n\n            if (value && includeFileMeta) {\n                props.onChange(value);\n                return;\n            }\n\n            props.onChange(null);\n        },\n        [props.onChange]\n    );\n\n    return (\n        <FileManager\n            onChange={onChange}\n            accept={accept}\n            images={!accept}\n            maxSize={maxSize}\n            render={({ showFileManager }) => (\n                <>\n                    <FilePicker\n                        label={label}\n                        description={description}\n                        validation={validation}\n                        className={className}\n                        disabled={disabled}\n                        value={value ? FileItem.createFromUrl(value.src) : null}\n                        onSelectItem={showFileManager}\n                        onRemoveItem={() => onChange(null)}\n                        renderFilePreview={renderFilePreview}\n                        renderTrigger={renderTrigger}\n                        variant={variant}\n                        type={type}\n                    />\n                </>\n            )}\n        />\n    );\n};\n\nexport default SingleImageUpload;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,SAASC,WAAW;AAEpB,SAASC,QAAQ,EAAEC,UAAU,QAA8B,kBAAkB;AAoF7E,MAAMC,iBAAiB,GAAIC,KAA6B,IAAK;EACzD,MAAM;IACFC,MAAM;IACNC,SAAS;IACTC,WAAW;IACXC,QAAQ;IACRC,eAAe,GAAG,KAAK;IACvBC,KAAK;IACLC,OAAO;IACPC,iBAAiB;IACjBC,aAAa;IACbC,UAAU;IACVC,KAAK;IACLC,OAAO;IACPC;EACJ,CAAC,GAAGb,KAAK;EAET,MAAMc,QAAQ,GAAGnB,WAAW,CACvBgB,KAAiC,IAAK;IACnC,IAAI,CAACX,KAAK,CAACc,QAAQ,EAAE;MACjB;IACJ;IAEA,IAAIH,KAAK,IAAI,CAACN,eAAe,EAAE;MAC3BL,KAAK,CAACc,QAAQ,CAAC;QAAEC,EAAE,EAAEJ,KAAK,CAACI,EAAE;QAAEC,GAAG,EAAEL,KAAK,CAACK;MAAI,CAAC,CAAC;MAChD;IACJ;IAEA,IAAIL,KAAK,IAAIN,eAAe,EAAE;MAC1BL,KAAK,CAACc,QAAQ,CAACH,KAAK,CAAC;MACrB;IACJ;IAEAX,KAAK,CAACc,QAAQ,CAAC,IAAI,CAAC;EACxB,CAAC,EACD,CAACd,KAAK,CAACc,QAAQ,CACnB,CAAC;EAED,oBACIpB,KAAA,CAAAuB,aAAA,CAACrB,WAAW;IACRkB,QAAQ,EAAEA,QAAS;IACnBb,MAAM,EAAEA,MAAO;IACfiB,MAAM,EAAE,CAACjB,MAAO;IAChBM,OAAO,EAAEA,OAAQ;IACjBY,MAAM,EAAEA,CAAC;MAAEC;IAAgB,CAAC,kBACxB1B,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAA2B,QAAA,qBACI3B,KAAA,CAAAuB,aAAA,CAACnB,UAAU;MACPQ,KAAK,EAAEA,KAAM;MACbH,WAAW,EAAEA,WAAY;MACzBO,UAAU,EAAEA,UAAW;MACvBR,SAAS,EAAEA,SAAU;MACrBE,QAAQ,EAAEA,QAAS;MACnBO,KAAK,EAAEA,KAAK,GAAGd,QAAQ,CAACyB,aAAa,CAACX,KAAK,CAACK,GAAG,CAAC,GAAG,IAAK;MACxDO,YAAY,EAAEH,eAAgB;MAC9BI,YAAY,EAAEA,CAAA,KAAMV,QAAQ,CAAC,IAAI,CAAE;MACnCN,iBAAiB,EAAEA,iBAAkB;MACrCC,aAAa,EAAEA,aAAc;MAC7BG,OAAO,EAAEA,OAAQ;MACjBC,IAAI,EAAEA;IAAK,CACd,CACH;EACJ,CACL,CAAC;AAEV,CAAC;AAED,eAAed,iBAAiB","ignoreList":[]}

package/components/SplitView/SplitView.d.ts

@@ -1,10 +1,13 @@
 import * as React from "react";
-import { CellProps } from "@webiny/ui/Grid";
-declare type SplitViewProps = {
-    children: React.ReactElement<any> | React.ReactElement<any>[];
-    className?: string;
-};
-declare const SplitView: (props: SplitViewProps) => JSX.Element;
-declare const LeftPanel: (props: CellProps) => JSX.Element;
-declare const RightPanel: (props: CellProps) => JSX.Element;
+import type { ColumnProps } from "@webiny/admin-ui";
+import type { PanelProps, PanelGroupProps } from "../ResizablePanels";
+interface SplitViewProps extends Omit<PanelGroupProps, "direction" | "id" | "autoSaveId"> {
+    layoutId?: string | null;
+}
+declare const SplitView: ({ children, className, layoutId, ...props }: SplitViewProps) => React.JSX.Element;
+interface SplitViewPanelProps extends Omit<PanelProps, "id"> {
+    span?: ColumnProps["span"];
+}
+declare const LeftPanel: ({ children, className, ...props }: SplitViewPanelProps) => React.JSX.Element;
+declare const RightPanel: ({ children, className, ...props }: SplitViewPanelProps) => React.JSX.Element;
 export { SplitView, LeftPanel, RightPanel };

package/components/SplitView/SplitView.js

@@ -1,76 +1,57 @@
-import _clone from "lodash/clone";
 import * as React from "react";
-import classSet from "classnames";
-import { Cell, Grid, GridInner } from "@webiny/ui/Grid";
-import { css } from "emotion";
-import styled from "@emotion/styled";
-import { getClasses } from "@webiny/ui/Helpers";
-var grid = /*#__PURE__*/css({
-  "&.mdc-layout-grid": {
-    padding: 0,
-    backgroundColor: "var(--mdc-theme-background)"
-  }
-}, "label:grid;");
-var gridInner = /*#__PURE__*/css({
-  "&.mdc-layout-grid__inner": {
-    gridGap: 0
-  }
-}, "label:gridInner;");
-var RightPanelWrapper = /*#__PURE__*/styled("div", {
-  target: "em0s1980",
-  label: "RightPanelWrapper"
-})({
-  backgroundColor: "var(--mdc-theme-background)",
-  overflow: "auto",
-  height: "calc(100vh - 70px)"
-});
-var leftPanel = /*#__PURE__*/css({
-  backgroundColor: "var(--mdc-theme-surface)",
-  ">.webiny-data-list": {
-    display: "flex",
-    flexDirection: "column",
-    height: "calc(100vh - 70px)",
-    ".mdc-list": {
-      overflow: "auto"
-    }
-  },
-  ">.mdc-list": {
-    display: "flex",
-    flexDirection: "column",
-    maxHeight: "calc(100vh - 70px)",
-    overflow: "auto"
-  }
-}, "label:leftPanel;");
-
-var SplitView = function SplitView(props) {
-  return /*#__PURE__*/React.createElement(Grid, {
-    className: classSet(grid, props.className, "webiny-split-view")
-  }, /*#__PURE__*/React.createElement(GridInner, {
-    className: gridInner + " webiny-split-view__inner"
-  }, props.children));
+import { cn, Separator } from "@webiny/admin-ui";
+import { Panel, PanelGroup, PanelResizeHandle } from "../ResizablePanels";
+const SplitView = ({
+  children,
+  className,
+  layoutId,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(PanelGroup, Object.assign({
+    direction: "horizontal",
+    id: "splitView",
+    autoSaveId: layoutId,
+    className: cn("webiny-split-view", className)
+  }, props), children);
 };
 
-var LeftPanel = function LeftPanel(props) {
-  var propList = _clone(props);
-
-  if (!propList.hasOwnProperty("span")) {
-    propList.span = 5;
-  }
-
-  return /*#__PURE__*/React.createElement(Cell, getClasses(propList, classSet(leftPanel, props.className, "webiny-split-view__left-panel")), propList.children);
+// Get the default size for the panel:
+const getDefaultSize = span => {
+  const spanValue = typeof span === "number" && span > 0 && span <= 12 ? span : 6;
+  return spanValue / 12 * 100;
 };
-
-var RightPanel = function RightPanel(props) {
-  var propList = _clone(props);
-
-  if (!propList.hasOwnProperty("span")) {
-    propList.span = 7;
-  }
-
-  return /*#__PURE__*/React.createElement(Cell, getClasses(propList, "webiny-split-view__right-panel"), /*#__PURE__*/React.createElement(RightPanelWrapper, {
-    className: "webiny-split-view__right-panel-wrapper",
-    id: "webiny-split-view-right-panel"
-  }, propList.children));
+const LeftPanel = ({
+  children,
+  className,
+  ...props
+}) => {
+  const defaultSize = props.defaultSize ?? getDefaultSize(props.span || 5);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Panel, Object.assign({
+    defaultSize: defaultSize,
+    minSize: 10,
+    id: "leftPanel",
+    className: cn("webiny-split-view__right-panel", className)
+  }, props), children), /*#__PURE__*/React.createElement(PanelResizeHandle, null, /*#__PURE__*/React.createElement(Separator, {
+    orientation: "vertical"
+  })));
+};
+const RightPanel = ({
+  children,
+  className,
+  ...props
+}) => {
+  const defaultSize = props.defaultSize ?? getDefaultSize(props.span || 7);
+  return /*#__PURE__*/React.createElement(Panel, Object.assign({
+    defaultSize: defaultSize,
+    minSize: 30,
+    id: "rightPanel",
+    className: cn("!wby-overflow-scroll webiny-split-view__right-panel", className)
+  }, props, {
+    style: {
+      overflowY: "scroll"
+    }
+  }), children);
 };
+export { SplitView, LeftPanel, RightPanel };
 
-export { SplitView, LeftPanel, RightPanel };
+//# sourceMappingURL=SplitView.js.map

package/components/SplitView/SplitView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","cn","Separator","Panel","PanelGroup","PanelResizeHandle","SplitView","children","className","layoutId","props","createElement","Object","assign","direction","id","autoSaveId","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\";\nimport { Panel, PanelGroup, PanelResizeHandle } from \"~/components/ResizablePanels\";\n\ninterface SplitViewProps extends Omit<PanelGroupProps, \"direction\" | \"id\" | \"autoSaveId\"> {\n    layoutId?: string | null;\n}\n\nconst SplitView = ({ children, className, layoutId, ...props }: SplitViewProps) => {\n    return (\n        <PanelGroup\n            direction=\"horizontal\"\n            id=\"splitView\"\n            autoSaveId={layoutId}\n            className={cn(\"webiny-split-view\", className)}\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\nconst 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>\n                <Separator orientation={\"vertical\"} />\n            </PanelResizeHandle>\n        </>\n    );\n};\n\nconst 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(\"!wby-overflow-scroll webiny-split-view__right-panel\", className)}\n            {...props}\n            style={{ overflowY: \"scroll\" }}\n        >\n            {children}\n        </Panel>\n    );\n};\n\nexport { SplitView, LeftPanel, RightPanel };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,EAAE,EAAEC,SAAS,QAAQ,kBAAkB;AAEhD,SAASC,KAAK,EAAEC,UAAU,EAAEC,iBAAiB;AAM7C,MAAMC,SAAS,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAsB,CAAC,KAAK;EAC/E,oBACIV,KAAA,CAAAW,aAAA,CAACP,UAAU,EAAAQ,MAAA,CAAAC,MAAA;IACPC,SAAS,EAAC,YAAY;IACtBC,EAAE,EAAC,WAAW;IACdC,UAAU,EAAEP,QAAS;IACrBD,SAAS,EAAEP,EAAE,CAAC,mBAAmB,EAAEO,SAAS;EAAE,GAC1CE,KAAK,GAERH,QACO,CAAC;AAErB,CAAC;;AAED;AACA,MAAMU,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,MAAMC,SAAS,GAAGA,CAAC;EAAEb,QAAQ;EAAEC,SAAS;EAAE,GAAGE;AAA2B,CAAC,KAAK;EAC1E,MAAMW,WAAW,GAAGX,KAAK,CAACW,WAAW,IAAIJ,cAAc,CAACP,KAAK,CAACQ,IAAI,IAAI,CAAC,CAAC;EAExE,oBACIlB,KAAA,CAAAW,aAAA,CAAAX,KAAA,CAAAsB,QAAA,qBACItB,KAAA,CAAAW,aAAA,CAACR,KAAK,EAAAS,MAAA,CAAAC,MAAA;IACFQ,WAAW,EAAEA,WAAY;IACzBE,OAAO,EAAE,EAAG;IACZR,EAAE,EAAC,WAAW;IACdP,SAAS,EAAEP,EAAE,CAAC,gCAAgC,EAAEO,SAAS;EAAE,GACvDE,KAAK,GAERH,QACE,CAAC,eACRP,KAAA,CAAAW,aAAA,CAACN,iBAAiB,qBACdL,KAAA,CAAAW,aAAA,CAACT,SAAS;IAACsB,WAAW,EAAE;EAAW,CAAE,CACtB,CACrB,CAAC;AAEX,CAAC;AAED,MAAMC,UAAU,GAAGA,CAAC;EAAElB,QAAQ;EAAEC,SAAS;EAAE,GAAGE;AAA2B,CAAC,KAAK;EAC3E,MAAMW,WAAW,GAAGX,KAAK,CAACW,WAAW,IAAIJ,cAAc,CAACP,KAAK,CAACQ,IAAI,IAAI,CAAC,CAAC;EAExE,oBACIlB,KAAA,CAAAW,aAAA,CAACR,KAAK,EAAAS,MAAA,CAAAC,MAAA;IACFQ,WAAW,EAAEA,WAAY;IACzBE,OAAO,EAAE,EAAG;IACZR,EAAE,EAAC,YAAY;IACfP,SAAS,EAAEP,EAAE,CAAC,qDAAqD,EAAEO,SAAS;EAAE,GAC5EE,KAAK;IACTgB,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAS;EAAE,IAE9BpB,QACE,CAAC;AAEhB,CAAC;AAED,SAASD,SAAS,EAAEc,SAAS,EAAEK,UAAU","ignoreList":[]}

package/components/SplitView/index.js

@@ -1 +1,3 @@
-export { SplitView, LeftPanel, RightPanel } from "./SplitView";
+export { SplitView, LeftPanel, RightPanel } from "./SplitView";
+
+//# sourceMappingURL=index.js.map

package/components/SplitView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SplitView","LeftPanel","RightPanel"],"sources":["index.ts"],"sourcesContent":["export { SplitView, LeftPanel, RightPanel } from \"./SplitView\";\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 "./";
+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\";\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/Wcp.d.ts

@@ -0,0 +1,13 @@
+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;
+export declare const Wcp: {
+    CanUseTeams: typeof CanUseTeams;
+    CanUsePrivateFiles: typeof CanUsePrivateFiles;
+    CanUseFileManagerThreatDetection: typeof CanUseFileManagerThreatDetection;
+};
+export {};

package/components/Wcp.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { useWcp } from "@webiny/app-wcp";
+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;
+}
+export const Wcp = {
+  CanUseTeams,
+  CanUsePrivateFiles,
+  CanUseFileManagerThreatDetection
+};
+
+//# 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","Wcp"],"sources":["Wcp.tsx"],"sourcesContent":["import React from \"react\";\nimport { useWcp } from \"@webiny/app-wcp\";\n\ninterface ChildrenProps {\n    children: React.ReactNode;\n}\n\nfunction CanUseTeams({ children }: ChildrenProps) {\n    const wcp = useWcp();\n\n    return wcp.canUseTeams() ? <>{children}</> : null;\n}\n\nfunction CanUsePrivateFiles({ children }: ChildrenProps) {\n    const wcp = useWcp();\n\n    return wcp.canUsePrivateFiles() ? <>{children}</> : null;\n}\n\nfunction CanUseFileManagerThreatDetection({ children }: ChildrenProps) {\n    const wcp = useWcp();\n\n    return wcp.canUseFileManagerThreatDetection() ? <>{children}</> : null;\n}\n\nexport const Wcp = {\n    CanUseTeams,\n    CanUsePrivateFiles,\n    CanUseFileManagerThreatDetection\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,iBAAiB;AAMxC,SAASC,WAAWA,CAAC;EAAEC;AAAwB,CAAC,EAAE;EAC9C,MAAMC,GAAG,GAAGH,MAAM,CAAC,CAAC;EAEpB,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;EAEpB,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;EAEpB,OAAOG,GAAG,CAACO,gCAAgC,CAAC,CAAC,gBAAGX,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAO,QAAA,QAAGJ,QAAW,CAAC,GAAG,IAAI;AAC1E;AAEA,OAAO,MAAMS,GAAG,GAAG;EACfV,WAAW;EACXM,kBAAkB;EAClBE;AACJ,CAAC","ignoreList":[]}

package/components/index.d.ts

@@ -1 +1,3 @@
-export { FileManager } from "./FileManager";
+export { FileManager } from "../base/ui/FileManager";
+export { FloatingPanel } from "./FloatingPanel";
+export { StateInspector } from "./StateInspector";

package/components/index.js

@@ -1 +1,5 @@
-export { FileManager } from "./FileManager";
+export { FileManager } from "../base/ui/FileManager";
+export { FloatingPanel } from "./FloatingPanel";
+export { StateInspector } from "./StateInspector";
+
+//# sourceMappingURL=index.js.map

package/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FileManager","FloatingPanel","StateInspector"],"sources":["index.ts"],"sourcesContent":["export { FileManager } from \"~/base/ui/FileManager\";\nexport { FloatingPanel } from \"~/components/FloatingPanel\";\nexport { StateInspector } from \"~/components/StateInspector\";\n"],"mappings":"AAAA,SAASA,WAAW;AACpB,SAASC,aAAa;AACtB,SAASC,cAAc","ignoreList":[]}

package/config/AdminConfig/Menu/MenuGroup.d.ts

@@ -0,0 +1,62 @@
+import React from "react";
+import { type SidebarMenuItemGroupProps } from "@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem";
+export declare const DecoratableMenuGroup: ((props: SidebarMenuItemGroupProps) => React.JSX.Element) & {
+    original: (props: SidebarMenuItemGroupProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: SidebarMenuItemGroupProps) => React.JSX.Element) & {
+        original: (props: SidebarMenuItemGroupProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("../../../index").ComponentDecorator<((props: SidebarMenuItemGroupProps) => React.JSX.Element) & {
+        original: (props: SidebarMenuItemGroupProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};
+declare const MenuGroup: ((props: SidebarMenuItemGroupProps) => React.JSX.Element) & {
+    original: (props: SidebarMenuItemGroupProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: SidebarMenuItemGroupProps) => React.JSX.Element) & {
+        original: (props: SidebarMenuItemGroupProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("../../../index").ComponentDecorator<((props: SidebarMenuItemGroupProps) => React.JSX.Element) & {
+        original: (props: SidebarMenuItemGroupProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    Action: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemAction").SidebarMenuItemActionProps) => React.JSX.Element;
+    Icon: (({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+        original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+            original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("../../../index").ComponentDecorator<(({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+            original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+};
+export { MenuGroup };

package/config/AdminConfig/Menu/MenuGroup.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { makeDecoratable } from "../../..";
+import { Sidebar } from "@webiny/admin-ui";
+const MenuGroupBase = props => {
+  return /*#__PURE__*/React.createElement(Sidebar.Group, props);
+};
+export const DecoratableMenuGroup = makeDecoratable("MenuGroup", MenuGroupBase);
+const MenuGroup = Object.assign(DecoratableMenuGroup, {
+  Action: Sidebar.Item.Action,
+  Icon: Sidebar.Item.Icon
+});
+export { MenuGroup };
+
+//# sourceMappingURL=MenuGroup.js.map

package/config/AdminConfig/Menu/MenuGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","Sidebar","MenuGroupBase","props","createElement","Group","DecoratableMenuGroup","MenuGroup","Object","assign","Action","Item","Icon"],"sources":["MenuGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/index\";\nimport { Sidebar } from \"@webiny/admin-ui\";\nimport { type SidebarMenuItemGroupProps } from \"@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem\";\n\nconst MenuGroupBase = (props: SidebarMenuItemGroupProps) => {\n    return <Sidebar.Group {...props} />;\n};\n\nexport const DecoratableMenuGroup = makeDecoratable(\"MenuGroup\", MenuGroupBase);\n\nconst MenuGroup = Object.assign(DecoratableMenuGroup, {\n    Action: Sidebar.Item.Action,\n    Icon: Sidebar.Item.Icon\n});\n\nexport { MenuGroup };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AACxB,SAASC,OAAO,QAAQ,kBAAkB;AAG1C,MAAMC,aAAa,GAAIC,KAAgC,IAAK;EACxD,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,OAAO,CAACI,KAAK,EAAKF,KAAQ,CAAC;AACvC,CAAC;AAED,OAAO,MAAMG,oBAAoB,GAAGN,eAAe,CAAC,WAAW,EAAEE,aAAa,CAAC;AAE/E,MAAMK,SAAS,GAAGC,MAAM,CAACC,MAAM,CAACH,oBAAoB,EAAE;EAClDI,MAAM,EAAET,OAAO,CAACU,IAAI,CAACD,MAAM;EAC3BE,IAAI,EAAEX,OAAO,CAACU,IAAI,CAACC;AACvB,CAAC,CAAC;AAEF,SAASL,SAAS","ignoreList":[]}

package/config/AdminConfig/Menu/MenuItem.d.ts

@@ -0,0 +1,43 @@
+import React from "react";
+import { type SidebarMenuItemButtonProps } from "@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem";
+declare const MenuItem: ((props: SidebarMenuItemButtonProps) => React.JSX.Element) & {
+    original: (props: SidebarMenuItemButtonProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: ((props: SidebarMenuItemButtonProps) => React.JSX.Element) & {
+        original: (props: SidebarMenuItemButtonProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("../../../index").ComponentDecorator<((props: SidebarMenuItemButtonProps) => React.JSX.Element) & {
+        original: (props: SidebarMenuItemButtonProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    Action: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemAction").SidebarMenuItemActionProps) => React.JSX.Element;
+    Icon: (({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+        original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+            original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("../../../index").ComponentDecorator<(({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element) & {
+            original: ({ element, ...props }: import("@webiny/admin-ui/Sidebar/components/items/SidebarMenuItemIcon").SidebarMenuItemIconProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+};
+export { MenuItem };

package/config/AdminConfig/Menu/MenuItem.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { makeDecoratable } from "../../..";
+import { Sidebar } from "@webiny/admin-ui";
+const MenuLinkBase = props => {
+  return /*#__PURE__*/React.createElement(Sidebar.Item, props);
+};
+const DecoratableMenuItem = makeDecoratable("MenuItem", MenuLinkBase);
+const MenuItem = Object.assign(DecoratableMenuItem, {
+  Action: Sidebar.Item.Action,
+  Icon: Sidebar.Item.Icon
+});
+export { MenuItem };
+
+//# sourceMappingURL=MenuItem.js.map

package/config/AdminConfig/Menu/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","makeDecoratable","Sidebar","MenuLinkBase","props","createElement","Item","DecoratableMenuItem","MenuItem","Object","assign","Action","Icon"],"sources":["MenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"~/index\";\nimport { Sidebar } from \"@webiny/admin-ui\";\nimport { type SidebarMenuItemButtonProps } from \"@webiny/admin-ui/Sidebar/components/items/SidebarMenuItem\";\n\nconst MenuLinkBase = (props: SidebarMenuItemButtonProps) => {\n    return <Sidebar.Item {...props} />;\n};\n\nconst DecoratableMenuItem = makeDecoratable(\"MenuItem\", MenuLinkBase);\n\nconst MenuItem = Object.assign(DecoratableMenuItem, {\n    Action: Sidebar.Item.Action,\n    Icon: Sidebar.Item.Icon\n});\n\nexport { MenuItem };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AACxB,SAASC,OAAO,QAAQ,kBAAkB;AAG1C,MAAMC,YAAY,GAAIC,KAAiC,IAAK;EACxD,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,OAAO,CAACI,IAAI,EAAKF,KAAQ,CAAC;AACtC,CAAC;AAED,MAAMG,mBAAmB,GAAGN,eAAe,CAAC,UAAU,EAAEE,YAAY,CAAC;AAErE,MAAMK,QAAQ,GAAGC,MAAM,CAACC,MAAM,CAACH,mBAAmB,EAAE;EAChDI,MAAM,EAAET,OAAO,CAACI,IAAI,CAACK,MAAM;EAC3BC,IAAI,EAAEV,OAAO,CAACI,IAAI,CAACM;AACvB,CAAC,CAAC;AAEF,SAASJ,QAAQ","ignoreList":[]}