@oneflowui/ui 0.4.2 → 0.4.4

package/dist/utils/supabaseSchema.js

@@ -0,0 +1,202 @@
+const l = {
+  // Text
+  text: "text",
+  varchar: "text",
+  char: "text",
+  "character varying": "text",
+  character: "text",
+  name: "text",
+  citext: "text",
+  // Numeric
+  int2: "number",
+  int4: "number",
+  int8: "number",
+  float4: "number",
+  float8: "number",
+  numeric: "number",
+  decimal: "number",
+  real: "number",
+  "double precision": "number",
+  integer: "number",
+  bigint: "number",
+  smallint: "number",
+  // Boolean
+  bool: "checkbox",
+  boolean: "checkbox",
+  // Date / Time
+  date: "date",
+  timestamp: "datetime",
+  timestamptz: "datetime",
+  "timestamp with time zone": "datetime",
+  "timestamp without time zone": "datetime",
+  // JSON → richtext (markdown / structured content)
+  json: "richtext",
+  jsonb: "richtext",
+  // UUID
+  uuid: "text",
+  // Array types
+  _text: "multi_select",
+  // text[]
+  _varchar: "multi_select",
+  // varchar[]
+  _int4: "multi_select",
+  // int[]
+  _uuid: "relation"
+  // uuid[] → relation
+};
+function x(n, r) {
+  const e = n.toLowerCase();
+  return e === "url" || e === "link" || e === "website" || e.endsWith("_url") || e.endsWith("_link") ? "url" : e === "email" || e.endsWith("_email") ? "email" : e === "phone" || e === "tel" || e === "mobile" || e.endsWith("_phone") ? "phone" : e === "progress" || e === "completion" || e === "percent" ? "progress" : e === "rating" || e === "score" || e === "stars" ? "rating" : e === "created_by" || e === "creator" || e === "author" || e === "updated_by" || e === "modifier" ? "creator" : (e === "price" || e === "amount" || e === "cost" || e === "total" || e.endsWith("_amount") || e.endsWith("_price")) && (r === "numeric" || r === "decimal" || r === "float8" || r === "money") ? "currency" : (e === "content" || e === "body" || e === "description" || e === "summary" || e === "notes") && (r === "text" || r === "jsonb") ? "richtext" : null;
+}
+function p(n) {
+  const {
+    tableName: r,
+    columns: e,
+    overrides: t = {},
+    skipColumns: i = [],
+    labelMap: u = {},
+    includeIdColumn: d = !1,
+    inferContentFields: _ = !0,
+    selectOptions: c = {}
+  } = n, h = /* @__PURE__ */ new Set(["id", "created_at", "updated_at", ...i]);
+  d && h.delete("id");
+  const m = [];
+  for (const a of e) {
+    if (h.has(a.column_name)) continue;
+    if (a.is_identity === "YES" || a.column_default && a.column_default.includes("nextval")) {
+      m.push({
+        id: a.column_name,
+        name: u[a.column_name] ?? s(a.column_name),
+        type: "auto_number",
+        prefix: ""
+      });
+      continue;
+    }
+    if (c[a.column_name]) {
+      m.push({
+        id: a.column_name,
+        name: u[a.column_name] ?? s(a.column_name),
+        type: "select",
+        options: c[a.column_name],
+        required: a.is_nullable === "NO"
+      });
+      continue;
+    }
+    let o = "text";
+    if (_) {
+      const b = x(a.column_name, a.udt_name);
+      b ? o = b : o = l[a.udt_name] ?? l[a.data_type] ?? "text";
+    } else
+      o = l[a.udt_name] ?? l[a.data_type] ?? "text";
+    let f = g(a, o, u);
+    t[a.column_name] && (f = { ...f, ...t[a.column_name] }), m.push(f);
+  }
+  return {
+    tableId: r,
+    name: u.__table__ ?? s(r),
+    fields: m,
+    views: []
+  };
+}
+function g(n, r, e) {
+  const t = {
+    id: n.column_name,
+    name: e[n.column_name] ?? s(n.column_name),
+    required: n.is_nullable === "NO"
+  };
+  switch (r) {
+    case "number":
+      return { ...t, type: "number" };
+    case "currency":
+      return { ...t, type: "currency", currencyCode: "CNY", precision: 2 };
+    case "progress":
+      return { ...t, type: "progress", min: 0, max: 100 };
+    case "rating":
+      return { ...t, type: "rating", max: 5 };
+    case "checkbox":
+      return { ...t, type: "checkbox" };
+    case "date":
+      return { ...t, type: "date" };
+    case "datetime":
+      return { ...t, type: "datetime" };
+    case "richtext":
+      return { ...t, type: "richtext" };
+    case "url":
+      return { ...t, type: "url" };
+    case "email":
+      return { ...t, type: "email" };
+    case "phone":
+      return { ...t, type: "phone" };
+    case "creator":
+      return { ...t, type: "creator" };
+    case "auto_number":
+      return { ...t, type: "auto_number", prefix: "" };
+    case "select":
+    case "multi_select":
+      return { ...t, type: r, options: [] };
+    case "relation":
+      return { ...t, type: "relation" };
+    case "attachment":
+      return { ...t, type: "attachment" };
+    default:
+      return { ...t, type: "text" };
+  }
+}
+async function w(n, r, e) {
+  if (n.rpc)
+    try {
+      const { data: t, error: i } = await n.rpc("get_table_columns", {
+        p_table_name: r
+      });
+      if (!i && Array.isArray(t) && t.length > 0)
+        return p({
+          tableName: r,
+          columns: t,
+          ...e
+        });
+    } catch {
+    }
+  try {
+    const { data: t, error: i } = await n.from("information_schema.columns").select(
+      "column_name, data_type, udt_name, is_nullable, column_default, character_maximum_length, is_identity, identity_generation"
+    ).eq("table_schema", "public").eq("table_name", r);
+    if (!i && t && t.length > 0)
+      return p({
+        tableName: r,
+        columns: t,
+        ...e
+      });
+  } catch {
+  }
+  try {
+    const { data: t, error: i } = await n.from(r).select("*").limit(1);
+    if (!i && Array.isArray(t) && t.length > 0) {
+      const u = t[0], d = Object.entries(u).map(([_, c]) => ({
+        column_name: _,
+        data_type: y(c),
+        udt_name: y(c),
+        is_nullable: "YES",
+        column_default: null,
+        character_maximum_length: null,
+        is_identity: "NO",
+        identity_generation: null
+      }));
+      return p({ tableName: r, columns: d, ...e });
+    }
+  } catch {
+  }
+  throw new Error(
+    `Failed to fetch schema for "${r}". Create the get_table_columns() RPC function or provide schema manually via inferSchema().`
+  );
+}
+function y(n) {
+  return n == null ? "text" : typeof n == "boolean" ? "bool" : typeof n == "number" ? Number.isInteger(n) ? "int4" : "float8" : typeof n == "string" ? /^\d{4}-\d{2}-\d{2}T/.test(n) ? "timestamptz" : /^\d{4}-\d{2}-\d{2}$/.test(n) ? "date" : "text" : Array.isArray(n) ? "_text" : typeof n == "object" ? "jsonb" : "text";
+}
+function s(n) {
+  return n.replace(/_/g, " ").replace(/\b\w/g, (r) => r.toUpperCase()).trim();
+}
+export {
+  w as fetchSchemaFromSupabase,
+  s as humanizeColumnName,
+  p as inferSchema
+};

package/dist/workers/tableWorker.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Web Worker for offloading sort/filter operations on large datasets.
+ * Activated when data.length > 5000 to avoid serialization overhead on small sets.
+ */
+export type WorkerRequest = {
+    type: "sort";
+    data: Record<string, unknown>[];
+    field: string;
+    order: "asc" | "desc";
+} | {
+    type: "filter";
+    data: Record<string, unknown>[];
+    conditions: FilterConditionMsg[];
+    logic: "and" | "or";
+};
+export type WorkerResponse = {
+    type: "sort-result";
+    data: Record<string, unknown>[];
+} | {
+    type: "filter-result";
+    data: Record<string, unknown>[];
+} | {
+    type: "error";
+    message: string;
+};
+interface FilterConditionMsg {
+    field: string;
+    operator: string;
+    value: string;
+}
+export {};

package/package.json

@@ -1,19 +1,26 @@
 {
   "name": "@oneflowui/ui",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "description": "OneFlow UI Component Library - Vue3 components for task management views",
   "type": "module",
-  "main": "./dist/oneflow-ui.umd.cjs",
-  "module": "./dist/oneflow-ui.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/oneflow-ui.js",
-      "require": "./dist/oneflow-ui.umd.cjs"
+      "import": "./dist/index.js"
     },
-    "./styles": "./dist/style.css"
+    "./styles": "./dist/style.css",
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "import": "./dist/*.js"
+    }
   },
+  "sideEffects": [
+    "*.css",
+    "*.vue"
+  ],
   "files": [
     "dist"
   ],

package/dist/FieldDate-Bljx4jb7.js

@@ -1,34 +0,0 @@
-import { defineComponent as f, ref as u, onMounted as m, nextTick as s, withDirectives as d, openBlock as v, createElementBlock as y, vModelText as _ } from "vue";
-import { _ as k } from "./index-DQph5iTq.js";
-const x = /* @__PURE__ */ f({
-  __name: "FieldDate",
-  props: {
-    value: { type: [String, Number, Boolean, Array, null] },
-    field: {}
-  },
-  emits: ["commit", "cancel", "tabNext"],
-  setup(i, { emit: r }) {
-    const c = i, t = r, o = u(null), n = u(String(c.value ?? ""));
-    m(() => s(() => {
-      var e;
-      return (e = o.value) == null ? void 0 : e.focus();
-    }));
-    function p(e) {
-      e.key === "Enter" && (e.preventDefault(), t("commit", n.value || null)), e.key === "Escape" && (e.preventDefault(), t("cancel")), e.key === "Tab" && (e.preventDefault(), t("commit", n.value || null), t("tabNext"));
-    }
-    return (e, l) => d((v(), y("input", {
-      ref_key: "inputRef",
-      ref: o,
-      "onUpdate:modelValue": l[0] || (l[0] = (a) => n.value = a),
-      class: "of-field-input",
-      type: "date",
-      onKeydown: p,
-      onBlur: l[1] || (l[1] = (a) => t("commit", n.value || null))
-    }, null, 544)), [
-      [_, n.value]
-    ]);
-  }
-}), B = /* @__PURE__ */ k(x, [["__scopeId", "data-v-e0c4ed7c"]]);
-export {
-  B as default
-};

package/dist/FieldRating-BKHUu-A1.js

@@ -1,32 +0,0 @@
-import { defineComponent as v, ref as _, openBlock as o, createElementBlock as r, withKeys as x, Fragment as g, renderList as k, unref as c, withModifiers as y, normalizeClass as b } from "vue";
-import { _ as C } from "./index-DQph5iTq.js";
-const M = ["onMouseenter", "onClick"], $ = /* @__PURE__ */ v({
-  __name: "FieldRating",
-  props: {
-    value: { type: [String, Number, Boolean, Array, null] },
-    field: {}
-  },
-  emits: ["commit", "cancel", "tabNext"],
-  setup(u, { emit: m }) {
-    const s = u, a = m, n = _(0), d = s.field.max ?? 5, f = Number(s.value ?? 0);
-    function p(i) {
-      a("commit", i);
-    }
-    return (i, t) => (o(), r("div", {
-      class: "of-field-rating",
-      onKeydown: t[1] || (t[1] = x((e) => a("cancel"), ["escape"])),
-      tabindex: "0"
-    }, [
-      (o(!0), r(g, null, k(c(d), (e) => (o(), r("span", {
-        key: e,
-        class: b(["of-field-rating__star", { filled: e <= (n.value || c(f)) }]),
-        onMouseenter: (l) => n.value = e,
-        onMouseleave: t[0] || (t[0] = (l) => n.value = 0),
-        onClick: y((l) => p(e), ["stop"])
-      }, "★", 42, M))), 128))
-    ], 32));
-  }
-}), F = /* @__PURE__ */ C($, [["__scopeId", "data-v-58a68101"]]);
-export {
-  F as default
-};

package/dist/FieldUrl-bv0EB9sh.js

@@ -1,34 +0,0 @@
-import { defineComponent as f, ref as i, onMounted as m, nextTick as s, withDirectives as d, openBlock as v, createElementBlock as y, vModelText as _ } from "vue";
-import { _ as k } from "./index-DQph5iTq.js";
-const x = /* @__PURE__ */ f({
-  __name: "FieldUrl",
-  props: {
-    value: { type: [String, Number, Boolean, Array, null] },
-    field: {}
-  },
-  emits: ["commit", "cancel", "tabNext"],
-  setup(u, { emit: a }) {
-    const p = u, t = a, o = i(null), n = i(String(p.value ?? ""));
-    m(() => s(() => {
-      var e;
-      return (e = o.value) == null ? void 0 : e.focus();
-    }));
-    function c(e) {
-      e.key === "Enter" && (e.preventDefault(), t("commit", n.value)), e.key === "Escape" && (e.preventDefault(), t("cancel")), e.key === "Tab" && (e.preventDefault(), t("commit", n.value), t("tabNext"));
-    }
-    return (e, l) => d((v(), y("input", {
-      ref_key: "inputRef",
-      ref: o,
-      class: "of-field-input",
-      type: "url",
-      "onUpdate:modelValue": l[0] || (l[0] = (r) => n.value = r),
-      onKeydown: c,
-      onBlur: l[1] || (l[1] = (r) => t("commit", n.value))
-    }, null, 544)), [
-      [_, n.value]
-    ]);
-  }
-}), D = /* @__PURE__ */ k(x, [["__scopeId", "data-v-8d4527db"]]);
-export {
-  D as default
-};