@api-client/ui 0.5.57 → 0.6.0

package/build/src/modeling/internals/DomainFileImport.js

@@ -0,0 +1,473 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, LitElement } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { CsvImporter } from '@api-client/core/modeling/importers/CsvImporter.js';
+import { FilteringJsonSchemaImporter } from '@api-client/core/modeling/importers/FilteringJsonSchemaImporter.js';
+import { FileDropMixin } from '../../mixins/FileDropMixin.js';
+import { fromError } from '../../exceptions/builder.js';
+const Base = FileDropMixin(LitElement);
+var ImportType;
+(function (ImportType) {
+    ImportType[ImportType["unknown"] = 0] = "unknown";
+    ImportType[ImportType["CSV"] = 1] = "CSV";
+    ImportType[ImportType["JSON"] = 2] = "JSON";
+})(ImportType || (ImportType = {}));
+var ProcessState;
+(function (ProcessState) {
+    ProcessState[ProcessState["idle"] = 0] = "idle";
+    ProcessState[ProcessState["reading"] = 1] = "reading";
+    ProcessState[ProcessState["previewing"] = 2] = "previewing";
+})(ProcessState || (ProcessState = {}));
+let DomainFileImport = (() => {
+    let _classSuper = Base;
+    let _root_decorators;
+    let _root_initializers = [];
+    let _root_extraInitializers = [];
+    let _importType_decorators;
+    let _importType_initializers = [];
+    let _importType_extraInitializers = [];
+    let _processState_decorators;
+    let _processState_initializers = [];
+    let _processState_extraInitializers = [];
+    let _importFiles_decorators;
+    let _importFiles_initializers = [];
+    let _importFiles_extraInitializers = [];
+    let _selectedFileIndex_decorators;
+    let _selectedFileIndex_initializers = [];
+    let _selectedFileIndex_extraInitializers = [];
+    return class DomainFileImport extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _root_decorators = [property({ type: Object })];
+            _importType_decorators = [state()];
+            _processState_decorators = [state()];
+            _importFiles_decorators = [state()];
+            _selectedFileIndex_decorators = [state()];
+            __esDecorate(this, null, _root_decorators, { kind: "accessor", name: "root", static: false, private: false, access: { has: obj => "root" in obj, get: obj => obj.root, set: (obj, value) => { obj.root = value; } }, metadata: _metadata }, _root_initializers, _root_extraInitializers);
+            __esDecorate(this, null, _importType_decorators, { kind: "accessor", name: "importType", static: false, private: false, access: { has: obj => "importType" in obj, get: obj => obj.importType, set: (obj, value) => { obj.importType = value; } }, metadata: _metadata }, _importType_initializers, _importType_extraInitializers);
+            __esDecorate(this, null, _processState_decorators, { kind: "accessor", name: "processState", static: false, private: false, access: { has: obj => "processState" in obj, get: obj => obj.processState, set: (obj, value) => { obj.processState = value; } }, metadata: _metadata }, _processState_initializers, _processState_extraInitializers);
+            __esDecorate(this, null, _importFiles_decorators, { kind: "accessor", name: "importFiles", static: false, private: false, access: { has: obj => "importFiles" in obj, get: obj => obj.importFiles, set: (obj, value) => { obj.importFiles = value; } }, metadata: _metadata }, _importFiles_initializers, _importFiles_extraInitializers);
+            __esDecorate(this, null, _selectedFileIndex_decorators, { kind: "accessor", name: "selectedFileIndex", static: false, private: false, access: { has: obj => "selectedFileIndex" in obj, get: obj => obj.selectedFileIndex, set: (obj, value) => { obj.selectedFileIndex = value; } }, metadata: _metadata }, _selectedFileIndex_initializers, _selectedFileIndex_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #root_accessor_storage = __runInitializers(this, _root_initializers, void 0);
+        /**
+         * The instance of the root DataNamespace.
+         */
+        get root() { return this.#root_accessor_storage; }
+        set root(value) { this.#root_accessor_storage = value; }
+        #importType_accessor_storage = (__runInitializers(this, _root_extraInitializers), __runInitializers(this, _importType_initializers, ImportType.unknown
+        /**
+         * The state of the file import process.
+         */
+        ));
+        /**
+         * The type of the files to be imported.
+         */
+        get importType() { return this.#importType_accessor_storage; }
+        set importType(value) { this.#importType_accessor_storage = value; }
+        #processState_accessor_storage = (__runInitializers(this, _importType_extraInitializers), __runInitializers(this, _processState_initializers, ProcessState.idle
+        /**
+         * The files that are currently being processed.
+         */
+        ));
+        /**
+         * The state of the file import process.
+         */
+        get processState() { return this.#processState_accessor_storage; }
+        set processState(value) { this.#processState_accessor_storage = value; }
+        #importFiles_accessor_storage = (__runInitializers(this, _processState_extraInitializers), __runInitializers(this, _importFiles_initializers, []
+        /**
+         * The index of the currently selected file in the importFiles array.
+         * This is used to keep track of which file preview is being rendered.
+         */
+        ));
+        /**
+         * The files that are currently being processed.
+         */
+        get importFiles() { return this.#importFiles_accessor_storage; }
+        set importFiles(value) { this.#importFiles_accessor_storage = value; }
+        #selectedFileIndex_accessor_storage = (__runInitializers(this, _importFiles_extraInitializers), __runInitializers(this, _selectedFileIndex_initializers, 0
+        /**
+         * The user options for the CSV parser.
+         * This is used to configure the CSV parser.
+         */
+        ));
+        /**
+         * The index of the currently selected file in the importFiles array.
+         * This is used to keep track of which file preview is being rendered.
+         */
+        get selectedFileIndex() { return this.#selectedFileIndex_accessor_storage; }
+        set selectedFileIndex(value) { this.#selectedFileIndex_accessor_storage = value; }
+        /**
+         * The user options for the CSV parser.
+         * This is used to configure the CSV parser.
+         */
+        cvsOptions = __runInitializers(this, _selectedFileIndex_extraInitializers);
+        constructor() {
+            super();
+            this.dropTarget = this;
+        }
+        /**
+         * Reports an error to the element.
+         * It will dispatch an 'error' event with the Exception object as the detail.
+         * It unifies the error handling across the application.
+         * @param error The error to report.
+         */
+        reportError(error) {
+            const e = fromError(error);
+            this.dispatchEvent(new CustomEvent('error', {
+                bubbles: true,
+                composed: true,
+                detail: e,
+            }));
+        }
+        handleFileChange(e) {
+            const inputElement = e.target;
+            const fileList = inputElement.files;
+            if (fileList && fileList.length > 0) {
+                this.processDroppedFiles(fileList);
+            }
+        }
+        handleTriggerFile() {
+            const input = this.shadowRoot?.querySelector('input[type="file"]');
+            input?.click();
+        }
+        async processDroppedFiles(files) {
+            if (!files.length) {
+                return;
+            }
+            this.processState = ProcessState.reading;
+            this.importFiles = [];
+            this.selectedFileIndex = 0;
+            const fileData = [];
+            let detectedType = ImportType.unknown;
+            // 1. Analyze files and determine types
+            for (const file of Array.from(files)) {
+                const fileType = this.detectFileType(file);
+                if (fileType === ImportType.unknown) {
+                    continue;
+                }
+                // Ensure all files are of the same type
+                if (detectedType === ImportType.unknown) {
+                    detectedType = fileType;
+                }
+                else if (detectedType !== fileType) {
+                    // eslint-disable-next-line no-console
+                    console.error('Mixed file types are not supported');
+                    this.processState = ProcessState.idle;
+                    return;
+                }
+                fileData.push({
+                    file,
+                    type: fileType,
+                    processed: false,
+                });
+            }
+            this.importType = detectedType;
+            this.importFiles = fileData;
+            try {
+                if (detectedType === ImportType.CSV) {
+                    await this.handleMultipleCsvFiles();
+                }
+                else if (detectedType === ImportType.JSON) {
+                    await this.handleMultipleJsonFiles();
+                }
+            }
+            catch (e) {
+                this.reportError(e);
+                this.processState = ProcessState.idle;
+            }
+        }
+        /**
+         * Detects the file type based on file extension and MIME type.
+         */
+        detectFileType(file) {
+            const fileName = file.name.toLowerCase();
+            const mimeType = file.type;
+            if (fileName.endsWith('.csv') || mimeType === 'text/csv') {
+                return ImportType.CSV;
+            }
+            if (fileName.endsWith('.json') || mimeType === 'application/json') {
+                return ImportType.JSON;
+            }
+            return ImportType.unknown;
+        }
+        /**
+         * Handles multiple CSV files by parsing the first one for preview.
+         */
+        async handleMultipleCsvFiles() {
+            if (!this.importFiles.length || !this.root) {
+                return;
+            }
+            for (const fileData of this.importFiles) {
+                if (fileData.processed) {
+                    continue;
+                }
+                try {
+                    await this.processCsvFileData(fileData);
+                    fileData.processed = true;
+                }
+                catch (e) {
+                    // eslint-disable-next-line no-console
+                    console.error(e);
+                    throw new Error(`Error processing CSV file ${fileData.file.name}: ${e.message}`);
+                }
+            }
+            this.processState = ProcessState.previewing;
+        }
+        /**
+         * Handles multiple JSON schema files by processing them directly.
+         */
+        async handleMultipleJsonFiles() {
+            if (!this.importFiles.length || !this.root) {
+                return;
+            }
+            // @TODO: we should do this in batches to avoid memory issues with large files,
+            // but also API payload size limits. To do it, we should split it into several phases:
+            // 1. Import entities only.
+            // 2. Import properties only.
+            // 3. Import associations only.
+            // 4. Import parents metadata.
+            const importer = new FilteringJsonSchemaImporter(this.root, {
+                excludeConceptualMarkers: true,
+            });
+            const input = [];
+            for (const fileData of this.importFiles) {
+                try {
+                    const text = await fileData.file.text();
+                    const contents = JSON.parse(text);
+                    input.push({ contents, path: fileData.file.name });
+                    fileData.processed = true;
+                }
+                catch (e) {
+                    // eslint-disable-next-line no-console
+                    console.error(e);
+                    throw new Error(`Error processing JSON file ${fileData.file.name}: ${e.message}`);
+                }
+            }
+            const report = await importer.import(input, 'JSON Schema Import');
+            this.dispatchEvent(new CustomEvent('openmodel', {
+                bubbles: true,
+                composed: true,
+                detail: { key: report.model.key, kind: report.model.kind, domain: this.root.key },
+            }));
+            this.root.notifyChange();
+            this.processState = ProcessState.idle;
+        }
+        /**
+         * Processes a single CSV file data with the current settings.
+         */
+        async processCsvFileData(fileData) {
+            if (!this.root) {
+                return;
+            }
+            const opts = this.cvsOptions || {};
+            if (!opts.maxRows) {
+                opts.maxRows = 10;
+            }
+            const parser = new CsvImporter(this.root, opts);
+            fileData.data = await parser.parse(fileData.file);
+        }
+        /**
+         * Reprocesses all CSV files with current options.
+         */
+        async reprocessCsvFiles() {
+            if (!this.root) {
+                return;
+            }
+            this.processState = ProcessState.reading;
+            for (const fileData of this.importFiles) {
+                if (fileData.type === ImportType.CSV) {
+                    await this.processCsvFileData(fileData);
+                }
+            }
+            this.processState = ProcessState.previewing;
+        }
+        handleCsvOptionChange(e) {
+            const node = e.currentTarget;
+            const { value, name } = node;
+            if (!value) {
+                return;
+            }
+            if (name !== 'delimiter' && name !== 'quote') {
+                return;
+            }
+            if (!this.cvsOptions) {
+                this.cvsOptions = {};
+            }
+            this.cvsOptions[name] = value;
+            this.reprocessCsvFiles();
+        }
+        async handleCsvSave() {
+            const { root } = this;
+            if (!root) {
+                return;
+            }
+            const parser = new CsvImporter(root);
+            const files = this.importFiles.map((info) => info.data).filter(Boolean);
+            const result = await parser.importMany(files, 'CSV Import');
+            this.dispatchEvent(new CustomEvent('openmodel', {
+                bubbles: true,
+                composed: true,
+                detail: { key: result.model.key, kind: result.model.kind, domain: root.key },
+            }));
+            root.notifyChange();
+            this.processState = ProcessState.idle;
+        }
+        handlePreviewTabChange(e) {
+            const { detail } = e;
+            this.selectedFileIndex = detail.index;
+            this.requestUpdate();
+        }
+        render() {
+            const { processState } = this;
+            switch (processState) {
+                case ProcessState.reading:
+                    return this.renderLoadingState();
+                case ProcessState.previewing:
+                    return this.renderDataPreview();
+                default:
+                    return this.renderDropTarget();
+            }
+        }
+        renderHeader() {
+            let message = '';
+            if (this.processState === ProcessState.previewing) {
+                if (this.importType === ImportType.CSV) {
+                    const fileCount = this.importFiles.length || 1;
+                    message = `Configure CSV file import (${fileCount} file${fileCount > 1 ? 's' : ''})`;
+                }
+            }
+            else {
+                message = 'You can upload files that describe your data. Supported formats: CSV and JSON schema files.';
+            }
+            return html `
+      <div class="header">
+        <h2 class="title-large">Import schema</h2>
+        <p class="body-medium">${message}</p>
+      </div>
+    `;
+        }
+        renderDropTarget() {
+            return html `
+      ${this.renderHeader()}
+      <div class="file-import drop-info">
+        <button class="trigger-button" type="button" @click=${this.handleTriggerFile}>
+          <ui-icon class="trigger-icon">description</ui-icon>
+        </button>
+        <p class="body-large">Drop files here.</p>
+        <p class="body-medium">Supported: *.csv, *.json (JSON Schema) files.</p>
+        <input hidden type="file" @change=${this.handleFileChange} accept=".csv,.json" multiple />
+      </div>
+    `;
+        }
+        renderLoadingState() {
+            return html `
+      <div class="import-loader">
+        <p class="body-large">Processing files...</p>
+      </div>
+    `;
+        }
+        renderDataPreview() {
+            switch (this.importType) {
+                case ImportType.CSV:
+                    return this.renderCsvPreview();
+                default:
+                    return html `<p>Unsupported file type</p>`;
+            }
+        }
+        renderCsvPreview() {
+            const previewData = this.importFiles[this.selectedFileIndex]?.data;
+            const typed = previewData;
+            if (!typed) {
+                return html `<p>No data available</p>`;
+            }
+            const fileCount = this.importFiles.length || 1;
+            return html `
+      ${this.renderHeader()} ${this.renderCsvImportOptions()} ${this.renderPreviewOrTabs()}
+      <div class="table-wrapper">
+        <table class="data-table">
+          <thead class="label-large">
+            <tr>
+              ${typed.format.map((row) => html ` <th scope="col">${row.name}</th> `)}
+            </tr>
+          </thead>
+          <tbody class="body-medium">
+            ${typed.values.map((row) => html `
+                <tr>
+                  ${row.map((item) => html ` <td>${item}</td> `)}
+                </tr>
+              `)}
+          </tbody>
+        </table>
+      </div>
+      <div class="actions">
+        <ui-button color="filled" class="action-button" @click="${this.handleCsvSave}">
+          Import ${fileCount} file${fileCount > 1 ? 's' : ''}
+        </ui-button>
+      </div>
+    `;
+        }
+        renderPreviewOrTabs() {
+            if (this.importFiles.length <= 1) {
+                return html `<h3 class="title-medium">Preview</h3>`;
+            }
+            return html `
+      <ui-tabs @change="${this.handlePreviewTabChange}">
+        ${this.importFiles.map((fileData, index) => html `
+            <ui-tab aria-controls="preview${index}" data-index="${index}" ?selected=${this.selectedFileIndex === index}
+              >${fileData.file.name}</ui-tab
+            >
+          `)}
+      </ui-tabs>
+    `;
+        }
+        renderCsvImportOptions() {
+            const { cvsOptions = {} } = this;
+            const { quote = '"', delimiter = ',' } = cvsOptions;
+            const delimiters = [',', ';', '|'];
+            const quotes = ['"', "'", '`'];
+            return html `<div class="csv-options">
+      <h3 class="title-medium">Import options</h3>
+      <div class="options">
+        <ui-select
+          label="Separator character"
+          class="input"
+          name="delimiter"
+          .value="${delimiter}"
+          @change="${this.handleCsvOptionChange}"
+        >
+          ${delimiters.map((item) => html `
+              <ui-option value="${item}">
+                <div>${item}</div>
+              </ui-option>
+            `)}
+        </ui-select>
+        <ui-select
+          label="Quote character"
+          class="input"
+          name="quote"
+          .value="${quote}"
+          @change="${this.handleCsvOptionChange}"
+        >
+          ${quotes.map((item) => html `
+              <ui-option value="${item}">
+                <div>${item}</div>
+              </ui-option>
+            `)}
+        </ui-select>
+      </div>
+    </div>`;
+        }
+    };
+})();
+/**
+ * A component that allows the user to import files that describe data schemas.
+ * Supports CSV files (with preview) and JSON schema files.
+ *
+ * @fires openentity - Fired when an entity is selected.
+ * @fires openmodel - Fired when a model is selected.
+ */
+export default DomainFileImport;
+//# sourceMappingURL=DomainFileImport.js.map

package/build/src/modeling/internals/DomainFileImport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomainFileImport.js","sourceRoot":"","sources":["../../../../src/modeling/internals/DomainFileImport.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, type TemplateResult } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { CSVOptions, CsvImporter, type ParseResult } from '@api-client/core/modeling/importers/CsvImporter.js'\nimport { type InMemorySchema } from '@api-client/core/modeling/importers/JsonSchemaImporter.js'\nimport { FilteringJsonSchemaImporter } from '@api-client/core/modeling/importers/FilteringJsonSchemaImporter.js'\nimport { FileDropMixin } from '../../mixins/FileDropMixin.js'\nimport type { DataDomain } from '@api-client/core/modeling/DataDomain.js'\nimport type { TabSelectionDetail } from '../../md/tabs/ui-tabs.js'\nimport { fromError } from '../../exceptions/builder.js'\nimport type { DomainSelectionInfo } from '../types.js'\nimport type { UiSelectChangeEvent } from '../../md/select/ui-select.js'\n\nconst Base = FileDropMixin(LitElement)\n\nenum ImportType {\n  unknown,\n  CSV,\n  JSON,\n}\n\nenum ProcessState {\n  idle,\n  reading,\n  previewing,\n}\n\ninterface FileImportData {\n  file: File\n  type: ImportType\n  data?: ParseResult\n  processed?: boolean\n}\n\n/**\n * A component that allows the user to import files that describe data schemas.\n * Supports CSV files (with preview) and JSON schema files.\n *\n * @fires openentity - Fired when an entity is selected.\n * @fires openmodel - Fired when a model is selected.\n */\nexport default class DomainFileImport extends Base {\n  /**\n   * The instance of the root DataNamespace.\n   */\n  @property({ type: Object }) accessor root: DataDomain | undefined\n\n  /**\n   * The type of the files to be imported.\n   */\n  @state() accessor importType = ImportType.unknown\n\n  /**\n   * The state of the file import process.\n   */\n  @state() accessor processState = ProcessState.idle\n\n  /**\n   * The files that are currently being processed.\n   */\n  @state() accessor importFiles: FileImportData[] = []\n\n  /**\n   * The index of the currently selected file in the importFiles array.\n   * This is used to keep track of which file preview is being rendered.\n   */\n  @state() accessor selectedFileIndex = 0\n\n  /**\n   * The user options for the CSV parser.\n   * This is used to configure the CSV parser.\n   */\n  protected cvsOptions: CSVOptions | undefined\n\n  constructor() {\n    super()\n    this.dropTarget = this\n  }\n\n  /**\n   * Reports an error to the element.\n   * It will dispatch an 'error' event with the Exception object as the detail.\n   * It unifies the error handling across the application.\n   * @param error The error to report.\n   */\n  reportError(error: Error): void {\n    const e = fromError(error)\n    this.dispatchEvent(\n      new CustomEvent('error', {\n        bubbles: true,\n        composed: true,\n        detail: e,\n      })\n    )\n  }\n\n  handleFileChange(e: Event): void {\n    const inputElement = e.target as HTMLInputElement\n    const fileList: FileList | null = inputElement.files\n    if (fileList && fileList.length > 0) {\n      this.processDroppedFiles(fileList)\n    }\n  }\n\n  handleTriggerFile(): void {\n    const input = this.shadowRoot?.querySelector<HTMLInputElement>('input[type=\"file\"]')\n    input?.click()\n  }\n\n  override async processDroppedFiles(files: FileList): Promise<void> {\n    if (!files.length) {\n      return\n    }\n\n    this.processState = ProcessState.reading\n    this.importFiles = []\n    this.selectedFileIndex = 0\n\n    const fileData: FileImportData[] = []\n    let detectedType = ImportType.unknown\n\n    // 1. Analyze files and determine types\n    for (const file of Array.from(files)) {\n      const fileType = this.detectFileType(file)\n      if (fileType === ImportType.unknown) {\n        continue\n      }\n\n      // Ensure all files are of the same type\n      if (detectedType === ImportType.unknown) {\n        detectedType = fileType\n      } else if (detectedType !== fileType) {\n        // eslint-disable-next-line no-console\n        console.error('Mixed file types are not supported')\n        this.processState = ProcessState.idle\n        return\n      }\n\n      fileData.push({\n        file,\n        type: fileType,\n        processed: false,\n      })\n    }\n\n    this.importType = detectedType\n    this.importFiles = fileData\n\n    try {\n      if (detectedType === ImportType.CSV) {\n        await this.handleMultipleCsvFiles()\n      } else if (detectedType === ImportType.JSON) {\n        await this.handleMultipleJsonFiles()\n      }\n    } catch (e) {\n      this.reportError(e as Error)\n      this.processState = ProcessState.idle\n    }\n  }\n\n  /**\n   * Detects the file type based on file extension and MIME type.\n   */\n  private detectFileType(file: File): ImportType {\n    const fileName = file.name.toLowerCase()\n    const mimeType = file.type\n\n    if (fileName.endsWith('.csv') || mimeType === 'text/csv') {\n      return ImportType.CSV\n    }\n\n    if (fileName.endsWith('.json') || mimeType === 'application/json') {\n      return ImportType.JSON\n    }\n\n    return ImportType.unknown\n  }\n\n  /**\n   * Handles multiple CSV files by parsing the first one for preview.\n   */\n  async handleMultipleCsvFiles(): Promise<void> {\n    if (!this.importFiles.length || !this.root) {\n      return\n    }\n\n    for (const fileData of this.importFiles) {\n      if (fileData.processed) {\n        continue\n      }\n      try {\n        await this.processCsvFileData(fileData)\n        fileData.processed = true\n      } catch (e) {\n        // eslint-disable-next-line no-console\n        console.error(e)\n        throw new Error(`Error processing CSV file ${fileData.file.name}: ${(e as Error).message}`)\n      }\n    }\n    this.processState = ProcessState.previewing\n  }\n\n  /**\n   * Handles multiple JSON schema files by processing them directly.\n   */\n  async handleMultipleJsonFiles(): Promise<void> {\n    if (!this.importFiles.length || !this.root) {\n      return\n    }\n\n    // @TODO: we should do this in batches to avoid memory issues with large files,\n    // but also API payload size limits. To do it, we should split it into several phases:\n    // 1. Import entities only.\n    // 2. Import properties only.\n    // 3. Import associations only.\n    // 4. Import parents metadata.\n    const importer = new FilteringJsonSchemaImporter(this.root, {\n      excludeConceptualMarkers: true,\n    })\n    const input: InMemorySchema[] = []\n\n    for (const fileData of this.importFiles) {\n      try {\n        const text = await fileData.file.text()\n        const contents = JSON.parse(text)\n        input.push({ contents, path: fileData.file.name })\n        fileData.processed = true\n      } catch (e) {\n        // eslint-disable-next-line no-console\n        console.error(e)\n        throw new Error(`Error processing JSON file ${fileData.file.name}: ${(e as Error).message}`)\n      }\n    }\n\n    const report = await importer.import(input, 'JSON Schema Import')\n    this.dispatchEvent(\n      new CustomEvent<DomainSelectionInfo>('openmodel', {\n        bubbles: true,\n        composed: true,\n        detail: { key: report.model.key, kind: report.model.kind, domain: this.root.key },\n      })\n    )\n    this.root.notifyChange()\n    this.processState = ProcessState.idle\n  }\n\n  /**\n   * Processes a single CSV file data with the current settings.\n   */\n  async processCsvFileData(fileData: FileImportData): Promise<void> {\n    if (!this.root) {\n      return\n    }\n\n    const opts = this.cvsOptions || {}\n    if (!opts.maxRows) {\n      opts.maxRows = 10\n    }\n\n    const parser = new CsvImporter(this.root, opts)\n    fileData.data = await parser.parse(fileData.file)\n  }\n\n  /**\n   * Reprocesses all CSV files with current options.\n   */\n  async reprocessCsvFiles(): Promise<void> {\n    if (!this.root) {\n      return\n    }\n\n    this.processState = ProcessState.reading\n    for (const fileData of this.importFiles) {\n      if (fileData.type === ImportType.CSV) {\n        await this.processCsvFileData(fileData)\n      }\n    }\n\n    this.processState = ProcessState.previewing\n  }\n\n  protected handleCsvOptionChange(e: CustomEvent<UiSelectChangeEvent>): void {\n    const node = e.currentTarget as HTMLSelectElement\n    const { value, name } = node\n    if (!value) {\n      return\n    }\n    if (name !== 'delimiter' && name !== 'quote') {\n      return\n    }\n    if (!this.cvsOptions) {\n      this.cvsOptions = {}\n    }\n    this.cvsOptions[name] = value\n    this.reprocessCsvFiles()\n  }\n\n  protected async handleCsvSave(): Promise<void> {\n    const { root } = this\n    if (!root) {\n      return\n    }\n\n    const parser = new CsvImporter(root)\n    const files = this.importFiles.map((info) => info.data as ParseResult).filter(Boolean)\n    const result = await parser.importMany(files, 'CSV Import')\n\n    this.dispatchEvent(\n      new CustomEvent<DomainSelectionInfo>('openmodel', {\n        bubbles: true,\n        composed: true,\n        detail: { key: result.model.key, kind: result.model.kind, domain: root.key },\n      })\n    )\n\n    root.notifyChange()\n    this.processState = ProcessState.idle\n  }\n\n  protected handlePreviewTabChange(e: CustomEvent<TabSelectionDetail>): void {\n    const { detail } = e\n    this.selectedFileIndex = detail.index\n    this.requestUpdate()\n  }\n\n  protected override render(): TemplateResult {\n    const { processState } = this\n    switch (processState) {\n      case ProcessState.reading:\n        return this.renderLoadingState()\n      case ProcessState.previewing:\n        return this.renderDataPreview()\n      default:\n        return this.renderDropTarget()\n    }\n  }\n\n  protected renderHeader(): TemplateResult {\n    let message = ''\n    if (this.processState === ProcessState.previewing) {\n      if (this.importType === ImportType.CSV) {\n        const fileCount = this.importFiles.length || 1\n        message = `Configure CSV file import (${fileCount} file${fileCount > 1 ? 's' : ''})`\n      }\n    } else {\n      message = 'You can upload files that describe your data. Supported formats: CSV and JSON schema files.'\n    }\n    return html`\n      <div class=\"header\">\n        <h2 class=\"title-large\">Import schema</h2>\n        <p class=\"body-medium\">${message}</p>\n      </div>\n    `\n  }\n\n  protected renderDropTarget(): TemplateResult {\n    return html`\n      ${this.renderHeader()}\n      <div class=\"file-import drop-info\">\n        <button class=\"trigger-button\" type=\"button\" @click=${this.handleTriggerFile}>\n          <ui-icon class=\"trigger-icon\">description</ui-icon>\n        </button>\n        <p class=\"body-large\">Drop files here.</p>\n        <p class=\"body-medium\">Supported: *.csv, *.json (JSON Schema) files.</p>\n        <input hidden type=\"file\" @change=${this.handleFileChange} accept=\".csv,.json\" multiple />\n      </div>\n    `\n  }\n\n  protected renderLoadingState(): TemplateResult {\n    return html`\n      <div class=\"import-loader\">\n        <p class=\"body-large\">Processing files...</p>\n      </div>\n    `\n  }\n\n  protected renderDataPreview(): TemplateResult {\n    switch (this.importType) {\n      case ImportType.CSV:\n        return this.renderCsvPreview()\n      default:\n        return html`<p>Unsupported file type</p>`\n    }\n  }\n\n  protected renderCsvPreview(): TemplateResult {\n    const previewData = this.importFiles[this.selectedFileIndex]?.data\n    const typed = previewData as ParseResult\n    if (!typed) {\n      return html`<p>No data available</p>`\n    }\n\n    const fileCount = this.importFiles.length || 1\n\n    return html`\n      ${this.renderHeader()} ${this.renderCsvImportOptions()} ${this.renderPreviewOrTabs()}\n      <div class=\"table-wrapper\">\n        <table class=\"data-table\">\n          <thead class=\"label-large\">\n            <tr>\n              ${typed.format.map((row) => html` <th scope=\"col\">${row.name}</th> `)}\n            </tr>\n          </thead>\n          <tbody class=\"body-medium\">\n            ${typed.values.map(\n              (row) => html`\n                <tr>\n                  ${row.map((item) => html` <td>${item}</td> `)}\n                </tr>\n              `\n            )}\n          </tbody>\n        </table>\n      </div>\n      <div class=\"actions\">\n        <ui-button color=\"filled\" class=\"action-button\" @click=\"${this.handleCsvSave}\">\n          Import ${fileCount} file${fileCount > 1 ? 's' : ''}\n        </ui-button>\n      </div>\n    `\n  }\n\n  protected renderPreviewOrTabs(): TemplateResult {\n    if (this.importFiles.length <= 1) {\n      return html`<h3 class=\"title-medium\">Preview</h3>`\n    }\n\n    return html`\n      <ui-tabs @change=\"${this.handlePreviewTabChange}\">\n        ${this.importFiles.map(\n          (fileData, index) => html`\n            <ui-tab aria-controls=\"preview${index}\" data-index=\"${index}\" ?selected=${this.selectedFileIndex === index}\n              >${fileData.file.name}</ui-tab\n            >\n          `\n        )}\n      </ui-tabs>\n    `\n  }\n\n  protected renderCsvImportOptions(): TemplateResult {\n    const { cvsOptions = {} } = this\n    const { quote = '\"', delimiter = ',' } = cvsOptions\n    const delimiters = [',', ';', '|']\n    const quotes = ['\"', \"'\", '`']\n    return html`<div class=\"csv-options\">\n      <h3 class=\"title-medium\">Import options</h3>\n      <div class=\"options\">\n        <ui-select\n          label=\"Separator character\"\n          class=\"input\"\n          name=\"delimiter\"\n          .value=\"${delimiter}\"\n          @change=\"${this.handleCsvOptionChange}\"\n        >\n          ${delimiters.map(\n            (item) => html`\n              <ui-option value=\"${item}\">\n                <div>${item}</div>\n              </ui-option>\n            `\n          )}\n        </ui-select>\n        <ui-select\n          label=\"Quote character\"\n          class=\"input\"\n          name=\"quote\"\n          .value=\"${quote}\"\n          @change=\"${this.handleCsvOptionChange}\"\n        >\n          ${quotes.map(\n            (item) => html`\n              <ui-option value=\"${item}\">\n                <div>${item}</div>\n              </ui-option>\n            `\n          )}\n        </ui-select>\n      </div>\n    </div>`\n  }\n}\n"]}

package/build/src/modeling/internals/DomainModelEditor.d.ts

@@ -0,0 +1,15 @@
+import { nothing, PropertyValues, TemplateResult } from 'lit';
+import { ModelingElement } from './ModelingElement.js';
+import type { DomainModel } from '@api-client/core/modeling/DomainModel.js';
+/**
+ * An UI element that renders an editor for a DomainModel
+ */
+export default class DomainModelEditor extends ModelingElement {
+    private domainElement;
+    protected willUpdate(cp: PropertyValues<this>): void;
+    protected computeDataModel(): void;
+    handleValueChange(e: Event): void;
+    protected render(): TemplateResult | typeof nothing;
+    protected renderForm(model: DomainModel): TemplateResult;
+}
+//# sourceMappingURL=DomainModelEditor.d.ts.map

package/build/src/modeling/internals/DomainModelEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomainModelEditor.d.ts","sourceRoot":"","sources":["../../../../src/modeling/internals/DomainModelEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAEnE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAA;AAG3E;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,eAAe;IAC5D,OAAO,CAAC,aAAa,CAAyB;cAE3B,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO7D,SAAS,CAAC,gBAAgB,IAAI,IAAI;IASlC,iBAAiB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;cAiBd,MAAM,IAAI,cAAc,GAAG,OAAO,OAAO;IAQ5D,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,WAAW,GAAG,cAAc;CAgCzD"}

package/build/src/modeling/internals/DomainModelEditor.js

@@ -0,0 +1,81 @@
+import { html, nothing } from 'lit';
+import { live } from 'lit/directives/live.js';
+import { ModelingElement } from './ModelingElement.js';
+import { cancelEvent } from '@api-client/core/lib/events/Utils.js';
+import { renderHelp } from '../../help/render.js';
+/**
+ * An UI element that renders an editor for a DomainModel
+ */
+export default class DomainModelEditor extends ModelingElement {
+    domainElement;
+    willUpdate(cp) {
+        if (cp.has('selected') || cp.has('root') || cp.has('namespace')) {
+            this.computeDataModel();
+        }
+        super.willUpdate(cp);
+    }
+    computeDataModel() {
+        const { root, selected, namespace } = this;
+        if (!root || !selected) {
+            this.domainElement = undefined;
+            return;
+        }
+        this.domainElement = root.findModel(selected, namespace);
+    }
+    handleValueChange(e) {
+        const { domainElement } = this;
+        if (!domainElement) {
+            return;
+        }
+        const node = e.target;
+        const { name, value } = node;
+        if (!['name', 'description'].includes(name)) {
+            return;
+        }
+        if (name === 'name' && !value) {
+            return;
+        }
+        domainElement.info[name] = value;
+        this.notifyChange();
+    }
+    render() {
+        const { domainElement } = this;
+        if (!domainElement) {
+            return nothing;
+        }
+        return html `${this.renderForm(domainElement)}`;
+    }
+    renderForm(model) {
+        const disabled = !this.canEdit;
+        return html `
+      <form name="data-model" @submit="${cancelEvent}" data-key="${model.key}" class="modeling-form">
+        <div class="editor-section">
+          <div class="row input-row">
+            <ui-outlined-text-field
+              class="input"
+              name="name"
+              .value="${live(model.info.name || '')}"
+              label="Model name"
+              required
+              ?disabled="${disabled}"
+              @change="${this.handleValueChange}"
+            ></ui-outlined-text-field>
+            ${renderHelp('model', 'name-input')}
+          </div>
+          <div class="row input-row">
+            <ui-outlined-text-field
+              class="input"
+              name="description"
+              .value="${live(model.info.description || '')}"
+              label="Description (optional)"
+              ?disabled="${disabled}"
+              @change="${this.handleValueChange}"
+            ></ui-outlined-text-field>
+            ${renderHelp('model', 'description-input')}
+          </div>
+        </div>
+      </form>
+    `;
+    }
+}
+//# sourceMappingURL=DomainModelEditor.js.map

package/build/src/modeling/internals/DomainModelEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomainModelEditor.js","sourceRoot":"","sources":["../../../../src/modeling/internals/DomainModelEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkC,MAAM,KAAK,CAAA;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAElE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAEjD;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,eAAe;IACpD,aAAa,CAAyB;IAE3B,UAAU,CAAC,EAAwB;QACpD,IAAI,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC;YAChE,IAAI,CAAC,gBAAgB,EAAE,CAAA;QACzB,CAAC;QACD,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;IACtB,CAAC;IAES,gBAAgB;QACxB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,CAAA;QAC1C,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,GAAG,SAAS,CAAA;YAC9B,OAAM;QACR,CAAC;QACD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAA;IAC1D,CAAC;IAED,iBAAiB,CAAC,CAAQ;QACxB,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAA;QAC9B,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAM;QACR,CAAC;QACD,MAAM,IAAI,GAAG,CAAC,CAAC,MAA0B,CAAA;QACzC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAA;QAC5B,IAAI,CAAC,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC,EAAE,CAAC;YACtD,OAAM;QACR,CAAC;QACD,IAAI,IAAI,KAAK,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;YAC9B,OAAM;QACR,CAAC;QACD,aAAa,CAAC,IAAI,CAAC,IAA8B,CAAC,GAAG,KAAK,CAAA;QAC1D,IAAI,CAAC,YAAY,EAAE,CAAA;IACrB,CAAC;IAEkB,MAAM;QACvB,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAA;QAC9B,IAAI,CAAC,aAAa,EAAE,CAAC;YACnB,OAAO,OAAO,CAAA;QAChB,CAAC;QACD,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,CAAA;IAChD,CAAC;IAES,UAAU,CAAC,KAAkB;QACrC,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,OAAO,CAAA;QAC9B,OAAO,IAAI,CAAA;yCAC0B,WAAW,eAAe,KAAK,CAAC,GAAG;;;;;;wBAMpD,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;;;2BAGxB,QAAQ;yBACV,IAAI,CAAC,iBAAiB;;cAEjC,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC;;;;;;wBAMvB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC;;2BAE/B,QAAQ;yBACV,IAAI,CAAC,iBAAiB;;cAEjC,UAAU,CAAC,OAAO,EAAE,mBAAmB,CAAC;;;;KAIjD,CAAA;IACH,CAAC;CACF","sourcesContent":["import { html, nothing, PropertyValues, TemplateResult } from 'lit'\nimport { live } from 'lit/directives/live.js'\nimport { ModelingElement } from './ModelingElement.js'\nimport { cancelEvent } from '@api-client/core/lib/events/Utils.js'\nimport type { DomainModel } from '@api-client/core/modeling/DomainModel.js'\nimport { renderHelp } from '../../help/render.js'\n\n/**\n * An UI element that renders an editor for a DomainModel\n */\nexport default class DomainModelEditor extends ModelingElement {\n  private domainElement: DomainModel | undefined\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('selected') || cp.has('root') || cp.has('namespace')) {\n      this.computeDataModel()\n    }\n    super.willUpdate(cp)\n  }\n\n  protected computeDataModel(): void {\n    const { root, selected, namespace } = this\n    if (!root || !selected) {\n      this.domainElement = undefined\n      return\n    }\n    this.domainElement = root.findModel(selected, namespace)\n  }\n\n  handleValueChange(e: Event): void {\n    const { domainElement } = this\n    if (!domainElement) {\n      return\n    }\n    const node = e.target as HTMLInputElement\n    const { name, value } = node\n    if (!['name', 'description'].includes(name as string)) {\n      return\n    }\n    if (name === 'name' && !value) {\n      return\n    }\n    domainElement.info[name as 'name' | 'description'] = value\n    this.notifyChange()\n  }\n\n  protected override render(): TemplateResult | typeof nothing {\n    const { domainElement } = this\n    if (!domainElement) {\n      return nothing\n    }\n    return html`${this.renderForm(domainElement)}`\n  }\n\n  protected renderForm(model: DomainModel): TemplateResult {\n    const disabled = !this.canEdit\n    return html`\n      <form name=\"data-model\" @submit=\"${cancelEvent}\" data-key=\"${model.key}\" class=\"modeling-form\">\n        <div class=\"editor-section\">\n          <div class=\"row input-row\">\n            <ui-outlined-text-field\n              class=\"input\"\n              name=\"name\"\n              .value=\"${live(model.info.name || '')}\"\n              label=\"Model name\"\n              required\n              ?disabled=\"${disabled}\"\n              @change=\"${this.handleValueChange}\"\n            ></ui-outlined-text-field>\n            ${renderHelp('model', 'name-input')}\n          </div>\n          <div class=\"row input-row\">\n            <ui-outlined-text-field\n              class=\"input\"\n              name=\"description\"\n              .value=\"${live(model.info.description || '')}\"\n              label=\"Description (optional)\"\n              ?disabled=\"${disabled}\"\n              @change=\"${this.handleValueChange}\"\n            ></ui-outlined-text-field>\n            ${renderHelp('model', 'description-input')}\n          </div>\n        </div>\n      </form>\n    `\n  }\n}\n"]}

package/build/src/modeling/internals/DomainNamespaceEditor.d.ts

@@ -0,0 +1,15 @@
+import { nothing, PropertyValues, TemplateResult } from 'lit';
+import { ModelingElement } from './ModelingElement.js';
+import type { DomainNamespace } from '@api-client/core/modeling/DomainNamespace.js';
+/**
+ * An UI element that renders an editor for a DomainNamespace.
+ */
+export default class DomainNamespaceEditor extends ModelingElement {
+    private domainElement;
+    protected willUpdate(cp: PropertyValues<this>): void;
+    protected computeNamespace(): void;
+    protected handleValueChange(e: Event): void;
+    protected render(): TemplateResult | typeof nothing;
+    protected renderForm(model: DomainNamespace): TemplateResult;
+}
+//# sourceMappingURL=DomainNamespaceEditor.d.ts.map