@cisri/json-schema-ui-editor 1.0.0

package/README.md

@@ -0,0 +1,60 @@
+# @cisri/json-schema-ui-editor
+
+A visual uiSchema editor for `@cisri/json-schema-form`. Renders a live form preview and lets the user configure each field's `ui:*` properties inline (RJSF-style uiSchema). Emits the updated `uiSchema` via `onChange`; never modifies the `schema`.
+
+> 与 `@cisri/json-schema-form`（编辑 JSON 数据）不同，本组件的输入是 schema + uiSchema，产出是 **uiSchema**。
+
+## 安装
+
+```bash
+npm install @cisri/json-schema-ui-editor
+```
+
+## Peer Dependencies
+
+```bash
+npm install react react-dom lucide-react @dnd-kit/core @dnd-kit/sortable @dnd-kit/modifiers @dnd-kit/utilities
+```
+
+Radix/cva/clsx/tailwind-merge 由 `@cisri/shadcn` 与 `@cisri/core` 间接 peer（按其说明安装）。
+
+## 使用
+
+```tsx
+import { useState } from 'react';
+import { JsonSchemaUiEditor } from '@cisri/json-schema-ui-editor';
+import { generateDefaultUiSchema } from '@cisri/json-schema-ui-core';
+
+const schema = {
+  type: 'object',
+  properties: { name: { type: 'string', title: 'Name' }, age: { type: 'integer', title: 'Age' } },
+};
+
+export default function App() {
+  const [uiSchema, setUiSchema] = useState(() => generateDefaultUiSchema(schema));
+  return (
+    <JsonSchemaUiEditor
+      schema={schema}
+      uiSchema={uiSchema}
+      onChange={setUiSchema}
+      formData={{ name: '', age: 0 }}
+    />
+  );
+}
+```
+
+## 交互
+
+每个字段右侧出现「配置」按钮，点击弹出面板：widget 下拉、label（含隐藏）、help、placeholder、hidden/disabled/readonly 开关、classNames。对象字段额外可拖曳调整字段顺序（`ui:order`）。改动实时反映在预览表单，并经 `onChange` 产出最新 `uiSchema`。
+
+## Tailwind 配置
+
+```ts
+content: [
+  './node_modules/@cisri/*/dist/**/*.{js,cjs}',
+];
+```
+
+## CSS 变量
+
+使用 shadcn/ui 标准 CSS 变量，可通过覆盖 `:root` 自定义主题。

package/dist/field-config-panel.d.ts

@@ -0,0 +1,9 @@
+import type { JsonSchema } from '@cisri/json-schema-core';
+import type { UiSchema } from '@cisri/json-schema-ui-core';
+export interface FieldConfigPanelProps {
+    schema: JsonSchema;
+    uiField: UiSchema | undefined;
+    onPatch: (patch: Partial<UiSchema>) => void;
+}
+export declare function FieldConfigPanel({ schema, uiField, onPatch }: FieldConfigPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=field-config-panel.d.ts.map

package/dist/field-config-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-config-panel.d.ts","sourceRoot":"","sources":["../src/field-config-panel.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAY,MAAM,4BAA4B,CAAC;AAkErE,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,UAAU,CAAC;IACnB,OAAO,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC9B,OAAO,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,qBAAqB,+BAsHnF"}

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),t=require("@cisri/shadcn"),j=require("lucide-react"),v=require("@cisri/core"),C=require("@cisri/json-schema-form"),N=require("@cisri/json-schema-ui-core"),d=require("@dnd-kit/core"),p=require("@dnd-kit/sortable"),w=require("@dnd-kit/modifiers"),L=require("@dnd-kit/utilities");function k(s){return s.enum?!0:s.type==="string"||s.type==="number"||s.type==="integer"||s.type==="boolean"}function q(s){if(s.enum)return["select","radio","hidden"];switch(s.type){case"string":return["text","textarea","password","color","date","hidden"];case"number":case"integer":return["updown","range","hidden"];case"boolean":return["checkbox","radio","hidden"];default:return[]}}function O(s,r,a){const l=s.indexOf(r),c=s.indexOf(a);if(l===-1||c===-1||l===c)return s;const o=[...s],[i]=o.splice(l,1);return o.splice(c,0,i),o}function V({name:s}){const{attributes:r,listeners:a,setNodeRef:l,transform:c,transition:o,isDragging:i}=p.useSortable({id:s});return e.jsxs("div",{ref:l,style:{transform:L.CSS.Transform.toString(c),transition:o},className:v.cn("flex items-center gap-2 rounded border border-border px-2 py-1",i&&"opacity-50"),children:[e.jsx("button",{type:"button",className:"flex h-6 w-6 cursor-grab items-center justify-center text-muted-foreground active:cursor-grabbing","aria-label":`拖动字段 ${s}`,...r,...a,children:e.jsx(j.GripVertical,{className:"pointer-events-none h-4 w-4"})}),e.jsx("span",{className:"text-sm",children:s})]})}function I({order:s,onReorder:r}){const a=d.useSensors(d.useSensor(d.PointerSensor,{activationConstraint:{distance:5}}),d.useSensor(d.KeyboardSensor,{coordinateGetter:p.sortableKeyboardCoordinates})),l=c=>{const{active:o,over:i}=c;!i||o.id===i.id||r(O(s,String(o.id),String(i.id)))};return e.jsx(d.DndContext,{sensors:a,collisionDetection:d.closestCenter,modifiers:[w.restrictToVerticalAxis],onDragEnd:l,children:e.jsx(p.SortableContext,{items:s,strategy:p.verticalListSortingStrategy,children:e.jsx("div",{className:"space-y-1",children:s.map(c=>e.jsx(V,{name:c},c))})})})}function D({schema:s,uiField:r,onPatch:a}){const l=k(s),c=s.type==="object"&&!!s.properties,o=q(s),i=typeof(r==null?void 0:r["ui:label"])=="string"?r["ui:label"]:"",g=(r==null?void 0:r["ui:label"])===!1;return e.jsxs("div",{className:"space-y-3",children:[o.length>0&&e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{htmlFor:"ui-cfg-widget",children:"Widget"}),e.jsxs(t.Select,{value:(r==null?void 0:r["ui:widget"])??o[0],onValueChange:n=>a({"ui:widget":n}),children:[e.jsx(t.SelectTrigger,{id:"ui-cfg-widget","aria-label":"widget",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:o.map(n=>e.jsx(t.SelectItem,{value:n,children:n},n))})]})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{htmlFor:"ui-cfg-label",children:"Label"}),e.jsx(t.Input,{id:"ui-cfg-label",autoComplete:"off",value:i,onChange:n=>a({"ui:label":n.target.value||void 0})})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Switch,{id:"ui-cfg-hide-label","aria-label":"隐藏 label",checked:g,onCheckedChange:n=>a({"ui:label":n?!1:void 0})}),e.jsx(t.Label,{htmlFor:"ui-cfg-hide-label",children:"隐藏 label"})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{htmlFor:"ui-cfg-help",children:"Help"}),e.jsx(t.Input,{id:"ui-cfg-help",autoComplete:"off",value:(r==null?void 0:r["ui:help"])??"",onChange:n=>a({"ui:help":n.target.value||void 0})})]}),l&&e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{htmlFor:"ui-cfg-placeholder",children:"Placeholder"}),e.jsx(t.Input,{id:"ui-cfg-placeholder",autoComplete:"off",value:(r==null?void 0:r["ui:placeholder"])??"",onChange:n=>a({"ui:placeholder":n.target.value||void 0})})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Switch,{id:"ui-cfg-hidden","aria-label":"隐藏字段",checked:(r==null?void 0:r["ui:hidden"])===!0,onCheckedChange:n=>a({"ui:hidden":n})}),e.jsx(t.Label,{htmlFor:"ui-cfg-hidden",children:"隐藏字段"})]}),l&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Switch,{id:"ui-cfg-disabled","aria-label":"禁用",checked:(r==null?void 0:r["ui:disabled"])===!0,onCheckedChange:n=>a({"ui:disabled":n})}),e.jsx(t.Label,{htmlFor:"ui-cfg-disabled",children:"禁用"})]}),l&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Switch,{id:"ui-cfg-readonly","aria-label":"只读",checked:(r==null?void 0:r["ui:readonly"])===!0,onCheckedChange:n=>a({"ui:readonly":n})}),e.jsx(t.Label,{htmlFor:"ui-cfg-readonly",children:"只读"})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{htmlFor:"ui-cfg-classnames",children:"Class names"}),e.jsx(t.Input,{id:"ui-cfg-classnames",autoComplete:"off",value:(r==null?void 0:r["ui:classNames"])??"",onChange:n=>a({"ui:classNames":n.target.value||void 0})})]}),c&&e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{children:"字段顺序"}),e.jsx(I,{order:(r==null?void 0:r["ui:order"])??Object.keys(s.properties),onReorder:n=>a({"ui:order":n})})]})]})}function T({schema:s,uiSchema:r,onChange:a,formData:l,readOnly:c,className:o}){const[i,g]=x.useState(null),[n,y]=x.useState(l),f=x.useCallback((h,u)=>{a(N.setUiField(r,h,u))},[a,r]),S=x.useCallback(h=>{if(c)return null;const u=h.path.join(".");return e.jsxs(t.Popover,{open:i===u,onOpenChange:b=>g(b?u:m=>m===u?null:m),children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsx("button",{type:"button",className:"inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-muted","aria-label":`配置字段 ${u}`,children:e.jsx(j.Settings2,{className:"h-4 w-4"})})}),e.jsx(t.PopoverContent,{align:"start",children:e.jsx(D,{schema:h.schema,uiField:h.uiSchema,onPatch:b=>f(h.path,b)})})]})},[c,i,f]);return e.jsx("div",{className:v.cn("space-y-3",o),children:e.jsx(C.JsonSchemaForm,{schema:s,uiSchema:r,value:n,onChange:y,renderFieldActions:S})})}exports.JsonSchemaUiEditor=T;

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { JsonSchemaUiEditor } from './json-schema-ui-editor';
+export type { JsonSchemaUiEditorProps } from './json-schema-ui-editor';
+export type { UiSchema, UiWidget } from '@cisri/json-schema-ui-core';
+export type { JsonSchema } from '@cisri/json-schema-core';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,YAAY,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACvE,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACrE,YAAY,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/index.js

@@ -0,0 +1,266 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { useState as y, useCallback as C } from "react";
+import { Label as d, Select as k, SelectTrigger as O, SelectValue as j, SelectContent as V, SelectItem as D, Input as p, Switch as f, Popover as L, PopoverTrigger as E, PopoverContent as K } from "@cisri/shadcn";
+import { GripVertical as T, Settings2 as I } from "lucide-react";
+import { cn as N } from "@cisri/core";
+import { JsonSchemaForm as A } from "@cisri/json-schema-form";
+import { setUiField as G } from "@cisri/json-schema-ui-core";
+import { useSensors as J, useSensor as S, PointerSensor as R, KeyboardSensor as U, DndContext as $, closestCenter as H } from "@dnd-kit/core";
+import { sortableKeyboardCoordinates as P, SortableContext as W, verticalListSortingStrategy as q, useSortable as z } from "@dnd-kit/sortable";
+import { restrictToVerticalAxis as B } from "@dnd-kit/modifiers";
+import { CSS as M } from "@dnd-kit/utilities";
+function Q(t) {
+  return t.enum ? !0 : t.type === "string" || t.type === "number" || t.type === "integer" || t.type === "boolean";
+}
+function X(t) {
+  if (t.enum) return ["select", "radio", "hidden"];
+  switch (t.type) {
+    case "string":
+      return ["text", "textarea", "password", "color", "date", "hidden"];
+    case "number":
+    case "integer":
+      return ["updown", "range", "hidden"];
+    case "boolean":
+      return ["checkbox", "radio", "hidden"];
+    default:
+      return [];
+  }
+}
+function Y(t, e, a) {
+  const l = t.indexOf(e), o = t.indexOf(a);
+  if (l === -1 || o === -1 || l === o) return t;
+  const s = [...t], [i] = s.splice(l, 1);
+  return s.splice(o, 0, i), s;
+}
+function Z({ name: t }) {
+  const { attributes: e, listeners: a, setNodeRef: l, transform: o, transition: s, isDragging: i } = z({ id: t });
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ref: l,
+      style: { transform: M.Transform.toString(o), transition: s },
+      className: N(
+        "flex items-center gap-2 rounded border border-border px-2 py-1",
+        i && "opacity-50"
+      ),
+      children: [
+        /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            className: "flex h-6 w-6 cursor-grab items-center justify-center text-muted-foreground active:cursor-grabbing",
+            "aria-label": `拖动字段 ${t}`,
+            ...e,
+            ...a,
+            children: /* @__PURE__ */ r(T, { className: "pointer-events-none h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ r("span", { className: "text-sm", children: t })
+      ]
+    }
+  );
+}
+function _({ order: t, onReorder: e }) {
+  const a = J(
+    S(R, { activationConstraint: { distance: 5 } }),
+    S(U, { coordinateGetter: P })
+  );
+  return /* @__PURE__ */ r(
+    $,
+    {
+      sensors: a,
+      collisionDetection: H,
+      modifiers: [B],
+      onDragEnd: (o) => {
+        const { active: s, over: i } = o;
+        !i || s.id === i.id || e(Y(t, String(s.id), String(i.id)));
+      },
+      children: /* @__PURE__ */ r(W, { items: t, strategy: q, children: /* @__PURE__ */ r("div", { className: "space-y-1", children: t.map((o) => /* @__PURE__ */ r(Z, { name: o }, o)) }) })
+    }
+  );
+}
+function F({ schema: t, uiField: e, onPatch: a }) {
+  const l = Q(t), o = t.type === "object" && !!t.properties, s = X(t), i = typeof (e == null ? void 0 : e["ui:label"]) == "string" ? e["ui:label"] : "", g = (e == null ? void 0 : e["ui:label"]) === !1;
+  return /* @__PURE__ */ c("div", { className: "space-y-3", children: [
+    s.length > 0 && /* @__PURE__ */ c("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ r(d, { htmlFor: "ui-cfg-widget", children: "Widget" }),
+      /* @__PURE__ */ c(
+        k,
+        {
+          value: (e == null ? void 0 : e["ui:widget"]) ?? s[0],
+          onValueChange: (n) => a({ "ui:widget": n }),
+          children: [
+            /* @__PURE__ */ r(O, { id: "ui-cfg-widget", "aria-label": "widget", children: /* @__PURE__ */ r(j, {}) }),
+            /* @__PURE__ */ r(V, { children: s.map((n) => /* @__PURE__ */ r(D, { value: n, children: n }, n)) })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ r(d, { htmlFor: "ui-cfg-label", children: "Label" }),
+      /* @__PURE__ */ r(
+        p,
+        {
+          id: "ui-cfg-label",
+          autoComplete: "off",
+          value: i,
+          onChange: (n) => a({ "ui:label": n.target.value || void 0 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ r(
+        f,
+        {
+          id: "ui-cfg-hide-label",
+          "aria-label": "隐藏 label",
+          checked: g,
+          onCheckedChange: (n) => a({ "ui:label": n ? !1 : void 0 })
+        }
+      ),
+      /* @__PURE__ */ r(d, { htmlFor: "ui-cfg-hide-label", children: "隐藏 label" })
+    ] }),
+    /* @__PURE__ */ c("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ r(d, { htmlFor: "ui-cfg-help", children: "Help" }),
+      /* @__PURE__ */ r(
+        p,
+        {
+          id: "ui-cfg-help",
+          autoComplete: "off",
+          value: (e == null ? void 0 : e["ui:help"]) ?? "",
+          onChange: (n) => a({ "ui:help": n.target.value || void 0 })
+        }
+      )
+    ] }),
+    l && /* @__PURE__ */ c("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ r(d, { htmlFor: "ui-cfg-placeholder", children: "Placeholder" }),
+      /* @__PURE__ */ r(
+        p,
+        {
+          id: "ui-cfg-placeholder",
+          autoComplete: "off",
+          value: (e == null ? void 0 : e["ui:placeholder"]) ?? "",
+          onChange: (n) => a({ "ui:placeholder": n.target.value || void 0 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ r(
+        f,
+        {
+          id: "ui-cfg-hidden",
+          "aria-label": "隐藏字段",
+          checked: (e == null ? void 0 : e["ui:hidden"]) === !0,
+          onCheckedChange: (n) => a({ "ui:hidden": n })
+        }
+      ),
+      /* @__PURE__ */ r(d, { htmlFor: "ui-cfg-hidden", children: "隐藏字段" })
+    ] }),
+    l && /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ r(
+        f,
+        {
+          id: "ui-cfg-disabled",
+          "aria-label": "禁用",
+          checked: (e == null ? void 0 : e["ui:disabled"]) === !0,
+          onCheckedChange: (n) => a({ "ui:disabled": n })
+        }
+      ),
+      /* @__PURE__ */ r(d, { htmlFor: "ui-cfg-disabled", children: "禁用" })
+    ] }),
+    l && /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ r(
+        f,
+        {
+          id: "ui-cfg-readonly",
+          "aria-label": "只读",
+          checked: (e == null ? void 0 : e["ui:readonly"]) === !0,
+          onCheckedChange: (n) => a({ "ui:readonly": n })
+        }
+      ),
+      /* @__PURE__ */ r(d, { htmlFor: "ui-cfg-readonly", children: "只读" })
+    ] }),
+    /* @__PURE__ */ c("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ r(d, { htmlFor: "ui-cfg-classnames", children: "Class names" }),
+      /* @__PURE__ */ r(
+        p,
+        {
+          id: "ui-cfg-classnames",
+          autoComplete: "off",
+          value: (e == null ? void 0 : e["ui:classNames"]) ?? "",
+          onChange: (n) => a({ "ui:classNames": n.target.value || void 0 })
+        }
+      )
+    ] }),
+    o && /* @__PURE__ */ c("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ r(d, { children: "字段顺序" }),
+      /* @__PURE__ */ r(
+        _,
+        {
+          order: (e == null ? void 0 : e["ui:order"]) ?? Object.keys(t.properties),
+          onReorder: (n) => a({ "ui:order": n })
+        }
+      )
+    ] })
+  ] });
+}
+function he({
+  schema: t,
+  uiSchema: e,
+  onChange: a,
+  formData: l,
+  readOnly: o,
+  className: s
+}) {
+  const [i, g] = y(null), [n, x] = y(l), b = C(
+    (h, m) => {
+      a(G(e, h, m));
+    },
+    [a, e]
+  ), w = C(
+    (h) => {
+      if (o) return null;
+      const m = h.path.join(".");
+      return /* @__PURE__ */ c(
+        L,
+        {
+          open: i === m,
+          onOpenChange: (u) => g(u ? m : (v) => v === m ? null : v),
+          children: [
+            /* @__PURE__ */ r(E, { asChild: !0, children: /* @__PURE__ */ r(
+              "button",
+              {
+                type: "button",
+                className: "inline-flex h-6 w-6 items-center justify-center rounded text-muted-foreground hover:bg-muted",
+                "aria-label": `配置字段 ${m}`,
+                children: /* @__PURE__ */ r(I, { className: "h-4 w-4" })
+              }
+            ) }),
+            /* @__PURE__ */ r(K, { align: "start", children: /* @__PURE__ */ r(
+              F,
+              {
+                schema: h.schema,
+                uiField: h.uiSchema,
+                onPatch: (u) => b(h.path, u)
+              }
+            ) })
+          ]
+        }
+      );
+    },
+    [o, i, b]
+  );
+  return /* @__PURE__ */ r("div", { className: N("space-y-3", s), children: /* @__PURE__ */ r(
+    A,
+    {
+      schema: t,
+      uiSchema: e,
+      value: n,
+      onChange: x,
+      renderFieldActions: w
+    }
+  ) });
+}
+export {
+  he as JsonSchemaUiEditor
+};

package/dist/json-schema-ui-editor.d.ts

@@ -0,0 +1,12 @@
+import type { JsonSchema } from '@cisri/json-schema-core';
+import { type UiSchema } from '@cisri/json-schema-ui-core';
+export interface JsonSchemaUiEditorProps {
+    schema: JsonSchema;
+    uiSchema: UiSchema;
+    onChange: (uiSchema: UiSchema) => void;
+    formData?: unknown;
+    readOnly?: boolean;
+    className?: string;
+}
+export declare function JsonSchemaUiEditor({ schema, uiSchema, onChange, formData, readOnly, className, }: JsonSchemaUiEditorProps): import("react").JSX.Element;
+//# sourceMappingURL=json-schema-ui-editor.d.ts.map

package/dist/json-schema-ui-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-schema-ui-editor.d.ts","sourceRoot":"","sources":["../src/json-schema-ui-editor.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAGvE,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,UAAU,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,uBAAuB,+BAuDzB"}

package/dist/ui-editor-utils.d.ts

@@ -0,0 +1,6 @@
+import type { JsonSchema } from '@cisri/json-schema-core';
+import type { UiWidget } from '@cisri/json-schema-ui-core';
+export declare function isPrimitiveField(schema: JsonSchema): boolean;
+export declare function widgetsForSchema(schema: JsonSchema): UiWidget[];
+export declare function reorderOrder(order: string[], activeId: string, overId: string): string[];
+//# sourceMappingURL=ui-editor-utils.d.ts.map

package/dist/ui-editor-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-editor-utils.d.ts","sourceRoot":"","sources":["../src/ui-editor-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAE3D,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,UAAU,GAAG,OAAO,CAQ5D;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,UAAU,GAAG,QAAQ,EAAE,CAa/D;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,CAQxF"}

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@cisri/json-schema-ui-editor",
+  "version": "1.0.0",
+  "description": "Visual uiSchema editor for @cisri/json-schema-form (RJSF-style per-field UI config)",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@cisri/core": "1.0.0",
+    "@cisri/json-schema-core": "1.0.0",
+    "@cisri/json-schema-ui-core": "1.0.0",
+    "@cisri/json-schema-form": "1.0.0",
+    "@cisri/shadcn": "1.0.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "lucide-react": "^0.300.0",
+    "@dnd-kit/core": "^6.0.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@dnd-kit/modifiers": "^7.0.0",
+    "@dnd-kit/utilities": "^3.2.0"
+  },
+  "peerDependenciesMeta": {
+    "lucide-react": {
+      "optional": false
+    },
+    "@dnd-kit/core": {
+      "optional": false
+    },
+    "@dnd-kit/sortable": {
+      "optional": false
+    },
+    "@dnd-kit/modifiers": {
+      "optional": false
+    },
+    "@dnd-kit/utilities": {
+      "optional": false
+    }
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.4.0",
+    "@testing-library/react": "^15.0.0",
+    "@testing-library/user-event": "^14.5.0",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "jsdom": "^24.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.11",
+    "vitest": "^1.6.0",
+    "@vitejs/plugin-react": "^4.2.0"
+  },
+  "scripts": {
+    "build": "tsc && vite build",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  }
+}