@iyulab/flex-table 0.10.0

package/dist/flex-table.js

@@ -0,0 +1,8 @@
+import { F as t, R as o, U as r, e as l, r as s } from "./flex-table-C0CCHc1F.js";
+export {
+  t as FlexTable,
+  o as RowSelectionState,
+  r as UndoStack,
+  l as exportData,
+  s as renderCell
+};

package/dist/odata/index.js

@@ -0,0 +1,71 @@
+import { useState as r, useRef as J, useCallback as y, useEffect as N } from "react";
+import Q from "odata-query";
+function I(i, f = {}) {
+  const { pageSize: a = 20, defaultOrderBy: o, fixedFilter: d } = f, [x, S] = r([]), [B, b] = r(0), [E, C] = r(!1), [O, g] = r(null), [h, p] = r(0), [l, R] = r(() => o ? U(o) : []), [u, T] = r(""), [q, A] = r(0), k = J(null), D = y(() => {
+    A((e) => e + 1);
+  }, []), L = y((e) => {
+    T(e), p(0);
+  }, []), P = y((e) => {
+    var n;
+    const c = (n = e.detail) == null ? void 0 : n.criteria;
+    c && (R(c), p(0));
+  }, []);
+  return N(() => {
+    var w;
+    (w = k.current) == null || w.abort();
+    const e = new AbortController();
+    k.current = e, C(!0), g(null);
+    const c = l.length > 0 ? l.map((t) => `${t.key} ${t.direction}`).join(", ") : o, n = {
+      top: a,
+      skip: h * a,
+      count: !0
+    };
+    c && (n.orderBy = c), d && (n.filter = d), u && (n.search = u);
+    const v = Q(n), z = `${window.location.origin}${i}${v}`;
+    return fetch(z, { signal: e.signal }).then(async (t) => {
+      var $;
+      if (!t.ok) {
+        const F = await t.text().catch(() => "");
+        let m = `요청 실패 (${t.status})`;
+        try {
+          const s = JSON.parse(F);
+          m = (($ = s == null ? void 0 : s.error) == null ? void 0 : $.message) ?? (s == null ? void 0 : s.message) ?? m;
+        } catch {
+        }
+        throw new Error(m);
+      }
+      return t.json();
+    }).then((t) => {
+      e.signal.aborted || (S(t.value ?? t), b(t["@odata.count"] ?? 0), g(null));
+    }).catch((t) => {
+      e.signal.aborted || t.name !== "AbortError" && (g(t.message), S([]), b(0));
+    }).finally(() => {
+      e.signal.aborted || C(!1);
+    }), () => e.abort();
+  }, [i, h, a, l, u, d, o, q]), {
+    data: x,
+    totalCount: B,
+    loading: E,
+    error: O,
+    page: h,
+    setPage: p,
+    sortCriteria: l,
+    onSortChange: P,
+    search: u,
+    setSearch: L,
+    refresh: D
+  };
+}
+function U(i) {
+  return i.split(",").map((f) => {
+    var o;
+    const a = f.trim().split(/\s+/);
+    return {
+      key: a[0],
+      direction: ((o = a[1]) == null ? void 0 : o.toLowerCase()) === "desc" ? "desc" : "asc"
+    };
+  });
+}
+export {
+  I as useODataSource
+};

package/dist/react.js

@@ -0,0 +1,36 @@
+import e from "react";
+import { createComponent as o } from "@lit/react";
+import { F as l } from "./flex-table-C0CCHc1F.js";
+const a = o({
+  tagName: "flex-table",
+  elementClass: l,
+  react: e,
+  events: {
+    onCellSelect: "cell-select",
+    onCellEditCommit: "cell-edit-commit",
+    onCellEditCancel: "cell-edit-cancel",
+    onCellEditStart: "cell-edit-start",
+    onSortChange: "sort-change",
+    onFilterChange: "filter-change",
+    onRowAdd: "row-add",
+    onRowDelete: "row-delete",
+    onColumnResize: "column-resize",
+    onColumnSelect: "column-select",
+    onColumnAdd: "column-add",
+    onColumnDelete: "column-delete",
+    onColumnReorder: "column-reorder",
+    onSelectionChange: "selection-change",
+    onClipboardCopy: "clipboard-copy",
+    onClipboardCut: "clipboard-cut",
+    onClipboardPaste: "clipboard-paste",
+    onClipboardError: "clipboard-error",
+    onUndoStateChange: "undo-state-change",
+    onValidationError: "validation-error",
+    onBatchUpdate: "batch-update",
+    onContextMenu: "context-menu",
+    onFilterError: "filter-error"
+  }
+});
+export {
+  a as FlexTableReact
+};

package/package.json

@@ -0,0 +1,85 @@
+{
+  "name": "@iyulab/flex-table",
+  "version": "0.10.0",
+  "description": "A minimalist, input-centric data grid web component",
+  "type": "module",
+  "main": "./dist/flex-table.js",
+  "module": "./dist/flex-table.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/flex-table.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js"
+    },
+    "./odata": {
+      "types": "./dist/odata/index.d.ts",
+      "import": "./dist/odata/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite serve demo",
+    "build": "tsc && vite build",
+    "build:demo": "vite build --config vite.config.demo.ts",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "lint": "eslint src/",
+    "lint:fix": "eslint src/ --fix"
+  },
+  "keywords": [
+    "web-component",
+    "data-grid",
+    "table",
+    "lit",
+    "spreadsheet"
+  ],
+  "license": "MIT",
+  "author": "iyulab",
+  "homepage": "https://github.com/iyulab/flex-table#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/iyulab/flex-table.git"
+  },
+  "bugs": {
+    "url": "https://github.com/iyulab/flex-table/issues"
+  },
+  "dependencies": {
+    "lit": "^3.2.0",
+    "odata-query": "^8.0.7"
+  },
+  "peerDependencies": {
+    "@lit/react": "^1.0.0",
+    "react": "^18.0.0 || ^19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@lit/react": {
+      "optional": true
+    },
+    "react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@lit/react": "^1.0.8",
+    "@types/react": "^19.2.14",
+    "@typescript-eslint/eslint-plugin": "^8.58.0",
+    "@typescript-eslint/parser": "^8.58.0",
+    "eslint": "^10.1.0",
+    "eslint-plugin-lit": "^2.2.1",
+    "jsdom": "^28.1.0",
+    "loupe": "^3.2.1",
+    "react": "^19.2.4",
+    "strip-literal": "^3.1.0",
+    "typescript": "~5.7.0",
+    "vite": "^6.0.0",
+    "vitest": "^3.0.0"
+  }
+}