@webiny/app-aco 6.0.0-alpha.5 → 6.0.0-rc.0

package/README.md

@@ -1,409 +1,11 @@
 # @webiny/app-aco
-[![](https://img.shields.io/npm/dw/@webiny/app-aco.svg)](https://www.npmjs.com/package/@webiny/app-aco) 
-[![](https://img.shields.io/npm/v/@webiny/app-aco.svg)](https://www.npmjs.com/package/@webiny/app-aco)
-[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
-[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
 
-A set of frontend aco-related utilities.
+> [!NOTE]
+> This package is part of the [Webiny](https://www.webiny.com) monorepo.
+> It’s **included in every Webiny project by default** and is not meant to be used as a standalone package.
 
-## Table of Contents
+📘 **Documentation:** [https://www.webiny.com/docs](https://www.webiny.com/docs)
 
-- [Installation](#installation)
-- [Overview](#overview)
-- [Reference](#reference)
-    - [Components](#components)
-        - [`ACOProvider`](#ACOProvider)
-        - [`FolderTree`](#FolderTree)
-        - [`EntryDialogMove`](#EntryDialogMove)
-        - [`FolderDialogCreate`](#FolderDialogCreate)
-        - [`FolderDialogDelete`](#FolderDialogDelete)
-        - [`FolderDialogUpdate`](#FolderDialogUpdate)
-    - [Hooks](#hooks)
-        - [`useFolder`](#useFolders)
-        - [`useRecords`](#useRecords)
+---
 
-## Installation
-```
-npm install --save @webiny/app-aco
-```
-
-Or if you prefer yarn: 
-```
-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 `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 records information (via GraphQL).
-
-## Reference
-
-### Components
-
-#### `ACOProvider`
-
-<details>
-<summary>Type Declaration</summary>
-<p>
-
-```tsx
-export declare const ACOProvider: React.ComponentType;
-```
-
-</p>
-</details>
-
-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 { ACOProvider } from "@webiny/app-aco";
-
-export const App = () => {
-  return (
-    <ACOProvider>
-      <MyApp />
-    </ACOProvider>
-  );
-};
-```
-
-#### `FolderTree`
-<details>
-<summary>Type Declaration</summary>
-<p>
-
-```tsx
-import { NodeModel } from "@minoru/react-dnd-treeview";
-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;
-}
-
-declare function FolderTree(props: Props): React.ComponentType;
-```
-</p>
-</details>
-
-`FolderTree` component shows the tree list of folders for a particular `type`.
-
-```tsx
-import React from "react";
-import { FolderTree } from "@webiny/app-aco";
-
-export const MyComponent = () => {
-    return (
-        <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")}
-        />
-    );
-};
-```
-> ℹ️ **INFO**
->
-> 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>
-<p>
-
-```tsx
-import { DialogOnClose } from "@webiny/ui/Dialog";
-
-interface Props {
-    type: string;
-    open: boolean;
-    onClose: DialogOnClose;
-    currentParentId?: string | null;
-}
-
-declare function FolderDialogCreate(props: Props): React.ComponentType;
-```
-</p>
-</details>
-
-`FolderDialogCreate` component shows a dialog to allow users to create a new folder.
-
-```tsx
-import React, { useState } from "react";
-import { FolderDialogCreate } from "@webiny/app-aco";
-
-export const MyComponent = () => {
-    const [dialogOpen, setDialogOpen] = useState(false);
-    
-    return (
-        <>
-            <button onClick={() => setDialogOpen(true)}>Create folder</button>
-            <FolderDialogCreate
-                type={"page"}
-                open={dialogOpen}
-                onClose={() => setDialogOpen(false)}
-                currentParentId={"anyParentId"}
-            />
-        </>
-    );
-};
-```
-#### `FolderDialogDelete`
-<details>
-<summary>Type Declaration</summary>
-<p>
-
-```tsx
-import { DialogOnClose } from "@webiny/ui/Dialog";
-
-interface Props {
-    folder: FolderItem;
-    open: boolean;
-    onClose: DialogOnClose;
-}
-
-declare function FolderDialogDelete(props: Props): React.ComponentType;
-```
-</p>
-</details>
-
-`FolderDialogDelete` component shows a dialog to allow users to delete an existing folder.
-
-```tsx
-import React, { useState } from "react";
-import { FolderDialogDelete } from "@webiny/app-aco";
-
-type Props = {
-    folder: FolderItem;
-}
-
-export const MyComponent = ({ folder }: Props) => {
-    const [dialogOpen, setDialogOpen] = useState(false);
-    
-    return (
-        <>
-            <button onClick={() => setDialogOpen(true)}>Delete folder</button>
-            <FolderDialogDelete
-                folder={folder}
-                open={dialogOpen}
-                onClose={() => setDialogOpen(false)}
-            />
-        </>
-    );
-};
-```
-
-#### `FolderDialogUpdate`
-<details>
-<summary>Type Declaration</summary>
-<p>
-
-```tsx
-import { DialogOnClose } from "@webiny/ui/Dialog";
-
-interface Props {
-    folder: FolderItem;
-    open: boolean;
-    onClose: DialogOnClose;
-}
-
-declare function FolderDialogUpdate(props: Props): React.ComponentType;
-```
-</p>
-</details>
-
-`FolderDialogUpdate` component shows a dialog to allow users to update an existing folder.
-
-```tsx
-import React, { useState } from "react";
-import { FolderDialogUpdate } from "@webiny/app-aco";
-
-type Props = {
-    folder: FolderItem;
-}
-
-export const MyComponent = ({ folder }: Props) => {
-    const [dialogOpen, setDialogOpen] = useState(false);
-    
-    return (
-        <>
-            <button onClick={() => setDialogOpen(true)}>Edit folder</button>
-            <FolderDialogUpdate
-                folder={folder}
-                open={dialogOpen}
-                onClose={() => setDialogOpen(false)}
-            />
-        </>
-    );
-};
-```
-
-### Hooks
-#### `useFolders`
-<details>
-<summary>Type Declaration</summary>
-<p>
-
-```tsx
-import {FolderItem, FoldersActions} from "./types";
-
-interface UseFoldersHook {
-    folders: FolderItem[];
-    loading: Record<FoldersActions, boolean>;
-    getFolder: (id: string) => Promise<FolderItem>;
-    createFolder: (folder: Omit<FolderItem, "id">) => Promise<FolderItem>;
-    updateFolder: (folder: FolderItem) => Promise<FolderItem>;
-    deleteFolder(folder: FolderItem): Promise<true>;
-}
-
-export declare function useFolders(type: string): UseFoldersHook;
-```
-
-</p>
-</details>
-
-`useFolders` hook allows you to interact with folders state and related APIs while building your custom component.
-
-```tsx
-import React from "react";
-import { useFolders } from "@webiny/app-aco";
-
-export const MyComponent = () => {
-    const { folders } = useFolders("page");
-    
-    if (folders) {
-        return folders.map(folder => {
-            return <span key={folder.id}>{folder.name}</span>;
-        });
-    }
-    
-    return <span>No folders to show</span>;
-};
-```
-
-As you might notice, there is not `listFolders` method available from `useFolders()` hook: this is because on first mount, `listFolders` is called internally, which will either issue a network request, or load folders from cache.
-
-You don't need to store the result of it to any local state; that is managed by the context provider.
-
-#### `useRecords`
-<details>
-<summary>Type Declaration</summary>
-<p>
-
-```tsx
-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 useRecords(type: string, folderId: string): UseRecordsHook;
-```
-</p>
-</details>
-
-
-`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 { useRecords } from "@webiny/app-aco";
-
-import { getEntryDetails } from "./any-custom-hook"
-
-export const MyComponent = () => {
-    const { records } = useRecords("anyType", "anyFolderId");
-    const [entries, setEntries] = useState([]);
-    
-    useEffect(() => {
-        const details = getEntryDetails(records);
-        setEntries(details)
-    }, [records])
-    
-    if (entries) {
-        return entries.map(entry => {
-            return <span key={entry.id}>{entry.title}</span>;
-        });
-    }
-    
-    return <span>No entries to show</span>;
-};
-```
-
-You don't need to store the result of it to any local state; that is managed by the context provider.
+_This README file is automatically generated during the publish process._

package/app.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { FolderModelProviderModule } from "./features";
+import { FolderModelProviderModule } from "./features/folders/folderModelProvider/FolderModelContext.js";
 export const AdvancedContentOrganisation = () => {
   return /*#__PURE__*/React.createElement(FolderModelProviderModule, null);
 };

package/app.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","FolderModelProviderModule","AdvancedContentOrganisation","createElement"],"sources":["app.tsx"],"sourcesContent":["import React from \"react\";\nimport { FolderModelProviderModule } from \"~/features\";\n\nexport const AdvancedContentOrganisation = () => {\n    return <FolderModelProviderModule />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,yBAAyB;AAElC,OAAO,MAAMC,2BAA2B,GAAGA,CAAA,KAAM;EAC7C,oBAAOF,KAAA,CAAAG,aAAA,CAACF,yBAAyB,MAAE,CAAC;AACxC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","FolderModelProviderModule","AdvancedContentOrganisation","createElement"],"sources":["app.tsx"],"sourcesContent":["import React from \"react\";\nimport { FolderModelProviderModule } from \"~/features/folders/folderModelProvider/FolderModelContext.js\";\n\nexport const AdvancedContentOrganisation = () => {\n    return <FolderModelProviderModule />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,yBAAyB;AAElC,OAAO,MAAMC,2BAA2B,GAAGA,CAAA,KAAM;EAC7C,oBAAOF,KAAA,CAAAG,aAAA,CAACF,yBAAyB,MAAE,CAAC;AACxC,CAAC","ignoreList":[]}

package/components/Actions/DeleteFolder/DeleteFolder.js

@@ -1,8 +1,8 @@
 import React, { useCallback } from "react";
 import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
-import { AcoConfig } from "../../../config";
-import { useDeleteDialog } from "../../../dialogs";
-import { useFolder } from "../../../hooks";
+import { AcoConfig } from "../../../config/index.js";
+import { useDeleteDialog } from "../../../dialogs/index.js";
+import { useFolder } from "../../../hooks/index.js";
 export const DeleteFolder = () => {
   const {
     folder
@@ -26,7 +26,7 @@ export const DeleteFolder = () => {
     label: "Delete",
     onAction: onAction,
     "data-testid": "aco.actions.folder.delete",
-    className: "!wby-text-destructive-primary [&_svg]:wby-fill-destructive"
+    className: "text-destructive-primary! [&_svg]:fill-destructive"
   });
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","ReactComponent","DeleteIcon","AcoConfig","useDeleteDialog","useFolder","DeleteFolder","folder","showDialog","OptionsMenuItem","Folder","Action","onAction","createElement","icon","label","className"],"sources":["DeleteFolder.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/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            className={\"!wby-text-destructive-primary [&_svg]:wby-fill-destructive\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AAEvE,SAASC,SAAS;AAClB,SAASC,eAAe;AACxB,SAASC,SAAS;AAElB,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAO,CAAC,GAAGF,SAAS,CAAC,CAAC;EAC9B,MAAM;IAAEG;EAAW,CAAC,GAAGJ,eAAe,CAAC,CAAC;EACxC,MAAM;IAAEK;EAAgB,CAAC,GAAGN,SAAS,CAACO,MAAM,CAACC,MAAM;EAEnD,MAAMC,QAAQ,GAAGZ,WAAW,CAAC,MAAM;IAC/BQ,UAAU,CAAC;MACPD;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,IAAI,CAACA,MAAM,EAAE;IACT,OAAO,IAAI;EACf;EAEA,oBACIR,KAAA,CAAAc,aAAA,CAACJ,eAAe;IACZK,IAAI,eAAEf,KAAA,CAAAc,aAAA,CAACX,UAAU,MAAE,CAAE;IACrBa,KAAK,EAAE,QAAS;IAChBH,QAAQ,EAAEA,QAAS;IACnB,eAAa,2BAA4B;IACzCI,SAAS,EAAE;EAA6D,CAC3E,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","ReactComponent","DeleteIcon","AcoConfig","useDeleteDialog","useFolder","DeleteFolder","folder","showDialog","OptionsMenuItem","Folder","Action","onAction","createElement","icon","label","className"],"sources":["DeleteFolder.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\n\nimport { AcoConfig } from \"~/config/index.js\";\nimport { useDeleteDialog } from \"~/dialogs/index.js\";\nimport { useFolder } from \"~/hooks/index.js\";\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            className={\"text-destructive-primary! [&_svg]:fill-destructive\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AAEvE,SAASC,SAAS;AAClB,SAASC,eAAe;AACxB,SAASC,SAAS;AAElB,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAO,CAAC,GAAGF,SAAS,CAAC,CAAC;EAC9B,MAAM;IAAEG;EAAW,CAAC,GAAGJ,eAAe,CAAC,CAAC;EACxC,MAAM;IAAEK;EAAgB,CAAC,GAAGN,SAAS,CAACO,MAAM,CAACC,MAAM;EAEnD,MAAMC,QAAQ,GAAGZ,WAAW,CAAC,MAAM;IAC/BQ,UAAU,CAAC;MACPD;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,IAAI,CAACA,MAAM,EAAE;IACT,OAAO,IAAI;EACf;EAEA,oBACIR,KAAA,CAAAc,aAAA,CAACJ,eAAe;IACZK,IAAI,eAAEf,KAAA,CAAAc,aAAA,CAACX,UAAU,MAAE,CAAE;IACrBa,KAAK,EAAE,QAAS;IAChBH,QAAQ,EAAEA,QAAS;IACnB,eAAa,2BAA4B;IACzCI,SAAS,EAAE;EAAqD,CACnE,CAAC;AAEV,CAAC","ignoreList":[]}

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

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

package/components/Actions/DeleteFolder/index.js

@@ -1,3 +1,3 @@
-export * from "./DeleteFolder";
+export * from "./DeleteFolder.js";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./DeleteFolder\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./DeleteFolder.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/Actions/EditFolder/EditFolder.js

@@ -1,8 +1,8 @@
 import React, { useCallback } from "react";
 import { ReactComponent as Edit } from "@webiny/icons/edit.svg";
-import { AcoConfig } from "../../../config";
-import { useEditDialog } from "../../../dialogs";
-import { useFolder } from "../../../hooks";
+import { AcoConfig } from "../../../config/index.js";
+import { useEditDialog } from "../../../dialogs/index.js";
+import { useFolder } from "../../../hooks/index.js";
 export const EditFolder = () => {
   const {
     folder

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","ReactComponent","Edit","AcoConfig","useEditDialog","useFolder","EditFolder","folder","showDialog","OptionsMenuItem","Folder","Action","onAction","createElement","icon","label"],"sources":["EditFolder.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as Edit } from \"@webiny/icons/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,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,cAAc,IAAIC,IAAI,QAAQ,wBAAwB;AAE/D,SAASC,SAAS;AAClB,SAASC,aAAa;AACtB,SAASC,SAAS;AAElB,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAM;IAAEC;EAAO,CAAC,GAAGF,SAAS,CAAC,CAAC;EAC9B,MAAM;IAAEG;EAAW,CAAC,GAAGJ,aAAa,CAAC,CAAC;EACtC,MAAM;IAAEK;EAAgB,CAAC,GAAGN,SAAS,CAACO,MAAM,CAACC,MAAM;EAEnD,MAAMC,QAAQ,GAAGZ,WAAW,CAAC,MAAM;IAC/BQ,UAAU,CAAC;MACPD;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,IAAI,CAACA,MAAM,EAAE;IACT,OAAO,IAAI;EACf;EAEA,oBACIR,KAAA,CAAAc,aAAA,CAACJ,eAAe;IACZK,IAAI,eAAEf,KAAA,CAAAc,aAAA,CAACX,IAAI,MAAE,CAAE;IACfa,KAAK,EAAE,MAAO;IACdH,QAAQ,EAAEA,QAAS;IACnB,eAAa;EAA0B,CAC1C,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","ReactComponent","Edit","AcoConfig","useEditDialog","useFolder","EditFolder","folder","showDialog","OptionsMenuItem","Folder","Action","onAction","createElement","icon","label"],"sources":["EditFolder.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as Edit } from \"@webiny/icons/edit.svg\";\n\nimport { AcoConfig } from \"~/config/index.js\";\nimport { useEditDialog } from \"~/dialogs/index.js\";\nimport { useFolder } from \"~/hooks/index.js\";\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,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,cAAc,IAAIC,IAAI,QAAQ,wBAAwB;AAE/D,SAASC,SAAS;AAClB,SAASC,aAAa;AACtB,SAASC,SAAS;AAElB,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC5B,MAAM;IAAEC;EAAO,CAAC,GAAGF,SAAS,CAAC,CAAC;EAC9B,MAAM;IAAEG;EAAW,CAAC,GAAGJ,aAAa,CAAC,CAAC;EACtC,MAAM;IAAEK;EAAgB,CAAC,GAAGN,SAAS,CAACO,MAAM,CAACC,MAAM;EAEnD,MAAMC,QAAQ,GAAGZ,WAAW,CAAC,MAAM;IAC/BQ,UAAU,CAAC;MACPD;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,IAAI,CAACA,MAAM,EAAE;IACT,OAAO,IAAI;EACf;EAEA,oBACIR,KAAA,CAAAc,aAAA,CAACJ,eAAe;IACZK,IAAI,eAAEf,KAAA,CAAAc,aAAA,CAACX,IAAI,MAAE,CAAE;IACfa,KAAK,EAAE,MAAO;IACdH,QAAQ,EAAEA,QAAS;IACnB,eAAa;EAA0B,CAC1C,CAAC;AAEV,CAAC","ignoreList":[]}

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

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

package/components/Actions/EditFolder/index.js

@@ -1,3 +1,3 @@
-export * from "./EditFolder";
+export * from "./EditFolder.js";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./EditFolder\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./EditFolder.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/Actions/SetFolderPemissions/SetFolderPermissions.js

@@ -1,8 +1,8 @@
 import React, { useCallback } from "react";
 import { ReactComponent as Security } from "@webiny/icons/add_moderator.svg";
-import { AcoConfig } from "../../../config";
-import { useSetPermissionsDialog } from "../../../dialogs";
-import { useFolder } from "../../../hooks";
+import { AcoConfig } from "../../../config/index.js";
+import { useSetPermissionsDialog } from "../../../dialogs/index.js";
+import { useFolder } from "../../../hooks/index.js";
 export const SetFolderPermissions = () => {
   const {
     folder

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","ReactComponent","Security","AcoConfig","useSetPermissionsDialog","useFolder","SetFolderPermissions","folder","showDialog","OptionsMenuItem","Folder","Action","onAction","canManagePermissions","createElement","icon","label"],"sources":["SetFolderPermissions.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as Security } from \"@webiny/icons/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,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,cAAc,IAAIC,QAAQ,QAAQ,iCAAiC;AAE5E,SAASC,SAAS;AAClB,SAASC,uBAAuB;AAChC,SAASC,SAAS;AAElB,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACtC,MAAM;IAAEC;EAAO,CAAC,GAAGF,SAAS,CAAC,CAAC;EAC9B,MAAM;IAAEG;EAAW,CAAC,GAAGJ,uBAAuB,CAAC,CAAC;EAChD,MAAM;IAAEK;EAAgB,CAAC,GAAGN,SAAS,CAACO,MAAM,CAACC,MAAM;EAEnD,MAAMC,QAAQ,GAAGZ,WAAW,CAAC,MAAM;IAC/BQ,UAAU,CAAC;MACPD;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,IAAI,CAACA,MAAM,IAAI,CAACA,MAAM,CAACM,oBAAoB,EAAE;IACzC,OAAO,IAAI;EACf;EAEA,oBACId,KAAA,CAAAe,aAAA,CAACL,eAAe;IACZM,IAAI,eAAEhB,KAAA,CAAAe,aAAA,CAACZ,QAAQ,MAAE,CAAE;IACnBc,KAAK,EAAE,oBAAqB;IAC5BJ,QAAQ,EAAEA,QAAS;IACnB,eAAa;EAAoC,CACpD,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","ReactComponent","Security","AcoConfig","useSetPermissionsDialog","useFolder","SetFolderPermissions","folder","showDialog","OptionsMenuItem","Folder","Action","onAction","canManagePermissions","createElement","icon","label"],"sources":["SetFolderPermissions.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as Security } from \"@webiny/icons/add_moderator.svg\";\n\nimport { AcoConfig } from \"~/config/index.js\";\nimport { useSetPermissionsDialog } from \"~/dialogs/index.js\";\nimport { useFolder } from \"~/hooks/index.js\";\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,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,cAAc,IAAIC,QAAQ,QAAQ,iCAAiC;AAE5E,SAASC,SAAS;AAClB,SAASC,uBAAuB;AAChC,SAASC,SAAS;AAElB,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACtC,MAAM;IAAEC;EAAO,CAAC,GAAGF,SAAS,CAAC,CAAC;EAC9B,MAAM;IAAEG;EAAW,CAAC,GAAGJ,uBAAuB,CAAC,CAAC;EAChD,MAAM;IAAEK;EAAgB,CAAC,GAAGN,SAAS,CAACO,MAAM,CAACC,MAAM;EAEnD,MAAMC,QAAQ,GAAGZ,WAAW,CAAC,MAAM;IAC/BQ,UAAU,CAAC;MACPD;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,IAAI,CAACA,MAAM,IAAI,CAACA,MAAM,CAACM,oBAAoB,EAAE;IACzC,OAAO,IAAI;EACf;EAEA,oBACId,KAAA,CAAAe,aAAA,CAACL,eAAe;IACZM,IAAI,eAAEhB,KAAA,CAAAe,aAAA,CAACZ,QAAQ,MAAE,CAAE;IACnBc,KAAK,EAAE,oBAAqB;IAC5BJ,QAAQ,EAAEA,QAAS;IACnB,eAAa;EAAoC,CACpD,CAAC;AAEV,CAAC","ignoreList":[]}

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

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

package/components/Actions/SetFolderPemissions/index.js

@@ -1,3 +1,3 @@
-export * from "./SetFolderPermissions";
+export * from "./SetFolderPermissions.js";
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./SetFolderPermissions\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./SetFolderPermissions.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/components/Actions/index.d.ts

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

package/components/Actions/index.js

@@ -1,5 +1,5 @@
-export * from "./DeleteFolder";
-export * from "./EditFolder";
-export * from "./SetFolderPemissions";
+export * from "./DeleteFolder/index.js";
+export * from "./EditFolder/index.js";
+export * from "./SetFolderPemissions/index.js";
 
 //# sourceMappingURL=index.js.map

package/components/Actions/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./DeleteFolder\";\nexport * from \"./EditFolder\";\nexport * from \"./SetFolderPemissions\";\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./DeleteFolder/index.js\";\nexport * from \"./EditFolder/index.js\";\nexport * from \"./SetFolderPemissions/index.js\";\n"],"mappings":"AAAA;AACA;AACA","ignoreList":[]}

package/components/AdvancedSearch/AdvancedSearch.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FieldDTOWithElement, FilterDTO, FilterRepository } from "./domain";
+import type { FieldDTOWithElement, FilterDTO, FilterRepository } from "./domain/index.js";
 export interface AdvancedSearchProps {
     fields: FieldDTOWithElement[];
     repository: FilterRepository;

package/components/AdvancedSearch/AdvancedSearch.js

@@ -1,12 +1,12 @@
 import React, { useEffect, useMemo } from "react";
 import { observer } from "mobx-react-lite";
 import { useToast } from "@webiny/admin-ui";
-import { AdvancedSearchPresenter } from "./AdvancedSearchPresenter";
-import { Button } from "./Button";
-import { QueryManagerDialog } from "./QueryManagerDialog";
-import { QueryBuilderDrawer } from "./QueryBuilderDrawer";
-import { QuerySaverDialog } from "./QuerySaverDialog";
-import { SelectedFilter } from "./SelectedFilter";
+import { AdvancedSearchPresenter } from "./AdvancedSearchPresenter.js";
+import { Button } from "./Button/index.js";
+import { QueryManagerDialog } from "./QueryManagerDialog/index.js";
+import { QueryBuilderDrawer } from "./QueryBuilderDrawer/index.js";
+import { QuerySaverDialog } from "./QuerySaverDialog/index.js";
+import { SelectedFilter } from "./SelectedFilter/index.js";
 export const AdvancedSearch = observer(({
   fields,
   repository,
@@ -51,7 +51,7 @@ export const AdvancedSearch = observer(({
     }
   }, [presenter.vm.feedbackVm.isOpen, presenter.vm.feedbackVm.message]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "wby-flex wby-flex-row-reverse wby-justify-between wby-items-center wby-gap-sm"
+    className: "flex flex-row-reverse justify-between items-center gap-sm"
   }, /*#__PURE__*/React.createElement(Button, {
     onClick: () => presenter.openManager()
   }), presenter.vm.appliedFilter ? /*#__PURE__*/React.createElement(SelectedFilter, {