@webiny/app-admin 0.0.0-mt-3 → 0.0.0-unstable.085ff6572f

package/components/SplitView/SplitView.js

@@ -1,22 +1,29 @@
-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({
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.leftPanel = exports.SplitView = exports.RightPanel = exports.LeftPanel = void 0;
+var _clone2 = _interopRequireDefault(require("lodash/clone"));
+var React = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Grid = require("@webiny/ui/Grid");
+var _emotion = require("emotion");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Helpers = require("@webiny/ui/Helpers");
+var grid = /*#__PURE__*/(0, _emotion.css)({
   "&.mdc-layout-grid": {
     padding: 0,
-    backgroundColor: "var(--mdc-theme-background)"
+    margin: "-3px auto 0 auto",
+    backgroundColor: "var(--mdc-theme-background)",
+    ">.mdc-layout-grid__inner": {
+      gridGap: 0
+    }
   }
 }, "label:grid;");
-var gridInner = /*#__PURE__*/css({
-  "&.mdc-layout-grid__inner": {
-    gridGap: 0
-  }
-}, "label:gridInner;");
-var RightPanelWrapper = /*#__PURE__*/styled("div", {
+var RightPanelWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "em0s1980",
   label: "RightPanelWrapper"
 })({
@@ -24,7 +31,7 @@ var RightPanelWrapper = /*#__PURE__*/styled("div", {
   overflow: "auto",
   height: "calc(100vh - 70px)"
 });
-var leftPanel = /*#__PURE__*/css({
+var leftPanel = /*#__PURE__*/(0, _emotion.css)({
   backgroundColor: "var(--mdc-theme-surface)",
   ">.webiny-data-list": {
     display: "flex",
@@ -41,36 +48,29 @@ var leftPanel = /*#__PURE__*/css({
     overflow: "auto"
   }
 }, "label:leftPanel;");
-
+exports.leftPanel = 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));
+  return /*#__PURE__*/React.createElement(_Grid.Grid, {
+    className: (0, _classnames.default)(grid, props.className, "webiny-split-view")
+  }, props.children);
 };
-
+exports.SplitView = SplitView;
 var LeftPanel = function LeftPanel(props) {
-  var propList = _clone(props);
-
+  var propList = (0, _clone2.default)(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);
+  return /*#__PURE__*/React.createElement(_Grid.Cell, (0, _Helpers.getClasses)(propList, (0, _classnames.default)(leftPanel, props.className, "webiny-split-view__left-panel")), propList.children);
 };
-
+exports.LeftPanel = LeftPanel;
 var RightPanel = function RightPanel(props) {
-  var propList = _clone(props);
-
+  var propList = (0, _clone2.default)(props);
   if (!propList.hasOwnProperty("span")) {
     propList.span = 7;
   }
-
-  return /*#__PURE__*/React.createElement(Cell, getClasses(propList, "webiny-split-view__right-panel"), /*#__PURE__*/React.createElement(RightPanelWrapper, {
+  return /*#__PURE__*/React.createElement(_Grid.Cell, (0, _Helpers.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));
 };
-
-export { SplitView, LeftPanel, RightPanel };
+exports.RightPanel = RightPanel;

package/components/SplitView/SplitView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["grid","css","padding","margin","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        margin: \"-3px auto 0 auto\",\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,MAAM,EAAE,kBAAkB;IAC1BC,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,IAAAT,YAAG,EAAC;EACzBG,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,EAAChB,IAAI,EAAEe,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"}

package/components/SplitView/index.js

@@ -1 +1,24 @@
-export { SplitView, LeftPanel, RightPanel } from "./SplitView";
+"use strict";
+
+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");

package/components/SplitView/index.js.map

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

package/components/index.d.ts

@@ -1 +1 @@
-export { FileManager } from "./FileManager";
+export { FileManager } from "../base/ui/FileManager";

package/components/index.js

@@ -1 +1,12 @@
-export { FileManager } from "./FileManager";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "FileManager", {
+  enumerable: true,
+  get: function get() {
+    return _FileManager.FileManager;
+  }
+});
+var _FileManager = require("../base/ui/FileManager");

package/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { FileManager } from \"~/base/ui/FileManager\";\n"],"mappings":";;;;;;;;;;;AAAA"}

package/hooks/useConfirmationDialog.d.ts

@@ -1,10 +1,15 @@
 import React from "react";
-declare type Args = {
+interface Params {
     title?: React.ReactNode;
     message?: React.ReactNode;
+    acceptLabel?: React.ReactNode;
+    cancelLabel?: React.ReactNode;
+    loading?: React.ReactNode;
     [key: string]: any;
-};
-declare const useConfirmationDialog: ({ title, message, ...options }?: Args) => {
-    showConfirmation: (onAccept: any, onCancel?: any) => void;
-};
+}
+export declare type ShowConfirmationOnAccept = (() => void) | (() => Promise<void>);
+export interface UseConfirmationDialogResponse {
+    showConfirmation: (onAccept: ShowConfirmationOnAccept, onCancel?: () => void) => void;
+}
+declare const useConfirmationDialog: ({ title, message, acceptLabel, cancelLabel, loading, ...options }?: Params) => UseConfirmationDialogResponse;
 export { useConfirmationDialog };

package/hooks/useConfirmationDialog.js

@@ -1,38 +1,49 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useConfirmationDialog = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _useUi = require("@webiny/app/hooks/useUi");
+var _i18n = require("@webiny/app/i18n");
+var _Progress = require("@webiny/ui/Progress");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-var _excluded = ["title", "message"];
-import { useUi } from "@webiny/app/hooks/useUi";
-import { i18n } from "@webiny/app/i18n";
-var t = i18n.ns("app-admin/hooks/use-confirmation-dialog");
-
+var _excluded = ["title", "message", "acceptLabel", "cancelLabel", "loading"];
+var t = _i18n.i18n.ns("app-admin/hooks/use-confirmation-dialog");
 var useConfirmationDialog = function useConfirmationDialog() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-
-  var title = _ref.title,
-      message = _ref.message,
-      options = _objectWithoutProperties(_ref, _excluded);
-
-  var ui = useUi();
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Confirmation"]))) : _ref$title,
+    message = _ref.message,
+    _ref$acceptLabel = _ref.acceptLabel,
+    acceptLabel = _ref$acceptLabel === void 0 ? t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Confirm"]))) : _ref$acceptLabel,
+    _ref$cancelLabel = _ref.cancelLabel,
+    cancelLabel = _ref$cancelLabel === void 0 ? t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Cancel"]))) : _ref$cancelLabel,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null) : _ref$loading,
+    options = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var ui = (0, _useUi.useUi)();
   return {
-    showConfirmation: function showConfirmation(onAccept) {
-      var onCancel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    showConfirmation: function showConfirmation(onAccept, onCancel) {
       ui.setState(function (ui) {
-        return _objectSpread(_objectSpread({}, ui), {}, {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
           dialog: {
-            message: message || t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Are you sure you want to continue?"]))),
-            options: _objectSpread(_objectSpread({}, options), {}, {
-              title: title || t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Confirmation"]))),
+            message: message || t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Are you sure you want to continue?"]))),
+            options: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, options), {}, {
+              title: title,
+              loading: loading,
               actions: {
                 accept: {
-                  label: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Confirm"]))),
+                  label: acceptLabel,
                   onClick: onAccept
                 },
                 cancel: {
-                  label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Cancel"]))),
+                  label: cancelLabel,
                   onClick: onCancel
                 }
               }
@@ -43,5 +54,4 @@ var useConfirmationDialog = function useConfirmationDialog() {
     }
   };
 };
-
-export { useConfirmationDialog };
+exports.useConfirmationDialog = useConfirmationDialog;

package/hooks/useConfirmationDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","useConfirmationDialog","title","message","acceptLabel","cancelLabel","loading","options","ui","useUi","showConfirmation","onAccept","onCancel","setState","dialog","actions","accept","label","onClick","cancel"],"sources":["useConfirmationDialog.tsx"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\n\nconst t = i18n.ns(\"app-admin/hooks/use-confirmation-dialog\");\n\ninterface Params {\n    title?: React.ReactNode;\n    message?: React.ReactNode;\n    acceptLabel?: React.ReactNode;\n    cancelLabel?: React.ReactNode;\n    loading?: React.ReactNode;\n    [key: string]: any;\n}\n\nexport type ShowConfirmationOnAccept = (() => void) | (() => Promise<void>);\n\nexport interface UseConfirmationDialogResponse {\n    showConfirmation: (onAccept: ShowConfirmationOnAccept, onCancel?: () => void) => void;\n}\n\nconst useConfirmationDialog = ({\n    title = t`Confirmation`,\n    message,\n    acceptLabel = t`Confirm`,\n    cancelLabel = t`Cancel`,\n    loading = <CircularProgress />,\n    ...options\n}: Params = {}): UseConfirmationDialogResponse => {\n    const ui = useUi();\n\n    return {\n        showConfirmation: (onAccept, onCancel) => {\n            ui.setState(ui => {\n                return {\n                    ...ui,\n                    dialog: {\n                        message: message || t`Are you sure you want to continue?`,\n                        options: {\n                            ...options,\n                            title,\n                            loading,\n                            actions: {\n                                accept: {\n                                    label: acceptLabel,\n                                    onClick: onAccept\n                                },\n                                cancel: {\n                                    label: cancelLabel,\n                                    onClick: onCancel\n                                }\n                            }\n                        }\n                    }\n                };\n            });\n        }\n    };\n};\n\nexport { useConfirmationDialog };\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AAAuD;AAAA;AAEvD,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,yCAAyC,CAAC;AAiB5D,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,GAOuB;EAAA,+EAAtC,CAAC,CAAC;EAAA,sBANVC,KAAK;IAALA,KAAK,2BAAGJ,CAAC;IACTK,OAAO,QAAPA,OAAO;IAAA,wBACPC,WAAW;IAAXA,WAAW,iCAAGN,CAAC;IAAA,wBACfO,WAAW;IAAXA,WAAW,iCAAGP,CAAC;IAAA,oBACfQ,OAAO;IAAPA,OAAO,0CAAG,6BAAC,0BAAgB,OAAG;IAC3BC,OAAO;EAEV,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;EAElB,OAAO;IACHC,gBAAgB,EAAE,0BAACC,QAAQ,EAAEC,QAAQ,EAAK;MACtCJ,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,mEACOA,EAAE;UACLM,MAAM,EAAE;YACJX,OAAO,EAAEA,OAAO,IAAIL,CAAC,uHAAoC;YACzDS,OAAO,8DACAA,OAAO;cACVL,KAAK,EAALA,KAAK;cACLI,OAAO,EAAPA,OAAO;cACPS,OAAO,EAAE;gBACLC,MAAM,EAAE;kBACJC,KAAK,EAAEb,WAAW;kBAClBc,OAAO,EAAEP;gBACb,CAAC;gBACDQ,MAAM,EAAE;kBACJF,KAAK,EAAEZ,WAAW;kBAClBa,OAAO,EAAEN;gBACb;cACJ;YAAC;UAET;QAAC;MAET,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAAC"}

package/hooks/useDialog.d.ts

@@ -1,5 +1,10 @@
-declare const useDialog: () => {
-    showDialog: (message: any, options: any) => void;
+import React from "react";
+interface UseDialogResponseShowDialogOptions {
+    [key: string]: any;
+}
+interface UseDialogResponse {
+    showDialog: (message: React.ReactNode, options?: UseDialogResponseShowDialogOptions) => void;
     hideDialog: () => void;
-};
+}
+declare const useDialog: () => UseDialogResponse;
 export { useDialog };

package/hooks/useDialog.js

@@ -1,12 +1,18 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import { useUi } from "@webiny/app/hooks/useUi";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDialog = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _useUi = require("@webiny/app/hooks/useUi");
 var useDialog = function useDialog() {
-  var ui = useUi();
+  var ui = (0, _useUi.useUi)();
   return {
     showDialog: function showDialog(message, options) {
       ui.setState(function (ui) {
-        return _objectSpread(_objectSpread({}, ui), {}, {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
           dialog: {
             message: message,
             options: options
@@ -16,12 +22,11 @@ var useDialog = function useDialog() {
     },
     hideDialog: function hideDialog() {
       ui.setState(function (ui) {
-        return _objectSpread(_objectSpread({}, ui), {}, {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
           dialog: null
         });
       });
     }
   };
 };
-
-export { useDialog };
+exports.useDialog = useDialog;

package/hooks/useDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useDialog","ui","useUi","showDialog","message","options","setState","dialog","hideDialog"],"sources":["useDialog.ts"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\n// TODO @ts-refactor\ninterface UseDialogResponseShowDialogOptions {\n    [key: string]: any;\n}\ninterface UseDialogResponse {\n    showDialog: (message: React.ReactNode, options?: UseDialogResponseShowDialogOptions) => void;\n    hideDialog: () => void;\n}\nconst useDialog = (): UseDialogResponse => {\n    const ui = useUi();\n    return {\n        showDialog: (message, options) => {\n            ui.setState(ui => {\n                return { ...ui, dialog: { message, options } };\n            });\n        },\n        hideDialog: () => {\n            ui.setState(ui => {\n                return { ...ui, dialog: null };\n            });\n        }\n    };\n};\n\nexport { useDialog };\n"],"mappings":";;;;;;;;AACA;AAUA,IAAMA,SAAS,GAAG,SAAZA,SAAS,GAA4B;EACvC,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;EAClB,OAAO;IACHC,UAAU,EAAE,oBAACC,OAAO,EAAEC,OAAO,EAAK;MAC9BJ,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,mEAAYA,EAAE;UAAEM,MAAM,EAAE;YAAEH,OAAO,EAAPA,OAAO;YAAEC,OAAO,EAAPA;UAAQ;QAAC;MAChD,CAAC,CAAC;IACN,CAAC;IACDG,UAAU,EAAE,sBAAM;MACdP,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,mEAAYA,EAAE;UAAEM,MAAM,EAAE;QAAI;MAChC,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAAC"}

package/hooks/useSnackbar.d.ts

@@ -1,4 +1,7 @@
-export declare const useSnackbar: () => {
-    showSnackbar: (message: any, options?: {}) => void;
+import React from "react";
+interface UseSnackbarResponse {
+    showSnackbar: (message: React.ReactNode, options?: Record<string, React.ReactNode>) => void;
     hideSnackbar: () => void;
-};
+}
+export declare const useSnackbar: () => UseSnackbarResponse;
+export {};

package/hooks/useSnackbar.js

@@ -1,12 +1,19 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import { useUi } from "@webiny/app/hooks/useUi";
-export var useSnackbar = function useSnackbar() {
-  var ui = useUi();
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSnackbar = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _useUi = require("@webiny/app/hooks/useUi");
+var useSnackbar = function useSnackbar() {
+  var ui = (0, _useUi.useUi)();
   return {
     showSnackbar: function showSnackbar(message) {
       var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
       ui.setState(function (ui) {
-        return _objectSpread(_objectSpread({}, ui), {}, {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
           snackbar: {
             message: message,
             options: options
@@ -16,10 +23,11 @@ export var useSnackbar = function useSnackbar() {
     },
     hideSnackbar: function hideSnackbar() {
       ui.setState(function (ui) {
-        return _objectSpread(_objectSpread({}, ui), {}, {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
           snackbar: null
         });
       });
     }
   };
-};
+};
+exports.useSnackbar = useSnackbar;

package/hooks/useSnackbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSnackbar","ui","useUi","showSnackbar","message","options","setState","snackbar","hideSnackbar"],"sources":["useSnackbar.ts"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\ninterface UseSnackbarResponse {\n    showSnackbar: (message: React.ReactNode, options?: Record<string, React.ReactNode>) => void;\n    hideSnackbar: () => void;\n}\nexport const useSnackbar = (): UseSnackbarResponse => {\n    const ui = useUi();\n\n    return {\n        showSnackbar: (message, options = {}) => {\n            ui.setState(ui => {\n                return { ...ui, snackbar: { message, options } };\n            });\n        },\n        hideSnackbar: () => {\n            ui.setState(ui => {\n                return { ...ui, snackbar: null };\n            });\n        }\n    };\n};\n"],"mappings":";;;;;;;;AACA;AAMO,IAAMA,WAAW,GAAG,SAAdA,WAAW,GAA8B;EAClD,IAAMC,EAAE,GAAG,IAAAC,YAAK,GAAE;EAElB,OAAO;IACHC,YAAY,EAAE,sBAACC,OAAO,EAAmB;MAAA,IAAjBC,OAAO,uEAAG,CAAC,CAAC;MAChCJ,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,mEAAYA,EAAE;UAAEM,QAAQ,EAAE;YAAEH,OAAO,EAAPA,OAAO;YAAEC,OAAO,EAAPA;UAAQ;QAAC;MAClD,CAAC,CAAC;IACN,CAAC;IACDG,YAAY,EAAE,wBAAM;MAChBP,EAAE,CAACK,QAAQ,CAAC,UAAAL,EAAE,EAAI;QACd,mEAAYA,EAAE;UAAEM,QAAQ,EAAE;QAAI;MAClC,CAAC,CAAC;IACN;EACJ,CAAC;AACL,CAAC;AAAC"}

package/index.d.ts

@@ -0,0 +1,35 @@
+export * from "@webiny/app";
+export type { HigherOrderComponent, ProviderProps, ComposeProps } from "@webiny/app";
+export * from "./base/ui/Tags";
+export * from "./base/ui/Menu";
+export * from "./base/ui/Layout";
+export * from "./base/ui/LocaleSelector";
+export type { LayoutProps } from "./base/ui/Layout";
+export * from "./base/ui/Navigation";
+export type { MenuItemsProps } from "./base/ui/Navigation";
+export * from "./base/ui/Brand";
+export * from "./base/ui/Logo";
+export * from "./base/ui/Search";
+export type { SearchOptionData, SearchOptionProps } from "./base/ui/Search";
+export * from "./base/ui/UserMenu";
+export type { UserMenuItemProps } from "./base/ui/UserMenu";
+export * from "./base/ui/LoginScreen";
+export * from "./base/ui/CenteredView";
+export * from "./base/ui/Dashboard";
+export * from "./base/ui/NotFound";
+export { Admin } from "./base/Admin";
+export type { AdminProps } from "./base/Admin";
+export { useViewComposition } from "./base/providers/ViewCompositionProvider";
+export type { ViewCompositionContext, ViewElement } from "./base/providers/ViewCompositionProvider";
+export * from "./base/plugins/AddGraphQLQuerySelection";
+export * from "./plugins/PermissionRendererPlugin";
+export { AppInstaller } from "./components/AppInstaller";
+export { OverlayLayout, OverlayLayoutProps } from "./components/OverlayLayout";
+export { default as SingleImageUpload, SingleImageUploadProps } from "./components/SingleImageUpload";
+export { FileManager, FileManagerRenderer } from "./base/ui/FileManager";
+export type { FileManagerProps, FileManagerRendererProps, FileManagerFileItem, FileManagerOnChange } from "./base/ui/FileManager";
+export * from "./hooks/useSnackbar";
+export * from "./hooks/useConfirmationDialog";
+export * from "./hooks/useDialog";
+export { useWcp } from "@webiny/app-wcp";
+export { AaclPermission } from "@webiny/app-wcp/types";