@webiny/app-admin 5.36.2 → 5.37.0-beta.1

package/components/LexicalEditor/LexicalEditor.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { RichTextEditorProps } from "@webiny/lexical-editor/types";
+import { Theme } from "@webiny/app-theme/types";
+interface LexicalEditorProps extends Omit<RichTextEditorProps, "theme"> {
+    theme?: Theme;
+}
+export declare const LexicalEditor: (props: LexicalEditorProps) => JSX.Element;
+export {};

package/components/LexicalEditor/LexicalEditor.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LexicalEditor = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _ = require("./..");
+var _lexicalEditor = require("@webiny/lexical-editor");
+var _appTheme = require("@webiny/app-theme");
+var LexicalEditor = function LexicalEditor(props) {
+  var _useTheme = (0, _appTheme.useTheme)(),
+    theme = _useTheme.theme;
+  return /*#__PURE__*/_react.default.createElement(_.FileManager, null, function (_ref) {
+    var showFileManager = _ref.showFileManager;
+    return /*#__PURE__*/_react.default.createElement(_lexicalEditor.RichTextEditor, Object.assign({}, props, {
+      theme: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, theme), props === null || props === void 0 ? void 0 : props.theme),
+      toolbarActionPlugins: [].concat((0, _toConsumableArray2.default)(props.toolbarActionPlugins || []), [{
+        targetAction: "image-action",
+        plugin: showFileManager
+      }])
+    }));
+  });
+};
+exports.LexicalEditor = LexicalEditor;

package/components/LexicalEditor/LexicalEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_","_lexicalEditor","_appTheme","LexicalEditor","props","_useTheme","useTheme","theme","default","createElement","FileManager","_ref","showFileManager","RichTextEditor","Object","assign","_objectSpread2","toolbarActionPlugins","concat","_toConsumableArray2","targetAction","plugin","exports"],"sources":["LexicalEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { FileManager } from \"~/components\";\nimport { RichTextEditor as BaseEditor } from \"@webiny/lexical-editor\";\nimport { RichTextEditorProps } from \"@webiny/lexical-editor/types\";\nimport { useTheme } from \"@webiny/app-theme\";\nimport { Theme } from \"@webiny/app-theme/types\";\n\ninterface LexicalEditorProps extends Omit<RichTextEditorProps, \"theme\"> {\n    theme?: Theme;\n}\n\nexport const LexicalEditor = (props: LexicalEditorProps) => {\n    const { theme } = useTheme();\n\n    return (\n        <FileManager>\n            {({ showFileManager }) => (\n                <BaseEditor\n                    {...props}\n                    theme={{ ...theme, ...props?.theme }}\n                    toolbarActionPlugins={[\n                        ...(props.toolbarActionPlugins || []),\n                        { targetAction: \"image-action\", plugin: showFileManager }\n                    ]}\n                />\n            )}\n        </FileManager>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,CAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,SAAA,GAAAH,OAAA;AAOO,IAAMI,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAyB,EAAK;EACxD,IAAAC,SAAA,GAAkB,IAAAC,kBAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EAEb,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,CAAA,CAAAU,WAAW,QACP,UAAAC,IAAA;IAAA,IAAGC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IAAA,oBACff,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,cAAA,CAAAY,cAAU,EAAAC,MAAA,CAAAC,MAAA,KACHX,KAAK;MACTG,KAAK,MAAAS,cAAA,CAAAR,OAAA,MAAAQ,cAAA,CAAAR,OAAA,MAAOD,KAAK,GAAKH,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEG,KAAK,CAAG;MACrCU,oBAAoB,KAAAC,MAAA,KAAAC,mBAAA,CAAAX,OAAA,EACZJ,KAAK,CAACa,oBAAoB,IAAI,EAAE,IACpC;QAAEG,YAAY,EAAE,cAAc;QAAEC,MAAM,EAAET;MAAgB,CAAC;IAC3D,EACL,CAAC;EAAA,CAEG,CAAC;AAEtB,CAAC;AAACU,OAAA,CAAAnB,aAAA,GAAAA,aAAA"}

package/components/LexicalEditor/index.d.ts

@@ -0,0 +1 @@
+export { LexicalEditor } from "./LexicalEditor";

package/components/LexicalEditor/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LexicalEditor", {
+  enumerable: true,
+  get: function get() {
+    return _LexicalEditor.LexicalEditor;
+  }
+});
+var _LexicalEditor = require("./LexicalEditor");

package/components/LexicalEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_LexicalEditor","require"],"sources":["index.ts"],"sourcesContent":["export { LexicalEditor } from \"./LexicalEditor\";\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA"}

package/components/MultiImageUpload.js

@@ -11,6 +11,10 @@ var React = _interopRequireWildcard(require("react"));
 var _Image = require("@webiny/app/components/Image");
 var _ImageUpload = require("@webiny/ui/ImageUpload");
 var _excluded = ["imagePreviewProps"];
+/**
+ * TODO @ts-refactor
+ */
+
 var MultiImageUpload = function MultiImageUpload(_ref) {
   var imagePreviewProps = _ref.imagePreviewProps,
     multiImageUploadProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/components/MultiImageUpload.js.map

@@ -1 +1 @@
-{"version":3,"names":["MultiImageUpload","imagePreviewProps","multiImageUploadProps","renderImageProps","width"],"sources":["MultiImageUpload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/Image\";\nimport { MultiImageUpload as UiMultiImageUpload } from \"@webiny/ui/ImageUpload\";\n\n/**\n * TODO @ts-refactor\n */\ninterface MultiImageUploadProps {\n    imagePreviewProps: {\n        src: string;\n        [key: string]: any;\n    };\n    [key: string]: any;\n}\nconst MultiImageUpload: React.FC<MultiImageUploadProps> = ({\n    imagePreviewProps,\n    ...multiImageUploadProps\n}) => {\n    return (\n        <UiMultiImageUpload\n            /**\n             * TODO @ts-refactor\n             * It appers that renderImagePreview does not exist on  UiMultiImageUpload. So how did this work?\n             */\n            // @ts-ignore\n            renderImagePreview={(renderImageProps: Record<string, any>) => {\n                return (\n                    <Image\n                        transform={{ width: 300 }}\n                        {...imagePreviewProps}\n                        {...renderImageProps}\n                    />\n                );\n            }}\n            {...multiImageUploadProps}\n        />\n    );\n};\nexport default MultiImageUpload;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAAgF;AAYhF,IAAMA,gBAAiD,GAAG,SAApDA,gBAAiD,OAGjD;EAAA,IAFFC,iBAAiB,QAAjBA,iBAAiB;IACdC,qBAAqB;EAExB,oBACI,oBAAC;EACG;AACZ;AACA;AACA;EACY;EAAA;IACA,kBAAkB,EAAE,4BAACC,gBAAqC,EAAK;MAC3D,oBACI,oBAAC,YAAK;QACF,SAAS,EAAE;UAAEC,KAAK,EAAE;QAAI;MAAE,GACtBH,iBAAiB,EACjBE,gBAAgB,EACtB;IAEV;EAAE,GACED,qBAAqB,EAC3B;AAEV,CAAC;AAAC,eACaF,gBAAgB;AAAA"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_Image","_ImageUpload","_excluded","MultiImageUpload","_ref","imagePreviewProps","multiImageUploadProps","_objectWithoutProperties2","default","createElement","Object","assign","renderImagePreview","renderImageProps","Image","transform","width","_default","exports"],"sources":["MultiImageUpload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/Image\";\nimport { MultiImageUpload as UiMultiImageUpload } from \"@webiny/ui/ImageUpload\";\n\n/**\n * TODO @ts-refactor\n */\ninterface MultiImageUploadProps {\n    imagePreviewProps: {\n        src: string;\n        [key: string]: any;\n    };\n    [key: string]: any;\n}\nconst MultiImageUpload: React.FC<MultiImageUploadProps> = ({\n    imagePreviewProps,\n    ...multiImageUploadProps\n}) => {\n    return (\n        <UiMultiImageUpload\n            /**\n             * TODO @ts-refactor\n             * It appers that renderImagePreview does not exist on  UiMultiImageUpload. So how did this work?\n             */\n            // @ts-ignore\n            renderImagePreview={(renderImageProps: Record<string, any>) => {\n                return (\n                    <Image\n                        transform={{ width: 300 }}\n                        {...imagePreviewProps}\n                        {...renderImageProps}\n                    />\n                );\n            }}\n            {...multiImageUploadProps}\n        />\n    );\n};\nexport default MultiImageUpload;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAAgF,IAAAG,SAAA;AAEhF;AACA;AACA;;AAQA,IAAMC,gBAAiD,GAAG,SAApDA,gBAAiDA,CAAAC,IAAA,EAGjD;EAAA,IAFFC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;IACdC,qBAAqB,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAF,SAAA;EAExB,oBACIL,KAAA,CAAAY,aAAA,CAACR,YAAA,CAAAE;EACG;AACZ;AACA;AACA;EACY;EAAA,EAAAO,MAAA,CAAAC,MAAA;IACAC,kBAAkB,EAAE,SAAAA,mBAACC,gBAAqC,EAAK;MAC3D,oBACIhB,KAAA,CAAAY,aAAA,CAACT,MAAA,CAAAc,KAAK,EAAAJ,MAAA,CAAAC,MAAA;QACFI,SAAS,EAAE;UAAEC,KAAK,EAAE;QAAI;MAAE,GACtBX,iBAAiB,EACjBQ,gBAAgB,CACvB,CAAC;IAEV;EAAE,GACEP,qBAAqB,CAC5B,CAAC;AAEV,CAAC;AAAC,IAAAW,QAAA,GACad,gBAAgB;AAAAe,OAAA,CAAAV,OAAA,GAAAS,QAAA"}

package/components/OptionsMenu/OptionsMenu.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface OptionsMenuProps {
+    actions: {
+        name: string;
+        element: React.ReactElement;
+    }[];
+    ["data-testid"]?: string;
+}
+export declare const OptionsMenu: React.VFC<OptionsMenuProps>;

package/components/OptionsMenu/OptionsMenu.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OptionsMenu = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _more_vert = require("@material-design-icons/svg/outlined/more_vert.svg");
+var _Button = require("@webiny/ui/Button");
+var _useOptionsMenuItem = require("./useOptionsMenuItem");
+var _OptionsMenu = require("./OptionsMenu.styles");
+var OptionsMenu = function OptionsMenu(props) {
+  if (!props.actions.length) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_OptionsMenu.Menu, {
+    handle: /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+      icon: /*#__PURE__*/_react.default.createElement(_more_vert.ReactComponent, null),
+      "data-testid": props["data-testid"] || "more-options-icon"
+    })
+  }, props.actions.map(function (action) {
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+      key: action.name
+    }, /*#__PURE__*/_react.default.createElement(_useOptionsMenuItem.OptionsMenuItemProvider, null, action.element));
+  }));
+};
+exports.OptionsMenu = OptionsMenu;

package/components/OptionsMenu/OptionsMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_more_vert","_Button","_useOptionsMenuItem","_OptionsMenu","OptionsMenu","props","actions","length","default","createElement","Menu","handle","IconButton","icon","ReactComponent","map","action","Fragment","key","name","OptionsMenuItemProvider","element","exports"],"sources":["OptionsMenu.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { ReactComponent as MoreVerticalIcon } from \"@material-design-icons/svg/outlined/more_vert.svg\";\nimport { IconButton } from \"@webiny/ui/Button\";\n\nimport { OptionsMenuItemProvider } from \"./useOptionsMenuItem\";\n\nimport { Menu } from \"./OptionsMenu.styles\";\n\nexport interface OptionsMenuProps {\n    actions: {\n        name: string;\n        element: React.ReactElement;\n    }[];\n    [\"data-testid\"]?: string;\n}\n\nexport const OptionsMenu: React.VFC<OptionsMenuProps> = props => {\n    if (!props.actions.length) {\n        return null;\n    }\n\n    return (\n        <Menu\n            handle={\n                <IconButton\n                    icon={<MoreVerticalIcon />}\n                    data-testid={props[\"data-testid\"] || \"more-options-icon\"}\n                />\n            }\n        >\n            {props.actions.map(action => (\n                <Fragment key={action.name}>\n                    <OptionsMenuItemProvider>{action.element}</OptionsMenuItemProvider>\n                </Fragment>\n            ))}\n        </Menu>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,mBAAA,GAAAH,OAAA;AAEA,IAAAI,YAAA,GAAAJ,OAAA;AAUO,IAAMK,WAAwC,GAAG,SAA3CA,WAAwCA,CAAGC,KAAK,EAAI;EAC7D,IAAI,CAACA,KAAK,CAACC,OAAO,CAACC,MAAM,EAAE;IACvB,OAAO,IAAI;EACf;EAEA,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,YAAA,CAAAO,IAAI;IACDC,MAAM,eACFd,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,OAAA,CAAAW,UAAU;MACPC,IAAI,eAAEhB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,UAAA,CAAAc,cAAgB,MAAE,CAAE;MAC3B,eAAaT,KAAK,CAAC,aAAa,CAAC,IAAI;IAAoB,CAC5D;EACJ,GAEAA,KAAK,CAACC,OAAO,CAACS,GAAG,CAAC,UAAAC,MAAM;IAAA,oBACrBnB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAoB,QAAQ;MAACC,GAAG,EAAEF,MAAM,CAACG;IAAK,gBACvBtB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,mBAAA,CAAAkB,uBAAuB,QAAEJ,MAAM,CAACK,OAAiC,CAC5D,CAAC;EAAA,CACd,CACC,CAAC;AAEf,CAAC;AAACC,OAAA,CAAAlB,WAAA,GAAAA,WAAA"}

package/components/OptionsMenu/OptionsMenu.styles.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+import { Menu as OriginalMenu } from "@webiny/ui/Menu";
+export declare const Menu: import("@emotion/styled").StyledComponent<Pick<import("@rmwc/menu").MenuProps & {
+    children: import("react").ReactNode;
+    handle?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    anchor?: "bottomEnd" | "bottomLeft" | "bottomRight" | "bottomStart" | "topEnd" | "topLeft" | "topRight" | "topStart" | undefined;
+    className?: string | undefined;
+    onOpen?: (() => void) | undefined;
+    onClose?: (() => void) | undefined;
+    "data-testid"?: string | undefined;
+}, never> & Partial<Pick<import("@rmwc/menu").MenuProps & {
+    children: import("react").ReactNode;
+    handle?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    anchor?: "bottomEnd" | "bottomLeft" | "bottomRight" | "bottomStart" | "topEnd" | "topLeft" | "topRight" | "topStart" | undefined;
+    className?: string | undefined;
+    onOpen?: (() => void) | undefined;
+    onClose?: (() => void) | undefined;
+    "data-testid"?: string | undefined;
+}, "anchor" | "className" | "data-testid" | "handle" | keyof import("@rmwc/menu").MenuProps>> & Partial<Pick<Partial<import("@rmwc/menu").MenuProps & {
+    children: import("react").ReactNode;
+    handle?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
+    anchor?: "bottomEnd" | "bottomLeft" | "bottomRight" | "bottomStart" | "topEnd" | "topLeft" | "topRight" | "topStart" | undefined;
+    className?: string | undefined;
+    onOpen?: (() => void) | undefined;
+    onClose?: (() => void) | undefined;
+    "data-testid"?: string | undefined;
+}>, never>> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {
+    ref?: import("react").Ref<OriginalMenu> | undefined;
+}>;

package/components/OptionsMenu/OptionsMenu.styles.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Menu = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Menu = require("@webiny/ui/Menu");
+var Menu = /*#__PURE__*/(0, _styled.default)(_Menu.Menu, {
+  label: "Menu",
+  target: "e1i065ms0"
+})("width:250px;right:-105px;left:auto !important;.disabled{opacity:0.5;pointer-events:none;}");
+exports.Menu = Menu;

package/components/OptionsMenu/OptionsMenu.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_styled","_interopRequireDefault","require","_Menu","Menu","styled","OriginalMenu","label","target","exports"],"sources":["OptionsMenu.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Menu as OriginalMenu } from \"@webiny/ui/Menu\";\n\nexport const Menu = styled(OriginalMenu)`\n    width: 250px;\n    right: -105px;\n    left: auto !important;\n\n    .disabled {\n        opacity: 0.5;\n        pointer-events: none;\n    }\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,IAAME,IAAI,oBAAGC,eAAM,EAACC,UAAY;EAAAC,KAAA;EAAAC,MAAA;AAAA,+FAStC;AAACC,OAAA,CAAAL,IAAA,GAAAA,IAAA"}

package/components/OptionsMenu/OptionsMenuItem.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface OptionsMenuItemProps {
+    onAction: () => void;
+    disabled?: boolean;
+    icon: React.ReactElement;
+    label: string;
+    ["data-testid"]?: string;
+}
+export declare const OptionsMenuItem: React.VFC<OptionsMenuItemProps>;
+export {};

package/components/OptionsMenu/OptionsMenuItem.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OptionsMenuItem = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Icon = require("@webiny/ui/Icon");
+var _List = require("@webiny/ui/List");
+var _Menu = require("@webiny/ui/Menu");
+var OptionsMenuItem = function OptionsMenuItem(props) {
+  var _props$disabled;
+  return /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
+    onClick: props.onAction,
+    disabled: (_props$disabled = props.disabled) !== null && _props$disabled !== void 0 ? _props$disabled : false,
+    "data-testid": props["data-testid"]
+  }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: props.icon
+  })), props.label);
+};
+exports.OptionsMenuItem = OptionsMenuItem;

package/components/OptionsMenu/OptionsMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_Icon","_List","_Menu","OptionsMenuItem","props","_props$disabled","default","createElement","MenuItem","onClick","onAction","disabled","ListItemGraphic","Icon","icon","label","exports"],"sources":["OptionsMenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { ListItemGraphic } from \"@webiny/ui/List\";\nimport { MenuItem } from \"@webiny/ui/Menu\";\n\ninterface OptionsMenuItemProps {\n    onAction: () => void;\n    disabled?: boolean;\n    icon: React.ReactElement;\n    label: string;\n    [\"data-testid\"]?: string;\n}\n\nexport const OptionsMenuItem: React.VFC<OptionsMenuItemProps> = props => {\n    return (\n        <MenuItem\n            onClick={props.onAction}\n            disabled={props.disabled ?? false}\n            data-testid={props[\"data-testid\"]}\n        >\n            <ListItemGraphic>\n                <Icon icon={props.icon} />\n            </ListItemGraphic>\n            {props.label}\n        </MenuItem>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAUO,IAAMI,eAAgD,GAAG,SAAnDA,eAAgDA,CAAGC,KAAK,EAAI;EAAA,IAAAC,eAAA;EACrE,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACL,KAAA,CAAAM,QAAQ;IACLC,OAAO,EAAEL,KAAK,CAACM,QAAS;IACxBC,QAAQ,GAAAN,eAAA,GAAED,KAAK,CAACO,QAAQ,cAAAN,eAAA,cAAAA,eAAA,GAAI,KAAM;IAClC,eAAaD,KAAK,CAAC,aAAa;EAAE,gBAElCP,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAW,eAAe,qBACZf,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAa,IAAI;IAACC,IAAI,EAAEV,KAAK,CAACU;EAAK,CAAE,CACZ,CAAC,EACjBV,KAAK,CAACW,KACD,CAAC;AAEnB,CAAC;AAACC,OAAA,CAAAb,eAAA,GAAAA,eAAA"}

package/components/OptionsMenu/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./OptionsMenu";
+export * from "./OptionsMenuItem";
+export { useOptionsMenuItem } from "./useOptionsMenuItem";

package/components/OptionsMenu/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  useOptionsMenuItem: true
+};
+Object.defineProperty(exports, "useOptionsMenuItem", {
+  enumerable: true,
+  get: function get() {
+    return _useOptionsMenuItem.useOptionsMenuItem;
+  }
+});
+var _OptionsMenu = require("./OptionsMenu");
+Object.keys(_OptionsMenu).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _OptionsMenu[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _OptionsMenu[key];
+    }
+  });
+});
+var _OptionsMenuItem = require("./OptionsMenuItem");
+Object.keys(_OptionsMenuItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _OptionsMenuItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _OptionsMenuItem[key];
+    }
+  });
+});
+var _useOptionsMenuItem = require("./useOptionsMenuItem");

package/components/OptionsMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_OptionsMenu","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_OptionsMenuItem","_useOptionsMenuItem"],"sources":["index.ts"],"sourcesContent":["export * from \"./OptionsMenu\";\nexport * from \"./OptionsMenuItem\";\nexport { useOptionsMenuItem } from \"./useOptionsMenuItem\";\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,gBAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,gBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,gBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,gBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,mBAAA,GAAAd,OAAA"}

package/components/OptionsMenu/useOptionsMenuItem.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { OptionsMenuItem } from "./OptionsMenuItem";
+export interface OptionsMenuItemProviderContext {
+    OptionsMenuItem: typeof OptionsMenuItem;
+}
+interface OptionsMenuItemProviderProps {
+    children: React.ReactNode;
+}
+export declare const OptionsMenuItemProvider: ({ children }: OptionsMenuItemProviderProps) => JSX.Element;
+export declare const useOptionsMenuItem: () => OptionsMenuItemProviderContext;
+export {};

package/components/OptionsMenu/useOptionsMenuItem.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOptionsMenuItem = exports.OptionsMenuItemProvider = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _OptionsMenuItem = require("./OptionsMenuItem");
+var OptionsMenuItemContext = /*#__PURE__*/_react.default.createContext(undefined);
+var OptionsMenuItemProvider = function OptionsMenuItemProvider(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(OptionsMenuItemContext.Provider, {
+    value: {
+      OptionsMenuItem: _OptionsMenuItem.OptionsMenuItem
+    }
+  }, children);
+};
+exports.OptionsMenuItemProvider = OptionsMenuItemProvider;
+var useOptionsMenuItem = function useOptionsMenuItem() {
+  var context = _react.default.useContext(OptionsMenuItemContext);
+  if (!context) {
+    throw new Error("useOptionsMenuItem must be used within a OptionsMenuItemProvider");
+  }
+  return context;
+};
+exports.useOptionsMenuItem = useOptionsMenuItem;

package/components/OptionsMenu/useOptionsMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_OptionsMenuItem","OptionsMenuItemContext","React","createContext","undefined","OptionsMenuItemProvider","_ref","children","default","createElement","Provider","value","OptionsMenuItem","exports","useOptionsMenuItem","context","useContext","Error"],"sources":["useOptionsMenuItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { OptionsMenuItem } from \"./OptionsMenuItem\";\n\nexport interface OptionsMenuItemProviderContext {\n    OptionsMenuItem: typeof OptionsMenuItem;\n}\n\nconst OptionsMenuItemContext = React.createContext<OptionsMenuItemProviderContext | undefined>(\n    undefined\n);\n\ninterface OptionsMenuItemProviderProps {\n    children: React.ReactNode;\n}\n\nexport const OptionsMenuItemProvider = ({ children }: OptionsMenuItemProviderProps) => {\n    return (\n        <OptionsMenuItemContext.Provider value={{ OptionsMenuItem }}>\n            {children}\n        </OptionsMenuItemContext.Provider>\n    );\n};\n\nexport const useOptionsMenuItem = (): OptionsMenuItemProviderContext => {\n    const context = React.useContext(OptionsMenuItemContext);\n\n    if (!context) {\n        throw new Error(\"useOptionsMenuItem must be used within a OptionsMenuItemProvider\");\n    }\n\n    return context;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAMA,IAAME,sBAAsB,gBAAGC,cAAK,CAACC,aAAa,CAC9CC,SACJ,CAAC;AAMM,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAAC,IAAA,EAAmD;EAAA,IAA7CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC9C,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,sBAAsB,CAACS,QAAQ;IAACC,KAAK,EAAE;MAAEC,eAAe,EAAfA;IAAgB;EAAE,GACvDL,QAC4B,CAAC;AAE1C,CAAC;AAACM,OAAA,CAAAR,uBAAA,GAAAA,uBAAA;AAEK,IAAMS,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA,EAAyC;EACpE,IAAMC,OAAO,GAAGb,cAAK,CAACc,UAAU,CAACf,sBAAsB,CAAC;EAExD,IAAI,CAACc,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,kEAAkE,CAAC;EACvF;EAEA,OAAOF,OAAO;AAClB,CAAC;AAACF,OAAA,CAAAC,kBAAA,GAAAA,kBAAA"}

package/components/OverlayLayout/OverlayLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["OverlayLayoutWrapper","styled","position","width","height","backgroundColor","zIndex","paddingTop","top","left","noScroll","css","overflow","defaultStyle","transform","opacity","transitionProperty","transitionTimingFunction","transitionDuration","willChange","transitionStyles","entering","entered","OverlayLayout","props","isVisible","document","body","classList","add","setState","OverlayView","openedViews","remove","onExited","barLeft","barMiddle","barRight","children","style","rest","state","hideComponent","React","Component","noop"],"sources":["OverlayLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { TopAppBarSecondary, TopAppBarSection } from \"@webiny/ui/TopAppBar\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport noop from \"lodash/noop\";\n\nimport { ReactComponent as CloseIcon } from \"@material-design-icons/svg/outlined/close.svg\";\nimport { OverlayView } from \"~/ui/views/OverlayView\";\nimport { ExitHandler } from \"react-transition-group/Transition\";\n\nconst OverlayLayoutWrapper = styled(\"div\")({\n    position: \"fixed\",\n    width: \"100%\",\n    height: \"100vh\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    /**\n     * Has to be higher than 5 so it's above advanced settings dialog,\n     * and below 20, so the image editor & Dialogs can be displayed above.\n     */\n    zIndex: 21,\n    paddingTop: 65,\n    top: 0,\n    left: 0\n});\n\nconst noScroll = css({\n    overflow: \"hidden\",\n    height: \"100vh\"\n});\n\nconst defaultStyle = {\n    transform: \"translateY(75vh)\",\n    opacity: 0,\n    transitionProperty: \"transform, opacity\",\n    transitionTimingFunction: \"cubic-bezier(0, 0, .2, 1)\",\n    transitionDuration: \"225ms\",\n    willChange: \"opacity, transform\"\n};\n\nconst transitionStyles: Record<string, any> = {\n    entering: {\n        transform: \"translateY(75vh)\",\n        opacity: 0\n    },\n    entered: {\n        transform: \"translateY(0px)\",\n        opacity: 1\n    }\n};\n\nexport interface OverlayLayoutProps {\n    barMiddle?: React.ReactNode;\n    barLeft?: React.ReactNode;\n    barRight?: React.ReactNode;\n    children: React.ReactNode;\n    onExited?: ExitHandler<HTMLElement>;\n    style?: React.CSSProperties;\n}\n\ninterface OverlayLayoutState {\n    isVisible: boolean;\n}\n\nexport class OverlayLayout extends React.Component<OverlayLayoutProps, OverlayLayoutState> {\n    constructor(props: OverlayLayoutProps) {\n        super(props);\n        document.body.classList.add(noScroll);\n    }\n\n    static defaultProps: Partial<OverlayLayoutProps> = {\n        onExited: noop\n    };\n\n    public override state: OverlayLayoutState = {\n        isVisible: true\n    };\n\n    public hideComponent(): void {\n        this.setState({ isVisible: false });\n        if (OverlayView.openedViews === 0) {\n            document.body.classList.remove(noScroll);\n        }\n    }\n\n    public override componentWillUnmount(): void {\n        if (OverlayView.openedViews === 0) {\n            document.body.classList.remove(noScroll);\n        }\n    }\n\n    public override render() {\n        const { onExited, barLeft, barMiddle, barRight, children, style, ...rest } = this.props;\n\n        return (\n            <Transition in={this.state.isVisible} timeout={100} appear onExited={onExited}>\n                {state => (\n                    <OverlayLayoutWrapper\n                        {...rest}\n                        style={{ ...defaultStyle, ...style, ...transitionStyles[state] }}\n                    >\n                        <TopAppBarSecondary fixed style={{ top: 0 }}>\n                            <TopAppBarSection style={{ width: \"33%\" }} alignStart>\n                                {barLeft}\n                            </TopAppBarSection>\n                            <TopAppBarSection style={{ width: \"33%\" }}>\n                                {barMiddle}\n                            </TopAppBarSection>\n                            <TopAppBarSection style={{ width: \"33%\" }} alignEnd>\n                                {barRight}\n                                <IconButton\n                                    ripple={false}\n                                    onClick={() => this.hideComponent()}\n                                    icon={<CloseIcon style={{ width: 24, height: 24 }} />}\n                                />\n                            </TopAppBarSection>\n                        </TopAppBarSecondary>\n\n                        {children}\n                    </OverlayLayoutWrapper>\n                )}\n            </Transition>\n        );\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactTransitionGroup","_styled","_interopRequireDefault","_emotion","_TopAppBar","_Button","_noop","_close","_OverlayView","_excluded","OverlayLayoutWrapper","styled","target","label","position","width","height","backgroundColor","zIndex","paddingTop","top","left","noScroll","css","overflow","defaultStyle","transform","opacity","transitionProperty","transitionTimingFunction","transitionDuration","willChange","transitionStyles","entering","entered","OverlayLayout","_React$Component","_inherits2","default","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","isVisible","document","body","classList","add","_createClass2","key","value","hideComponent","setState","OverlayView","openedViews","remove","componentWillUnmount","render","_this2","_this$props","onExited","barLeft","barMiddle","barRight","children","style","rest","_objectWithoutProperties2","createElement","Transition","in","state","timeout","appear","Object","assign","_objectSpread2","TopAppBarSecondary","fixed","TopAppBarSection","alignStart","alignEnd","IconButton","ripple","onClick","icon","ReactComponent","Component","exports","noop"],"sources":["OverlayLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { TopAppBarSecondary, TopAppBarSection } from \"@webiny/ui/TopAppBar\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport noop from \"lodash/noop\";\n\nimport { ReactComponent as CloseIcon } from \"@material-design-icons/svg/outlined/close.svg\";\nimport { OverlayView } from \"~/ui/views/OverlayView\";\nimport { ExitHandler } from \"react-transition-group/Transition\";\n\nconst OverlayLayoutWrapper = styled(\"div\")({\n    position: \"fixed\",\n    width: \"100%\",\n    height: \"100vh\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    /**\n     * Has to be higher than 5 so it's above advanced settings dialog,\n     * and below 20, so the image editor & Dialogs can be displayed above.\n     */\n    zIndex: 21,\n    paddingTop: 65,\n    top: 0,\n    left: 0\n});\n\nconst noScroll = css({\n    overflow: \"hidden\",\n    height: \"100vh\"\n});\n\nconst defaultStyle = {\n    transform: \"translateY(75vh)\",\n    opacity: 0,\n    transitionProperty: \"transform, opacity\",\n    transitionTimingFunction: \"cubic-bezier(0, 0, .2, 1)\",\n    transitionDuration: \"225ms\",\n    willChange: \"opacity, transform\"\n};\n\nconst transitionStyles: Record<string, any> = {\n    entering: {\n        transform: \"translateY(75vh)\",\n        opacity: 0\n    },\n    entered: {\n        transform: \"translateY(0px)\",\n        opacity: 1\n    }\n};\n\nexport interface OverlayLayoutProps {\n    barMiddle?: React.ReactNode;\n    barLeft?: React.ReactNode;\n    barRight?: React.ReactNode;\n    children: React.ReactNode;\n    onExited?: ExitHandler<HTMLElement>;\n    style?: React.CSSProperties;\n}\n\ninterface OverlayLayoutState {\n    isVisible: boolean;\n}\n\nexport class OverlayLayout extends React.Component<OverlayLayoutProps, OverlayLayoutState> {\n    constructor(props: OverlayLayoutProps) {\n        super(props);\n        document.body.classList.add(noScroll);\n    }\n\n    static defaultProps: Partial<OverlayLayoutProps> = {\n        onExited: noop\n    };\n\n    public override state: OverlayLayoutState = {\n        isVisible: true\n    };\n\n    public hideComponent(): void {\n        this.setState({ isVisible: false });\n        if (OverlayView.openedViews === 0) {\n            document.body.classList.remove(noScroll);\n        }\n    }\n\n    public override componentWillUnmount(): void {\n        if (OverlayView.openedViews === 0) {\n            document.body.classList.remove(noScroll);\n        }\n    }\n\n    public override render() {\n        const { onExited, barLeft, barMiddle, barRight, children, style, ...rest } = this.props;\n\n        return (\n            <Transition in={this.state.isVisible} timeout={100} appear onExited={onExited}>\n                {state => (\n                    <OverlayLayoutWrapper\n                        {...rest}\n                        style={{ ...defaultStyle, ...style, ...transitionStyles[state] }}\n                    >\n                        <TopAppBarSecondary fixed style={{ top: 0 }}>\n                            <TopAppBarSection style={{ width: \"33%\" }} alignStart>\n                                {barLeft}\n                            </TopAppBarSection>\n                            <TopAppBarSection style={{ width: \"33%\" }}>\n                                {barMiddle}\n                            </TopAppBarSection>\n                            <TopAppBarSection style={{ width: \"33%\" }} alignEnd>\n                                {barRight}\n                                <IconButton\n                                    ripple={false}\n                                    onClick={() => this.hideComponent()}\n                                    icon={<CloseIcon style={{ width: 24, height: 24 }} />}\n                                />\n                            </TopAppBarSection>\n                        </TopAppBarSecondary>\n\n                        {children}\n                    </OverlayLayoutWrapper>\n                )}\n            </Transition>\n        );\n    }\n}\n"],"mappings":"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"}

package/components/OverlayLayout/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./OverlayLayout\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_OverlayLayout","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./OverlayLayout\";\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/components/Permissions/CannotUseAaclAlert.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const CannotUseAaclAlert: React.FC;

package/components/Permissions/CannotUseAaclAlert.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CannotUseAaclAlert = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Alert = require("@webiny/ui/Alert");
+var CannotUseAaclAlert = function CannotUseAaclAlert() {
+  return /*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+    title: "Advanced Access Control Layer (AACL) not activated",
+    type: "warning"
+  }, /*#__PURE__*/_react.default.createElement("strong", null, "Custom access"), " option cannot be used because the Advanced Access Control Layer (AACL) is not activated. ", /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), "To learn more, please visit the official\xA0", /*#__PURE__*/_react.default.createElement("a", {
+    href: "https://webiny.link/aacl",
+    target: "_blank",
+    rel: "noreferrer"
+  }, "documentation"), ".");
+};
+exports.CannotUseAaclAlert = CannotUseAaclAlert;

package/components/Permissions/CannotUseAaclAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_Alert","CannotUseAaclAlert","default","createElement","Alert","title","type","href","target","rel","exports"],"sources":["CannotUseAaclAlert.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert } from \"@webiny/ui/Alert\";\n\nexport const CannotUseAaclAlert: React.FC = () => {\n    return (\n        <Alert title={\"Advanced Access Control Layer (AACL) not activated\"} type={\"warning\"}>\n            <strong>Custom access</strong> option cannot be used because the Advanced Access Control\n            Layer (AACL) is not activated. <br />\n            <br />\n            To learn more, please visit the official&nbsp;\n            <a href={\"https://webiny.link/aacl\"} target={\"_blank\"} rel={\"noreferrer\"}>\n                documentation\n            </a>\n            .\n        </Alert>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEO,IAAME,kBAA4B,GAAG,SAA/BA,kBAA4BA,CAAA,EAAS;EAC9C,oBACIJ,MAAA,CAAAK,OAAA,CAAAC,aAAA,CAACH,MAAA,CAAAI,KAAK;IAACC,KAAK,EAAE,oDAAqD;IAACC,IAAI,EAAE;EAAU,gBAChFT,MAAA,CAAAK,OAAA,CAAAC,aAAA,iBAAQ,eAAqB,CAAC,8FACC,eAAAN,MAAA,CAAAK,OAAA,CAAAC,aAAA,WAAK,CAAC,eACrCN,MAAA,CAAAK,OAAA,CAAAC,aAAA,WAAK,CAAC,gDAEN,eAAAN,MAAA,CAAAK,OAAA,CAAAC,aAAA;IAAGI,IAAI,EAAE,0BAA2B;IAACC,MAAM,EAAE,QAAS;IAACC,GAAG,EAAE;EAAa,GAAC,eAEvE,CAAC,KAED,CAAC;AAEhB,CAAC;AAACC,OAAA,CAAAT,kBAAA,GAAAA,kBAAA"}

package/components/Permissions/Permissions.js.map

@@ -1 +1 @@
-{"version":3,"names":["Permissions","id","value","onChange","props","useMemo","plugins","permissionPlugins","systemPlugins","byType","reduce","acc","plugin","system","push","map","pl","name","render"],"sources":["Permissions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { AdminAppPermissionRendererPlugin } from \"~/types\";\nimport { Accordion } from \"@webiny/ui/Accordion\";\nimport { plugins } from \"@webiny/plugins\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { PermissionRendererPlugin } from \"~/plugins/PermissionRendererPlugin\";\n\ninterface PermissionsProps extends BindComponentRenderProp {\n    id: string;\n    plugins?: PermissionRendererPlugin[];\n}\n\ninterface PermissionPlugins {\n    systemPlugins: (AdminAppPermissionRendererPlugin | PermissionRendererPlugin)[];\n    permissionPlugins: (AdminAppPermissionRendererPlugin | PermissionRendererPlugin)[];\n}\n\nexport const Permissions: React.FC<PermissionsProps> = ({ id, value, onChange, ...props }) => {\n    const { systemPlugins, permissionPlugins } = useMemo<PermissionPlugins>(() => {\n        if (props.plugins) {\n            return { permissionPlugins: props.plugins, systemPlugins: [] };\n        }\n\n        return plugins\n            .byType<AdminAppPermissionRendererPlugin>(\"admin-app-permissions-renderer\")\n            .reduce(\n                (acc, plugin) => {\n                    if (plugin.system === true) {\n                        acc.systemPlugins.push(plugin);\n                    } else {\n                        acc.permissionPlugins.push(plugin);\n                    }\n                    return acc;\n                },\n                { systemPlugins: [], permissionPlugins: [] } as PermissionPlugins\n            );\n    }, []);\n\n    return (\n        <Accordion elevation={0}>\n            {[...systemPlugins, ...permissionPlugins].map(pl => (\n                <React.Fragment key={pl.name + \".\" + id}>\n                    {pl.render({\n                        value,\n                        onChange\n                    })}\n                </React.Fragment>\n            ))}\n        </Accordion>\n    );\n};\n"],"mappings":";;;;;;;;;;AAAA;AAEA;AACA;AAA0C;AAcnC,IAAMA,WAAuC,GAAG,SAA1CA,WAAuC,OAA0C;EAAA,IAApCC,EAAE,QAAFA,EAAE;IAAEC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAKC,KAAK;EACnF,eAA6C,IAAAC,cAAO,EAAoB,YAAM;MAC1E,IAAID,KAAK,CAACE,OAAO,EAAE;QACf,OAAO;UAAEC,iBAAiB,EAAEH,KAAK,CAACE,OAAO;UAAEE,aAAa,EAAE;QAAG,CAAC;MAClE;MAEA,OAAOF,gBAAO,CACTG,MAAM,CAAmC,gCAAgC,CAAC,CAC1EC,MAAM,CACH,UAACC,GAAG,EAAEC,MAAM,EAAK;QACb,IAAIA,MAAM,CAACC,MAAM,KAAK,IAAI,EAAE;UACxBF,GAAG,CAACH,aAAa,CAACM,IAAI,CAACF,MAAM,CAAC;QAClC,CAAC,MAAM;UACHD,GAAG,CAACJ,iBAAiB,CAACO,IAAI,CAACF,MAAM,CAAC;QACtC;QACA,OAAOD,GAAG;MACd,CAAC,EACD;QAAEH,aAAa,EAAE,EAAE;QAAED,iBAAiB,EAAE;MAAG,CAAC,CAC/C;IACT,CAAC,EAAE,EAAE,CAAC;IAlBEC,aAAa,YAAbA,aAAa;IAAED,iBAAiB,YAAjBA,iBAAiB;EAoBxC,oBACI,6BAAC,oBAAS;IAAC,SAAS,EAAE;EAAE,GACnB,2CAAIC,aAAa,oCAAKD,iBAAiB,GAAEQ,GAAG,CAAC,UAAAC,EAAE;IAAA,oBAC5C,6BAAC,cAAK,CAAC,QAAQ;MAAC,GAAG,EAAEA,EAAE,CAACC,IAAI,GAAG,GAAG,GAAGhB;IAAG,GACnCe,EAAE,CAACE,MAAM,CAAC;MACPhB,KAAK,EAALA,KAAK;MACLC,QAAQ,EAARA;IACJ,CAAC,CAAC,CACW;EAAA,CACpB,CAAC,CACM;AAEpB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Accordion","_plugins","_excluded","Permissions","_ref","id","value","onChange","props","_objectWithoutProperties2","default","_useMemo","useMemo","plugins","permissionPlugins","systemPlugins","byType","reduce","acc","plugin","system","push","createElement","Accordion","elevation","concat","_toConsumableArray2","map","pl","Fragment","key","name","render","exports"],"sources":["Permissions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { AdminAppPermissionRendererPlugin } from \"~/types\";\nimport { Accordion } from \"@webiny/ui/Accordion\";\nimport { plugins } from \"@webiny/plugins\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { PermissionRendererPlugin } from \"~/plugins/PermissionRendererPlugin\";\n\ninterface PermissionsProps extends BindComponentRenderProp {\n    id: string;\n    plugins?: PermissionRendererPlugin[];\n}\n\ninterface PermissionPlugins {\n    systemPlugins: (AdminAppPermissionRendererPlugin | PermissionRendererPlugin)[];\n    permissionPlugins: (AdminAppPermissionRendererPlugin | PermissionRendererPlugin)[];\n}\n\nexport const Permissions: React.FC<PermissionsProps> = ({ id, value, onChange, ...props }) => {\n    const { systemPlugins, permissionPlugins } = useMemo<PermissionPlugins>(() => {\n        if (props.plugins) {\n            return { permissionPlugins: props.plugins, systemPlugins: [] };\n        }\n\n        return plugins\n            .byType<AdminAppPermissionRendererPlugin>(\"admin-app-permissions-renderer\")\n            .reduce(\n                (acc, plugin) => {\n                    if (plugin.system === true) {\n                        acc.systemPlugins.push(plugin);\n                    } else {\n                        acc.permissionPlugins.push(plugin);\n                    }\n                    return acc;\n                },\n                { systemPlugins: [], permissionPlugins: [] } as PermissionPlugins\n            );\n    }, []);\n\n    return (\n        <Accordion elevation={0}>\n            {[...systemPlugins, ...permissionPlugins].map(pl => (\n                <React.Fragment key={pl.name + \".\" + id}>\n                    {pl.render({\n                        value,\n                        onChange\n                    })}\n                </React.Fragment>\n            ))}\n        </Accordion>\n    );\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAA0C,IAAAG,SAAA;AAcnC,IAAMC,WAAuC,GAAG,SAA1CA,WAAuCA,CAAAC,IAAA,EAA0C;EAAA,IAApCC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAN,IAAA,EAAAF,SAAA;EACnF,IAAAS,QAAA,GAA6C,IAAAC,cAAO,EAAoB,YAAM;MAC1E,IAAIJ,KAAK,CAACK,OAAO,EAAE;QACf,OAAO;UAAEC,iBAAiB,EAAEN,KAAK,CAACK,OAAO;UAAEE,aAAa,EAAE;QAAG,CAAC;MAClE;MAEA,OAAOF,gBAAO,CACTG,MAAM,CAAmC,gCAAgC,CAAC,CAC1EC,MAAM,CACH,UAACC,GAAG,EAAEC,MAAM,EAAK;QACb,IAAIA,MAAM,CAACC,MAAM,KAAK,IAAI,EAAE;UACxBF,GAAG,CAACH,aAAa,CAACM,IAAI,CAACF,MAAM,CAAC;QAClC,CAAC,MAAM;UACHD,GAAG,CAACJ,iBAAiB,CAACO,IAAI,CAACF,MAAM,CAAC;QACtC;QACA,OAAOD,GAAG;MACd,CAAC,EACD;QAAEH,aAAa,EAAE,EAAE;QAAED,iBAAiB,EAAE;MAAG,CAC/C,CAAC;IACT,CAAC,EAAE,EAAE,CAAC;IAlBEC,aAAa,GAAAJ,QAAA,CAAbI,aAAa;IAAED,iBAAiB,GAAAH,QAAA,CAAjBG,iBAAiB;EAoBxC,oBACIjB,MAAA,CAAAa,OAAA,CAAAY,aAAA,CAACtB,UAAA,CAAAuB,SAAS;IAACC,SAAS,EAAE;EAAE,GACnB,GAAAC,MAAA,KAAAC,mBAAA,CAAAhB,OAAA,EAAIK,aAAa,OAAAW,mBAAA,CAAAhB,OAAA,EAAKI,iBAAiB,GAAEa,GAAG,CAAC,UAAAC,EAAE;IAAA,oBAC5C/B,MAAA,CAAAa,OAAA,CAAAY,aAAA,CAACzB,MAAA,CAAAa,OAAK,CAACmB,QAAQ;MAACC,GAAG,EAAEF,EAAE,CAACG,IAAI,GAAG,GAAG,GAAG1B;IAAG,GACnCuB,EAAE,CAACI,MAAM,CAAC;MACP1B,KAAK,EAALA,KAAK;MACLC,QAAQ,EAARA;IACJ,CAAC,CACW,CAAC;EAAA,CACpB,CACM,CAAC;AAEpB,CAAC;AAAC0B,OAAA,CAAA9B,WAAA,GAAAA,WAAA"}

package/components/Permissions/StyledComponents.js.map

@@ -1 +1 @@
-{"version":3,"names":["flexClass","css","display","alignItems","height","gridNoPaddingClass","padding","PermissionInfo","title"],"sources":["StyledComponents.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const flexClass = css({\n    display: \"flex\",\n    alignItems: \"center\",\n    height: \"100%\"\n});\n\nexport const gridNoPaddingClass = css({\n    padding: \"0px !important\"\n});\n\ninterface PermissionInfoProps {\n    title: string;\n}\nexport const PermissionInfo: React.FC<PermissionInfoProps> = ({ title }) => (\n    <div className={flexClass}>\n        <Typography use={\"body2\"}>{title}</Typography>\n    </div>\n);\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEO,IAAMA,SAAS,gBAAG,IAAAC,YAAG,EAAC;EACzBC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,MAAM,EAAE;AACZ,CAAC,qBAAC;AAAC;AAEI,IAAMC,kBAAkB,gBAAG,IAAAJ,YAAG,EAAC;EAClCK,OAAO,EAAE;AACb,CAAC,8BAAC;AAAC;AAKI,IAAMC,cAA6C,GAAG,SAAhDA,cAA6C;EAAA,IAAMC,KAAK,QAALA,KAAK;EAAA,oBACjE;IAAK,SAAS,EAAER;EAAU,gBACtB,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAQ,GAAEQ,KAAK,CAAc,CAC5C;AAAA,CACT;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Typography","flexClass","css","display","alignItems","height","exports","gridNoPaddingClass","padding","PermissionInfo","_ref","title","default","createElement","className","Typography","use"],"sources":["StyledComponents.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const flexClass = css({\n    display: \"flex\",\n    alignItems: \"center\",\n    height: \"100%\"\n});\n\nexport const gridNoPaddingClass = css({\n    padding: \"0px !important\"\n});\n\ninterface PermissionInfoProps {\n    title: string;\n}\nexport const PermissionInfo: React.FC<PermissionInfoProps> = ({ title }) => (\n    <div className={flexClass}>\n        <Typography use={\"body2\"}>{title}</Typography>\n    </div>\n);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,IAAMG,SAAS,gBAAG,IAAAC,YAAG,EAAC;EACzBC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,MAAM,EAAE;AACZ,CAAC,qBAAC;AAACC,OAAA,CAAAL,SAAA,GAAAA,SAAA;AAEI,IAAMM,kBAAkB,gBAAG,IAAAL,YAAG,EAAC;EAClCM,OAAO,EAAE;AACb,CAAC,8BAAC;AAACF,OAAA,CAAAC,kBAAA,GAAAA,kBAAA;AAKI,IAAME,cAA6C,GAAG,SAAhDA,cAA6CA,CAAAC,IAAA;EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,oBACjEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAEb;EAAU,gBACtBL,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,WAAA,CAAAe,UAAU;IAACC,GAAG,EAAE;EAAQ,GAAEL,KAAkB,CAC5C,CAAC;AAAA,CACT;AAACL,OAAA,CAAAG,cAAA,GAAAA,cAAA"}

package/components/Permissions/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./StyledComponents";
 export { Permissions } from "./Permissions";
+export { CannotUseAaclAlert } from "./CannotUseAaclAlert";

package/components/Permissions/index.js

@@ -4,8 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  Permissions: true
+  Permissions: true,
+  CannotUseAaclAlert: true
 };
+Object.defineProperty(exports, "CannotUseAaclAlert", {
+  enumerable: true,
+  get: function get() {
+    return _CannotUseAaclAlert.CannotUseAaclAlert;
+  }
+});
 Object.defineProperty(exports, "Permissions", {
   enumerable: true,
   get: function get() {
@@ -24,4 +31,5 @@ Object.keys(_StyledComponents).forEach(function (key) {
     }
   });
 });
-var _Permissions = require("./Permissions");
+var _Permissions = require("./Permissions");
+var _CannotUseAaclAlert = require("./CannotUseAaclAlert");

package/components/Permissions/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./StyledComponents\";\nexport { Permissions } from \"./Permissions\";\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA"}
+{"version":3,"names":["_StyledComponents","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_Permissions","_CannotUseAaclAlert"],"sources":["index.ts"],"sourcesContent":["export * from \"./StyledComponents\";\nexport { Permissions } from \"./Permissions\";\nexport { CannotUseAaclAlert } from \"./CannotUseAaclAlert\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,iBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,YAAA,GAAAb,OAAA;AACA,IAAAc,mBAAA,GAAAd,OAAA"}

package/components/RichTextEditor/RichTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["RichTextEditor","props","showFileManager","placeholder","context"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { RichTextEditor as UiRichTextEditor, RichTextEditorProps } from \"@webiny/ui/RichTextEditor\";\nimport { FileManager } from \"~/components\";\n\nexport const RichTextEditor: React.FC<RichTextEditorProps> = props => {\n    return (\n        <FileManager>\n            {({ showFileManager }) => (\n                <UiRichTextEditor\n                    {...props}\n                    placeholder={props.placeholder || \"Click here to type\"}\n                    context={{ ...props.context, showFileManager }}\n                />\n            )}\n        </FileManager>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAEO,IAAMA,cAA6C,GAAG,SAAhDA,cAA6C,CAAGC,KAAK,EAAI;EAClE,oBACI,6BAAC,aAAW,QACP;IAAA,IAAGC,eAAe,QAAfA,eAAe;IAAA,oBACf,6BAAC,8BAAgB,oBACTD,KAAK;MACT,WAAW,EAAEA,KAAK,CAACE,WAAW,IAAI,oBAAqB;MACvD,OAAO,8DAAOF,KAAK,CAACG,OAAO;QAAEF,eAAe,EAAfA;MAAe;IAAG,GACjD;EAAA,CACL,CACS;AAEtB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_RichTextEditor","_","RichTextEditor","props","default","createElement","FileManager","_ref","showFileManager","Object","assign","placeholder","context","_objectSpread2","exports"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { RichTextEditor as UiRichTextEditor, RichTextEditorProps } from \"@webiny/ui/RichTextEditor\";\nimport { FileManager } from \"~/components\";\n\nexport const RichTextEditor: React.FC<RichTextEditorProps> = props => {\n    return (\n        <FileManager>\n            {({ showFileManager }) => (\n                <UiRichTextEditor\n                    {...props}\n                    placeholder={props.placeholder || \"Click here to type\"}\n                    context={{ ...props.context, showFileManager }}\n                />\n            )}\n        </FileManager>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,CAAA,GAAAF,OAAA;AAEO,IAAMG,cAA6C,GAAG,SAAhDA,cAA6CA,CAAGC,KAAK,EAAI;EAClE,oBACIN,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACJ,CAAA,CAAAK,WAAW,QACP,UAAAC,IAAA;IAAA,IAAGC,eAAe,GAAAD,IAAA,CAAfC,eAAe;IAAA,oBACfX,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,eAAA,CAAAE,cAAgB,EAAAO,MAAA,CAAAC,MAAA,KACTP,KAAK;MACTQ,WAAW,EAAER,KAAK,CAACQ,WAAW,IAAI,oBAAqB;MACvDC,OAAO,MAAAC,cAAA,CAAAT,OAAA,MAAAS,cAAA,CAAAT,OAAA,MAAOD,KAAK,CAACS,OAAO;QAAEJ,eAAe,EAAfA;MAAe;IAAG,EAClD,CAAC;EAAA,CAEG,CAAC;AAEtB,CAAC;AAACM,OAAA,CAAAZ,cAAA,GAAAA,cAAA"}

package/components/RichTextEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { RichTextEditor } from \"./RichTextEditor\";\nexport { createPropsFromConfig } from \"@webiny/ui/RichTextEditor\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA"}
+{"version":3,"names":["_RichTextEditor","require","_RichTextEditor2"],"sources":["index.ts"],"sourcesContent":["export { RichTextEditor } from \"./RichTextEditor\";\nexport { createPropsFromConfig } from \"@webiny/ui/RichTextEditor\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA"}

package/components/RichTextEditor/tools/header/index.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _utils = require("../utils");
 var Header = /*#__PURE__*/function () {
   /**
@@ -25,15 +24,6 @@ var Header = /*#__PURE__*/function () {
       api = _ref.api,
       readOnly = _ref.readOnly;
     (0, _classCallCheck2.default)(this, Header);
-    (0, _defineProperty2.default)(this, "api", void 0);
-    (0, _defineProperty2.default)(this, "readOnly", void 0);
-    (0, _defineProperty2.default)(this, "settingsButtons", void 0);
-    (0, _defineProperty2.default)(this, "_CSS", void 0);
-    (0, _defineProperty2.default)(this, "_settings", void 0);
-    (0, _defineProperty2.default)(this, "_data", void 0);
-    (0, _defineProperty2.default)(this, "_element", void 0);
-    (0, _defineProperty2.default)(this, "alignments", void 0);
-    (0, _defineProperty2.default)(this, "typography", void 0);
     this.api = api;
     this.readOnly = readOnly;
     this.alignments = _utils.ALIGNMENTS;