@airoom/nextmin-react 0.1.8 → 1.1.0

package/dist/components/FileUploader.js

@@ -1,4 +1,3 @@
-// packages/nextmin-react/src/components/FileUploader.tsx
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from 'react';

package/dist/components/SchemaForm.js

@@ -180,6 +180,69 @@ function normalizeTimeRangeLoose(value) {
     }
     return {};
 }
+function getJsonGroupSpec(attr) {
+    // 1) Preferred: string field with format: 'json-group'
+    if (attr && typeof attr === 'object' && !Array.isArray(attr)) {
+        const a = attr;
+        const type = String(a.type ?? '').toLowerCase();
+        const fmt = String(a.format ?? '').toLowerCase();
+        if (fmt === 'json-group' &&
+            a.attributes &&
+            typeof a.attributes === 'object') {
+            const spec = {
+                attributes: a.attributes,
+                minItems: a.minItems,
+                maxItems: a.maxItems,
+                label: a.label,
+                required: !!a.required,
+                repeat: !!a.repeat, // repeat => render as repeater
+            };
+            return { kind: spec.repeat ? 'array' : 'single', spec };
+        }
+    }
+    // 2) Back-compat (if you still have it somewhere): array-head style
+    if (Array.isArray(attr) &&
+        attr.length > 0 &&
+        attr[0] &&
+        typeof attr[0] === 'object') {
+        const head = attr[0];
+        const t = String(head.type ?? head.format ?? '').toLowerCase();
+        if ((t === 'json-group' || head.group === true) &&
+            head.attributes &&
+            typeof head.attributes === 'object') {
+            return {
+                kind: 'array',
+                spec: {
+                    attributes: head.attributes,
+                    minItems: head.minItems,
+                    maxItems: head.maxItems,
+                    label: head.label,
+                    required: !!head.required,
+                    repeat: true,
+                },
+            };
+        }
+    }
+    return null;
+}
+function parseJsonGroupValue(raw, kind) {
+    if (raw == null || raw === '')
+        return (kind === 'array' ? [] : {});
+    if (typeof raw === 'string') {
+        try {
+            return JSON.parse(raw);
+        }
+        catch {
+            return (kind === 'array' ? [] : {});
+        }
+    }
+    return raw;
+}
+function toJsonString(v) {
+    if (v == null || v === '')
+        return '';
+    return typeof v === 'string' ? v : JSON.stringify(v);
+}
 /** --------------------------------------------------------------------------------------- **/
 export function SchemaForm({ model, schemaOverride, initialValues, submitLabel = 'Save', busy = false, showReset = true, onSubmit, fieldErrors, }) {
     const mapsKey = useGoogleMapsKey();
@@ -256,7 +319,15 @@ export function SchemaForm({ model, schemaOverride, initialValues, submitLabel =
         e.preventDefault();
         setError(undefined);
         try {
-            const { createdAt, updatedAt, baseId, exId, __childId, ...payload } = form;
+            const { createdAt, updatedAt, baseId, exId, __childId, ...rest } = form;
+            const payload = { ...rest };
+            if (schema) {
+                for (const [fname, fattr] of Object.entries(schema.attributes)) {
+                    const jg = getJsonGroupSpec(fattr);
+                    if (jg)
+                        payload[fname] = toJsonString(payload[fname]);
+                }
+            }
             await onSubmit(payload);
         }
         catch (err) {
@@ -279,6 +350,41 @@ export function SchemaForm({ model, schemaOverride, initialValues, submitLabel =
     };
     return (_jsxs(Form, { className: gridClass, onSubmit: handleSubmit, onReset: handleReset, validationBehavior: "native", encType: "multipart/form-data", children: [fields.map(({ name, attr }) => {
                 const colClass = 'col-span-1';
+                const jsonGroup = getJsonGroupSpec(attr);
+                if (jsonGroup?.kind === 'array') {
+                    const { spec } = jsonGroup;
+                    const itemSchema = spec.attributes;
+                    const items = Array.isArray(form[name])
+                        ? form[name]
+                        : parseJsonGroupValue(form[name], 'array');
+                    const canAdd = spec.maxItems == null || items.length < spec.maxItems;
+                    const canRemove = spec.minItems == null || items.length > spec.minItems;
+                    return (_jsxs("div", { className: "col-span-2", children: [_jsxs("label", { className: "text-sm font-medium", children: [attr?.label || spec.label || formatLabel(name), attr?.required ? ' *' : ''] }), _jsxs("div", { className: "flex flex-col gap-4 mt-2", children: [items.map((it, idx) => (_jsxs("div", { className: "grid grid-cols-2 gap-3 p-3 rounded-lg border border-default-200", children: [Object.entries(itemSchema).map(([k, a]) => (_jsx(Input, { variant: "bordered", classNames: inputClassNames, id: `${name}-${idx}-${k}`, name: `${name}.${idx}.${k}`, label: a?.label ?? formatLabel(k), labelPlacement: "outside-top", type: "text", value: typeof it?.[k] === 'string' ? it[k] : '', onChange: (e) => {
+                                                    const next = items.slice();
+                                                    next[idx] = {
+                                                        ...(next[idx] || {}),
+                                                        [k]: e.target.value,
+                                                    };
+                                                    handleChange(name, next);
+                                                }, isDisabled: busy, description: a?.description, className: "w-full", isRequired: !!a?.required }, `${name}-${idx}-${k}`))), _jsx("div", { className: "col-span-2 flex justify-between", children: _jsx(Button, { size: "sm", variant: "flat", color: "danger", isDisabled: !canRemove, onPress: () => {
+                                                        const next = items.slice();
+                                                        next.splice(idx, 1);
+                                                        handleChange(name, next);
+                                                    }, children: "Remove" }) })] }, idx))), _jsxs(Button, { size: "sm", variant: "solid", isDisabled: !canAdd, onPress: () => handleChange(name, [...items, {}]), children: ["Add ", attr?.label || spec.label || 'Item'] })] })] }, name));
+                }
+                if (jsonGroup?.kind === 'single') {
+                    const { spec } = jsonGroup;
+                    const itemSchema = spec.attributes;
+                    const obj = form[name] &&
+                        typeof form[name] === 'object' &&
+                        !Array.isArray(form[name])
+                        ? form[name]
+                        : parseJsonGroupValue(form[name], 'single');
+                    return (_jsxs("div", { className: "col-span-2", children: [_jsxs("label", { className: "text-sm font-medium", children: [attr?.label || spec.label || formatLabel(name), attr?.required ? ' *' : ''] }), _jsx("div", { className: "grid grid-cols-2 gap-3 p-3 rounded-lg border border-default-200 mt-2", children: Object.entries(itemSchema).map(([k, a]) => (_jsx(Input, { variant: "bordered", classNames: inputClassNames, id: `${name}-${k}`, name: `${name}.${k}`, label: a?.label ?? formatLabel(k), labelPlacement: "outside-top", type: "text", value: typeof obj?.[k] === 'string' ? obj[k] : '', onChange: (e) => {
+                                        const next = { ...(obj || {}), [k]: e.target.value };
+                                        handleChange(name, next);
+                                    }, isDisabled: busy, description: a?.description, className: "w-full", isRequired: !!a?.required }, `${name}-${k}`))) })] }, name));
+                }
                 // --- 1) Array of references → multi select (1 column)
                 const refArray = getRefArraySpec(attr);
                 if (refArray) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@airoom/nextmin-react",
-  "version": "0.1.8",
+  "version": "1.1.0",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",