@fuf-stack/uniform 1.4.2 → 1.5.1

package/dist/TextArea-DhxNWYNg.d.cts

@@ -0,0 +1,86 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants from 'tailwind-variants';
+import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { ReactNode } from 'react';
+
+declare const textAreaVariants: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            input?: tailwind_variants.ClassValue;
+            inputWrapper?: tailwind_variants.ClassValue;
+            clearButton?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            input?: tailwind_variants.ClassValue;
+            inputWrapper?: tailwind_variants.ClassValue;
+            clearButton?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    /** wrapper around the whole input */
+    base: string;
+    /** clear button */
+    clearButton: string;
+    /** actual input element */
+    input: string;
+    /** inner wrapper (HeroUI inputWrapper slot) */
+    inputWrapper: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            input?: tailwind_variants.ClassValue;
+            inputWrapper?: tailwind_variants.ClassValue;
+            clearButton?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    /** wrapper around the whole input */
+    base: string;
+    /** clear button */
+    clearButton: string;
+    /** actual input element */
+    input: string;
+    /** inner wrapper (HeroUI inputWrapper slot) */
+    inputWrapper: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    /** wrapper around the whole input */
+    base: string;
+    /** clear button */
+    clearButton: string;
+    /** actual input element */
+    input: string;
+    /** inner wrapper (HeroUI inputWrapper slot) */
+    inputWrapper: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof textAreaVariants>;
+type ClassName = TVClassName<typeof textAreaVariants>;
+interface TextAreaProps extends VariantProps {
+    /** Child components. The content of the textarea. */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: ClassName;
+    /** debounce delay in milliseconds for form state updates (default: 300ms) */
+    debounceDelay?: number;
+    /** Determines if the TextArea is disabled or not. */
+    disabled?: boolean;
+    /** Label displayed above the TextArea. */
+    label?: ReactNode;
+    /** Name the TextArea is registered at in HTML forms (react-hook-form). */
+    name: string;
+    /** placeholder for the textArea content. */
+    placeholder?: string;
+    /** Id to grab element in internal tests. */
+    testId?: string;
+}
+/**
+ * TextArea component based on [HeroUI TextArea](https://www.heroui.com//docs/components/textarea)
+ */
+declare const TextArea: ({ children, className: _className, debounceDelay, name, placeholder, ...uniformFieldProps }: TextAreaProps) => react_jsx_runtime.JSX.Element;
+
+export { TextArea as T, type TextAreaProps as a };

package/dist/TextArea-DhxNWYNg.d.ts

@@ -0,0 +1,86 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as tailwind_variants from 'tailwind-variants';
+import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
+import { ReactNode } from 'react';
+
+declare const textAreaVariants: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            input?: tailwind_variants.ClassValue;
+            inputWrapper?: tailwind_variants.ClassValue;
+            clearButton?: tailwind_variants.ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            input?: tailwind_variants.ClassValue;
+            inputWrapper?: tailwind_variants.ClassValue;
+            clearButton?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    /** wrapper around the whole input */
+    base: string;
+    /** clear button */
+    clearButton: string;
+    /** actual input element */
+    input: string;
+    /** inner wrapper (HeroUI inputWrapper slot) */
+    inputWrapper: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_variants.ClassValue | {
+            base?: tailwind_variants.ClassValue;
+            input?: tailwind_variants.ClassValue;
+            inputWrapper?: tailwind_variants.ClassValue;
+            clearButton?: tailwind_variants.ClassValue;
+        };
+    };
+} | {}, {
+    /** wrapper around the whole input */
+    base: string;
+    /** clear button */
+    clearButton: string;
+    /** actual input element */
+    input: string;
+    /** inner wrapper (HeroUI inputWrapper slot) */
+    inputWrapper: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    /** wrapper around the whole input */
+    base: string;
+    /** clear button */
+    clearButton: string;
+    /** actual input element */
+    input: string;
+    /** inner wrapper (HeroUI inputWrapper slot) */
+    inputWrapper: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof textAreaVariants>;
+type ClassName = TVClassName<typeof textAreaVariants>;
+interface TextAreaProps extends VariantProps {
+    /** Child components. The content of the textarea. */
+    children?: ReactNode;
+    /** CSS class name */
+    className?: ClassName;
+    /** debounce delay in milliseconds for form state updates (default: 300ms) */
+    debounceDelay?: number;
+    /** Determines if the TextArea is disabled or not. */
+    disabled?: boolean;
+    /** Label displayed above the TextArea. */
+    label?: ReactNode;
+    /** Name the TextArea is registered at in HTML forms (react-hook-form). */
+    name: string;
+    /** placeholder for the textArea content. */
+    placeholder?: string;
+    /** Id to grab element in internal tests. */
+    testId?: string;
+}
+/**
+ * TextArea component based on [HeroUI TextArea](https://www.heroui.com//docs/components/textarea)
+ */
+declare const TextArea: ({ children, className: _className, debounceDelay, name, placeholder, ...uniformFieldProps }: TextAreaProps) => react_jsx_runtime.JSX.Element;
+
+export { TextArea as T, type TextAreaProps as a };

package/dist/{chunk-Y3GELCDP.js → chunk-2QLCCB3L.js}

@@ -1,19 +1,16 @@
 import {
-  FieldCopyTestIdButton_default
-} from "./chunk-NTDKZW4E.js";
+  useUniformField
+} from "./chunk-CFH4VPJ4.js";
 import {
   FieldValidationError_default
-} from "./chunk-CQWA2DFV.js";
-import {
-  useController,
-  useFormContext
-} from "./chunk-IYDCKENI.js";
+} from "./chunk-ELYGQTXB.js";
 import {
+  __objRest,
   __spreadProps,
   __spreadValues
 } from "./chunk-K2V4ULA2.js";
 
-// src/CheckboxGroup/CheckboxGroup.tsx
+// src/Checkboxes/Checkboxes.tsx
 import {
   Checkbox as HeroCheckbox,
   CheckboxGroup as HeroCheckboxGroup
@@ -21,14 +18,14 @@ import {
 import { checkbox as heroCheckboxVariants } from "@heroui/theme";
 import { slugify, tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
 import { jsx, jsxs } from "react/jsx-runtime";
-var checkboxGroupVariants = tv({
+var checkboxesVariants = tv({
   slots: {
     base: "group",
     // Needs group for group-data condition
     errorMessage: "text-tiny",
     // see HeroUI styles for group-data condition,
     // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/select.ts
-    label: "text-foreground group-data-[invalid=true]:!text-danger text-sm subpixel-antialiased",
+    label: "text-foreground group-data-[invalid=true]:!text-danger inline-flex text-sm subpixel-antialiased",
     optionBase: "",
     optionIcon: "",
     optionLabel: "",
@@ -55,44 +52,39 @@ var checkboxGroupVariants = tv({
     }
   }
 });
-var CheckboxGroup = ({
-  className = void 0,
-  color = "primary",
-  inline = false,
-  label = void 0,
-  lineThrough = false,
-  options,
-  disabled = false,
-  name,
-  testId: _testId = void 0
-}) => {
-  const { control, debugMode, getFieldState } = useFormContext();
+var Checkboxes = (_a) => {
+  var _b = _a, {
+    className = void 0,
+    color = "primary",
+    inline = false,
+    lineThrough = false,
+    options,
+    name
+  } = _b, uniformFieldProps = __objRest(_b, [
+    "className",
+    "color",
+    "inline",
+    "lineThrough",
+    "options",
+    "name"
+  ]);
+  var _a2;
   const {
+    disabled,
     error: _error,
+    field: { onChange, value = [], ref, onBlur },
     invalid,
+    label,
     required,
     testId
-  } = getFieldState(name, _testId);
-  const { field } = useController({ control, name, disabled });
-  const { onChange, value = [], ref, onBlur } = field;
-  const showTestIdCopyButton = debugMode === "debug-testids";
-  const showLabel = label || showTestIdCopyButton;
-  const variants = checkboxGroupVariants({ lineThrough });
-  const classNames = variantsToClassNames(variants, className, "base");
-  const heroCheckboxGroupClassNames = {
-    base: classNames.base,
-    label: classNames.label,
-    wrapper: classNames.wrapper
-  };
-  const heroCheckboxClassNames = {
-    base: classNames.optionBase,
-    icon: classNames.optionIcon,
-    label: classNames.optionLabel,
-    wrapper: classNames.optionWrapper
-  };
-  const errorFlat = _error && Object.values(
+  } = useUniformField(__spreadValues({
+    name,
+    showInvalidWhen: "immediate"
+  }, uniformFieldProps));
+  const errorFlat = (_a2 = _error && Object.values(
     _error
-  ).flat() || [];
+  ).flat()) != null ? _a2 : [];
+  const errorMessage = /* @__PURE__ */ jsx(FieldValidationError_default, { error: errorFlat, testId });
   const getCheckboxValue = (inputValue) => {
     if (Array.isArray(inputValue)) {
       return inputValue;
@@ -112,38 +104,41 @@ var CheckboxGroup = ({
     onChange,
     value: getCheckboxValue(value)
   };
-  const checkboxGroupProps = options.length === 1 ? singleCheckboxProps : multipleCheckboxProps;
+  const checkboxesProps = options.length === 1 ? singleCheckboxProps : multipleCheckboxProps;
+  const variants = checkboxesVariants({ lineThrough });
+  const classNames = variantsToClassNames(variants, className, "base");
+  const heroCheckboxGroupClassNames = {
+    base: classNames.base,
+    label: classNames.label,
+    wrapper: classNames.wrapper
+  };
+  const heroCheckboxClassNames = {
+    base: classNames.optionBase,
+    icon: classNames.optionIcon,
+    label: classNames.optionLabel,
+    wrapper: classNames.optionWrapper
+  };
   return /* @__PURE__ */ jsx(
     HeroCheckboxGroup,
     __spreadProps(__spreadValues({
+      ref,
       classNames: heroCheckboxGroupClassNames,
       color: color === "info" ? "primary" : color,
       "data-invalid": invalid,
       "data-testid": testId,
+      errorMessage,
       isDisabled: disabled,
       isInvalid: invalid,
       isRequired: required,
+      label: label ? /* @__PURE__ */ jsx("legend", { children: label }) : null,
       name,
       onBlur,
-      orientation: inline ? "horizontal" : "vertical",
-      errorMessage: errorFlat.length > 0 && /* @__PURE__ */ jsx(
-        FieldValidationError_default,
-        {
-          className: classNames.errorMessage,
-          error: errorFlat,
-          testId
-        }
-      ),
-      label: showLabel && // eslint-disable-next-line jsx-a11y/label-has-associated-control
-      /* @__PURE__ */ jsxs("label", { children: [
-        label,
-        showTestIdCopyButton && /* @__PURE__ */ jsx(FieldCopyTestIdButton_default, { testId })
-      ] }),
-      ref
-    }, checkboxGroupProps), {
+      orientation: inline ? "horizontal" : "vertical"
+    }, checkboxesProps), {
       children: options == null ? void 0 : options.map((option) => {
+        var _a3;
         const optionTestId = slugify(
-          `${testId}_option_${(option == null ? void 0 : option.testId) || (option == null ? void 0 : option.value)}`,
+          `${testId}_option_${(_a3 = option == null ? void 0 : option.testId) != null ? _a3 : option == null ? void 0 : option.value}`,
           { replaceDots: true }
         );
         const hasSubline = !!option.labelSubline;
@@ -164,7 +159,7 @@ var CheckboxGroup = ({
             classNames: optionClassNames,
             "data-invalid": invalid,
             "data-testid": optionTestId,
-            isDisabled: disabled || option.disabled,
+            isDisabled: !!disabled || option.disabled,
             value: option == null ? void 0 : option.value,
             "aria-label": typeof option.label === "string" ? option.label : option.value,
             children: labelContent
@@ -175,13 +170,13 @@ var CheckboxGroup = ({
     })
   );
 };
-var CheckboxGroup_default = CheckboxGroup;
+var Checkboxes_default = Checkboxes;
 
-// src/CheckboxGroup/index.ts
-var CheckboxGroup_default2 = CheckboxGroup_default;
+// src/Checkboxes/index.ts
+var Checkboxes_default2 = Checkboxes_default;
 
 export {
-  CheckboxGroup_default,
-  CheckboxGroup_default2
+  Checkboxes_default,
+  Checkboxes_default2
 };
-//# sourceMappingURL=chunk-Y3GELCDP.js.map
+//# sourceMappingURL=chunk-2QLCCB3L.js.map

package/dist/chunk-2QLCCB3L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Checkboxes/Checkboxes.tsx","../src/Checkboxes/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type {\n  CheckboxGroupProps as HeroCheckboxGroupProps,\n  CheckboxProps as HeroCheckboxProps,\n} from '@heroui/checkbox';\nimport type { ReactNode } from 'react';\nimport type { FieldError } from 'react-hook-form';\n\nimport {\n  Checkbox as HeroCheckbox,\n  CheckboxGroup as HeroCheckboxGroup,\n} from '@heroui/checkbox';\nimport { checkbox as heroCheckboxVariants } from '@heroui/theme';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../hooks';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport const checkboxesVariants = tv({\n  slots: {\n    base: 'group', // Needs group for group-data condition\n    errorMessage: 'text-tiny',\n    // see HeroUI styles for group-data condition,\n    // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/select.ts\n    label:\n      'text-foreground group-data-[invalid=true]:!text-danger inline-flex text-sm subpixel-antialiased',\n    optionBase: '',\n    optionIcon: '',\n    optionLabel: '',\n    optionLabelSubline: '!text-small text-foreground-400',\n    optionWrapper: '',\n    wrapper: '',\n  },\n  variants: {\n    // see: https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/checkbox.ts\n    color: {\n      info: {\n        wrapper:\n          'text-info-foreground after:bg-info after:text-info-foreground',\n      },\n      ...heroCheckboxVariants.variants.color,\n    } as const,\n    lineThrough: {\n      true: {\n        optionLabel: [\n          ...heroCheckboxVariants.variants.lineThrough.true.label,\n          // fix stroke position when used with subline and enable animation\n          'relative before:transition-all before:duration-200',\n        ],\n        optionLabelSubline: 'group-data-[selected=true]:opacity-60',\n      },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof checkboxesVariants>;\ntype ClassName = TVClassName<typeof checkboxesVariants>;\n\nexport interface CheckboxOption {\n  /** option label */\n  label?: ReactNode;\n  /** subline displayed below the label */\n  labelSubline?: ReactNode;\n  /** option value */\n  value: string;\n  /** disables the option */\n  disabled?: boolean;\n  /** HTML data-testid attribute of the option */\n  testId?: string;\n}\n\nexport interface CheckboxesProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** Color scheme of the checkboxes */\n  color?: VariantProps['color'];\n  /** Sets all checkboxes disabled */\n  disabled?: boolean;\n  /** Orientation of the checkboxes */\n  inline?: boolean;\n  /** Label displayed above the checkboxes */\n  label?: ReactNode;\n  /** Whether the checkboxes label should be crossed out */\n  lineThrough?: boolean;\n  /** Name the Field is registered on the form */\n  name: string;\n  /** Checkboxes that should be displayed. */\n  options: CheckboxOption[];\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Checkboxes component based on [HeroUI CheckboxGroup](https://www.heroui.com//docs/components/checkbox-group)\n */\nconst Checkboxes = ({\n  className = undefined,\n  color = 'primary',\n  inline = false,\n  lineThrough = false,\n  options,\n  name,\n  ...uniformFieldProps\n}: CheckboxesProps) => {\n  const {\n    disabled,\n    error: _error,\n    field: { onChange, value = [], ref, onBlur },\n    invalid,\n    label,\n    required,\n    testId,\n  } = useUniformField({\n    name,\n    showInvalidWhen: 'immediate',\n    ...uniformFieldProps,\n  });\n\n  // Convert React Hook Form's nested error object structure to a flat array\n  // RHF errors can be nested like: checkboxField.0 (individual checkbox errors)\n  // and checkboxField._error (global field errors) - this flattens all\n  // error values into a single array for rendering with FieldValidationError\n  const errorFlat: FieldError[] =\n    (_error &&\n      Object.values(\n        _error as unknown as Record<string, FieldError[]>,\n      ).flat()) ??\n    [];\n  const errorMessage = (\n    <FieldValidationError error={errorFlat} testId={testId} />\n  );\n\n  /**\n   * Handles the checkboxes value changes based on the number of options:\n   * 1. For single checkbox (options.length === 1):\n   *    - Converts undefined/empty array to [] for consistent controlled behavior\n   *    - Extracts single value from array for onChange\n   *\n   *    Example: undefined → []\n   *            [value] → value\n   *\n   * 2. For multiple checkboxes:\n   *    - Uses raw value array with fallback to empty array\n   *    - Passes through onChange directly\n   *\n   *    Example: undefined → []\n   *            ['value1', 'value2'] → ['value1', 'value2']\n   */\n  const getCheckboxValue = (inputValue: unknown): string[] => {\n    if (Array.isArray(inputValue)) {\n      return inputValue as string[];\n    }\n    if (inputValue) {\n      return [inputValue as string];\n    }\n    return [];\n  };\n\n  const singleCheckboxProps = {\n    value: getCheckboxValue(value),\n    onChange: (newValue: string[]) => {\n      onChange(newValue?.[0]);\n    },\n  };\n\n  const multipleCheckboxProps = {\n    onChange,\n    value: getCheckboxValue(value),\n  };\n\n  const checkboxesProps =\n    options.length === 1 ? singleCheckboxProps : multipleCheckboxProps;\n\n  // classNames from slots\n  const variants = checkboxesVariants({ lineThrough });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // map slots to HeroUI class names\n  const heroCheckboxGroupClassNames: HeroCheckboxGroupProps['classNames'] = {\n    base: classNames.base,\n    label: classNames.label,\n    wrapper: classNames.wrapper,\n  };\n  const heroCheckboxClassNames: HeroCheckboxProps['classNames'] = {\n    base: classNames.optionBase,\n    icon: classNames.optionIcon,\n    label: classNames.optionLabel,\n    wrapper: classNames.optionWrapper,\n  };\n\n  return (\n    <HeroCheckboxGroup\n      ref={ref}\n      classNames={heroCheckboxGroupClassNames}\n      color={color === 'info' ? 'primary' : color}\n      // see HeroUI styles for group-data condition (data-invalid),\n      // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/components/select/src/use-select.ts\n      data-invalid={invalid}\n      data-testid={testId}\n      errorMessage={errorMessage}\n      isDisabled={disabled}\n      isInvalid={invalid}\n      isRequired={required}\n      label={label ? <legend>{label}</legend> : null}\n      name={name}\n      onBlur={onBlur}\n      orientation={inline ? 'horizontal' : 'vertical'}\n      {...checkboxesProps}\n    >\n      {options?.map((option) => {\n        const optionTestId = slugify(\n          `${testId}_option_${option?.testId ?? option?.value}`,\n          { replaceDots: true },\n        );\n\n        // set content and classes depending option has subline\n        const hasSubline = !!option.labelSubline;\n        let labelContent: ReactNode;\n        let optionClassNames = heroCheckboxClassNames;\n        if (hasSubline) {\n          labelContent = (\n            <div className=\"flex grow flex-col items-start\">\n              <span className={classNames.optionLabel}>{option.label}</span>\n              <span className={classNames.optionLabelSubline}>\n                {option.labelSubline}\n              </span>\n            </div>\n          );\n          // remove label classes from outer label when subline is used\n          optionClassNames = { ...optionClassNames, label: '' };\n        } else {\n          labelContent = option.label;\n        }\n\n        return (\n          <HeroCheckbox\n            key={`index_${option.value}`}\n            classNames={optionClassNames}\n            data-invalid={invalid}\n            data-testid={optionTestId}\n            isDisabled={!!disabled || option.disabled}\n            value={option?.value}\n            aria-label={\n              typeof option.label === 'string' ? option.label : option.value\n            }\n          >\n            {labelContent}\n          </HeroCheckbox>\n        );\n      })}\n    </HeroCheckboxGroup>\n  );\n};\n\nexport default Checkboxes;\n","import Checkboxes from './Checkboxes';\n\nexport type { CheckboxesProps, CheckboxOption } from './Checkboxes';\n\nexport { Checkboxes };\n\nexport default Checkboxes;\n"],"mappings":"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","names":["_a","Checkboxes_default"]}