@btst/stack 1.5.0 → 1.5.2

package/dist/packages/ui/src/components/{ui/auto-form → auto-form}/fields/object.mjs

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '../../../accordion.mjs';
-import { FormField } from '../../../form.mjs';
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '../../accordion.mjs';
+import { FormField } from '../../form.mjs';
 import { useFormContext } from 'react-hook-form';
 import * as z from 'zod';
 import { DEFAULT_ZOD_HANDLERS, INPUT_COMPONENTS } from '../config.mjs';
-import { getBaseSchema, sortFieldsByOrder, getBaseType, getSchemaDescription, beautifyObjectName, zodToHtmlInputProps } from '../utils.mjs';
+import { getBaseSchema, sortFieldsByOrder, getBaseType, beautifyObjectName, zodToHtmlInputProps } from '../utils.mjs';
 import AutoFormArray from './array.mjs';
 import resolveDependencies from '../dependencies.mjs';
 
@@ -44,7 +44,7 @@ function AutoFormObject({
     let item = shape[name];
     item = handleIfZodNumber(item);
     const zodBaseType = getBaseType(item);
-    const itemName = getSchemaDescription(item) ?? beautifyObjectName(name);
+    const itemName = beautifyObjectName(name);
     const key = [...path, name].join(".");
     const {
       isHidden,
@@ -84,7 +84,10 @@ function AutoFormObject({
     }
     const fieldConfigItem = fieldConfig?.[name] ?? {};
     const zodInputProps = zodToHtmlInputProps(item);
-    const isRequired = isRequiredByDependency || zodInputProps.required || fieldConfigItem.inputProps?.required || false;
+    let isRequired = isRequiredByDependency || zodInputProps.required || false;
+    if (fieldConfigItem.inputProps?.required !== void 0) {
+      isRequired = fieldConfigItem.inputProps.required;
+    }
     if (overrideOptions) {
       item = z.enum(overrideOptions);
     }

package/dist/packages/ui/src/components/{ui/auto-form → auto-form}/fields/radio-group.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const form = require('../../../form.cjs');
-const radioGroup = require('../../../radio-group.cjs');
+const form = require('../../form.cjs');
+const radioGroup = require('../../radio-group.cjs');
 const label = require('../common/label.cjs');
 const tooltip = require('../common/tooltip.cjs');
 const utils = require('../utils.cjs');

package/dist/packages/ui/src/components/{ui/auto-form → auto-form}/fields/radio-group.mjs

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { FormItem, FormControl, FormLabel, FormMessage } from '../../../form.mjs';
-import { RadioGroup, RadioGroupItem } from '../../../radio-group.mjs';
+import { FormItem, FormControl, FormLabel, FormMessage } from '../../form.mjs';
+import { RadioGroup, RadioGroupItem } from '../../radio-group.mjs';
 import AutoFormLabel from '../common/label.mjs';
 import AutoFormTooltip from '../common/tooltip.mjs';
 import { getBaseSchema } from '../utils.mjs';

package/dist/packages/ui/src/components/{ui/auto-form → auto-form}/fields/switch.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const form = require('../../../form.cjs');
-const _switch = require('../../../switch.cjs');
+const form = require('../../form.cjs');
+const _switch = require('../../switch.cjs');
 const label = require('../common/label.cjs');
 const tooltip = require('../common/tooltip.cjs');
 

package/dist/packages/ui/src/components/{ui/auto-form → auto-form}/fields/switch.mjs

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { FormItem, FormControl } from '../../../form.mjs';
-import { Switch } from '../../../switch.mjs';
+import { FormItem, FormControl } from '../../form.mjs';
+import { Switch } from '../../switch.mjs';
 import AutoFormLabel from '../common/label.mjs';
 import AutoFormTooltip from '../common/tooltip.mjs';
 

package/dist/packages/ui/src/components/{ui/auto-form → auto-form}/fields/textarea.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const form = require('../../../form.cjs');
-const textarea = require('../../../textarea.cjs');
+const form = require('../../form.cjs');
+const textarea = require('../../textarea.cjs');
 const label = require('../common/label.cjs');
 const tooltip = require('../common/tooltip.cjs');
 

package/dist/packages/ui/src/components/{ui/auto-form → auto-form}/fields/textarea.mjs

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { FormItem, FormControl, FormMessage } from '../../../form.mjs';
-import { Textarea } from '../../../textarea.mjs';
+import { FormItem, FormControl, FormMessage } from '../../form.mjs';
+import { Textarea } from '../../textarea.mjs';
 import AutoFormLabel from '../common/label.mjs';
 import AutoFormTooltip from '../common/tooltip.mjs';
 

package/dist/packages/ui/src/components/{ui/auto-form → auto-form}/index.cjs

@@ -4,11 +4,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const jsxRuntime = require('react/jsx-runtime');
-const form = require('../../form.cjs');
+const form = require('../form.cjs');
 const React = require('react');
 const reactHookForm = require('react-hook-form');
-const button = require('../../button.cjs');
-const utils$1 = require('../../../lib/utils.cjs');
+const button = require('../button.cjs');
+const utils$1 = require('../../lib/utils.cjs');
 const zod = require('@hookform/resolvers/zod');
 const object = require('./fields/object.cjs');
 const utils = require('./utils.cjs');

package/dist/packages/ui/src/components/{ui/auto-form → auto-form}/index.mjs

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Form } from '../../form.mjs';
+import { Form } from '../form.mjs';
 import React__default from 'react';
 import { useForm } from 'react-hook-form';
-import { Button } from '../../button.mjs';
-import { cn } from '../../../lib/utils.mjs';
+import { Button } from '../button.mjs';
+import { cn } from '../../lib/utils.mjs';
 import { zodResolver } from '@hookform/resolvers/zod';
 import AutoFormObject from './fields/object.mjs';
 import { getObjectFormSchema, getDefaultValues } from './utils.mjs';

package/dist/packages/ui/src/components/auto-form/utils.cjs

@@ -0,0 +1,306 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const z = require('zod');
+
+const BUILTIN_FIELD_TYPES = [
+  "checkbox",
+  "date",
+  "select",
+  "radio",
+  "switch",
+  "textarea",
+  "number",
+  "fallback"
+];
+function getDefTypeName(schema) {
+  const def = schema._zod?.def;
+  return def?.type || "";
+}
+function beautifyObjectName(string) {
+  let output = string.replace(/([A-Z])/g, " $1");
+  output = output.charAt(0).toUpperCase() + output.slice(1);
+  return output;
+}
+function getBaseSchema(schema) {
+  if (!schema) return null;
+  const def = schema._zod?.def;
+  if (!def) return schema;
+  if (def.innerType) {
+    return getBaseSchema(def.innerType);
+  }
+  if (def.out) {
+    return getBaseSchema(def.out);
+  }
+  if (def.schema) {
+    return getBaseSchema(def.schema);
+  }
+  return schema;
+}
+function getBaseType(schema) {
+  const baseSchema = getBaseSchema(schema);
+  if (!baseSchema) return "";
+  const typeName = getDefTypeName(baseSchema);
+  const typeMap = {
+    object: "ZodObject",
+    array: "ZodArray",
+    string: "ZodString",
+    number: "ZodNumber",
+    int: "ZodNumber",
+    float: "ZodNumber",
+    boolean: "ZodBoolean",
+    date: "ZodDate",
+    enum: "ZodEnum",
+    nativeEnum: "ZodNativeEnum",
+    literal: "ZodLiteral",
+    union: "ZodUnion"
+  };
+  return typeMap[typeName] || typeName;
+}
+function getDefaultValueInZodStack(schema) {
+  const def = schema._zod?.def;
+  if (!def) return void 0;
+  if (def.type === "default") {
+    const defaultValue = def.defaultValue;
+    if (typeof defaultValue === "function") {
+      return defaultValue();
+    }
+    return defaultValue;
+  }
+  if (def.innerType) {
+    return getDefaultValueInZodStack(def.innerType);
+  }
+  if (def.schema) {
+    return getDefaultValueInZodStack(def.schema);
+  }
+  return void 0;
+}
+function getDefaultValues(schema, fieldConfig) {
+  if (!schema) return null;
+  const { shape } = schema;
+  const defaultValues = {};
+  if (!shape) return defaultValues;
+  for (const key of Object.keys(shape)) {
+    const item = shape[key];
+    if (getBaseType(item) === "ZodObject") {
+      const defaultItems = getDefaultValues(
+        getBaseSchema(item),
+        fieldConfig?.[key]
+      );
+      if (defaultItems !== null) {
+        for (const defaultItemKey of Object.keys(defaultItems)) {
+          const pathKey = `${key}.${defaultItemKey}`;
+          defaultValues[pathKey] = defaultItems[defaultItemKey];
+        }
+      }
+    } else {
+      let defaultValue = getDefaultValueInZodStack(item);
+      if ((defaultValue === void 0 || defaultValue === null || defaultValue === "") && fieldConfig?.[key]?.inputProps) {
+        defaultValue = (fieldConfig?.[key]?.inputProps).defaultValue;
+      }
+      if (defaultValue !== void 0) {
+        defaultValues[key] = defaultValue;
+      }
+    }
+  }
+  return defaultValues;
+}
+function getObjectFormSchema(schema) {
+  if (!schema) return schema;
+  const def = schema._zod?.def;
+  if (!def) return schema;
+  if (def.type === "pipe") {
+    return getObjectFormSchema(def.in);
+  }
+  if (def.innerType) {
+    return getObjectFormSchema(def.innerType);
+  }
+  if (def.schema) {
+    return getObjectFormSchema(def.schema);
+  }
+  return schema;
+}
+function zodToHtmlInputProps(schema) {
+  const def = schema._zod?.def;
+  const defType = def?.type || "";
+  if (["optional", "nullable"].includes(defType)) {
+    return {
+      ...zodToHtmlInputProps(def.innerType),
+      required: false
+    };
+  }
+  if (defType === "default") {
+    return {
+      ...zodToHtmlInputProps(def.innerType),
+      required: false
+    };
+  }
+  const inputProps = {
+    required: true
+  };
+  const checks = def?.checks;
+  if (!checks || !Array.isArray(checks)) {
+    return inputProps;
+  }
+  const type = getBaseType(schema);
+  for (const check of checks) {
+    const checkKind = check.kind || check.type;
+    if (checkKind === "min" || checkKind === "min_length") {
+      if (type === "ZodString") {
+        inputProps.minLength = check.value ?? check.minimum;
+      } else {
+        inputProps.min = check.value ?? check.minimum;
+      }
+    }
+    if (checkKind === "max" || checkKind === "max_length") {
+      if (type === "ZodString") {
+        inputProps.maxLength = check.value ?? check.maximum;
+      } else {
+        inputProps.max = check.value ?? check.maximum;
+      }
+    }
+  }
+  return inputProps;
+}
+function sortFieldsByOrder(fieldConfig, keys) {
+  const sortedFields = keys.sort((a, b) => {
+    const fieldA = fieldConfig?.[a]?.order ?? 0;
+    const fieldB = fieldConfig?.[b]?.order ?? 0;
+    return fieldA - fieldB;
+  });
+  return sortedFields;
+}
+function fromJSONSchemaWithDates(jsonSchema) {
+  const baseSchema = z.z.fromJSONSchema(jsonSchema);
+  const properties = jsonSchema.properties;
+  if (!properties) return baseSchema;
+  const dateFieldsWithConstraints = {};
+  for (const [key, prop] of Object.entries(properties)) {
+    if (prop.type === "string" && prop.format === "date-time") {
+      if (prop.formatMinimum || prop.formatMaximum) {
+        dateFieldsWithConstraints[key] = {
+          min: prop.formatMinimum,
+          max: prop.formatMaximum
+        };
+      }
+    }
+  }
+  if (Object.keys(dateFieldsWithConstraints).length === 0) {
+    return baseSchema;
+  }
+  return baseSchema.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 buildFieldConfigFromJsonSchema(jsonSchema, fieldComponents) {
+  const fieldConfig = {};
+  const properties = jsonSchema.properties;
+  if (!properties) return fieldConfig;
+  for (const [key, value] of Object.entries(properties)) {
+    const config = {};
+    if (value.label) {
+      config.label = value.label;
+    } else if (value.title) {
+      config.label = value.title;
+    }
+    if (value.description) {
+      config.description = value.description;
+    }
+    const inputProps = value.inputProps ? { ...value.inputProps } : {};
+    if (value.placeholder) {
+      inputProps.placeholder = value.placeholder;
+    }
+    if (value.default !== void 0) {
+      inputProps.defaultValue = value.default;
+      inputProps.required = false;
+    }
+    if (Object.keys(inputProps).length > 0) {
+      config.inputProps = inputProps;
+    }
+    if (value.order !== void 0) {
+      config.order = value.order;
+    }
+    let fieldType = value.fieldType;
+    if (!fieldType && value.type === "string" && value.format === "date-time") {
+      fieldType = "date";
+    }
+    if (fieldType) {
+      const CustomComponent = fieldComponents?.[fieldType];
+      if (CustomComponent) {
+        config.fieldType = (props) => /* @__PURE__ */ jsxRuntime.jsx(CustomComponent, { ...props });
+      } else if (BUILTIN_FIELD_TYPES.includes(
+        fieldType
+      )) {
+        config.fieldType = fieldType;
+      } else {
+        console.warn(
+          `CMS: Unknown fieldType "${fieldType}" for field "${key}". Provide a component via fieldComponents override or use a built-in type.`
+        );
+      }
+    }
+    if (value.properties) {
+      const nestedConfig = buildFieldConfigFromJsonSchema(
+        { properties: value.properties },
+        fieldComponents
+      );
+      const reservedProps = /* @__PURE__ */ new Set(["description", "label", "inputProps", "fieldType", "renderParent", "order"]);
+      for (const [nestedKey, nestedValue] of Object.entries(nestedConfig)) {
+        if (!reservedProps.has(nestedKey)) {
+          config[nestedKey] = nestedValue;
+        } else {
+          console.warn(
+            `Field "${key}" has a nested field named "${nestedKey}" which conflicts with a reserved FieldConfigItem property. The nested field's config will not be accessible at the parent level.`
+          );
+        }
+      }
+    }
+    if (Object.keys(config).length > 0) {
+      fieldConfig[key] = config;
+    }
+  }
+  return fieldConfig;
+}
+
+exports.BUILTIN_FIELD_TYPES = BUILTIN_FIELD_TYPES;
+exports.beautifyObjectName = beautifyObjectName;
+exports.buildFieldConfigFromJsonSchema = buildFieldConfigFromJsonSchema;
+exports.fromJSONSchemaWithDates = fromJSONSchemaWithDates;
+exports.getBaseSchema = getBaseSchema;
+exports.getBaseType = getBaseType;
+exports.getDefaultValueInZodStack = getDefaultValueInZodStack;
+exports.getDefaultValues = getDefaultValues;
+exports.getObjectFormSchema = getObjectFormSchema;
+exports.sortFieldsByOrder = sortFieldsByOrder;
+exports.zodToHtmlInputProps = zodToHtmlInputProps;