@webiny/app-aco 0.0.0-unstable.d7f521b032 → 0.0.0-unstable.de38392959

package/Folders.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Folders: () => JSX.Element;

package/Folders.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Folders = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _appAdmin = require("@webiny/app-admin");
+var _FoldersApi = require("./contexts/FoldersApi");
+var FoldersApiProviderHOC = function FoldersApiProviderHOC(Component) {
+  return function FoldersApiProviderHOC(_ref) {
+    var children = _ref.children;
+    return /*#__PURE__*/_react.default.createElement(_FoldersApi.FoldersApiProvider, null, /*#__PURE__*/_react.default.createElement(Component, null, children));
+  };
+};
+var Folders = function Folders() {
+  return /*#__PURE__*/_react.default.createElement(_appAdmin.Plugin, {
+    providers: [FoldersApiProviderHOC]
+  });
+};
+exports.Folders = Folders;
+
+//# sourceMappingURL=Folders.js.map

package/Folders.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","_FoldersApi","FoldersApiProviderHOC","Component","_ref","children","default","createElement","FoldersApiProvider","Folders","Plugin","providers","exports"],"sources":["Folders.tsx"],"sourcesContent":["import React from \"react\";\nimport { Plugin } from \"@webiny/app-admin\";\nimport { FoldersApiProvider } from \"~/contexts/FoldersApi\";\n\ninterface FoldersApiProviderHOCProps {\n    children: React.ReactNode;\n}\n\nconst FoldersApiProviderHOC = (Component: React.ComponentType) => {\n    return function FoldersApiProviderHOC({ children }: FoldersApiProviderHOCProps) {\n        return (\n            <FoldersApiProvider>\n                <Component>{children}</Component>\n            </FoldersApiProvider>\n        );\n    };\n};\n\nexport const Folders = () => {\n    return <Plugin providers={[FoldersApiProviderHOC]} />;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAMA,IAAMG,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIC,SAA8B,EAAK;EAC9D,OAAO,SAASD,qBAAqBA,CAAAE,IAAA,EAA2C;IAAA,IAAxCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAC5C,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,WAAA,CAAAO,kBAAkB,qBACfX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACJ,SAAS,QAAEE,QAAoB,CAChB,CAAC;EAE7B,CAAC;AACL,CAAC;AAEM,IAAMI,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EACzB,oBAAOZ,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,SAAA,CAAAU,MAAM;IAACC,SAAS,EAAE,CAACT,qBAAqB;EAAE,CAAE,CAAC;AACzD,CAAC;AAACU,OAAA,CAAAH,OAAA,GAAAA,OAAA"}

package/README.md

@@ -12,14 +12,15 @@ A set of frontend aco-related utilities.
 - [Overview](#overview)
 - [Reference](#reference)
     - [Components](#components)
-        - [`FoldersProvider`](#FoldersProvider)
+        - [`ACOProvider`](#ACOProvider)
         - [`FolderTree`](#FolderTree)
+        - [`EntryDialogMove`](#EntryDialogMove)
         - [`FolderDialogCreate`](#FolderDialogCreate)
-        - [`FolderDialogUpdate`](#FolderDialogUpdate)
         - [`FolderDialogDelete`](#FolderDialogDelete)
+        - [`FolderDialogUpdate`](#FolderDialogUpdate)
     - [Hooks](#hooks)
         - [`useFolder`](#useFolders)
-        - [`useLinks`](#useLinks)
+        - [`useRecords`](#useRecords)
 
 ## Installation
 ```
@@ -32,40 +33,40 @@ yarn add @webiny/app-aco
 ```
 
 ## Overview
-The `@webiny/app-aco` package contains essential aco-related utilities (Advanced Content Organisation), that can be used within a React app. These include the `FoldersProvider` provider component, the `useFolders` and `useLinks` hooks, which can be used to retrieve the current folder and link information and interact with them.
+The `@webiny/app-aco` package contains essential aco-related utilities (Advanced Content Organisation), that can be used within a React app. These include the `FoldersProvider` provider component, the `useFolders` and `useRecords` hooks, which can be used to retrieve the current folder and search record information and interact with them.
 
 > ℹ️ **INFO**
 >
-> Internally, the [`FoldersProvider`](#FoldersProvider) provider retrieves information from the Webiny's default GraphQL API. Because of this, note that this project relies on [`@webiny/api-aco`](./../api-aco) when it comes to retrieving folders and links information (via GraphQL).
+> Internally, the [`FoldersProvider`](#FoldersProvider) provider retrieves information from the Webiny's default GraphQL API. Because of this, note that this project relies on [`@webiny/api-aco`](./../api-aco) when it comes to retrieving folders and records information (via GraphQL).
 
 ## Reference
 
 ### Components
 
-#### `FoldersProvider`
+#### `ACOProvider`
 
 <details>
 <summary>Type Declaration</summary>
 <p>
 
 ```tsx
-export declare const FoldersProvider: React.FC;
+export declare const ACOProvider: React.ComponentType;
 ```
 
 </p>
 </details>
 
-The [`FoldersProvider`](#FoldersProvider) is a provider component, which retrieves the folders and links information. The component also makes it possible to use the [`useFolders`](#useFolders) and [`useLinks`](#useLinks) hook, which can be used to list, create, update or delete folders and links within the React app.
+The [`ACOProvider`](#ACOProvider) is a provider component, which retrieves the folders and records information. The component also makes it possible to use the [`useFolders`](#useFolders) and [`useRecords`](#useRecords) hook, which can be used to list, create, update or delete folders and records within the React app.
 
 ```tsx
 import React from "react";
-import { FoldersProvider } from "@webiny/app-aco";
+import { ACOProvider } from "@webiny/app-aco";
 
 export const App = () => {
   return (
-    <FoldersProvider>
+    <ACOProvider>
       <MyApp />
-    </FoldersProvider>
+    </ACOProvider>
   );
 };
 ```
@@ -82,12 +83,15 @@ import { DndItemData } from "~/types";
 interface Props {
     type: string;
     title: string;
+    enableCreate?: boolean;
+    enableActions?: boolean;
+    focusedFolderId?: string;
+    hiddenFolderId?: string;
     onFolderClick: (data: NodeModel<DndItemData>["data"]) => void;
     onTitleClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    focusedFolderId?: string;
 }
 
-declare function FolderTree(props: Props): React.FC;
+declare function FolderTree(props: Props): React.ComponentType;
 ```
 </p>
 </details>
@@ -103,9 +107,12 @@ export const MyComponent = () => {
         <FolderTree
             type={"page"}
             title={"All pages"}
+            enableCreate={true}
+            enableActions={true}
+            focusedFolderId={"anyExistingId"}
+            hiddenFolderId={"folderIdToHide"}
             onFolderClick={item => console.log(item)}
             onTitleClick={() => console.log("Do whatever you like on title click")}
-            focusedFolderId={"anyExistingId"}
         />
     );
 };
@@ -114,6 +121,54 @@ export const MyComponent = () => {
 >
 > Internally, the `FolderTree` uses [react-dnd-treeview](https://www.npmjs.com/package/@minoru/react-dnd-treeview) to render and manage the folder list: DO NOT rely on any of this package features, we might change it in the future.
 
+#### `EntryDialogMove`
+<details>
+<summary>Type Declaration</summary>
+<p>
+
+```tsx
+import { DialogOnClose } from "@webiny/ui/Dialog";
+import { SearchRecordItem } from "@webiny/app-aco";
+
+interface Props {
+    type: string;
+    searchRecord: SearchRecordItem;
+    open: boolean;
+    onClose: DialogOnClose;
+}
+
+declare function EntryDialogMove(props: Props): React.ComponentType;
+```
+</p>
+</details>
+
+`EntryDialogMove` component shows a dialog to allow users to move a search record into a folder.
+
+```tsx
+import React, { useState } from "react";
+import { EntryDialogMove } from "@webiny/app-aco";
+
+type Props = {
+    searchRecord: SearchRecordItem;
+}
+
+export const MyComponent = ({ searchRecord }: Props) => {
+    const [dialogOpen, setDialogOpen] = useState(false);
+    
+    return (
+        <>
+            <button onClick={() => setDialogOpen(true)}>Edit folder</button>
+            <EntryDialogMove
+                type={"anyType"}
+                searchRecord={searchRecord}
+                open={dialogOpen}
+                onClose={() => setDialogOpen(false)}
+            />
+        </>
+    );
+};
+```
+
 #### `FolderDialogCreate`
 <details>
 <summary>Type Declaration</summary>
@@ -126,10 +181,10 @@ interface Props {
     type: string;
     open: boolean;
     onClose: DialogOnClose;
-    parentId?: string | null;
+    currentParentId?: string | null;
 }
 
-declare function FolderDialogCreate(props: Props): React.FC;
+declare function FolderDialogCreate(props: Props): React.ComponentType;
 ```
 </p>
 </details>
@@ -150,14 +205,13 @@ export const MyComponent = () => {
                 type={"page"}
                 open={dialogOpen}
                 onClose={() => setDialogOpen(false)}
-                parentId={"anyParentId"}
+                currentParentId={"anyParentId"}
             />
         </>
     );
 };
 ```
-
-#### `FolderDialogUpdate`
+#### `FolderDialogDelete`
 <details>
 <summary>Type Declaration</summary>
 <p>
@@ -171,16 +225,16 @@ interface Props {
     onClose: DialogOnClose;
 }
 
-declare function FolderDialogUpdate(props: Props): React.FC;
+declare function FolderDialogDelete(props: Props): React.ComponentType;
 ```
 </p>
 </details>
 
-`FolderDialogUpdate` component shows a dialog to allow users to update an existing folder.
+`FolderDialogDelete` component shows a dialog to allow users to delete an existing folder.
 
 ```tsx
 import React, { useState } from "react";
-import { FolderDialogUpdate } from "@webiny/app-aco";
+import { FolderDialogDelete } from "@webiny/app-aco";
 
 type Props = {
     folder: FolderItem;
@@ -191,8 +245,8 @@ export const MyComponent = ({ folder }: Props) => {
     
     return (
         <>
-            <button onClick={() => setDialogOpen(true)}>Edit folder</button>
-            <FolderDialogUpdate
+            <button onClick={() => setDialogOpen(true)}>Delete folder</button>
+            <FolderDialogDelete
                 folder={folder}
                 open={dialogOpen}
                 onClose={() => setDialogOpen(false)}
@@ -202,7 +256,7 @@ export const MyComponent = ({ folder }: Props) => {
 };
 ```
 
-#### `FolderDialogDelete`
+#### `FolderDialogUpdate`
 <details>
 <summary>Type Declaration</summary>
 <p>
@@ -216,16 +270,16 @@ interface Props {
     onClose: DialogOnClose;
 }
 
-declare function FolderDialogDelete(props: Props): React.FC;
+declare function FolderDialogUpdate(props: Props): React.ComponentType;
 ```
 </p>
 </details>
 
-`FolderDialogDelete` component shows a dialog to allow users to delete an existing folder.
+`FolderDialogUpdate` component shows a dialog to allow users to update an existing folder.
 
 ```tsx
 import React, { useState } from "react";
-import { FolderDialogDelete } from "@webiny/app-aco";
+import { FolderDialogUpdate } from "@webiny/app-aco";
 
 type Props = {
     folder: FolderItem;
@@ -236,8 +290,8 @@ export const MyComponent = ({ folder }: Props) => {
     
     return (
         <>
-            <button onClick={() => setDialogOpen(true)}>Delete folder</button>
-            <FolderDialogDelete
+            <button onClick={() => setDialogOpen(true)}>Edit folder</button>
+            <FolderDialogUpdate
                 folder={folder}
                 open={dialogOpen}
                 onClose={() => setDialogOpen(false)}
@@ -294,49 +348,57 @@ As you might notice, there is not `listFolders` method available from `useFolder
 
 You don't need to store the result of it to any local state; that is managed by the context provider.
 
-#### `useLinks`
+#### `useRecords`
 <details>
 <summary>Type Declaration</summary>
 <p>
 
 ```tsx
-import { LinkItem, LinksActions } from "./types";
-
-interface UseLinksHook {
-    links: LinkItem[];
-    loading: Record<LinksActions, boolean>;
-    getLink: (id: string, folderId: string) => Promise<LinkItem>;
-    createLink: (link: Omit<LinkItem, "linkId">) => Promise<LinkItem>;
-    updateLink: (link: LinkItem, contextFolderId: string) => Promise<LinkItem>;
-    deleteLink(link: LinkItem): Promise<true>;
+import { SearchRecordItem, Loading, LoadingActions, ListMeta } from "./types";
+
+interface UseRecordsHook {
+    records: SearchRecordItem[];
+    loading: Loading<LoadingActions>;
+    meta: Meta<ListMeta>;
+    listRecords: (params: {
+        type?: string;
+        folderId?: string;
+        limit?: number;
+        after?: string;
+        sort?: ListSort;
+    }) => Promise<SearchRecordItem[]>;
+    getRecord: (id: string) => Promise<SearchRecordItem>;
+    createRecord: (record: Omit<SearchRecordItem, "id">) => Promise<SearchRecordItem>;
+    updateRecord: (record: SearchRecordItem, contextFolderId?: string) => Promise<SearchRecordItem>;
+    deleteRecord(record: SearchRecordItem): Promise<true>;
 }
 
-export declare function useLinks(folderId: string): UseLinksHook;
+export declare function useRecords(type: string, folderId: string): UseRecordsHook;
 ```
 </p>
 </details>
 
 
-`useLinks()` hook allows you to interact with folders links state and related APIs while building your custom component.
+`useRecords()` hook allows you to interact with search records state and related APIs while building your custom component.
 
 ```tsx
 import React, { useEffect, useState } from "react";
-import { useLinks } from "@webiny/app-aco";
+import { useRecords } from "@webiny/app-aco";
 
 import { getEntryDetails } from "./any-custom-hook"
 
 export const MyComponent = () => {
-    const { links } = useLinks("anyFolderId");
+    const { records } = useRecords("anyType", "anyFolderId");
     const [entries, setEntries] = useState([]);
     
     useEffect(() => {
-        const details = getEntryDetails(links);
+        const details = getEntryDetails(records);
         setEntries(details)
-    }, [links])
+    }, [records])
     
     if (entries) {
         return entries.map(entry => {
-            return <span key={entry.id}>{entry.name}</span>;
+            return <span key={entry.id}>{entry.title}</span>;
         });
     }
     
@@ -344,6 +406,4 @@ export const MyComponent = () => {
 };
 ```
 
-As you might notice, there is not `listLinks` method available from `useLinks()` hook: this is because on first mount, `listLinks` is called internally, which will either issue a network request, or load links from cache.
-
 You don't need to store the result of it to any local state; that is managed by the context provider.

package/components/Actions/DeleteFolder/DeleteFolder.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const DeleteFolder: () => JSX.Element | null;

package/components/Actions/DeleteFolder/DeleteFolder.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeleteFolder = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _delete = require("@material-design-icons/svg/outlined/delete.svg");
+var _config = require("../../../config");
+var _dialogs = require("../../../dialogs");
+var _hooks = require("../../../hooks");
+var DeleteFolder = function DeleteFolder() {
+  var _useFolder = (0, _hooks.useFolder)(),
+    folder = _useFolder.folder;
+  var _useDeleteDialog = (0, _dialogs.useDeleteDialog)(),
+    showDialog = _useDeleteDialog.showDialog;
+  var OptionsMenuItem = _config.AcoConfig.Folder.Action.OptionsMenuItem;
+  var onAction = (0, _react.useCallback)(function () {
+    showDialog({
+      folder: folder
+    });
+  }, [folder]);
+  if (!folder) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(OptionsMenuItem, {
+    icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, null),
+    label: "Delete",
+    onAction: onAction,
+    "data-testid": "aco.actions.folder.delete"
+  });
+};
+exports.DeleteFolder = DeleteFolder;
+
+//# sourceMappingURL=DeleteFolder.js.map

package/components/Actions/DeleteFolder/DeleteFolder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_delete","_config","_dialogs","_hooks","DeleteFolder","_useFolder","useFolder","folder","_useDeleteDialog","useDeleteDialog","showDialog","OptionsMenuItem","AcoConfig","Folder","Action","onAction","useCallback","default","createElement","icon","ReactComponent","label","exports"],"sources":["DeleteFolder.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete.svg\";\n\nimport { AcoConfig } from \"~/config\";\nimport { useDeleteDialog } from \"~/dialogs\";\nimport { useFolder } from \"~/hooks\";\n\nexport const DeleteFolder = () => {\n    const { folder } = useFolder();\n    const { showDialog } = useDeleteDialog();\n    const { OptionsMenuItem } = AcoConfig.Folder.Action;\n\n    const onAction = useCallback(() => {\n        showDialog({\n            folder\n        });\n    }, [folder]);\n\n    if (!folder) {\n        return null;\n    }\n\n    return (\n        <OptionsMenuItem\n            icon={<DeleteIcon />}\n            label={\"Delete\"}\n            onAction={onAction}\n            data-testid={\"aco.actions.folder.delete\"}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEO,IAAMK,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;EAC9B,IAAAC,UAAA,GAAmB,IAAAC,gBAAS,EAAC,CAAC;IAAtBC,MAAM,GAAAF,UAAA,CAANE,MAAM;EACd,IAAAC,gBAAA,GAAuB,IAAAC,wBAAe,EAAC,CAAC;IAAhCC,UAAU,GAAAF,gBAAA,CAAVE,UAAU;EAClB,IAAQC,eAAe,GAAKC,iBAAS,CAACC,MAAM,CAACC,MAAM,CAA3CH,eAAe;EAEvB,IAAMI,QAAQ,GAAG,IAAAC,kBAAW,EAAC,YAAM;IAC/BN,UAAU,CAAC;MACPH,MAAM,EAANA;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,IAAI,CAACA,MAAM,EAAE;IACT,OAAO,IAAI;EACf;EAEA,oBACIV,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACP,eAAe;IACZQ,IAAI,eAAEtB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,OAAA,CAAAoB,cAAU,MAAE,CAAE;IACrBC,KAAK,EAAE,QAAS;IAChBN,QAAQ,EAAEA,QAAS;IACnB,eAAa;EAA4B,CAC5C,CAAC;AAEV,CAAC;AAACO,OAAA,CAAAlB,YAAA,GAAAA,YAAA"}

package/components/Actions/DeleteFolder/index.d.ts

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

package/components/Actions/DeleteFolder/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _DeleteFolder = require("./DeleteFolder");
+Object.keys(_DeleteFolder).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DeleteFolder[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DeleteFolder[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

package/components/Actions/DeleteFolder/index.js.map

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

package/components/Actions/EditFolder/EditFolder.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const EditFolder: () => JSX.Element | null;

package/components/Actions/EditFolder/EditFolder.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditFolder = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _edit = require("@material-design-icons/svg/outlined/edit.svg");
+var _config = require("../../../config");
+var _dialogs = require("../../../dialogs");
+var _hooks = require("../../../hooks");
+var EditFolder = function EditFolder() {
+  var _useFolder = (0, _hooks.useFolder)(),
+    folder = _useFolder.folder;
+  var _useEditDialog = (0, _dialogs.useEditDialog)(),
+    showDialog = _useEditDialog.showDialog;
+  var OptionsMenuItem = _config.AcoConfig.Folder.Action.OptionsMenuItem;
+  var onAction = (0, _react.useCallback)(function () {
+    showDialog({
+      folder: folder
+    });
+  }, [folder]);
+  if (!folder) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(OptionsMenuItem, {
+    icon: /*#__PURE__*/_react.default.createElement(_edit.ReactComponent, null),
+    label: "Edit",
+    onAction: onAction,
+    "data-testid": "aco.actions.folder.edit"
+  });
+};
+exports.EditFolder = EditFolder;
+
+//# sourceMappingURL=EditFolder.js.map

package/components/Actions/EditFolder/EditFolder.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_edit","_config","_dialogs","_hooks","EditFolder","_useFolder","useFolder","folder","_useEditDialog","useEditDialog","showDialog","OptionsMenuItem","AcoConfig","Folder","Action","onAction","useCallback","default","createElement","icon","ReactComponent","label","exports"],"sources":["EditFolder.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as Edit } from \"@material-design-icons/svg/outlined/edit.svg\";\n\nimport { AcoConfig } from \"~/config\";\nimport { useEditDialog } from \"~/dialogs\";\nimport { useFolder } from \"~/hooks\";\n\nexport const EditFolder = () => {\n    const { folder } = useFolder();\n    const { showDialog } = useEditDialog();\n    const { OptionsMenuItem } = AcoConfig.Folder.Action;\n\n    const onAction = useCallback(() => {\n        showDialog({\n            folder\n        });\n    }, [folder]);\n\n    if (!folder) {\n        return null;\n    }\n\n    return (\n        <OptionsMenuItem\n            icon={<Edit />}\n            label={\"Edit\"}\n            onAction={onAction}\n            data-testid={\"aco.actions.folder.edit\"}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEO,IAAMK,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;EAC5B,IAAAC,UAAA,GAAmB,IAAAC,gBAAS,EAAC,CAAC;IAAtBC,MAAM,GAAAF,UAAA,CAANE,MAAM;EACd,IAAAC,cAAA,GAAuB,IAAAC,sBAAa,EAAC,CAAC;IAA9BC,UAAU,GAAAF,cAAA,CAAVE,UAAU;EAClB,IAAQC,eAAe,GAAKC,iBAAS,CAACC,MAAM,CAACC,MAAM,CAA3CH,eAAe;EAEvB,IAAMI,QAAQ,GAAG,IAAAC,kBAAW,EAAC,YAAM;IAC/BN,UAAU,CAAC;MACPH,MAAM,EAANA;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,IAAI,CAACA,MAAM,EAAE;IACT,OAAO,IAAI;EACf;EAEA,oBACIV,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACP,eAAe;IACZQ,IAAI,eAAEtB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,KAAA,CAAAoB,cAAI,MAAE,CAAE;IACfC,KAAK,EAAE,MAAO;IACdN,QAAQ,EAAEA,QAAS;IACnB,eAAa;EAA0B,CAC1C,CAAC;AAEV,CAAC;AAACO,OAAA,CAAAlB,UAAA,GAAAA,UAAA"}

package/components/Actions/EditFolder/index.d.ts

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

package/components/Actions/EditFolder/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _EditFolder = require("./EditFolder");
+Object.keys(_EditFolder).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EditFolder[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _EditFolder[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

package/components/Actions/EditFolder/index.js.map

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

package/components/Actions/SetFolderPemissions/SetFolderPermissions.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const SetFolderPermissions: () => JSX.Element | null;

package/components/Actions/SetFolderPemissions/SetFolderPermissions.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SetFolderPermissions = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _add_moderator = require("@material-design-icons/svg/outlined/add_moderator.svg");
+var _config = require("../../../config");
+var _dialogs = require("../../../dialogs");
+var _hooks = require("../../../hooks");
+var SetFolderPermissions = function SetFolderPermissions() {
+  var _useFolder = (0, _hooks.useFolder)(),
+    folder = _useFolder.folder;
+  var _useSetPermissionsDia = (0, _dialogs.useSetPermissionsDialog)(),
+    showDialog = _useSetPermissionsDia.showDialog;
+  var OptionsMenuItem = _config.AcoConfig.Folder.Action.OptionsMenuItem;
+  var onAction = (0, _react.useCallback)(function () {
+    showDialog({
+      folder: folder
+    });
+  }, [folder]);
+  if (!folder || !folder.canManagePermissions) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(OptionsMenuItem, {
+    icon: /*#__PURE__*/_react.default.createElement(_add_moderator.ReactComponent, null),
+    label: "Manage Permissions",
+    onAction: onAction,
+    "data-testid": "aco.actions.folder.setPermissions"
+  });
+};
+exports.SetFolderPermissions = SetFolderPermissions;
+
+//# sourceMappingURL=SetFolderPermissions.js.map

package/components/Actions/SetFolderPemissions/SetFolderPermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_add_moderator","_config","_dialogs","_hooks","SetFolderPermissions","_useFolder","useFolder","folder","_useSetPermissionsDia","useSetPermissionsDialog","showDialog","OptionsMenuItem","AcoConfig","Folder","Action","onAction","useCallback","canManagePermissions","default","createElement","icon","ReactComponent","label","exports"],"sources":["SetFolderPermissions.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as Security } from \"@material-design-icons/svg/outlined/add_moderator.svg\";\n\nimport { AcoConfig } from \"~/config\";\nimport { useSetPermissionsDialog } from \"~/dialogs\";\nimport { useFolder } from \"~/hooks\";\n\nexport const SetFolderPermissions = () => {\n    const { folder } = useFolder();\n    const { showDialog } = useSetPermissionsDialog();\n    const { OptionsMenuItem } = AcoConfig.Folder.Action;\n\n    const onAction = useCallback(() => {\n        showDialog({\n            folder\n        });\n    }, [folder]);\n\n    if (!folder || !folder.canManagePermissions) {\n        return null;\n    }\n\n    return (\n        <OptionsMenuItem\n            icon={<Security />}\n            label={\"Manage Permissions\"}\n            onAction={onAction}\n            data-testid={\"aco.actions.folder.setPermissions\"}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEO,IAAMK,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAA,EAAS;EACtC,IAAAC,UAAA,GAAmB,IAAAC,gBAAS,EAAC,CAAC;IAAtBC,MAAM,GAAAF,UAAA,CAANE,MAAM;EACd,IAAAC,qBAAA,GAAuB,IAAAC,gCAAuB,EAAC,CAAC;IAAxCC,UAAU,GAAAF,qBAAA,CAAVE,UAAU;EAClB,IAAQC,eAAe,GAAKC,iBAAS,CAACC,MAAM,CAACC,MAAM,CAA3CH,eAAe;EAEvB,IAAMI,QAAQ,GAAG,IAAAC,kBAAW,EAAC,YAAM;IAC/BN,UAAU,CAAC;MACPH,MAAM,EAANA;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,IAAI,CAACA,MAAM,IAAI,CAACA,MAAM,CAACU,oBAAoB,EAAE;IACzC,OAAO,IAAI;EACf;EAEA,oBACIpB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACR,eAAe;IACZS,IAAI,eAAEvB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,cAAA,CAAAqB,cAAQ,MAAE,CAAE;IACnBC,KAAK,EAAE,oBAAqB;IAC5BP,QAAQ,EAAEA,QAAS;IACnB,eAAa;EAAoC,CACpD,CAAC;AAEV,CAAC;AAACQ,OAAA,CAAAnB,oBAAA,GAAAA,oBAAA"}

package/components/Actions/SetFolderPemissions/index.d.ts

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

package/components/Actions/SetFolderPemissions/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _SetFolderPermissions = require("./SetFolderPermissions");
+Object.keys(_SetFolderPermissions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SetFolderPermissions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SetFolderPermissions[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

package/components/Actions/SetFolderPemissions/index.js.map

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

package/components/Actions/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./DeleteFolder";
+export * from "./EditFolder";
+export * from "./SetFolderPemissions";

package/components/Actions/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _DeleteFolder = require("./DeleteFolder");
+Object.keys(_DeleteFolder).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DeleteFolder[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DeleteFolder[key];
+    }
+  });
+});
+var _EditFolder = require("./EditFolder");
+Object.keys(_EditFolder).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EditFolder[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _EditFolder[key];
+    }
+  });
+});
+var _SetFolderPemissions = require("./SetFolderPemissions");
+Object.keys(_SetFolderPemissions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SetFolderPemissions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SetFolderPemissions[key];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

package/components/Actions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_DeleteFolder","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_EditFolder","_SetFolderPemissions"],"sources":["index.ts"],"sourcesContent":["export * from \"./DeleteFolder\";\nexport * from \"./EditFolder\";\nexport * from \"./SetFolderPemissions\";\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,WAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,WAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,WAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,WAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,oBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,oBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,oBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,oBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA"}