@btst/plugin-cms 0.0.0-stage → 1.0.0

package/dist/ui/src/components/auto-form/fields/object.mjs

@@ -0,0 +1,217 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+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, beautifyObjectName, zodToHtmlInputProps } from '../helpers.mjs';
+import AutoFormArray from './array.mjs';
+import resolveDependencies from '../dependencies.mjs';
+
+function DefaultParent({ children }) {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+function AutoFormObject({
+  schema,
+  form,
+  fieldConfig,
+  path = [],
+  dependencies = []
+}) {
+  const { watch } = useFormContext();
+  if (!schema) {
+    return null;
+  }
+  const { shape } = getBaseSchema(schema) || {};
+  if (!shape) {
+    return null;
+  }
+  const handleIfZodNumber = (item) => {
+    const def = item._zod?.def;
+    const defType = def?.type;
+    const innerDefType = def?.innerType?._zod?.def?.type;
+    const isZodNumber = defType === "number" || defType === "int" || defType === "float";
+    const isInnerZodNumber = innerDefType === "number" || innerDefType === "int" || innerDefType === "float";
+    if (isZodNumber && def) {
+      def.coerce = true;
+    } else if (isInnerZodNumber && def?.innerType?._zod?.def) {
+      def.innerType._zod.def.coerce = true;
+    }
+    return item;
+  };
+  const sortedFieldKeys = sortFieldsByOrder(fieldConfig, Object.keys(shape));
+  return /* @__PURE__ */ jsx(Accordion, { type: "multiple", className: "space-y-5 border-none", children: sortedFieldKeys.map((name) => {
+    let item = shape[name];
+    item = handleIfZodNumber(item);
+    const zodBaseType = getBaseType(item);
+    const itemName = beautifyObjectName(name);
+    const key = [...path, name].join(".");
+    const {
+      isHidden,
+      isDisabled,
+      isRequired: isRequiredByDependency,
+      overrideOptions
+    } = resolveDependencies(dependencies, name, watch);
+    if (isHidden) {
+      return null;
+    }
+    if (zodBaseType === "ZodObject") {
+      const objectFieldConfig = fieldConfig?.[name] ?? {};
+      if (typeof objectFieldConfig.fieldType === "function") {
+        const zodInputProps2 = zodToHtmlInputProps(item);
+        let isRequired2 = isRequiredByDependency || zodInputProps2.required || false;
+        if (objectFieldConfig.inputProps?.required !== void 0) {
+          isRequired2 = objectFieldConfig.inputProps.required;
+        }
+        const CustomComponent = objectFieldConfig.fieldType;
+        const ParentElement = objectFieldConfig.renderParent ?? DefaultParent;
+        return /* @__PURE__ */ jsx(
+          FormField,
+          {
+            control: form.control,
+            name: key,
+            render: ({ field }) => {
+              const fieldProps = {
+                ...zodInputProps2,
+                ...field,
+                ...objectFieldConfig.inputProps,
+                disabled: objectFieldConfig.inputProps?.disabled || isDisabled,
+                ref: void 0,
+                value: field.value
+              };
+              return /* @__PURE__ */ jsx(ParentElement, { children: /* @__PURE__ */ jsx(
+                CustomComponent,
+                {
+                  zodInputProps: zodInputProps2,
+                  field,
+                  fieldConfigItem: objectFieldConfig,
+                  label: objectFieldConfig.label || itemName,
+                  isRequired: isRequired2,
+                  zodItem: item,
+                  fieldProps
+                }
+              ) }, `${key}.parent`);
+            }
+          },
+          key
+        );
+      }
+      return /* @__PURE__ */ jsxs(AccordionItem, { value: name, className: "border-none", children: [
+        /* @__PURE__ */ jsx(AccordionTrigger, { children: itemName }),
+        /* @__PURE__ */ jsx(AccordionContent, { className: "p-2", children: /* @__PURE__ */ jsx(
+          AutoFormObject,
+          {
+            schema: item,
+            form,
+            fieldConfig: fieldConfig?.[name] ?? {},
+            path: [...path, name]
+          }
+        ) })
+      ] }, key);
+    }
+    if (zodBaseType === "ZodArray") {
+      const arrayFieldConfig = fieldConfig?.[name] ?? {};
+      if (typeof arrayFieldConfig.fieldType === "function") {
+        const zodInputProps2 = zodToHtmlInputProps(item);
+        let isRequired2 = isRequiredByDependency || zodInputProps2.required || false;
+        if (arrayFieldConfig.inputProps?.required !== void 0) {
+          isRequired2 = arrayFieldConfig.inputProps.required;
+        }
+        const CustomComponent = arrayFieldConfig.fieldType;
+        const ParentElement = arrayFieldConfig.renderParent ?? DefaultParent;
+        return /* @__PURE__ */ jsx(
+          FormField,
+          {
+            control: form.control,
+            name: key,
+            render: ({ field }) => {
+              const fieldProps = {
+                ...zodInputProps2,
+                ...field,
+                ...arrayFieldConfig.inputProps,
+                disabled: arrayFieldConfig.inputProps?.disabled || isDisabled,
+                ref: void 0,
+                value: field.value
+              };
+              return /* @__PURE__ */ jsx(ParentElement, { children: /* @__PURE__ */ jsx(
+                CustomComponent,
+                {
+                  zodInputProps: zodInputProps2,
+                  field,
+                  fieldConfigItem: arrayFieldConfig,
+                  label: arrayFieldConfig.label || itemName,
+                  isRequired: isRequired2,
+                  zodItem: item,
+                  fieldProps
+                }
+              ) }, `${key}.parent`);
+            }
+          },
+          key
+        );
+      }
+      return /* @__PURE__ */ jsx(
+        AutoFormArray,
+        {
+          name,
+          item,
+          form,
+          fieldConfig: arrayFieldConfig,
+          path: [...path, name]
+        },
+        key
+      );
+    }
+    const fieldConfigItem = fieldConfig?.[name] ?? {};
+    const zodInputProps = zodToHtmlInputProps(item);
+    let isRequired = isRequiredByDependency || zodInputProps.required || false;
+    if (fieldConfigItem.inputProps?.required !== void 0) {
+      isRequired = fieldConfigItem.inputProps.required;
+    }
+    if (overrideOptions) {
+      item = z.enum(overrideOptions);
+    }
+    return /* @__PURE__ */ jsx(
+      FormField,
+      {
+        control: form.control,
+        name: key,
+        render: ({ field }) => {
+          const inputType = fieldConfigItem.fieldType ?? DEFAULT_ZOD_HANDLERS[zodBaseType] ?? "fallback";
+          const InputComponent = typeof inputType === "function" ? inputType : INPUT_COMPONENTS[inputType];
+          const ParentElement = fieldConfigItem.renderParent ?? DefaultParent;
+          const defaultValue = fieldConfigItem.inputProps?.defaultValue;
+          const value = field.value ?? defaultValue ?? "";
+          const { defaultValue: _omitDV, ...safeInputProps } = fieldConfigItem.inputProps ?? {};
+          const fieldProps = {
+            ...zodToHtmlInputProps(item),
+            ...field,
+            ...safeInputProps,
+            disabled: safeInputProps.disabled || isDisabled,
+            ref: void 0,
+            value
+          };
+          if (InputComponent === void 0) {
+            return /* @__PURE__ */ jsx(Fragment, {});
+          }
+          return /* @__PURE__ */ jsx(ParentElement, { children: /* @__PURE__ */ jsx(
+            InputComponent,
+            {
+              zodInputProps,
+              field,
+              fieldConfigItem,
+              label: itemName,
+              isRequired,
+              zodItem: item,
+              fieldProps,
+              className: fieldProps.className
+            }
+          ) }, `${key}.parent`);
+        }
+      },
+      key
+    );
+  }) });
+}
+
+export { AutoFormObject as default };

package/dist/ui/src/components/auto-form/fields/radio-group.cjs

@@ -0,0 +1,67 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const form = require('../../form.cjs');
+const radioGroup = require('../../radio-group.cjs');
+const label = require('../common/label.cjs');
+const tooltip = require('../common/tooltip.cjs');
+const helpers = require('../helpers.cjs');
+
+function getEnumValues(schema) {
+  if (Array.isArray(schema.options)) {
+    return schema.options;
+  }
+  if (schema.enum) {
+    return Object.values(schema.enum);
+  }
+  const def = schema._zod?.def;
+  if (def?.entries) {
+    return Object.values(def.entries);
+  }
+  return [];
+}
+function AutoFormRadioGroup({
+  label: label$1,
+  isRequired,
+  field,
+  zodItem,
+  fieldProps,
+  fieldConfigItem
+}) {
+  const baseSchema = helpers.getBaseSchema(zodItem);
+  const values = getEnumValues(baseSchema);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(form.FormItem, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        label,
+        {
+          label: fieldConfigItem?.label || label$1,
+          isRequired
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(form.FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        radioGroup.RadioGroup,
+        {
+          onValueChange: field.onChange,
+          defaultValue: field.value,
+          ...fieldProps,
+          children: values?.map((value) => /* @__PURE__ */ jsxRuntime.jsxs(
+            form.FormItem,
+            {
+              className: "mb-2 flex items-center gap-3 space-y-0",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(form.FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(radioGroup.RadioGroupItem, { value }) }),
+                /* @__PURE__ */ jsxRuntime.jsx(form.FormLabel, { className: "font-normal", children: value })
+              ]
+            },
+            value
+          ))
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(form.FormMessage, {})
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip, { fieldConfigItem })
+  ] });
+}
+
+module.exports = AutoFormRadioGroup;

package/dist/ui/src/components/auto-form/fields/radio-group.mjs

@@ -0,0 +1,65 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+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 '../helpers.mjs';
+
+function getEnumValues(schema) {
+  if (Array.isArray(schema.options)) {
+    return schema.options;
+  }
+  if (schema.enum) {
+    return Object.values(schema.enum);
+  }
+  const def = schema._zod?.def;
+  if (def?.entries) {
+    return Object.values(def.entries);
+  }
+  return [];
+}
+function AutoFormRadioGroup({
+  label,
+  isRequired,
+  field,
+  zodItem,
+  fieldProps,
+  fieldConfigItem
+}) {
+  const baseSchema = getBaseSchema(zodItem);
+  const values = getEnumValues(baseSchema);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(FormItem, { children: [
+      /* @__PURE__ */ jsx(
+        AutoFormLabel,
+        {
+          label: fieldConfigItem?.label || label,
+          isRequired
+        }
+      ),
+      /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+        RadioGroup,
+        {
+          onValueChange: field.onChange,
+          defaultValue: field.value,
+          ...fieldProps,
+          children: values?.map((value) => /* @__PURE__ */ jsxs(
+            FormItem,
+            {
+              className: "mb-2 flex items-center gap-3 space-y-0",
+              children: [
+                /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(RadioGroupItem, { value }) }),
+                /* @__PURE__ */ jsx(FormLabel, { className: "font-normal", children: value })
+              ]
+            },
+            value
+          ))
+        }
+      ) }),
+      /* @__PURE__ */ jsx(FormMessage, {})
+    ] }),
+    /* @__PURE__ */ jsx(AutoFormTooltip, { fieldConfigItem })
+  ] });
+}
+
+export { AutoFormRadioGroup as default };

package/dist/ui/src/components/auto-form/fields/switch.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const form = require('../../form.cjs');
+const _switch = require('../../switch.cjs');
+const label = require('../common/label.cjs');
+const tooltip = require('../common/tooltip.cjs');
+
+function AutoFormSwitch({
+  label: label$1,
+  isRequired,
+  field,
+  fieldConfigItem,
+  fieldProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(form.FormItem, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(form.FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        _switch.Switch,
+        {
+          checked: field.value,
+          onCheckedChange: field.onChange,
+          ...fieldProps
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        label,
+        {
+          label: fieldConfigItem?.label || label$1,
+          isRequired
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip, { fieldConfigItem })
+  ] });
+}
+
+module.exports = AutoFormSwitch;

package/dist/ui/src/components/auto-form/fields/switch.mjs

@@ -0,0 +1,36 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { FormItem, FormControl } from '../../form.mjs';
+import { Switch } from '../../switch.mjs';
+import AutoFormLabel from '../common/label.mjs';
+import AutoFormTooltip from '../common/tooltip.mjs';
+
+function AutoFormSwitch({
+  label,
+  isRequired,
+  field,
+  fieldConfigItem,
+  fieldProps
+}) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(FormItem, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+        Switch,
+        {
+          checked: field.value,
+          onCheckedChange: field.onChange,
+          ...fieldProps
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        AutoFormLabel,
+        {
+          label: fieldConfigItem?.label || label,
+          isRequired
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(AutoFormTooltip, { fieldConfigItem })
+  ] });
+}
+
+export { AutoFormSwitch as default };

package/dist/ui/src/components/auto-form/fields/textarea.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const form = require('../../form.cjs');
+const textarea = require('../../textarea.cjs');
+const label = require('../common/label.cjs');
+const tooltip = require('../common/tooltip.cjs');
+
+function AutoFormTextarea({
+  label: label$1,
+  isRequired,
+  fieldConfigItem,
+  fieldProps
+}) {
+  const { showLabel: _showLabel, ...fieldPropsWithoutShowLabel } = fieldProps;
+  const showLabel = _showLabel === void 0 ? true : _showLabel;
+  return /* @__PURE__ */ jsxRuntime.jsxs(form.FormItem, { children: [
+    showLabel && /* @__PURE__ */ jsxRuntime.jsx(
+      label,
+      {
+        label: fieldConfigItem?.label || label$1,
+        isRequired
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(form.FormControl, { children: /* @__PURE__ */ jsxRuntime.jsx(textarea.Textarea, { ...fieldPropsWithoutShowLabel }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip, { fieldConfigItem }),
+    /* @__PURE__ */ jsxRuntime.jsx(form.FormMessage, {})
+  ] });
+}
+
+module.exports = AutoFormTextarea;

package/dist/ui/src/components/auto-form/fields/textarea.mjs

@@ -0,0 +1,29 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { FormItem, FormControl, FormMessage } from '../../form.mjs';
+import { Textarea } from '../../textarea.mjs';
+import AutoFormLabel from '../common/label.mjs';
+import AutoFormTooltip from '../common/tooltip.mjs';
+
+function AutoFormTextarea({
+  label,
+  isRequired,
+  fieldConfigItem,
+  fieldProps
+}) {
+  const { showLabel: _showLabel, ...fieldPropsWithoutShowLabel } = fieldProps;
+  const showLabel = _showLabel === void 0 ? true : _showLabel;
+  return /* @__PURE__ */ jsxs(FormItem, { children: [
+    showLabel && /* @__PURE__ */ jsx(
+      AutoFormLabel,
+      {
+        label: fieldConfigItem?.label || label,
+        isRequired
+      }
+    ),
+    /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Textarea, { ...fieldPropsWithoutShowLabel }) }),
+    /* @__PURE__ */ jsx(AutoFormTooltip, { fieldConfigItem }),
+    /* @__PURE__ */ jsx(FormMessage, {})
+  ] });
+}
+
+export { AutoFormTextarea as default };