@webiny/app-aco 0.0.0-unstable.60e968001a

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Webiny
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,349 @@
+# @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.
+
+## Table of Contents
+
+- [Installation](#installation)
+- [Overview](#overview)
+- [Reference](#reference)
+    - [Components](#components)
+        - [`FoldersProvider`](#FoldersProvider)
+        - [`FolderTree`](#FolderTree)
+        - [`FolderDialogCreate`](#FolderDialogCreate)
+        - [`FolderDialogUpdate`](#FolderDialogUpdate)
+        - [`FolderDialogDelete`](#FolderDialogDelete)
+    - [Hooks](#hooks)
+        - [`useFolder`](#useFolders)
+        - [`useLinks`](#useLinks)
+
+## 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 `useLinks` hooks, which can be used to retrieve the current folder and link 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).
+
+## Reference
+
+### Components
+
+#### `FoldersProvider`
+
+<details>
+<summary>Type Declaration</summary>
+<p>
+
+```tsx
+export declare const FoldersProvider: React.FC;
+```
+
+</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.
+
+```tsx
+import React from "react";
+import { FoldersProvider } from "@webiny/app-aco";
+
+export const App = () => {
+  return (
+    <FoldersProvider>
+      <MyApp />
+    </FoldersProvider>
+  );
+};
+```
+
+#### `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;
+    onFolderClick: (data: NodeModel<DndItemData>["data"]) => void;
+    onTitleClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    focusedFolderId?: string;
+}
+
+declare function FolderTree(props: Props): React.FC;
+```
+</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"}
+            onFolderClick={item => console.log(item)}
+            onTitleClick={() => console.log("Do whatever you like on title click")}
+            focusedFolderId={"anyExistingId"}
+        />
+    );
+};
+```
+> ℹ️ **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.
+
+#### `FolderDialogCreate`
+<details>
+<summary>Type Declaration</summary>
+<p>
+
+```tsx
+import { DialogOnClose } from "@webiny/ui/Dialog";
+
+interface Props {
+    type: string;
+    open: boolean;
+    onClose: DialogOnClose;
+    parentId?: string | null;
+}
+
+declare function FolderDialogCreate(props: Props): React.FC;
+```
+</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)}
+                parentId={"anyParentId"}
+            />
+        </>
+    );
+};
+```
+
+#### `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.FC;
+```
+</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)}
+            />
+        </>
+    );
+};
+```
+
+#### `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.FC;
+```
+</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)}
+            />
+        </>
+    );
+};
+```
+
+### 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.
+
+#### `useLinks`
+<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>;
+}
+
+export declare function useLinks(folderId: string): UseLinksHook;
+```
+</p>
+</details>
+
+
+`useLinks()` hook allows you to interact with folders links state and related APIs while building your custom component.
+
+```tsx
+import React, { useEffect, useState } from "react";
+import { useLinks } from "@webiny/app-aco";
+
+import { getEntryDetails } from "./any-custom-hook"
+
+export const MyComponent = () => {
+    const { links } = useLinks("anyFolderId");
+    const [entries, setEntries] = useState([]);
+    
+    useEffect(() => {
+        const details = getEntryDetails(links);
+        setEntries(details)
+    }, [links])
+    
+    if (entries) {
+        return entries.map(entry => {
+            return <span key={entry.id}>{entry.name}</span>;
+        });
+    }
+    
+    return <span>No entries to show</span>;
+};
+```
+
+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/Dialogs/DialogCreate.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { DialogOnClose } from "@webiny/ui/Dialog";
+declare type Props = {
+    type: string;
+    open: boolean;
+    onClose: DialogOnClose;
+    parentId?: string | null;
+};
+export declare const FolderDialogCreate: React.FC<Props>;
+export {};

package/components/Dialogs/DialogCreate.js

@@ -0,0 +1,153 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FolderDialogCreate = void 0;
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _AutoComplete = require("@webiny/ui/AutoComplete");
+
+var _Button = require("@webiny/ui/Button");
+
+var _Dialog = require("@webiny/ui/Dialog");
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _Input = require("@webiny/ui/Input");
+
+var _Progress = require("@webiny/ui/Progress");
+
+var _form = require("@webiny/form");
+
+var _validation = require("@webiny/validation");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _appAdmin = require("@webiny/app-admin");
+
+var _useFolders2 = require("../../hooks/useFolders");
+
+var _styled = require("./styled");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+
+var t = _i18n.i18n.ns("app-aco/components/tree/dialog-create");
+
+var FolderDialogCreate = function FolderDialogCreate(_ref) {
+  var type = _ref.type,
+      onClose = _ref.onClose,
+      open = _ref.open,
+      parentId = _ref.parentId;
+
+  var _useFolders = (0, _useFolders2.useFolders)(type),
+      folders = _useFolders.folders,
+      loading = _useFolders.loading,
+      createFolder = _useFolders.createFolder;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      dialogOpen = _useState2[0],
+      setDialogOpen = _useState2[1];
+
+  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
+      showSnackbar = _useSnackbar.showSnackbar;
+
+  var onSubmit = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(data) {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return createFolder((0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
+                type: type
+              }, typeof parentId !== "undefined" && {
+                parentId: parentId
+              }));
+
+            case 3:
+              setDialogOpen(false);
+              showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Folder created successfully!"]))));
+              _context.next = 10;
+              break;
+
+            case 7:
+              _context.prev = 7;
+              _context.t0 = _context["catch"](0);
+              showSnackbar(_context.t0.message);
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 7]]);
+    }));
+
+    return function onSubmit(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  (0, _react.useEffect)(function () {
+    setDialogOpen(open);
+  }, [open]);
+  return /*#__PURE__*/_react.default.createElement(_styled.DialogContainer, {
+    open: dialogOpen,
+    onClose: onClose
+  }, dialogOpen && /*#__PURE__*/_react.default.createElement(_form.Form, {
+    onSubmit: onSubmit
+  }, function (_ref3) {
+    var Bind = _ref3.Bind,
+        submit = _ref3.submit;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, loading.CREATE && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+      label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Creating folder..."])))
+    }), /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Create a new folder"])))), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "name",
+      validators: [_validation.validation.create("required,minLength:3")]
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Name"])))
+    }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "slug",
+      validators: [_validation.validation.create("required,minLength:3,slug")]
+    }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      label: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Slug"])))
+    }))), typeof parentId === "undefined" && /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 12
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "parentId"
+    }, /*#__PURE__*/_react.default.createElement(_AutoComplete.AutoComplete, {
+      options: folders,
+      label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Parent"])))
+    }))))), /*#__PURE__*/_react.default.createElement(_styled.DialogActions, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
+      onClick: function onClick() {
+        setDialogOpen(false);
+      }
+    }, t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
+      onClick: submit
+    }, t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Create Folder"]))))));
+  }));
+};
+
+exports.FolderDialogCreate = FolderDialogCreate;

package/components/Dialogs/DialogCreate.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","FolderDialogCreate","type","onClose","open","parentId","useFolders","folders","loading","createFolder","useState","dialogOpen","setDialogOpen","useSnackbar","showSnackbar","onSubmit","data","message","useEffect","Bind","submit","CREATE","validation","create"],"sources":["DialogCreate.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { AutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { ButtonPrimary, ButtonDefault } from \"@webiny/ui/Button\";\nimport { DialogTitle, DialogContent, DialogOnClose } from \"@webiny/ui/Dialog\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { Form, FormOnSubmit } from \"@webiny/form\";\nimport { validation } from \"@webiny/validation\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useSnackbar } from \"@webiny/app-admin\";\n\nimport { useFolders } from \"~/hooks/useFolders\";\n\nimport { DialogContainer, DialogActions } from \"./styled\";\n\nimport { FolderItem } from \"~/types\";\n\ntype Props = {\n    type: string;\n    open: boolean;\n    onClose: DialogOnClose;\n    parentId?: string | null;\n};\n\nconst t = i18n.ns(\"app-aco/components/tree/dialog-create\");\n\ntype SubmitData = Omit<FolderItem, \"id\">;\n\nexport const FolderDialogCreate: React.FC<Props> = ({ type, onClose, open, parentId }) => {\n    const { folders, loading, createFolder } = useFolders(type);\n    const [dialogOpen, setDialogOpen] = useState(false);\n    const { showSnackbar } = useSnackbar();\n\n    const onSubmit: FormOnSubmit<SubmitData> = async data => {\n        try {\n            await createFolder({\n                ...data,\n                type,\n                ...(typeof parentId !== \"undefined\" && { parentId })\n            });\n            setDialogOpen(false);\n            showSnackbar(t`Folder created successfully!`);\n        } catch (error) {\n            showSnackbar(error.message);\n        }\n    };\n\n    useEffect(() => {\n        setDialogOpen(open);\n    }, [open]);\n\n    return (\n        <DialogContainer open={dialogOpen} onClose={onClose}>\n            {dialogOpen && (\n                <Form onSubmit={onSubmit}>\n                    {({ Bind, submit }) => (\n                        <>\n                            {loading.CREATE && <CircularProgress label={t`Creating folder...`} />}\n                            <DialogTitle>{t`Create a new folder`}</DialogTitle>\n                            <DialogContent>\n                                <Grid>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"name\"}\n                                            validators={[validation.create(\"required,minLength:3\")]}\n                                        >\n                                            <Input label={t`Name`} />\n                                        </Bind>\n                                    </Cell>\n                                    <Cell span={12}>\n                                        <Bind\n                                            name={\"slug\"}\n                                            validators={[\n                                                validation.create(\"required,minLength:3,slug\")\n                                            ]}\n                                        >\n                                            <Input label={t`Slug`} />\n                                        </Bind>\n                                    </Cell>\n                                    {typeof parentId === \"undefined\" && (\n                                        <Cell span={12}>\n                                            <Bind name=\"parentId\">\n                                                <AutoComplete options={folders} label={t`Parent`} />\n                                            </Bind>\n                                        </Cell>\n                                    )}\n                                </Grid>\n                            </DialogContent>\n                            <DialogActions>\n                                <ButtonDefault\n                                    onClick={() => {\n                                        setDialogOpen(false);\n                                    }}\n                                >\n                                    {t`Cancel`}\n                                </ButtonDefault>\n                                <ButtonPrimary onClick={submit}>{t`Create Folder`}</ButtonPrimary>\n                            </DialogActions>\n                        </>\n                    )}\n                </Form>\n            )}\n        </DialogContainer>\n    );\n};\n"],"mappings":"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"}

package/components/Dialogs/DialogDelete.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { DialogOnClose } from "@webiny/ui/Dialog";
+import { FolderItem } from "../../types";
+declare type Props = {
+    folder: FolderItem;
+    open: boolean;
+    onClose: DialogOnClose;
+};
+export declare const FolderDialogDelete: ({ folder, open, onClose }: Props) => JSX.Element;
+export {};