@webiny/app-file-manager 5.35.2 → 5.36.0-beta.1

package/components/Grid/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FolderList","styled","FileList","COMPONENT_WIDTH","COMPONENT_HEIGHT","grow","keyframes","FileBody","FileInfoIcon","FilePreview","FileClickable","FileLabel","FileWrapper","disableSelect","selected"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { keyframes } from \"@emotion/react\";\n\nexport const FolderList = styled(\"div\")`\n    margin: 16px;\n`;\n\nexport const FileList = styled(\"div\")`\n    display: grid;\n    /* define the number of grid columns */\n    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n    column-gap: 16px;\n    row-gap: 16px;\n    margin: 16px;\n`;\n\nconst COMPONENT_WIDTH = 200;\nconst COMPONENT_HEIGHT = 200;\n\nconst grow = keyframes`\n  0% {\n    transform: scale(1)\n  }\n  50% {\n    transform: scale(1.2)\n  }\n  100% {\n    transform: scale(1)\n  }\n`;\n\ntype FileWrapperProps = {\n    disableSelect: boolean;\n    selected: boolean;\n};\n\nexport const FileBody = styled(\"div\")`\n    transition: 200ms ease-in opacity;\n    width: ${COMPONENT_WIDTH};\n    height: ${COMPONENT_HEIGHT};\n    overflow: hidden;\n`;\n\nexport const FileInfoIcon = styled(\"div\")`\n    opacity: 0;\n    position: absolute;\n    top: 0;\n    right: 0;\n    z-index: 10;\n    transition: all 150ms ease-in;\n\n    &:hover {\n        animation-name: ${grow};\n        animation-duration: 0.4s;\n        animation-timing-function: ease-in;\n        animation-delay: 0.2s;\n    }\n\n    & .mdc-icon-button svg {\n        color: var(--mdc-theme-secondary);\n    }\n`;\n\nexport const FilePreview = styled(\"div\")`\n    text-align: center;\n    position: relative;\n    background-color: var(--mdc-theme-surface);\n    width: 100%;\n    height: 100%;\n`;\n\nexport const FileClickable = styled(\"div\")`\n    position: absolute;\n    top: 30px;\n    left: 0;\n    width: 100%;\n    height: 170px;\n    z-index: 2;\n`;\n\nexport const FileLabel = styled(\"div\")`\n    padding: 15px 10px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: 0.8rem;\n    color: var(--mdc-theme-on-surface);\n    background-color: var(--mdc-theme-on-background);\n`;\n\nexport const FileWrapper = styled(\"div\")<FileWrapperProps>`\n    display: inline-block;\n    float: left;\n    position: relative;\n    z-index: 1;\n    cursor: ${({ disableSelect }) => (disableSelect ? \"auto\" : \"pointer\")};\n    width: 100%;\n    max-width: ${COMPONENT_WIDTH};\n    border: 1px solid var(--mdc-theme-on-background);\n    border-radius: 2px;\n    box-shadow: ${({ selected }) =>\n        selected ? \"0px 0px 0px 2px var(--mdc-theme-primary)\" : \"none\"};\n\n    &:hover ${FileInfoIcon} {\n        opacity: 1;\n    }\n`;\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,UAAU,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,kBAErC;AAAC;AAEK,IAAMC,QAAQ,oBAAGD,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,sHAOnC;AAAC;AAEF,IAAME,eAAe,GAAG,GAAG;AAC3B,IAAMC,gBAAgB,GAAG,GAAG;AAE5B,IAAMC,IAAI,oBAAGC,gBAAS,uFAUrB;AAOM,IAAMC,QAAQ,oBAAGN,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,8CAEvBE,eAAe,cACdC,gBAAgB,sBAE7B;AAAC;AAEK,IAAMI,YAAY,oBAAGP,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,gHASdI,IAAI,+IAS7B;AAAC;AAEK,IAAMI,WAAW,oBAAGR,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,2GAMtC;AAAC;AAEK,IAAMS,aAAa,oBAAGT,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,0EAOxC;AAAC;AAEK,IAAMU,SAAS,oBAAGV,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,qLAQpC;AAAC;AAEK,IAAMW,WAAW,oBAAGX,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,0EAKzB;EAAA,IAAGY,aAAa,QAAbA,aAAa;EAAA,OAAQA,aAAa,GAAG,MAAM,GAAG,SAAS;AAAA,CAAC,4BAExDV,eAAe,oFAGd;EAAA,IAAGW,QAAQ,SAARA,QAAQ;EAAA,OACrBA,QAAQ,GAAG,0CAA0C,GAAG,MAAM;AAAA,gBAExDN,YAAY,iBAGzB;AAAC"}

package/components/NoPermission/NoPermission.d.ts

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

package/components/NoPermission/NoPermission.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NoPermission = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _i18n = require("@webiny/app/i18n");
+var _Icon = require("@webiny/ui/Icon");
+var _styled = require("./styled");
+var _templateObject, _templateObject2;
+var t = _i18n.i18n.ns("app-admin/file-manager/components/no-permission");
+var NoPermission = function NoPermission() {
+  return /*#__PURE__*/_react.default.createElement(_styled.NoPermissionWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.NoPermissionOuter, null, /*#__PURE__*/_react.default.createElement(_styled.NoPermissionInner, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_styled.NoPermissionIcon, null)
+  }), /*#__PURE__*/_react.default.createElement(_styled.NoPermissionTitle, {
+    use: "headline6"
+  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Permission needed"])))), /*#__PURE__*/_react.default.createElement(_styled.NoPermissionBody, {
+    use: "body2"
+  }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["You're missing required permission to access files. Please contact the administrator."])))))));
+};
+exports.NoPermission = NoPermission;

package/components/NoPermission/NoPermission.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","NoPermission"],"sources":["NoPermission.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Icon } from \"@webiny/ui/Icon\";\n\nimport {\n    NoPermissionBody,\n    NoPermissionIcon,\n    NoPermissionInner,\n    NoPermissionOuter,\n    NoPermissionTitle,\n    NoPermissionWrapper\n} from \"./styled\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/no-permission\");\n\nexport const NoPermission: React.FC = () => {\n    return (\n        <NoPermissionWrapper>\n            <NoPermissionOuter>\n                <NoPermissionInner>\n                    <Icon icon={<NoPermissionIcon />} />\n                    <NoPermissionTitle use={\"headline6\"}>{t`Permission needed`}</NoPermissionTitle>\n                    <NoPermissionBody use={\"body2\"}>\n                        {t`You're missing required permission to access files. Please contact the administrator.`}\n                    </NoPermissionBody>\n                </NoPermissionInner>\n            </NoPermissionOuter>\n        </NoPermissionWrapper>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAEA;AAOkB;AAElB,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,iDAAiD,CAAC;AAE7D,IAAMC,YAAsB,GAAG,SAAzBA,YAAsB,GAAS;EACxC,oBACI,6BAAC,2BAAmB,qBAChB,6BAAC,yBAAiB,qBACd,6BAAC,yBAAiB,qBACd,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,wBAAgB;EAAI,EAAG,eACpC,6BAAC,yBAAiB;IAAC,GAAG,EAAE;EAAY,GAAEH,CAAC,qGAAwC,eAC/E,6BAAC,wBAAgB;IAAC,GAAG,EAAE;EAAQ,GAC1BA,CAAC,2KACa,CACH,CACJ,CACF;AAE9B,CAAC;AAAC"}

package/components/NoPermission/index.d.ts

@@ -0,0 +1 @@
+export * from "./NoPermission";

package/components/NoPermission/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _NoPermission = require("./NoPermission");
+Object.keys(_NoPermission).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _NoPermission[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NoPermission[key];
+    }
+  });
+});

package/components/NoPermission/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./NoPermission\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/components/NoPermission/styled.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="web" />
+export declare const NoPermissionWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NoPermissionOuter: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NoPermissionInner: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NoPermissionIcon: import("@emotion/styled").StyledComponent<import("react").SVGProps<SVGSVGElement> & {
+    alt?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const NoPermissionTitle: import("@emotion/styled").StyledComponent<import("@webiny/ui/Typography/Typography").TypographyProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const NoPermissionBody: import("@emotion/styled").StyledComponent<import("@webiny/ui/Typography/Typography").TypographyProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/components/NoPermission/styled.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NoPermissionWrapper = exports.NoPermissionTitle = exports.NoPermissionOuter = exports.NoPermissionInner = exports.NoPermissionIcon = exports.NoPermissionBody = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _privacy_tip = require("@material-design-icons/svg/outlined/privacy_tip.svg");
+var _Typography = require("@webiny/ui/Typography");
+var NoPermissionWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "NoPermissionWrapper",
+  target: "eemsv160"
+})("margin:0 auto;padding-top:0;height:calc(100vh - 95px);z-index:2;width:100%;position:absolute;background-color:transparent;");
+exports.NoPermissionWrapper = NoPermissionWrapper;
+var NoPermissionOuter = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "NoPermissionOuter",
+  target: "eemsv161"
+})("text-align:center;width:300px;height:300px;background-color:var(--mdc-theme-surface);border-radius:50%;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);");
+exports.NoPermissionOuter = NoPermissionOuter;
+var NoPermissionInner = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "NoPermissionInner",
+  target: "eemsv162"
+})("display:flex;flex-direction:column;align-items:center;padding-top:35px;width:300px;color:var(--mdc-theme-on-surface);");
+exports.NoPermissionInner = NoPermissionInner;
+var NoPermissionIcon = /*#__PURE__*/(0, _styled.default)(_privacy_tip.ReactComponent, {
+  label: "NoPermissionIcon",
+  target: "eemsv163"
+})("width:100px !important;height:auto;display:inline-block;color:var(--mdc-theme-on-surface);");
+exports.NoPermissionIcon = NoPermissionIcon;
+var NoPermissionTitle = /*#__PURE__*/(0, _styled.default)(_Typography.Typography, {
+  label: "NoPermissionTitle",
+  target: "eemsv164"
+})("margin-top:8px;");
+exports.NoPermissionTitle = NoPermissionTitle;
+var NoPermissionBody = /*#__PURE__*/(0, _styled.default)(_Typography.Typography, {
+  label: "NoPermissionBody",
+  target: "eemsv165"
+})("padding:0 16px;color:var(--mdc-theme-text-secondary-on-background);");
+exports.NoPermissionBody = NoPermissionBody;

package/components/NoPermission/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NoPermissionWrapper","styled","NoPermissionOuter","NoPermissionInner","NoPermissionIcon","PermissionIcon","NoPermissionTitle","Typography","NoPermissionBody"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ReactComponent as PermissionIcon } from \"@material-design-icons/svg/outlined/privacy_tip.svg\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const NoPermissionWrapper = styled(\"div\")`\n    margin: 0 auto;\n    padding-top: 0;\n    height: calc(100vh - 95px);\n    z-index: 2;\n    width: 100%;\n    position: absolute;\n    background-color: transparent;\n`;\n\nexport const NoPermissionOuter = styled(\"div\")`\n    text-align: center;\n    width: 300px;\n    height: 300px;\n    background-color: var(--mdc-theme-surface);\n    border-radius: 50%;\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translateX(-50%) translateY(-50%);\n`;\n\nexport const NoPermissionInner = styled(\"div\")`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding-top: 35px;\n    width: 300px;\n    color: var(--mdc-theme-on-surface);\n`;\n\nexport const NoPermissionIcon = styled(PermissionIcon)`\n    width: 100px !important;\n    height: auto;\n    display: inline-block;\n    color: var(--mdc-theme-on-surface);\n`;\n\nexport const NoPermissionTitle = styled(Typography)`\n    margin-top: 8px;\n`;\n\nexport const NoPermissionBody = styled(Typography)`\n    padding: 0 16px;\n    color: var(--mdc-theme-text-secondary-on-background);\n`;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEO,IAAMA,mBAAmB,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,gIAQ9C;AAAC;AAEK,IAAMC,iBAAiB,oBAAGD,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,4LAU5C;AAAC;AAEK,IAAME,iBAAiB,oBAAGF,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,2HAO5C;AAAC;AAEK,IAAMG,gBAAgB,oBAAGH,eAAM,EAACI,2BAAc;EAAA;EAAA;AAAA,gGAKpD;AAAC;AAEK,IAAMC,iBAAiB,oBAAGL,eAAM,EAACM,sBAAU;EAAA;EAAA;AAAA,qBAEjD;AAAC;AAEK,IAAMC,gBAAgB,oBAAGP,eAAM,EAACM,sBAAU;EAAA;EAAA;AAAA,yEAGhD;AAAC"}

package/components/NoResults/NoResults.d.ts

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

package/components/NoResults/NoResults.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NoResults = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _i18n = require("@webiny/app/i18n");
+var _styled = require("./styled");
+var _templateObject;
+var t = _i18n.i18n.ns("app-admin/file-manager/components/no-results");
+var NoResults = function NoResults() {
+  return /*#__PURE__*/_react.default.createElement(_styled.NoResultsWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["No results found."])))));
+};
+exports.NoResults = NoResults;

package/components/NoResults/NoResults.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","NoResults"],"sources":["NoResults.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nimport { NoResultsWrapper } from \"./styled\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/no-results\");\n\nexport const NoResults: React.FC = () => {\n    return (\n        <NoResultsWrapper>\n            <div>{t`No results found.`}</div>\n        </NoResultsWrapper>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AAA4C;AAE5C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,8CAA8C,CAAC;AAE1D,IAAMC,SAAmB,GAAG,SAAtBA,SAAmB,GAAS;EACrC,oBACI,6BAAC,wBAAgB,qBACb,0CAAMH,CAAC,qGAA0B,CAClB;AAE3B,CAAC;AAAC"}

package/components/NoResults/index.d.ts

@@ -0,0 +1 @@
+export * from "./NoResults";

package/components/NoResults/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _NoResults = require("./NoResults");
+Object.keys(_NoResults).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _NoResults[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _NoResults[key];
+    }
+  });
+});

package/components/NoResults/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./NoResults\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/components/NoResults/styled.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="web" />
+export declare const NoResultsWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/NoResults/styled.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NoResultsWrapper = void 0;
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var NoResultsWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+  label: "NoResultsWrapper",
+  target: "e1q60f2c0"
+})("padding:100px 0;text-align:center;position:absolute;width:100%;");
+exports.NoResultsWrapper = NoResultsWrapper;

package/components/NoResults/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NoResultsWrapper","styled"],"sources":["styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const NoResultsWrapper = styled(\"div\")`\n    padding: 100px 0;\n    text-align: center;\n    position: absolute;\n    width: 100%;\n`;\n"],"mappings":";;;;;;;AAAA;AAEO,IAAMA,gBAAgB,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,qEAK3C;AAAC"}

package/components/Table/FolderActionDelete.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface FolderActionDeleteProps {
+    onClick: () => void;
+}
+export declare const FolderActionDelete: React.FC<FolderActionDeleteProps>;
+export {};

package/components/Table/FolderActionDelete.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FolderActionDelete = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _delete = require("@material-design-icons/svg/outlined/delete.svg");
+var _i18n = require("@webiny/app/i18n");
+var _Icon = require("@webiny/ui/Icon");
+var _Menu = require("@webiny/ui/Menu");
+var _styled = require("./styled");
+var _templateObject;
+var t = _i18n.i18n.ns("app-admin/file-manager/components/table/folder-action-delete");
+var FolderActionDelete = function FolderActionDelete(_ref) {
+  var onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(_styled.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, null)
+  })), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Delete"]))));
+};
+exports.FolderActionDelete = FolderActionDelete;

package/components/Table/FolderActionDelete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","FolderActionDelete","onClick"],"sources":["FolderActionDelete.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ReactComponent as Delete } from \"@material-design-icons/svg/outlined/delete.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { MenuItem } from \"@webiny/ui/Menu\";\n\nimport { ListItemGraphic } from \"./styled\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/table/folder-action-delete\");\n\ninterface FolderActionDeleteProps {\n    onClick: () => void;\n}\nexport const FolderActionDelete: React.FC<FolderActionDeleteProps> = ({ onClick }) => {\n    return (\n        <MenuItem onClick={onClick}>\n            <ListItemGraphic>\n                <Icon icon={<Delete />} />\n            </ListItemGraphic>\n            {t`Delete`}\n        </MenuItem>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAEA;AAA2C;AAE3C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,8DAA8D,CAAC;AAK1E,IAAMC,kBAAqD,GAAG,SAAxDA,kBAAqD,OAAoB;EAAA,IAAdC,OAAO,QAAPA,OAAO;EAC3E,oBACI,6BAAC,cAAQ;IAAC,OAAO,EAAEA;EAAQ,gBACvB,6BAAC,uBAAe,qBACZ,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,sBAAM;EAAI,EAAG,CACZ,EACjBJ,CAAC,0FACK;AAEnB,CAAC;AAAC"}

package/components/Table/FolderActionEdit.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface FolderActionEditProps {
+    onClick: () => void;
+}
+export declare const FolderActionEdit: React.FC<FolderActionEditProps>;
+export {};

package/components/Table/FolderActionEdit.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FolderActionEdit = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _edit = require("@material-design-icons/svg/outlined/edit.svg");
+var _i18n = require("@webiny/app/i18n");
+var _Icon = require("@webiny/ui/Icon");
+var _Menu = require("@webiny/ui/Menu");
+var _styled = require("./styled");
+var _templateObject;
+var t = _i18n.i18n.ns("app-admin/file-manager/components/table/folder-action-edit");
+var FolderActionEdit = function FolderActionEdit(_ref) {
+  var onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(_styled.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_edit.ReactComponent, null)
+  })), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Edit"]))));
+};
+exports.FolderActionEdit = FolderActionEdit;

package/components/Table/FolderActionEdit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","FolderActionEdit","onClick"],"sources":["FolderActionEdit.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ReactComponent as Edit } from \"@material-design-icons/svg/outlined/edit.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { MenuItem } from \"@webiny/ui/Menu\";\n\nimport { ListItemGraphic } from \"./styled\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/table/folder-action-edit\");\n\ninterface FolderActionEditProps {\n    onClick: () => void;\n}\nexport const FolderActionEdit: React.FC<FolderActionEditProps> = ({ onClick }) => {\n    return (\n        <MenuItem onClick={onClick}>\n            <ListItemGraphic>\n                <Icon icon={<Edit />} />\n            </ListItemGraphic>\n            {t`Edit`}\n        </MenuItem>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAEA;AAA2C;AAE3C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,4DAA4D,CAAC;AAKxE,IAAMC,gBAAiD,GAAG,SAApDA,gBAAiD,OAAoB;EAAA,IAAdC,OAAO,QAAPA,OAAO;EACvE,oBACI,6BAAC,cAAQ;IAAC,OAAO,EAAEA;EAAQ,gBACvB,6BAAC,uBAAe,qBACZ,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,oBAAI;EAAI,EAAG,CACV,EACjBJ,CAAC,wFACK;AAEnB,CAAC;AAAC"}

package/components/Table/Name.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface DefaultProps {
+    name: string;
+    id: string;
+    onClick: (id: string) => void;
+}
+interface FileProps extends DefaultProps {
+    type?: string;
+}
+export declare const FolderName: React.FC<DefaultProps>;
+export declare const FileName: React.FC<FileProps>;
+export {};

package/components/Table/Name.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FolderName = exports.FileName = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _folder = require("@material-design-icons/svg/outlined/folder.svg");
+var _insert_photo = require("@material-design-icons/svg/outlined/insert_photo.svg");
+var _description = require("@material-design-icons/svg/outlined/description.svg");
+var _styled = require("./styled");
+var FolderName = function FolderName(_ref) {
+  var name = _ref.name,
+    id = _ref.id,
+    _onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement(_styled.RowTitle, {
+    onClick: function onClick() {
+      return _onClick(id);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_styled.RowIcon, null, /*#__PURE__*/_react.default.createElement(_folder.ReactComponent, null)), /*#__PURE__*/_react.default.createElement(_styled.RowText, {
+    use: "subtitle2"
+  }, name));
+};
+exports.FolderName = FolderName;
+var FileName = function FileName(_ref2) {
+  var name = _ref2.name,
+    id = _ref2.id,
+    type = _ref2.type,
+    _onClick2 = _ref2.onClick;
+  return /*#__PURE__*/_react.default.createElement(_styled.RowTitle, {
+    onClick: function onClick() {
+      return _onClick2(id);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_styled.RowIcon, null, type && type.includes("image") ? /*#__PURE__*/_react.default.createElement(_insert_photo.ReactComponent, null) : /*#__PURE__*/_react.default.createElement(_description.ReactComponent, null)), /*#__PURE__*/_react.default.createElement(_styled.RowText, {
+    use: "subtitle2"
+  }, name));
+};
+exports.FileName = FileName;

package/components/Table/Name.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FolderName","name","id","onClick","FileName","type","includes"],"sources":["Name.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ReactComponent as Folder } from \"@material-design-icons/svg/outlined/folder.svg\";\nimport { ReactComponent as Image } from \"@material-design-icons/svg/outlined/insert_photo.svg\";\nimport { ReactComponent as File } from \"@material-design-icons/svg/outlined/description.svg\";\n\nimport { RowIcon, RowText, RowTitle } from \"./styled\";\n\ninterface DefaultProps {\n    name: string;\n    id: string;\n    onClick: (id: string) => void;\n}\n\ninterface FileProps extends DefaultProps {\n    type?: string;\n}\n\nexport const FolderName: React.FC<DefaultProps> = ({ name, id, onClick }) => {\n    return (\n        <RowTitle onClick={() => onClick(id)}>\n            <RowIcon>\n                <Folder />\n            </RowIcon>\n            <RowText use={\"subtitle2\"}>{name}</RowText>\n        </RowTitle>\n    );\n};\n\nexport const FileName: React.FC<FileProps> = ({ name, id, type, onClick }) => {\n    return (\n        <RowTitle onClick={() => onClick(id)}>\n            <RowIcon>{type && type.includes(\"image\") ? <Image /> : <File />}</RowIcon>\n            <RowText use={\"subtitle2\"}>{name}</RowText>\n        </RowTitle>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AAEA;AAYO,IAAMA,UAAkC,GAAG,SAArCA,UAAkC,OAA8B;EAAA,IAAxBC,IAAI,QAAJA,IAAI;IAAEC,EAAE,QAAFA,EAAE;IAAEC,QAAO,QAAPA,OAAO;EAClE,oBACI,6BAAC,gBAAQ;IAAC,OAAO,EAAE;MAAA,OAAMA,QAAO,CAACD,EAAE,CAAC;IAAA;EAAC,gBACjC,6BAAC,eAAO,qBACJ,6BAAC,sBAAM,OAAG,CACJ,eACV,6BAAC,eAAO;IAAC,GAAG,EAAE;EAAY,GAAED,IAAI,CAAW,CACpC;AAEnB,CAAC;AAAC;AAEK,IAAMG,QAA6B,GAAG,SAAhCA,QAA6B,QAAoC;EAAA,IAA9BH,IAAI,SAAJA,IAAI;IAAEC,EAAE,SAAFA,EAAE;IAAEG,IAAI,SAAJA,IAAI;IAAEF,SAAO,SAAPA,OAAO;EACnE,oBACI,6BAAC,gBAAQ;IAAC,OAAO,EAAE;MAAA,OAAMA,SAAO,CAACD,EAAE,CAAC;IAAA;EAAC,gBACjC,6BAAC,eAAO,QAAEG,IAAI,IAAIA,IAAI,CAACC,QAAQ,CAAC,OAAO,CAAC,gBAAG,6BAAC,4BAAK,OAAG,gBAAG,6BAAC,2BAAI,OAAG,CAAW,eAC1E,6BAAC,eAAO;IAAC,GAAG,EAAE;EAAY,GAAEL,IAAI,CAAW,CACpC;AAEnB,CAAC;AAAC"}

package/components/Table/RecordActionCopy.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { SearchRecordItem } from "@webiny/app-aco/types";
+import { FileItem } from "@webiny/app/types";
+interface RecordActionCopyProps {
+    record: SearchRecordItem<FileItem>["data"];
+}
+export declare const RecordActionCopy: React.FC<RecordActionCopyProps>;
+export {};

package/components/Table/RecordActionCopy.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RecordActionCopy = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _content_copy = require("@material-design-icons/svg/outlined/content_copy.svg");
+var _i18n = require("@webiny/app/i18n");
+var _Icon = require("@webiny/ui/Icon");
+var _Menu = require("@webiny/ui/Menu");
+var _useCopyFile2 = require("../../hooks/useCopyFile");
+var _styled = require("./styled");
+var _templateObject;
+var t = _i18n.i18n.ns("app-admin/file-manager/components/table/record-action-copy");
+var RecordActionCopy = function RecordActionCopy(_ref) {
+  var record = _ref.record;
+  var _useCopyFile = (0, _useCopyFile2.useCopyFile)({
+      file: record
+    }),
+    copyFileUrl = _useCopyFile.copyFileUrl;
+  return /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
+    onClick: copyFileUrl
+  }, /*#__PURE__*/_react.default.createElement(_styled.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_content_copy.ReactComponent, null)
+  })), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Copy"]))));
+};
+exports.RecordActionCopy = RecordActionCopy;

package/components/Table/RecordActionCopy.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","RecordActionCopy","record","useCopyFile","file","copyFileUrl"],"sources":["RecordActionCopy.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ReactComponent as Copy } from \"@material-design-icons/svg/outlined/content_copy.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { MenuItem } from \"@webiny/ui/Menu\";\n\nimport { useCopyFile } from \"~/hooks/useCopyFile\";\n\nimport { SearchRecordItem } from \"@webiny/app-aco/types\";\nimport { FileItem } from \"@webiny/app/types\";\n\nimport { ListItemGraphic } from \"./styled\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/table/record-action-copy\");\n\ninterface RecordActionCopyProps {\n    record: SearchRecordItem<FileItem>[\"data\"];\n}\nexport const RecordActionCopy: React.FC<RecordActionCopyProps> = ({ record }) => {\n    const { copyFileUrl } = useCopyFile({ file: record });\n    return (\n        <MenuItem onClick={copyFileUrl}>\n            <ListItemGraphic>\n                <Icon icon={<Copy />} />\n            </ListItemGraphic>\n            {t`Copy`}\n        </MenuItem>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAEA;AAKA;AAA2C;AAE3C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,4DAA4D,CAAC;AAKxE,IAAMC,gBAAiD,GAAG,SAApDA,gBAAiD,OAAmB;EAAA,IAAbC,MAAM,QAANA,MAAM;EACtE,mBAAwB,IAAAC,yBAAW,EAAC;MAAEC,IAAI,EAAEF;IAAO,CAAC,CAAC;IAA7CG,WAAW,gBAAXA,WAAW;EACnB,oBACI,6BAAC,cAAQ;IAAC,OAAO,EAAEA;EAAY,gBAC3B,6BAAC,uBAAe,qBACZ,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,4BAAI;EAAI,EAAG,CACV,EACjBP,CAAC,wFACK;AAEnB,CAAC;AAAC"}

package/components/Table/RecordActionDelete.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { FileItem } from "@webiny/app/types";
+import { SearchRecordItem } from "@webiny/app-aco/types";
+interface RecordActionDeleteProps {
+    record: SearchRecordItem<FileItem>["data"];
+}
+export declare const RecordActionDelete: React.VFC<RecordActionDeleteProps>;
+export {};

package/components/Table/RecordActionDelete.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RecordActionDelete = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _FileManagerApiContext = require("../../modules/FileManagerApiProvider/FileManagerApiContext");
+var _delete = require("@material-design-icons/svg/outlined/delete.svg");
+var _i18n = require("@webiny/app/i18n");
+var _Icon = require("@webiny/ui/Icon");
+var _Menu = require("@webiny/ui/Menu");
+var _useDeleteFile2 = require("../../hooks/useDeleteFile");
+var _styled = require("./styled");
+var _templateObject;
+var t = _i18n.i18n.ns("app-admin/file-manager/components/table/record-action-delete");
+var RecordActionDelete = function RecordActionDelete(_ref) {
+  var record = _ref.record;
+  var _useFileManagerApi = (0, _FileManagerApiContext.useFileManagerApi)(),
+    canEdit = _useFileManagerApi.canEdit;
+  var _useDeleteFile = (0, _useDeleteFile2.useDeleteFile)({
+      file: record
+    }),
+    openDialogDeleteFile = _useDeleteFile.openDialogDeleteFile;
+  if (!canEdit(record)) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
+    onClick: openDialogDeleteFile
+  }, /*#__PURE__*/_react.default.createElement(_styled.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, null)
+  })), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Delete"]))));
+};
+exports.RecordActionDelete = RecordActionDelete;

package/components/Table/RecordActionDelete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","RecordActionDelete","record","useFileManagerApi","canEdit","useDeleteFile","file","openDialogDeleteFile"],"sources":["RecordActionDelete.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useFileManagerApi } from \"~/modules/FileManagerApiProvider/FileManagerApiContext\";\n\nimport { ReactComponent as Delete } from \"@material-design-icons/svg/outlined/delete.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { MenuItem } from \"@webiny/ui/Menu\";\n\nimport { useDeleteFile } from \"~/hooks/useDeleteFile\";\n\nimport { FileItem } from \"@webiny/app/types\";\nimport { SearchRecordItem } from \"@webiny/app-aco/types\";\n\nimport { ListItemGraphic } from \"./styled\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/table/record-action-delete\");\n\ninterface RecordActionDeleteProps {\n    record: SearchRecordItem<FileItem>[\"data\"];\n}\n\nexport const RecordActionDelete: React.VFC<RecordActionDeleteProps> = ({ record }) => {\n    const { canEdit } = useFileManagerApi();\n    const { openDialogDeleteFile } = useDeleteFile({\n        file: record\n    });\n\n    if (!canEdit(record)) {\n        return null;\n    }\n\n    return (\n        <MenuItem onClick={openDialogDeleteFile}>\n            <ListItemGraphic>\n                <Icon icon={<Delete />} />\n            </ListItemGraphic>\n            {t`Delete`}\n        </MenuItem>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AAKA;AAA2C;AAE3C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,8DAA8D,CAAC;AAM1E,IAAMC,kBAAsD,GAAG,SAAzDA,kBAAsD,OAAmB;EAAA,IAAbC,MAAM,QAANA,MAAM;EAC3E,yBAAoB,IAAAC,wCAAiB,GAAE;IAA/BC,OAAO,sBAAPA,OAAO;EACf,qBAAiC,IAAAC,6BAAa,EAAC;MAC3CC,IAAI,EAAEJ;IACV,CAAC,CAAC;IAFMK,oBAAoB,kBAApBA,oBAAoB;EAI5B,IAAI,CAACH,OAAO,CAACF,MAAM,CAAC,EAAE;IAClB,OAAO,IAAI;EACf;EAEA,oBACI,6BAAC,cAAQ;IAAC,OAAO,EAAEK;EAAqB,gBACpC,6BAAC,uBAAe,qBACZ,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,sBAAM;EAAI,EAAG,CACZ,EACjBT,CAAC,0FACK;AAEnB,CAAC;AAAC"}

package/components/Table/RecordActionEdit.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface RecordActionEditProps {
+    id: string;
+    onClick: (id: string) => void;
+}
+export declare const RecordActionEdit: React.FC<RecordActionEditProps>;
+export {};

package/components/Table/RecordActionEdit.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RecordActionEdit = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _edit = require("@material-design-icons/svg/outlined/edit.svg");
+var _i18n = require("@webiny/app/i18n");
+var _Icon = require("@webiny/ui/Icon");
+var _Menu = require("@webiny/ui/Menu");
+var _styled = require("./styled");
+var _templateObject;
+var t = _i18n.i18n.ns("app-admin/file-manager/components/table/record-action-edit");
+var RecordActionEdit = function RecordActionEdit(_ref) {
+  var id = _ref.id,
+    _onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
+    onClick: function onClick() {
+      return _onClick(id);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_styled.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_edit.ReactComponent, null)
+  })), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Edit"]))));
+};
+exports.RecordActionEdit = RecordActionEdit;

package/components/Table/RecordActionEdit.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","RecordActionEdit","id","onClick"],"sources":["RecordActionEdit.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ReactComponent as Edit } from \"@material-design-icons/svg/outlined/edit.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { MenuItem } from \"@webiny/ui/Menu\";\n\nimport { ListItemGraphic } from \"./styled\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/table/record-action-edit\");\n\ninterface RecordActionEditProps {\n    id: string;\n    onClick: (id: string) => void;\n}\n\nexport const RecordActionEdit: React.FC<RecordActionEditProps> = ({ id, onClick }) => {\n    return (\n        <MenuItem onClick={() => onClick(id)}>\n            <ListItemGraphic>\n                <Icon icon={<Edit />} />\n            </ListItemGraphic>\n            {t`Edit`}\n        </MenuItem>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAEA;AAA2C;AAE3C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,4DAA4D,CAAC;AAOxE,IAAMC,gBAAiD,GAAG,SAApDA,gBAAiD,OAAwB;EAAA,IAAlBC,EAAE,QAAFA,EAAE;IAAEC,QAAO,QAAPA,OAAO;EAC3E,oBACI,6BAAC,cAAQ;IAAC,OAAO,EAAE;MAAA,OAAMA,QAAO,CAACD,EAAE,CAAC;IAAA;EAAC,gBACjC,6BAAC,uBAAe,qBACZ,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,oBAAI;EAAI,EAAG,CACV,EACjBJ,CAAC,wFACK;AAEnB,CAAC;AAAC"}

package/components/Table/RecordActionMove.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface RecordActionMoveProps {
+    onClick: () => void;
+}
+export declare const RecordActionMove: React.FC<RecordActionMoveProps>;
+export {};

package/components/Table/RecordActionMove.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RecordActionMove = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _react = _interopRequireDefault(require("react"));
+var _drive_file_move = require("@material-design-icons/svg/outlined/drive_file_move.svg");
+var _i18n = require("@webiny/app/i18n");
+var _Icon = require("@webiny/ui/Icon");
+var _Menu = require("@webiny/ui/Menu");
+var _styled = require("./styled");
+var _templateObject;
+var t = _i18n.i18n.ns("app-admin/file-manager/components/table/record-action-move");
+var RecordActionMove = function RecordActionMove(_ref) {
+  var onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
+    onClick: onClick
+  }, /*#__PURE__*/_react.default.createElement(_styled.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_drive_file_move.ReactComponent, null)
+  })), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Move"]))));
+};
+exports.RecordActionMove = RecordActionMove;

package/components/Table/RecordActionMove.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","RecordActionMove","onClick"],"sources":["RecordActionMove.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { ReactComponent as Move } from \"@material-design-icons/svg/outlined/drive_file_move.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { MenuItem } from \"@webiny/ui/Menu\";\n\nimport { ListItemGraphic } from \"./styled\";\n\nconst t = i18n.ns(\"app-admin/file-manager/components/table/record-action-move\");\n\ninterface RecordActionMoveProps {\n    onClick: () => void;\n}\nexport const RecordActionMove: React.FC<RecordActionMoveProps> = ({ onClick }) => {\n    return (\n        <MenuItem onClick={onClick}>\n            <ListItemGraphic>\n                <Icon icon={<Move />} />\n            </ListItemGraphic>\n            {t`Move`}\n        </MenuItem>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAEA;AAA2C;AAE3C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,4DAA4D,CAAC;AAKxE,IAAMC,gBAAiD,GAAG,SAApDA,gBAAiD,OAAoB;EAAA,IAAdC,OAAO,QAAPA,OAAO;EACvE,oBACI,6BAAC,cAAQ;IAAC,OAAO,EAAEA;EAAQ,gBACvB,6BAAC,uBAAe,qBACZ,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,+BAAI;EAAI,EAAG,CACV,EACjBJ,CAAC,wFACK;AAEnB,CAAC;AAAC"}

package/components/Table/Table.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="web" />
+import React from "react";
+import { FolderItem, SearchRecordItem } from "@webiny/app-aco/types";
+import { OnSortingChange, Sorting } from "@webiny/ui/DataTable";
+import { FileItem } from "@webiny/app/types";
+import { Settings } from "../../types";
+interface TableProps {
+    records: SearchRecordItem<FileItem>[];
+    folders: FolderItem[];
+    loading?: boolean;
+    onRecordClick: (id: string) => void;
+    onFolderClick: (id: string) => void;
+    onSelectRow: (rows: Entry[] | []) => void;
+    sorting: Sorting;
+    onSortingChange: OnSortingChange;
+    settings?: Settings;
+    selectableItems: boolean;
+}
+interface Entry {
+    id: string;
+    type: "RECORD" | "FOLDER";
+    title: string;
+    createdBy: string;
+    savedOn: string;
+    fileType?: string;
+    size?: number;
+    original: FileItem | FolderItem;
+    selectable: boolean;
+}
+export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLDivElement>>;
+export {};