@btst/stack 1.4.1 → 1.5.0

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

@@ -0,0 +1,31 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const form = require('../../../form.cjs');
+const input = require('../../../input.cjs');
+const label = require('../common/label.cjs');
+const tooltip = require('../common/tooltip.cjs');
+
+function AutoFormNumber({
+  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(input.Input, { type: "number", ...fieldPropsWithoutShowLabel }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(tooltip, { fieldConfigItem }),
+    /* @__PURE__ */ jsxRuntime.jsx(form.FormMessage, {})
+  ] });
+}
+
+module.exports = AutoFormNumber;

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

@@ -0,0 +1,29 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { FormItem, FormControl, FormMessage } from '../../../form.mjs';
+import { Input } from '../../../input.mjs';
+import AutoFormLabel from '../common/label.mjs';
+import AutoFormTooltip from '../common/tooltip.mjs';
+
+function AutoFormNumber({
+  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(Input, { type: "number", ...fieldPropsWithoutShowLabel }) }),
+    /* @__PURE__ */ jsx(AutoFormTooltip, { fieldConfigItem }),
+    /* @__PURE__ */ jsx(FormMessage, {})
+  ] });
+}
+
+export { AutoFormNumber as default };

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

@@ -0,0 +1,149 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const accordion = require('../../../accordion.cjs');
+const form = require('../../../form.cjs');
+const reactHookForm = require('react-hook-form');
+const z = require('zod');
+const config = require('../config.cjs');
+const utils = require('../utils.cjs');
+const array = require('./array.cjs');
+const dependencies = require('../dependencies.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 z__namespace = /*#__PURE__*/_interopNamespaceCompat(z);
+
+function DefaultParent({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+}
+function AutoFormObject({
+  schema,
+  form: form$1,
+  fieldConfig,
+  path = [],
+  dependencies: dependencies$1 = []
+}) {
+  const { watch } = reactHookForm.useFormContext();
+  if (!schema) {
+    return null;
+  }
+  const { shape } = utils.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 = utils.sortFieldsByOrder(fieldConfig, Object.keys(shape));
+  return /* @__PURE__ */ jsxRuntime.jsx(accordion.Accordion, { type: "multiple", className: "space-y-5 border-none", children: sortedFieldKeys.map((name) => {
+    let item = shape[name];
+    item = handleIfZodNumber(item);
+    const zodBaseType = utils.getBaseType(item);
+    const itemName = utils.getSchemaDescription(item) ?? utils.beautifyObjectName(name);
+    const key = [...path, name].join(".");
+    const {
+      isHidden,
+      isDisabled,
+      isRequired: isRequiredByDependency,
+      overrideOptions
+    } = dependencies(dependencies$1, name, watch);
+    if (isHidden) {
+      return null;
+    }
+    if (zodBaseType === "ZodObject") {
+      return /* @__PURE__ */ jsxRuntime.jsxs(accordion.AccordionItem, { value: name, className: "border-none", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(accordion.AccordionTrigger, { children: itemName }),
+        /* @__PURE__ */ jsxRuntime.jsx(accordion.AccordionContent, { className: "p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+          AutoFormObject,
+          {
+            schema: item,
+            form: form$1,
+            fieldConfig: fieldConfig?.[name] ?? {},
+            path: [...path, name]
+          }
+        ) })
+      ] }, key);
+    }
+    if (zodBaseType === "ZodArray") {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        array,
+        {
+          name,
+          item,
+          form: form$1,
+          fieldConfig: fieldConfig?.[name] ?? {},
+          path: [...path, name]
+        },
+        key
+      );
+    }
+    const fieldConfigItem = fieldConfig?.[name] ?? {};
+    const zodInputProps = utils.zodToHtmlInputProps(item);
+    const isRequired = isRequiredByDependency || zodInputProps.required || fieldConfigItem.inputProps?.required || false;
+    if (overrideOptions) {
+      item = z__namespace.enum(overrideOptions);
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      form.FormField,
+      {
+        control: form$1.control,
+        name: key,
+        render: ({ field }) => {
+          const inputType = fieldConfigItem.fieldType ?? config.DEFAULT_ZOD_HANDLERS[zodBaseType] ?? "fallback";
+          const InputComponent = typeof inputType === "function" ? inputType : config.INPUT_COMPONENTS[inputType];
+          const ParentElement = fieldConfigItem.renderParent ?? DefaultParent;
+          const defaultValue = fieldConfigItem.inputProps?.defaultValue;
+          const value = field.value ?? defaultValue ?? "";
+          const fieldProps = {
+            ...utils.zodToHtmlInputProps(item),
+            ...field,
+            ...fieldConfigItem.inputProps,
+            disabled: fieldConfigItem.inputProps?.disabled || isDisabled,
+            ref: void 0,
+            value
+          };
+          if (InputComponent === void 0) {
+            return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
+          }
+          return /* @__PURE__ */ jsxRuntime.jsx(ParentElement, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            InputComponent,
+            {
+              zodInputProps,
+              field,
+              fieldConfigItem,
+              label: itemName,
+              isRequired,
+              zodItem: item,
+              fieldProps,
+              className: fieldProps.className
+            }
+          ) }, `${key}.parent`);
+        }
+      },
+      key
+    );
+  }) });
+}
+
+module.exports = AutoFormObject;

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

@@ -0,0 +1,133 @@
+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, getSchemaDescription, beautifyObjectName, zodToHtmlInputProps } from '../utils.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 = getSchemaDescription(item) ?? beautifyObjectName(name);
+    const key = [...path, name].join(".");
+    const {
+      isHidden,
+      isDisabled,
+      isRequired: isRequiredByDependency,
+      overrideOptions
+    } = resolveDependencies(dependencies, name, watch);
+    if (isHidden) {
+      return null;
+    }
+    if (zodBaseType === "ZodObject") {
+      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") {
+      return /* @__PURE__ */ jsx(
+        AutoFormArray,
+        {
+          name,
+          item,
+          form,
+          fieldConfig: fieldConfig?.[name] ?? {},
+          path: [...path, name]
+        },
+        key
+      );
+    }
+    const fieldConfigItem = fieldConfig?.[name] ?? {};
+    const zodInputProps = zodToHtmlInputProps(item);
+    const isRequired = isRequiredByDependency || zodInputProps.required || fieldConfigItem.inputProps?.required || false;
+    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 fieldProps = {
+            ...zodToHtmlInputProps(item),
+            ...field,
+            ...fieldConfigItem.inputProps,
+            disabled: fieldConfigItem.inputProps?.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/packages/ui/src/components/ui/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 utils = require('../utils.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 = utils.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/packages/ui/src/components/ui/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 '../utils.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/packages/ui/src/components/ui/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/packages/ui/src/components/ui/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/packages/ui/src/components/ui/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/packages/ui/src/components/ui/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 };