@btst/stack 1.5.1 → 1.5.2

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

@@ -0,0 +1,294 @@
+import { jsx } from 'react/jsx-runtime';
+import { z } from '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.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.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 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__ */ 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;
+}
+
+export { BUILTIN_FIELD_TYPES, beautifyObjectName, buildFieldConfigFromJsonSchema, fromJSONSchemaWithDates, getBaseSchema, getBaseType, getDefaultValueInZodStack, getDefaultValues, getObjectFormSchema, sortFieldsByOrder, zodToHtmlInputProps };

package/dist/packages/ui/src/components/calendar.cjs

@@ -6,8 +6,8 @@ const React = require('react');
 const lucideReact = require('lucide-react');
 const utils = require('../lib/utils.cjs');
 const button = require('./button.cjs');
-const getDefaultClassNames = require('../../../../node_modules/.pnpm/react-day-picker@9.12.0_react@19.2.0/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.cjs');
-const DayPicker = require('../../../../node_modules/.pnpm/react-day-picker@9.12.0_react@19.2.0/node_modules/react-day-picker/dist/esm/DayPicker.cjs');
+const getDefaultClassNames = require('../../../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.0/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.cjs');
+const DayPicker = require('../../../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.0/node_modules/react-day-picker/dist/esm/DayPicker.cjs');
 
 function _interopNamespaceCompat(e) {
   if (e && typeof e === 'object' && 'default' in e) return e;

package/dist/packages/ui/src/components/calendar.mjs

@@ -4,8 +4,8 @@ import * as React from 'react';
 import { ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon } from 'lucide-react';
 import { cn } from '../lib/utils.mjs';
 import { buttonVariants, Button } from './button.mjs';
-import { getDefaultClassNames } from '../../../../node_modules/.pnpm/react-day-picker@9.12.0_react@19.2.0/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.mjs';
-import { DayPicker } from '../../../../node_modules/.pnpm/react-day-picker@9.12.0_react@19.2.0/node_modules/react-day-picker/dist/esm/DayPicker.mjs';
+import { getDefaultClassNames } from '../../../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.0/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.mjs';
+import { DayPicker } from '../../../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.0/node_modules/react-day-picker/dist/esm/DayPicker.mjs';
 
 function Calendar({
   className,

package/dist/plugins/cms/api/index.d.cts

@@ -1,10 +1,7 @@
 import * as _btst_stack_plugins_api from '@btst/stack/plugins/api';
 import * as better_call from 'better-call';
 import { z } from 'zod';
-import { C as CMSBackendConfig, S as SerializedContentType, a as SerializedContentItemWithType } from '../../../shared/stack.BwkyFwF8.cjs';
-import '../../../shared/stack.NZJogTUn.cjs';
-import 'react-hook-form';
-import 'react/jsx-runtime';
+import { C as CMSBackendConfig, S as SerializedContentType, a as SerializedContentItemWithType } from '../../../shared/stack.L-UFwz2G.cjs';
 
 /**
  * CMS backend plugin
@@ -25,6 +22,7 @@ declare const cmsBackendPlugin: (config: CMSBackendConfig) => _btst_stack_plugin
         description?: string | undefined;
         jsonSchema: string;
         fieldConfig?: string | undefined;
+        autoFormVersion?: number | undefined;
     }[]>;
     getContentTypeBySlug: better_call.StrictEndpoint<"/content-types/:slug", {
         method: "GET";

package/dist/plugins/cms/api/index.d.mts

@@ -1,10 +1,7 @@
 import * as _btst_stack_plugins_api from '@btst/stack/plugins/api';
 import * as better_call from 'better-call';
 import { z } from 'zod';
-import { C as CMSBackendConfig, S as SerializedContentType, a as SerializedContentItemWithType } from '../../../shared/stack.DBqxCs0V.mjs';
-import '../../../shared/stack.NZJogTUn.mjs';
-import 'react-hook-form';
-import 'react/jsx-runtime';
+import { C as CMSBackendConfig, S as SerializedContentType, a as SerializedContentItemWithType } from '../../../shared/stack.L-UFwz2G.mjs';
 
 /**
  * CMS backend plugin
@@ -25,6 +22,7 @@ declare const cmsBackendPlugin: (config: CMSBackendConfig) => _btst_stack_plugin
         description?: string | undefined;
         jsonSchema: string;
         fieldConfig?: string | undefined;
+        autoFormVersion?: number | undefined;
     }[]>;
     getContentTypeBySlug: better_call.StrictEndpoint<"/content-types/:slug", {
         method: "GET";

package/dist/plugins/cms/api/index.d.ts

@@ -1,10 +1,7 @@
 import * as _btst_stack_plugins_api from '@btst/stack/plugins/api';
 import * as better_call from 'better-call';
 import { z } from 'zod';
-import { C as CMSBackendConfig, S as SerializedContentType, a as SerializedContentItemWithType } from '../../../shared/stack.DwnJA87a.js';
-import '../../../shared/stack.NZJogTUn.js';
-import 'react-hook-form';
-import 'react/jsx-runtime';
+import { C as CMSBackendConfig, S as SerializedContentType, a as SerializedContentItemWithType } from '../../../shared/stack.L-UFwz2G.js';
 
 /**
  * CMS backend plugin
@@ -25,6 +22,7 @@ declare const cmsBackendPlugin: (config: CMSBackendConfig) => _btst_stack_plugin
         description?: string | undefined;
         jsonSchema: string;
         fieldConfig?: string | undefined;
+        autoFormVersion?: number | undefined;
     }[]>;
     getContentTypeBySlug: better_call.StrictEndpoint<"/content-types/:slug", {
         method: "GET";

package/dist/plugins/cms/client/hooks/index.d.cts

@@ -1,9 +1,6 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { S as SerializedContentType, a as SerializedContentItemWithType } from '../../../../shared/stack.BwkyFwF8.cjs';
+import { S as SerializedContentType, a as SerializedContentItemWithType } from '../../../../shared/stack.L-UFwz2G.cjs';
 import 'zod';
-import '../../../../shared/stack.NZJogTUn.cjs';
-import 'react-hook-form';
-import 'react/jsx-runtime';
 
 interface UseContentTypesResult {
     contentTypes: (SerializedContentType & {

package/dist/plugins/cms/client/hooks/index.d.mts

@@ -1,9 +1,6 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { S as SerializedContentType, a as SerializedContentItemWithType } from '../../../../shared/stack.DBqxCs0V.mjs';
+import { S as SerializedContentType, a as SerializedContentItemWithType } from '../../../../shared/stack.L-UFwz2G.mjs';
 import 'zod';
-import '../../../../shared/stack.NZJogTUn.mjs';
-import 'react-hook-form';
-import 'react/jsx-runtime';
 
 interface UseContentTypesResult {
     contentTypes: (SerializedContentType & {

package/dist/plugins/cms/client/hooks/index.d.ts

@@ -1,9 +1,6 @@
 import * as _tanstack_react_query from '@tanstack/react-query';
-import { S as SerializedContentType, a as SerializedContentItemWithType } from '../../../../shared/stack.DwnJA87a.js';
+import { S as SerializedContentType, a as SerializedContentItemWithType } from '../../../../shared/stack.L-UFwz2G.js';
 import 'zod';
-import '../../../../shared/stack.NZJogTUn.js';
-import 'react-hook-form';
-import 'react/jsx-runtime';
 
 interface UseContentTypesResult {
     contentTypes: (SerializedContentType & {

package/dist/plugins/cms/client/index.d.cts

@@ -3,10 +3,9 @@ import * as react from 'react';
 import { ComponentType } from 'react';
 import * as _btst_yar from '@btst/yar';
 import { QueryClient } from '@tanstack/react-query';
-import { a as AutoFormInputComponentProps } from '../../../shared/stack.NZJogTUn.cjs';
+import { ControllerRenderProps, FieldValues } from 'react-hook-form';
+import * as zod from 'zod';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import 'react-hook-form';
-import 'zod';
 
 /**
  * Context passed to loader hooks
@@ -239,6 +238,115 @@ declare const CMS_LOCALIZATION: {
 };
 type CMSLocalization = typeof CMS_LOCALIZATION;
 
+declare function AutoFormCheckbox({ label, isRequired, field, fieldConfigItem, fieldProps, }: AutoFormInputComponentProps): react_jsx_runtime.JSX.Element;
+
+declare function AutoFormDate({ label, isRequired, field, fieldConfigItem, fieldProps, zodItem, }: AutoFormInputComponentProps): react_jsx_runtime.JSX.Element;
+
+declare function AutoFormEnum({ label, isRequired, field, fieldConfigItem, zodItem, fieldProps, }: AutoFormInputComponentProps): react_jsx_runtime.JSX.Element;
+
+declare function AutoFormInput({ label, isRequired, fieldConfigItem, fieldProps, }: AutoFormInputComponentProps): react_jsx_runtime.JSX.Element;
+
+declare function AutoFormNumber({ label, isRequired, fieldConfigItem, fieldProps, }: AutoFormInputComponentProps): react_jsx_runtime.JSX.Element;
+
+declare function AutoFormRadioGroup({ label, isRequired, field, zodItem, fieldProps, fieldConfigItem, }: AutoFormInputComponentProps): react_jsx_runtime.JSX.Element;
+
+declare function AutoFormSwitch({ label, isRequired, field, fieldConfigItem, fieldProps, }: AutoFormInputComponentProps): react_jsx_runtime.JSX.Element;
+
+declare function AutoFormTextarea({ label, isRequired, fieldConfigItem, fieldProps, }: AutoFormInputComponentProps): react_jsx_runtime.JSX.Element;
+
+declare const INPUT_COMPONENTS: {
+    checkbox: typeof AutoFormCheckbox;
+    date: typeof AutoFormDate;
+    select: typeof AutoFormEnum;
+    radio: typeof AutoFormRadioGroup;
+    switch: typeof AutoFormSwitch;
+    textarea: typeof AutoFormTextarea;
+    number: typeof AutoFormNumber;
+    fallback: typeof AutoFormInput;
+};
+
+/**
+ * Common input props shared by all field types.
+ */
+interface BaseInputProps {
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Whether the field is read-only */
+    readOnly?: boolean;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Whether to show the label (auto-form specific) */
+    showLabel?: boolean;
+}
+/**
+ * Generic input props that accept any field type.
+ * Use this when the backing type is not known at compile time.
+ *
+ * This is the catch-all type used for runtime flexibility.
+ */
+interface SerializableInputProps extends BaseInputProps {
+    placeholder?: string;
+    type?: string;
+    defaultValue?: unknown;
+    min?: number | string;
+    max?: number | string;
+    step?: number | string;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+    autoComplete?: string;
+    /** Allow additional props for extensibility */
+    [key: string]: unknown;
+}
+
+/**
+ * Input props for form fields.
+ *
+ * This is the runtime type that accepts any input props.
+ * For type-safe props, use the discriminated types:
+ * - StringInputProps for text inputs
+ * - NumberInputProps for number inputs
+ * - BooleanInputProps for checkboxes/switches
+ * - DateInputProps for date pickers
+ * - EnumInputProps for selects/radios
+ */
+type FieldInputProps = SerializableInputProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof SerializableInputProps> & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, keyof SerializableInputProps>;
+/**
+ * Configuration for a single field in AutoForm.
+ *
+ * Note: This type is designed to align with form-builder's FormBuilderFieldProps
+ * so that JSON Schema properties can be easily converted to field configs.
+ */
+type FieldConfigItem = {
+    /** Description text or React node */
+    description?: React.ReactNode;
+    /** Input props passed to the field component */
+    inputProps?: FieldInputProps;
+    /** Display label */
+    label?: string;
+    /** Field type override - built-in type or custom component */
+    fieldType?: keyof typeof INPUT_COMPONENTS | React.FC<AutoFormInputComponentProps>;
+    /** Wrapper component for custom field layout */
+    renderParent?: (props: {
+        children: React.ReactNode;
+    }) => React.ReactElement | null;
+    /** Display order for field ordering */
+    order?: number;
+};
+/**
+ * A FormInput component can handle a specific Zod type (e.g. "ZodBoolean")
+ */
+type AutoFormInputComponentProps = {
+    zodInputProps: React.InputHTMLAttributes<HTMLInputElement>;
+    field: ControllerRenderProps<FieldValues, any>;
+    fieldConfigItem: FieldConfigItem;
+    label: string;
+    isRequired: boolean;
+    fieldProps: any;
+    zodItem: zod.ZodType;
+    className?: string;
+};
+
 /**
  * Context passed to lifecycle hooks
  */
@@ -405,5 +513,5 @@ interface CMSFileUploadProps extends AutoFormInputComponentProps {
  */
 declare function CMSFileUpload({ label, isRequired, fieldConfigItem, fieldProps, field, uploadImage, }: CMSFileUploadProps): react_jsx_runtime.JSX.Element;
 
-export { AutoFormInputComponentProps, CMSFileUpload, cmsClientPlugin };
-export type { CMSClientConfig, CMSClientHooks, CMSFileUploadProps, CMSLocalization, CMSPluginOverrides, LoaderContext, RouteContext };
+export { CMSFileUpload, cmsClientPlugin };
+export type { AutoFormInputComponentProps, CMSClientConfig, CMSClientHooks, CMSFileUploadProps, CMSLocalization, CMSPluginOverrides, LoaderContext, RouteContext };