@powerhousedao/common 1.1.2-dev.0 → 1.2.0

package/dist/editors/generic-drive-explorer/components/create-document.d.ts

@@ -1,7 +1,8 @@
-import { DocumentModel } from 'document-model/document';
+import { DocumentModelModule } from "document-model";
 interface CreateDocumentProps {
-    documentModels?: DocumentModel[];
-    createDocument: (doc: DocumentModel) => void;
+    documentModels?: DocumentModelModule[];
+    createDocument: (doc: DocumentModelModule) => void;
 }
 export declare const CreateDocument: React.FC<CreateDocumentProps>;
 export {};
+//# sourceMappingURL=create-document.d.ts.map

package/dist/editors/generic-drive-explorer/components/create-document.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-document.d.ts","sourceRoot":"","sources":["../../../../editors/generic-drive-explorer/components/create-document.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAErD,UAAU,mBAAmB;IAC3B,cAAc,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACvC,cAAc,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACpD;AAUD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0BxD,CAAC"}

package/dist/editors/generic-drive-explorer/components/create-document.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@powerhousedao/design-system";
+function getDocumentSpec(doc) {
+    if ("documentModelState" in doc) {
+        return doc.documentModelState;
+    }
+    return doc.documentModel;
+}
+export const CreateDocument = ({ documentModels, createDocument, }) => {
+    return (_jsxs(_Fragment, { children: [_jsx("h3", { className: "mb-3 mt-4 text-xl font-bold text-gray-600", children: "New document" }), _jsx("div", { className: "flex w-full flex-wrap gap-4", children: documentModels?.map((doc) => {
+                    const spec = getDocumentSpec(doc);
+                    return (_jsx(Button, { "aria-details": spec.description, className: "bg-gray-200 text-slate-800", onClick: () => createDocument(doc), children: _jsx("span", { className: "text-sm", children: spec.name }) }, spec.id));
+                }) })] }));
+};

package/dist/editors/generic-drive-explorer/components/file-content-view.d.ts

@@ -1,4 +1,4 @@
-import { UiFileNode } from '@powerhousedao/design-system';
+import { UiFileNode } from "@powerhousedao/design-system";
 type Props = {
     fileNodes: UiFileNode[];
     onSelectNode: (uiNode: UiFileNode) => void;
@@ -9,3 +9,4 @@ type Props = {
 };
 export declare function FileContentView(props: Props): import("react/jsx-runtime").JSX.Element;
 export default FileContentView;
+//# sourceMappingURL=file-content-view.d.ts.map

package/dist/editors/generic-drive-explorer/components/file-content-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-content-view.d.ts","sourceRoot":"","sources":["../../../../editors/generic-drive-explorer/components/file-content-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEX,MAAM,8BAA8B,CAAC;AAKtC,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,UAAU,EAAE,CAAC;IACxB,YAAY,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IACzD,eAAe,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C,0BAA0B,EAAE,OAAO,CAAC;CACrC,CAAC;AAQF,wBAAgB,eAAe,CAAC,KAAK,EAAE,KAAK,2CAiH3C;AAED,eAAe,eAAe,CAAC"}

package/dist/editors/generic-drive-explorer/components/file-content-view.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FileItem, useWindowSize, } from "@powerhousedao/design-system";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import React, { useRef } from "react";
+import { useTranslation } from "react-i18next";
+const GAP = 8;
+const ITEM_WIDTH = 256;
+const ITEM_HEIGHT = 48;
+const USED_SPACE = 420;
+export function FileContentView(props) {
+    const parentRef = useRef(null);
+    const { t } = useTranslation();
+    const windowSize = useWindowSize();
+    const { fileNodes, ...fileProps } = props;
+    const availableWidth = windowSize.innerWidth - USED_SPACE;
+    const columnCount = Math.floor(availableWidth / (ITEM_WIDTH + GAP)) || 1;
+    const rowCount = Math.ceil(fileNodes.length / columnCount);
+    const rowVirtualizer = useVirtualizer({
+        count: rowCount,
+        getScrollElement: () => parentRef.current,
+        estimateSize: (index) => {
+            if (index > 0) {
+                return ITEM_HEIGHT + GAP;
+            }
+            return ITEM_HEIGHT;
+        },
+        overscan: 5,
+    });
+    const columnVirtualizer = useVirtualizer({
+        horizontal: true,
+        count: columnCount,
+        getScrollElement: () => parentRef.current,
+        estimateSize: (index) => {
+            if (index > 0) {
+                return ITEM_WIDTH + GAP;
+            }
+            return ITEM_WIDTH;
+        },
+        overscan: 5,
+    });
+    const getItemIndex = (rowIndex, columnIndex) => rowIndex * columnCount + columnIndex;
+    const getItem = (rowIndex, columnIndex) => {
+        const index = getItemIndex(rowIndex, columnIndex);
+        return fileNodes[index] || null;
+    };
+    if (fileNodes.length === 0) {
+        return (_jsx("div", { className: "mb-8 text-sm text-gray-400", children: t("folderView.sections.documents.empty", {
+                defaultValue: "No documents or files 📄",
+            }) }));
+    }
+    const renderItem = (rowIndex, columnIndex) => {
+        const fileNode = getItem(rowIndex, columnIndex);
+        if (!fileNode) {
+            return null;
+        }
+        return (_jsx("div", { style: {
+                marginLeft: columnIndex === 0 ? 0 : GAP,
+            }, children: _jsx(FileItem, { uiNode: fileNode, ...fileProps }, fileNode.id) }));
+    };
+    return (_jsx("div", { ref: parentRef, style: {
+            height: `400px`,
+            width: `100%`,
+            overflow: "auto",
+        }, children: _jsx("div", { style: {
+                height: `${rowVirtualizer.getTotalSize()}px`,
+                width: `${columnVirtualizer.getTotalSize()}px`,
+                position: "relative",
+            }, children: rowVirtualizer.getVirtualItems().map((virtualRow) => (_jsx(React.Fragment, { children: columnVirtualizer.getVirtualItems().map((virtualColumn) => (_jsx("div", { style: {
+                        position: "absolute",
+                        top: 0,
+                        left: 0,
+                        marginTop: virtualRow.index === 0 ? 0 : GAP,
+                        width: `${virtualColumn.size}px`,
+                        height: `${virtualRow.size}px`,
+                        transform: `translateX(${virtualColumn.start}px) translateY(${virtualRow.start}px)`,
+                    }, children: renderItem(virtualRow.index, virtualColumn.index) }, virtualColumn.key))) }, virtualRow.key))) }) }));
+}
+export default FileContentView;

package/dist/editors/generic-drive-explorer/components/folder-view.d.ts

@@ -1,5 +1,5 @@
-import { BaseProps } from '../../utils';
-import { UiDriveNode, UiFolderNode, UiNode } from '@powerhousedao/design-system';
+import type { BaseProps } from "#editors/utils/index";
+import { UiDriveNode, UiFolderNode, UiNode } from "@powerhousedao/design-system";
 interface IFolderViewProps extends BaseProps {
     node: UiDriveNode | UiFolderNode;
     isDropTarget: boolean;
@@ -14,3 +14,4 @@ interface IFolderViewProps extends BaseProps {
 }
 export declare function FolderView(props: IFolderViewProps): import("react/jsx-runtime").JSX.Element;
 export default FolderView;
+//# sourceMappingURL=folder-view.d.ts.map

package/dist/editors/generic-drive-explorer/components/folder-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"folder-view.d.ts","sourceRoot":"","sources":["../../../../editors/generic-drive-explorer/components/folder-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAIL,WAAW,EAEX,YAAY,EACZ,MAAM,EACP,MAAM,8BAA8B,CAAC;AAOtC,UAAU,gBAAiB,SAAQ,SAAS;IAC1C,IAAI,EAAE,WAAW,GAAG,YAAY,CAAC;IACjC,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,0BAA0B,EAAE,OAAO,CAAC;CACrC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,gBAAgB,2CA6EjD;AAED,eAAe,UAAU,CAAC"}

package/dist/editors/generic-drive-explorer/components/folder-view.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FILE, FOLDER, FolderItem, } from "@powerhousedao/design-system";
+import { useTranslation } from "react-i18next";
+import { twMerge } from "tailwind-merge";
+import { sortUiNodesByName } from "../../utils/uiNodes.js";
+import FileContentView from "./file-content-view.js";
+import { DriveLayout } from "./layout.js";
+export function FolderView(props) {
+    const { node, className, isDropTarget, containerProps, ...nodeProps } = props;
+    const { t } = useTranslation();
+    // Remove after ts reset is fixed
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
+    const folderNodes = node.children
+        .filter((node) => node.kind === FOLDER)
+        .sort(sortUiNodesByName);
+    // Remove after ts reset is fixed
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
+    const fileNodes = node.children
+        .filter((node) => node.kind === FILE)
+        .sort(sortUiNodesByName);
+    return (_jsxs("div", { className: twMerge("rounded-md border-2 border-transparent p-2", isDropTarget && "border-dashed border-blue-100", className), ...containerProps, children: [_jsx(DriveLayout.ContentSection, { title: t("folderView.sections.folders.title", {
+                    defaultValue: "Folders",
+                }), className: "mb-4", children: folderNodes.length > 0 ? (folderNodes.map((folderNode) => (_jsx(FolderItem, { uiNode: folderNode, onAddFile: nodeProps.onAddFile, onCopyNode: nodeProps.onCopyNode, onMoveNode: nodeProps.onMoveNode, onSelectNode: nodeProps.onSelectNode, onRenameNode: nodeProps.onRenameNode, onDuplicateNode: nodeProps.onDuplicateNode, onDeleteNode: nodeProps.onDeleteNode, isAllowedToCreateDocuments: nodeProps.isAllowedToCreateDocuments }, folderNode.id)))) : (_jsx("div", { className: "mb-8 text-sm text-gray-400", children: t("folderView.sections.folders.empty", {
+                        defaultValue: "No documents or files 📄",
+                    }) })) }), _jsx(DriveLayout.ContentSection, { title: t("folderView.sections.documents.title", {
+                    defaultValue: "Documents and files",
+                }), children: _jsx("div", { className: twMerge("w-full", fileNodes.length > 0 ? "min-h-[400px]" : "min-h-14"), children: _jsx(FileContentView, { fileNodes: fileNodes, onSelectNode: nodeProps.onSelectNode, onRenameNode: nodeProps.onRenameNode, onDuplicateNode: nodeProps.onDuplicateNode, onDeleteNode: nodeProps.onDeleteNode, isAllowedToCreateDocuments: nodeProps.isAllowedToCreateDocuments }) }) })] }));
+}
+export default FolderView;

package/dist/editors/generic-drive-explorer/components/layout.d.ts

@@ -1,4 +1,4 @@
-import { BaseProps } from '../../utils';
+import type { BaseProps } from "#editors/utils/index";
 export declare function DriveLayout({ children, className, ...props }: BaseProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace DriveLayout {
     var Container: ({ children, className, containerProps, ...props }: BaseProps) => import("react/jsx-runtime").JSX.Element;
@@ -9,3 +9,4 @@ export declare namespace DriveLayout {
     }) => import("react/jsx-runtime").JSX.Element;
     var Footer: ({ children, className, containerProps, ...props }: BaseProps) => import("react/jsx-runtime").JSX.Element;
 }
+//# sourceMappingURL=layout.d.ts.map

package/dist/editors/generic-drive-explorer/components/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../editors/generic-drive-explorer/components/layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGtD,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAMvE;yBANe,WAAW;uEAaxB,SAAS;oEAoBT,SAAS;qEAaT,SAAS;mFAkBT,SAAS,GAAG;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE;oEAkB9B,SAAS"}

package/dist/editors/generic-drive-explorer/components/layout.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@powerhousedao/design-system/scalars";
+export function DriveLayout({ children, className, ...props }) {
+    return (_jsx(DriveLayout.Container, { className: className, ...props, children: children }));
+}
+DriveLayout.Container = function DriveLayoutContainer({ children, className, containerProps, ...props }) {
+    return (_jsx("div", { className: cn("flex grow flex-col overflow-auto rounded-2xl bg-gray-50 p-2", className), ...containerProps, ...props, children: children }));
+};
+DriveLayout.Header = function DriveLayoutHeader({ children, className, containerProps, ...props }) {
+    return (_jsx("div", { className: cn("flex-0", className), ...containerProps, ...props, children: children }));
+};
+DriveLayout.Content = function DriveLayoutContent({ children, className, containerProps, ...props }) {
+    return (_jsx("div", { className: cn("mb-5 flex-1 px-4", className), ...containerProps, ...props, children: children }));
+};
+DriveLayout.ContentSection = function DriveLayoutContentSection({ title, children, className, containerProps, ...props }) {
+    return (_jsxs("div", { className: cn(className), ...containerProps, ...props, children: [title && (_jsx("div", { className: "mb-4 text-base font-semibold text-gray-600", children: title })), _jsx("div", { className: "flex flex-wrap gap-2", children: children })] }));
+};
+DriveLayout.Footer = function DriveLayoutFooter({ children, className, containerProps, ...props }) {
+    return (_jsx("div", { className: cn("flex-0", className), ...containerProps, ...props, children: children }));
+};

package/dist/editors/generic-drive-explorer/components/search-bar.d.ts

@@ -1 +1,2 @@
 export declare const SearchBar: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=search-bar.d.ts.map

package/dist/editors/generic-drive-explorer/components/search-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.d.ts","sourceRoot":"","sources":["../../../../editors/generic-drive-explorer/components/search-bar.tsx"],"names":[],"mappings":"AAoCA,eAAO,MAAM,SAAS,+CAcrB,CAAC"}

package/dist/editors/generic-drive-explorer/components/search-bar.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ConnectSearchBar, Icon, } from "@powerhousedao/design-system";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+const defaultFilterItems = [
+    {
+        id: "project",
+        label: ".project",
+        icon: _jsx(Icon, { name: "Project", color: "#FF6A55", size: 16 }),
+    },
+    {
+        id: "budget",
+        label: ".budget",
+        icon: _jsx(Icon, { name: "BarChart", color: "#8E55EA", size: 16 }),
+    },
+    {
+        id: "profile",
+        label: ".profile",
+        icon: _jsx(Icon, { name: "Person", color: "#3E90F0", size: 16 }),
+    },
+    {
+        id: "legal",
+        label: ".legal",
+        icon: _jsx(Icon, { name: "Briefcase", color: "#4BAB71", size: 16 }),
+    },
+    {
+        id: "atlas",
+        label: ".Atlas",
+        icon: _jsx(Icon, { name: "Globe", color: "#FF8A00", size: 16 }),
+    },
+];
+export const SearchBar = () => {
+    const { t } = useTranslation();
+    const [value, setValue] = useState(""); // TODO
+    return (_jsx(ConnectSearchBar, { className: "max-w-searchbar-width m-4 shrink-0 bg-gray-100", placeholder: t("searchbar.placeholder"), filterLabel: t("searchbar.filterLabel"), filterItems: defaultFilterItems, value: value, onChange: setValue }));
+};

package/dist/editors/generic-drive-explorer/editor.d.ts

@@ -1,4 +1,10 @@
-import { EditorProps } from 'document-model/document';
-import { DocumentDriveAction, DocumentDriveLocalState, DocumentDriveState } from 'document-models/document-drive';
-export type IProps = EditorProps<DocumentDriveState, DocumentDriveAction, DocumentDriveLocalState>;
+import { DocumentDriveDocument } from "document-drive";
+import { EditorProps } from "document-model";
+import React from "react";
+export type IGenericDriveExplorerEditorProps = {
+    className?: string;
+    children?: React.ReactNode;
+};
+export type IProps = EditorProps<DocumentDriveDocument> & React.HTMLProps<HTMLDivElement>;
 export default function Editor(props: IProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=editor.d.ts.map

package/dist/editors/generic-drive-explorer/editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/generic-drive-explorer/editor.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAuB,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAA+B,MAAM,OAAO,CAAC;AAMpD,MAAM,MAAM,gCAAgC,GAAG;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC,qBAAqB,CAAC,GACrD,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;AAElC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,2CA2G3C"}

package/dist/editors/generic-drive-explorer/editor.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Breadcrumbs, useBreadcrumbs, useDrop, } from "@powerhousedao/design-system";
+import { useDriveActionsWithUiNodes } from "@powerhousedao/reactor-browser/hooks/useDriveActionsWithUiNodes";
+import { useDriveContext } from "@powerhousedao/reactor-browser/hooks/useDriveContext";
+import { FILE, useUiNodesContext, } from "@powerhousedao/reactor-browser/hooks/useUiNodesContext";
+import { useCallback, useMemo } from "react";
+import { CreateDocument } from "./components/create-document.js";
+import FolderView from "./components/folder-view.js";
+import { DriveLayout } from "./components/layout.js";
+import { SearchBar } from "./components/search-bar.js";
+export default function Editor(props) {
+    const { document, dispatch, className, children } = props;
+    const { state: { global: { id }, }, } = document;
+    const { showSearchBar, isAllowedToCreateDocuments, documentModels, showCreateDocumentModal, } = useDriveContext();
+    const { driveNodes, selectedNode, selectedNodePath, getNodeById, setSelectedNode, } = useUiNodesContext();
+    const driveNode = useMemo(() => driveNodes.find((n) => n.id === id), [driveNodes, id]);
+    const { addDocument, addFile, addFolder, renameNode, deleteNode, moveNode, copyNode, duplicateNode, } = useDriveActionsWithUiNodes(document, dispatch);
+    const onCreateDocument = useCallback(async (documentModel) => {
+        const { name } = await showCreateDocumentModal(documentModel);
+        const document = documentModel.utils.createDocument();
+        await addDocument(name, documentModel.documentModel.name, document, selectedNode?.id);
+    }, [addDocument, showCreateDocumentModal, selectedNode?.id]);
+    const { isDropTarget, dropProps } = useDrop({
+        uiNode: selectedNode,
+        onAddFile: addFile,
+        onCopyNode: copyNode,
+        onMoveNode: moveNode,
+    });
+    const { breadcrumbs, onBreadcrumbSelected } = useBreadcrumbs({
+        selectedNodePath,
+        getNodeById,
+        setSelectedNode,
+    });
+    if (!driveNode) {
+        return _jsx("div", { children: "Drive not found" });
+    }
+    else if (selectedNode?.kind === FILE) {
+        return _jsx(_Fragment, {});
+    }
+    return (_jsxs(DriveLayout, { className: className, children: [children, _jsxs(DriveLayout.Header, { children: [_jsx(Breadcrumbs, { breadcrumbs: breadcrumbs, createEnabled: isAllowedToCreateDocuments, onCreate: addFolder, onBreadcrumbSelected: onBreadcrumbSelected }), showSearchBar && _jsx(SearchBar, {})] }), _jsx(DriveLayout.Content, { children: _jsx(FolderView, { node: selectedNode || driveNode, onSelectNode: setSelectedNode, onRenameNode: renameNode, onDuplicateNode: duplicateNode, onDeleteNode: deleteNode, onAddFile: addFile, onCopyNode: copyNode, onMoveNode: moveNode, isDropTarget: isDropTarget, isAllowedToCreateDocuments: isAllowedToCreateDocuments }) }), _jsx(DriveLayout.Footer, { children: isAllowedToCreateDocuments && (_jsx(CreateDocument, { documentModels: documentModels, createDocument: onCreateDocument })) })] }));
+}

package/dist/editors/generic-drive-explorer/generic-drive-explorer.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react";
+import Editor from "./editor.js";
+declare const meta: Meta<typeof Editor>;
+export declare const Empty: StoryObj<typeof Editor>;
+export default meta;
+//# sourceMappingURL=generic-drive-explorer.stories.d.ts.map

package/dist/editors/generic-drive-explorer/generic-drive-explorer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generic-drive-explorer.stories.d.ts","sourceRoot":"","sources":["../../../editors/generic-drive-explorer/generic-drive-explorer.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,MAAM,MAAM,aAAa,CAAC;AAKjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAG7B,CAAC;AACF,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,MAAM,CAAuB,CAAC;AAElE,eAAe,IAAI,CAAC"}

package/dist/editors/generic-drive-explorer/generic-drive-explorer.stories.js

@@ -0,0 +1,9 @@
+import { createDriveStoryWithUINodes } from "#editors/utils/storybook";
+import Editor from "./editor.js";
+const { meta: _meta, CreateDocumentStory } = createDriveStoryWithUINodes(Editor);
+const meta = {
+    ..._meta,
+    title: "Generic Drive Explorer",
+};
+export const Empty = CreateDocumentStory;
+export default meta;

package/dist/editors/generic-drive-explorer/index.d.ts

@@ -1,4 +1,4 @@
-import { ExtendedEditor, EditorContextProps } from 'document-model-libs';
-import { DocumentDriveState, DocumentDriveAction, DocumentDriveLocalState } from '../../document-models/document-drive';
-export declare const module: ExtendedEditor<DocumentDriveState, DocumentDriveAction, DocumentDriveLocalState, EditorContextProps>;
-export default module;
+import { DocumentDriveDocument } from "document-drive";
+import { EditorModule } from "document-model";
+export declare const GenericDriveExplorer: EditorModule<DocumentDriveDocument>;
+//# sourceMappingURL=index.d.ts.map

package/dist/editors/generic-drive-explorer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/generic-drive-explorer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,eAAO,MAAM,oBAAoB,EAAE,YAAY,CAAC,qBAAqB,CASpE,CAAC"}

package/dist/editors/generic-drive-explorer/index.js

@@ -0,0 +1,11 @@
+import Editor from "./editor.js";
+export const GenericDriveExplorer = {
+    Component: Editor,
+    documentTypes: ["powerhouse/document-drive"],
+    config: {
+        id: "GenericDriveExplorer",
+        disableExternalControls: true,
+        documentToolbarEnabled: true,
+        showSwitchboardLink: true,
+    },
+};

package/dist/editors/index.d.ts

@@ -1 +1,2 @@
-export { module as GenericDriveExplorer } from './generic-drive-explorer';
+export { GenericDriveExplorer } from "./generic-drive-explorer/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/editors/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC"}

package/dist/editors/index.js

@@ -0,0 +1 @@
+export { GenericDriveExplorer } from "./generic-drive-explorer/index.js";

package/dist/editors/utils/index.d.ts

@@ -1,4 +1,4 @@
-import { ClassValue } from 'clsx';
+import { type ClassValue } from "clsx";
 export declare function cn(...inputs: ClassValue[]): string;
 export type BaseProps<T extends HTMLElement = HTMLDivElement> = {
     className?: string;
@@ -7,3 +7,5 @@ export type BaseProps<T extends HTMLElement = HTMLDivElement> = {
     children?: React.ReactNode;
     containerProps?: Omit<React.HTMLAttributes<T>, "className" | "style" | "id">;
 };
+export * from "./uiNodes.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/editors/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editors/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,cAAc,IAAI;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,WAAW,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC;CAC9E,CAAC;AAEF,cAAc,cAAc,CAAC"}

package/dist/editors/utils/index.js

@@ -0,0 +1,6 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+export * from "./uiNodes.js";

package/dist/editors/utils/storybook.d.ts

@@ -1,12 +1,13 @@
-import { Decorator, Meta } from '@storybook/react';
-import { DocumentStory, EditorStoryArgs, EditorStoryComponent, EditorStoryProps } from 'document-model-libs/utils';
-import { ExtendedState, PartialState } from 'document-model/document';
-import { DocumentDriveAction, DocumentDriveLocalState, DocumentDriveState } from 'document-models/document-drive';
-export declare function createDriveStory(Editor: EditorStoryComponent<DocumentDriveState, DocumentDriveAction, DocumentDriveLocalState>, initialState?: ExtendedState<PartialState<DocumentDriveState>, PartialState<DocumentDriveLocalState>>, additionalStoryArgs?: EditorStoryArgs<DocumentDriveState, DocumentDriveAction, DocumentDriveLocalState>, decorators?: Decorator<EditorStoryProps<DocumentDriveState, DocumentDriveAction, DocumentDriveLocalState>>[]): {
+import { DocumentStory, EditorStoryArgs, EditorStoryComponent, type EditorStoryProps } from "@powerhousedao/builder-tools/editor-utils";
+import { Decorator, Meta } from "@storybook/react";
+import { DocumentDriveDocument, DocumentDriveLocalState, DocumentDriveState } from "document-drive";
+import { ExtendedState, PartialState } from "document-model";
+export declare function createDriveStory(Editor: EditorStoryComponent<DocumentDriveDocument>, initialState?: ExtendedState<PartialState<DocumentDriveState>, PartialState<DocumentDriveLocalState>>, additionalStoryArgs?: EditorStoryArgs<DocumentDriveDocument>, decorators?: Decorator<EditorStoryProps<DocumentDriveDocument>>[]): {
     meta: Meta<typeof Editor>;
-    CreateDocumentStory: DocumentStory<DocumentDriveState, DocumentDriveAction, DocumentDriveLocalState>;
+    CreateDocumentStory: DocumentStory<DocumentDriveDocument>;
 };
-export declare function createDriveStoryWithUINodes(Editor: EditorStoryComponent<DocumentDriveState, DocumentDriveAction, DocumentDriveLocalState>, initialState?: ExtendedState<PartialState<DocumentDriveState>, PartialState<DocumentDriveLocalState>>, additionalStoryArgs?: EditorStoryArgs<DocumentDriveState, DocumentDriveAction, DocumentDriveLocalState>, decorators?: Decorator<EditorStoryProps<DocumentDriveState, DocumentDriveAction, DocumentDriveLocalState>>[]): {
+export declare function createDriveStoryWithUINodes(Editor: EditorStoryComponent<DocumentDriveDocument>, initialState?: ExtendedState<PartialState<DocumentDriveState>, PartialState<DocumentDriveLocalState>>, additionalStoryArgs?: EditorStoryArgs<DocumentDriveDocument>, decorators?: Decorator<EditorStoryProps<DocumentDriveDocument>>[]): {
     meta: Meta<typeof Editor>;
-    CreateDocumentStory: DocumentStory<DocumentDriveState, DocumentDriveAction, DocumentDriveLocalState>;
+    CreateDocumentStory: DocumentStory<DocumentDriveDocument>;
 };
+//# sourceMappingURL=storybook.d.ts.map

package/dist/editors/utils/storybook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"storybook.d.ts","sourceRoot":"","sources":["../../../editors/utils/storybook.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,aAAa,EACb,eAAe,EACf,oBAAoB,EACpB,KAAK,gBAAgB,EACtB,MAAM,2CAA2C,CAAC;AAQnD,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EACL,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAGnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAGL,aAAa,EACb,YAAY,EACb,MAAM,gBAAgB,CAAC;AAoFxB,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,oBAAoB,CAAC,qBAAqB,CAAC,EACnD,YAAY,CAAC,EAAE,aAAa,CAC1B,YAAY,CAAC,kBAAkB,CAAC,EAChC,YAAY,CAAC,uBAAuB,CAAC,CACtC,EACD,mBAAmB,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC,EAC5D,UAAU,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC,EAAE,GAChE;IACD,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAAC,CAAC;IAC1B,mBAAmB,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;CAC3D,CAWA;AAED,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,oBAAoB,CAAC,qBAAqB,CAAC,EACnD,YAAY,CAAC,EAAE,aAAa,CAC1B,YAAY,CAAC,kBAAkB,CAAC,EAChC,YAAY,CAAC,uBAAuB,CAAC,CACtC,EACD,mBAAmB,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC,EAC5D,UAAU,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC,EAAE,GAChE;IACD,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAAC,CAAC;IAC1B,mBAAmB,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;CAC3D,CAWA"}

package/dist/editors/utils/storybook.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createDocumentStory, } from "@powerhousedao/builder-tools/editor-utils";
+import { DRIVE, DriveContextProvider, UiNodesContextProvider, useUiNodesContext, } from "@powerhousedao/reactor-browser";
+import { driveDocumentModelModule, } from "document-drive";
+import { documentModelDocumentModelModule, } from "document-model";
+import { useEffect, useState } from "react";
+import { makeUiDriveNode } from "./uiNodes.js";
+// Sets the ui drive nodes for the story
+function UINodesSetter(props) {
+    const { document } = props;
+    const { setDriveNodes, selectedNode, setSelectedNode } = useUiNodesContext();
+    const [uiDriveNode, setUiDriveNode] = useState(null);
+    useEffect(() => {
+        const node = makeUiDriveNode(document);
+        setUiDriveNode((prev) => {
+            if (JSON.stringify(prev) !== JSON.stringify(node)) {
+                return node;
+            }
+            else {
+                return prev;
+            }
+        });
+    }, [document]);
+    useEffect(() => {
+        if (!selectedNode ||
+            (selectedNode.kind === DRIVE && selectedNode.id !== uiDriveNode?.id)) {
+            setSelectedNode(uiDriveNode);
+        }
+    }, [uiDriveNode, selectedNode, setSelectedNode]);
+    useEffect(() => {
+        setDriveNodes(uiDriveNode ? [uiDriveNode] : []);
+    }, [uiDriveNode, setDriveNodes]);
+    return null;
+}
+const UiNodesContextDecorator = (Story, context) => {
+    const { document } = context.args;
+    return (_jsxs(UiNodesContextProvider, { children: [_jsx(UINodesSetter, { document: document }), _jsx(Story, {})] }));
+};
+const DriveContextDecorator = (Story, context) => {
+    const [selectedNode, setSelectedNode] = useState(null);
+    return (_jsx(DriveContextProvider, { value: {
+            showSearchBar: false,
+            isAllowedToCreateDocuments: true,
+            documentModels: [
+                documentModelDocumentModelModule,
+            ],
+            selectedNode,
+            selectNode: setSelectedNode,
+            useSyncStatus: () => "SUCCESS",
+            addFile() {
+                throw new Error("addFile not implemented");
+            },
+            showCreateDocumentModal(documentModel) {
+                return Promise.resolve({
+                    name: `New ${documentModel.documentModel.name}`,
+                });
+            },
+        }, children: _jsx(Story, {}) }));
+};
+export function createDriveStory(Editor, initialState, additionalStoryArgs, decorators) {
+    return createDocumentStory(Editor, driveDocumentModelModule.reducer, initialState ??
+        driveDocumentModelModule.utils.createExtendedState({
+            state: { global: { id: "powerhouse", name: "Powerhouse" }, local: {} },
+        }), additionalStoryArgs, [DriveContextDecorator, ...(decorators ?? [])]);
+}
+export function createDriveStoryWithUINodes(Editor, initialState, additionalStoryArgs, decorators) {
+    return createDocumentStory(Editor, driveDocumentModelModule.reducer, initialState ??
+        driveDocumentModelModule.utils.createExtendedState({
+            state: { global: { id: "powerhouse", name: "Powerhouse" }, local: {} },
+        }), additionalStoryArgs, [DriveContextDecorator, UiNodesContextDecorator, ...(decorators ?? [])]);
+}

package/dist/editors/utils/uiNodes.d.ts

@@ -1,6 +1,7 @@
-import { UiDriveNode, UiNode } from '@powerhousedao/design-system';
-import { DocumentDriveDocument, Node } from 'document-models/document-drive';
+import { UiDriveNode, type UiNode } from "@powerhousedao/reactor-browser/uiNodes/types";
+import { DocumentDriveDocument, Node } from "document-drive";
 export declare function sortUiNodesByName(a: UiNode, b: UiNode): number;
 export declare function makeNodeSlugFromNodeName(name: string): string;
 export declare function makeUiNode(node: Node | undefined, drive: DocumentDriveDocument, withChildren: boolean): UiNode;
 export declare function makeUiDriveNode(drive: DocumentDriveDocument): UiDriveNode;
+//# sourceMappingURL=uiNodes.d.ts.map

package/dist/editors/utils/uiNodes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uiNodes.d.ts","sourceRoot":"","sources":["../../../editors/utils/uiNodes.ts"],"names":[],"mappings":"AAKA,OAAO,EACL,WAAW,EAGX,KAAK,MAAM,EACZ,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAE,qBAAqB,EAAgB,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE3E,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,UAErD;AAED,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,MAAM,UAEpD;AAED,wBAAgB,UAAU,CACxB,IAAI,EAAE,IAAI,GAAG,SAAS,EACtB,KAAK,EAAE,qBAAqB,EAC5B,YAAY,EAAE,OAAO,GACpB,MAAM,CAoDR;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,qBAAqB,GAAG,WAAW,CAUzE"}

package/dist/editors/utils/uiNodes.js

@@ -0,0 +1,67 @@
+import { DRIVE, FILE, LOCAL, } from "@powerhousedao/reactor-browser/uiNodes/constants";
+import { isFolderNode } from "document-drive";
+export function sortUiNodesByName(a, b) {
+    return a.name.localeCompare(b.name);
+}
+export function makeNodeSlugFromNodeName(name) {
+    return name.replaceAll(/\s/g, "-");
+}
+export function makeUiNode(node, drive, withChildren) {
+    const { id, name, icon, slug, nodes } = drive.state.global;
+    const { sharingType: _sharingType, availableOffline } = drive.state.local;
+    const __sharingType = _sharingType?.toUpperCase();
+    const sharingType = __sharingType === "PRIVATE" ? LOCAL : __sharingType;
+    // TODO: handle sync status
+    // const normalizedDriveSyncStatus =
+    //               syncStatus === 'INITIAL_SYNC'
+    //                   ? 'SYNCING'
+    //                   : syncStatus;
+    if (node) {
+        const uiNode = {
+            ...node,
+            slug: makeNodeSlugFromNodeName(node.name),
+            driveId: id,
+            parentFolder: node.parentFolder || id,
+            kind: node.kind.toUpperCase(),
+            syncStatus: undefined,
+            sharingType,
+        };
+        if (uiNode.kind === FILE) {
+            return uiNode;
+        }
+        else if (isFolderNode(node)) {
+            return {
+                ...uiNode,
+                children: withChildren
+                    ? nodes
+                        .filter((n) => n.parentFolder === node.id)
+                        .map((n) => makeUiNode(n, drive, false))
+                    : [],
+            };
+        }
+    }
+    return {
+        id,
+        name,
+        slug: slug || null,
+        kind: DRIVE,
+        nodeMap: {},
+        sharingType,
+        syncStatus: undefined,
+        availableOffline,
+        icon,
+        parentFolder: null,
+        driveId: id,
+        children: nodes
+            .filter((n) => n.parentFolder)
+            .map((n) => makeUiNode(n, drive, false)),
+    };
+}
+export function makeUiDriveNode(drive) {
+    const driveNode = makeUiNode(undefined, drive, true);
+    driveNode.nodeMap = drive.state.global.nodes.reduce((acc, node) => {
+        acc[node.id] = makeUiNode(node, drive, true);
+        return acc;
+    }, {});
+    return driveNode;
+}

package/dist/index.d.ts

@@ -1,6 +1,2 @@
-export declare const documentModels: import('document-model/document').DocumentModel<import('.').DocumentDriveState, import('.').DocumentDriveAction, import('.').DocumentDriveLocalState>[];
-export declare const editors: import('document-model-libs').ExtendedEditor<import('.').DocumentDriveState, import('.').DocumentDriveAction, import('.').DocumentDriveLocalState, import('document-model-libs').EditorContextProps>[];
-export { DocumentDrive } from './document-models';
-export * from './document-models/document-drive/gen/types';
-export { GenericDriveExplorer } from './editors';
-export { useDriveActions, useDriveActionsWithUiNodes, useDriveContext, } from './editors/hooks';
+export { GenericDriveExplorer } from "./editors/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/index.js

@@ -0,0 +1 @@
+export { GenericDriveExplorer } from "./editors/index.js";