@ultraviolet/form 4.0.0-beta.9 → 4.0.0

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 {};