@powerhousedao/powerhouse-vetra-packages 6.1.0-dev.11 → 6.1.0-dev.13

package/dist/browser/editors/generic-drive-explorer/module.js

@@ -1,7 +1,7 @@
 import { lazy } from "react";
 //#region editors/generic-drive-explorer/module.ts
 const GenericDriveExplorer = {
-	Component: lazy(() => import("../../editor-C7dRl1Fh.js")),
+	Component: lazy(() => import("../../editor-UIbR77MI.js")),
 	config: {
 		id: "GenericDriveExplorer",
 		name: "Drive Explorer App"

package/dist/browser/{folder-view-Bc86uo1d.js → folder-view-D3dHD0mS.js}

@@ -1,5 +1,5 @@
 import { O as twMerge, g as cn, h as PowerhouseButton, v as useWindowSize } from "./dist-B8tyEIWi.js";
-import { C as useUserPermissions, _ as useDocumentModelModules, a as FolderItem, g as showCreateDocumentModal, h as isFolderNodeKind, i as FileItem, m as isFileNodeKind, o as useVirtualizer, v as useNodesInSelectedDriveOrFolder } from "./connect-BuIyoCt-.js";
+import { C as useUserPermissions, _ as useDocumentModelModules, a as FolderItem, g as showCreateDocumentModal, h as isFolderNodeKind, i as FileItem, m as isFileNodeKind, o as useVirtualizer, v as useNodesInSelectedDriveOrFolder } from "./connect-BwaW_k7P.js";
 import React, { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region editors/generic-drive-explorer/components/create-document.tsx
@@ -189,4 +189,4 @@ function FolderView(props) {
 //#endregion
 export { CreateDocument as i, DriveLayout as n, FileContentView as r, FolderView as t };
 
-//# sourceMappingURL=folder-view-Bc86uo1d.js.map
+//# sourceMappingURL=folder-view-D3dHD0mS.js.map

package/dist/browser/{folder-view-Bc86uo1d.js.map → folder-view-D3dHD0mS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"folder-view-Bc86uo1d.js","names":[],"sources":["../../editors/generic-drive-explorer/components/create-document.tsx","../../editors/generic-drive-explorer/components/file-content-view.tsx","../../editors/generic-drive-explorer/components/layout.tsx","../../editors/generic-drive-explorer/components/folder-view.tsx"],"sourcesContent":["import { PowerhouseButton } from \"@powerhousedao/design-system\";\nimport {\n  showCreateDocumentModal,\n  useDocumentModelModules,\n  useUserPermissions,\n} from \"@powerhousedao/reactor-browser\";\nimport type {\n  DocumentModelGlobalState,\n  DocumentModelModule,\n} from \"@powerhousedao/shared/document-model\";\n\nfunction getDocumentSpec(doc: DocumentModelModule): DocumentModelGlobalState {\n  return doc.documentModel.global;\n}\n\nexport function CreateDocument() {\n  const { isAllowedToCreateDocuments } = useUserPermissions();\n  const documentModelModules = useDocumentModelModules();\n  const nonDriveDocumentModelModules = documentModelModules?.filter(\n    (module) => module.documentModel.global.id !== \"powerhouse/document-drive\",\n  );\n  if (!isAllowedToCreateDocuments) return null;\n  return (\n    <div className=\"px-6 py-4\">\n      <h3 className=\"mb-3 text-xl font-bold text-gray-600\">New document</h3>\n      <div className=\"flex w-full flex-wrap gap-4\">\n        {nonDriveDocumentModelModules?.map((doc) => {\n          const spec = getDocumentSpec(doc);\n          const versionLabel = doc.version ? ` v${doc.version}` : \"\";\n          return (\n            <PowerhouseButton\n              key={`${spec.id}-v${doc.version ?? 1}`}\n              color=\"light\"\n              title={`${spec.name}${versionLabel}`}\n              aria-description={spec.description}\n              onClick={() => showCreateDocumentModal(spec.id)}\n            >\n              <span className=\"text-sm\">\n                {spec.name}\n                {versionLabel}\n              </span>\n            </PowerhouseButton>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n","import { useWindowSize } from \"@powerhousedao/design-system\";\nimport { FileItem } from \"@powerhousedao/design-system/connect\";\nimport {\n  isFileNodeKind,\n  useNodesInSelectedDriveOrFolder,\n} from \"@powerhousedao/reactor-browser\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport type { FileNode } from \"@powerhousedao/shared/document-drive\";\nimport React, { useRef } from \"react\";\n\nconst GAP = 8;\nconst ITEM_WIDTH = 256;\nconst ITEM_HEIGHT = 48;\n\nconst USED_SPACE = 420;\n\nexport function FileContentView() {\n  const parentRef = useRef(null);\n  const windowSize = useWindowSize();\n  const availableWidth = windowSize.innerWidth - USED_SPACE;\n  const nodes = useNodesInSelectedDriveOrFolder();\n  const fileNodes = nodes.filter((n) => isFileNodeKind(n));\n  const columnCount = Math.floor(availableWidth / (ITEM_WIDTH + GAP)) || 1;\n  const rowCount = Math.ceil(fileNodes.length / columnCount);\n\n  const rowVirtualizer = useVirtualizer({\n    count: rowCount,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) => {\n      if (index > 0) {\n        return ITEM_HEIGHT + GAP;\n      }\n      return ITEM_HEIGHT;\n    },\n    overscan: 5,\n  });\n\n  const columnVirtualizer = useVirtualizer({\n    horizontal: true,\n    count: columnCount,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) => {\n      if (index > 0) {\n        return ITEM_WIDTH + GAP;\n      }\n      return ITEM_WIDTH;\n    },\n    overscan: 5,\n  });\n\n  const getItemIndex = (rowIndex: number, columnIndex: number) =>\n    rowIndex * columnCount + columnIndex;\n\n  const getItem = (rowIndex: number, columnIndex: number): FileNode | null => {\n    const index = getItemIndex(rowIndex, columnIndex);\n    return fileNodes[index] || null;\n  };\n\n  if (fileNodes.length === 0) {\n    return (\n      <div className=\"mb-8 text-sm text-gray-400\">No documents or files 📄</div>\n    );\n  }\n\n  const renderItem = (rowIndex: number, columnIndex: number) => {\n    const fileNode = getItem(rowIndex, columnIndex);\n\n    if (!fileNode) {\n      return null;\n    }\n\n    return (\n      <div\n        style={{\n          marginLeft: columnIndex === 0 ? 0 : GAP,\n        }}\n      >\n        <FileItem key={fileNode.id} fileNode={fileNode} />\n      </div>\n    );\n  };\n\n  return (\n    <div\n      ref={parentRef}\n      style={{\n        width: `100%`,\n        overflow: \"auto\",\n      }}\n    >\n      <div\n        style={{\n          height: `${rowVirtualizer.getTotalSize()}px`,\n          width: `${columnVirtualizer.getTotalSize()}px`,\n          position: \"relative\",\n        }}\n      >\n        {rowVirtualizer.getVirtualItems().map((virtualRow) => (\n          <React.Fragment key={virtualRow.key}>\n            {columnVirtualizer.getVirtualItems().map((virtualColumn) => (\n              <div\n                key={virtualColumn.key}\n                style={{\n                  position: \"absolute\",\n                  top: 0,\n                  left: 0,\n                  marginTop: virtualRow.index === 0 ? 0 : GAP,\n                  width: `${virtualColumn.size}px`,\n                  height: `${ITEM_HEIGHT}px`,\n                  overflow: \"hidden\",\n                  transform: `translateX(${virtualColumn.start}px) translateY(${virtualRow.start}px)`,\n                }}\n              >\n                {renderItem(virtualRow.index, virtualColumn.index)}\n              </div>\n            ))}\n          </React.Fragment>\n        ))}\n      </div>\n    </div>\n  );\n}\n","import { cn } from \"@powerhousedao/design-system\";\nimport type { BaseProps } from \"../utils/types.js\";\n\nexport function DriveLayout({ children, className, ...props }: BaseProps) {\n  return (\n    <DriveLayout.Container className={className} {...props}>\n      {children}\n    </DriveLayout.Container>\n  );\n}\n\nDriveLayout.Container = function DriveLayoutContainer({\n  children,\n  className,\n  containerProps,\n  ...props\n}: BaseProps) {\n  return (\n    <div\n      className={cn(\"flex grow flex-col overflow-auto\", className)}\n      {...containerProps}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nDriveLayout.Header = function DriveLayoutHeader({\n  children,\n  className,\n  containerProps,\n  ...props\n}: BaseProps) {\n  return (\n    <div className={cn(\"flex-0\", className)} {...containerProps} {...props}>\n      {children}\n    </div>\n  );\n};\n\nDriveLayout.Content = function DriveLayoutContent({\n  children,\n  className,\n  containerProps,\n  ...props\n}: BaseProps) {\n  return (\n    <div\n      className={cn(\"mb-5 flex-1 px-4\", className)}\n      {...containerProps}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nDriveLayout.ContentSection = function DriveLayoutContentSection({\n  title,\n  children,\n  className,\n  containerProps,\n  ...props\n}: BaseProps & { title?: string }) {\n  return (\n    <div className={cn(className)} {...containerProps} {...props}>\n      {title && (\n        <div className=\"mb-4 text-base font-semibold text-gray-600\">\n          {title}\n        </div>\n      )}\n      <div className=\"flex flex-wrap gap-2\">{children}</div>\n    </div>\n  );\n};\n\nDriveLayout.Footer = function DriveLayoutFooter({\n  children,\n  className,\n  containerProps,\n  ...props\n}: BaseProps) {\n  return (\n    <div className={cn(\"flex-0\", className)} {...containerProps} {...props}>\n      {children}\n    </div>\n  );\n};\n","import { FolderItem } from \"@powerhousedao/design-system/connect\";\nimport {\n  isFolderNodeKind,\n  useNodesInSelectedDriveOrFolder,\n} from \"@powerhousedao/reactor-browser\";\nimport { twMerge } from \"tailwind-merge\";\nimport { FileContentView } from \"./file-content-view.js\";\nimport { DriveLayout } from \"./layout.js\";\n\nexport function FolderView(props: { className?: string }) {\n  const { className } = props;\n  const nodes = useNodesInSelectedDriveOrFolder();\n  const folderNodes = nodes.filter((n) => isFolderNodeKind(n));\n  return (\n    <div\n      className={twMerge(\n        \"rounded-md border-2 border-transparent p-2\",\n        className,\n      )}\n    >\n      <DriveLayout.ContentSection title=\"Folders\" className=\"mb-4\">\n        {folderNodes.length > 0 ? (\n          folderNodes.map((folderNode) => (\n            <FolderItem key={folderNode.id} folderNode={folderNode} />\n          ))\n        ) : (\n          <div className=\"mb-8 text-sm text-gray-400\">\n            No documents or files 📄\n          </div>\n        )}\n      </DriveLayout.ContentSection>\n      <DriveLayout.ContentSection title=\"Documents and files\">\n        <div className=\"w-full\">\n          <FileContentView />\n        </div>\n      </DriveLayout.ContentSection>\n    </div>\n  );\n}\n\nexport default FolderView;\n"],"mappings":";;;;;AAWA,SAAS,gBAAgB,KAAoD;AAC3E,QAAO,IAAI,cAAc;;AAG3B,SAAgB,iBAAiB;CAC/B,MAAM,EAAE,+BAA+B,oBAAoB;CAE3D,MAAM,+BADuB,yBAAyB,EACK,QACxD,WAAW,OAAO,cAAc,OAAO,OAAO,4BAChD;AACD,KAAI,CAAC,2BAA4B,QAAO;AACxC,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,oBAAC,MAAD;GAAI,WAAU;aAAuC;GAAiB,CAAA,EACtE,oBAAC,OAAD;GAAK,WAAU;aACZ,8BAA8B,KAAK,QAAQ;IAC1C,MAAM,OAAO,gBAAgB,IAAI;IACjC,MAAM,eAAe,IAAI,UAAU,KAAK,IAAI,YAAY;AACxD,WACE,oBAAC,kBAAD;KAEE,OAAM;KACN,OAAO,GAAG,KAAK,OAAO;KACtB,oBAAkB,KAAK;KACvB,eAAe,wBAAwB,KAAK,GAAG;eAE/C,qBAAC,QAAD;MAAM,WAAU;gBAAhB,CACG,KAAK,MACL,aACI;;KACU,EAVZ,GAAG,KAAK,GAAG,IAAI,IAAI,WAAW,IAUlB;KAErB;GACE,CAAA,CACF;;;;;ACnCV,MAAM,MAAM;AACZ,MAAM,aAAa;AACnB,MAAM,cAAc;AAEpB,MAAM,aAAa;AAEnB,SAAgB,kBAAkB;CAChC,MAAM,YAAY,OAAO,KAAK;CAE9B,MAAM,iBADa,eAAe,CACA,aAAa;CAE/C,MAAM,YADQ,iCAAiC,CACvB,QAAQ,MAAM,eAAe,EAAE,CAAC;CACxD,MAAM,cAAc,KAAK,MAAM,kBAAkB,aAAa,KAAK,IAAI;CAGvE,MAAM,iBAAiB,eAAe;EACpC,OAHe,KAAK,KAAK,UAAU,SAAS,YAAY;EAIxD,wBAAwB,UAAU;EAClC,eAAe,UAAU;AACvB,OAAI,QAAQ,EACV,QAAO,cAAc;AAEvB,UAAO;;EAET,UAAU;EACX,CAAC;CAEF,MAAM,oBAAoB,eAAe;EACvC,YAAY;EACZ,OAAO;EACP,wBAAwB,UAAU;EAClC,eAAe,UAAU;AACvB,OAAI,QAAQ,EACV,QAAO,aAAa;AAEtB,UAAO;;EAET,UAAU;EACX,CAAC;CAEF,MAAM,gBAAgB,UAAkB,gBACtC,WAAW,cAAc;CAE3B,MAAM,WAAW,UAAkB,gBAAyC;AAE1E,SAAO,UADO,aAAa,UAAU,YAAY,KACtB;;AAG7B,KAAI,UAAU,WAAW,EACvB,QACE,oBAAC,OAAD;EAAK,WAAU;YAA6B;EAA8B,CAAA;CAI9E,MAAM,cAAc,UAAkB,gBAAwB;EAC5D,MAAM,WAAW,QAAQ,UAAU,YAAY;AAE/C,MAAI,CAAC,SACH,QAAO;AAGT,SACE,oBAAC,OAAD;GACE,OAAO,EACL,YAAY,gBAAgB,IAAI,IAAI,KACrC;aAED,oBAAC,UAAD,EAAsC,UAAY,EAAnC,SAAS,GAA0B;GAC9C,CAAA;;AAIV,QACE,oBAAC,OAAD;EACE,KAAK;EACL,OAAO;GACL,OAAO;GACP,UAAU;GACX;YAED,oBAAC,OAAD;GACE,OAAO;IACL,QAAQ,GAAG,eAAe,cAAc,CAAC;IACzC,OAAO,GAAG,kBAAkB,cAAc,CAAC;IAC3C,UAAU;IACX;aAEA,eAAe,iBAAiB,CAAC,KAAK,eACrC,oBAAC,MAAM,UAAP,EAAA,UACG,kBAAkB,iBAAiB,CAAC,KAAK,kBACxC,oBAAC,OAAD;IAEE,OAAO;KACL,UAAU;KACV,KAAK;KACL,MAAM;KACN,WAAW,WAAW,UAAU,IAAI,IAAI;KACxC,OAAO,GAAG,cAAc,KAAK;KAC7B,QAAQ,GAAG,YAAY;KACvB,UAAU;KACV,WAAW,cAAc,cAAc,MAAM,iBAAiB,WAAW,MAAM;KAChF;cAEA,WAAW,WAAW,OAAO,cAAc,MAAM;IAC9C,EAbC,cAAc,IAaf,CACN,EACa,EAlBI,WAAW,IAkBf,CACjB;GACE,CAAA;EACF,CAAA;;;;ACpHV,SAAgB,YAAY,EAAE,UAAU,WAAW,GAAG,SAAoB;AACxE,QACE,oBAAC,YAAY,WAAb;EAAkC;EAAW,GAAI;EAC9C;EACqB,CAAA;;AAI5B,YAAY,YAAY,SAAS,qBAAqB,EACpD,UACA,WACA,gBACA,GAAG,SACS;AACZ,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,oCAAoC,UAAU;EAC5D,GAAI;EACJ,GAAI;EAEH;EACG,CAAA;;AAIV,YAAY,SAAS,SAAS,kBAAkB,EAC9C,UACA,WACA,gBACA,GAAG,SACS;AACZ,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,UAAU,UAAU;EAAE,GAAI;EAAgB,GAAI;EAC9D;EACG,CAAA;;AAIV,YAAY,UAAU,SAAS,mBAAmB,EAChD,UACA,WACA,gBACA,GAAG,SACS;AACZ,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,oBAAoB,UAAU;EAC5C,GAAI;EACJ,GAAI;EAEH;EACG,CAAA;;AAIV,YAAY,iBAAiB,SAAS,0BAA0B,EAC9D,OACA,UACA,WACA,gBACA,GAAG,SAC8B;AACjC,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,UAAU;EAAE,GAAI;EAAgB,GAAI;YAAvD,CACG,SACC,oBAAC,OAAD;GAAK,WAAU;aACZ;GACG,CAAA,EAER,oBAAC,OAAD;GAAK,WAAU;GAAwB;GAAe,CAAA,CAClD;;;AAIV,YAAY,SAAS,SAAS,kBAAkB,EAC9C,UACA,WACA,gBACA,GAAG,SACS;AACZ,QACE,oBAAC,OAAD;EAAK,WAAW,GAAG,UAAU,UAAU;EAAE,GAAI;EAAgB,GAAI;EAC9D;EACG,CAAA;;;;AC7EV,SAAgB,WAAW,OAA+B;CACxD,MAAM,EAAE,cAAc;CAEtB,MAAM,cADQ,iCAAiC,CACrB,QAAQ,MAAM,iBAAiB,EAAE,CAAC;AAC5D,QACE,qBAAC,OAAD;EACE,WAAW,QACT,8CACA,UACD;YAJH,CAME,oBAAC,YAAY,gBAAb;GAA4B,OAAM;GAAU,WAAU;aACnD,YAAY,SAAS,IACpB,YAAY,KAAK,eACf,oBAAC,YAAD,EAA4C,YAAc,EAAzC,WAAW,GAA8B,CAC1D,GAEF,oBAAC,OAAD;IAAK,WAAU;cAA6B;IAEtC,CAAA;GAEmB,CAAA,EAC7B,oBAAC,YAAY,gBAAb;GAA4B,OAAM;aAChC,oBAAC,OAAD;IAAK,WAAU;cACb,oBAAC,iBAAD,EAAmB,CAAA;IACf,CAAA;GACqB,CAAA,CACzB"}
+{"version":3,"file":"folder-view-D3dHD0mS.js","names":[],"sources":["../../editors/generic-drive-explorer/components/create-document.tsx","../../editors/generic-drive-explorer/components/file-content-view.tsx","../../editors/generic-drive-explorer/components/layout.tsx","../../editors/generic-drive-explorer/components/folder-view.tsx"],"sourcesContent":["import { PowerhouseButton } from \"@powerhousedao/design-system\";\nimport {\n  showCreateDocumentModal,\n  useDocumentModelModules,\n  useUserPermissions,\n} from \"@powerhousedao/reactor-browser\";\nimport type {\n  DocumentModelGlobalState,\n  DocumentModelModule,\n} from \"@powerhousedao/shared/document-model\";\n\nfunction getDocumentSpec(doc: DocumentModelModule): DocumentModelGlobalState {\n  return doc.documentModel.global;\n}\n\nexport function CreateDocument() {\n  const { isAllowedToCreateDocuments } = useUserPermissions();\n  const documentModelModules = useDocumentModelModules();\n  const nonDriveDocumentModelModules = documentModelModules?.filter(\n    (module) => module.documentModel.global.id !== \"powerhouse/document-drive\",\n  );\n  if (!isAllowedToCreateDocuments) return null;\n  return (\n    <div className=\"px-6 py-4\">\n      <h3 className=\"mb-3 text-xl font-bold text-gray-600\">New document</h3>\n      <div className=\"flex w-full flex-wrap gap-4\">\n        {nonDriveDocumentModelModules?.map((doc) => {\n          const spec = getDocumentSpec(doc);\n          const versionLabel = doc.version ? ` v${doc.version}` : \"\";\n          return (\n            <PowerhouseButton\n              key={`${spec.id}-v${doc.version ?? 1}`}\n              color=\"light\"\n              title={`${spec.name}${versionLabel}`}\n              aria-description={spec.description}\n              onClick={() => showCreateDocumentModal(spec.id)}\n            >\n              <span className=\"text-sm\">\n                {spec.name}\n                {versionLabel}\n              </span>\n            </PowerhouseButton>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n","import { useWindowSize } from \"@powerhousedao/design-system\";\nimport { FileItem } from \"@powerhousedao/design-system/connect\";\nimport {\n  isFileNodeKind,\n  useNodesInSelectedDriveOrFolder,\n} from \"@powerhousedao/reactor-browser\";\nimport { useVirtualizer } from \"@tanstack/react-virtual\";\nimport type { FileNode } from \"@powerhousedao/shared/document-drive\";\nimport React, { useRef } from \"react\";\n\nconst GAP = 8;\nconst ITEM_WIDTH = 256;\nconst ITEM_HEIGHT = 48;\n\nconst USED_SPACE = 420;\n\nexport function FileContentView() {\n  const parentRef = useRef(null);\n  const windowSize = useWindowSize();\n  const availableWidth = windowSize.innerWidth - USED_SPACE;\n  const nodes = useNodesInSelectedDriveOrFolder();\n  const fileNodes = nodes.filter((n) => isFileNodeKind(n));\n  const columnCount = Math.floor(availableWidth / (ITEM_WIDTH + GAP)) || 1;\n  const rowCount = Math.ceil(fileNodes.length / columnCount);\n\n  const rowVirtualizer = useVirtualizer({\n    count: rowCount,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) => {\n      if (index > 0) {\n        return ITEM_HEIGHT + GAP;\n      }\n      return ITEM_HEIGHT;\n    },\n    overscan: 5,\n  });\n\n  const columnVirtualizer = useVirtualizer({\n    horizontal: true,\n    count: columnCount,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) => {\n      if (index > 0) {\n        return ITEM_WIDTH + GAP;\n      }\n      return ITEM_WIDTH;\n    },\n    overscan: 5,\n  });\n\n  const getItemIndex = (rowIndex: number, columnIndex: number) =>\n    rowIndex * columnCount + columnIndex;\n\n  const getItem = (rowIndex: number, columnIndex: number): FileNode | null => {\n    const index = getItemIndex(rowIndex, columnIndex);\n    return fileNodes[index] || null;\n  };\n\n  if (fileNodes.length === 0) {\n    return (\n      <div className=\"mb-8 text-sm text-gray-400\">No documents or files 📄</div>\n    );\n  }\n\n  const renderItem = (rowIndex: number, columnIndex: number) => {\n    const fileNode = getItem(rowIndex, columnIndex);\n\n    if (!fileNode) {\n      return null;\n    }\n\n    return (\n      <div\n        style={{\n          marginLeft: columnIndex === 0 ? 0 : GAP,\n        }}\n      >\n        <FileItem key={fileNode.id} fileNode={fileNode} />\n      </div>\n    );\n  };\n\n  return (\n    <div\n      ref={parentRef}\n      style={{\n        width: `100%`,\n        overflow: \"auto\",\n      }}\n    >\n      <div\n        style={{\n          height: `${rowVirtualizer.getTotalSize()}px`,\n          width: `${columnVirtualizer.getTotalSize()}px`,\n          position: \"relative\",\n        }}\n      >\n        {rowVirtualizer.getVirtualItems().map((virtualRow) => (\n          <React.Fragment key={virtualRow.key}>\n            {columnVirtualizer.getVirtualItems().map((virtualColumn) => (\n              <div\n                key={virtualColumn.key}\n                style={{\n                  position: \"absolute\",\n                  top: 0,\n                  left: 0,\n                  marginTop: virtualRow.index === 0 ? 0 : GAP,\n                  width: `${virtualColumn.size}px`,\n                  height: `${ITEM_HEIGHT}px`,\n                  overflow: \"hidden\",\n                  transform: `translateX(${virtualColumn.start}px) translateY(${virtualRow.start}px)`,\n                }}\n              >\n                {renderItem(virtualRow.index, virtualColumn.index)}\n              </div>\n            ))}\n          </React.Fragment>\n        ))}\n      </div>\n    </div>\n  );\n}\n","import { cn } from \"@powerhousedao/design-system\";\nimport type { BaseProps } from \"../utils/types.js\";\n\nexport function DriveLayout({ children, className, ...props }: BaseProps) {\n  return (\n    <DriveLayout.Container className={className} {...props}>\n      {children}\n    </DriveLayout.Container>\n  );\n}\n\nDriveLayout.Container = function DriveLayoutContainer({\n  children,\n  className,\n  containerProps,\n  ...props\n}: BaseProps) {\n  return (\n    <div\n      className={cn(\"flex grow flex-col overflow-auto\", className)}\n      {...containerProps}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nDriveLayout.Header = function DriveLayoutHeader({\n  children,\n  className,\n  containerProps,\n  ...props\n}: BaseProps) {\n  return (\n    <div className={cn(\"flex-0\", className)} {...containerProps} {...props}>\n      {children}\n    </div>\n  );\n};\n\nDriveLayout.Content = function DriveLayoutContent({\n  children,\n  className,\n  containerProps,\n  ...props\n}: BaseProps) {\n  return (\n    <div\n      className={cn(\"mb-5 flex-1 px-4\", className)}\n      {...containerProps}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nDriveLayout.ContentSection = function DriveLayoutContentSection({\n  title,\n  children,\n  className,\n  containerProps,\n  ...props\n}: BaseProps & { title?: string }) {\n  return (\n    <div className={cn(className)} {...containerProps} {...props}>\n      {title && (\n        <div className=\"mb-4 text-base font-semibold text-gray-600\">\n          {title}\n        </div>\n      )}\n      <div className=\"flex flex-wrap gap-2\">{children}</div>\n    </div>\n  );\n};\n\nDriveLayout.Footer = function DriveLayoutFooter({\n  children,\n  className,\n  containerProps,\n  ...props\n}: BaseProps) {\n  return (\n    <div className={cn(\"flex-0\", className)} {...containerProps} {...props}>\n      {children}\n    </div>\n  );\n};\n","import { FolderItem } from \"@powerhousedao/design-system/connect\";\nimport {\n  isFolderNodeKind,\n  useNodesInSelectedDriveOrFolder,\n} from \"@powerhousedao/reactor-browser\";\nimport { twMerge } from \"tailwind-merge\";\nimport { FileContentView } from \"./file-content-view.js\";\nimport { DriveLayout } from \"./layout.js\";\n\nexport function FolderView(props: { className?: string }) {\n  const { className } = props;\n  const nodes = useNodesInSelectedDriveOrFolder();\n  const folderNodes = nodes.filter((n) => isFolderNodeKind(n));\n  return (\n    <div\n      className={twMerge(\n        \"rounded-md border-2 border-transparent p-2\",\n        className,\n      )}\n    >\n      <DriveLayout.ContentSection title=\"Folders\" className=\"mb-4\">\n        {folderNodes.length > 0 ? (\n          folderNodes.map((folderNode) => (\n            <FolderItem key={folderNode.id} folderNode={folderNode} />\n          ))\n        ) : (\n          <div className=\"mb-8 text-sm text-gray-400\">\n            No documents or files 📄\n          </div>\n        )}\n      </DriveLayout.ContentSection>\n      <DriveLayout.ContentSection title=\"Documents and files\">\n        <div className=\"w-full\">\n          <FileContentView />\n        </div>\n      </DriveLayout.ContentSection>\n    </div>\n  );\n}\n\nexport default FolderView;\n"],"mappings":"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"}

package/dist/browser/index.js

@@ -1,5 +1,5 @@
-import { r as driveDocumentModelModule, u as documentModelDocumentModelModule } from "./document-drive-uzcF-N7-.js";
-import { t as reactorDriveDocumentModelModule } from "./dist-DRpNFJjV.js";
+import { r as driveDocumentModelModule, u as documentModelDocumentModelModule } from "./document-drive--g-2OCk1.js";
+import { t as reactorDriveDocumentModelModule } from "./dist-ChI1zXde.js";
 import { DocumentModelEditor } from "./editors/document-model-editor/module.js";
 import { GenericDriveExplorer } from "./editors/generic-drive-explorer/module.js";
 //#region powerhouse.manifest.json

package/dist/node/{connect-u7HVp5xR.mjs → connect-BSo6_nlg.mjs}

@@ -1,7 +1,7 @@
 import { E as __toESM, x as __commonJSMin } from "./schemas-Cb8uEF9u.mjs";
-import { A as replayDocument, G as undo, J as validateStateSchemaName, K as validateInitialState, S as createZip, Y as generateId, _ as baseSaveToFileHandle, a as handleTargetNameCollisions, c as moveNode, d as logger, g as baseLoadFromInput, i as generateNodesCopy, k as redo, l as updateNode, n as copyNode, o as isFileNode, q as validateModules, r as driveDocumentModelModule, s as isFolderNode, t as addFolder$1, u as documentModelDocumentModelModule, v as buildSignedAction, y as createPresignedHeader, z as setName } from "./document-drive-VfCGuVCc.mjs";
+import { A as replayDocument, G as undo, J as validateStateSchemaName, K as validateInitialState, S as createZip, Y as generateId, _ as baseSaveToFileHandle, a as handleTargetNameCollisions, c as moveNode, d as logger, g as baseLoadFromInput, i as generateNodesCopy, k as redo, l as updateNode, n as copyNode, o as isFileNode, q as validateModules, r as driveDocumentModelModule, s as isFolderNode, t as addFolder$1, u as documentModelDocumentModelModule, v as buildSignedAction, y as createPresignedHeader, z as setName } from "./document-drive-Acj7iLzN.mjs";
 import { t as capitalCase } from "./dist-BQTIepWC.mjs";
-import { a as driveCollectionId, i as ModuleNotFoundError, n as require_main, r as SyncStatus, t as reactorDriveDocumentModelModule } from "./dist-CubQ-Ql0.mjs";
+import { a as driveCollectionId, i as ModuleNotFoundError, n as require_main, r as SyncStatus, t as reactorDriveDocumentModelModule } from "./dist-L7KTJFj9.mjs";
 import { O as twMerge, _ as mergeClassNameProps, d as DropdownMenuContent, f as DropdownMenuItem, g as cn, m as Icon, p as DropdownMenuTrigger, u as DropdownMenu } from "./dist-BSjsG8Nj.mjs";
 import * as React$1 from "react";
 import React, { Children, Fragment, cloneElement, createContext, createElement, forwardRef, isValidElement, use, useContext, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
@@ -9472,4 +9472,4 @@ const ConnectSearchBar = (props) => {
 //#endregion
 export { useUserPermissions as C, useSetPHDocumentEditorConfig as S, useDocumentModelModules as _, FolderItem as a, useSelectedDocumentOfType as b, FormProvider as c, set as d, useForm as f, showCreateDocumentModal as g, isFolderNodeKind as h, FileItem as i, appendErrors as l, isFileNodeKind as m, ConnectSearchBar as n, useVirtualizer as o, useFormContext as p, DocumentToolbar as r, Controller as s, Breadcrumbs as t, get as u, useNodesInSelectedDriveOrFolder as v, useSetPHAppConfig as x, usePHToast as y };
 
-//# sourceMappingURL=connect-u7HVp5xR.mjs.map
+//# sourceMappingURL=connect-BSo6_nlg.mjs.map