@powerhousedao/vetra 6.2.2-dev.8 → 6.2.2-dev.80

package/dist/{editor-LMWvf0-d.js.map → editor-DXM7ZZ2W.js.map}

@@ -1 +1 @@
-{"version":3,"file":"editor-LMWvf0-d.js","names":[],"sources":["../editors/document-editor/components/DocumentEditorForm.tsx","../editors/document-editor/config.ts","../editors/document-editor/editor.tsx"],"sourcesContent":["import { Suspense, useEffect, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport type {\n  AddDocumentTypeInput,\n  DocumentTypeItem,\n  RemoveDocumentTypeInput,\n} from \"../../../document-models/document-editor/index.js\";\nimport { StatusPill } from \"../../components/index.js\";\nimport { useAvailableDocumentTypes, useDebounce } from \"../../hooks/index.js\";\n\nexport interface DocumentEditorFormProps {\n  editorName?: string;\n  documentTypes?: DocumentTypeItem[];\n  status?: string;\n  onEditorNameChange?: (name: string) => void;\n  onAddDocumentType?: (input: AddDocumentTypeInput) => void;\n  onRemoveDocumentType?: (input: RemoveDocumentTypeInput) => void;\n  onConfirm?: () => void;\n}\n\nfunction DocumentTypeSelectUI(\n  props: React.SelectHTMLAttributes<HTMLSelectElement>,\n) {\n  return (\n    <select\n      id=\"supported-document-types\"\n      className=\"w-full rounded-md border border-border px-3 py-2 text-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none\"\n      {...props}\n    >\n      <option value=\"\">Select a document type</option>\n      {props.children}\n    </select>\n  );\n}\n\nfunction DocumentTypeSelect({\n  documentTypes,\n  setDocumentTypes,\n  onAddDocumentType,\n  onRemoveDocumentType,\n}: {\n  setDocumentTypes: (documentTypes: DocumentTypeItem[]) => void;\n} & Pick<\n  DocumentEditorFormProps,\n  \"documentTypes\" | \"onAddDocumentType\" | \"onRemoveDocumentType\"\n>) {\n  // Get available document types from the hook (vetra drive only for document editor)\n  const availableDocumentTypes = useAvailableDocumentTypes(true);\n  const [selectedDocumentType, setSelectedDocumentType] = useState(\"\");\n\n  return (\n    <DocumentTypeSelectUI\n      value={selectedDocumentType}\n      onChange={(e) => {\n        const selectedValue = e.target.value;\n        if (selectedValue) {\n          // Remove existing document type if any\n\n          const existingType = documentTypes?.at(0);\n          if (existingType) {\n            onRemoveDocumentType?.({ id: existingType.id });\n          }\n\n          // Add the new document type\n          const newTypeInput: AddDocumentTypeInput = {\n            id: Date.now().toString(), // Generate a unique ID\n            documentType: selectedValue,\n          };\n          const newType: DocumentTypeItem = {\n            id: newTypeInput.id,\n            documentType: newTypeInput.documentType,\n          };\n          setDocumentTypes([newType]); // Replace with single item array\n          onAddDocumentType?.(newTypeInput);\n        }\n        setSelectedDocumentType(\"\");\n      }}\n    >\n      {availableDocumentTypes.map((docType) => (\n        <option key={docType} value={docType}>\n          {docType}\n        </option>\n      ))}\n    </DocumentTypeSelectUI>\n  );\n}\n\nexport const DocumentEditorForm: React.FC<DocumentEditorFormProps> = ({\n  editorName: initialEditorName = \"\",\n  documentTypes: initialDocumentTypes = [],\n  status = \"DRAFT\",\n  onEditorNameChange,\n  onAddDocumentType,\n  onRemoveDocumentType,\n  onConfirm,\n}) => {\n  const [editorName, setEditorName] = useState(initialEditorName);\n  const [documentTypes, setDocumentTypes] =\n    useState<DocumentTypeItem[]>(initialDocumentTypes);\n  const [isConfirmed, setIsConfirmed] = useState(false);\n\n  // Use the debounce hook for name changes\n  useDebounce(editorName, onEditorNameChange, 300);\n\n  // Update local state when initial values change\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setEditorName(initialEditorName);\n  }, [initialEditorName]);\n\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setDocumentTypes(initialDocumentTypes);\n  }, [initialDocumentTypes]);\n\n  // Reset confirmation state if status changes back to DRAFT\n  useEffect(() => {\n    if (status === \"DRAFT\") {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setIsConfirmed(false);\n    }\n  }, [status]);\n\n  // Check if form should be read-only\n  const isReadOnly = isConfirmed || status === \"CONFIRMED\";\n\n  const handleConfirm = () => {\n    if (editorName.trim() && documentTypes.length > 0) {\n      setIsConfirmed(true); // Immediate UI update\n      onConfirm?.();\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <h2 className=\"text-lg font-medium text-foreground\">\n          Editor Configuration\n        </h2>\n        <StatusPill\n          status={status === \"CONFIRMED\" ? \"confirmed\" : \"draft\"}\n          label={status === \"CONFIRMED\" ? \"Confirmed\" : \"Draft\"}\n        />\n      </div>\n\n      {/* Editor Name Field */}\n      <div>\n        <label\n          htmlFor=\"editor-name\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          Editor Name\n        </label>\n        <input\n          id=\"editor-name\"\n          type=\"text\"\n          value={editorName}\n          onChange={(e) => setEditorName(e.target.value)}\n          disabled={isReadOnly}\n          className={twMerge(\n            \"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\",\n            isReadOnly ? \"cursor-not-allowed bg-muted\" : \"\",\n          )}\n        />\n      </div>\n\n      {/* Supported Document Types Field */}\n      <div>\n        <label\n          htmlFor=\"supported-document-types\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          Supported Document Types\n        </label>\n        <div className=\"space-y-2\">\n          {!isReadOnly && (\n            <Suspense fallback={<DocumentTypeSelectUI />}>\n              <DocumentTypeSelect\n                documentTypes={documentTypes}\n                setDocumentTypes={setDocumentTypes}\n                onAddDocumentType={onAddDocumentType}\n                onRemoveDocumentType={onRemoveDocumentType}\n              />\n            </Suspense>\n          )}\n          <div className=\"space-y-1\">\n            {documentTypes.map((type) => (\n              <div key={type.id} className=\"flex items-center py-1\">\n                <span className=\"text-sm text-foreground\">\n                  {type.documentType}\n                </span>\n                {!isReadOnly && (\n                  <button\n                    onClick={() => {\n                      setDocumentTypes([]);\n                      onRemoveDocumentType?.({ id: type.id });\n                    }}\n                    className=\"ml-2 text-muted-foreground hover:hover-effect focus:outline-none\"\n                  >\n                    ×\n                  </button>\n                )}\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n\n      {/* Confirm Button - only show if not in read-only mode */}\n      {!isReadOnly && (\n        <div>\n          <button\n            onClick={handleConfirm}\n            disabled={!editorName.trim() || documentTypes.length === 0}\n            className=\"rounded-md bg-primary px-4 py-2 text-primary-foreground hover:hover-effect focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none disabled:disabled-effect\"\n          >\n            Confirm\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n","import type { PHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\n\nexport const editorConfig: PHDocumentEditorConfig = {\n  isExternalControlsEnabled: false,\n};\n","import { DocumentToolbar } from \"@powerhousedao/design-system/connect\";\nimport { useSetPHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\nimport { useCallback } from \"react\";\nimport { useSelectedDocumentEditorDocument } from \"../../document-models/document-editor/index.js\";\nimport {\n  addDocumentType,\n  removeDocumentType,\n  setEditorName,\n  setEditorStatus,\n  type AddDocumentTypeInput,\n  type RemoveDocumentTypeInput,\n} from \"../../document-models/document-editor/index.js\";\nimport { DocumentEditorForm } from \"./components/DocumentEditorForm.js\";\nimport { editorConfig } from \"./config.js\";\n\nexport default function Editor() {\n  useSetPHDocumentEditorConfig(editorConfig);\n  const [document, dispatch] = useSelectedDocumentEditorDocument();\n\n  const onEditorNameChange = useCallback(\n    (name: string) => {\n      if (!document.state.global.name && !name) return;\n      if (name === document.state.global.name) return;\n\n      dispatch(setEditorName({ name }));\n    },\n    [document.state.global.name, dispatch],\n  );\n\n  const onAddDocumentType = useCallback(\n    (input: AddDocumentTypeInput) => {\n      dispatch(addDocumentType(input));\n    },\n    [dispatch],\n  );\n\n  const onRemoveDocumentType = useCallback(\n    (input: RemoveDocumentTypeInput) => {\n      dispatch(removeDocumentType(input));\n    },\n    [dispatch],\n  );\n\n  const onConfirm = useCallback(() => {\n    dispatch(setEditorStatus({ status: \"CONFIRMED\" }));\n  }, [dispatch]);\n\n  return (\n    <div className=\"bg-background p-6\">\n      <DocumentToolbar />\n      <DocumentEditorForm\n        status={document.state.global.status}\n        editorName={document.state.global.name ?? \"\"}\n        documentTypes={document.state.global.documentTypes}\n        onEditorNameChange={onEditorNameChange}\n        onAddDocumentType={onAddDocumentType}\n        onRemoveDocumentType={onRemoveDocumentType}\n        onConfirm={onConfirm}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"editor-DXM7ZZ2W.js","names":[],"sources":["../editors/document-editor/components/DocumentEditorForm.tsx","../editors/document-editor/config.ts","../editors/document-editor/editor.tsx"],"sourcesContent":["import { Suspense, useEffect, useState } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport type {\n  AddDocumentTypeInput,\n  DocumentTypeItem,\n  RemoveDocumentTypeInput,\n} from \"../../../document-models/document-editor/index.js\";\nimport { StatusPill } from \"../../components/index.js\";\nimport { useAvailableDocumentTypes, useDebounce } from \"../../hooks/index.js\";\n\nexport interface DocumentEditorFormProps {\n  editorName?: string;\n  documentTypes?: DocumentTypeItem[];\n  status?: string;\n  onEditorNameChange?: (name: string) => void;\n  onAddDocumentType?: (input: AddDocumentTypeInput) => void;\n  onRemoveDocumentType?: (input: RemoveDocumentTypeInput) => void;\n  onConfirm?: () => void;\n}\n\nfunction DocumentTypeSelectUI(\n  props: React.SelectHTMLAttributes<HTMLSelectElement>,\n) {\n  return (\n    <select\n      id=\"supported-document-types\"\n      className=\"w-full rounded-md border border-border px-3 py-2 text-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none\"\n      {...props}\n    >\n      <option value=\"\">Select a document type</option>\n      {props.children}\n    </select>\n  );\n}\n\nfunction DocumentTypeSelect({\n  documentTypes,\n  setDocumentTypes,\n  onAddDocumentType,\n  onRemoveDocumentType,\n}: {\n  setDocumentTypes: (documentTypes: DocumentTypeItem[]) => void;\n} & Pick<\n  DocumentEditorFormProps,\n  \"documentTypes\" | \"onAddDocumentType\" | \"onRemoveDocumentType\"\n>) {\n  // Get available document types from the hook (vetra drive only for document editor)\n  const availableDocumentTypes = useAvailableDocumentTypes(true);\n  const [selectedDocumentType, setSelectedDocumentType] = useState(\"\");\n\n  return (\n    <DocumentTypeSelectUI\n      value={selectedDocumentType}\n      onChange={(e) => {\n        const selectedValue = e.target.value;\n        if (selectedValue) {\n          // Remove existing document type if any\n\n          const existingType = documentTypes?.at(0);\n          if (existingType) {\n            onRemoveDocumentType?.({ id: existingType.id });\n          }\n\n          // Add the new document type\n          const newTypeInput: AddDocumentTypeInput = {\n            id: Date.now().toString(), // Generate a unique ID\n            documentType: selectedValue,\n          };\n          const newType: DocumentTypeItem = {\n            id: newTypeInput.id,\n            documentType: newTypeInput.documentType,\n          };\n          setDocumentTypes([newType]); // Replace with single item array\n          onAddDocumentType?.(newTypeInput);\n        }\n        setSelectedDocumentType(\"\");\n      }}\n    >\n      {availableDocumentTypes.map((docType) => (\n        <option key={docType} value={docType}>\n          {docType}\n        </option>\n      ))}\n    </DocumentTypeSelectUI>\n  );\n}\n\nexport const DocumentEditorForm: React.FC<DocumentEditorFormProps> = ({\n  editorName: initialEditorName = \"\",\n  documentTypes: initialDocumentTypes = [],\n  status = \"DRAFT\",\n  onEditorNameChange,\n  onAddDocumentType,\n  onRemoveDocumentType,\n  onConfirm,\n}) => {\n  const [editorName, setEditorName] = useState(initialEditorName);\n  const [documentTypes, setDocumentTypes] =\n    useState<DocumentTypeItem[]>(initialDocumentTypes);\n  const [isConfirmed, setIsConfirmed] = useState(false);\n\n  // Use the debounce hook for name changes\n  useDebounce(editorName, onEditorNameChange, 300);\n\n  // Update local state when initial values change\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setEditorName(initialEditorName);\n  }, [initialEditorName]);\n\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setDocumentTypes(initialDocumentTypes);\n  }, [initialDocumentTypes]);\n\n  // Reset confirmation state if status changes back to DRAFT\n  useEffect(() => {\n    if (status === \"DRAFT\") {\n      // eslint-disable-next-line react-hooks/set-state-in-effect\n      setIsConfirmed(false);\n    }\n  }, [status]);\n\n  // Check if form should be read-only\n  const isReadOnly = isConfirmed || status === \"CONFIRMED\";\n\n  const handleConfirm = () => {\n    if (editorName.trim() && documentTypes.length > 0) {\n      setIsConfirmed(true); // Immediate UI update\n      onConfirm?.();\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <h2 className=\"text-lg font-medium text-foreground\">\n          Editor Configuration\n        </h2>\n        <StatusPill\n          status={status === \"CONFIRMED\" ? \"confirmed\" : \"draft\"}\n          label={status === \"CONFIRMED\" ? \"Confirmed\" : \"Draft\"}\n        />\n      </div>\n\n      {/* Editor Name Field */}\n      <div>\n        <label\n          htmlFor=\"editor-name\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          Editor Name\n        </label>\n        <input\n          id=\"editor-name\"\n          type=\"text\"\n          value={editorName}\n          onChange={(e) => setEditorName(e.target.value)}\n          disabled={isReadOnly}\n          className={twMerge(\n            \"w-full rounded-md border border-border px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-transparent focus:ring-2 focus:ring-ring focus:outline-none disabled:disabled-effect\",\n            isReadOnly ? \"cursor-not-allowed bg-muted\" : \"\",\n          )}\n        />\n      </div>\n\n      {/* Supported Document Types Field */}\n      <div>\n        <label\n          htmlFor=\"supported-document-types\"\n          className=\"mb-2 block text-sm font-medium text-foreground\"\n        >\n          Supported Document Types\n        </label>\n        <div className=\"space-y-2\">\n          {!isReadOnly && (\n            <Suspense fallback={<DocumentTypeSelectUI />}>\n              <DocumentTypeSelect\n                documentTypes={documentTypes}\n                setDocumentTypes={setDocumentTypes}\n                onAddDocumentType={onAddDocumentType}\n                onRemoveDocumentType={onRemoveDocumentType}\n              />\n            </Suspense>\n          )}\n          <div className=\"space-y-1\">\n            {documentTypes.map((type) => (\n              <div key={type.id} className=\"flex items-center py-1\">\n                <span className=\"text-sm text-foreground\">\n                  {type.documentType}\n                </span>\n                {!isReadOnly && (\n                  <button\n                    onClick={() => {\n                      setDocumentTypes([]);\n                      onRemoveDocumentType?.({ id: type.id });\n                    }}\n                    className=\"ml-2 text-muted-foreground hover:hover-effect focus:outline-none\"\n                  >\n                    ×\n                  </button>\n                )}\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n\n      {/* Confirm Button - only show if not in read-only mode */}\n      {!isReadOnly && (\n        <div>\n          <button\n            onClick={handleConfirm}\n            disabled={!editorName.trim() || documentTypes.length === 0}\n            className=\"rounded-md bg-primary px-4 py-2 text-primary-foreground hover:hover-effect focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-none disabled:disabled-effect\"\n          >\n            Confirm\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n","import type { PHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\n\nexport const editorConfig: PHDocumentEditorConfig = {\n  isExternalControlsEnabled: false,\n};\n","import { DocumentToolbar } from \"@powerhousedao/design-system/connect\";\nimport { useSetPHDocumentEditorConfig } from \"@powerhousedao/reactor-browser\";\nimport { useCallback } from \"react\";\nimport { useSelectedDocumentEditorDocument } from \"../../document-models/document-editor/index.js\";\nimport {\n  addDocumentType,\n  removeDocumentType,\n  setEditorName,\n  setEditorStatus,\n  type AddDocumentTypeInput,\n  type RemoveDocumentTypeInput,\n} from \"../../document-models/document-editor/index.js\";\nimport { DocumentEditorForm } from \"./components/DocumentEditorForm.js\";\nimport { editorConfig } from \"./config.js\";\n\nexport default function Editor() {\n  useSetPHDocumentEditorConfig(editorConfig);\n  const [document, dispatch] = useSelectedDocumentEditorDocument();\n\n  const onEditorNameChange = useCallback(\n    (name: string) => {\n      if (!document.state.global.name && !name) return;\n      if (name === document.state.global.name) return;\n\n      dispatch(setEditorName({ name }));\n    },\n    [document.state.global.name, dispatch],\n  );\n\n  const onAddDocumentType = useCallback(\n    (input: AddDocumentTypeInput) => {\n      dispatch(addDocumentType(input));\n    },\n    [dispatch],\n  );\n\n  const onRemoveDocumentType = useCallback(\n    (input: RemoveDocumentTypeInput) => {\n      dispatch(removeDocumentType(input));\n    },\n    [dispatch],\n  );\n\n  const onConfirm = useCallback(() => {\n    dispatch(setEditorStatus({ status: \"CONFIRMED\" }));\n  }, [dispatch]);\n\n  return (\n    <div className=\"bg-background p-6\">\n      <DocumentToolbar />\n      <DocumentEditorForm\n        status={document.state.global.status}\n        editorName={document.state.global.name ?? \"\"}\n        documentTypes={document.state.global.documentTypes}\n        onEditorNameChange={onEditorNameChange}\n        onAddDocumentType={onAddDocumentType}\n        onRemoveDocumentType={onRemoveDocumentType}\n        onConfirm={onConfirm}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/{editor-BmYxPe_4.js → editor-Fgw7attg.js}

@@ -1769,4 +1769,4 @@ function Editor(props) {
 //#endregion
 export { BaseEditor, Editor as default };
 
-//# sourceMappingURL=editor-BmYxPe_4.js.map
+//# sourceMappingURL=editor-Fgw7attg.js.map