@powerhousedao/design-system 4.1.0-dev.9 → 4.1.0-dev.91

package/dist/src/connect/components/document-timeline/mock-utils.d.ts

@@ -1,3 +1,3 @@
-import { type TimelineBarItem, type TimelineDividerItem } from "./document-timeline.js";
+import type { TimelineBarItem, TimelineDividerItem } from "@powerhousedao/reactor-browser";
 export declare const generateLargeTimeline: (itemCount: number) => (TimelineBarItem | TimelineDividerItem)[];
 //# sourceMappingURL=mock-utils.d.ts.map

package/dist/src/connect/components/document-timeline/mock-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mock-utils.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/document-timeline/mock-utils.ts"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACzB,MAAM,wBAAwB,CAAC;AAchC,eAAO,MAAM,qBAAqB,GAAI,WAAW,MAAM,8CA+CtD,CAAC"}
+{"version":3,"file":"mock-utils.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/document-timeline/mock-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACpB,MAAM,gCAAgC,CAAC;AAexC,eAAO,MAAM,qBAAqB,GAAI,WAAW,MAAM,8CA+CtD,CAAC"}

package/dist/src/connect/components/document-timeline/mock-utils.js

@@ -16,7 +16,7 @@ export const generateLargeTimeline = (itemCount) => {
             timeline.push({
                 id: `divider-${i}`,
                 type: "divider",
-                timestamp: timestamps[i],
+                timestampUtcMs: timestamps[i],
                 title: i % 2 === 0 ? "Atlas Document" : "Ratified Atlas Document",
                 subtitle: "Created",
             });
@@ -43,7 +43,7 @@ export const generateLargeTimeline = (itemCount) => {
             type: "bar",
             addSize,
             delSize,
-            timestamp: timestamps[i],
+            timestampUtcMs: timestamps[i],
             additions,
             deletions,
         });

package/dist/src/connect/components/document-timeline/mock-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"mock-utils.js","sourceRoot":"","sources":["../../../../../src/connect/components/document-timeline/mock-utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"mock-utils.js","sourceRoot":"","sources":["../../../../../src/connect/components/document-timeline/mock-utils.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,uEAAuE;AACvE,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE;IAC3C,oDAAoD;IACpD,MAAM,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,0BAA0B;IAEtE,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAC5C,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CACpC,CAAC;AACJ,CAAC,CAAC;AAEF,+DAA+D;AAC/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,SAAiB,EAAE,EAAE;IACzD,MAAM,UAAU,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAiD,EAAE,CAAC;IAElE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE,CAAC;QACnC,8BAA8B;QAC9B,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,QAAQ,CAAC,IAAI,CAAC;gBACZ,EAAE,EAAE,WAAW,CAAC,EAAE;gBAClB,IAAI,EAAE,SAAS;gBACf,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC;gBAC7B,KAAK,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,yBAAyB;gBACjE,QAAQ,EAAE,SAAS;aACpB,CAAC,CAAC;YACH,SAAS;QACX,CAAC;QAED,0DAA0D;QAC1D,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAsB,CAAC;QACjE,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAsB,CAAC;QAEjE,wDAAwD;QACxD,IAAI,OAAO,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,EAAE,CAAC;YACnC,6CAA6C;YAC7C,IAAI,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,EAAE,CAAC;gBACxB,OAAO,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAkB,CAAC;YACjE,CAAC;iBAAM,CAAC;gBACN,OAAO,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAkB,CAAC;YACjE,CAAC;QACH,CAAC;QAED,mDAAmD;QACnD,MAAM,SAAS,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;QAC1E,MAAM,SAAS,GAAG,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;QAE1E,QAAQ,CAAC,IAAI,CAAC;YACZ,EAAE,EAAE,OAAO,CAAC,EAAE;YACd,IAAI,EAAE,KAAK;YACX,OAAO;YACP,OAAO;YACP,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC;YAC7B,SAAS;YACT,SAAS;SACV,CAAC,CAAC;IACL,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC"}

package/dist/src/connect/components/document-toolbar/document-toolbar.d.ts

@@ -1,19 +1,65 @@
-import { type DocumentTimelineProps, type TimelineBarItem, type TimelineDividerItem } from "../document-timeline/document-timeline.js";
-export type DocumentToolbarProps = {
-    title?: string;
+import type { PHDocument } from "document-model";
+import { type ComponentPropsWithoutRef } from "react";
+export type DocumentToolbarControl = "undo" | "redo" | "export" | "history" | "timeline";
+type DocumentToolbarBaseProps = ComponentPropsWithoutRef<"div"> & {
+    /**
+     * Additional CSS class names to apply to the toolbar container.
+     */
     className?: string;
-    undo?: () => void;
-    redo?: () => void;
-    canUndo?: boolean;
-    canRedo?: boolean;
-    onExport?: () => void;
-    onClose: () => void;
-    onShowRevisionHistory?: () => void;
-    timelineItems?: Array<TimelineBarItem | TimelineDividerItem>;
+    /**
+     * Array of controls to show in the toolbar.
+     * @default ["undo", "redo", "export", "switchboard", "history", "timeline"]
+     */
+    enabledControls?: DocumentToolbarControl[];
+    /**
+     * Disables the revision history button when set to true.
+     * @default false
+     */
+    disableRevisionHistory?: boolean;
+    /**
+     * Callback function triggered when the switchboard link button is clicked.
+     * If not provided, the switchboard link button will not be shown.
+     */
     onSwitchboardLinkClick?: () => void;
+    /**
+     * Custom export handler for the document.
+     * If not provided, will use the default export functionality.
+     */
+    onExport?: (document: PHDocument) => void;
+    /**
+     * Controls whether the timeline is visible when the component first renders.
+     * @default false
+     */
     initialTimelineVisible?: boolean;
-    timelineButtonVisible?: boolean;
-    onTimelineItemClick?: DocumentTimelineProps["onItemClick"];
+    /**
+     * Controls whether the timeline toggle button is shown in the toolbar.
+     * @default true
+     */
+    defaultTimelineVisible?: boolean;
 };
+export type DocumentToolbarProps = DocumentToolbarBaseProps & ({
+    /**
+     * The document object to display in the toolbar.
+     * When provided, the onClose callback becomes required.
+     */
+    document: PHDocument;
+    /**
+     * Callback function triggered when the close button is clicked.
+     * Required when a document is provided.
+     */
+    onClose: () => void;
+} | {
+    /**
+     * The document object to display in the toolbar.
+     * When undefined, will fall back to the currently selected document.
+     */
+    document?: undefined;
+    /**
+     * Callback function triggered when the close button is clicked.
+     * Optional when no document is provided - defaults to navigating back to the parent folder.
+     */
+    onClose?: () => void;
+});
 export declare const DocumentToolbar: React.FC<DocumentToolbarProps>;
+export {};
 //# sourceMappingURL=document-toolbar.d.ts.map

package/dist/src/connect/components/document-toolbar/document-toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"document-toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/document-toolbar/document-toolbar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACzB,MAAM,2CAA2C,CAAC;AAEnD,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,KAAK,CAAC,eAAe,GAAG,mBAAmB,CAAC,CAAC;IAC7D,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgL1D,CAAC"}
+{"version":3,"file":"document-toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/document-toolbar/document-toolbar.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAK3E,MAAM,MAAM,sBAAsB,GAC9B,MAAM,GACN,MAAM,GACN,QAAQ,GACR,SAAS,GACT,UAAU,CAAC;AAEf,KAAK,wBAAwB,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAChE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,sBAAsB,EAAE,CAAC;IAC3C;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,GACzD,CACI;IACE;;;OAGG;IACH,QAAQ,EAAE,UAAU,CAAC;IACrB;;;OAGG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GACD;IACE;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CACJ,CAAC;AAEJ,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwM1D,CAAC"}

package/dist/src/connect/components/document-toolbar/document-toolbar.js

@@ -1,23 +1,38 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable react/jsx-no-bind */
-/* eslint-disable react/jsx-max-depth */
-/* eslint-disable react/button-has-type */
-import { Icon } from "#powerhouse";
+import { Icon } from "@powerhousedao/design-system";
+import { exportDocument, setSelectedNode, setSelectedTimelineItem, showRevisionHistory, useDocumentTimeline, useNodeParentFolderById, useSelectedDocument, } from "@powerhousedao/reactor-browser";
 import { useEffect, useState } from "react";
 import { twMerge } from "tailwind-merge";
-import { DocumentTimeline, } from "../document-timeline/document-timeline.js";
+import { DocumentTimeline } from "../document-timeline/document-timeline.js";
+import { useDocumentUndoRedo } from "./utils/use-document-undo-redo.js";
 export const DocumentToolbar = (props) => {
-    const { undo, canUndo, redo, canRedo, title, onClose, onExport, className, onShowRevisionHistory, onSwitchboardLinkClick, timelineItems = [], onTimelineItemClick, initialTimelineVisible = false, timelineButtonVisible = false, } = props;
+    const { onClose, children, onExport, className, document: _document, onSwitchboardLinkClick, enabledControls = ["undo", "redo", "export", "history"], defaultTimelineVisible = true, disableRevisionHistory = false, initialTimelineVisible = false, ...containerProps } = props;
+    const [selectedDocument] = useSelectedDocument();
+    const document = _document ?? selectedDocument;
+    const documentName = document?.header.name || undefined;
+    const parentFolder = useNodeParentFolderById(document?.header.id);
+    const handleClose = onClose ?? (() => setSelectedNode(parentFolder));
+    const handleExport = async (doc) => {
+        if (!doc)
+            return;
+        if (onExport) {
+            onExport(doc);
+        }
+        else {
+            await exportDocument(doc);
+        }
+    };
+    const documentUndoRedo = useDocumentUndoRedo(document?.header.id);
+    const isUndoDisabled = !documentUndoRedo.canUndo;
+    const isRedoDisabled = !documentUndoRedo.canRedo;
+    const timelineItemsData = useDocumentTimeline(document?.header.id);
     const [showTimeline, setShowTimeline] = useState(initialTimelineVisible);
-    const isUndoDisabled = !canUndo || !undo;
-    const isRedoDisabled = !canRedo || !redo;
-    const isExportDisabled = !onExport;
+    const isExportDisabled = !document;
     const isSwitchboardLinkDisabled = !onSwitchboardLinkClick;
-    const isRevisionHistoryDisabled = !onShowRevisionHistory;
-    const isTimelineDisabled = timelineItems.length === 0;
+    const isTimelineDisabled = timelineItemsData.length === 0;
     useEffect(() => {
-        if (initialTimelineVisible) {
-            setShowTimeline(true);
+        if (typeof initialTimelineVisible === "boolean") {
+            setShowTimeline(initialTimelineVisible);
         }
     }, [initialTimelineVisible]);
     const handleTimelineToggle = () => {
@@ -25,16 +40,16 @@ export const DocumentToolbar = (props) => {
             return;
         setShowTimeline(!showTimeline);
     };
-    return (_jsxs("div", { className: "flex w-full flex-col", children: [_jsxs("div", { className: twMerge("flex h-12 w-full items-center justify-between rounded-xl border border-gray-200 bg-slate-50 px-4", className), children: [_jsxs("div", { className: "flex items-center gap-x-2", children: [_jsx("button", { className: twMerge("grid size-8 place-items-center rounded-lg border border-gray-200 bg-white", isUndoDisabled
+    return (_jsxs("div", { className: "flex w-full flex-col", ...containerProps, children: [_jsxs("div", { className: twMerge("flex h-12 w-full items-center justify-between rounded-xl border border-gray-200 bg-slate-50 px-4", className), children: [_jsxs("div", { className: "flex items-center gap-x-2", children: [enabledControls.includes("undo") && (_jsx("button", { className: twMerge("grid size-8 place-items-center rounded-lg border border-gray-200 bg-white", isUndoDisabled
                                     ? "cursor-not-allowed"
-                                    : "cursor-pointer active:opacity-70"), onClick: undo, disabled: isUndoDisabled, children: _jsx(Icon, { name: "ArrowCouterclockwise", size: 16, className: isUndoDisabled ? "text-gray-500" : "text-gray-900" }) }), _jsx("button", { className: twMerge("grid size-8 place-items-center rounded-lg border border-gray-200 bg-white", isRedoDisabled
+                                    : "cursor-pointer active:opacity-70"), onClick: documentUndoRedo.undo, disabled: isUndoDisabled, children: _jsx(Icon, { name: "ArrowCouterclockwise", size: 16, className: isUndoDisabled ? "text-gray-500" : "text-gray-900" }) })), enabledControls.includes("redo") && (_jsx("button", { className: twMerge("grid size-8 place-items-center rounded-lg border border-gray-200 bg-white", isRedoDisabled
                                     ? "cursor-not-allowed"
-                                    : "cursor-pointer active:opacity-70"), onClick: redo, disabled: isRedoDisabled, children: _jsx("div", { className: "-scale-x-100", children: _jsx(Icon, { name: "ArrowCouterclockwise", size: 16, className: isRedoDisabled ? "text-gray-500" : "text-gray-900" }) }) }), _jsx("button", { className: twMerge("flex h-8 items-center rounded-lg border border-gray-200 bg-white px-3 text-sm", isExportDisabled
+                                    : "cursor-pointer active:opacity-70"), onClick: documentUndoRedo.redo, disabled: isRedoDisabled, children: _jsx("div", { className: "-scale-x-100", children: _jsx(Icon, { name: "ArrowCouterclockwise", size: 16, className: isRedoDisabled ? "text-gray-500" : "text-gray-900" }) }) })), enabledControls.includes("export") && (_jsx("button", { className: twMerge("flex h-8 items-center rounded-lg border border-gray-200 bg-white px-3 text-sm", isExportDisabled
                                     ? "cursor-not-allowed"
-                                    : "cursor-pointer active:opacity-70"), onClick: onExport, disabled: isExportDisabled, children: _jsx("span", { className: isExportDisabled ? "text-gray-500" : "text-gray-900", children: "Export" }) })] }), _jsx("div", { className: "flex items-center", children: _jsx("h1", { className: "text-sm font-medium text-gray-500", children: title }) }), _jsxs("div", { className: "flex items-center gap-x-2", children: [!isSwitchboardLinkDisabled ? (_jsx("button", { className: twMerge("grid size-8 place-items-center rounded-lg border border-gray-200 bg-white", "cursor-pointer active:opacity-70"), onClick: onSwitchboardLinkClick, disabled: isSwitchboardLinkDisabled, children: _jsx(Icon, { name: "Drive", size: 16, className: "text-gray-900" }) })) : null, _jsx("button", { className: twMerge("grid size-8 place-items-center rounded-lg border border-gray-200 bg-white", isRevisionHistoryDisabled
+                                    : "cursor-pointer active:opacity-70"), onClick: () => void handleExport(document), disabled: isExportDisabled, children: _jsx("span", { className: isExportDisabled ? "text-gray-500" : "text-gray-900", children: "Export" }) }))] }), _jsx("div", { className: "flex items-center", children: _jsx("h1", { className: "text-sm font-medium text-gray-500", children: documentName }) }), _jsxs("div", { className: "flex items-center gap-x-2", children: [!isSwitchboardLinkDisabled && (_jsx("button", { className: twMerge("grid size-8 place-items-center rounded-lg border border-gray-200 bg-white", "cursor-pointer active:opacity-70"), onClick: onSwitchboardLinkClick, disabled: isSwitchboardLinkDisabled, children: _jsx(Icon, { name: "Drive", size: 16, className: "text-gray-900" }) })), enabledControls.includes("history") && (_jsx("button", { className: twMerge("grid size-8 place-items-center rounded-lg border border-gray-200 bg-white", disableRevisionHistory
                                     ? "cursor-not-allowed"
-                                    : "cursor-pointer active:opacity-70"), onClick: onShowRevisionHistory, disabled: isRevisionHistoryDisabled, children: _jsx(Icon, { name: "History", size: 16, className: isRevisionHistoryDisabled ? "text-gray-500" : "text-gray-900" }) }), timelineButtonVisible && (_jsx("button", { className: twMerge("grid size-8 place-items-center rounded-lg border border-gray-200 bg-white", isTimelineDisabled
+                                    : "cursor-pointer active:opacity-70"), onClick: showRevisionHistory, disabled: disableRevisionHistory, children: _jsx(Icon, { name: "History", size: 16, className: disableRevisionHistory ? "text-gray-500" : "text-gray-900" }) })), enabledControls.includes("timeline") && defaultTimelineVisible && (_jsx("button", { className: twMerge("grid size-8 place-items-center rounded-lg border border-gray-200 bg-white", isTimelineDisabled
                                     ? "cursor-not-allowed"
-                                    : "cursor-pointer active:opacity-70"), onClick: handleTimelineToggle, disabled: isTimelineDisabled, "aria-pressed": showTimeline, children: _jsx(Icon, { name: "Timeline", size: 16, className: twMerge("text-gray-900", isTimelineDisabled && "opacity-50", showTimeline && "text-blue-600") }) })), _jsx("button", { className: "grid size-8 cursor-pointer place-items-center rounded-lg border border-gray-200 bg-white active:opacity-70", onClick: onClose, children: _jsx(Icon, { name: "XmarkLight", size: 16, className: "text-gray-900" }) })] })] }), showTimeline && (_jsx("div", { className: "mt-2 w-full", children: _jsx(DocumentTimeline, { timeline: timelineItems, onItemClick: onTimelineItemClick }) }))] }));
+                                    : "cursor-pointer active:opacity-70"), onClick: handleTimelineToggle, disabled: isTimelineDisabled, "aria-pressed": showTimeline, children: _jsx(Icon, { name: "Timeline", size: 16, className: twMerge("text-gray-900", isTimelineDisabled && "opacity-50", showTimeline && "text-blue-600") }) })), _jsx("button", { className: "grid size-8 cursor-pointer place-items-center rounded-lg border border-gray-200 bg-white active:opacity-70", onClick: handleClose, children: _jsx(Icon, { name: "XmarkLight", size: 16, className: "text-gray-900" }) })] })] }), showTimeline && (_jsx("div", { className: "mt-2 w-full", children: _jsx(DocumentTimeline, { timeline: timelineItemsData, onItemClick: setSelectedTimelineItem }) })), children] }));
 };
 //# sourceMappingURL=document-toolbar.js.map

package/dist/src/connect/components/document-toolbar/document-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"document-toolbar.js","sourceRoot":"","sources":["../../../../../src/connect/components/document-toolbar/document-toolbar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"document-toolbar.js","sourceRoot":"","sources":["../../../../../src/connect/components/document-toolbar/document-toolbar.tsx"],"names":[],"mappings":"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"}

package/dist/src/connect/components/document-toolbar/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { useDocumentUndoRedo } from "./use-document-undo-redo.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/connect/components/document-toolbar/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/document-toolbar/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/src/connect/components/document-toolbar/utils/index.js

@@ -0,0 +1,2 @@
+export { useDocumentUndoRedo } from "./use-document-undo-redo.js";
+//# sourceMappingURL=index.js.map

package/dist/src/connect/components/document-toolbar/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/connect/components/document-toolbar/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/src/connect/components/document-toolbar/utils/use-document-undo-redo.d.ts

@@ -0,0 +1,7 @@
+export declare function useDocumentUndoRedo(documentId?: string): {
+    undo: () => void;
+    redo: () => void;
+    canUndo: boolean;
+    canRedo: boolean;
+};
+//# sourceMappingURL=use-document-undo-redo.d.ts.map

package/dist/src/connect/components/document-toolbar/utils/use-document-undo-redo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-document-undo-redo.d.ts","sourceRoot":"","sources":["../../../../../../src/connect/components/document-toolbar/utils/use-document-undo-redo.ts"],"names":[],"mappings":"AAGA,wBAAgB,mBAAmB,CAAC,UAAU,CAAC,EAAE,MAAM;;;;;EAuBtD"}

package/dist/src/connect/components/document-toolbar/utils/use-document-undo-redo.js

@@ -0,0 +1,23 @@
+import { useDocumentById } from "@powerhousedao/reactor-browser";
+import { redo, undo } from "document-model/core";
+export function useDocumentUndoRedo(documentId) {
+    const [document, dispatch] = useDocumentById(documentId);
+    const globalRevisionNumber = document?.header.revision.global ?? 0;
+    const localRevisionNumber = document?.header.revision.local ?? 0;
+    // TODO: check why undo and redo actions are not working
+    const canUndo = globalRevisionNumber > 0 || localRevisionNumber > 0;
+    const canRedo = !!document?.clipboard.length;
+    const handleUndo = () => {
+        dispatch(undo());
+    };
+    const handleRedo = () => {
+        dispatch(redo());
+    };
+    return {
+        undo: handleUndo,
+        redo: handleRedo,
+        canUndo: false,
+        canRedo: false,
+    };
+}
+//# sourceMappingURL=use-document-undo-redo.js.map

package/dist/src/connect/components/document-toolbar/utils/use-document-undo-redo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-document-undo-redo.js","sourceRoot":"","sources":["../../../../../../src/connect/components/document-toolbar/utils/use-document-undo-redo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,UAAU,mBAAmB,CAAC,UAAmB;IACrD,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IAEzD,MAAM,oBAAoB,GAAG,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,CAAC;IACnE,MAAM,mBAAmB,GAAG,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC,CAAC;IAEjE,wDAAwD;IACxD,MAAM,OAAO,GAAG,oBAAoB,GAAG,CAAC,IAAI,mBAAmB,GAAG,CAAC,CAAC;IACpE,MAAM,OAAO,GAAG,CAAC,CAAC,QAAQ,EAAE,SAAS,CAAC,MAAM,CAAC;IAE7C,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;IACnB,CAAC,CAAC;IACF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO;QACL,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,KAAK;QACd,OAAO,EAAE,KAAK;KACf,CAAC;AACJ,CAAC"}

package/dist/src/connect/components/drop-zone/drop-zone-wrapper.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentPropsWithoutRef } from "react";
+export declare function DropZoneWrapper({ children, ...props }: {
+    children: React.ReactNode;
+} & ComponentPropsWithoutRef<"div">): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=drop-zone-wrapper.d.ts.map

package/dist/src/connect/components/drop-zone/drop-zone-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-zone-wrapper.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/drop-zone/drop-zone-wrapper.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAItD,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,wBAAwB,CAAC,KAAK,CAAC,2CA6BjE"}

package/dist/src/connect/components/drop-zone/drop-zone-wrapper.js

@@ -0,0 +1,16 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useIsDragAndDropEnabled, useOnDropFile, useSelectedDriveId, } from "@powerhousedao/reactor-browser";
+import { DropZone } from "./drop-zone.js";
+export function DropZoneWrapper({ children, ...props }) {
+    const isDragAndDropEnabled = useIsDragAndDropEnabled();
+    const selectedDriveId = useSelectedDriveId();
+    const onDropFile = useOnDropFile();
+    const onAddFile = async (file, parent, onProgress, resolveConflict) => {
+        return await onDropFile(file, onProgress, resolveConflict);
+    };
+    if (!isDragAndDropEnabled || !selectedDriveId) {
+        return _jsx(_Fragment, { children: children });
+    }
+    return (_jsx(DropZone, { onAddFile: onAddFile, driveId: selectedDriveId, useLocalStorage: true, ...props, children: children }));
+}
+//# sourceMappingURL=drop-zone-wrapper.js.map

package/dist/src/connect/components/drop-zone/drop-zone-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-zone-wrapper.js","sourceRoot":"","sources":["../../../../../src/connect/components/drop-zone/drop-zone-wrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,uBAAuB,EACvB,aAAa,EACb,kBAAkB,GACnB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG1C,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,GAAG,KAAK,EACwD;IAChE,MAAM,oBAAoB,GAAG,uBAAuB,EAAE,CAAC;IACvD,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAC;IAE7C,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,MAAM,SAAS,GAA0B,KAAK,EAC5C,IAAI,EACJ,MAAM,EACN,UAAU,EACV,eAAe,EACf,EAAE;QACF,OAAO,MAAM,UAAU,CAAC,IAAI,EAAE,UAAU,EAAE,eAAe,CAAC,CAAC;IAC7D,CAAC,CAAC;IAEF,IAAI,CAAC,oBAAoB,IAAI,CAAC,eAAe,EAAE,CAAC;QAC9C,OAAO,4BAAG,QAAQ,GAAI,CAAC;IACzB,CAAC;IAED,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,eAAe,EACxB,eAAe,EAAE,IAAI,KACjB,KAAK,YAER,QAAQ,GACA,CACZ,CAAC;AACJ,CAAC"}

package/dist/src/connect/components/drop-zone/drop-zone.d.ts

@@ -0,0 +1,16 @@
+import type { Node } from "document-drive";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+import { type OnAddFileWithProgress } from "./utils.js";
+export type DropZoneProps = ComponentPropsWithoutRef<"div"> & {
+    readonly title?: string;
+    readonly subtitle?: string;
+    readonly node?: Node;
+    readonly enable?: boolean;
+    readonly children?: ReactNode;
+    readonly onAddFile?: OnAddFileWithProgress;
+    readonly useLocalStorage?: boolean;
+    readonly driveId?: string;
+    readonly acceptedFileExtensions?: string[];
+};
+export declare function DropZone(props: DropZoneProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=drop-zone.d.ts.map

package/dist/src/connect/components/drop-zone/drop-zone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-zone.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/drop-zone/drop-zone.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EACL,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAExD,MAAM,MAAM,aAAa,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC5D,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC;IACrB,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAC3C,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5C,CAAC;AAEF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA2H5C"}

package/dist/src/connect/components/drop-zone/drop-zone.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "@powerhousedao/design-system";
+import { setSelectedNode } from "@powerhousedao/reactor-browser";
+import { useEffect, useState, } from "react";
+import { twMerge } from "tailwind-merge";
+import { useDrop } from "../../hooks/drag-and-drop/use-drop.js";
+import { ConnectReplaceDuplicateModal } from "../modal/replace-duplicate-modal.js";
+import { UploadFileListContainer } from "./upload-file-list-container.js";
+import { useUploadTracker } from "./use-upload-tracker.js";
+import {} from "./utils.js";
+export function DropZone(props) {
+    const { title = "Drag your documents", subtitle = "to drop them in the currently selected folder.", node, enable = true, children, onAddFile, useLocalStorage = false, driveId, acceptedFileExtensions = [".zip", ".phd", ".phdm"], className, ...delegatedProps } = props;
+    // Modal state for conflict resolution
+    const [modalOpen, setModalOpen] = useState(false);
+    const [conflictUploadId, setConflictUploadId] = useState(null);
+    // Upload tracking with the new hook
+    const { uploadsArray, uploadsCount, createUploadHandler, clearAllUploads, clearConflictedUploads, removeUpload, resolveConflict, } = useUploadTracker(useLocalStorage, driveId);
+    // Clear conflicted uploads on mount
+    useEffect(() => {
+        clearConflictedUploads();
+    }, []);
+    // Create the upload handler from the hook
+    const handleAddFile = createUploadHandler(onAddFile) ?? (async () => { });
+    // Handle conflict resolution modal
+    const handleConflictResolution = (uploadId) => {
+        setConflictUploadId(uploadId);
+        setModalOpen(true);
+    };
+    const handleReplace = () => {
+        if (conflictUploadId && onAddFile) {
+            resolveConflict(conflictUploadId, "replace", onAddFile);
+        }
+        setModalOpen(false);
+        setConflictUploadId(null);
+    };
+    const handleDuplicate = () => {
+        if (conflictUploadId && onAddFile) {
+            resolveConflict(conflictUploadId, "duplicate", onAddFile);
+        }
+        setModalOpen(false);
+        setConflictUploadId(null);
+    };
+    const handleModalClose = () => {
+        setModalOpen(false);
+        setConflictUploadId(null);
+    };
+    const { isDropTarget, dropProps } = useDrop({
+        target: node,
+        onAddFileOverride: handleAddFile,
+        trackNestedDrag: true,
+        acceptedFileExtensions,
+    });
+    return (_jsxs("div", { className: twMerge("relative", className), ...(enable ? dropProps : {}), ...delegatedProps, children: [children, enable && isDropTarget && (_jsx("div", { className: "fixed inset-0 z-[1000] flex min-h-screen w-screen items-center justify-center bg-black/50", children: _jsx("div", { className: "rounded-[24px] bg-white p-6 shadow-[1px_4px_15px_rgba(74,88,115,0.25)]", children: _jsxs("div", { className: "relative flex h-[130px] w-[400px] flex-col items-center justify-start overflow-visible rounded-lg border border-dashed border-black px-4 py-6", children: [_jsx("div", { className: "text-center text-base leading-5 text-zinc-500", children: title }), _jsx("div", { className: "text-center text-base leading-5 text-zinc-500", children: subtitle }), _jsx("span", { className: "pointer-events-none absolute -bottom-16 left-1/2 z-10 -translate-x-1/2", children: _jsx(Icon, { name: "DocumentIcons", size: 144, "aria-hidden": "true" }) })] }) }) })), _jsx(UploadFileListContainer, { uploadsArray: uploadsArray, uploadsCount: uploadsCount, removeUpload: removeUpload, clearAllUploads: clearAllUploads, setSelectedNode: setSelectedNode, onConflictResolution: handleConflictResolution }), _jsx(ConnectReplaceDuplicateModal, { open: modalOpen, onOpenChange: handleModalClose, fileName: conflictUploadId
+                    ? uploadsArray.find((u) => u?.id === conflictUploadId)?.fileName
+                    : undefined, onReplace: handleReplace, onDuplicate: handleDuplicate })] }));
+}
+//# sourceMappingURL=drop-zone.js.map

package/dist/src/connect/components/drop-zone/drop-zone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-zone.js","sourceRoot":"","sources":["../../../../../src/connect/components/drop-zone/drop-zone.tsx"],"names":[],"mappings":"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"}

package/dist/src/connect/components/drop-zone/drop-zone.stories.d.ts

@@ -0,0 +1,8 @@
+import { type Meta, type StoryObj } from "@storybook/react";
+import { DropZone } from "./drop-zone.js";
+declare const meta: Meta<typeof DropZone>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=drop-zone.stories.d.ts.map

package/dist/src/connect/components/drop-zone/drop-zone.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-zone.stories.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/drop-zone/drop-zone.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG5D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAqC/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC"}

package/dist/src/connect/components/drop-zone/drop-zone.stories.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import {} from "@storybook/react";
+import { action } from "@storybook/addon-actions";
+import { DropZone } from "./drop-zone.js";
+const meta = {
+    title: "Connect/Components/DropZone",
+    component: DropZone,
+    parameters: {
+        layout: "fullscreen",
+    },
+    args: {
+        title: "Drag your documents",
+        subtitle: "to drop them in the currently selected folder.",
+        enable: true,
+        children: (_jsx("div", { className: "flex h-screen items-center justify-center bg-zinc-50", children: _jsx("div", { className: "rounded-lg border border-zinc-200 bg-white p-8 shadow-sm", children: _jsx("div", { className: "text-sm text-zinc-600", children: "Drag files over this page to trigger the DropZone overlay." }) }) })),
+        onAddFile: async (file, parent, onProgress) => {
+            action("onAddFile")(file, parent, onProgress);
+            // Mock progress updates
+            await new Promise((resolve) => setTimeout(resolve, 100));
+            onProgress?.({ stage: "loading", progress: 0 });
+            await new Promise((resolve) => setTimeout(resolve, 100));
+            onProgress?.({ stage: "uploading", progress: 50 });
+            await new Promise((resolve) => setTimeout(resolve, 100));
+            onProgress?.({ stage: "complete", progress: 100 });
+            // Return mock FileNode
+            return {
+                id: "mock-file-id",
+                name: file.name,
+                kind: "file",
+                parentFolder: "mock-parent-id",
+            };
+        },
+    },
+};
+export default meta;
+export const Default = {};
+export const Disabled = {
+    args: {
+        enable: false,
+    },
+};
+//# sourceMappingURL=drop-zone.stories.js.map

package/dist/src/connect/components/drop-zone/drop-zone.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-zone.stories.js","sourceRoot":"","sources":["../../../../../src/connect/components/drop-zone/drop-zone.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA4B,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,MAAM,EAAE,YAAY;KACrB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,qBAAqB;QAC5B,QAAQ,EAAE,gDAAgD;QAC1D,MAAM,EAAE,IAAI;QACZ,QAAQ,EAAE,CACR,cAAK,SAAS,EAAC,sDAAsD,YACnE,cAAK,SAAS,EAAC,0DAA0D,YACvE,cAAK,SAAS,EAAC,uBAAuB,2EAEhC,GACF,GACF,CACP;QACD,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE;YAC5C,MAAM,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;YAC9C,wBAAwB;YACxB,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;YACzD,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC;YAChD,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;YACzD,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;YACnD,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;YACzD,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;YACnD,uBAAuB;YACvB,OAAO;gBACL,EAAE,EAAE,cAAc;gBAClB,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,IAAI,EAAE,MAAM;gBACZ,YAAY,EAAE,gBAAgB;aAC/B,CAAC;QACJ,CAAC;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,MAAM,EAAE,KAAK;KACd;CACF,CAAC"}

package/dist/src/connect/components/drop-zone/index.d.ts

@@ -0,0 +1,3 @@
+export { DropZoneWrapper } from "./drop-zone-wrapper.js";
+export { DropZone, type DropZoneProps } from "./drop-zone.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/connect/components/drop-zone/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/drop-zone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/src/connect/components/drop-zone/index.js

@@ -0,0 +1,3 @@
+export { DropZoneWrapper } from "./drop-zone-wrapper.js";
+export { DropZone } from "./drop-zone.js";
+//# sourceMappingURL=index.js.map

package/dist/src/connect/components/drop-zone/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/connect/components/drop-zone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAsB,MAAM,gBAAgB,CAAC"}

package/dist/src/connect/components/drop-zone/upload-file-list-container.d.ts

@@ -0,0 +1,14 @@
+import type { Node } from "document-drive";
+import { type ComponentPropsWithoutRef } from "react";
+import { type UploadTracker } from "./utils.js";
+export type UploadFileListContainerProps = ComponentPropsWithoutRef<"div"> & {
+    readonly uploadsArray: (UploadTracker | undefined)[];
+    readonly uploadsCount: number;
+    readonly removeUpload: (uploadId: string) => void;
+    readonly clearAllUploads: () => void;
+    readonly setSelectedNode?: (nodeOrNodeSlug: Node | string | undefined) => void;
+    readonly onClose?: () => void;
+    readonly onConflictResolution?: (uploadId: string) => void;
+};
+export declare function UploadFileListContainer(props: UploadFileListContainerProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=upload-file-list-container.d.ts.map

package/dist/src/connect/components/drop-zone/upload-file-list-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-file-list-container.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/drop-zone/upload-file-list-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAyB,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAEvE,MAAM,MAAM,4BAA4B,GAAG,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC3E,QAAQ,CAAC,YAAY,EAAE,CAAC,aAAa,GAAG,SAAS,CAAC,EAAE,CAAC;IACrD,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,eAAe,EAAE,MAAM,IAAI,CAAC;IACrC,QAAQ,CAAC,eAAe,CAAC,EAAE,CACzB,cAAc,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,KACtC,IAAI,CAAC;IACV,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,kDAiC1E"}

package/dist/src/connect/components/drop-zone/upload-file-list-container.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import {} from "react";
+import { twMerge } from "tailwind-merge";
+import { UploadFileList } from "../upload-file-list/index.js";
+import { mapUploadsToFileItems } from "./utils.js";
+export function UploadFileListContainer(props) {
+    const { uploadsArray, uploadsCount, removeUpload, clearAllUploads, setSelectedNode, onClose, onConflictResolution, className, ...delegatedProps } = props;
+    // Don't render if there are no uploads
+    if (uploadsCount === 0)
+        return null;
+    const items = mapUploadsToFileItems(uploadsArray, removeUpload, setSelectedNode, onConflictResolution);
+    const handleClose = onClose ?? clearAllUploads;
+    return (_jsx("div", { className: twMerge("fixed bottom-4 right-4 z-[1001]", className), ...delegatedProps, children: _jsx(UploadFileList, { items: items, onClose: handleClose }) }));
+}
+//# sourceMappingURL=upload-file-list-container.js.map

package/dist/src/connect/components/drop-zone/upload-file-list-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-file-list-container.js","sourceRoot":"","sources":["../../../../../src/connect/components/drop-zone/upload-file-list-container.tsx"],"names":[],"mappings":";AACA,OAAO,EAAiC,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAsB,MAAM,YAAY,CAAC;AAcvE,MAAM,UAAU,uBAAuB,CAAC,KAAmC;IACzE,MAAM,EACJ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,eAAe,EACf,OAAO,EACP,oBAAoB,EACpB,SAAS,EACT,GAAG,cAAc,EAClB,GAAG,KAAK,CAAC;IAEV,uCAAuC;IACvC,IAAI,YAAY,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEpC,MAAM,KAAK,GAAG,qBAAqB,CACjC,YAAY,EACZ,YAAY,EACZ,eAAe,EACf,oBAAoB,CACrB,CAAC;IAEF,MAAM,WAAW,GAAG,OAAO,IAAI,eAAe,CAAC;IAE/C,OAAO,CACL,cACE,SAAS,EAAE,OAAO,CAAC,iCAAiC,EAAE,SAAS,CAAC,KAC5D,cAAc,YAElB,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,GAAI,GAClD,CACP,CAAC;AACJ,CAAC"}

package/dist/src/connect/components/drop-zone/use-upload-tracker.d.ts

@@ -0,0 +1,18 @@
+import type { ConflictResolution } from "@powerhousedao/reactor-browser";
+import type { Node } from "document-drive";
+import { type OnAddFileWithProgress, type UploadTracker } from "./utils.js";
+type UploadsState = {
+    [uploadId: string]: UploadTracker | undefined;
+};
+export declare function useUploadTracker(useLocalStorage?: boolean, driveId?: string): {
+    uploads: UploadsState;
+    uploadsArray: (UploadTracker | undefined)[];
+    uploadsCount: number;
+    createUploadHandler: (onAddFile?: OnAddFileWithProgress) => ((file: File, parent: Node | undefined) => Promise<void>) | undefined;
+    removeUpload: (uploadId: string) => void;
+    clearAllUploads: () => void;
+    clearConflictedUploads: () => void;
+    resolveConflict: (uploadId: string, resolution: ConflictResolution, onAddFile?: OnAddFileWithProgress) => void;
+};
+export {};
+//# sourceMappingURL=use-upload-tracker.d.ts.map

package/dist/src/connect/components/drop-zone/use-upload-tracker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-upload-tracker.d.ts","sourceRoot":"","sources":["../../../../../src/connect/components/drop-zone/use-upload-tracker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAEnB,MAAM,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,aAAa,EAInB,MAAM,YAAY,CAAC;AAGpB,KAAK,YAAY,GAAG;IAClB,CAAC,QAAQ,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS,CAAC;CAC/C,CAAC;AAoKF,wBAAgB,gBAAgB,CAAC,eAAe,UAAQ,EAAE,OAAO,CAAC,EAAE,MAAM;;;;sCAsCzD,qBAAqB,aAGZ,IAAI,UAAU,IAAI,GAAG,SAAS;6BA8DV,MAAM;;;gCA+BpC,MAAM,cACJ,kBAAkB,cAClB,qBAAqB;EAgEtC"}