@ultraviolet/form 4.0.0-beta.2 → 4.0.0-beta.20

package/dist/components/TextInputFieldV2/index.js

@@ -1,90 +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,
-  id,
-  className,
-  tabIndex,
-  onChange,
-  placeholder,
-  disabled = false,
-  readOnly = false,
-  success,
-  helper,
-  tooltip,
-  label,
-  autoFocus,
-  required = false,
-  "data-testid": dataTestId,
-  name,
-  onFocus,
-  onBlur,
-  clearable = false,
-  labelDescription,
-  type = "text",
-  prefix,
-  suffix,
-  size = "large",
-  loading,
-  onRandomize,
-  minLength,
-  maxLength,
-  "aria-labelledby": ariaLabelledBy,
-  "aria-label": ariaLabel,
-  autoComplete,
-  shouldUnregister,
-  validate,
-  control,
-  role,
-  "aria-live": ariaLive,
-  "aria-atomic": ariaAtomic,
-  onKeyDown,
-  onKeyUp
-}) => {
-  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, { autoFocus, className, clearable, "data-testid": dataTestId, disabled, error: getError({
-    regex: regexes,
-    minLength,
-    maxLength,
-    label: label ?? ariaLabel ?? name,
-    value: field.value
-  }, error), helper, label, loading, labelDescription, minLength, maxLength, name, onBlur: (event) => {
-    onBlur?.(event);
-    field.onBlur();
-  }, onChange: (event) => {
-    field.onChange(event);
-    onChange?.(event.target.value);
-  }, onFocus: (event) => {
-    onFocus?.(event);
-  }, placeholder, readOnly, required, success, tabIndex, tooltip, type, value: field.value === void 0 ? "" : field.value, id, prefix, suffix, size, onRandomize, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, autoComplete, role, "aria-live": ariaLive, "aria-atomic": ariaAtomic, onKeyDown, onKeyUp });
-};
-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>>({ id, className, onChange, placeholder, disabled, readOnly, helper, label, autoFocus, required, "data-testid": dataTestId, name, onFocus, onBlur, clearable, labelDescription, size, "aria-label": ariaLabel, shouldUnregister, control, timeFormat, }: TimeInputFieldProps<TFieldValues, TFieldName>) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};