@basic-ui/core 0.0.51 → 0.0.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@basic-ui/core",
-  "version": "0.0.51",
+  "version": "0.0.53",
   "description": "Accessible React Components used as building blocks for UI patterns",
   "author": "Lucas Terra <lucasterra7@gmail.com>",
   "license": "MIT",
@@ -35,5 +35,5 @@
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0"
   },
-  "gitHead": "5442c3e57c390b7f69adab60118d7d6df9f55df0"
+  "gitHead": "7feff13ea6d8ec28acbb8d3007121111d8d92063"
 }

package/src/Portal/Portal.tsx

@@ -1,17 +1,28 @@
-import type { FC, ReactNode } from 'react';
+import { useContext, type FC, type ReactNode } from 'react';
 import { createPortal } from 'react-dom';
 
+import type { PortalSelectorFn } from './PortalSelectorProvider';
+import { PortalSelectorContext } from './PortalSelectorProvider';
+
 export interface PortalProps {
   children?: ReactNode;
-  selector?: string;
+  selector?: PortalSelectorFn;
 }
 
-export const Portal: FC<PortalProps> = ({ children, selector = 'body' }) => {
+export const Portal: FC<PortalProps> = ({
+  children,
+  selector: selectorProp,
+}) => {
+  const selectorCtx = useContext(PortalSelectorContext);
   if (typeof window === 'undefined') {
     return null;
   }
 
-  const dom = document.querySelector(selector);
+  const selector = selectorProp || selectorCtx || 'body';
+  const dom =
+    typeof selector === 'string'
+      ? document.querySelector(selector)
+      : selector();
   if (dom) {
     return createPortal(<div data-portal="">{children}</div>, dom);
   }

package/src/Portal/PortalSelectorProvider.tsx

@@ -0,0 +1,24 @@
+import { createContext } from 'react';
+import type { ReactNode } from 'react';
+
+export type PortalSelectorFn = string | (() => Element | null);
+export const PortalSelectorContext = createContext<PortalSelectorFn | null>(
+  null
+);
+PortalSelectorContext.displayName = 'PortalSelectorContext';
+
+export type PortalSelectorProviderProps = {
+  selector: PortalSelectorFn;
+  children?: ReactNode | ReactNode[];
+};
+
+export const PortalSelectorProvider = ({
+  selector,
+  children,
+}: PortalSelectorProviderProps) => {
+  return (
+    <PortalSelectorContext.Provider value={selector}>
+      {children}
+    </PortalSelectorContext.Provider>
+  );
+};

package/src/Portal/index.ts

@@ -1 +1,6 @@
 export * from './Portal';
+export {
+  PortalSelectorProvider,
+  type PortalSelectorProviderProps,
+  type PortalSelectorFn,
+} from './PortalSelectorProvider';

package/src/hooks/useControlledState.ts

@@ -23,9 +23,9 @@ export function useControlledState<
 
   if (isControlled) {
     if (
-      wasControlled.current &&
-      process.env.NODE_ENV !== 'production' &&
-      !hasWarned.current
+      !wasControlled.current &&
+      !hasWarned.current &&
+      process.env.NODE_ENV !== 'production'
     ) {
       console.warn('Trying to change from controlled to uncontrolled.');
       hasWarned.current = true;

package/build/esm/TimerField/clamp.d.ts

@@ -1 +0,0 @@
-export * from '../utils/clamp';

package/build/esm/TimerField/clamp.js

@@ -1,2 +0,0 @@
-export * from '../utils/clamp';
-//# sourceMappingURL=clamp.js.map

package/build/esm/TimerField/clamp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"clamp.js","names":[],"sources":["../../../src/TimerField/clamp.ts"],"sourcesContent":["export * from '../utils/clamp';\n"],"mappings":"AAAA,cAAc,gBAAd"}

package/build/esm/TimerField/index.d.ts

@@ -1 +0,0 @@
-export * from './useTimerField';

package/build/esm/TimerField/index.js

@@ -1,2 +0,0 @@
-export * from './useTimerField';
-//# sourceMappingURL=index.js.map

package/build/esm/TimerField/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/TimerField/index.ts"],"sourcesContent":["export * from './useTimerField';\n"],"mappings":"AAAA,cAAc,iBAAd"}

package/build/esm/TimerField/useControlledState.d.ts

@@ -1 +0,0 @@
-export * from '../hooks/useControlledState';

package/build/esm/TimerField/useControlledState.js

@@ -1,2 +0,0 @@
-export * from '../hooks/useControlledState';
-//# sourceMappingURL=useControlledState.js.map

package/build/esm/TimerField/useControlledState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useControlledState.js","names":[],"sources":["../../../src/TimerField/useControlledState.ts"],"sourcesContent":["export * from '../hooks/useControlledState';\n"],"mappings":"AAAA,cAAc,6BAAd"}

package/build/esm/TimerField/useTimerField.d.ts

@@ -1,44 +0,0 @@
-import type { RefObject, HTMLAttributes, PointerEvent } from 'react';
-export interface UseTimerFieldProps {
-    value?: number | null;
-    defaultValue?: number | null;
-    onChange?: (value: number | null) => void;
-    label?: string;
-    ref: RefObject<HTMLElement | null>;
-}
-export interface TimerFieldSegmentType {
-    isEditable?: boolean;
-    value: number | null;
-    minValue: number;
-    maxValue: number;
-    maxTempValue: number;
-    type: 'hour' | 'minute' | 'second';
-}
-export interface TimerFieldState {
-    parentRef: RefObject<HTMLElement | null>;
-    hasFocusWithin: boolean;
-    isReadOnly: boolean;
-    isDisabled: boolean;
-    value: number | null;
-    clear: () => void;
-    segments: TimerFieldSegmentType[];
-    simplifySegments(): void;
-    setSegment(part: 'hour' | 'minute' | 'second', value: number | undefined | ((curValue: number | null) => number | null)): void;
-    validationState?: 'invalid' | 'valid';
-}
-export declare function useHasFocusWithin<ElementType extends HTMLElement>(ref: RefObject<ElementType | null>): boolean;
-export declare function useTimerField(props: UseTimerFieldProps): {
-    state: TimerFieldState;
-    labelProps: {};
-    fieldProps: {
-        role: string;
-        onPointerDown: (e: PointerEvent<HTMLDivElement>) => void;
-    };
-};
-export declare function useTimerFieldSegment(segment: TimerFieldSegmentType, state: TimerFieldState, ref: RefObject<HTMLElement>): {
-    state: {
-        isPlaceholder: boolean;
-        text: string;
-    };
-    segmentProps: HTMLAttributes<HTMLDivElement>;
-};

package/build/esm/TimerField/useTimerField.js

@@ -1,430 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _extends from "@babel/runtime/helpers/extends";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useEffect, useRef, useMemo, useState, useCallback, version } from 'react';
-import { unstable_batchedUpdates } from 'react-dom';
-import { useControlledState } from './useControlledState';
-import { clamp as clampFunc } from './clamp';
-
-function isValidPartialNumber(value) {
-  // Sanitize
-  var sanitizedValue = (value || '').replace(/[^0-9]+/g, '');
-  return value.length === sanitizedValue.length;
-}
-
-function getSegmentText(nextValue) {
-  if (nextValue === undefined) {
-    return '00';
-  }
-
-  var padLength = 2;
-  return String(nextValue).padStart(padLength, '0');
-}
-
-var segmentOrdering = ['hour', 'minute', 'second'];
-
-function getNextSegment(segmentType, dir) {
-  var nextSegmentTypeIdx = segmentOrdering.findIndex(function (c) {
-    return c === segmentType;
-  }) + (dir === 'next' ? 1 : -1);
-  return nextSegmentTypeIdx >= 0 && nextSegmentTypeIdx < segmentOrdering.length ? segmentOrdering[nextSegmentTypeIdx] : null;
-}
-
-function focusOnSegment(parentEl, segmentType) {
-  var el = parentEl && parentEl.querySelector("[data-timer-field-segment=\"".concat(segmentType, "\"]"));
-
-  if (el instanceof HTMLElement) {
-    el.focus();
-    return;
-  }
-}
-
-export function useHasFocusWithin(ref) {
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      hasFocusWithin = _useState2[0],
-      setHasFocusWithin = _useState2[1];
-
-  useEffect(function () {
-    if (!ref.current) {
-      return;
-    }
-
-    var el = ref.current;
-
-    var onFocus = function onFocus() {
-      setHasFocusWithin(true);
-    };
-
-    var onBlur = function onBlur(e) {
-      // Is the new element receiving focus contained within the wrapped element?
-      if (!e.relatedTarget || !(e.relatedTarget instanceof Node) || !el.contains(e.relatedTarget)) {
-        setHasFocusWithin(false);
-      }
-    };
-
-    el.addEventListener('focusin', onFocus);
-    el.addEventListener('focusout', onBlur);
-    return function () {
-      el.removeEventListener('focusout', onBlur);
-      el.removeEventListener('focusin', onFocus);
-    };
-  }, [ref]);
-  return hasFocusWithin;
-}
-
-function segmentStatesFromValue(value) {
-  var hour = value !== null ? Math.floor(value / 3600) : null;
-  var minute = value !== null ? Math.floor(value / 60) % 60 : null;
-  var second = value !== null ? value % 60 : null;
-  return [{
-    type: 'hour',
-    value: hour,
-    minValue: 0,
-    maxValue: 999,
-    maxTempValue: 999,
-    isEditable: true
-  }, {
-    type: 'minute',
-    value: minute,
-    minValue: 0,
-    maxValue: 59,
-    maxTempValue: 99,
-    isEditable: true
-  }, {
-    type: 'second',
-    value: second,
-    minValue: 0,
-    maxValue: 59,
-    maxTempValue: 99,
-    isEditable: true
-  }];
-}
-
-export function useTimerField(props) {
-  var valueProp = props.value,
-      defaultValueProp = props.defaultValue,
-      onChangeProp = props.onChange;
-
-  var _useControlledState = useControlledState(valueProp, function (e, value) {
-    return onChangeProp && onChangeProp(value);
-  }, defaultValueProp, function (setState) {
-    return function (e, value) {
-      setState(value);
-    };
-  }),
-      _useControlledState2 = _slicedToArray(_useControlledState, 2),
-      value = _useControlledState2[0],
-      onChange = _useControlledState2[1];
-
-  var hasFocusWithin = useHasFocusWithin(props.ref);
-
-  var _useState3 = useState(segmentStatesFromValue(value || null)),
-      _useState4 = _slicedToArray(_useState3, 2),
-      segments = _useState4[0],
-      setSegmentState = _useState4[1];
-
-  var prevValue = useRef(value);
-
-  if (value !== prevValue.current) {
-    prevValue.current = value;
-    setSegmentState(segmentStatesFromValue(value || null));
-  }
-
-  var labelProps = {};
-  var fieldProps = {
-    role: 'group',
-    onPointerDown: function onPointerDown(e) {
-      if (!hasFocusWithin && e.currentTarget === e.target) {
-        e.preventDefault();
-        focusOnSegment(props.ref.current, 'second');
-      }
-    }
-  };
-  var state = useMemo(function () {
-    var handleChangeSegment = function handleChangeSegment(seg, newValue) {
-      if (newValue === null) {
-        seg.value = null;
-      } else {
-        seg.value = newValue;
-      }
-    };
-
-    return {
-      parentRef: props.ref,
-      isReadOnly: false,
-      isDisabled: false,
-      hasFocusWithin: hasFocusWithin,
-      segments: segments,
-      value: value,
-      clear: function clear() {
-        focusOnSegment(props.ref.current, 'second');
-        unstable_batchedUpdates(function () {
-          setSegmentState(segmentStatesFromValue(null));
-          onChange({}, undefined);
-        });
-      },
-      simplifySegments: function simplifySegments() {
-        setSegmentState(function (curState) {
-          var newState = _toConsumableArray(curState);
-
-          var carryOver = 0;
-
-          for (var i = newState.length - 1; i >= 0; i--) {
-            var segment = _extends({}, newState[i]);
-
-            if (carryOver > 0) {
-              handleChangeSegment(segment, (segment.value || 0) + carryOver);
-              carryOver = 0;
-            }
-
-            if (segment.value && segment.value > segment.maxValue) {
-              carryOver = Math.floor(segment.value / (segment.maxValue + 1));
-              handleChangeSegment(segment, segment.value % (segment.maxValue + 1));
-            }
-
-            newState[i] = segment;
-          }
-
-          return newState;
-        });
-      },
-      setSegment: function setSegment(part, value) {
-        var ret = _toConsumableArray(segments);
-
-        var idx = ret.findIndex(function (v) {
-          return v.type === part;
-        });
-
-        if (idx === -1) {
-          return;
-        }
-
-        var field = _extends({}, ret[idx]);
-
-        if (typeof value === 'function') {
-          handleChangeSegment(field, value(ret[idx].value));
-        } else {
-          handleChangeSegment(field, value || null);
-        }
-
-        ret[idx] = field;
-        var newValueInSeconds = (ret[0].value || 0) * 3600 + (ret[1].value || 0) * 60 + (ret[2].value || 0);
-        prevValue.current = newValueInSeconds;
-        unstable_batchedUpdates(function () {
-          onChange({}, newValueInSeconds);
-          setSegmentState(ret);
-        });
-      },
-      validationState: 'valid'
-    };
-  }, [props.ref, hasFocusWithin, segments, onChange, value]);
-  return {
-    state: state,
-    labelProps: labelProps,
-    fieldProps: fieldProps
-  };
-}
-export function useTimerFieldSegment(segment, state, ref) {
-  var _segmentProps;
-
-  var stepSize = segment.type === 'hour' ? 2 : 15;
-  var segmentText = getSegmentText(segment.value);
-  var enteredKeys = useRef('');
-
-  var handleKeyDown = function handleKeyDown(e) {
-    var nextValue = segment.value || 0;
-
-    switch (e.key) {
-      case 'ArrowUp':
-        nextValue += 1;
-        break;
-
-      case 'ArrowDown':
-        nextValue -= 1;
-        break;
-
-      case 'ArrowRight':
-      case 'ArrowLeft':
-        var nextSegment = getNextSegment(segment.type, e.key === 'ArrowRight' ? 'next' : 'prev');
-
-        if (nextSegment) {
-          focusOnSegment(state.parentRef.current, nextSegment);
-        }
-
-        e.preventDefault();
-        return;
-
-      case 'End':
-        nextValue = segment.maxValue;
-        break;
-
-      case 'Home':
-        nextValue = segment.minValue;
-        break;
-
-      case 'PageUp':
-        if (segment.type !== 'hour') {
-          nextValue = Math.ceil((nextValue + 1) / stepSize) * stepSize % 60;
-        } else {
-          nextValue += stepSize;
-        }
-
-        break;
-
-      case 'PageDown':
-        if (segment.type !== 'hour') {
-          nextValue = Math.floor((nextValue - 1) / stepSize) * stepSize % 60;
-        } else {
-          nextValue -= stepSize;
-        }
-
-        break;
-
-      default:
-        return;
-    }
-
-    e.preventDefault(); // prevent scrolling
-
-    nextValue = clampFunc(nextValue || 0, segment.minValue, segment.maxTempValue);
-
-    if (nextValue !== segment.value) {
-      state.setSegment(segment.type, nextValue);
-    }
-  };
-
-  var onInput = useCallback(function (key) {
-    if (state.isDisabled || state.isReadOnly) {
-      return;
-    }
-
-    var newTextValue = enteredKeys.current + key;
-
-    if (newTextValue.length > String(segment.maxTempValue).length) {
-      newTextValue = newTextValue.slice(-String(segment.maxTempValue).length);
-    }
-
-    switch (segment.type) {
-      case 'hour':
-      case 'minute':
-      case 'second':
-        {
-          if (!isValidPartialNumber(newTextValue)) {
-            return;
-          }
-
-          var numberValue = parseInt(newTextValue, 10);
-          var segmentValue = numberValue;
-          var allowsZero = segment.minValue === 0;
-
-          if (numberValue > segment.maxTempValue) {
-            segmentValue = parseInt(key);
-          }
-
-          if (isNaN(numberValue)) {
-            return;
-          }
-
-          var shouldSetValue = segmentValue !== 0 || allowsZero;
-
-          if (shouldSetValue) {
-            state.setSegment(segment.type, segmentValue);
-          }
-
-          enteredKeys.current = newTextValue;
-          break;
-        }
-    }
-  }, [segment.maxTempValue, segment.minValue, segment.type, state]);
-  var backspace = useCallback(function () {
-    if (isValidPartialNumber(segmentText) && !state.isReadOnly) {
-      var newValue = segmentText.slice(0, -1);
-      var parsed = parseInt(newValue, 10);
-
-      if (newValue.length === 0 || parsed === 0) {
-        state.setSegment(segment.type, undefined);
-      } else {
-        state.setSegment(segment.type, parsed);
-      }
-
-      enteredKeys.current = newValue;
-    }
-  }, [segmentText, segment.type, state]);
-  var compositionRef = useRef('');
-  useEffect(function () {
-    var el = ref.current;
-
-    if (el) {
-      var handleBeforeInput = function handleBeforeInput(e) {
-        e.preventDefault();
-
-        switch (e.inputType) {
-          case 'deleteContentBackward':
-          case 'deleteContentForward':
-            if (isValidPartialNumber(segmentText) && !state.isReadOnly) {
-              backspace();
-            }
-
-            break;
-
-          case 'insertCompositionText':
-            // insertCompositionText cannot be canceled.
-            // Record the current state of the element so we can restore it in the `input` event below.
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            compositionRef.current = el.textContent; // Safari gets stuck in a composition state unless we also assign to the value here.
-            // eslint-disable-next-line no-self-assign
-
-            el.textContent = el.textContent;
-            break;
-
-          default:
-            if (e.data !== null) {
-              onInput(e.data);
-            }
-
-            break;
-        }
-      };
-
-      var handleInput = function handleInput(e) {
-        if (e.inputType === 'insertCompositionText') {
-          // Reset the DOM to how it was in the beforeinput event.
-          el.textContent = compositionRef.current;
-        }
-      };
-
-      el.addEventListener('beforeinput', handleBeforeInput);
-      el.addEventListener('input', handleInput);
-      return function () {
-        el.removeEventListener('input', handleInput);
-        el.removeEventListener('beforeinput', handleBeforeInput);
-      };
-    }
-  }, [backspace, onInput, ref, segmentText, state.isReadOnly]);
-  var simplifySegments = state.simplifySegments;
-  var handleBlur = useCallback(function () {
-    enteredKeys.current = '';
-
-    if (segment.value && segment.value > segment.maxValue) {
-      simplifySegments();
-    }
-  }, [segment.maxValue, segment.value, simplifySegments]);
-  return {
-    state: {
-      isPlaceholder: segment.value === undefined && state.hasFocusWithin || state.value === undefined && !state.hasFocusWithin,
-      text: segmentText
-    },
-    segmentProps: (_segmentProps = {
-      role: 'spinbutton',
-      'aria-valuenow': segment.value,
-      'aria-valuemin': segment.minValue,
-      'aria-valuemax': segment.maxValue,
-      'aria-label': segment.type
-    }, _defineProperty(_segmentProps, 'data-timer-field-segment', segment.type), _defineProperty(_segmentProps, "contentEditable", true), _defineProperty(_segmentProps, "suppressContentEditableWarning", true), _defineProperty(_segmentProps, "spellCheck", false), _defineProperty(_segmentProps, "autoCapitalize", 'off'), _defineProperty(_segmentProps, "autoCorrect", 'off'), _defineProperty(_segmentProps, parseInt(version, 10) >= 17 ? 'enterKeyHint' : 'enterkeyhint', 'next'), _defineProperty(_segmentProps, "inputMode", 'numeric'), _defineProperty(_segmentProps, "tabIndex", 0), _defineProperty(_segmentProps, "style", {
-      caretColor: 'transparent'
-    }), _defineProperty(_segmentProps, "onKeyDown", handleKeyDown), _defineProperty(_segmentProps, "onBlur", handleBlur), _segmentProps)
-  };
-}
-//# sourceMappingURL=useTimerField.js.map

package/build/esm/TimerField/useTimerField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTimerField.js","names":["useEffect","useRef","useMemo","useState","useCallback","version","unstable_batchedUpdates","useControlledState","clamp","clampFunc","isValidPartialNumber","value","sanitizedValue","replace","length","getSegmentText","nextValue","undefined","padLength","String","padStart","segmentOrdering","getNextSegment","segmentType","dir","nextSegmentTypeIdx","findIndex","c","focusOnSegment","parentEl","el","querySelector","HTMLElement","focus","useHasFocusWithin","ref","hasFocusWithin","setHasFocusWithin","current","onFocus","onBlur","e","relatedTarget","Node","contains","addEventListener","removeEventListener","segmentStatesFromValue","hour","Math","floor","minute","second","type","minValue","maxValue","maxTempValue","isEditable","useTimerField","props","valueProp","defaultValueProp","defaultValue","onChangeProp","onChange","setState","segments","setSegmentState","prevValue","labelProps","fieldProps","role","onPointerDown","currentTarget","target","preventDefault","state","handleChangeSegment","seg","newValue","parentRef","isReadOnly","isDisabled","clear","simplifySegments","curState","newState","carryOver","i","segment","setSegment","part","ret","idx","v","field","newValueInSeconds","validationState","useTimerFieldSegment","stepSize","segmentText","enteredKeys","handleKeyDown","key","nextSegment","ceil","onInput","newTextValue","slice","numberValue","parseInt","segmentValue","allowsZero","isNaN","shouldSetValue","backspace","parsed","compositionRef","handleBeforeInput","inputType","textContent","data","handleInput","handleBlur","isPlaceholder","text","segmentProps","caretColor"],"sources":["../../../src/TimerField/useTimerField.tsx"],"sourcesContent":["import type {\n  RefObject,\n  KeyboardEvent,\n  HTMLAttributes,\n  PointerEvent,\n} from 'react';\nimport {\n  useEffect,\n  useRef,\n  useMemo,\n  useState,\n  useCallback,\n  version,\n} from 'react';\nimport { unstable_batchedUpdates } from 'react-dom';\n\nimport { useControlledState } from './useControlledState';\nimport { clamp as clampFunc } from './clamp';\n\nexport interface UseTimerFieldProps {\n  value?: number | null;\n  defaultValue?: number | null;\n  onChange?: (value: number | null) => void;\n  label?: string;\n  ref: RefObject<HTMLElement | null>;\n}\n\nexport interface TimerFieldSegmentType {\n  isEditable?: boolean;\n  value: number | null;\n  minValue: number;\n  maxValue: number;\n  maxTempValue: number;\n  type: 'hour' | 'minute' | 'second';\n}\n\nexport interface TimerFieldState {\n  parentRef: RefObject<HTMLElement | null>;\n  hasFocusWithin: boolean;\n  isReadOnly: boolean;\n  isDisabled: boolean;\n  value: number | null;\n  clear: () => void;\n  segments: TimerFieldSegmentType[];\n  simplifySegments(): void;\n  setSegment(\n    part: 'hour' | 'minute' | 'second',\n    value: number | undefined | ((curValue: number | null) => number | null)\n  ): void;\n  validationState?: 'invalid' | 'valid';\n}\n\nfunction isValidPartialNumber(value: string): boolean {\n  // Sanitize\n  const sanitizedValue = (value || '').replace(/[^0-9]+/g, '');\n  return value.length === sanitizedValue.length;\n}\n\nfunction getSegmentText(nextValue: number | null): string {\n  if (nextValue === undefined) {\n    return '00';\n  }\n  const padLength = 2;\n  return String(nextValue).padStart(padLength, '0');\n}\n\nconst segmentOrdering = ['hour' as const, 'minute' as const, 'second' as const];\nfunction getNextSegment(\n  segmentType: TimerFieldSegmentType['type'],\n  dir: 'next' | 'prev'\n) {\n  const nextSegmentTypeIdx =\n    segmentOrdering.findIndex((c) => c === segmentType) +\n    (dir === 'next' ? 1 : -1);\n  return nextSegmentTypeIdx >= 0 && nextSegmentTypeIdx < segmentOrdering.length\n    ? segmentOrdering[nextSegmentTypeIdx]\n    : null;\n}\n\nfunction focusOnSegment(\n  parentEl: HTMLElement | null,\n  segmentType: TimerFieldSegmentType['type']\n) {\n  const el =\n    parentEl &&\n    parentEl.querySelector(`[data-timer-field-segment=\"${segmentType}\"]`);\n  if (el instanceof HTMLElement) {\n    el.focus();\n    return;\n  }\n}\n\nexport function useHasFocusWithin<ElementType extends HTMLElement>(\n  ref: RefObject<ElementType | null>\n) {\n  const [hasFocusWithin, setHasFocusWithin] = useState(false);\n  useEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    const el = ref.current;\n    const onFocus = () => {\n      setHasFocusWithin(true);\n    };\n    const onBlur = (e: FocusEvent) => {\n      // Is the new element receiving focus contained within the wrapped element?\n      if (\n        !e.relatedTarget ||\n        !(e.relatedTarget instanceof Node) ||\n        !el.contains(e.relatedTarget)\n      ) {\n        setHasFocusWithin(false);\n      }\n    };\n    el.addEventListener('focusin', onFocus);\n    el.addEventListener('focusout', onBlur);\n    return () => {\n      el.removeEventListener('focusout', onBlur);\n      el.removeEventListener('focusin', onFocus);\n    };\n  }, [ref]);\n  return hasFocusWithin;\n}\n\nfunction segmentStatesFromValue(value: number | null): TimerFieldSegmentType[] {\n  const hour = value !== null ? Math.floor(value / 3600) : null;\n  const minute = value !== null ? Math.floor(value / 60) % 60 : null;\n  const second = value !== null ? value % 60 : null;\n  return [\n    {\n      type: 'hour' as const,\n      value: hour,\n      minValue: 0,\n      maxValue: 999,\n      maxTempValue: 999,\n      isEditable: true,\n    },\n    {\n      type: 'minute',\n      value: minute,\n      minValue: 0,\n      maxValue: 59,\n      maxTempValue: 99,\n      isEditable: true,\n    },\n    {\n      type: 'second',\n      value: second,\n      minValue: 0,\n      maxValue: 59,\n      maxTempValue: 99,\n      isEditable: true,\n    },\n  ];\n}\n\nexport function useTimerField(props: UseTimerFieldProps) {\n  const {\n    value: valueProp,\n    defaultValue: defaultValueProp,\n    onChange: onChangeProp,\n  } = props;\n  const [value, onChange] = useControlledState(\n    valueProp,\n    (e: KeyboardEvent<HTMLDivElement>, value: number | null) =>\n      onChangeProp && onChangeProp(value),\n    defaultValueProp,\n    (setState) => (e: KeyboardEvent<HTMLDivElement>, value: number | null) => {\n      setState(value);\n    }\n  );\n  const hasFocusWithin = useHasFocusWithin(props.ref);\n\n  const [segments, setSegmentState] = useState<TimerFieldSegmentType[]>(\n    segmentStatesFromValue(value || null)\n  );\n  const prevValue = useRef(value);\n  if (value !== prevValue.current) {\n    prevValue.current = value;\n    setSegmentState(segmentStatesFromValue(value || null));\n  }\n\n  const labelProps = {};\n  const fieldProps = {\n    role: 'group',\n    onPointerDown: (e: PointerEvent<HTMLDivElement>) => {\n      if (!hasFocusWithin && e.currentTarget === e.target) {\n        e.preventDefault();\n        focusOnSegment(props.ref.current, 'second');\n      }\n    },\n  };\n  const state: TimerFieldState = useMemo(() => {\n    const handleChangeSegment = (\n      seg: TimerFieldSegmentType,\n      newValue: number | null\n    ): void => {\n      if (newValue === null) {\n        seg.value = null;\n      } else {\n        seg.value = newValue;\n      }\n    };\n\n    return {\n      parentRef: props.ref,\n      isReadOnly: false,\n      isDisabled: false,\n      hasFocusWithin,\n      segments,\n      value: value,\n      clear: () => {\n        focusOnSegment(props.ref.current, 'second');\n        unstable_batchedUpdates(() => {\n          setSegmentState(segmentStatesFromValue(null));\n          onChange({} as any, undefined as any);\n        });\n      },\n      simplifySegments: () => {\n        setSegmentState((curState) => {\n          const newState = [...curState];\n          let carryOver = 0;\n          for (let i = newState.length - 1; i >= 0; i--) {\n            const segment = { ...newState[i] };\n            if (carryOver > 0) {\n              handleChangeSegment(segment, (segment.value || 0) + carryOver);\n              carryOver = 0;\n            }\n            if (segment.value && segment.value > segment.maxValue) {\n              carryOver = Math.floor(segment.value / (segment.maxValue + 1));\n              handleChangeSegment(\n                segment,\n                segment.value % (segment.maxValue + 1)\n              );\n            }\n            newState[i] = segment;\n          }\n          return newState;\n        });\n      },\n      setSegment: (\n        part: 'hour' | 'minute' | 'second',\n        value: number | undefined | ((curValue: number | null) => number | null)\n      ): void => {\n        const ret = [...segments];\n        const idx = ret.findIndex((v) => v.type === part);\n        if (idx === -1) {\n          return;\n        }\n\n        const field = { ...ret[idx] };\n        if (typeof value === 'function') {\n          handleChangeSegment(field, value(ret[idx].value));\n        } else {\n          handleChangeSegment(field, value || null);\n        }\n        ret[idx] = field;\n        const newValueInSeconds =\n          (ret[0].value || 0) * 3600 +\n          (ret[1].value || 0) * 60 +\n          (ret[2].value || 0);\n\n        prevValue.current = newValueInSeconds;\n        unstable_batchedUpdates(() => {\n          onChange({} as any, newValueInSeconds);\n          setSegmentState(ret);\n        });\n      },\n      validationState: 'valid',\n    };\n  }, [props.ref, hasFocusWithin, segments, onChange, value]);\n\n  return { state, labelProps, fieldProps };\n}\n\nexport function useTimerFieldSegment(\n  segment: TimerFieldSegmentType,\n  state: TimerFieldState,\n  ref: RefObject<HTMLElement>\n): {\n  state: {\n    isPlaceholder: boolean;\n    text: string;\n  };\n  segmentProps: HTMLAttributes<HTMLDivElement>;\n} {\n  const stepSize = segment.type === 'hour' ? 2 : 15;\n  const segmentText = getSegmentText(segment.value);\n  const enteredKeys = useRef('');\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLElement>) => {\n    let nextValue: number | null = segment.value || 0;\n    switch (e.key) {\n      case 'ArrowUp':\n        nextValue += 1;\n        break;\n      case 'ArrowDown':\n        nextValue -= 1;\n        break;\n      case 'ArrowRight':\n      case 'ArrowLeft':\n        const nextSegment = getNextSegment(\n          segment.type,\n          e.key === 'ArrowRight' ? 'next' : 'prev'\n        );\n        if (nextSegment) {\n          focusOnSegment(state.parentRef.current, nextSegment);\n        }\n        e.preventDefault();\n        return;\n      case 'End':\n        nextValue = segment.maxValue;\n        break;\n      case 'Home':\n        nextValue = segment.minValue;\n        break;\n      case 'PageUp':\n        if (segment.type !== 'hour') {\n          nextValue = (Math.ceil((nextValue + 1) / stepSize) * stepSize) % 60;\n        } else {\n          nextValue += stepSize;\n        }\n        break;\n      case 'PageDown':\n        if (segment.type !== 'hour') {\n          nextValue = (Math.floor((nextValue - 1) / stepSize) * stepSize) % 60;\n        } else {\n          nextValue -= stepSize;\n        }\n        break;\n      default:\n        return;\n    }\n\n    e.preventDefault(); // prevent scrolling\n    nextValue = clampFunc(\n      nextValue || 0,\n      segment.minValue,\n      segment.maxTempValue\n    );\n    if (nextValue !== segment.value) {\n      state.setSegment(segment.type, nextValue);\n    }\n  };\n\n  const onInput = useCallback(\n    (key: string) => {\n      if (state.isDisabled || state.isReadOnly) {\n        return;\n      }\n\n      let newTextValue = enteredKeys.current + key;\n      if (newTextValue.length > String(segment.maxTempValue).length) {\n        newTextValue = newTextValue.slice(-String(segment.maxTempValue).length);\n      }\n\n      switch (segment.type) {\n        case 'hour':\n        case 'minute':\n        case 'second': {\n          if (!isValidPartialNumber(newTextValue)) {\n            return;\n          }\n\n          const numberValue = parseInt(newTextValue, 10);\n          let segmentValue = numberValue;\n          const allowsZero = segment.minValue === 0;\n          if (numberValue > segment.maxTempValue) {\n            segmentValue = parseInt(key);\n          }\n\n          if (isNaN(numberValue)) {\n            return;\n          }\n\n          const shouldSetValue = segmentValue !== 0 || allowsZero;\n          if (shouldSetValue) {\n            state.setSegment(segment.type, segmentValue);\n          }\n\n          enteredKeys.current = newTextValue;\n          break;\n        }\n      }\n    },\n    [segment.maxTempValue, segment.minValue, segment.type, state]\n  );\n\n  const backspace = useCallback(() => {\n    if (isValidPartialNumber(segmentText) && !state.isReadOnly) {\n      const newValue = segmentText.slice(0, -1);\n      const parsed = parseInt(newValue, 10);\n      if (newValue.length === 0 || parsed === 0) {\n        state.setSegment(segment.type, undefined);\n      } else {\n        state.setSegment(segment.type, parsed);\n      }\n      enteredKeys.current = newValue;\n    }\n  }, [segmentText, segment.type, state]);\n\n  const compositionRef = useRef('');\n  useEffect(() => {\n    const el = ref.current;\n    if (el) {\n      const handleBeforeInput = (e: InputEvent) => {\n        e.preventDefault();\n\n        switch (e.inputType) {\n          case 'deleteContentBackward':\n          case 'deleteContentForward':\n            if (isValidPartialNumber(segmentText) && !state.isReadOnly) {\n              backspace();\n            }\n            break;\n          case 'insertCompositionText':\n            // insertCompositionText cannot be canceled.\n            // Record the current state of the element so we can restore it in the `input` event below.\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n            compositionRef.current = el.textContent!;\n\n            // Safari gets stuck in a composition state unless we also assign to the value here.\n            // eslint-disable-next-line no-self-assign\n            el.textContent = el.textContent;\n            break;\n          default:\n            if (e.data !== null) {\n              onInput(e.data);\n            }\n            break;\n        }\n      };\n\n      const handleInput = (e: InputEvent) => {\n        if (e.inputType === 'insertCompositionText') {\n          // Reset the DOM to how it was in the beforeinput event.\n          el.textContent = compositionRef.current;\n        }\n      };\n\n      el.addEventListener('beforeinput', handleBeforeInput);\n      el.addEventListener('input', handleInput as any);\n      return () => {\n        el.removeEventListener('input', handleInput as any);\n        el.removeEventListener('beforeinput', handleBeforeInput);\n      };\n    }\n  }, [backspace, onInput, ref, segmentText, state.isReadOnly]);\n\n  const simplifySegments = state.simplifySegments;\n  const handleBlur = useCallback(() => {\n    enteredKeys.current = '';\n    if (segment.value && segment.value > segment.maxValue) {\n      simplifySegments();\n    }\n  }, [segment.maxValue, segment.value, simplifySegments]);\n\n  return {\n    state: {\n      isPlaceholder:\n        (segment.value === undefined && state.hasFocusWithin) ||\n        (state.value === undefined && !state.hasFocusWithin),\n      text: segmentText,\n    },\n    segmentProps: {\n      role: 'spinbutton',\n      'aria-valuenow': segment.value,\n      'aria-valuemin': segment.minValue,\n      'aria-valuemax': segment.maxValue,\n      'aria-label': segment.type,\n      ['data-timer-field-segment' as any]: segment.type,\n      contentEditable: true,\n      suppressContentEditableWarning: true,\n      spellCheck: false,\n      autoCapitalize: 'off',\n      autoCorrect: 'off',\n      [parseInt(version, 10) >= 17 ? 'enterKeyHint' : 'enterkeyhint']: 'next', // Capitalization was changed in React 17...\n      inputMode: 'numeric',\n      tabIndex: 0,\n      style: {\n        caretColor: 'transparent',\n      },\n      onKeyDown: handleKeyDown,\n      onBlur: handleBlur,\n    },\n  };\n}\n"],"mappings":"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"}

package/build/esm/TimerField/wrapEvent.d.ts

@@ -1 +0,0 @@
-export * from '../utils/wrap-event';