@powerhousedao/codegen 4.1.0-dev.54 → 4.1.0-dev.55

package/dist/src/codegen/.hygen/templates/powerhouse/generate-drive-editor/components/CreateDocument.esm.t

@@ -2,24 +2,35 @@
 to: "<%= rootDir %>/<%= h.changeCase.param(name) %>/components/CreateDocument.tsx"
 unless_exists: true
 ---
+import { Button } from "@powerhousedao/design-system";
 import {
   addDocument,
   useDocumentModelModules,
   useSelectedDriveId,
   useSelectedFolder,
+  isDocumentTypeSupported,
   type VetraDocumentModelModule,
 } from "@powerhousedao/reactor-browser";
-import { Button } from "@powerhousedao/design-system";
+
+interface CreateDocumentProps {
+  documentTypes?: string[];
+}
 
 /**
  * Document creation UI component.
  * Displays available document types as clickable buttons.
  */
-export const CreateDocument = () => {
+export const CreateDocument = (props: CreateDocumentProps) => {
+  const { documentTypes = [] } = props;
+
   const selectedDriveId = useSelectedDriveId();
   const selectedFolder = useSelectedFolder();
   const documentModelModules = useDocumentModelModules();
 
+  const filteredDocumentModelModules = documentModelModules?.filter((module) =>
+    isDocumentTypeSupported(module.documentModel.id, documentTypes),
+  );
+
   async function handleAddDocument(module: VetraDocumentModelModule) {
     if (!selectedDriveId) {
       return;
@@ -40,7 +51,7 @@ export const CreateDocument = () => {
       </h3>
       {/* Customize layout by changing flex-wrap, gap, or grid layout */}
       <div className="flex w-full flex-wrap gap-4">
-        {documentModelModules?.map((documentModelModule) => {
+        {filteredDocumentModelModules?.map((documentModelModule) => {
           return (
             <Button
               key={documentModelModule.documentModel.id}

package/dist/src/codegen/.hygen/templates/powerhouse/generate-drive-editor/components/DriveExplorer.esm.t

@@ -286,7 +286,7 @@ export function DriveExplorer(props: DriveEditorProps) {
 
             {/* === DOCUMENT CREATION SECTION === */}
             {/* Component for creating new documents */}
-            <CreateDocument />
+            <CreateDocument documentTypes={props.editorConfig?.documentTypes} />
           </div>
         )}
       </div>

package/dist/src/codegen/.hygen/templates/powerhouse/generate-drive-editor/editor.esm.t

@@ -17,10 +17,14 @@ import { withDropZone } from "./utils/withDropZone.js";
  * Customize document opening behavior and drive-level actions here.
  */
 export function BaseEditor(props: DriveEditorProps) {
-  const { context, document } = props;
+  const { context, document, editorConfig } = props;
   return (
     <div className="new-drive-explorer" style={{ height: "100%" }}>
-      <DriveExplorer document={document} context={context} />
+      <DriveExplorer
+        document={document}
+        context={context}
+        editorConfig={editorConfig}
+      />
     </div>
   );
 }

package/dist/src/codegen/.hygen/templates/powerhouse/generate-drive-editor/utils/withDropZone.esm.t

@@ -7,15 +7,14 @@ import type {
   DriveEditorProps,
   FileUploadProgressCallback,
 } from "@powerhousedao/reactor-browser";
-import { setSelectedNode } from "@powerhousedao/reactor-browser";
+import { setSelectedNode, useOnDropFile } from "@powerhousedao/reactor-browser";
 import type { ComponentType } from "react";
-import { useOnDropFile } from "../hooks/useOnDropFile.js";
 
 export function withDropZone<T extends DriveEditorProps>(
   WrappedComponent: ComponentType<T>,
 ): ComponentType<T> {
   const WithDropZoneComponent = (props: T) => {
-    const onDropFile = useOnDropFile();
+    const onDropFile = useOnDropFile(props.editorConfig?.documentTypes);
 
     const onAddFile = async (
       file: File,