@ultraviolet/form 4.0.0-beta.10 → 4.0.0-beta.11

package/dist/components/SelectInputFieldV2/index.cjs

@@ -1,50 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const ui = require("@ultraviolet/ui");
-const react = require("react");
-const reactHookForm = require("react-hook-form");
-const index = require("../../providers/ErrorContext/index.cjs");
-const SelectInputFieldV2 = ({
-  label = "",
-  onBlur,
-  required,
-  name,
-  "aria-label": ariaLabel,
-  shouldUnregister = false,
-  control,
-  validate,
-  onChange,
-  multiselect,
-  ...props
-}) => {
-  const {
-    field,
-    fieldState: {
-      error
-    }
-  } = reactHookForm.useController({
-    name,
-    control,
-    shouldUnregister,
-    rules: {
-      required,
-      validate
-    }
-  });
-  const {
-    getError
-  } = index.useErrors();
-  const handleChange = react.useCallback((value) => {
-    onChange?.(value);
-    field.onChange(value);
-  }, [onChange, field]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.SelectInputV2, { name: field.name, multiselect, required, onBlur: (event) => {
-    field.onBlur();
-    onBlur?.(event);
-  }, value: field.value, error: getError({
-    label: label ?? ariaLabel ?? name
-  }, error), label, "aria-label": ariaLabel, onChange: handleChange, ...props });
-};
-exports.SelectInputFieldV2 = SelectInputFieldV2;

package/dist/components/SelectInputFieldV2/index.d.ts

@@ -1,7 +0,0 @@
-import { SelectInputV2 } from '@ultraviolet/ui';
-import { type ComponentProps } from 'react';
-import type { FieldPath, FieldValues } from 'react-hook-form';
-import type { BaseFieldProps } from '../../types';
-type SelectInputFieldV2Props<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof SelectInputV2>, 'value' | 'onChange'>;
-export declare const SelectInputFieldV2: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ label, onBlur, required, name, "aria-label": ariaLabel, shouldUnregister, control, validate, onChange, multiselect, ...props }: SelectInputFieldV2Props<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/SelectInputFieldV2/index.js

@@ -1,50 +0,0 @@
-"use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import { SelectInputV2 } from "@ultraviolet/ui";
-import { useCallback } from "react";
-import { useController } from "react-hook-form";
-import { useErrors } from "../../providers/ErrorContext/index.js";
-const SelectInputFieldV2 = ({
-  label = "",
-  onBlur,
-  required,
-  name,
-  "aria-label": ariaLabel,
-  shouldUnregister = false,
-  control,
-  validate,
-  onChange,
-  multiselect,
-  ...props
-}) => {
-  const {
-    field,
-    fieldState: {
-      error
-    }
-  } = useController({
-    name,
-    control,
-    shouldUnregister,
-    rules: {
-      required,
-      validate
-    }
-  });
-  const {
-    getError
-  } = useErrors();
-  const handleChange = useCallback((value) => {
-    onChange?.(value);
-    field.onChange(value);
-  }, [onChange, field]);
-  return /* @__PURE__ */ jsx(SelectInputV2, { name: field.name, multiselect, required, onBlur: (event) => {
-    field.onBlur();
-    onBlur?.(event);
-  }, value: field.value, error: getError({
-    label: label ?? ariaLabel ?? name
-  }, error), label, "aria-label": ariaLabel, onChange: handleChange, ...props });
-};
-export {
-  SelectInputFieldV2
-};

package/dist/components/TextInputFieldV2/index.cjs

@@ -1,62 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const ui = require("@ultraviolet/ui");
-const reactHookForm = require("react-hook-form");
-const validateRegex = require("../../utils/validateRegex.cjs");
-const index = require("../../providers/ErrorContext/index.cjs");
-const TextInputField = ({
-  regex: regexes,
-  onChange,
-  label,
-  required = false,
-  name,
-  onBlur,
-  minLength,
-  maxLength,
-  "aria-label": ariaLabel,
-  shouldUnregister,
-  validate,
-  control,
-  ...props
-}) => {
-  const {
-    getError
-  } = index.useErrors();
-  const {
-    field,
-    fieldState: {
-      error
-    }
-  } = reactHookForm.useController({
-    name,
-    shouldUnregister,
-    control,
-    rules: {
-      required,
-      validate: {
-        ...regexes ? {
-          pattern: (value) => validateRegex.validateRegex(value, regexes)
-        } : {},
-        ...validate
-      },
-      minLength,
-      maxLength
-    }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.TextInputV2, { ...props, error: getError({
-    regex: regexes,
-    minLength,
-    maxLength,
-    label: label ?? ariaLabel ?? name,
-    value: field.value
-  }, error), label, minLength, maxLength, name, onBlur: (event) => {
-    onBlur?.(event);
-    field.onBlur();
-  }, onChange: (event) => {
-    field.onChange(event);
-    onChange?.(event.target.value);
-  }, required, value: field.value === void 0 ? "" : field.value, "aria-label": ariaLabel });
-};
-exports.TextInputField = TextInputField;

package/dist/components/TextInputFieldV2/index.d.ts

@@ -1,12 +0,0 @@
-import { TextInputV2 } from '@ultraviolet/ui';
-import type { ComponentProps } from 'react';
-import type { FieldPath, FieldValues } from 'react-hook-form';
-import type { BaseFieldProps } from '../../types';
-type TextInputFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof TextInputV2>, 'value' | 'error' | 'name' | 'onChange'> & {
-    regex?: (RegExp | RegExp[])[];
-};
-/**
- * This component offers a form field based on Ultraviolet UI TextInputV2 component
- */
-export declare const TextInputField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ regex: regexes, onChange, label, required, name, onBlur, minLength, maxLength, "aria-label": ariaLabel, shouldUnregister, validate, control, ...props }: TextInputFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/TextInputFieldV2/index.js

@@ -1,62 +0,0 @@
-"use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import { TextInputV2 } from "@ultraviolet/ui";
-import { useController } from "react-hook-form";
-import { validateRegex } from "../../utils/validateRegex.js";
-import { useErrors } from "../../providers/ErrorContext/index.js";
-const TextInputField = ({
-  regex: regexes,
-  onChange,
-  label,
-  required = false,
-  name,
-  onBlur,
-  minLength,
-  maxLength,
-  "aria-label": ariaLabel,
-  shouldUnregister,
-  validate,
-  control,
-  ...props
-}) => {
-  const {
-    getError
-  } = useErrors();
-  const {
-    field,
-    fieldState: {
-      error
-    }
-  } = useController({
-    name,
-    shouldUnregister,
-    control,
-    rules: {
-      required,
-      validate: {
-        ...regexes ? {
-          pattern: (value) => validateRegex(value, regexes)
-        } : {},
-        ...validate
-      },
-      minLength,
-      maxLength
-    }
-  });
-  return /* @__PURE__ */ jsx(TextInputV2, { ...props, error: getError({
-    regex: regexes,
-    minLength,
-    maxLength,
-    label: label ?? ariaLabel ?? name,
-    value: field.value
-  }, error), label, minLength, maxLength, name, onBlur: (event) => {
-    onBlur?.(event);
-    field.onBlur();
-  }, onChange: (event) => {
-    field.onChange(event);
-    onChange?.(event.target.value);
-  }, required, value: field.value === void 0 ? "" : field.value, "aria-label": ariaLabel });
-};
-export {
-  TextInputField
-};

package/dist/components/TimeField/index.cjs

@@ -1,68 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const ui = require("@ultraviolet/ui");
-const reactHookForm = require("react-hook-form");
-const parseTime = (date) => {
-  const timeStr = date && typeof date !== "string" ? date.toLocaleTimeString().slice(0, -3) : "";
-  return {
-    label: timeStr,
-    value: timeStr
-  };
-};
-const TimeField = ({
-  required,
-  name,
-  control,
-  schedule,
-  placeholder,
-  disabled,
-  readOnly,
-  onBlur,
-  onFocus,
-  onChange,
-  isLoading,
-  isClearable,
-  inputId,
-  id,
-  animation,
-  animationDuration,
-  animationOnChange,
-  className,
-  isSearchable,
-  options,
-  "data-testid": dataTestId,
-  shouldUnregister = false,
-  noTopLabel,
-  validate
-}) => {
-  const {
-    field,
-    fieldState: {
-      error
-    }
-  } = reactHookForm.useController({
-    name,
-    control,
-    shouldUnregister,
-    rules: {
-      required,
-      validate
-    }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.TimeInput, { name: field.name, placeholder, schedule, required, value: parseTime(field.value), onChange: (val) => {
-    if (!val) return;
-    onChange?.(val);
-    const [hours, minutes] = val.value.split(":");
-    const date = field.value ? new Date(field.value) : /* @__PURE__ */ new Date();
-    date.setHours(Number(hours), Number(minutes), 0);
-    field.onChange(date);
-  }, onBlur: (event) => {
-    field.onBlur();
-    onBlur?.(event);
-  }, onFocus: (event) => {
-    onFocus?.(event);
-  }, error: error?.message, disabled, readOnly, animation, animationDuration, animationOnChange, className, isLoading, isClearable, isSearchable, inputId, id, options, "data-testid": dataTestId, noTopLabel });
-};
-exports.TimeField = TimeField;

package/dist/components/TimeField/index.d.ts

@@ -1,7 +0,0 @@
-import { TimeInput } from '@ultraviolet/ui';
-import type { ComponentProps } from 'react';
-import type { FieldPath, FieldValues } from 'react-hook-form';
-import type { BaseFieldProps } from '../../types';
-type TimeFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof TimeInput>, 'onChange'>;
-export declare const TimeField: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ required, name, control, schedule, placeholder, disabled, readOnly, onBlur, onFocus, onChange, isLoading, isClearable, inputId, id, animation, animationDuration, animationOnChange, className, isSearchable, options, "data-testid": dataTestId, shouldUnregister, noTopLabel, validate, }: TimeFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/TimeField/index.js

@@ -1,68 +0,0 @@
-"use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import { TimeInput } from "@ultraviolet/ui";
-import { useController } from "react-hook-form";
-const parseTime = (date) => {
-  const timeStr = date && typeof date !== "string" ? date.toLocaleTimeString().slice(0, -3) : "";
-  return {
-    label: timeStr,
-    value: timeStr
-  };
-};
-const TimeField = ({
-  required,
-  name,
-  control,
-  schedule,
-  placeholder,
-  disabled,
-  readOnly,
-  onBlur,
-  onFocus,
-  onChange,
-  isLoading,
-  isClearable,
-  inputId,
-  id,
-  animation,
-  animationDuration,
-  animationOnChange,
-  className,
-  isSearchable,
-  options,
-  "data-testid": dataTestId,
-  shouldUnregister = false,
-  noTopLabel,
-  validate
-}) => {
-  const {
-    field,
-    fieldState: {
-      error
-    }
-  } = useController({
-    name,
-    control,
-    shouldUnregister,
-    rules: {
-      required,
-      validate
-    }
-  });
-  return /* @__PURE__ */ jsx(TimeInput, { name: field.name, placeholder, schedule, required, value: parseTime(field.value), onChange: (val) => {
-    if (!val) return;
-    onChange?.(val);
-    const [hours, minutes] = val.value.split(":");
-    const date = field.value ? new Date(field.value) : /* @__PURE__ */ new Date();
-    date.setHours(Number(hours), Number(minutes), 0);
-    field.onChange(date);
-  }, onBlur: (event) => {
-    field.onBlur();
-    onBlur?.(event);
-  }, onFocus: (event) => {
-    onFocus?.(event);
-  }, error: error?.message, disabled, readOnly, animation, animationDuration, animationOnChange, className, isLoading, isClearable, isSearchable, inputId, id, options, "data-testid": dataTestId, noTopLabel });
-};
-export {
-  TimeField
-};

package/dist/components/TimeInputFieldV2/index.d.ts

@@ -1,11 +0,0 @@
-import { TimeInputV2 } from '@ultraviolet/ui';
-import type { ComponentProps } from 'react';
-import type { FieldPath, FieldValues } from 'react-hook-form';
-import type { BaseFieldProps } from '../../types';
-type TimeInputFieldProps<TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues>> = BaseFieldProps<TFieldValues, TFieldName> & Omit<ComponentProps<typeof TimeInputV2>, 'value' | 'error' | 'name' | 'onChange'>;
-/**
- * This component offers a form field based on Ultraviolet UI TimeInputV2 component
- *  @experimental This component is experimental and may be subject to breaking changes in the future.
- */
-export declare const TimeInputFieldV2: <TFieldValues extends FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ onChange, label, required, name, onBlur, "aria-label": ariaLabel, shouldUnregister, control, ...props }: TimeInputFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};