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

package/components/FileManager/icons/privacy_tip-24px.svg

@@ -1,10 +0,0 @@
-<svg
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 24 24"
-        fill="currentColor"
->
-    <g>
-        <rect fill="none" height="24" width="24" y="0"/>
-        <path d="M4.19,4.47C3.47,4.79,3,5.51,3,6.3V11c0,5.55,3.84,10.74,9,12c5.16-1.26,9-6.45,9-12V6.3c0-0.79-0.47-1.51-1.19-1.83 l-7-3.11c-0.52-0.23-1.11-0.23-1.62,0L4.19,4.47z M12,7L12,7c0.55,0,1,0.45,1,1v0c0,0.55-0.45,1-1,1h0c-0.55,0-1-0.45-1-1v0 C11,7.45,11.45,7,12,7z M12,11L12,11c0.55,0,1,0.45,1,1v4c0,0.55-0.45,1-1,1h0c-0.55,0-1-0.45-1-1v-4C11,11.45,11.45,11,12,11z"/>
-    </g>
-</svg>

package/components/FileManager/icons/round-check_box-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path fill="none" d="M0 0h24v24H0V0z"/>
-    <path fill="currentColor" d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-8.29 13.29c-.39.39-1.02.39-1.41 0L5.71 12.7c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0L10 14.17l6.88-6.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-7.58 7.59z"/>
-</svg>

package/components/FileManager/icons/round-check_box_outline_blank-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path fill="none" d="M0 0h24v24H0V0z"/>
-    <path fill="currentColor" d="M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1zm1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/>
-</svg>

package/components/FileManager/icons/round-cloud_download-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path fill="none" d="M0 0h24v24H0V0z"/>
-    <path fill="currentColor" d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-4.65 4.65c-.2.2-.51.2-.71 0L7 13h3V9h4v4h3z"/>
-</svg>

package/components/FileManager/icons/round-cloud_upload-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path fill="none" d="M0 0h24v24H0V0z"/>
-    <path fill="currentColor" d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l4.65-4.65c.2-.2.51-.2.71 0L17 13h-3z"/>
-</svg>

package/components/FileManager/icons/round-description-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path fill="none" d="M0 0h24v24H0V0z"/>
-    <path fill="currentColor" d="M14.59 2.59c-.38-.38-.89-.59-1.42-.59H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8.83c0-.53-.21-1.04-.59-1.41l-4.82-4.83zM15 18H9c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1zm0-4H9c-.55 0-1-.45-1-1s.45-1 1-1h6c.55 0 1 .45 1 1s-.45 1-1 1zm-2-6V3.5L18.5 9H14c-.55 0-1-.45-1-1z"/>
-</svg>

package/components/FileManager/icons/round-edit-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
-    <path fill="currentColor" d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/>
-    <path d="M0 0h24v24H0z" fill="none"/>
-</svg>

package/components/FileManager/icons/round-info-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path fill="none" d="M0 0h24v24H0V0z"/>
-    <path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 15c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1zm1-8h-2V7h2v2z"/>
-</svg>

package/components/FileManager/icons/round-label-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path fill="none" d="M0 0h24v24H0V0z"/>
-    <path fill="currentColor" d="M17.63 5.84C17.27 5.33 16.67 5 16 5L5 5.01C3.9 5.01 3 5.9 3 7v10c0 1.1.9 1.99 2 1.99L16 19c.67 0 1.27-.33 1.63-.84l3.96-5.58c.25-.35.25-.81 0-1.16l-3.96-5.58z"/>
-</svg>

package/components/FileManager/icons/round-more_vert-24px.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24">
-    <path fill="none" d="M0 0h24v24H0V0z"/>
-    <path fill="currentColor" d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/>
-</svg>

package/components/FileManager/icons/round-search-24px.svg

@@ -1,20 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
-	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<g id="Header_x2F_BG" display="none">
-	<rect x="-358" y="-314" display="inline" fill="#F1F1F2" width="520" height="520"/>
-</g>
-<g id="Bounding_Boxes">
-	<g id="ui_x5F_spec_x5F_header_copy_3" display="none">
-	</g>
-	<path fill="none" d="M0,0h24v24H0V0z"/>
-</g>
-<g id="Rounded">
-	<g id="ui_x5F_spec_x5F_header_copy_5" display="none">
-	</g>
-	<path fill="currentColor" d="M15.5,14h-0.79l-0.28-0.27c1.2-1.4,1.82-3.31,1.48-5.34c-0.47-2.78-2.79-5-5.59-5.34c-4.23-0.52-7.79,3.04-7.27,7.27
-		c0.34,2.8,2.56,5.12,5.34,5.59c2.03,0.34,3.94-0.28,5.34-1.48L14,14.71v0.79l4.25,4.25c0.41,0.41,1.08,0.41,1.49,0l0,0
-		c0.41-0.41,0.41-1.08,0-1.49L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5S14,7.01,14,9.5S11.99,14,9.5,14z"/>
-</g>
-</svg>

package/components/FileManager/outputFileSelectionError.d.ts

@@ -1,7 +0,0 @@
-import { FileError as BaseFileError } from "react-butterfiles";
-interface FileError extends BaseFileError {
-    multipleMaxCount: number;
-    multipleMaxSize: number;
-}
-export declare const outputFileSelectionError: (errors: FileError[]) => string | null;
-export {};

package/components/FileManager/outputFileSelectionError.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.outputFileSelectionError = void 0;
-var _bytes = _interopRequireDefault(require("bytes"));
-var outputFileSelectionError = function outputFileSelectionError(errors) {
-  if (errors.length > 1) {
-    var error = errors.find(function (error) {
-      return error.type === "multipleMaxCountExceeded";
-    });
-    if (error) {
-      return "Cannot upload more than ".concat(error.multipleMaxCount, " files at once.");
-    }
-    error = errors.find(function (error) {
-      return error.type === "multipleMaxSizeExceeded";
-    });
-    if (error) {
-      return "Cannot upload more than ".concat(_bytes.default.format(error.multipleMaxSize), " at once.");
-    }
-    return "Multiple invalid files selected.";
-  }
-  switch (errors[0].type) {
-    case "unsupportedFileType":
-      return "Unsupported file type.";
-    case "maxSizeExceeded":
-      return "Max size exceeded.";
-    case "multipleMaxCountExceeded":
-      return "Multiple max files exceeded.";
-    case "multipleMaxSizeExceeded":
-      return "Multiple max size exceeded.";
-    case "multipleNotAllowed":
-      return "Only one file allowed.";
-    default:
-      return null;
-  }
-};
-exports.outputFileSelectionError = outputFileSelectionError;

package/components/FileManager/outputFileSelectionError.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["outputFileSelectionError","errors","length","error","find","type","multipleMaxCount","bytes","format","multipleMaxSize"],"sources":["outputFileSelectionError.ts"],"sourcesContent":["import bytes from \"bytes\";\nimport { FileError as BaseFileError } from \"react-butterfiles\";\n\ninterface FileError extends BaseFileError {\n    multipleMaxCount: number;\n    multipleMaxSize: number;\n}\n\nexport const outputFileSelectionError = (errors: FileError[]): string | null => {\n    if (errors.length > 1) {\n        let error = errors.find(error => error.type === \"multipleMaxCountExceeded\");\n        if (error) {\n            return `Cannot upload more than ${error.multipleMaxCount} files at once.`;\n        }\n\n        error = errors.find(error => error.type === \"multipleMaxSizeExceeded\");\n        if (error) {\n            return `Cannot upload more than ${bytes.format(error.multipleMaxSize)} at once.`;\n        }\n\n        return \"Multiple invalid files selected.\";\n    }\n\n    switch (errors[0].type) {\n        case \"unsupportedFileType\":\n            return \"Unsupported file type.\";\n        case \"maxSizeExceeded\":\n            return \"Max size exceeded.\";\n        case \"multipleMaxCountExceeded\":\n            return \"Multiple max files exceeded.\";\n        case \"multipleMaxSizeExceeded\":\n            return \"Multiple max size exceeded.\";\n        case \"multipleNotAllowed\":\n            return \"Only one file allowed.\";\n        default:\n            return null;\n    }\n};\n"],"mappings":";;;;;;;AAAA;AAQO,IAAMA,wBAAwB,GAAG,SAA3BA,wBAAwB,CAAIC,MAAmB,EAAoB;EAC5E,IAAIA,MAAM,CAACC,MAAM,GAAG,CAAC,EAAE;IACnB,IAAIC,KAAK,GAAGF,MAAM,CAACG,IAAI,CAAC,UAAAD,KAAK;MAAA,OAAIA,KAAK,CAACE,IAAI,KAAK,0BAA0B;IAAA,EAAC;IAC3E,IAAIF,KAAK,EAAE;MACP,yCAAkCA,KAAK,CAACG,gBAAgB;IAC5D;IAEAH,KAAK,GAAGF,MAAM,CAACG,IAAI,CAAC,UAAAD,KAAK;MAAA,OAAIA,KAAK,CAACE,IAAI,KAAK,yBAAyB;IAAA,EAAC;IACtE,IAAIF,KAAK,EAAE;MACP,yCAAkCI,cAAK,CAACC,MAAM,CAACL,KAAK,CAACM,eAAe,CAAC;IACzE;IAEA,OAAO,kCAAkC;EAC7C;EAEA,QAAQR,MAAM,CAAC,CAAC,CAAC,CAACI,IAAI;IAClB,KAAK,qBAAqB;MACtB,OAAO,wBAAwB;IACnC,KAAK,iBAAiB;MAClB,OAAO,oBAAoB;IAC/B,KAAK,0BAA0B;MAC3B,OAAO,8BAA8B;IACzC,KAAK,yBAAyB;MAC1B,OAAO,6BAA6B;IACxC,KAAK,oBAAoB;MACrB,OAAO,wBAAwB;IACnC;MACI,OAAO,IAAI;EAAC;AAExB,CAAC;AAAC"}

package/components/FileManager/types.d.ts

@@ -1,21 +0,0 @@
-import { SecurityPermission } from "@webiny/app-security/types";
-/**
- * Represents a file as we receive from the GraphQL API.
- */
-export interface FileItem {
-    id: string;
-    name: string;
-    key: string;
-    src: string;
-    size: number;
-    type: string;
-    tags: string[];
-    createdOn: string;
-    createdBy: {
-        id: string;
-    };
-}
-export interface FileManagerSecurityPermission extends SecurityPermission {
-    rwd?: string;
-    own?: boolean;
-}

package/components/FileManager/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/components/FileManager/types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { SecurityPermission } from \"@webiny/app-security/types\";\n\n/**\n * Represents a file as we receive from the GraphQL API.\n */\nexport interface FileItem {\n    id: string;\n    name: string;\n    key: string;\n    src: string;\n    size: number;\n    type: string;\n    tags: string[];\n    createdOn: string;\n    createdBy: {\n        id: string;\n    };\n}\n\nexport interface FileManagerSecurityPermission extends SecurityPermission {\n    rwd?: string;\n    own?: boolean;\n}\n"],"mappings":""}

package/components/FileManager.d.ts

@@ -1,67 +0,0 @@
-import React from "react";
-interface OnChange<T> {
-    (value: T): void;
-}
-/**
- * Represents a file object managed by the File Manager.
- */
-export interface FileManagerFileItem {
-    id: string;
-    src: string;
-    meta?: Array<FileManagerFileItemMetaItem>;
-}
-/**
- * With this we allow developers to add any value to file's meta via component composition, thus the `value: any`.
- */
-export interface FileManagerFileItemMetaItem {
-    key: string;
-    value: any;
-}
-export declare type DeprecatedFileManagerRenderPropParams = {
-    showFileManager: (onChange?: OnChange<FileManagerFileItem | FileManagerFileItem[]>) => void;
-};
-export declare type FileManagerRenderPropParams<TValue> = {
-    showFileManager: (onChange?: OnChange<TValue>) => void;
-};
-interface SingleFileRenderProp {
-    (params: FileManagerRenderPropParams<FileManagerFileItem>): React.ReactNode;
-}
-interface MultiFileRenderProp {
-    (params: FileManagerRenderPropParams<FileManagerFileItem[]>): React.ReactNode;
-}
-export declare type MultipleProps = {
-    multiple?: never;
-    multipleMaxCount?: never;
-    multipleMaxSize?: never;
-    onChange?: OnChange<FileManagerFileItem>;
-    render?: SingleFileRenderProp;
-} | {
-    multiple: true;
-    multipleMaxCount?: number;
-    multipleMaxSize?: number | string;
-    onChange?: OnChange<FileManagerFileItem[]>;
-    render?: MultiFileRenderProp;
-};
-export declare type FileManagerProps = {
-    accept?: Array<string>;
-    images?: boolean;
-    maxSize?: number | string;
-    /**
-     * @deprecated This prop is no longer used. The file structure was reduced to a bare minimum so picking is no longer necessary.
-     */
-    onChangePick?: string[];
-    onClose?: Function;
-    onUploadCompletion?: (files: FileManagerFileItem[]) => void;
-    own?: boolean;
-    scope?: string;
-    tags?: Array<string>;
-    /**
-     * @deprecated This prop is no longer used. Use the `render` prop to get better TS autocomplete.
-     */
-    children?: (params: DeprecatedFileManagerRenderPropParams) => React.ReactNode;
-} & MultipleProps;
-declare type DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;
-export declare type FileManagerRendererProps = DistributiveOmit<FileManagerProps, "render" | "children">;
-export declare const FileManagerRenderer: import("@webiny/react-composition").ComposableFC<FileManagerRendererProps>;
-export declare const FileManager: React.FC<FileManagerProps>;
-export {};

package/components/FileManager.js

@@ -1,118 +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.FileManagerRenderer = exports.FileManager = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _reactComposition = require("@webiny/react-composition");
-var _FileManagerView = _interopRequireDefault(require("./FileManager/FileManagerView"));
-var _FileManagerContext = require("./FileManager/FileManagerContext");
-var _excluded = ["id", "src"],
-  _excluded2 = ["onChange", "images", "accept"],
-  _excluded3 = ["children", "render", "onChange"];
-function getPortalTarget() {
-  var target = window.document.getElementById("file-manager-container");
-  if (!target) {
-    target = document.createElement("div");
-    target.setAttribute("id", "file-manager-container");
-    document.body && document.body.appendChild(target);
-  }
-  return target;
-}
-
-// This jewel was taken from https://davidgomes.com/pick-omit-over-union-types-in-typescript/. Massive thanks, David!
-
-/**
- * Convert a FileItem object to a FileManagerFileItem, which is then passed to `onChange` callback.
- */
-var formatFileItem = function formatFileItem(_ref) {
-  var id = _ref.id,
-    src = _ref.src,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var props = rest;
-  return {
-    id: id,
-    src: src,
-    meta: Object.keys(rest).map(function (key) {
-      return {
-        key: key,
-        value: props[key]
-      };
-    })
-  };
-};
-
-/**
- * If `accept` prop is not passed, and `images` prop is set, use these default mime types.
- * Defaults can be overridden using the `createComponentPlugin` and `FileManagerRenderer` component.
- */
-var imagesAccept = ["image/jpg", "image/jpeg", "image/tiff", "image/gif", "image/png", "image/webp", "image/bmp", "image/svg+xml"];
-var DefaultFileManagerRenderer = function DefaultFileManagerRenderer(props) {
-  var onChange = props.onChange,
-    images = props.images,
-    accept = props.accept,
-    forwardProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
-  var handleFileOnChange = function handleFileOnChange(value) {
-    if (!onChange || !value || Array.isArray(value) && !value.length) {
-      return;
-    }
-    if (Array.isArray(value)) {
-      var finalValue = value.map(formatFileItem);
-      onChange(finalValue);
-      return;
-    }
-    onChange(formatFileItem(value));
-  };
-  var viewProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, forwardProps), {}, {
-    onChange: typeof onChange === "function" ? handleFileOnChange : undefined,
-    accept: images ? accept || imagesAccept : accept || []
-  });
-  return /*#__PURE__*/_react.default.createElement(_FileManagerContext.FileManagerProvider, {
-    accept: viewProps.accept,
-    tags: viewProps.tags || [],
-    own: viewProps.own,
-    scope: viewProps.scope
-  }, /*#__PURE__*/_react.default.createElement(_FileManagerView.default, viewProps));
-};
-var FileManagerRenderer = (0, _reactComposition.makeComposable)("FileManagerRenderer", DefaultFileManagerRenderer);
-exports.FileManagerRenderer = FileManagerRenderer;
-var FileManager = function FileManager(_ref2) {
-  var children = _ref2.children,
-    render = _ref2.render,
-    onChange = _ref2.onChange,
-    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded3);
-  var containerRef = (0, _react.useRef)(getPortalTarget());
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    show = _useState2[0],
-    setShow = _useState2[1];
-  var onChangeRef = (0, _react.useRef)(onChange);
-  (0, _react.useEffect)(function () {
-    onChangeRef.current = onChange;
-  }, [onChange]);
-  var showFileManager = (0, _react.useCallback)(function (onChange) {
-    if (typeof onChange === "function") {
-      onChangeRef.current = onChange;
-    }
-    setShow(true);
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, show && /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(FileManagerRenderer, Object.assign({
-    onClose: function onClose() {
-      return setShow(false);
-    },
-    onChange: /* TODO: figure out how to create a conditional type based on the value of `rest.multiple` */
-    onChangeRef.current
-  }, rest)), containerRef.current), children ? children({
-    showFileManager: showFileManager
-  }) : render ? render({
-    showFileManager: showFileManager
-  }) : null);
-};
-exports.FileManager = FileManager;

package/components/FileManager.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getPortalTarget","target","window","document","getElementById","createElement","setAttribute","body","appendChild","formatFileItem","id","src","rest","props","meta","Object","keys","map","key","value","imagesAccept","DefaultFileManagerRenderer","onChange","images","accept","forwardProps","handleFileOnChange","Array","isArray","length","finalValue","viewProps","undefined","tags","own","scope","FileManagerRenderer","makeComposable","FileManager","children","render","containerRef","useRef","useState","show","setShow","onChangeRef","useEffect","current","showFileManager","useCallback","ReactDOM","createPortal"],"sources":["FileManager.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { makeComposable } from \"@webiny/react-composition\";\nimport FileManagerView, { FileManagerViewProps } from \"./FileManager/FileManagerView\";\nimport { FileItem } from \"./FileManager/types\";\nimport { FileManagerProvider } from \"./FileManager/FileManagerContext\";\n\ninterface OnChange<T> {\n    (value: T): void;\n}\n\n/**\n * Represents a file object managed by the File Manager.\n */\nexport interface FileManagerFileItem {\n    id: string;\n    src: string;\n    meta?: Array<FileManagerFileItemMetaItem>;\n}\n\n/**\n * With this we allow developers to add any value to file's meta via component composition, thus the `value: any`.\n */\nexport interface FileManagerFileItemMetaItem {\n    key: string;\n    value: any;\n}\n\nexport type DeprecatedFileManagerRenderPropParams = {\n    showFileManager: (onChange?: OnChange<FileManagerFileItem | FileManagerFileItem[]>) => void;\n};\n\nexport type FileManagerRenderPropParams<TValue> = {\n    showFileManager: (onChange?: OnChange<TValue>) => void;\n};\n\ninterface SingleFileRenderProp {\n    (params: FileManagerRenderPropParams<FileManagerFileItem>): React.ReactNode;\n}\n\ninterface MultiFileRenderProp {\n    (params: FileManagerRenderPropParams<FileManagerFileItem[]>): React.ReactNode;\n}\n\nexport type MultipleProps =\n    | {\n          multiple?: never;\n          multipleMaxCount?: never;\n          multipleMaxSize?: never;\n          onChange?: OnChange<FileManagerFileItem>;\n          render?: SingleFileRenderProp;\n      }\n    | {\n          multiple: true;\n          multipleMaxCount?: number;\n          multipleMaxSize?: number | string;\n          onChange?: OnChange<FileManagerFileItem[]>;\n          render?: MultiFileRenderProp;\n      };\n\nexport type FileManagerProps = {\n    accept?: Array<string>;\n    images?: boolean;\n    maxSize?: number | string;\n    /**\n     * @deprecated This prop is no longer used. The file structure was reduced to a bare minimum so picking is no longer necessary.\n     */\n    onChangePick?: string[];\n    onClose?: Function;\n    onUploadCompletion?: (files: FileManagerFileItem[]) => void;\n    own?: boolean;\n    scope?: string;\n    tags?: Array<string>;\n    /**\n     * @deprecated This prop is no longer used. Use the `render` prop to get better TS autocomplete.\n     */\n    children?: (params: DeprecatedFileManagerRenderPropParams) => React.ReactNode;\n} & MultipleProps;\n\nfunction getPortalTarget() {\n    let target = window.document.getElementById(\"file-manager-container\");\n    if (!target) {\n        target = document.createElement(\"div\");\n        target.setAttribute(\"id\", \"file-manager-container\");\n        document.body && document.body.appendChild(target);\n    }\n    return target;\n}\n\n// This jewel was taken from https://davidgomes.com/pick-omit-over-union-types-in-typescript/. Massive thanks, David!\ntype DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;\n\nexport type FileManagerRendererProps = DistributiveOmit<FileManagerProps, \"render\" | \"children\">;\n\n/**\n * Convert a FileItem object to a FileManagerFileItem, which is then passed to `onChange` callback.\n */\nconst formatFileItem = ({ id, src, ...rest }: FileItem): FileManagerFileItem => {\n    const props: { [key: string]: any } = rest;\n\n    return {\n        id,\n        src,\n        meta: Object.keys(rest).map(key => ({ key, value: props[key] }))\n    };\n};\n\n/**\n * If `accept` prop is not passed, and `images` prop is set, use these default mime types.\n * Defaults can be overridden using the `createComponentPlugin` and `FileManagerRenderer` component.\n */\nconst imagesAccept = [\n    \"image/jpg\",\n    \"image/jpeg\",\n    \"image/tiff\",\n    \"image/gif\",\n    \"image/png\",\n    \"image/webp\",\n    \"image/bmp\",\n    \"image/svg+xml\"\n];\n\nconst DefaultFileManagerRenderer: React.FC<FileManagerRendererProps> = props => {\n    const { onChange, images, accept, ...forwardProps } = props;\n\n    const handleFileOnChange = (value?: FileItem[] | FileItem) => {\n        if (!onChange || !value || (Array.isArray(value) && !value.length)) {\n            return;\n        }\n\n        if (Array.isArray(value)) {\n            const finalValue: FileManagerFileItem[] = value.map(formatFileItem);\n            (onChange as OnChange<FileManagerFileItem[]>)(finalValue);\n            return;\n        }\n\n        (onChange as OnChange<FileManagerFileItem>)(formatFileItem(value));\n    };\n\n    const viewProps: FileManagerViewProps = {\n        ...forwardProps,\n        onChange: typeof onChange === \"function\" ? handleFileOnChange : undefined,\n        accept: images ? accept || imagesAccept : accept || []\n    };\n\n    return (\n        <FileManagerProvider\n            accept={viewProps.accept}\n            tags={viewProps.tags || []}\n            own={viewProps.own}\n            scope={viewProps.scope}\n        >\n            <FileManagerView {...viewProps} />\n        </FileManagerProvider>\n    );\n};\n\nexport const FileManagerRenderer = makeComposable(\n    \"FileManagerRenderer\",\n    DefaultFileManagerRenderer\n);\n\nexport const FileManager: React.FC<FileManagerProps> = ({\n    children,\n    render,\n    onChange,\n    ...rest\n}) => {\n    const containerRef = useRef<HTMLElement>(getPortalTarget());\n    const [show, setShow] = useState(false);\n    const onChangeRef = useRef(onChange);\n\n    useEffect(() => {\n        onChangeRef.current = onChange;\n    }, [onChange]);\n\n    const showFileManager = useCallback(onChange => {\n        if (typeof onChange === \"function\") {\n            onChangeRef.current = onChange;\n        }\n        setShow(true);\n    }, []);\n\n    return (\n        <>\n            {show &&\n                ReactDOM.createPortal(\n                    <FileManagerRenderer\n                        onClose={() => setShow(false)}\n                        onChange={\n                            /* TODO: figure out how to create a conditional type based on the value of `rest.multiple` */\n                            onChangeRef.current as any\n                        }\n                        {...rest}\n                    />,\n                    containerRef.current\n                )}\n            {children ? children({ showFileManager }) : render ? render({ showFileManager }) : null}\n        </>\n    );\n};\n"],"mappings":"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"}

package/components/OverlayLayout/icons/close.svg

@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
-	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<g id="Bounding_Boxes">
-	<path fill="none" d="M0,0h24v24H0V0z"/>
-</g>
-<g id="Rounded">
-	<path d="M18.3,5.71L18.3,5.71c-0.39-0.39-1.02-0.39-1.41,0L12,10.59L7.11,5.7c-0.39-0.39-1.02-0.39-1.41,0l0,0
-		c-0.39,0.39-0.39,1.02,0,1.41L10.59,12L5.7,16.89c-0.39,0.39-0.39,1.02,0,1.41h0c0.39,0.39,1.02,0.39,1.41,0L12,13.41l4.89,4.89
-		c0.39,0.39,1.02,0.39,1.41,0l0,0c0.39-0.39,0.39-1.02,0-1.41L13.41,12l4.89-4.89C18.68,6.73,18.68,6.09,18.3,5.71z"/>
-</g>
-</svg>

package/components/OverlayLayout/icons/navigate_before.svg

@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
-	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<g id="Bounding_Boxes">
-	<g id="ui_x5F_spec_x5F_header_copy_2">
-	</g>
-	<path fill="none" d="M0,0h24v24H0V0z"/>
-</g>
-<g id="Rounded">
-	<g id="ui_x5F_spec_x5F_header_copy_6">
-	</g>
-	<path d="M14.91,6.71L14.91,6.71c-0.39-0.39-1.02-0.39-1.41,0l-4.59,4.59c-0.39,0.39-0.39,1.02,0,1.41l4.59,4.59
-		c0.39,0.39,1.02,0.39,1.41,0l0,0c0.39-0.39,0.39-1.02,0-1.41L11.03,12l3.88-3.88C15.29,7.73,15.29,7.09,14.91,6.71z"/>
-</g>
-</svg>

package/plugins/FileManagerFileTypePlugin.d.ts

@@ -1,33 +0,0 @@
-import * as React from "react";
-import { Plugin } from "@webiny/plugins";
-interface File {
-    id: string;
-    name: string;
-    key: string;
-    src: string;
-    size: number;
-    type: string;
-    tags: string[];
-    createdOn: string;
-    createdBy: {
-        id: string;
-    };
-    [key: string]: any;
-}
-export interface RenderParams {
-    file: File;
-}
-interface Config {
-    types: string[];
-    actions?: React.ComponentType<any>[];
-    render(params: RenderParams): React.ReactNode;
-}
-export declare class FileManagerFileTypePlugin extends Plugin {
-    static readonly type: string;
-    private readonly config;
-    constructor(config?: Config);
-    get types(): string[];
-    get actions(): React.ComponentType[];
-    render(params: RenderParams): React.ReactNode;
-}
-export {};

package/plugins/FileManagerFileTypePlugin.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileManagerFileTypePlugin = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _plugins = require("@webiny/plugins");
-var FileManagerFileTypePlugin = /*#__PURE__*/function (_Plugin) {
-  (0, _inherits2.default)(FileManagerFileTypePlugin, _Plugin);
-  var _super = (0, _createSuper2.default)(FileManagerFileTypePlugin);
-  function FileManagerFileTypePlugin(config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, FileManagerFileTypePlugin);
-    _this = _super.call(this);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "config", void 0);
-    _this.config = config || {};
-    return _this;
-  }
-  (0, _createClass2.default)(FileManagerFileTypePlugin, [{
-    key: "types",
-    get: function get() {
-      return this.config.types || [];
-    }
-  }, {
-    key: "actions",
-    get: function get() {
-      return this.config.actions || [];
-    }
-  }, {
-    key: "render",
-    value: function render(params) {
-      if (!this.config.render) {
-        return null;
-      }
-      return this.config.render(params);
-    }
-  }]);
-  return FileManagerFileTypePlugin;
-}(_plugins.Plugin);
-exports.FileManagerFileTypePlugin = FileManagerFileTypePlugin;
-(0, _defineProperty2.default)(FileManagerFileTypePlugin, "type", "admin-file-manager-file-type");

package/plugins/FileManagerFileTypePlugin.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["FileManagerFileTypePlugin","config","types","actions","params","render","Plugin"],"sources":["FileManagerFileTypePlugin.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Plugin } from \"@webiny/plugins\";\n\ninterface File {\n    id: string;\n    name: string;\n    key: string;\n    src: string;\n    size: number;\n    type: string;\n    tags: string[];\n    createdOn: string;\n    createdBy: {\n        id: string;\n    };\n    [key: string]: any;\n}\n\nexport interface RenderParams {\n    file: File;\n}\n\ninterface Config {\n    types: string[];\n    actions?: React.ComponentType<any>[];\n    render(params: RenderParams): React.ReactNode;\n}\n\nexport class FileManagerFileTypePlugin extends Plugin {\n    public static override readonly type: string = \"admin-file-manager-file-type\";\n    private readonly config: Partial<Config>;\n\n    public constructor(config?: Config) {\n        super();\n        this.config = config || {};\n    }\n\n    get types(): string[] {\n        return this.config.types || [];\n    }\n\n    get actions(): React.ComponentType[] {\n        return this.config.actions || [];\n    }\n\n    public render(params: RenderParams): React.ReactNode {\n        if (!this.config.render) {\n            return null;\n        }\n        return this.config.render(params);\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AACA;AAAyC,IA2B5BA,yBAAyB;EAAA;EAAA;EAIlC,mCAAmBC,MAAe,EAAE;IAAA;IAAA;IAChC;IAAQ;IACR,MAAKA,MAAM,GAAGA,MAAM,IAAI,CAAC,CAAC;IAAC;EAC/B;EAAC;IAAA;IAAA,KAED,eAAsB;MAClB,OAAO,IAAI,CAACA,MAAM,CAACC,KAAK,IAAI,EAAE;IAClC;EAAC;IAAA;IAAA,KAED,eAAqC;MACjC,OAAO,IAAI,CAACD,MAAM,CAACE,OAAO,IAAI,EAAE;IACpC;EAAC;IAAA;IAAA,OAED,gBAAcC,MAAoB,EAAmB;MACjD,IAAI,CAAC,IAAI,CAACH,MAAM,CAACI,MAAM,EAAE;QACrB,OAAO,IAAI;MACf;MACA,OAAO,IAAI,CAACJ,MAAM,CAACI,MAAM,CAACD,MAAM,CAAC;IACrC;EAAC;EAAA;AAAA,EAtB0CE,eAAM;AAAA;AAAA,8BAAxCN,yBAAyB,UACa,8BAA8B"}

package/plugins/fileManager/fileDefault.d.ts

@@ -1,2 +0,0 @@
-import { FileManagerFileTypePlugin } from "../FileManagerFileTypePlugin";
-export declare const defaultFileTypePlugin: FileManagerFileTypePlugin;

package/plugins/fileManager/fileDefault.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultFileTypePlugin = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _roundDescription24px = require("./icons/round-description-24px.svg");
-var _emotion = require("emotion");
-var _FileManagerFileTypePlugin = require("../FileManagerFileTypePlugin");
-var style = {
-  centering: /*#__PURE__*/(0, _emotion.css)({
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    height: 200
-  }, "label:centering;")
-};
-var defaultFileTypePlugin = new _FileManagerFileTypePlugin.FileManagerFileTypePlugin({
-  types: ["*/*"],
-  render: function render() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: style.centering
-    }, /*#__PURE__*/React.createElement(_roundDescription24px.ReactComponent, null));
-  }
-});
-exports.defaultFileTypePlugin = defaultFileTypePlugin;

package/plugins/fileManager/fileDefault.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["style","centering","css","display","justifyContent","alignItems","height","defaultFileTypePlugin","FileManagerFileTypePlugin","types","render"],"sources":["fileDefault.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as FileIcon } from \"./icons/round-description-24px.svg\";\nimport { css } from \"emotion\";\nimport { FileManagerFileTypePlugin } from \"~/plugins/FileManagerFileTypePlugin\";\n\nconst style = {\n    centering: css({\n        display: \"flex\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        height: 200\n    })\n};\n\nexport const defaultFileTypePlugin = new FileManagerFileTypePlugin({\n    types: [\"*/*\"],\n    render(): React.ReactNode {\n        return (\n            <div className={style.centering}>\n                <FileIcon />\n            </div>\n        );\n    }\n});\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAEA,IAAMA,KAAK,GAAG;EACVC,SAAS,eAAE,IAAAC,YAAG,EAAC;IACXC,OAAO,EAAE,MAAM;IACfC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE;EACZ,CAAC;AACL,CAAC;AAEM,IAAMC,qBAAqB,GAAG,IAAIC,oDAAyB,CAAC;EAC/DC,KAAK,EAAE,CAAC,KAAK,CAAC;EACdC,MAAM,oBAAoB;IACtB,oBACI;MAAK,SAAS,EAAEV,KAAK,CAACC;IAAU,gBAC5B,oBAAC,oCAAQ,OAAG,CACV;EAEd;AACJ,CAAC,CAAC;AAAC"}

package/plugins/fileManager/fileImage/DeleteAction.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { FileManagerFileItem } from "../../../components/FileManager";
-interface DeleteActionProps {
-    file: FileManagerFileItem;
-}
-declare const DeleteAction: React.FC<DeleteActionProps>;
-export default DeleteAction;

package/plugins/fileManager/fileImage/DeleteAction.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireDefault(require("react"));
-var _Tooltip = require("@webiny/ui/Tooltip");
-var _Button = require("@webiny/ui/Button");
-var _useSnackbar2 = require("../../../hooks/useSnackbar");
-var _reactHooks = require("@apollo/react-hooks");
-var _i18n = require("@webiny/app/i18n");
-var _delete = require("../../../components/FileManager/icons/delete.svg");
-var _graphql = require("../../../components/FileManager/graphql");
-var _templateObject;
-var t = _i18n.i18n.ns("app-admin/file-manager/files/delete-action");
-var DeleteAction = function DeleteAction(props) {
-  var file = props.file;
-  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _useMutation = (0, _reactHooks.useMutation)(_graphql.DELETE_FILE, {
-      variables: {
-        id: file.id
-      }
-    }),
-    _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 1),
-    deleteFile = _useMutation2[0];
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    content: /*#__PURE__*/_react.default.createElement("span", null, "Edit image"),
-    placement: "bottom"
-  }, /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, {
-      style: {
-        margin: "0 8px 0 0"
-      }
-    }),
-    onClick: /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return deleteFile();
-          case 2:
-            showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["File deleted."]))));
-          case 3:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }))
-  })));
-};
-var _default = DeleteAction;
-exports.default = _default;

package/plugins/fileManager/fileImage/DeleteAction.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["t","i18n","ns","DeleteAction","props","file","useSnackbar","showSnackbar","useMutation","DELETE_FILE","variables","id","deleteFile","margin"],"sources":["DeleteAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { useSnackbar } from \"~/hooks/useSnackbar\";\nimport { useMutation } from \"@apollo/react-hooks\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { FileManagerFileItem } from \"~/components/FileManager\";\nconst t = i18n.ns(\"app-admin/file-manager/files/delete-action\");\n\nimport { ReactComponent as DeleteIcon } from \"../../../components/FileManager/icons/delete.svg\";\nimport { DELETE_FILE } from \"~/components/FileManager/graphql\";\n\ninterface DeleteActionProps {\n    file: FileManagerFileItem;\n}\nconst DeleteAction: React.FC<DeleteActionProps> = props => {\n    const { file } = props;\n    const { showSnackbar } = useSnackbar();\n    const [deleteFile] = useMutation(DELETE_FILE, {\n        variables: {\n            id: file.id\n        }\n    });\n\n    return (\n        <>\n            <Tooltip content={<span>Edit image</span>} placement={\"bottom\"}>\n                <IconButton\n                    icon={<DeleteIcon style={{ margin: \"0 8px 0 0\" }} />}\n                    onClick={async () => {\n                        await deleteFile();\n                        showSnackbar(t`File deleted.`);\n                    }}\n                />\n            </Tooltip>\n        </>\n    );\n};\n\nexport default DeleteAction;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AAA+D;AAH/D,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,4CAA4C,CAAC;AAQ/D,IAAMC,YAAyC,GAAG,SAA5CA,YAAyC,CAAGC,KAAK,EAAI;EACvD,IAAQC,IAAI,GAAKD,KAAK,CAAdC,IAAI;EACZ,mBAAyB,IAAAC,yBAAW,GAAE;IAA9BC,YAAY,gBAAZA,YAAY;EACpB,mBAAqB,IAAAC,uBAAW,EAACC,oBAAW,EAAE;MAC1CC,SAAS,EAAE;QACPC,EAAE,EAAEN,IAAI,CAACM;MACb;IACJ,CAAC,CAAC;IAAA;IAJKC,UAAU;EAMjB,oBACI,yEACI,6BAAC,gBAAO;IAAC,OAAO,eAAE,2CAAM,YAAU,CAAQ;IAAC,SAAS,EAAE;EAAS,gBAC3D,6BAAC,kBAAU;IACP,IAAI,eAAE,6BAAC,sBAAU;MAAC,KAAK,EAAE;QAAEC,MAAM,EAAE;MAAY;IAAE,EAAI;IACrD,OAAO,sGAAE;MAAA;QAAA;UAAA;YAAA;YAAA,OACCD,UAAU,EAAE;UAAA;YAClBL,YAAY,CAACP,CAAC,iGAAgB;UAAC;UAAA;YAAA;QAAA;MAAA;IAAA,CAClC;EAAC,EACJ,CACI,CACX;AAEX,CAAC;AAAC,eAEaG,YAAY;AAAA"}