@btst/plugin-form-builder 0.0.0-stage → 1.0.0

package/dist/ui/src/components/table.cjs

@@ -0,0 +1,89 @@
+'use client';
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils = require('../lib/utils.cjs');
+
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: utils.cn("w-full caption-bottom text-sm", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: utils.cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: utils.cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: utils.cn(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: utils.cn(
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: utils.cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCell = TableCell;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;

package/dist/ui/src/components/table.mjs

@@ -0,0 +1,82 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '../lib/utils.mjs';
+
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: cn("w-full caption-bottom text-sm", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow };

package/dist/ui/src/components/tabs.cjs

@@ -0,0 +1,84 @@
+'use client';
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const TabsPrimitive = require('@radix-ui/react-tabs');
+const utils = require('../lib/utils.cjs');
+
+function _interopNamespaceCompat(e) {
+  if (e && typeof e === 'object' && 'default' in e) return e;
+  const n = Object.create(null);
+  if (e) {
+    for (const k in e) {
+      n[k] = e[k];
+    }
+  }
+  n.default = e;
+  return n;
+}
+
+const TabsPrimitive__namespace = /*#__PURE__*/_interopNamespaceCompat(TabsPrimitive);
+
+function Tabs({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Root,
+    {
+      "data-slot": "tabs",
+      className: utils.cn("flex flex-col gap-2", className),
+      ...props
+    }
+  );
+}
+function TabsList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.List,
+    {
+      "data-slot": "tabs-list",
+      className: utils.cn(
+        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: utils.cn(
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    TabsPrimitive__namespace.Content,
+    {
+      "data-slot": "tabs-content",
+      className: utils.cn("flex-1 outline-none", className),
+      ...props
+    }
+  );
+}
+
+exports.Tabs = Tabs;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;

package/dist/ui/src/components/tabs.mjs

@@ -0,0 +1,65 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { cn } from '../lib/utils.mjs';
+
+function Tabs({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Root,
+    {
+      "data-slot": "tabs",
+      className: cn("flex flex-col gap-2", className),
+      ...props
+    }
+  );
+}
+function TabsList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
+    {
+      "data-slot": "tabs-list",
+      className: cn(
+        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: cn(
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.Content,
+    {
+      "data-slot": "tabs-content",
+      className: cn("flex-1 outline-none", className),
+      ...props
+    }
+  );
+}
+
+export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/ui/src/components/textarea.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils = require('../lib/utils.cjs');
+
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: utils.cn(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.Textarea = Textarea;

package/dist/ui/src/components/textarea.mjs

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { cn } from '../lib/utils.mjs';
+
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: cn(
+        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Textarea };

package/dist/ui/src/lib/schema-converter.cjs

@@ -0,0 +1,133 @@
+'use strict';
+
+const z = require('zod');
+
+function zodToFormSchema(schema, metadata) {
+  const jsonSchema = z.z.toJSONSchema(schema, {
+    unrepresentable: "any",
+    override: (ctx) => {
+      const def = ctx.zodSchema?._zod?.def;
+      if (def?.type === "date") {
+        ctx.jsonSchema.type = "string";
+        ctx.jsonSchema.format = "date-time";
+        const zodSchema = ctx.zodSchema;
+        if (zodSchema.minDate) {
+          ctx.jsonSchema.formatMinimum = zodSchema.minDate;
+        }
+        if (zodSchema.maxDate) {
+          ctx.jsonSchema.formatMaximum = zodSchema.maxDate;
+        }
+      }
+    }
+  });
+  if (metadata?.steps) {
+    jsonSchema.steps = metadata.steps;
+  }
+  if (metadata?.stepGroupMap) {
+    jsonSchema.stepGroupMap = metadata.stepGroupMap;
+  }
+  return jsonSchema;
+}
+function extractStepGroupMap(jsonSchema) {
+  const stepGroupMap = {};
+  const properties = jsonSchema.properties;
+  if (!properties) return stepGroupMap;
+  for (const [fieldName, fieldSchema] of Object.entries(properties)) {
+    if (typeof fieldSchema.stepGroup === "number") {
+      stepGroupMap[fieldName] = fieldSchema.stepGroup;
+    }
+  }
+  return stepGroupMap;
+}
+function findDateFieldsWithConstraints(jsonSchema) {
+  const dateFields = {};
+  const properties = jsonSchema.properties;
+  if (!properties) return dateFields;
+  for (const [key, prop] of Object.entries(properties)) {
+    if (prop.type === "string" && prop.format === "date-time") {
+      if (prop.formatMinimum || prop.formatMaximum) {
+        dateFields[key] = {
+          min: prop.formatMinimum,
+          max: prop.formatMaximum
+        };
+      }
+    }
+  }
+  return dateFields;
+}
+function addDateValidations(schema, dateFieldsWithConstraints) {
+  if (Object.keys(dateFieldsWithConstraints).length === 0) {
+    return schema;
+  }
+  return schema.superRefine((data, ctx) => {
+    for (const [key, constraints] of Object.entries(dateFieldsWithConstraints)) {
+      const value = data[key];
+      if (value === void 0 || value === null || value === "") continue;
+      const dateValue = new Date(value);
+      if (isNaN(dateValue.getTime())) {
+        ctx.addIssue({
+          code: z.z.ZodIssueCode.custom,
+          message: "Invalid date",
+          path: [key]
+        });
+        continue;
+      }
+      if (constraints.min) {
+        const minDate = new Date(constraints.min);
+        if (dateValue < minDate) {
+          ctx.addIssue({
+            code: z.z.ZodIssueCode.custom,
+            message: `Date must be after ${minDate.toLocaleDateString()}`,
+            path: [key]
+          });
+        }
+      }
+      if (constraints.max) {
+        const maxDate = new Date(constraints.max);
+        if (dateValue > maxDate) {
+          ctx.addIssue({
+            code: z.z.ZodIssueCode.custom,
+            message: `Date must be before ${maxDate.toLocaleDateString()}`,
+            path: [key]
+          });
+        }
+      }
+    }
+  });
+}
+function attachStepsMetadata(schema, jsonSchema) {
+  const steps = jsonSchema.steps;
+  if (!steps || steps.length === 0) {
+    return schema;
+  }
+  const stepGroupMap = jsonSchema.stepGroupMap ?? extractStepGroupMap(jsonSchema);
+  return schema.meta({
+    steps,
+    stepGroupMap
+  });
+}
+function formSchemaToZod(jsonSchema) {
+  let schema = z.z.fromJSONSchema(jsonSchema);
+  if (schema && typeof schema.passthrough === "function") {
+    schema = schema.passthrough();
+  }
+  const dateFieldsWithConstraints = findDateFieldsWithConstraints(jsonSchema);
+  schema = addDateValidations(schema, dateFieldsWithConstraints);
+  schema = attachStepsMetadata(schema, jsonSchema);
+  return schema;
+}
+function hasSteps(jsonSchema) {
+  return Array.isArray(jsonSchema.steps) && jsonSchema.steps.length > 0;
+}
+function getSteps(jsonSchema) {
+  return jsonSchema.steps ?? [];
+}
+function getStepGroupMap(jsonSchema) {
+  return jsonSchema.stepGroupMap ?? extractStepGroupMap(jsonSchema);
+}
+
+exports.formSchemaToZod = formSchemaToZod;
+exports.getStepGroupMap = getStepGroupMap;
+exports.getSteps = getSteps;
+exports.hasSteps = hasSteps;
+exports.zodToFormSchema = zodToFormSchema;

package/dist/ui/src/lib/schema-converter.mjs

@@ -0,0 +1,127 @@
+import { z } from 'zod';
+
+function zodToFormSchema(schema, metadata) {
+  const jsonSchema = z.toJSONSchema(schema, {
+    unrepresentable: "any",
+    override: (ctx) => {
+      const def = ctx.zodSchema?._zod?.def;
+      if (def?.type === "date") {
+        ctx.jsonSchema.type = "string";
+        ctx.jsonSchema.format = "date-time";
+        const zodSchema = ctx.zodSchema;
+        if (zodSchema.minDate) {
+          ctx.jsonSchema.formatMinimum = zodSchema.minDate;
+        }
+        if (zodSchema.maxDate) {
+          ctx.jsonSchema.formatMaximum = zodSchema.maxDate;
+        }
+      }
+    }
+  });
+  if (metadata?.steps) {
+    jsonSchema.steps = metadata.steps;
+  }
+  if (metadata?.stepGroupMap) {
+    jsonSchema.stepGroupMap = metadata.stepGroupMap;
+  }
+  return jsonSchema;
+}
+function extractStepGroupMap(jsonSchema) {
+  const stepGroupMap = {};
+  const properties = jsonSchema.properties;
+  if (!properties) return stepGroupMap;
+  for (const [fieldName, fieldSchema] of Object.entries(properties)) {
+    if (typeof fieldSchema.stepGroup === "number") {
+      stepGroupMap[fieldName] = fieldSchema.stepGroup;
+    }
+  }
+  return stepGroupMap;
+}
+function findDateFieldsWithConstraints(jsonSchema) {
+  const dateFields = {};
+  const properties = jsonSchema.properties;
+  if (!properties) return dateFields;
+  for (const [key, prop] of Object.entries(properties)) {
+    if (prop.type === "string" && prop.format === "date-time") {
+      if (prop.formatMinimum || prop.formatMaximum) {
+        dateFields[key] = {
+          min: prop.formatMinimum,
+          max: prop.formatMaximum
+        };
+      }
+    }
+  }
+  return dateFields;
+}
+function addDateValidations(schema, dateFieldsWithConstraints) {
+  if (Object.keys(dateFieldsWithConstraints).length === 0) {
+    return schema;
+  }
+  return schema.superRefine((data, ctx) => {
+    for (const [key, constraints] of Object.entries(dateFieldsWithConstraints)) {
+      const value = data[key];
+      if (value === void 0 || value === null || value === "") continue;
+      const dateValue = new Date(value);
+      if (isNaN(dateValue.getTime())) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Invalid date",
+          path: [key]
+        });
+        continue;
+      }
+      if (constraints.min) {
+        const minDate = new Date(constraints.min);
+        if (dateValue < minDate) {
+          ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            message: `Date must be after ${minDate.toLocaleDateString()}`,
+            path: [key]
+          });
+        }
+      }
+      if (constraints.max) {
+        const maxDate = new Date(constraints.max);
+        if (dateValue > maxDate) {
+          ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            message: `Date must be before ${maxDate.toLocaleDateString()}`,
+            path: [key]
+          });
+        }
+      }
+    }
+  });
+}
+function attachStepsMetadata(schema, jsonSchema) {
+  const steps = jsonSchema.steps;
+  if (!steps || steps.length === 0) {
+    return schema;
+  }
+  const stepGroupMap = jsonSchema.stepGroupMap ?? extractStepGroupMap(jsonSchema);
+  return schema.meta({
+    steps,
+    stepGroupMap
+  });
+}
+function formSchemaToZod(jsonSchema) {
+  let schema = z.fromJSONSchema(jsonSchema);
+  if (schema && typeof schema.passthrough === "function") {
+    schema = schema.passthrough();
+  }
+  const dateFieldsWithConstraints = findDateFieldsWithConstraints(jsonSchema);
+  schema = addDateValidations(schema, dateFieldsWithConstraints);
+  schema = attachStepsMetadata(schema, jsonSchema);
+  return schema;
+}
+function hasSteps(jsonSchema) {
+  return Array.isArray(jsonSchema.steps) && jsonSchema.steps.length > 0;
+}
+function getSteps(jsonSchema) {
+  return jsonSchema.steps ?? [];
+}
+function getStepGroupMap(jsonSchema) {
+  return jsonSchema.stepGroupMap ?? extractStepGroupMap(jsonSchema);
+}
+
+export { formSchemaToZod, getStepGroupMap, getSteps, hasSteps, zodToFormSchema };

package/dist/ui/src/lib/utils.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+const clsx = require('clsx');
+const tailwindMerge = require('tailwind-merge');
+
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+
+exports.cn = cn;

package/dist/ui/src/lib/utils.mjs

@@ -0,0 +1,8 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export { cn };

package/dist/utils.cjs

@@ -0,0 +1,41 @@
+'use strict';
+
+const clsx = require('clsx');
+const tailwindMerge = require('tailwind-merge');
+const slug = require('slug');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+const slug__default = /*#__PURE__*/_interopDefaultCompat(slug);
+
+function slugify(text, locale = "en") {
+  return slug__default(text, { lower: true, locale });
+}
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+function extractIpAddress(headers) {
+  if (!headers) return void 0;
+  const forwardedFor = headers.get("x-forwarded-for");
+  if (forwardedFor) {
+    return forwardedFor.split(",")[0]?.trim();
+  }
+  const realIp = headers.get("x-real-ip");
+  if (realIp) {
+    return realIp.trim();
+  }
+  const cfConnectingIp = headers.get("cf-connecting-ip");
+  if (cfConnectingIp) {
+    return cfConnectingIp.trim();
+  }
+  return void 0;
+}
+function extractUserAgent(headers) {
+  if (!headers) return void 0;
+  return headers.get("user-agent") || void 0;
+}
+
+exports.cn = cn;
+exports.extractIpAddress = extractIpAddress;
+exports.extractUserAgent = extractUserAgent;
+exports.slugify = slugify;