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

package/ui/views/SplitView.js.map

@@ -1 +1 @@
-{"version":3,"names":["grid","css","padding","backgroundColor","gridGap","leftPanel","display","flexDirection","height","overflow","maxHeight","rightPanel","SplitView","id","config","Set","useGrid","addClassName","addElements","getLeftPanel","addElement","getRightPanel","className","_classNames","add","delete","getElement","props","classNames","Array","from","values","_leftPanel","SplitViewPanelElement","setWidth","_rightPanel","moveAfter","UIView"],"sources":["SplitView.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { css } from \"emotion\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { SplitViewPanelElement } from \"./SplitView/SplitViewPanelElement\";\nimport { UIView } from \"../UIView\";\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 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\nconst rightPanel = css({\n    backgroundColor: \"var(--mdc-theme-background)\",\n    overflow: \"auto\",\n    height: \"calc(100vh - 70px)\"\n});\n\ninterface SplitViewConfig {\n    leftPanel?: UIElement;\n    rightPanel?: UIElement;\n}\n\nexport class SplitView extends UIView {\n    private _classNames = new Set<string>();\n    private _leftPanel?: SplitViewPanelElement;\n    private _rightPanel?: SplitViewPanelElement;\n\n    public constructor(id: string, config: SplitViewConfig = {}) {\n        super(`SplitView.${id}`);\n\n        this.useGrid(false);\n        this.addClassName(grid);\n        this.addClassName(\"webiny-split-view\");\n        this.addElements();\n\n        if (config.leftPanel) {\n            this.getLeftPanel().addElement(config.leftPanel);\n        }\n\n        if (config.rightPanel) {\n            this.getRightPanel().addElement(config.rightPanel);\n        }\n    }\n\n    public addClassName(className: string): void {\n        this._classNames.add(className);\n    }\n\n    public removeClassName(className: string): void {\n        this._classNames.delete(className);\n    }\n\n    public getLeftPanel(): SplitViewPanelElement {\n        return this.getElement(\"leftPanel\") as SplitViewPanelElement;\n    }\n\n    public getRightPanel(): SplitViewPanelElement {\n        return this.getElement(\"rightPanel\") as SplitViewPanelElement;\n    }\n\n    public override render(props?: any): React.ReactNode {\n        return (\n            <Grid className={classNames(Array.from(this._classNames.values()))}>\n                {super.render(props)}\n            </Grid>\n        );\n    }\n\n    private addElements(): void {\n        this._leftPanel = new SplitViewPanelElement(\"leftPanel\");\n        this._leftPanel.useGrid(false);\n        this._leftPanel.setWidth(5);\n        this._leftPanel.addClassName(leftPanel);\n        this._leftPanel.addClassName(\"webiny-split-view__left-panel\");\n\n        this._rightPanel = new SplitViewPanelElement(\"rightPanel\");\n        this._rightPanel.useGrid(false);\n        this._rightPanel.setWidth(7);\n        this._rightPanel.addClassName(rightPanel);\n        this._rightPanel.addClassName(\"webiny-split-view__right-panel\");\n\n        this.addElement(this._leftPanel);\n        this._rightPanel.moveAfter(this._leftPanel);\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","classNames","css","Grid","SplitViewPanelElement","UIView","grid","padding","backgroundColor","gridGap","leftPanel","display","flexDirection","height","overflow","maxHeight","rightPanel","SplitView","_classNames","Set","constructor","id","config","useGrid","addClassName","addElements","getLeftPanel","addElement","getRightPanel","className","add","removeClassName","delete","getElement","render","props","createElement","Array","from","values","_leftPanel","setWidth","_rightPanel","moveAfter"],"sources":["SplitView.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { css } from \"emotion\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport type { UIElement } from \"~/ui/UIElement\";\nimport { SplitViewPanelElement } from \"./SplitView/SplitViewPanelElement\";\nimport { UIView } from \"../UIView\";\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 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-deprecated-list\": {\n            overflow: \"auto\"\n        }\n    },\n    \">.mdc-deprecated-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        maxHeight: \"calc(100vh - 70px)\",\n        overflow: \"auto\"\n    }\n});\n\nconst rightPanel = css({\n    backgroundColor: \"var(--mdc-theme-background)\",\n    overflow: \"auto\",\n    height: \"calc(100vh - 70px)\"\n});\n\ninterface SplitViewConfig {\n    leftPanel?: UIElement;\n    rightPanel?: UIElement;\n}\n\nexport class SplitView extends UIView {\n    private _classNames = new Set<string>();\n    private _leftPanel?: SplitViewPanelElement;\n    private _rightPanel?: SplitViewPanelElement;\n\n    public constructor(id: string, config: SplitViewConfig = {}) {\n        super(`SplitView.${id}`);\n\n        this.useGrid(false);\n        this.addClassName(grid);\n        this.addClassName(\"webiny-split-view\");\n        this.addElements();\n\n        if (config.leftPanel) {\n            this.getLeftPanel().addElement(config.leftPanel);\n        }\n\n        if (config.rightPanel) {\n            this.getRightPanel().addElement(config.rightPanel);\n        }\n    }\n\n    public addClassName(className: string): void {\n        this._classNames.add(className);\n    }\n\n    public removeClassName(className: string): void {\n        this._classNames.delete(className);\n    }\n\n    public getLeftPanel(): SplitViewPanelElement {\n        return this.getElement(\"leftPanel\") as SplitViewPanelElement;\n    }\n\n    public getRightPanel(): SplitViewPanelElement {\n        return this.getElement(\"rightPanel\") as SplitViewPanelElement;\n    }\n\n    public override render(props?: any): React.ReactNode {\n        return (\n            <Grid className={classNames(Array.from(this._classNames.values()))}>\n                {super.render(props)}\n            </Grid>\n        );\n    }\n\n    private addElements(): void {\n        this._leftPanel = new SplitViewPanelElement(\"leftPanel\");\n        this._leftPanel.useGrid(false);\n        this._leftPanel.setWidth(5);\n        this._leftPanel.addClassName(leftPanel);\n        this._leftPanel.addClassName(\"webiny-split-view__left-panel\");\n\n        this._rightPanel = new SplitViewPanelElement(\"rightPanel\");\n        this._rightPanel.useGrid(false);\n        this._rightPanel.setWidth(7);\n        this._rightPanel.addClassName(rightPanel);\n        this._rightPanel.addClassName(\"webiny-split-view__right-panel\");\n\n        this.addElement(this._leftPanel);\n        this._rightPanel.moveAfter(this._leftPanel);\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/base/ui/Menu.d.ts

@@ -1,31 +0,0 @@
-import React from "react";
-export interface MenuUpdater {
-    (menuItem: MenuData | undefined | null): MenuData | undefined;
-}
-export interface MenuContext {
-    menuItem: MenuData | null;
-    setMenu(id: string, updater: MenuUpdater): void;
-    removeMenu(id: string): void;
-}
-export interface MenuProps {
-    name: string;
-    label?: string;
-    path?: string;
-    icon?: JSX.Element;
-    onClick?: () => void;
-    testId?: string;
-    tags?: string[];
-    target?: string;
-    rel?: string;
-    element?: JSX.Element;
-    children?: React.ReactNode | React.ReactNode[];
-    pin?: "first" | "last";
-}
-export interface MenuData extends MenuProps {
-    children: MenuData[];
-}
-export declare const createEmptyMenu: (name: string) => MenuData;
-/**
- * Register a new menu item into the Admin app.
- */
-export declare const AddMenu: React.FC<MenuProps>;

package/base/ui/Menu.js

@@ -1,137 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createEmptyMenu = exports.AddMenu = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
-var _ = require("../..");
-var _excluded = ["children"];
-var MenuContext = /*#__PURE__*/(0, _react.createContext)(undefined);
-MenuContext.displayName = "MenuContext";
-var useMenu = function useMenu() {
-  return (0, _react.useContext)(MenuContext);
-};
-var createEmptyMenu = function createEmptyMenu(name) {
-  return {
-    name: name,
-    tags: [],
-    children: []
-  };
-};
-exports.createEmptyMenu = createEmptyMenu;
-var keys = ["label", "path", "icon", "onClick", "testId", "tags", "target", "rel", "element", "pin"];
-var mergeMenuItems = function mergeMenuItems(item1, item2) {
-  return (0, _objectSpread3.default)((0, _objectSpread3.default)((0, _objectSpread3.default)({}, item1), keys.reduce(function (map, key) {
-    var _item2$key;
-    return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, map), {}, (0, _defineProperty2.default)({}, key, (_item2$key = item2[key]) !== null && _item2$key !== void 0 ? _item2$key : item1[key]));
-  }, {})), {}, {
-    children: (item2.children || []).reduce(function (acc, menu) {
-      var index = acc.findIndex(function (i) {
-        return i.name === menu.name;
-      });
-      if (index > -1) {
-        acc[index] = mergeMenuItems(acc[index], menu);
-      } else {
-        acc.push(menu);
-      }
-      return acc;
-    }, (0, _toConsumableArray2.default)(item1.children))
-  });
-};
-
-/**
- * Register a new menu item into the Admin app.
- */
-var AddMenu = function AddMenu(_ref) {
-  var children = _ref.children,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var menu = useMenu();
-  var navigation = (0, _.useNavigation)();
-  (0, _react.useEffect)(function () {
-    if (menu) {
-      menu.setMenu(props.name, function (existing) {
-        if (!existing) {
-          return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, props), {}, {
-            children: []
-          });
-        }
-        return mergeMenuItems(existing, props);
-      });
-    } else {
-      navigation.setMenu(props.name, function (existing) {
-        /**
-         * We return props because this will break otherwise.
-         * TODO @pavel check if this is correct
-         */
-        if (!existing) {
-          return props;
-        }
-        return mergeMenuItems(existing, props);
-      });
-    }
-    return function () {
-      if (menu) {
-        menu.removeMenu(props.name);
-      } else {
-        navigation.removeMenu(props.name);
-      }
-    };
-  }, []);
-  var context = {
-    menuItem: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, props), {}, {
-      children: []
-    }),
-    removeMenu: function removeMenu(name) {
-      (menu || navigation).setMenu(props.name, function (existing) {
-        if (!existing) {
-          return undefined;
-        }
-        var childIndex = existing.children.findIndex(function (ch) {
-          return ch.name === name;
-        });
-        if (childIndex > -1) {
-          return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, existing), {}, {
-            children: [].concat((0, _toConsumableArray2.default)(existing.children.slice(0, childIndex)), (0, _toConsumableArray2.default)(existing.children.slice(childIndex + 1)))
-          });
-        }
-        return existing;
-      });
-    },
-    setMenu: function setMenu(name, updater) {
-      (menu || navigation).setMenu(props.name, function (existing) {
-        if (!existing) {
-          existing = createEmptyMenu(props.name);
-        }
-        var subItems = existing.children;
-        var childIndex = subItems.findIndex(function (ch) {
-          return ch.name === name;
-        });
-        if (childIndex === -1) {
-          return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, existing), {}, {
-            children: [].concat((0, _toConsumableArray2.default)(subItems), [updater(null)]).filter(Boolean)
-          });
-        }
-        return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, existing), {}, {
-          children: [].concat((0, _toConsumableArray2.default)(subItems.slice(0, childIndex)), [updater(subItems[childIndex])], (0, _toConsumableArray2.default)(subItems.slice(childIndex + 1))).filter(Boolean)
-        });
-      });
-    }
-  };
-  if (!children) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(MenuContext.Provider, {
-    value: context
-  }, children);
-};
-exports.AddMenu = AddMenu;
-AddMenu.defaultProps = {
-  tags: []
-};

package/base/ui/Menu.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["MenuContext","createContext","undefined","displayName","useMenu","useContext","createEmptyMenu","name","tags","children","keys","mergeMenuItems","item1","item2","reduce","map","key","acc","menu","index","findIndex","i","push","AddMenu","props","navigation","useNavigation","useEffect","setMenu","existing","removeMenu","context","menuItem","childIndex","ch","slice","updater","subItems","filter","Boolean","defaultProps"],"sources":["Menu.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect } from \"react\";\nimport { useNavigation } from \"~/index\";\n\nexport interface MenuUpdater {\n    (menuItem: MenuData | undefined | null): MenuData | undefined;\n}\n\nexport interface MenuContext {\n    menuItem: MenuData | null;\n    setMenu(id: string, updater: MenuUpdater): void;\n    removeMenu(id: string): void;\n}\n\nconst MenuContext = createContext<MenuContext | undefined>(undefined);\nMenuContext.displayName = \"MenuContext\";\n\nconst useMenu = () => {\n    return useContext(MenuContext);\n};\n\nexport interface MenuProps {\n    name: string;\n    label?: string;\n    path?: string;\n    icon?: JSX.Element;\n    onClick?: () => void;\n    testId?: string;\n    tags?: string[];\n    target?: string;\n    rel?: string;\n    element?: JSX.Element;\n    children?: React.ReactNode | React.ReactNode[];\n    pin?: \"first\" | \"last\";\n}\n\nexport interface MenuData extends MenuProps {\n    children: MenuData[];\n}\n\nexport const createEmptyMenu = (name: string): MenuData => {\n    return {\n        name,\n        tags: [],\n        children: []\n    };\n};\n\nconst keys: (keyof MenuData)[] = [\n    \"label\",\n    \"path\",\n    \"icon\",\n    \"onClick\",\n    \"testId\",\n    \"tags\",\n    \"target\",\n    \"rel\",\n    \"element\",\n    \"pin\"\n];\n\nconst mergeMenuItems = (item1: MenuData, item2: MenuData): MenuData => {\n    return {\n        ...item1,\n        ...keys.reduce((map, key) => ({ ...map, [key]: item2[key] ?? item1[key] }), {}),\n        children: (item2.children || []).reduce(\n            (acc, menu) => {\n                const index = acc.findIndex(i => i.name === menu.name);\n                if (index > -1) {\n                    acc[index] = mergeMenuItems(acc[index], menu);\n                } else {\n                    acc.push(menu);\n                }\n                return acc;\n            },\n            [...item1.children]\n        )\n    };\n};\n\n/**\n * Register a new menu item into the Admin app.\n */\nexport const AddMenu: React.FC<MenuProps> = ({ children, ...props }) => {\n    const menu = useMenu();\n    const navigation = useNavigation();\n\n    useEffect(() => {\n        if (menu) {\n            menu.setMenu(props.name, existing => {\n                if (!existing) {\n                    return { ...props, children: [] } as MenuData;\n                }\n\n                return mergeMenuItems(existing, props as MenuData);\n            });\n        } else {\n            navigation.setMenu(props.name, existing => {\n                /**\n                 * We return props because this will break otherwise.\n                 * TODO @pavel check if this is correct\n                 */\n                if (!existing) {\n                    return props as MenuData;\n                }\n                return mergeMenuItems(existing, props as MenuData);\n            });\n        }\n\n        return () => {\n            if (menu) {\n                menu.removeMenu(props.name);\n            } else {\n                navigation.removeMenu(props.name);\n            }\n        };\n    }, []);\n\n    const context: MenuContext = {\n        menuItem: { ...props, children: [] },\n        removeMenu(name) {\n            (menu || navigation).setMenu(props.name, existing => {\n                if (!existing) {\n                    return undefined;\n                }\n\n                const childIndex = existing.children.findIndex(ch => ch.name === name);\n                if (childIndex > -1) {\n                    return {\n                        ...existing,\n                        children: [\n                            ...existing.children.slice(0, childIndex),\n                            ...existing.children.slice(childIndex + 1)\n                        ]\n                    };\n                }\n\n                return existing;\n            });\n        },\n        setMenu(name: string, updater: MenuUpdater) {\n            (menu || navigation).setMenu(props.name, existing => {\n                if (!existing) {\n                    existing = createEmptyMenu(props.name);\n                }\n\n                const subItems = existing.children;\n\n                const childIndex = subItems.findIndex(ch => ch.name === name);\n                if (childIndex === -1) {\n                    return {\n                        ...existing,\n                        children: [...subItems, updater(null)].filter(Boolean) as MenuData[]\n                    };\n                }\n\n                return {\n                    ...existing,\n                    children: [\n                        ...subItems.slice(0, childIndex),\n                        updater(subItems[childIndex]),\n                        ...subItems.slice(childIndex + 1)\n                    ].filter(Boolean) as MenuData[]\n                };\n            });\n        }\n    };\n\n    if (!children) {\n        return null;\n    }\n\n    return <MenuContext.Provider value={context}>{children}</MenuContext.Provider>;\n};\n\nAddMenu.defaultProps = { tags: [] };\n"],"mappings":"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"}

package/base/ui/Search.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-export interface SearchOptionData {
-    route: string;
-    label: string;
-    search?: {
-        operator?: "and" | "or";
-        fields?: Array<string>;
-    };
-}
-export interface SearchContext {
-    options: SearchOptionData[];
-    addOption(option: SearchOptionData): void;
-}
-export declare function useSearch(): SearchContext;
-export declare const SearchProvider: (Component: React.FC) => React.FC;
-export declare const Search: import("@webiny/app").ComposableFC<unknown>;
-export declare const SearchRenderer: import("@webiny/app").ComposableFC<unknown>;
-export declare type SearchOptionProps = SearchOptionData;
-export declare const SearchOption: React.FC<SearchOptionProps>;

package/base/ui/Search.js

@@ -1,63 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SearchRenderer = exports.SearchProvider = exports.SearchOption = exports.Search = void 0;
-exports.useSearch = useSearch;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _app = require("@webiny/app");
-var _excluded = ["children"];
-var SearchContext = /*#__PURE__*/_react.default.createContext({
-  options: [],
-  addOption: function addOption() {
-    return void 0;
-  }
-});
-SearchContext.displayName = "SearchContext";
-function useSearch() {
-  return _react.default.useContext(SearchContext);
-}
-var SearchProvider = function SearchProvider(Component) {
-  return function SearchProvider(_ref) {
-    var children = _ref.children,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-    var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      options = _useState2[0],
-      setOptions = _useState2[1];
-    var addOption = (0, _react.useCallback)(function (option) {
-      return setOptions(function (options) {
-        return [].concat((0, _toConsumableArray2.default)(options), [option]);
-      });
-    }, [setOptions]);
-    var context = {
-      options: options,
-      addOption: addOption
-    };
-    return /*#__PURE__*/_react.default.createElement(SearchContext.Provider, {
-      value: context
-    }, /*#__PURE__*/_react.default.createElement(Component, props, children));
-  };
-};
-exports.SearchProvider = SearchProvider;
-var Search = (0, _app.makeComposable)("Search", function () {
-  return /*#__PURE__*/_react.default.createElement(SearchRenderer, null);
-});
-exports.Search = Search;
-var SearchRenderer = (0, _app.makeComposable)("SearchRenderer");
-exports.SearchRenderer = SearchRenderer;
-var SearchOption = function SearchOption(props) {
-  var _useSearch = useSearch(),
-    addOption = _useSearch.addOption;
-  (0, _react.useEffect)(function () {
-    addOption(props);
-  }, []);
-  return null;
-};
-exports.SearchOption = SearchOption;

package/base/ui/Search.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SearchContext","React","createContext","options","addOption","displayName","useSearch","useContext","SearchProvider","Component","children","props","useState","setOptions","useCallback","option","context","Search","makeComposable","SearchRenderer","SearchOption","useEffect"],"sources":["Search.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { makeComposable } from \"@webiny/app\";\n\nexport interface SearchOptionData {\n    route: string;\n    label: string;\n    search?: {\n        operator?: \"and\" | \"or\";\n        fields?: Array<string>;\n    };\n}\n\nexport interface SearchContext {\n    options: SearchOptionData[];\n    addOption(option: SearchOptionData): void;\n}\n\nconst SearchContext = React.createContext<SearchContext>({\n    options: [],\n    addOption: () => {\n        return void 0;\n    }\n});\nSearchContext.displayName = \"SearchContext\";\n\nexport function useSearch() {\n    return React.useContext(SearchContext);\n}\n\nexport const SearchProvider = (Component: React.FC): React.FC => {\n    return function SearchProvider({ children, ...props }) {\n        const [options, setOptions] = useState<SearchOptionData[]>([]);\n\n        const addOption = useCallback<SearchContext[\"addOption\"]>(\n            option => setOptions(options => [...options, option]),\n            [setOptions]\n        );\n\n        const context = {\n            options,\n            addOption\n        };\n\n        return (\n            <SearchContext.Provider value={context}>\n                <Component {...props}>{children}</Component>\n            </SearchContext.Provider>\n        );\n    };\n};\n\nexport const Search = makeComposable(\"Search\", () => {\n    return <SearchRenderer />;\n});\n\nexport const SearchRenderer = makeComposable(\"SearchRenderer\");\n\nexport type SearchOptionProps = SearchOptionData;\n\nexport const SearchOption: React.FC<SearchOptionProps> = props => {\n    const { addOption } = useSearch();\n\n    useEffect(() => {\n        addOption(props);\n    }, []);\n\n    return null;\n};\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AAA6C;AAgB7C,IAAMA,aAAa,gBAAGC,cAAK,CAACC,aAAa,CAAgB;EACrDC,OAAO,EAAE,EAAE;EACXC,SAAS,EAAE,qBAAM;IACb,OAAO,KAAK,CAAC;EACjB;AACJ,CAAC,CAAC;AACFJ,aAAa,CAACK,WAAW,GAAG,eAAe;AAEpC,SAASC,SAAS,GAAG;EACxB,OAAOL,cAAK,CAACM,UAAU,CAACP,aAAa,CAAC;AAC1C;AAEO,IAAMQ,cAAc,GAAG,SAAjBA,cAAc,CAAIC,SAAmB,EAAe;EAC7D,OAAO,SAASD,cAAc,OAAyB;IAAA,IAAtBE,QAAQ,QAARA,QAAQ;MAAKC,KAAK;IAC/C,gBAA8B,IAAAC,eAAQ,EAAqB,EAAE,CAAC;MAAA;MAAvDT,OAAO;MAAEU,UAAU;IAE1B,IAAMT,SAAS,GAAG,IAAAU,kBAAW,EACzB,UAAAC,MAAM;MAAA,OAAIF,UAAU,CAAC,UAAAV,OAAO;QAAA,kDAAQA,OAAO,IAAEY,MAAM;MAAA,CAAC,CAAC;IAAA,GACrD,CAACF,UAAU,CAAC,CACf;IAED,IAAMG,OAAO,GAAG;MACZb,OAAO,EAAPA,OAAO;MACPC,SAAS,EAATA;IACJ,CAAC;IAED,oBACI,6BAAC,aAAa,CAAC,QAAQ;MAAC,KAAK,EAAEY;IAAQ,gBACnC,6BAAC,SAAS,EAAKL,KAAK,EAAGD,QAAQ,CAAa,CACvB;EAEjC,CAAC;AACL,CAAC;AAAC;AAEK,IAAMO,MAAM,GAAG,IAAAC,mBAAc,EAAC,QAAQ,EAAE,YAAM;EACjD,oBAAO,6BAAC,cAAc,OAAG;AAC7B,CAAC,CAAC;AAAC;AAEI,IAAMC,cAAc,GAAG,IAAAD,mBAAc,EAAC,gBAAgB,CAAC;AAAC;AAIxD,IAAME,YAAyC,GAAG,SAA5CA,YAAyC,CAAGT,KAAK,EAAI;EAC9D,iBAAsBL,SAAS,EAAE;IAAzBF,SAAS,cAATA,SAAS;EAEjB,IAAAiB,gBAAS,EAAC,YAAM;IACZjB,SAAS,CAACO,KAAK,CAAC;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC;AAAC"}

package/components/FileManager/BottomInfoBar/SupportedFileTypes.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export interface SupportedFileTypesProps {
-    accept: string[];
-}
-declare const SupportedFileTypes: React.FC<SupportedFileTypesProps>;
-export default SupportedFileTypes;

package/components/FileManager/BottomInfoBar/SupportedFileTypes.js

@@ -1,41 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _lite = _interopRequireDefault(require("mime/lite"));
-_lite.default.define({
-  "image/x-icon": ["ico"]
-}, true);
-_lite.default.define({
-  "image/jpg": ["jpg"]
-}, true);
-_lite.default.define({
-  "image/vnd.microsoft.icon": ["ico"]
-}, true);
-var getUniqueFilePlugins = function getUniqueFilePlugins(accept) {
-  var exts = {};
-  accept.forEach(function (item) {
-    var ext = _lite.default.getExtension(item);
-    if (!ext) {
-      return;
-    }
-    exts[ext] = true;
-  });
-  return Object.keys(exts);
-};
-var SupportedFileTypes = function SupportedFileTypes(_ref) {
-  var accept = _ref.accept;
-  if (!accept) {
-    return null;
-  }
-  if (accept.length === 0) {
-    return /*#__PURE__*/_react.default.createElement("span", null, "Showing all file extensions.");
-  }
-  return /*#__PURE__*/_react.default.createElement("span", null, "Showing the following file extensions: ", getUniqueFilePlugins(accept).join(", "), ".");
-};
-var _default = SupportedFileTypes;
-exports.default = _default;

package/components/FileManager/BottomInfoBar/SupportedFileTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["mime","define","getUniqueFilePlugins","accept","exts","forEach","item","ext","getExtension","Object","keys","SupportedFileTypes","length","join"],"sources":["SupportedFileTypes.tsx"],"sourcesContent":["import React from \"react\";\nimport mime from \"mime/lite\";\n\nmime.define({ \"image/x-icon\": [\"ico\"] }, true);\nmime.define({ \"image/jpg\": [\"jpg\"] }, true);\nmime.define({ \"image/vnd.microsoft.icon\": [\"ico\"] }, true);\n\nconst getUniqueFilePlugins = (accept: string[]): string[] => {\n    const exts: Record<string, boolean> = {};\n    accept.forEach(item => {\n        const ext = mime.getExtension(item);\n        if (!ext) {\n            return;\n        }\n        exts[ext] = true;\n    });\n\n    return Object.keys(exts);\n};\n\nexport interface SupportedFileTypesProps {\n    accept: string[];\n}\n\nconst SupportedFileTypes: React.FC<SupportedFileTypesProps> = ({ accept }) => {\n    if (!accept) {\n        return null;\n    }\n\n    if (accept.length === 0) {\n        return <span>Showing all file extensions.</span>;\n    }\n\n    return (\n        <span>\n            Showing the following file extensions: {getUniqueFilePlugins(accept).join(\", \")}.\n        </span>\n    );\n};\n\nexport default SupportedFileTypes;\n"],"mappings":";;;;;;;AAAA;AACA;AAEAA,aAAI,CAACC,MAAM,CAAC;EAAE,cAAc,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC9CD,aAAI,CAACC,MAAM,CAAC;EAAE,WAAW,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC3CD,aAAI,CAACC,MAAM,CAAC;EAAE,0BAA0B,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAE1D,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoB,CAAIC,MAAgB,EAAe;EACzD,IAAMC,IAA6B,GAAG,CAAC,CAAC;EACxCD,MAAM,CAACE,OAAO,CAAC,UAAAC,IAAI,EAAI;IACnB,IAAMC,GAAG,GAAGP,aAAI,CAACQ,YAAY,CAACF,IAAI,CAAC;IACnC,IAAI,CAACC,GAAG,EAAE;MACN;IACJ;IACAH,IAAI,CAACG,GAAG,CAAC,GAAG,IAAI;EACpB,CAAC,CAAC;EAEF,OAAOE,MAAM,CAACC,IAAI,CAACN,IAAI,CAAC;AAC5B,CAAC;AAMD,IAAMO,kBAAqD,GAAG,SAAxDA,kBAAqD,OAAmB;EAAA,IAAbR,MAAM,QAANA,MAAM;EACnE,IAAI,CAACA,MAAM,EAAE;IACT,OAAO,IAAI;EACf;EAEA,IAAIA,MAAM,CAACS,MAAM,KAAK,CAAC,EAAE;IACrB,oBAAO,2CAAM,8BAA4B,CAAO;EACpD;EAEA,oBACI,2CAAM,yCACqC,EAACV,oBAAoB,CAACC,MAAM,CAAC,CAACU,IAAI,CAAC,IAAI,CAAC,EAAC,GACpF,CAAO;AAEf,CAAC;AAAC,eAEaF,kBAAkB;AAAA"}

package/components/FileManager/BottomInfoBar/UploadStatus.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export interface UploadStatusProps {
-    uploading: boolean;
-}
-declare const UploadStatus: React.FC<UploadStatusProps>;
-export default UploadStatus;

package/components/FileManager/BottomInfoBar/UploadStatus.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _Progress = require("@webiny/ui/Progress");
-var StatusWrapper = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e8hlyp40",
-  label: "StatusWrapper"
-})({
-  color: "var(--mdc-theme-primary)",
-  position: "absolute",
-  right: 0,
-  bottom: 10,
-  marginRight: 10,
-  display: "flex",
-  alignItems: "center",
-  "> div": {
-    display: "inline-block"
-  }
-});
-var CircularProgressHolder = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e8hlyp41",
-  label: "CircularProgressHolder"
-})({
-  position: "relative",
-  height: 12,
-  width: 12
-});
-var UploadingLabel = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "e8hlyp42",
-  label: "UploadingLabel"
-})({
-  marginRight: 5
-});
-var UploadStatus = function UploadStatus(_ref) {
-  var uploading = _ref.uploading;
-  if (!uploading) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(StatusWrapper, null, /*#__PURE__*/_react.default.createElement(UploadingLabel, null, "Uploading..."), /*#__PURE__*/_react.default.createElement(CircularProgressHolder, null, /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
-    size: 10,
-    spinnerWidth: 1
-  })));
-};
-var _default = UploadStatus;
-exports.default = _default;

package/components/FileManager/BottomInfoBar/UploadStatus.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["StatusWrapper","styled","color","position","right","bottom","marginRight","display","alignItems","CircularProgressHolder","height","width","UploadingLabel","UploadStatus","uploading"],"sources":["UploadStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nconst StatusWrapper = styled(\"div\")({\n    color: \"var(--mdc-theme-primary)\",\n    position: \"absolute\",\n    right: 0,\n    bottom: 10,\n    marginRight: 10,\n    display: \"flex\",\n    alignItems: \"center\",\n    \"> div\": {\n        display: \"inline-block\"\n    }\n});\n\nconst CircularProgressHolder = styled(\"div\")({\n    position: \"relative\",\n    height: 12,\n    width: 12\n});\n\nconst UploadingLabel = styled(\"div\")({\n    marginRight: 5\n});\n\nexport interface UploadStatusProps {\n    uploading: boolean;\n}\nconst UploadStatus: React.FC<UploadStatusProps> = ({ uploading }) => {\n    if (!uploading) {\n        return null;\n    }\n\n    return (\n        <StatusWrapper>\n            <UploadingLabel>Uploading...</UploadingLabel>\n            <CircularProgressHolder>\n                <CircularProgress size={10} spinnerWidth={1} />\n            </CircularProgressHolder>\n        </StatusWrapper>\n    );\n};\n\nexport default UploadStatus;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA,IAAMA,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAChCC,KAAK,EAAE,0BAA0B;EACjCC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,EAAE;EACVC,WAAW,EAAE,EAAE;EACfC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpB,OAAO,EAAE;IACLD,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAEF,IAAME,sBAAsB,oBAAGR,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACzCE,QAAQ,EAAE,UAAU;EACpBO,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,IAAMC,cAAc,oBAAGX,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACjCK,WAAW,EAAE;AACjB,CAAC,CAAC;AAKF,IAAMO,YAAyC,GAAG,SAA5CA,YAAyC,OAAsB;EAAA,IAAhBC,SAAS,QAATA,SAAS;EAC1D,IAAI,CAACA,SAAS,EAAE;IACZ,OAAO,IAAI;EACf;EAEA,oBACI,6BAAC,aAAa,qBACV,6BAAC,cAAc,QAAC,cAAY,CAAiB,eAC7C,6BAAC,sBAAsB,qBACnB,6BAAC,0BAAgB;IAAC,IAAI,EAAE,EAAG;IAAC,YAAY,EAAE;EAAE,EAAG,CAC1B,CACb;AAExB,CAAC;AAAC,eAEaD,YAAY;AAAA"}

package/components/FileManager/BottomInfoBar.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import { SupportedFileTypesProps } from "./BottomInfoBar/SupportedFileTypes";
-import { UploadStatusProps } from "./BottomInfoBar/UploadStatus";
-declare const BottomInfoBar: React.FC<SupportedFileTypesProps & UploadStatusProps>;
-export default BottomInfoBar;

package/components/FileManager/BottomInfoBar.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _lite = _interopRequireDefault(require("mime/lite"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _SupportedFileTypes = _interopRequireDefault(require("./BottomInfoBar/SupportedFileTypes"));
-var _UploadStatus = _interopRequireDefault(require("./BottomInfoBar/UploadStatus"));
-_lite.default.define({
-  "image/x-icon": ["ico"]
-}, true);
-_lite.default.define({
-  "image/jpg": ["jpg"]
-}, true);
-_lite.default.define({
-  "image/vnd.microsoft.icon": ["ico"]
-}, true);
-var BottomInfoBarWrapper = /*#__PURE__*/(0, _styled.default)("div", {
-  target: "el4b0yq0",
-  label: "BottomInfoBarWrapper"
-})({
-  fontSize: "0.8rem",
-  position: "sticky",
-  bottom: 0,
-  height: 30,
-  color: "var(--mdc-theme-text-secondary-on-background)",
-  borderTop: "1px solid var(--mdc-theme-on-background)",
-  backgroundColor: "var(--mdc-theme-surface)",
-  width: "100%",
-  transform: "translateZ(0)",
-  overflow: "hidden",
-  display: "flex",
-  alignItems: "center",
-  zIndex: 1,
-  "> div": {
-    padding: "0 10px",
-    width: "100%"
-  }
-});
-var BottomInfoBar = function BottomInfoBar(props) {
-  return /*#__PURE__*/_react.default.createElement(BottomInfoBarWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_SupportedFileTypes.default, props), /*#__PURE__*/_react.default.createElement(_UploadStatus.default, props)));
-};
-var _default = BottomInfoBar;
-exports.default = _default;

package/components/FileManager/BottomInfoBar.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["mime","define","BottomInfoBarWrapper","styled","fontSize","position","bottom","height","color","borderTop","backgroundColor","width","transform","overflow","display","alignItems","zIndex","padding","BottomInfoBar","props"],"sources":["BottomInfoBar.tsx"],"sourcesContent":["import React from \"react\";\nimport mime from \"mime/lite\";\nimport styled from \"@emotion/styled\";\nimport SupportedFileTypes, { SupportedFileTypesProps } from \"./BottomInfoBar/SupportedFileTypes\";\nimport UploadStatus, { UploadStatusProps } from \"./BottomInfoBar/UploadStatus\";\n\nmime.define({ \"image/x-icon\": [\"ico\"] }, true);\nmime.define({ \"image/jpg\": [\"jpg\"] }, true);\nmime.define({ \"image/vnd.microsoft.icon\": [\"ico\"] }, true);\n\nconst BottomInfoBarWrapper = styled(\"div\")({\n    fontSize: \"0.8rem\",\n    position: \"sticky\",\n    bottom: 0,\n    height: 30,\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    borderTop: \"1px solid var(--mdc-theme-on-background)\",\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    width: \"100%\",\n    transform: \"translateZ(0)\",\n    overflow: \"hidden\",\n    display: \"flex\",\n    alignItems: \"center\",\n    zIndex: 1,\n    \"> div\": {\n        padding: \"0 10px\",\n        width: \"100%\"\n    }\n});\n\nconst BottomInfoBar: React.FC<SupportedFileTypesProps & UploadStatusProps> = props => {\n    return (\n        <BottomInfoBarWrapper>\n            <div>\n                <SupportedFileTypes {...props} />\n                <UploadStatus {...props} />\n            </div>\n        </BottomInfoBarWrapper>\n    );\n};\n\nexport default BottomInfoBar;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEAA,aAAI,CAACC,MAAM,CAAC;EAAE,cAAc,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC9CD,aAAI,CAACC,MAAM,CAAC;EAAE,WAAW,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAC3CD,aAAI,CAACC,MAAM,CAAC;EAAE,0BAA0B,EAAE,CAAC,KAAK;AAAE,CAAC,EAAE,IAAI,CAAC;AAE1D,IAAMC,oBAAoB,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACvCC,QAAQ,EAAE,QAAQ;EAClBC,QAAQ,EAAE,QAAQ;EAClBC,MAAM,EAAE,CAAC;EACTC,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE,+CAA+C;EACtDC,SAAS,EAAE,0CAA0C;EACrDC,eAAe,EAAE,0BAA0B;EAC3CC,KAAK,EAAE,MAAM;EACbC,SAAS,EAAE,eAAe;EAC1BC,QAAQ,EAAE,QAAQ;EAClBC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,MAAM,EAAE,CAAC;EACT,OAAO,EAAE;IACLC,OAAO,EAAE,QAAQ;IACjBN,KAAK,EAAE;EACX;AACJ,CAAC,CAAC;AAEF,IAAMO,aAAoE,GAAG,SAAvEA,aAAoE,CAAGC,KAAK,EAAI;EAClF,oBACI,6BAAC,oBAAoB,qBACjB,uDACI,6BAAC,2BAAkB,EAAKA,KAAK,CAAI,eACjC,6BAAC,qBAAY,EAAKA,KAAK,CAAI,CACzB,CACa;AAE/B,CAAC;AAAC,eAEaD,aAAa;AAAA"}

package/components/FileManager/DropFilesHere.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="web" />
-import React from "react";
-export interface DropFilesHereProps {
-    onDragLeave?: (event?: React.DragEvent<HTMLElement>) => void;
-    onDrop?: (event?: React.DragEvent<HTMLElement>) => void;
-    empty?: boolean;
-    onClick?: (event?: React.MouseEvent<HTMLElement>) => void;
-}
-declare const DropFilesHere: React.FC<DropFilesHereProps>;
-export default DropFilesHere;

package/components/FileManager/DropFilesHere.js

@@ -1,67 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Icon = require("@webiny/ui/Icon");
-var _roundCloud_upload24px = require("./icons/round-cloud_upload-24px.svg");
-var styles = /*#__PURE__*/(0, _emotion.css)({
-  margin: "0 auto",
-  paddingTop: 0,
-  height: "100%",
-  zIndex: 2,
-  width: "100%",
-  position: "absolute",
-  backgroundColor: "var(--mdc-theme-text-hint-on-light)",
-  "&.empty": {
-    backgroundColor: "transparent",
-    "> div": {
-      backgroundColor: "var(--mdc-theme-surface)"
-    }
-  },
-  "> div": {
-    textAlign: "center",
-    width: 300,
-    height: 300,
-    backgroundColor: "var(--mdc-theme-background)",
-    borderRadius: "50%",
-    position: "absolute",
-    left: "50%",
-    top: "50%",
-    transform: "translateX(-50%) translateY(-100%)",
-    "> div": {
-      position: "absolute",
-      top: 90,
-      width: 300,
-      color: "var(--mdc-theme-on-surface)",
-      "svg.mdc-button__icon": {
-        width: 100,
-        display: "inline-block",
-        color: "var(--mdc-theme-on-surface)"
-      }
-    }
-  }
-}, "label:styles;");
-var DropFilesHere = function DropFilesHere(_ref) {
-  var onDrop = _ref.onDrop,
-    onDragLeave = _ref.onDragLeave,
-    empty = _ref.empty,
-    onClick = _ref.onClick;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(styles, {
-      empty: empty
-    }),
-    onDrop: onDrop,
-    onClick: onClick,
-    onDragLeave: onDragLeave
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_roundCloud_upload24px.ReactComponent, null)
-  }), /*#__PURE__*/_react.default.createElement("div", null, "Drop files here"))));
-};
-var _default = DropFilesHere;
-exports.default = _default;

package/components/FileManager/DropFilesHere.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["styles","css","margin","paddingTop","height","zIndex","width","position","backgroundColor","textAlign","borderRadius","left","top","transform","color","display","DropFilesHere","onDrop","onDragLeave","empty","onClick","classNames"],"sources":["DropFilesHere.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { Icon } from \"@webiny/ui/Icon\";\n\nimport { ReactComponent as UploadIcon } from \"./icons/round-cloud_upload-24px.svg\";\n\nconst styles = css({\n    margin: \"0 auto\",\n    paddingTop: 0,\n    height: \"100%\",\n    zIndex: 2,\n    width: \"100%\",\n    position: \"absolute\",\n    backgroundColor: \"var(--mdc-theme-text-hint-on-light)\",\n    \"&.empty\": {\n        backgroundColor: \"transparent\",\n        \"> div\": {\n            backgroundColor: \"var(--mdc-theme-surface)\"\n        }\n    },\n    \"> div\": {\n        textAlign: \"center\",\n        width: 300,\n        height: 300,\n        backgroundColor: \"var(--mdc-theme-background)\",\n        borderRadius: \"50%\",\n        position: \"absolute\",\n        left: \"50%\",\n        top: \"50%\",\n        transform: \"translateX(-50%) translateY(-100%)\",\n        \"> div\": {\n            position: \"absolute\",\n            top: 90,\n            width: 300,\n            color: \"var(--mdc-theme-on-surface)\",\n            \"svg.mdc-button__icon\": {\n                width: 100,\n                display: \"inline-block\",\n                color: \"var(--mdc-theme-on-surface)\"\n            }\n        }\n    }\n});\n\nexport interface DropFilesHereProps {\n    onDragLeave?: (event?: React.DragEvent<HTMLElement>) => void;\n    onDrop?: (event?: React.DragEvent<HTMLElement>) => void;\n    empty?: boolean;\n    onClick?: (event?: React.MouseEvent<HTMLElement>) => void;\n}\n\nconst DropFilesHere: React.FC<DropFilesHereProps> = ({ onDrop, onDragLeave, empty, onClick }) => {\n    return (\n        <div\n            className={classNames(styles, { empty })}\n            onDrop={onDrop}\n            onClick={onClick}\n            onDragLeave={onDragLeave}\n        >\n            <div>\n                <div>\n                    <Icon icon={<UploadIcon />} />\n                    <div>Drop files here</div>\n                </div>\n            </div>\n        </div>\n    );\n};\nexport default DropFilesHere;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAEA;AAEA,IAAMA,MAAM,gBAAG,IAAAC,YAAG,EAAC;EACfC,MAAM,EAAE,QAAQ;EAChBC,UAAU,EAAE,CAAC;EACbC,MAAM,EAAE,MAAM;EACdC,MAAM,EAAE,CAAC;EACTC,KAAK,EAAE,MAAM;EACbC,QAAQ,EAAE,UAAU;EACpBC,eAAe,EAAE,qCAAqC;EACtD,SAAS,EAAE;IACPA,eAAe,EAAE,aAAa;IAC9B,OAAO,EAAE;MACLA,eAAe,EAAE;IACrB;EACJ,CAAC;EACD,OAAO,EAAE;IACLC,SAAS,EAAE,QAAQ;IACnBH,KAAK,EAAE,GAAG;IACVF,MAAM,EAAE,GAAG;IACXI,eAAe,EAAE,6BAA6B;IAC9CE,YAAY,EAAE,KAAK;IACnBH,QAAQ,EAAE,UAAU;IACpBI,IAAI,EAAE,KAAK;IACXC,GAAG,EAAE,KAAK;IACVC,SAAS,EAAE,oCAAoC;IAC/C,OAAO,EAAE;MACLN,QAAQ,EAAE,UAAU;MACpBK,GAAG,EAAE,EAAE;MACPN,KAAK,EAAE,GAAG;MACVQ,KAAK,EAAE,6BAA6B;MACpC,sBAAsB,EAAE;QACpBR,KAAK,EAAE,GAAG;QACVS,OAAO,EAAE,cAAc;QACvBD,KAAK,EAAE;MACX;IACJ;EACJ;AACJ,CAAC,kBAAC;AASF,IAAME,aAA2C,GAAG,SAA9CA,aAA2C,OAAgD;EAAA,IAA1CC,MAAM,QAANA,MAAM;IAAEC,WAAW,QAAXA,WAAW;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;EACtF,oBACI;IACI,SAAS,EAAE,IAAAC,mBAAU,EAACrB,MAAM,EAAE;MAAEmB,KAAK,EAALA;IAAM,CAAC,CAAE;IACzC,MAAM,EAAEF,MAAO;IACf,OAAO,EAAEG,OAAQ;IACjB,WAAW,EAAEF;EAAY,gBAEzB,uDACI,uDACI,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,qCAAU;EAAI,EAAG,eAC9B,0CAAK,iBAAe,CAAM,CACxB,CACJ,CACJ;AAEd,CAAC;AAAC,eACaF,aAAa;AAAA"}

package/components/FileManager/File.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react-butterfiles" />
-import React from "react";
-export interface FileProps {
-    file: FileItem;
-    selected: boolean;
-    uploadFile: (item: FileItem[] | FileItem) => Promise<number | null>;
-    onSelect: (event?: React.MouseEvent) => void;
-    onClick?: (event?: React.MouseEvent) => void;
-    options?: Array<{
-        label: string;
-        onClick: (file: Object) => void;
-    }>;
-    children: React.ReactNode;
-    showFileDetails: (event?: React.MouseEvent) => void;
-}
-declare const MemoizedFile: React.NamedExoticComponent<FileProps>;
-export default MemoizedFile;