@jobber/components 7.14.2 → 7.15.0

package/dist/InputPhoneNumber/index.cjs

@@ -4,7 +4,7 @@ var InputPhoneNumber = require('../InputPhoneNumber-cjs.js');
 require('../tslib.es6-cjs.js');
 require('react');
 require('classnames');
-require('../FormFieldPostFix-cjs.js');
+require('../FormFieldWrapper-cjs.js');
 require('@jobber/hooks');
 require('framer-motion');
 require('@jobber/design');
@@ -15,6 +15,7 @@ require('../Typography-cjs.js');
 require('../Text-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
+require('../FormFieldPostFix-cjs.js');
 require('../Spinner-cjs.js');
 require('../useAtlantisFormFieldName-cjs.js');
 require('react-hook-form');

package/dist/InputPhoneNumber/index.mjs

@@ -2,7 +2,7 @@ export { I as InputPhoneNumber } from '../InputPhoneNumber-es.js';
 import '../tslib.es6-es.js';
 import 'react';
 import 'classnames';
-import '../FormFieldPostFix-es.js';
+import '../FormFieldWrapper-es.js';
 import '@jobber/hooks';
 import 'framer-motion';
 import '@jobber/design';
@@ -13,6 +13,7 @@ import '../Typography-es.js';
 import '../Text-es.js';
 import '../useFormFieldFocus-es.js';
 import '../InputValidation-es.js';
+import '../FormFieldPostFix-es.js';
 import '../Spinner-es.js';
 import '../useAtlantisFormFieldName-es.js';
 import 'react-hook-form';

package/dist/InputPhoneNumber-cjs.js

@@ -3,6 +3,7 @@
 var tslib_es6 = require('./tslib.es6-cjs.js');
 var React = require('react');
 var classnames = require('classnames');
+var FormFieldWrapper = require('./FormFieldWrapper-cjs.js');
 var FormFieldPostFix = require('./FormFieldPostFix-cjs.js');
 var useAtlantisFormFieldName = require('./useAtlantisFormFieldName-cjs.js');
 require('react-hook-form');
@@ -179,8 +180,8 @@ const InputPhoneNumber = React.forwardRef(function InputPhoneNumberInternal(_a,
     const descriptionIdentifier = `descriptionUUID--${id}`, descriptionVisible = props.description && !props.inline;
     const isInvalid = Boolean(props.error || props.invalid);
     const dataAttrs = filterDataAttributes.filterDataAttributes(props);
-    return (React.createElement(FormFieldPostFix.FormFieldWrapper, { disabled: props.disabled, size: props.size, inline: props.inline, wrapperRef: wrapperRef, error: (_c = props.error) !== null && _c !== void 0 ? _c : "", invalid: Boolean(props.error || props.invalid), identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, clearable: (_d = props.clearable) !== null && _d !== void 0 ? _d : "never", onClear: handleClear, type: "tel", placeholder: props.placeholder, value: formattedValue, prefix: props.prefix, suffix: props.suffix, readonly: props.readOnly, loading: props.loading },
-        React.createElement("input", Object.assign({ id: id, name: name, type: "tel", ref: inputPhoneNumberRef, className: classnames(FormFieldPostFix.formFieldStyles.input, {
+    return (React.createElement(FormFieldWrapper.FormFieldWrapper, { disabled: props.disabled, size: props.size, inline: props.inline, wrapperRef: wrapperRef, error: (_c = props.error) !== null && _c !== void 0 ? _c : "", invalid: Boolean(props.error || props.invalid), identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, clearable: (_d = props.clearable) !== null && _d !== void 0 ? _d : "never", onClear: handleClear, type: "tel", placeholder: props.placeholder, value: formattedValue, prefix: props.prefix, suffix: props.suffix, readonly: props.readOnly, loading: props.loading },
+        React.createElement("input", Object.assign({ id: id, name: name, type: "tel", ref: inputPhoneNumberRef, className: classnames(FormFieldWrapper.formFieldStyles.input, {
                 [styles.emptyValue]: inputValue.length === 0 && pattern[0] === "(",
             }), value: formattedValue, disabled: props.disabled, readOnly: props.readOnly, autoFocus: props.autoFocus, autoComplete: props.autoComplete, inputMode: props.inputMode, tabIndex: props.tabIndex, required: props.required, role: props.role, "aria-label": props["aria-label"], "aria-describedby": descriptionVisible ? descriptionIdentifier : props["aria-describedby"], "aria-invalid": isInvalid ? true : undefined, "aria-controls": props["aria-controls"], "aria-expanded": props["aria-expanded"], "aria-activedescendant": props["aria-activedescendant"], "aria-autocomplete": props["aria-autocomplete"], "aria-required": props["aria-required"], onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, onClick: handleClick, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp }, dataAttrs)),
         React.createElement(MaskElement, { isMasking: isMasking, formattedValue: formattedValue, placeholderMask: placeholderMask }),

package/dist/InputPhoneNumber-es.js

@@ -1,7 +1,8 @@
 import { _ as __rest } from './tslib.es6-es.js';
 import React__default, { useState, useMemo, useCallback, useEffect, forwardRef, useId } from 'react';
 import classnames from 'classnames';
-import { c as FormFieldWrapper, g as formFieldStyles, h as FormFieldPostFix } from './FormFieldPostFix-es.js';
+import { c as FormFieldWrapper, g as formFieldStyles } from './FormFieldWrapper-es.js';
+import { F as FormFieldPostFix } from './FormFieldPostFix-es.js';
 import { u as useAtlantisFormFieldName } from './useAtlantisFormFieldName-es.js';
 import 'react-hook-form';
 import './Button-es.js';

package/dist/InputText/index.cjs

@@ -9,6 +9,7 @@ require('react-hook-form');
 require('framer-motion');
 require('@jobber/design');
 require('../Button-cjs.js');
+var FormFieldWrapper = require('../FormFieldWrapper-cjs.js');
 var FormFieldPostFix = require('../FormFieldPostFix-cjs.js');
 var useAtlantisFormFieldName = require('../useAtlantisFormFieldName-cjs.js');
 var mergeRefs = require('../mergeRefs-cjs.js');
@@ -248,10 +249,10 @@ const InputTextSPAR = React.forwardRef(function InputTextInternal(props, inputRe
     const mergedRef = React.useMemo(() => mergeRefs.mergeRefs([inputRef, inputTextRef]), []);
     // Shared props for both TextArea and TextInput
     const commonInputProps = Object.assign({ id,
-        name, className: FormFieldPostFix.formFieldStyles.input, value: props.value, disabled: props.disabled, readOnly: props.readOnly, autoFocus: props.autoFocus, autoComplete: props.autoComplete, inputMode: props.inputMode, tabIndex: props.tabIndex, maxLength: props.maxLength, required: props.required, role: props.role, "aria-label": props["aria-label"], "aria-describedby": descriptionVisible
+        name, className: FormFieldWrapper.formFieldStyles.input, value: props.value, disabled: props.disabled, readOnly: props.readOnly, autoFocus: props.autoFocus, autoComplete: props.autoComplete, inputMode: props.inputMode, tabIndex: props.tabIndex, maxLength: props.maxLength, required: props.required, role: props.role, "aria-label": props["aria-label"], "aria-describedby": descriptionVisible
             ? descriptionIdentifier
             : props["aria-describedby"], "aria-invalid": isInvalid ? true : undefined, "aria-controls": props["aria-controls"], "aria-expanded": props["aria-expanded"], "aria-activedescendant": props["aria-activedescendant"], "aria-autocomplete": props["aria-autocomplete"], "aria-required": props["aria-required"], onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onClick: handleClick, ref: mergedRef }, dataAttrs);
-    return (React.createElement(FormFieldPostFix.FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, name: name, wrapperRef: wrapperRef, error: (_a = props.error) !== null && _a !== void 0 ? _a : "", invalid: Boolean(props.error || props.invalid), identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, clearable: (_b = props.clearable) !== null && _b !== void 0 ? _b : "never", onClear: handleClear, type: props.multiline ? "textarea" : "text", placeholder: props.placeholder, value: props.value, prefix: props.prefix, suffix: props.suffix, readonly: props.readOnly, rows: rowRange.min, toolbar: props.toolbar, toolbarVisibility: props.toolbarVisibility, showMiniLabel: props.showMiniLabel },
+    return (React.createElement(FormFieldWrapper.FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, name: name, wrapperRef: wrapperRef, error: (_a = props.error) !== null && _a !== void 0 ? _a : "", invalid: Boolean(props.error || props.invalid), identifier: id, descriptionIdentifier: descriptionIdentifier, description: props.description, clearable: (_b = props.clearable) !== null && _b !== void 0 ? _b : "never", onClear: handleClear, type: props.multiline ? "textarea" : "text", placeholder: props.placeholder, value: props.value, prefix: props.prefix, suffix: props.suffix, readonly: props.readOnly, rows: rowRange.min, toolbar: props.toolbar, toolbarVisibility: props.toolbarVisibility, showMiniLabel: props.showMiniLabel },
         React.createElement(React.Fragment, null,
             props.multiline ? (React.createElement(TextArea, Object.assign({}, commonInputProps, { rows: rowRange.min }))) : (React.createElement(TextInput, Object.assign({}, commonInputProps, { pattern: props.pattern }))),
             React.createElement(FormFieldPostFix.FormFieldPostFix, { variation: "spinner", visible: (_c = props.loading) !== null && _c !== void 0 ? _c : false }))));

package/dist/InputText/index.mjs

@@ -7,7 +7,8 @@ import 'react-hook-form';
 import 'framer-motion';
 import '@jobber/design';
 import '../Button-es.js';
-import { g as formFieldStyles, c as FormFieldWrapper, h as FormFieldPostFix } from '../FormFieldPostFix-es.js';
+import { g as formFieldStyles, c as FormFieldWrapper } from '../FormFieldWrapper-es.js';
+import { F as FormFieldPostFix } from '../FormFieldPostFix-es.js';
 import { u as useAtlantisFormFieldName } from '../useAtlantisFormFieldName-es.js';
 import { m as mergeRefs } from '../mergeRefs-es.js';
 import { f as filterDataAttributes } from '../filterDataAttributes-es.js';

package/dist/InputTime/InputTime.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import type { InputTimeProps } from "./InputTime.types";
-export declare function InputTime({ defaultValue, value, onChange, ...params }: InputTimeProps): React.JSX.Element;
+export declare function InputTime({ value, onChange, readOnly, autoComplete, inputRef, step, ...props }: InputTimeProps): React.JSX.Element;

package/dist/InputTime/InputTime.types.d.ts

@@ -1,29 +1,7 @@
 import type { Ref } from "react";
-import type { CommonFormFieldProps, FormFieldProps } from "../FormField";
+import type { FormFieldProps } from "../FormField";
 import type { FocusEvents, HTMLInputBaseProps, KeyboardEvents, MouseEvents, RebuiltInputCommonProps } from "../sharedHelpers/types";
-export interface InputTimeProps extends Pick<CommonFormFieldProps, "id" | "align" | "description" | "disabled" | "invalid" | "inline" | "loading" | "name" | "onValidation" | "placeholder" | "size" | "clearable">, Pick<FormFieldProps, "maxLength" | "readonly" | "autocomplete" | "max" | "min" | "onEnter" | "onFocus" | "onBlur" | "inputRef" | "validations"> {
-    /**
-     * Intial value of the input. Only use this when you need to prepopulate the
-     * field with a data that is not controlled by the components state. If a
-     * state is controlling the value, use the `value` prop instead.
-     */
-    readonly defaultValue?: Date;
-    /**
-     * Set the component to the given value.
-     */
-    readonly value?: Date;
-    /**
-     * Function called when user changes input value.
-     */
-    onChange?(newValue?: Date): void;
-}
-/**
- * @deprecated Use the v2 InputTime component instead (version={2}).
- */
-export interface InputTimeLegacyProps extends InputTimeProps {
-    version?: 1;
-}
-export interface InputTimeRebuiltProps extends Omit<HTMLInputBaseProps, "maxLength">, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, MouseEvents<HTMLInputElement>, Omit<RebuiltInputCommonProps, "showMiniLabel">, Pick<InputTimeProps, "value" | "onChange"> {
+export interface InputTimeProps extends Omit<HTMLInputBaseProps, "maxLength">, FocusEvents<HTMLInputElement>, KeyboardEvents<HTMLInputElement>, MouseEvents<HTMLInputElement>, Omit<RebuiltInputCommonProps, "showMiniLabel" | "version">, Pick<InputTimeProps, "value" | "onChange"> {
     /**
      * Maximum numerical or date value.
      */
@@ -45,4 +23,12 @@ export interface InputTimeRebuiltProps extends Omit<HTMLInputBaseProps, "maxLeng
      * @deprecated Use `onKeyDown` or `onKeyUp` instead.
      */
     readonly onEnter?: FormFieldProps["onEnter"];
+    /**
+     * Set the component to the given value.
+     */
+    readonly value?: Date;
+    /**
+     * Function called when user changes input value.
+     */
+    onChange?(newValue?: Date): void;
 }

package/dist/InputTime/hooks/useInputTimeActions.d.ts

@@ -1,6 +1,6 @@
 import type { ChangeEvent, FocusEvent, KeyboardEvent, MouseEvent, PointerEvent } from "react";
-import type { InputTimeRebuiltProps } from "../InputTime.types";
-export interface UseInputTimeActionsProps extends Pick<InputTimeRebuiltProps, "onChange" | "onFocus" | "onBlur" | "onKeyDown" | "onClick" | "onMouseDown" | "onMouseUp" | "onPointerDown" | "onPointerUp"> {
+import type { InputTimeProps } from "../InputTime.types";
+export interface UseInputTimeActionsProps extends Pick<InputTimeProps, "onChange" | "onFocus" | "onBlur" | "onKeyDown" | "onClick" | "onMouseDown" | "onMouseUp" | "onPointerDown" | "onPointerUp"> {
     readonly value?: Date;
     readonly readOnly?: boolean;
     readonly disabled?: boolean;

package/dist/InputTime/index.cjs

@@ -1,362 +1,28 @@
 'use strict';
 
-var React = require('react');
-var tslib_es6 = require('../tslib.es6-cjs.js');
-var debounce = require('../debounce-cjs.js');
-var FormFieldPostFix = require('../FormFieldPostFix-cjs.js');
-require('classnames');
-require('@jobber/design');
-require('react-hook-form');
-var mergeRefs = require('../mergeRefs-cjs.js');
-require('../Button-cjs.js');
-var filterDataAttributes = require('../filterDataAttributes-cjs.js');
-var omit = require('../omit-cjs.js');
-var FormField = require('../FormField-cjs.js');
-require('@jobber/hooks');
-require('framer-motion');
+var InputTime = require('../InputTime-cjs.js');
+require('../tslib.es6-cjs.js');
+require('react');
+require('../debounce-cjs.js');
 require('../_commonjsHelpers-cjs.js');
 require('../isObjectLike-cjs.js');
 require('../isSymbol-cjs.js');
+require('../FormFieldWrapper-cjs.js');
+require('@jobber/hooks');
+require('framer-motion');
+require('@jobber/design');
+require('classnames');
+require('../Button-cjs.js');
+require('react-router-dom');
 require('../Icon-cjs.js');
-require('../Text-cjs.js');
 require('../Typography-cjs.js');
+require('../Text-cjs.js');
 require('../useFormFieldFocus-cjs.js');
 require('../InputValidation-cjs.js');
-require('../Spinner-cjs.js');
-require('react-router-dom');
-require('../_getAllKeys-cjs.js');
-require('../isTypedArray-cjs.js');
-require('../identity-cjs.js');
-require('../_getTag-cjs.js');
-require('../keysIn-cjs.js');
-require('../_baseAssignValue-cjs.js');
-require('../_baseFlatten-cjs.js');
-require('../_setToString-cjs.js');
-require('../useAtlantisFormFieldName-cjs.js');
-
-const DEBOUNCE_TIME = 300;
-function useTimePredict({ value, handleChange }) {
-    const [IS_12_HOUR_FORMAT, set12HourFormat] = React.useState(false);
-    const [typedTime, setTypedTime] = React.useState("");
-    const predictTime = React.useCallback(debounce.debounce(() => {
-        if (value)
-            return;
-        handleChange(predictHours(typedTime, IS_12_HOUR_FORMAT));
-    }, DEBOUNCE_TIME), [typedTime, value, handleChange, IS_12_HOUR_FORMAT]);
-    React.useEffect(() => {
-        set12HourFormat(Boolean(Intl.DateTimeFormat(navigator.language, {
-            hour: "numeric",
-        }).resolvedOptions().hour12));
-    }, []);
-    /**
-     * Predict the hour when user types a number
-     */
-    React.useEffect(() => {
-        /**
-         * Don't try to predict if the user types 0 as the user would almost always
-         * type another number after 0.
-         */
-        if (typedTime && typedTime !== "0") {
-            predictTime();
-            if ((IS_12_HOUR_FORMAT && typedTime !== "1") || typedTime.length === 2) {
-                // Immediately predict the hour
-                predictTime.flush();
-            }
-        }
-        return predictTime.cancel;
-    }, [typedTime]);
-    /**
-     * Reset typed time when the value changed
-     */
-    React.useEffect(() => {
-        setTypedTime("");
-    }, [value]);
-    return {
-        setTypedTime,
-    };
-}
-function predictHours(time, is12HourFormat = false) {
-    const today = new Date();
-    const currentHour = today.getHours();
-    const parsedTime = parseInt(time, 10);
-    let predictedTime;
-    if (is12HourFormat) {
-        predictedTime = predict12Hours(parsedTime, currentHour);
-    }
-    else {
-        predictedTime = predict24Hours(time, parsedTime, currentHour);
-    }
-    return formatHour(predictedTime);
-}
-function predict12Hours(parsedTime, currentHour) {
-    /**
-     * We need to predict what the user wants when they type 1 since it could be
-     * 10, 11, 12, or 1.
-     *
-     * If the current hour is over 12PM, we can skip this and go to the next logic.
-     */
-    if (parsedTime === 1 && currentHour < 12) {
-        if (currentHour < 10) {
-            return 10;
-        }
-        else {
-            return currentHour + 1;
-        }
-    }
-    /**
-     * Typing 1-5 predicts that the user want that exact hour on the afternoon.
-     */
-    if (parsedTime <= 5) {
-        return parsedTime + 12;
-    }
-    /**
-     * Typing 13-15 predicts that the user want the 2nd number as the minute interval.
-     */
-    if (parsedTime > 12 && parsedTime <= 15) {
-        const timeArray = parsedTime.toString().split("").map(Number); // 13 -> [1, 3]
-        const convertToHoursAndMinutes = timeArray.map((time, i) => {
-            if (i === 0)
-                return time + 12; // 1 -> 13 as 1PM
-            if (i === 1)
-                return time * 10; // 3 -> 30 as 30 minutes
-        });
-        return Number(convertToHoursAndMinutes.join("")); // [13, 30] -> 1330
-    }
-    /**
-     * Anything after 5 will be predicted to be set as AM.
-     */
-    return parsedTime;
-}
-function predict24Hours(time, parsedTime, currentHour) {
-    /**
-     * Typing 1 could be predicted from 10 to 19.
-     * Typing 01 skips this logic and sets the time to 01:00.
-     */
-    if (parsedTime === 1 && time !== "01") {
-        if (currentHour < 10 || currentHour > 19) {
-            return 10;
-        }
-        else {
-            return currentHour + 1;
-        }
-    }
-    /**
-     * Typing 2 could be predicted from 20 to 24.
-     * Typing 02 skips this logic and sets the time to 02:00.
-     */
-    if (parsedTime === 2 && time !== "02") {
-        if (currentHour < 20) {
-            return 20;
-        }
-        else {
-            return currentHour + 1;
-        }
-    }
-    /**
-     * Typing 24 or 00 is set to midnight. This ensures the time doesn't get set
-     * to 24 as that would be invalid.
-     */
-    if (parsedTime === 24 || time === "00") {
-        return 0;
-    }
-    return parsedTime;
-}
-function formatHour(time) {
-    if (time > 99) {
-        const splitTime = time.toString().split("");
-        if (splitTime.length === 3)
-            splitTime.unshift("0"); // 130 -> 0130
-        splitTime.splice(2, 0, ":"); // 0130 -> 01:30
-        return splitTime.join("");
-    }
-    if (time < 10) {
-        return `0${time}:00`;
-    }
-    return `${time}:00`;
-}
-
-function dateToTimeString(date, includeSeconds = false) {
-    if (!(date instanceof Date)) {
-        return "";
-    }
-    const hours = date.getHours().toString().padStart(2, "0");
-    const minutes = date.getMinutes().toString().padStart(2, "0");
-    if (includeSeconds) {
-        const seconds = date.getSeconds().toString().padStart(2, "0");
-        return `${hours}:${minutes}:${seconds}`;
-    }
-    return `${hours}:${minutes}`;
-}
-function timeStringToDate(timeString, baseDate) {
-    try {
-        const [hours, minutes, seconds = 0] = timeString.split(":").map(Number);
-        if (isNaN(hours) ||
-            isNaN(minutes) ||
-            isNaN(seconds) ||
-            hours < 0 ||
-            hours > 24 ||
-            minutes < 0 ||
-            minutes > 60 ||
-            seconds < 0 ||
-            seconds > 60) {
-            return undefined;
-        }
-        // Try to preserve the Date part of the Date object as long as it is valid
-        const date = baseDate instanceof Date && !isNaN(baseDate.getTime())
-            ? new Date(baseDate)
-            : new Date();
-        date.setHours(hours, minutes, seconds, 0);
-        return date;
-    }
-    catch (_a) {
-        return undefined;
-    }
-}
-
-function useInputTimeActions({ onChange, value, inputRef, onFocus, onBlur, onKeyDown, onClick, onMouseDown, onMouseUp, onPointerDown, onPointerUp, }) {
-    function handleChangeEvent(event) {
-        handleChange(event.target.value);
-    }
-    function handleChange(newValue) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(timeStringToDate(newValue, value));
-    }
-    function handleBlur(event) {
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
-        if (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) {
-            if (!inputRef.current.checkValidity()) {
-                inputRef.current.value = "";
-                inputRef.current.valueAsDate = null;
-                // Remove validation error. This is mainly needed for Safari
-                inputRef.current.setCustomValidity("");
-            }
-        }
-    }
-    function handleClear() {
-        var _a;
-        // Clear the value and refocus without triggering blur event
-        onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
-        (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }
-    function handleFocus(event) {
-        onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
-    }
-    function handleKeyDown(event) {
-        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
-    }
-    function handleClick(event) {
-        onClick === null || onClick === void 0 ? void 0 : onClick(event);
-    }
-    function handleMouseDown(event) {
-        onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(event);
-    }
-    function handleMouseUp(event) {
-        onMouseUp === null || onMouseUp === void 0 ? void 0 : onMouseUp(event);
-    }
-    function handlePointerDown(event) {
-        onPointerDown === null || onPointerDown === void 0 ? void 0 : onPointerDown(event);
-    }
-    function handlePointerUp(event) {
-        onPointerUp === null || onPointerUp === void 0 ? void 0 : onPointerUp(event);
-    }
-    return {
-        handleChangeEvent,
-        handleChange,
-        handleBlur,
-        handleClear,
-        handleFocus,
-        handleKeyDown,
-        handleClick,
-        handleMouseDown,
-        handleMouseUp,
-        handlePointerDown,
-        handlePointerUp,
-    };
-}
-
-function InputTimeRebuilt(_a) {
-    var _b;
-    var { value, onChange, readOnly, autoComplete, inputRef, step = 60 } = _a, props = tslib_es6.__rest(_a, ["value", "onChange", "readOnly", "autoComplete", "inputRef", "step"]);
-    const { internalRef, mergedRef, wrapperRef } = useInputTimeRefs(inputRef);
-    const generatedId = React.useId();
-    const id = props.id || generatedId;
-    const { handleChangeEvent, handleChange, handleBlur, handleClear, handleFocus, handleKeyDown, handleClick, handleMouseDown, handleMouseUp, handlePointerDown, handlePointerUp, } = useInputTimeActions({
-        onChange,
-        value,
-        readOnly,
-        disabled: props.disabled,
-        inputRef: internalRef,
-        onFocus: props.onFocus,
-        onBlur: props.onBlur,
-        onKeyDown: props.onKeyDown,
-        onClick: props.onClick,
-        onMouseDown: props.onMouseDown,
-        onMouseUp: props.onMouseUp,
-        onPointerDown: props.onPointerDown,
-        onPointerUp: props.onPointerUp,
-    });
-    const { setTypedTime } = useTimePredict({
-        value,
-        handleChange,
-    });
-    // Kept outside the useInputTimeActions hook to avoid circular dependency via setTypedTime and handleChange
-    function handleKeyUp(event) {
-        var _a;
-        (_a = props.onKeyUp) === null || _a === void 0 ? void 0 : _a.call(props, event);
-        if (props.disabled || readOnly)
-            return;
-        !isNaN(parseInt(event.key, 10)) && setTypedTime(prev => prev + event.key);
-    }
-    const dataAttrs = filterDataAttributes.filterDataAttributes(props);
-    const descriptionIdentifier = `descriptionUUID--${id}`;
-    const descriptionVisible = props.description && !props.inline;
-    const isInvalid = Boolean(props.error || props.invalid);
-    return (React.createElement(FormFieldPostFix.FormFieldWrapper, { disabled: props.disabled, size: props.size, align: props.align, inline: props.inline, name: props.name, error: props.error || "", identifier: id, descriptionIdentifier: descriptionIdentifier, invalid: props.invalid, description: props.description, clearable: (_b = props.clearable) !== null && _b !== void 0 ? _b : "never", onClear: handleClear, type: "time", readonly: readOnly, placeholder: props.placeholder, value: dateToTimeString(value, step % 60 !== 0), wrapperRef: wrapperRef },
-        React.createElement("input", Object.assign({ ref: mergedRef, type: "time", name: props.name, className: FormFieldPostFix.formFieldStyles.input, id: id, disabled: props.disabled, readOnly: readOnly, autoComplete: autoComplete, autoFocus: props.autoFocus, required: props.required, max: props.max, min: props.min, step: step, value: dateToTimeString(value, step % 60 !== 0), onChange: handleChangeEvent, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onClick: handleClick, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, "data-testid": "ATL-InputTime-input", "aria-label": props["aria-label"], "aria-describedby": descriptionVisible ? descriptionIdentifier : props["aria-describedby"], "aria-invalid": isInvalid ? true : undefined, "aria-required": props["aria-required"] }, dataAttrs))));
-}
-function useInputTimeRefs(inputRef) {
-    const internalRef = React.useRef(null);
-    const mergedRef = mergeRefs.mergeRefs([internalRef, inputRef]);
-    const wrapperRef = React.useRef(null);
-    return { internalRef, mergedRef, wrapperRef };
-}
+require('react-hook-form');
+require('../mergeRefs-cjs.js');
+require('../filterDataAttributes-cjs.js');
 
-function InputTime$1(_a) {
-    var { defaultValue, value, onChange } = _a, params = tslib_es6.__rest(_a, ["defaultValue", "value", "onChange"]);
-    const ref = React.useRef(null);
-    const wrapperRef = React.useRef(null);
-    const { setTypedTime } = useTimePredict({ value, handleChange });
-    const fieldProps = omit.omit(Object.assign(Object.assign(Object.assign({ onChange: handleChange }, (defaultValue && { defaultValue: dateToTimeString(defaultValue) })), (!defaultValue && { value: dateToTimeString(value) })), params), ["version"]);
-    return (React.createElement(FormField.FormField, Object.assign({ inputRef: ref, type: "time" }, fieldProps, { onBlur: handleBlur, onKeyUp: e => {
-            var _a;
-            (_a = fieldProps.onKeyUp) === null || _a === void 0 ? void 0 : _a.call(fieldProps, e);
-            !isNaN(parseInt(e.key, 10)) && setTypedTime(prev => prev + e.key);
-        }, wrapperRef: wrapperRef })));
-    function handleChange(newValue) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(timeStringToDate(newValue, value));
-    }
-    function handleBlur() {
-        var _a;
-        (_a = params.onBlur) === null || _a === void 0 ? void 0 : _a.call(params);
-        // Time inputs doesn't clear the typed value when it's invalid. This should
-        // force it to reset the input value when the typed value is invalid.
-        if (ref.current) {
-            if (!ref.current.checkValidity()) {
-                ref.current.value = "";
-            }
-        }
-    }
-}
 
-function isNewInputTimeProps(props) {
-    return props.version === 2;
-}
-function InputTime(props) {
-    if (isNewInputTimeProps(props)) {
-        return React.createElement(InputTimeRebuilt, Object.assign({}, props));
-    }
-    else {
-        return React.createElement(InputTime$1, Object.assign({}, props));
-    }
-}
 
-exports.InputTime = InputTime;
+exports.InputTime = InputTime.InputTime;

package/dist/InputTime/index.d.ts

@@ -1,4 +1,2 @@
-import React from "react";
-import type { InputTimeLegacyProps, InputTimeRebuiltProps } from "./InputTime.types";
-export type InputTimeShimProps = InputTimeLegacyProps | InputTimeRebuiltProps;
-export declare function InputTime(props: InputTimeShimProps): React.JSX.Element;
+export type { InputTimeProps } from "./InputTime.types";
+export { InputTime } from "./InputTime";