@codeenvision/ui-webcomponents 1.0.0

package/dist/components/web-components/treeview.js

@@ -0,0 +1,212 @@
+import { TreeView } from "../TreeView/TreeView.js";
+import { defineComponentElement } from "../../src/runtime/component-element.js";
+import { readDataAttr, shouldUseDomValue } from "./utils/hydration.js";
+const DEFAULT_TREE_VIEW_PROPS = {
+    data: [],
+    loading: false,
+    loadingLabel: "Loading...",
+    error: false,
+    errorMessage: "Something went wrong",
+    emptyLabel: "No items",
+    virtualized: false,
+    viewportHeight: 360,
+    rowHeight: 32,
+    overscan: 4,
+};
+const TREE_VIEW_PROP_DEFINITIONS = [
+    { attribute: "data", prop: "data", type: "json" },
+    { attribute: "loading", prop: "loading", type: "boolean" },
+    { attribute: "loading-label", prop: "loadingLabel" },
+    { attribute: "error", prop: "error", type: "boolean" },
+    { attribute: "error-message", prop: "errorMessage" },
+    { attribute: "empty-label", prop: "emptyLabel" },
+    { attribute: "virtualized", prop: "virtualized", type: "boolean" },
+    { attribute: "viewport-height", prop: "viewportHeight", type: "number" },
+    { attribute: "row-height", prop: "rowHeight", type: "number" },
+    { attribute: "overscan", prop: "overscan", type: "number" },
+];
+let treeViewId = 0;
+const applyTreeViewParts = (wrapper) => {
+    wrapper.setAttribute("data-ce-component", "treeview");
+    wrapper.setAttribute("part", "base");
+    wrapper.querySelectorAll(".ce-tree__node").forEach((node) => node.setAttribute("part", "node"));
+    wrapper.querySelectorAll(".ce-tree__row").forEach((node) => node.setAttribute("part", "row"));
+    wrapper.querySelectorAll(".ce-tree__toggle").forEach((node) => node.setAttribute("part", "toggle"));
+    wrapper.querySelectorAll(".ce-tree__label").forEach((node) => node.setAttribute("part", "label"));
+    wrapper.querySelectorAll(".ce-tree__children").forEach((node) => node.setAttribute("part", "children"));
+};
+const treeViewComponent = {
+    mount({ target, props, on }) {
+        const host = target;
+        const existingWrapper = host.querySelector(".ce-tree");
+        const elementId = existingWrapper?.id || `ce-treeview-${++treeViewId}`;
+        let wrapper = existingWrapper ?? undefined;
+        let currentProps = { ...DEFAULT_TREE_VIEW_PROPS, ...props };
+        if (existingWrapper) {
+            const dataNodes = readDataAttr(existingWrapper, "data");
+            if (shouldUseDomValue(host, "data", dataNodes)) {
+                try {
+                    currentProps.data = JSON.parse(dataNodes ?? "[]");
+                }
+                catch {
+                    currentProps.data = DEFAULT_TREE_VIEW_PROPS.data;
+                }
+            }
+            const loading = readDataAttr(existingWrapper, "loading");
+            if (shouldUseDomValue(host, "loading", loading)) {
+                currentProps.loading = loading === "true";
+            }
+            const loadingLabel = readDataAttr(existingWrapper, "loading-label");
+            if (shouldUseDomValue(host, "loading-label", loadingLabel)) {
+                currentProps.loadingLabel = loadingLabel ?? DEFAULT_TREE_VIEW_PROPS.loadingLabel;
+            }
+            const error = readDataAttr(existingWrapper, "error");
+            if (shouldUseDomValue(host, "error", error)) {
+                currentProps.error = error === "true";
+            }
+            const errorMessage = readDataAttr(existingWrapper, "error-message");
+            if (shouldUseDomValue(host, "error-message", errorMessage)) {
+                currentProps.errorMessage = errorMessage ?? DEFAULT_TREE_VIEW_PROPS.errorMessage;
+            }
+            const emptyLabel = readDataAttr(existingWrapper, "empty-label");
+            if (shouldUseDomValue(host, "empty-label", emptyLabel)) {
+                currentProps.emptyLabel = emptyLabel ?? DEFAULT_TREE_VIEW_PROPS.emptyLabel;
+            }
+            const virtualized = readDataAttr(existingWrapper, "virtualized");
+            if (shouldUseDomValue(host, "virtualized", virtualized)) {
+                currentProps.virtualized = virtualized === "true";
+            }
+            const viewportHeight = readDataAttr(existingWrapper, "viewport-height");
+            if (shouldUseDomValue(host, "viewport-height", viewportHeight)) {
+                const parsed = viewportHeight ? Number(viewportHeight) : undefined;
+                if (Number.isFinite(parsed)) {
+                    currentProps.viewportHeight = parsed;
+                }
+            }
+            const rowHeight = readDataAttr(existingWrapper, "row-height");
+            if (shouldUseDomValue(host, "row-height", rowHeight)) {
+                const parsed = rowHeight ? Number(rowHeight) : undefined;
+                if (Number.isFinite(parsed)) {
+                    currentProps.rowHeight = parsed;
+                }
+            }
+            const overscan = readDataAttr(existingWrapper, "overscan");
+            if (shouldUseDomValue(host, "overscan", overscan)) {
+                const parsed = overscan ? Number(overscan) : undefined;
+                if (Number.isFinite(parsed)) {
+                    currentProps.overscan = parsed;
+                }
+            }
+        }
+        let instance;
+        const render = () => {
+            if (!wrapper) {
+                host.innerHTML = "";
+                wrapper = document.createElement("div");
+                wrapper.id = elementId;
+                host.appendChild(wrapper);
+            }
+            else {
+                if (!wrapper.id) {
+                    wrapper.id = elementId;
+                }
+                if (wrapper === existingWrapper && !wrapper.classList.contains("ce-tree")) {
+                    wrapper.classList.add("ce-tree");
+                }
+            }
+            const isEmpty = !(currentProps.data ?? []).length;
+            const showLoading = Boolean(currentProps.loading);
+            const showError = Boolean(currentProps.error);
+            if (showLoading || showError || isEmpty) {
+                instance?.destroy?.();
+                wrapper.setAttribute("data-ce-component", "treeview");
+                wrapper.setAttribute("part", "base");
+                wrapper.setAttribute("data-state", showLoading ? "loading" : showError ? "error" : "empty");
+                wrapper.setAttribute("aria-busy", showLoading ? "true" : "false");
+                wrapper.innerHTML = renderTreeViewState(currentProps, showLoading ? "loading" : showError ? "error" : "empty");
+                return;
+            }
+            applyTreeViewParts(wrapper);
+            instance?.destroy?.();
+            const options = {
+                selector: `#${elementId}`,
+                data: currentProps.data ?? [],
+                virtualized: currentProps.virtualized,
+                viewportHeight: currentProps.viewportHeight,
+                rowHeight: currentProps.rowHeight,
+                overscan: currentProps.overscan,
+                hydrate: Boolean(wrapper && wrapper === existingWrapper),
+                onNodeToggle: (nodeId, expanded) => on?.toggle?.({ nodeId, expanded }),
+                onSelect: (nodeId) => on?.select?.({ nodeId }),
+            };
+            instance = new TreeView(options);
+            instance.init();
+        };
+        render();
+        return {
+            destroy() {
+                instance?.destroy?.();
+                if (!existingWrapper) {
+                    host.innerHTML = "";
+                }
+            },
+            updateProps(partial) {
+                currentProps = { ...currentProps, ...(partial ?? {}) };
+                render();
+            },
+        };
+    },
+    renderToString(props) {
+        const merged = { ...DEFAULT_TREE_VIEW_PROPS, ...(props ?? {}) };
+        const isEmpty = !(merged.data ?? []).length;
+        const showLoading = Boolean(merged.loading);
+        const showError = Boolean(merged.error);
+        if (showLoading || showError || isEmpty) {
+            const state = showLoading ? "loading" : showError ? "error" : "empty";
+            return `<div class="ce-tree" data-ce-component="treeview" part="base" data-state="${state}" data-loading="${String(showLoading)}" data-loading-label="${escapeHtml(merged.loadingLabel ?? DEFAULT_TREE_VIEW_PROPS.loadingLabel ?? "Loading...")}" data-error="${String(showError)}" data-error-message="${escapeHtml(merged.errorMessage ?? DEFAULT_TREE_VIEW_PROPS.errorMessage ?? "Something went wrong")}" data-empty-label="${escapeHtml(merged.emptyLabel ?? DEFAULT_TREE_VIEW_PROPS.emptyLabel ?? "No items")}">${renderTreeViewState(merged, state)}</div>`;
+        }
+        if (merged.virtualized) {
+            const dataNodes = escapeHtml(JSON.stringify(merged.data ?? []));
+            return `<div class="ce-tree" data-ce-component="treeview" part="base" data-data="${dataNodes}" data-virtualized="true" data-viewport-height="${merged.viewportHeight ?? DEFAULT_TREE_VIEW_PROPS.viewportHeight}" data-row-height="${merged.rowHeight ?? DEFAULT_TREE_VIEW_PROPS.rowHeight}" data-overscan="${merged.overscan ?? DEFAULT_TREE_VIEW_PROPS.overscan}"><div class="ce-tree__viewport"></div></div>`;
+        }
+        const renderNodes = (nodes) => {
+            return (nodes ?? [])
+                .map((node) => {
+                const children = node.children?.length
+                    ? `<div class="ce-tree__children" part="children" hidden>${renderNodes(node.children)}</div>`
+                    : node.lazy
+                        ? `<div class="ce-tree__children" part="children" hidden></div>`
+                        : "";
+                const toggle = `<button class="ce-tree__toggle" part="toggle" type="button" data-tree-toggle="true">${node.children?.length || node.lazy ? "▸" : ""}</button>`;
+                return `<li class="ce-tree__node" part="node" data-tree-node="${escapeHtml(node.id ?? "")}"><div class="ce-tree__row" part="row" tabindex="-1">${toggle}<span class="ce-tree__label" part="label">${escapeHtml(node.label ?? "")}</span></div>${children}</li>`;
+            })
+                .join("");
+        };
+        const dataNodes = escapeHtml(JSON.stringify(merged.data ?? []));
+        return `<ul class="ce-tree" data-ce-component="treeview" part="base" data-data="${dataNodes}">${renderNodes(merged.data ?? [])}</ul>`;
+    },
+};
+export function registerTreeViewElement() {
+    return defineComponentElement({
+        tag: "ce-treeview",
+        component: treeViewComponent,
+        props: TREE_VIEW_PROP_DEFINITIONS,
+        defaultProps: DEFAULT_TREE_VIEW_PROPS,
+        shadow: false,
+        events: ["toggle", "select"],
+        preserveLightDom: true,
+    });
+}
+const escapeHtml = (value) => value
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+function renderTreeViewState(props, state) {
+    const loadingLabel = escapeHtml(props.loadingLabel ?? DEFAULT_TREE_VIEW_PROPS.loadingLabel ?? "Loading...");
+    const errorLabel = escapeHtml(props.errorMessage ?? DEFAULT_TREE_VIEW_PROPS.errorMessage ?? "Something went wrong");
+    const emptyLabel = escapeHtml(props.emptyLabel ?? DEFAULT_TREE_VIEW_PROPS.emptyLabel ?? "No items");
+    return `${state === "loading" ? `<p class="ce-tree__loading" part="loading" data-ce-slot="loading" data-ce-fallback="${loadingLabel}">${loadingLabel}</p>` : ""}${state === "error" ? `<p class="ce-tree__error" part="error" data-ce-slot="error" data-ce-fallback="${errorLabel}">${errorLabel}</p>` : ""}${state === "empty" ? `<p class="ce-tree__empty" part="empty" data-ce-slot="empty" data-ce-fallback="${emptyLabel}">${emptyLabel}</p>` : ""}`;
+}
+//# sourceMappingURL=treeview.js.map

package/dist/components/web-components/treeview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeview.js","sourceRoot":"","sources":["../../../components/web-components/treeview.ts"],"names":[],"mappings":"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"}

package/dist/components/web-components/upload.d.ts

@@ -0,0 +1,53 @@
+export type UploadTheme = "light" | "dark";
+export type UploadStatus = "pending" | "uploading" | "success" | "error";
+export interface UploadFileItem {
+    id?: string;
+    name: string;
+    size: number;
+    type?: string;
+    progress?: number;
+    status?: UploadStatus;
+    error?: string;
+    meta?: Record<string, unknown>;
+}
+export interface UploadProps extends Record<string, unknown> {
+    label?: string;
+    hint?: string;
+    accept?: string;
+    multiple?: boolean;
+    maxFiles?: number;
+    disabled?: boolean;
+    autoUpload?: boolean;
+    theme?: UploadTheme;
+    dropLabel?: string;
+    browseLabel?: string;
+    uploadButtonLabel?: string;
+    removeButtonLabel?: string;
+    retryButtonLabel?: string;
+    files?: UploadFileItem[];
+}
+export interface UploadSelectDetail {
+    files: File[];
+}
+export interface UploadRequestDetail {
+    files: UploadFileSnapshot[];
+    reason: "manual" | "auto";
+}
+export interface UploadRemoveDetail {
+    file: UploadFileSnapshot;
+}
+export interface UploadRetryDetail {
+    file: UploadFileSnapshot;
+}
+export interface UploadFileSnapshot {
+    id: string;
+    name: string;
+    size: number;
+    type?: string;
+    progress: number;
+    status: UploadStatus;
+    error?: string;
+    meta?: Record<string, unknown>;
+}
+export declare function registerUploadElement(): CustomElementConstructor | undefined;
+//# sourceMappingURL=upload.d.ts.map

package/dist/components/web-components/upload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.d.ts","sourceRoot":"","sources":["../../../components/web-components/upload.ts"],"names":[],"mappings":"AAQA,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAC3C,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;AAEzE,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAED,MAAM,WAAW,WAAY,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,MAAM,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,kBAAkB,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,kBAAkB,CAAC;CAC1B;AAED,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAsbD,wBAAgB,qBAAqB,IAAI,wBAAwB,GAAG,SAAS,CAU5E"}