@basic-ui/core 0.0.52 → 0.0.53

package/build/esm/ComboBox/context.d.ts

@@ -1,30 +1,30 @@
-import type { MutableRefObject } from 'react';
-import type { ActionTypes, StateTypes, ReducerState } from './hooks';
-import type { SelectEventHandler } from './Combobox';
-import type { Scope } from '../hooks';
-export interface ComboBoxContextProps {
-    data: Omit<ReducerState, 'state'>;
-    inputRef: MutableRefObject<HTMLInputElement | null>;
-    popoverRef: MutableRefObject<HTMLDivElement | null>;
-    buttonRef: MutableRefObject<HTMLButtonElement | null>;
-    onSelect?: SelectEventHandler;
-    optionsRef: MutableRefObject<{
-        [itemId: string]: {
-            value: string | unknown;
-            text: string;
-        };
-    }>;
-    listScope: Scope<HTMLElement>;
-    state: StateTypes;
-    transition: (action: ActionTypes, payload?: any) => void;
-    listboxIdRef: MutableRefObject<string | undefined>;
-    labelIdRef: MutableRefObject<string | undefined>;
-    autocompletePropRef: MutableRefObject<boolean>;
-    persistSelectionRef: MutableRefObject<boolean>;
-    clearOnEscapeRef: MutableRefObject<boolean>;
-    isVisible: boolean;
-    openOnFocus: boolean;
-    selectOnBlur: boolean;
-}
-export declare const ComboBoxProvider: import("react").Provider<ComboBoxContextProps>;
-export declare const useComboBoxContext: () => ComboBoxContextProps;
+import type { MutableRefObject } from 'react';
+import type { ActionTypes, StateTypes, ReducerState } from './hooks';
+import type { SelectEventHandler } from './Combobox';
+import type { Scope } from '../hooks';
+export interface ComboBoxContextProps {
+    data: Omit<ReducerState, 'state'>;
+    inputRef: MutableRefObject<HTMLInputElement | null>;
+    popoverRef: MutableRefObject<HTMLDivElement | null>;
+    buttonRef: MutableRefObject<HTMLButtonElement | null>;
+    onSelect?: SelectEventHandler;
+    optionsRef: MutableRefObject<{
+        [itemId: string]: {
+            value: string | unknown;
+            text: string;
+        };
+    }>;
+    listScope: Scope<HTMLElement>;
+    state: StateTypes;
+    transition: (action: ActionTypes, payload?: any) => void;
+    listboxIdRef: MutableRefObject<string | undefined>;
+    labelIdRef: MutableRefObject<string | undefined>;
+    autocompletePropRef: MutableRefObject<boolean>;
+    persistSelectionRef: MutableRefObject<boolean>;
+    clearOnEscapeRef: MutableRefObject<boolean>;
+    isVisible: boolean;
+    openOnFocus: boolean;
+    selectOnBlur: boolean;
+}
+export declare const ComboBoxProvider: import("react").Provider<ComboBoxContextProps>;
+export declare const useComboBoxContext: () => ComboBoxContextProps;

package/build/esm/ComboBox/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":["createContext","useContext","comboboxContext","ComboBoxProvider","Provider","useComboBoxContext"],"sources":["../../../src/ComboBox/context.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\r\nimport { createContext, useContext } from 'react';\r\n\r\nimport type { ActionTypes, StateTypes, ReducerState } from './hooks';\r\nimport type { SelectEventHandler } from './Combobox';\r\nimport type { Scope } from '../hooks';\r\n\r\nexport interface ComboBoxContextProps {\r\n  data: Omit<ReducerState, 'state'>;\r\n  inputRef: MutableRefObject<HTMLInputElement | null>;\r\n  popoverRef: MutableRefObject<HTMLDivElement | null>;\r\n  buttonRef: MutableRefObject<HTMLButtonElement | null>;\r\n  onSelect?: SelectEventHandler;\r\n  optionsRef: MutableRefObject<{\r\n    [itemId: string]: {\r\n      value: string | unknown;\r\n      text: string;\r\n    };\r\n  }>;\r\n  listScope: Scope<HTMLElement>;\r\n  state: StateTypes;\r\n  transition: (action: ActionTypes, payload?: any) => void;\r\n  listboxIdRef: MutableRefObject<string | undefined>;\r\n  labelIdRef: MutableRefObject<string | undefined>;\r\n  autocompletePropRef: MutableRefObject<boolean>;\r\n  persistSelectionRef: MutableRefObject<boolean>;\r\n  clearOnEscapeRef: MutableRefObject<boolean>;\r\n  isVisible: boolean;\r\n  openOnFocus: boolean;\r\n  selectOnBlur: boolean;\r\n}\r\n\r\nconst comboboxContext = createContext<ComboBoxContextProps>(null as any);\r\nexport const { Provider: ComboBoxProvider } = comboboxContext;\r\nexport const useComboBoxContext = () => useContext(comboboxContext);\r\n"],"mappings":"AACA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AA+BA,IAAMC,eAAe,gBAAGF,aAAa,CAAuB,IAAvB,CAArC;AACO,IAAkBG,gBAAlB,GAAuCD,eAAvC,CAAQE,QAAR;;AACP,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB;EAAA,OAAMJ,UAAU,CAACC,eAAD,CAAhB;AAAA,CAA3B"}
+{"version":3,"file":"context.js","names":["createContext","useContext","comboboxContext","ComboBoxProvider","Provider","useComboBoxContext"],"sources":["../../../src/ComboBox/context.ts"],"sourcesContent":["import type { MutableRefObject } from 'react';\nimport { createContext, useContext } from 'react';\n\nimport type { ActionTypes, StateTypes, ReducerState } from './hooks';\nimport type { SelectEventHandler } from './Combobox';\nimport type { Scope } from '../hooks';\n\nexport interface ComboBoxContextProps {\n  data: Omit<ReducerState, 'state'>;\n  inputRef: MutableRefObject<HTMLInputElement | null>;\n  popoverRef: MutableRefObject<HTMLDivElement | null>;\n  buttonRef: MutableRefObject<HTMLButtonElement | null>;\n  onSelect?: SelectEventHandler;\n  optionsRef: MutableRefObject<{\n    [itemId: string]: {\n      value: string | unknown;\n      text: string;\n    };\n  }>;\n  listScope: Scope<HTMLElement>;\n  state: StateTypes;\n  transition: (action: ActionTypes, payload?: any) => void;\n  listboxIdRef: MutableRefObject<string | undefined>;\n  labelIdRef: MutableRefObject<string | undefined>;\n  autocompletePropRef: MutableRefObject<boolean>;\n  persistSelectionRef: MutableRefObject<boolean>;\n  clearOnEscapeRef: MutableRefObject<boolean>;\n  isVisible: boolean;\n  openOnFocus: boolean;\n  selectOnBlur: boolean;\n}\n\nconst comboboxContext = createContext<ComboBoxContextProps>(null as any);\nexport const { Provider: ComboBoxProvider } = comboboxContext;\nexport const useComboBoxContext = () => useContext(comboboxContext);\n"],"mappings":"AACA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AA+BA,IAAMC,eAAe,gBAAGF,aAAa,CAAuB,IAAvB,CAArC;AACO,IAAkBG,gBAAlB,GAAuCD,eAAvC,CAAQE,QAAR;;AACP,OAAO,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB;EAAA,OAAMJ,UAAU,CAACC,eAAD,CAAhB;AAAA,CAA3B"}

package/build/esm/ComboBox/hooks.d.ts

@@ -1,37 +1,37 @@
-import type { KeyboardEvent, MutableRefObject } from 'react';
-import type { StateChart as GenericStateChart, StateMachineState } from '../hooks/useReducerMachine';
-export declare const IDLE = "IDLE";
-declare const SUGGESTING = "SUGGESTING";
-export declare const NAVIGATING = "NAVIGATING";
-export declare type StateTypes = typeof IDLE | typeof SUGGESTING | typeof NAVIGATING;
-export declare const INIT = "INIT";
-export declare const CLEAR = "CLEAR";
-export declare const CLEAR_SELECTION = "CLEAR_SELECTION";
-export declare const CHANGE = "CHANGE";
-export declare const NAVIGATE = "NAVIGATE";
-declare const SELECT_WITH_KEYBOARD = "SELECT_WITH_KEYBOARD";
-export declare const SELECT_WITH_CLICK = "SELECT_WITH_CLICK";
-declare const ESCAPE = "ESCAPE";
-declare const BLUR = "BLUR";
-export declare const FOCUS = "FOCUS";
-export declare const OPEN_WITH_BUTTON = "OPEN_WITH_BUTTON";
-export declare const CLOSE_WITH_BUTTON = "CLOSE_WITH_BUTTON";
-export declare type ActionTypes = typeof CLEAR | typeof CLEAR_SELECTION | typeof CHANGE | typeof INIT | typeof NAVIGATE | typeof SELECT_WITH_KEYBOARD | typeof SELECT_WITH_CLICK | typeof ESCAPE | typeof BLUR | typeof FOCUS | typeof OPEN_WITH_BUTTON | typeof CLOSE_WITH_BUTTON;
-export declare const stateChart: GenericStateChart<StateTypes, ActionTypes>;
-export interface ReducerState extends StateMachineState<StateTypes, ActionTypes> {
-    item: string;
-    navigationItem: string;
-    text: string;
-}
-interface ActionObject {
-    type: ActionTypes;
-    state: StateTypes;
-    nextState: StateTypes;
-    [rest: string]: any;
-}
-export declare function comboboxReducer(data: Readonly<ReducerState>, action: ActionObject): ReducerState;
-export declare const isVisible: (state: any) => boolean;
-export declare function useFocusManagement(lastActionType: ActionTypes, inputRef: MutableRefObject<HTMLInputElement | null>): void;
-export declare function useKeyDown(): (event: KeyboardEvent<any>) => void;
-export declare function useBlur(): () => void;
-export {};
+import type { KeyboardEvent, MutableRefObject } from 'react';
+import type { StateChart as GenericStateChart, StateMachineState } from '../hooks/useReducerMachine';
+export declare const IDLE = "IDLE";
+declare const SUGGESTING = "SUGGESTING";
+export declare const NAVIGATING = "NAVIGATING";
+export declare type StateTypes = typeof IDLE | typeof SUGGESTING | typeof NAVIGATING;
+export declare const INIT = "INIT";
+export declare const CLEAR = "CLEAR";
+export declare const CLEAR_SELECTION = "CLEAR_SELECTION";
+export declare const CHANGE = "CHANGE";
+export declare const NAVIGATE = "NAVIGATE";
+declare const SELECT_WITH_KEYBOARD = "SELECT_WITH_KEYBOARD";
+export declare const SELECT_WITH_CLICK = "SELECT_WITH_CLICK";
+declare const ESCAPE = "ESCAPE";
+declare const BLUR = "BLUR";
+export declare const FOCUS = "FOCUS";
+export declare const OPEN_WITH_BUTTON = "OPEN_WITH_BUTTON";
+export declare const CLOSE_WITH_BUTTON = "CLOSE_WITH_BUTTON";
+export declare type ActionTypes = typeof CLEAR | typeof CLEAR_SELECTION | typeof CHANGE | typeof INIT | typeof NAVIGATE | typeof SELECT_WITH_KEYBOARD | typeof SELECT_WITH_CLICK | typeof ESCAPE | typeof BLUR | typeof FOCUS | typeof OPEN_WITH_BUTTON | typeof CLOSE_WITH_BUTTON;
+export declare const stateChart: GenericStateChart<StateTypes, ActionTypes>;
+export interface ReducerState extends StateMachineState<StateTypes, ActionTypes> {
+    item: string;
+    navigationItem: string;
+    text: string;
+}
+interface ActionObject {
+    type: ActionTypes;
+    state: StateTypes;
+    nextState: StateTypes;
+    [rest: string]: any;
+}
+export declare function comboboxReducer(data: Readonly<ReducerState>, action: ActionObject): ReducerState;
+export declare const isVisible: (state: any) => boolean;
+export declare function useFocusManagement(lastActionType: ActionTypes, inputRef: MutableRefObject<HTMLInputElement | null>): void;
+export declare function useKeyDown(): (event: KeyboardEvent<any>) => void;
+export declare function useBlur(): () => void;
+export {};

package/build/esm/ComboBox/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","names":["useEffect","getCircularIndex","useComboBoxContext","scopeQuery","IDLE","SUGGESTING","NAVIGATING","INIT","CLEAR","CLEAR_SELECTION","CHANGE","NAVIGATE","SELECT_WITH_KEYBOARD","SELECT_WITH_CLICK","ESCAPE","BLUR","FOCUS","OPEN_WITH_BUTTON","CLOSE_WITH_BUTTON","stateChart","initial","states","on","comboboxReducer","data","action","nextState","state","lastActionType","type","text","navigationItem","item","persistSelection","Error","visibleStates","isVisible","indexOf","useFocusManagement","inputRef","current","focus","getNextItem","currentItem","key","optionsItems","autocomplete","jumpToStartOrEnd","incr","index","findIndex","n","String","id","optionsLen","length","nextIndex","useKeyDown","onSelect","optionsRef","transition","autocompletePropRef","clearOnEscapeRef","persistSelectionRef","listScope","handleKeyDown","event","optionNodes","queryAllNodes","preventDefault","nextItem","scrollIntoView","behavior","block","value","lastValue","tracker","_valueTracker","setValue","Event","bubbles","dispatchEvent","navigationValue","navigationText","useBlur","stateText","popoverRef","buttonRef","selectOnBlur","handleBlur","requestAnimationFrame","document","activeElement","contains"],"sources":["../../../src/ComboBox/hooks.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-use-before-define */\r\n/* eslint-disable default-case */\r\nimport type { KeyboardEvent, MutableRefObject } from 'react';\r\nimport { useEffect } from 'react';\r\n\r\nimport type {\r\n  StateChart as GenericStateChart,\r\n  StateMachineState,\r\n} from '../hooks/useReducerMachine';\r\nimport { getCircularIndex } from '../utils/get-circular-index';\r\nimport { useComboBoxContext } from './context';\r\nimport { scopeQuery } from './scopeQuery';\r\n\r\n////////////////////////////////////////////////////////////////////////////////\r\n// States\r\n\r\n// Nothing going on, waiting for the user to type or use the arrow keys\r\nexport const IDLE = 'IDLE';\r\n\r\n// The component is suggesting options as the user types\r\nconst SUGGESTING = 'SUGGESTING';\r\n\r\n// The user is using the keyboard to navigate the list, not typing\r\nexport const NAVIGATING = 'NAVIGATING';\r\n\r\nexport type StateTypes = typeof IDLE | typeof SUGGESTING | typeof NAVIGATING;\r\n\r\n////////////////////////////////////////////////////////////////////////////////\r\n// Actions:\r\n\r\n// Used to sync the state with controlled state, right after mounting\r\nexport const INIT = 'INIT';\r\n\r\n// User cleared the value w/ backspace, but input still has focus\r\nexport const CLEAR = 'CLEAR';\r\n\r\n// User cleared the value w/ backspace, but input still has focus\r\nexport const CLEAR_SELECTION = 'CLEAR_SELECTION';\r\n\r\n// User is typing\r\nexport const CHANGE = 'CHANGE';\r\n\r\n// User is navigating w/ the keyboard\r\nexport const NAVIGATE = 'NAVIGATE';\r\n\r\n// User can be navigating with keyboard and then click instead, we want the\r\n// value from the click, not the current nav item\r\nconst SELECT_WITH_KEYBOARD = 'SELECT_WITH_KEYBOARD';\r\nexport const SELECT_WITH_CLICK = 'SELECT_WITH_CLICK';\r\n\r\n// Pretty self-explanatory, user can hit escape or blur to close the popover\r\nconst ESCAPE = 'ESCAPE';\r\nconst BLUR = 'BLUR';\r\n\r\nexport const FOCUS = 'FOCUS';\r\n\r\nexport const OPEN_WITH_BUTTON = 'OPEN_WITH_BUTTON';\r\n\r\nexport const CLOSE_WITH_BUTTON = 'CLOSE_WITH_BUTTON';\r\n\r\nexport type ActionTypes =\r\n  | typeof CLEAR\r\n  | typeof CLEAR_SELECTION\r\n  | typeof CHANGE\r\n  | typeof INIT\r\n  | typeof NAVIGATE\r\n  | typeof SELECT_WITH_KEYBOARD\r\n  | typeof SELECT_WITH_CLICK\r\n  | typeof ESCAPE\r\n  | typeof BLUR\r\n  | typeof FOCUS\r\n  | typeof OPEN_WITH_BUTTON\r\n  | typeof CLOSE_WITH_BUTTON;\r\n\r\n////////////////////////////////////////////////////////////////////////////////\r\nexport const stateChart: GenericStateChart<StateTypes, ActionTypes> = {\r\n  initial: IDLE,\r\n  states: {\r\n    [IDLE]: {\r\n      on: {\r\n        [BLUR]: IDLE,\r\n        [CLEAR]: IDLE,\r\n        [INIT]: IDLE,\r\n        [CLEAR_SELECTION]: IDLE,\r\n        [CHANGE]: SUGGESTING,\r\n        [FOCUS]: SUGGESTING,\r\n        [NAVIGATE]: NAVIGATING,\r\n        [OPEN_WITH_BUTTON]: SUGGESTING,\r\n      },\r\n    },\r\n    [SUGGESTING]: {\r\n      on: {\r\n        [CHANGE]: SUGGESTING,\r\n        [FOCUS]: SUGGESTING,\r\n        [INIT]: SUGGESTING,\r\n        [NAVIGATE]: NAVIGATING,\r\n        [CLEAR]: IDLE,\r\n        [CLEAR_SELECTION]: SUGGESTING,\r\n        [ESCAPE]: IDLE,\r\n        [BLUR]: IDLE,\r\n        [SELECT_WITH_CLICK]: IDLE,\r\n        [CLOSE_WITH_BUTTON]: IDLE,\r\n      },\r\n    },\r\n    [NAVIGATING]: {\r\n      on: {\r\n        [CHANGE]: SUGGESTING,\r\n        [FOCUS]: SUGGESTING,\r\n        [INIT]: NAVIGATING,\r\n        [CLEAR]: IDLE,\r\n        [CLEAR_SELECTION]: NAVIGATING,\r\n        [BLUR]: IDLE,\r\n        [ESCAPE]: IDLE,\r\n        [NAVIGATE]: NAVIGATING,\r\n        [SELECT_WITH_KEYBOARD]: IDLE,\r\n        [SELECT_WITH_CLICK]: IDLE,\r\n        [CLOSE_WITH_BUTTON]: IDLE,\r\n      },\r\n    },\r\n  },\r\n};\r\n\r\nexport interface ReducerState\r\n  extends StateMachineState<StateTypes, ActionTypes> {\r\n  item: string;\r\n  navigationItem: string;\r\n  text: string;\r\n}\r\n\r\ninterface ActionObject {\r\n  type: ActionTypes;\r\n  state: StateTypes;\r\n  nextState: StateTypes;\r\n  [rest: string]: any;\r\n}\r\n\r\nexport function comboboxReducer(\r\n  data: Readonly<ReducerState>,\r\n  action: ActionObject\r\n): ReducerState {\r\n  const nextState = {\r\n    ...data,\r\n    state: action.nextState,\r\n    lastActionType: action.type,\r\n  };\r\n\r\n  switch (action.type) {\r\n    case INIT:\r\n    case CHANGE:\r\n      return {\r\n        ...nextState,\r\n        text: action.text,\r\n        navigationItem: '',\r\n        item: '',\r\n      };\r\n    case NAVIGATE:\r\n    case OPEN_WITH_BUTTON:\r\n      if (action.persistSelection) {\r\n        return {\r\n          ...nextState,\r\n          navigationItem: data.item,\r\n        };\r\n      }\r\n\r\n      return {\r\n        ...nextState,\r\n        navigationItem: action.item,\r\n      };\r\n    case CLEAR_SELECTION:\r\n      return {\r\n        ...nextState,\r\n        navigationItem: '',\r\n      };\r\n    case CLEAR:\r\n      return {\r\n        ...nextState,\r\n        text: '',\r\n        navigationItem: '',\r\n        item: '',\r\n      };\r\n    case BLUR:\r\n      return {\r\n        ...nextState,\r\n        text: action.text,\r\n        navigationItem: '',\r\n        item: action.item,\r\n      };\r\n    case CLOSE_WITH_BUTTON:\r\n    case ESCAPE:\r\n      return {\r\n        ...nextState,\r\n        navigationItem: '',\r\n        item: '',\r\n      };\r\n    case SELECT_WITH_CLICK:\r\n    case SELECT_WITH_KEYBOARD:\r\n      return {\r\n        ...nextState,\r\n        text: action.text,\r\n        item: action.item,\r\n        navigationItem: '',\r\n      };\r\n    case FOCUS:\r\n      return {\r\n        ...nextState,\r\n        navigationItem: action.item,\r\n      };\r\n\r\n    default:\r\n      throw new Error(`Unknown action ${action.type}`);\r\n  }\r\n}\r\n\r\nconst visibleStates = [SUGGESTING, NAVIGATING];\r\nexport const isVisible = (state: any) => visibleStates.indexOf(state) >= 0;\r\n\r\n////////////////////////////////////////////////////////////////////////////////\r\n// The rest is all implementation details\r\n\r\n// Move focus back to the input if we start navigating w/ the\r\n// keyboard after focus has moved to any focusable content in\r\n// the popup.\r\nexport function useFocusManagement(\r\n  lastActionType: ActionTypes,\r\n  inputRef: MutableRefObject<HTMLInputElement | null>\r\n) {\r\n  // useEffect so that the cursor goes to the end of the input instead\r\n  // of awkwardly at the beginning, unclear to me why ...\r\n  useEffect(() => {\r\n    if (\r\n      lastActionType === NAVIGATE ||\r\n      lastActionType === ESCAPE ||\r\n      lastActionType === SELECT_WITH_CLICK ||\r\n      lastActionType === OPEN_WITH_BUTTON\r\n    ) {\r\n      inputRef.current && inputRef.current.focus();\r\n    }\r\n  });\r\n}\r\n\r\nfunction getNextItem(\r\n  currentItem: string,\r\n  key: 'ArrowDown' | 'ArrowUp' | 'PageDown' | 'PageUp' | 'Home' | 'End',\r\n  optionsItems: HTMLElement[],\r\n  autocomplete: boolean\r\n): HTMLElement | null {\r\n  const jumpToStartOrEnd = key === 'Home' || key === 'End';\r\n  let incr = 1;\r\n  switch (key) {\r\n    case 'PageUp':\r\n      incr = -10;\r\n      break;\r\n    case 'PageDown':\r\n      incr = 10;\r\n      break;\r\n    case 'End':\r\n    case 'ArrowUp':\r\n      incr = -1;\r\n      break;\r\n    case 'Home':\r\n    case 'ArrowDown':\r\n      incr = 1;\r\n      break;\r\n  }\r\n\r\n  const index =\r\n    currentItem === ''\r\n      ? -1\r\n      : optionsItems.findIndex((n) => String(n.id) === currentItem);\r\n\r\n  const optionsLen = optionsItems.length;\r\n\r\n  // Nothing selected, either go to start, or end\r\n  if (index < 0 || jumpToStartOrEnd) {\r\n    if (incr > 0) {\r\n      // Go to start\r\n      return optionsItems[0];\r\n    } else {\r\n      // Go to end\r\n      return optionsItems[optionsLen - 1];\r\n    }\r\n  } else if (autocomplete) {\r\n    const nextIndex = index + incr;\r\n\r\n    if (nextIndex < 0 || nextIndex >= optionsLen) {\r\n      // Next is outside the bounds of list, return nothing selected\r\n      return null;\r\n    }\r\n  }\r\n\r\n  // I'm sure it won't be null, we already check optionsLen above\r\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\r\n  return optionsItems[getCircularIndex(index + incr, optionsLen)!];\r\n}\r\n\r\n// We want the same events when the input or the popup have focus (HOW COOL ARE\r\n// HOOKS BTW?) This is probably the hairiest piece but it's not bad.\r\nexport function useKeyDown() {\r\n  const {\r\n    data: { text, navigationItem },\r\n    onSelect,\r\n    optionsRef,\r\n    inputRef,\r\n    state,\r\n    transition,\r\n    autocompletePropRef,\r\n    clearOnEscapeRef,\r\n    persistSelectionRef,\r\n    listScope,\r\n  } = useComboBoxContext();\r\n\r\n  return function handleKeyDown(event: KeyboardEvent<any>) {\r\n    const optionNodes = listScope.current.queryAllNodes(scopeQuery);\r\n\r\n    switch (event.key) {\r\n      case 'Home':\r\n      case 'End':\r\n      case 'PageUp':\r\n      case 'PageDown':\r\n      case 'ArrowUp':\r\n      case 'ArrowDown': {\r\n        // Don't scroll the page\r\n        event.preventDefault();\r\n\r\n        const optionsLen = optionNodes.length;\r\n\r\n        // If the developer didn't render any options, there's no point in\r\n        // trying to navigate--but seriously what the heck? Give us some\r\n        // options fam.\r\n        if (optionsLen === 0) {\r\n          return;\r\n        }\r\n\r\n        if (state === IDLE) {\r\n          // Opening a closed list\r\n          transition(NAVIGATE, {\r\n            persistSelection: persistSelectionRef.current,\r\n          });\r\n        } else {\r\n          // When autocompletting, we'll not cycle through the list directly\r\n          const autocomplete = autocompletePropRef.current;\r\n\r\n          // Get next selected item\r\n          const nextItem = getNextItem(\r\n            navigationItem,\r\n            event.key,\r\n            optionNodes,\r\n            autocomplete\r\n          );\r\n\r\n          if (nextItem !== null) {\r\n            nextItem.scrollIntoView({ behavior: 'auto', block: 'nearest' });\r\n            transition(NAVIGATE, {\r\n              value: optionsRef.current[nextItem.id].text,\r\n              item: nextItem.id,\r\n            });\r\n          } else {\r\n            transition(NAVIGATE, { value: null, item: '' });\r\n          }\r\n        }\r\n        break;\r\n      }\r\n      case 'Escape': {\r\n        if (state !== IDLE) {\r\n          transition(ESCAPE);\r\n        } else if (state === IDLE && text !== '') {\r\n          if (!inputRef.current || !clearOnEscapeRef.current) {\r\n            break;\r\n          }\r\n\r\n          // emulate a inputRef change event, might not work in future versions of React\r\n          const lastValue = inputRef.current.value;\r\n          inputRef.current.value = '';\r\n\r\n          const tracker = (inputRef.current as any)._valueTracker;\r\n          if (tracker) {\r\n            tracker.setValue(lastValue);\r\n          }\r\n\r\n          const event = new Event('change', { bubbles: true });\r\n          inputRef.current.dispatchEvent(event);\r\n        }\r\n        break;\r\n      }\r\n      case 'Enter': {\r\n        if (state === NAVIGATING && navigationItem !== '') {\r\n          const { value: navigationValue, text: navigationText } =\r\n            optionsRef.current[navigationItem];\r\n\r\n          // don't want to submit forms\r\n          event.preventDefault();\r\n          onSelect && onSelect(navigationText, navigationItem, navigationValue);\r\n          transition(SELECT_WITH_KEYBOARD, {\r\n            text: navigationText,\r\n            item: navigationItem,\r\n          });\r\n        }\r\n        break;\r\n      }\r\n    }\r\n  };\r\n}\r\n\r\nexport function useBlur() {\r\n  const {\r\n    data: { navigationItem, text: stateText },\r\n    transition,\r\n    optionsRef,\r\n    popoverRef,\r\n    inputRef,\r\n    buttonRef,\r\n    onSelect,\r\n    selectOnBlur, // not implemented yet\r\n  } = useComboBoxContext();\r\n\r\n  return function handleBlur() {\r\n    requestAnimationFrame(() => {\r\n      // we on want to close only if focus rests outside the combobox\r\n      if (\r\n        document.activeElement !== inputRef.current &&\r\n        document.activeElement !== buttonRef.current &&\r\n        popoverRef.current\r\n      ) {\r\n        if (popoverRef.current.contains(document.activeElement)) {\r\n          // focus landed inside the combobox, keep it open\r\n          // in the future, we can make it not close, select, or anything\r\n          // this way we can have like... checkboxes available in the\r\n          // menu item, etc.\r\n        } else {\r\n          // focus landed outside the combobox, close it.\r\n          if (!selectOnBlur || navigationItem === '') {\r\n            // we don't wanna select on blur, or navigationIndex is invalid\r\n            transition(BLUR, { text: stateText, item: '' });\r\n          } else {\r\n            // select the currently selected item\r\n            const { value: navigationValue, text: navigationText } =\r\n              optionsRef.current[navigationItem];\r\n\r\n            onSelect &&\r\n              onSelect(navigationText, navigationItem, navigationValue);\r\n\r\n            transition(BLUR, {\r\n              text: navigationText,\r\n              item: navigationItem,\r\n            });\r\n          }\r\n        }\r\n      }\r\n    });\r\n  };\r\n}\r\n"],"mappings":"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"}
+{"version":3,"file":"hooks.js","names":["useEffect","getCircularIndex","useComboBoxContext","scopeQuery","IDLE","SUGGESTING","NAVIGATING","INIT","CLEAR","CLEAR_SELECTION","CHANGE","NAVIGATE","SELECT_WITH_KEYBOARD","SELECT_WITH_CLICK","ESCAPE","BLUR","FOCUS","OPEN_WITH_BUTTON","CLOSE_WITH_BUTTON","stateChart","initial","states","on","comboboxReducer","data","action","nextState","state","lastActionType","type","text","navigationItem","item","persistSelection","Error","visibleStates","isVisible","indexOf","useFocusManagement","inputRef","current","focus","getNextItem","currentItem","key","optionsItems","autocomplete","jumpToStartOrEnd","incr","index","findIndex","n","String","id","optionsLen","length","nextIndex","useKeyDown","onSelect","optionsRef","transition","autocompletePropRef","clearOnEscapeRef","persistSelectionRef","listScope","handleKeyDown","event","optionNodes","queryAllNodes","preventDefault","nextItem","scrollIntoView","behavior","block","value","lastValue","tracker","_valueTracker","setValue","Event","bubbles","dispatchEvent","navigationValue","navigationText","useBlur","stateText","popoverRef","buttonRef","selectOnBlur","handleBlur","requestAnimationFrame","document","activeElement","contains"],"sources":["../../../src/ComboBox/hooks.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-use-before-define */\n/* eslint-disable default-case */\nimport type { KeyboardEvent, MutableRefObject } from 'react';\nimport { useEffect } from 'react';\n\nimport type {\n  StateChart as GenericStateChart,\n  StateMachineState,\n} from '../hooks/useReducerMachine';\nimport { getCircularIndex } from '../utils/get-circular-index';\nimport { useComboBoxContext } from './context';\nimport { scopeQuery } from './scopeQuery';\n\n////////////////////////////////////////////////////////////////////////////////\n// States\n\n// Nothing going on, waiting for the user to type or use the arrow keys\nexport const IDLE = 'IDLE';\n\n// The component is suggesting options as the user types\nconst SUGGESTING = 'SUGGESTING';\n\n// The user is using the keyboard to navigate the list, not typing\nexport const NAVIGATING = 'NAVIGATING';\n\nexport type StateTypes = typeof IDLE | typeof SUGGESTING | typeof NAVIGATING;\n\n////////////////////////////////////////////////////////////////////////////////\n// Actions:\n\n// Used to sync the state with controlled state, right after mounting\nexport const INIT = 'INIT';\n\n// User cleared the value w/ backspace, but input still has focus\nexport const CLEAR = 'CLEAR';\n\n// User cleared the value w/ backspace, but input still has focus\nexport const CLEAR_SELECTION = 'CLEAR_SELECTION';\n\n// User is typing\nexport const CHANGE = 'CHANGE';\n\n// User is navigating w/ the keyboard\nexport const NAVIGATE = 'NAVIGATE';\n\n// User can be navigating with keyboard and then click instead, we want the\n// value from the click, not the current nav item\nconst SELECT_WITH_KEYBOARD = 'SELECT_WITH_KEYBOARD';\nexport const SELECT_WITH_CLICK = 'SELECT_WITH_CLICK';\n\n// Pretty self-explanatory, user can hit escape or blur to close the popover\nconst ESCAPE = 'ESCAPE';\nconst BLUR = 'BLUR';\n\nexport const FOCUS = 'FOCUS';\n\nexport const OPEN_WITH_BUTTON = 'OPEN_WITH_BUTTON';\n\nexport const CLOSE_WITH_BUTTON = 'CLOSE_WITH_BUTTON';\n\nexport type ActionTypes =\n  | typeof CLEAR\n  | typeof CLEAR_SELECTION\n  | typeof CHANGE\n  | typeof INIT\n  | typeof NAVIGATE\n  | typeof SELECT_WITH_KEYBOARD\n  | typeof SELECT_WITH_CLICK\n  | typeof ESCAPE\n  | typeof BLUR\n  | typeof FOCUS\n  | typeof OPEN_WITH_BUTTON\n  | typeof CLOSE_WITH_BUTTON;\n\n////////////////////////////////////////////////////////////////////////////////\nexport const stateChart: GenericStateChart<StateTypes, ActionTypes> = {\n  initial: IDLE,\n  states: {\n    [IDLE]: {\n      on: {\n        [BLUR]: IDLE,\n        [CLEAR]: IDLE,\n        [INIT]: IDLE,\n        [CLEAR_SELECTION]: IDLE,\n        [CHANGE]: SUGGESTING,\n        [FOCUS]: SUGGESTING,\n        [NAVIGATE]: NAVIGATING,\n        [OPEN_WITH_BUTTON]: SUGGESTING,\n      },\n    },\n    [SUGGESTING]: {\n      on: {\n        [CHANGE]: SUGGESTING,\n        [FOCUS]: SUGGESTING,\n        [INIT]: SUGGESTING,\n        [NAVIGATE]: NAVIGATING,\n        [CLEAR]: IDLE,\n        [CLEAR_SELECTION]: SUGGESTING,\n        [ESCAPE]: IDLE,\n        [BLUR]: IDLE,\n        [SELECT_WITH_CLICK]: IDLE,\n        [CLOSE_WITH_BUTTON]: IDLE,\n      },\n    },\n    [NAVIGATING]: {\n      on: {\n        [CHANGE]: SUGGESTING,\n        [FOCUS]: SUGGESTING,\n        [INIT]: NAVIGATING,\n        [CLEAR]: IDLE,\n        [CLEAR_SELECTION]: NAVIGATING,\n        [BLUR]: IDLE,\n        [ESCAPE]: IDLE,\n        [NAVIGATE]: NAVIGATING,\n        [SELECT_WITH_KEYBOARD]: IDLE,\n        [SELECT_WITH_CLICK]: IDLE,\n        [CLOSE_WITH_BUTTON]: IDLE,\n      },\n    },\n  },\n};\n\nexport interface ReducerState\n  extends StateMachineState<StateTypes, ActionTypes> {\n  item: string;\n  navigationItem: string;\n  text: string;\n}\n\ninterface ActionObject {\n  type: ActionTypes;\n  state: StateTypes;\n  nextState: StateTypes;\n  [rest: string]: any;\n}\n\nexport function comboboxReducer(\n  data: Readonly<ReducerState>,\n  action: ActionObject\n): ReducerState {\n  const nextState = {\n    ...data,\n    state: action.nextState,\n    lastActionType: action.type,\n  };\n\n  switch (action.type) {\n    case INIT:\n    case CHANGE:\n      return {\n        ...nextState,\n        text: action.text,\n        navigationItem: '',\n        item: '',\n      };\n    case NAVIGATE:\n    case OPEN_WITH_BUTTON:\n      if (action.persistSelection) {\n        return {\n          ...nextState,\n          navigationItem: data.item,\n        };\n      }\n\n      return {\n        ...nextState,\n        navigationItem: action.item,\n      };\n    case CLEAR_SELECTION:\n      return {\n        ...nextState,\n        navigationItem: '',\n      };\n    case CLEAR:\n      return {\n        ...nextState,\n        text: '',\n        navigationItem: '',\n        item: '',\n      };\n    case BLUR:\n      return {\n        ...nextState,\n        text: action.text,\n        navigationItem: '',\n        item: action.item,\n      };\n    case CLOSE_WITH_BUTTON:\n    case ESCAPE:\n      return {\n        ...nextState,\n        navigationItem: '',\n        item: '',\n      };\n    case SELECT_WITH_CLICK:\n    case SELECT_WITH_KEYBOARD:\n      return {\n        ...nextState,\n        text: action.text,\n        item: action.item,\n        navigationItem: '',\n      };\n    case FOCUS:\n      return {\n        ...nextState,\n        navigationItem: action.item,\n      };\n\n    default:\n      throw new Error(`Unknown action ${action.type}`);\n  }\n}\n\nconst visibleStates = [SUGGESTING, NAVIGATING];\nexport const isVisible = (state: any) => visibleStates.indexOf(state) >= 0;\n\n////////////////////////////////////////////////////////////////////////////////\n// The rest is all implementation details\n\n// Move focus back to the input if we start navigating w/ the\n// keyboard after focus has moved to any focusable content in\n// the popup.\nexport function useFocusManagement(\n  lastActionType: ActionTypes,\n  inputRef: MutableRefObject<HTMLInputElement | null>\n) {\n  // useEffect so that the cursor goes to the end of the input instead\n  // of awkwardly at the beginning, unclear to me why ...\n  useEffect(() => {\n    if (\n      lastActionType === NAVIGATE ||\n      lastActionType === ESCAPE ||\n      lastActionType === SELECT_WITH_CLICK ||\n      lastActionType === OPEN_WITH_BUTTON\n    ) {\n      inputRef.current && inputRef.current.focus();\n    }\n  });\n}\n\nfunction getNextItem(\n  currentItem: string,\n  key: 'ArrowDown' | 'ArrowUp' | 'PageDown' | 'PageUp' | 'Home' | 'End',\n  optionsItems: HTMLElement[],\n  autocomplete: boolean\n): HTMLElement | null {\n  const jumpToStartOrEnd = key === 'Home' || key === 'End';\n  let incr = 1;\n  switch (key) {\n    case 'PageUp':\n      incr = -10;\n      break;\n    case 'PageDown':\n      incr = 10;\n      break;\n    case 'End':\n    case 'ArrowUp':\n      incr = -1;\n      break;\n    case 'Home':\n    case 'ArrowDown':\n      incr = 1;\n      break;\n  }\n\n  const index =\n    currentItem === ''\n      ? -1\n      : optionsItems.findIndex((n) => String(n.id) === currentItem);\n\n  const optionsLen = optionsItems.length;\n\n  // Nothing selected, either go to start, or end\n  if (index < 0 || jumpToStartOrEnd) {\n    if (incr > 0) {\n      // Go to start\n      return optionsItems[0];\n    } else {\n      // Go to end\n      return optionsItems[optionsLen - 1];\n    }\n  } else if (autocomplete) {\n    const nextIndex = index + incr;\n\n    if (nextIndex < 0 || nextIndex >= optionsLen) {\n      // Next is outside the bounds of list, return nothing selected\n      return null;\n    }\n  }\n\n  // I'm sure it won't be null, we already check optionsLen above\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  return optionsItems[getCircularIndex(index + incr, optionsLen)!];\n}\n\n// We want the same events when the input or the popup have focus (HOW COOL ARE\n// HOOKS BTW?) This is probably the hairiest piece but it's not bad.\nexport function useKeyDown() {\n  const {\n    data: { text, navigationItem },\n    onSelect,\n    optionsRef,\n    inputRef,\n    state,\n    transition,\n    autocompletePropRef,\n    clearOnEscapeRef,\n    persistSelectionRef,\n    listScope,\n  } = useComboBoxContext();\n\n  return function handleKeyDown(event: KeyboardEvent<any>) {\n    const optionNodes = listScope.current.queryAllNodes(scopeQuery);\n\n    switch (event.key) {\n      case 'Home':\n      case 'End':\n      case 'PageUp':\n      case 'PageDown':\n      case 'ArrowUp':\n      case 'ArrowDown': {\n        // Don't scroll the page\n        event.preventDefault();\n\n        const optionsLen = optionNodes.length;\n\n        // If the developer didn't render any options, there's no point in\n        // trying to navigate--but seriously what the heck? Give us some\n        // options fam.\n        if (optionsLen === 0) {\n          return;\n        }\n\n        if (state === IDLE) {\n          // Opening a closed list\n          transition(NAVIGATE, {\n            persistSelection: persistSelectionRef.current,\n          });\n        } else {\n          // When autocompletting, we'll not cycle through the list directly\n          const autocomplete = autocompletePropRef.current;\n\n          // Get next selected item\n          const nextItem = getNextItem(\n            navigationItem,\n            event.key,\n            optionNodes,\n            autocomplete\n          );\n\n          if (nextItem !== null) {\n            nextItem.scrollIntoView({ behavior: 'auto', block: 'nearest' });\n            transition(NAVIGATE, {\n              value: optionsRef.current[nextItem.id].text,\n              item: nextItem.id,\n            });\n          } else {\n            transition(NAVIGATE, { value: null, item: '' });\n          }\n        }\n        break;\n      }\n      case 'Escape': {\n        if (state !== IDLE) {\n          transition(ESCAPE);\n        } else if (state === IDLE && text !== '') {\n          if (!inputRef.current || !clearOnEscapeRef.current) {\n            break;\n          }\n\n          // emulate a inputRef change event, might not work in future versions of React\n          const lastValue = inputRef.current.value;\n          inputRef.current.value = '';\n\n          const tracker = (inputRef.current as any)._valueTracker;\n          if (tracker) {\n            tracker.setValue(lastValue);\n          }\n\n          const event = new Event('change', { bubbles: true });\n          inputRef.current.dispatchEvent(event);\n        }\n        break;\n      }\n      case 'Enter': {\n        if (state === NAVIGATING && navigationItem !== '') {\n          const { value: navigationValue, text: navigationText } =\n            optionsRef.current[navigationItem];\n\n          // don't want to submit forms\n          event.preventDefault();\n          onSelect && onSelect(navigationText, navigationItem, navigationValue);\n          transition(SELECT_WITH_KEYBOARD, {\n            text: navigationText,\n            item: navigationItem,\n          });\n        }\n        break;\n      }\n    }\n  };\n}\n\nexport function useBlur() {\n  const {\n    data: { navigationItem, text: stateText },\n    transition,\n    optionsRef,\n    popoverRef,\n    inputRef,\n    buttonRef,\n    onSelect,\n    selectOnBlur, // not implemented yet\n  } = useComboBoxContext();\n\n  return function handleBlur() {\n    requestAnimationFrame(() => {\n      // we on want to close only if focus rests outside the combobox\n      if (\n        document.activeElement !== inputRef.current &&\n        document.activeElement !== buttonRef.current &&\n        popoverRef.current\n      ) {\n        if (popoverRef.current.contains(document.activeElement)) {\n          // focus landed inside the combobox, keep it open\n          // in the future, we can make it not close, select, or anything\n          // this way we can have like... checkboxes available in the\n          // menu item, etc.\n        } else {\n          // focus landed outside the combobox, close it.\n          if (!selectOnBlur || navigationItem === '') {\n            // we don't wanna select on blur, or navigationIndex is invalid\n            transition(BLUR, { text: stateText, item: '' });\n          } else {\n            // select the currently selected item\n            const { value: navigationValue, text: navigationText } =\n              optionsRef.current[navigationItem];\n\n            onSelect &&\n              onSelect(navigationText, navigationItem, navigationValue);\n\n            transition(BLUR, {\n              text: navigationText,\n              item: navigationItem,\n            });\n          }\n        }\n      }\n    });\n  };\n}\n"],"mappings":";;;;;AAAA;;AACA;AAEA,SAASA,SAAT,QAA0B,OAA1B;AAMA,SAASC,gBAAT,QAAiC,6BAAjC;AACA,SAASC,kBAAT,QAAmC,WAAnC;AACA,SAASC,UAAT,QAA2B,cAA3B,C,CAEA;AACA;AAEA;;AACA,OAAO,IAAMC,IAAI,GAAG,MAAb,C,CAEP;;AACA,IAAMC,UAAU,GAAG,YAAnB,C,CAEA;;AACA,OAAO,IAAMC,UAAU,GAAG,YAAnB;AAIP;AACA;AAEA;AACA,OAAO,IAAMC,IAAI,GAAG,MAAb,C,CAEP;;AACA,OAAO,IAAMC,KAAK,GAAG,OAAd,C,CAEP;;AACA,OAAO,IAAMC,eAAe,GAAG,iBAAxB,C,CAEP;;AACA,OAAO,IAAMC,MAAM,GAAG,QAAf,C,CAEP;;AACA,OAAO,IAAMC,QAAQ,GAAG,UAAjB,C,CAEP;AACA;;AACA,IAAMC,oBAAoB,GAAG,sBAA7B;AACA,OAAO,IAAMC,iBAAiB,GAAG,mBAA1B,C,CAEP;;AACA,IAAMC,MAAM,GAAG,QAAf;AACA,IAAMC,IAAI,GAAG,MAAb;AAEA,OAAO,IAAMC,KAAK,GAAG,OAAd;AAEP,OAAO,IAAMC,gBAAgB,GAAG,kBAAzB;AAEP,OAAO,IAAMC,iBAAiB,GAAG,mBAA1B;AAgBP;AACA,OAAO,IAAMC,UAAsD,GAAG;EACpEC,OAAO,EAAEhB,IAD2D;EAEpEiB,MAAM,0CACHjB,IADG,EACI;IACNkB,EAAE,kCACCP,IADD,EACQX,IADR,wBAECI,KAFD,EAESJ,IAFT,wBAGCG,IAHD,EAGQH,IAHR,wBAICK,eAJD,EAImBL,IAJnB,wBAKCM,MALD,EAKUL,UALV,wBAMCW,KAND,EAMSX,UANT,wBAOCM,QAPD,EAOYL,UAPZ,wBAQCW,gBARD,EAQoBZ,UARpB;EADI,CADJ,4BAaHA,UAbG,EAaU;IACZiB,EAAE,oCACCZ,MADD,EACUL,UADV,yBAECW,KAFD,EAESX,UAFT,yBAGCE,IAHD,EAGQF,UAHR,yBAICM,QAJD,EAIYL,UAJZ,yBAKCE,KALD,EAKSJ,IALT,yBAMCK,eAND,EAMmBJ,UANnB,yBAOCS,MAPD,EAOUV,IAPV,yBAQCW,IARD,EAQQX,IARR,yBASCS,iBATD,EASqBT,IATrB,yBAUCc,iBAVD,EAUqBd,IAVrB;EADU,CAbV,4BA2BHE,UA3BG,EA2BU;IACZgB,EAAE,oCACCZ,MADD,EACUL,UADV,yBAECW,KAFD,EAESX,UAFT,yBAGCE,IAHD,EAGQD,UAHR,yBAICE,KAJD,EAISJ,IAJT,yBAKCK,eALD,EAKmBH,UALnB,yBAMCS,IAND,EAMQX,IANR,yBAOCU,MAPD,EAOUV,IAPV,yBAQCO,QARD,EAQYL,UARZ,yBASCM,oBATD,EASwBR,IATxB,yBAUCS,iBAVD,EAUqBT,IAVrB,yBAWCc,iBAXD,EAWqBd,IAXrB;EADU,CA3BV;AAF8D,CAA/D;AA6DP,OAAO,SAASmB,eAAT,CACLC,IADK,EAELC,MAFK,EAGS;EACd,IAAMC,SAAS,yBACVF,IADU;IAEbG,KAAK,EAAEF,MAAM,CAACC,SAFD;IAGbE,cAAc,EAAEH,MAAM,CAACI;EAHV,EAAf;;EAMA,QAAQJ,MAAM,CAACI,IAAf;IACE,KAAKtB,IAAL;IACA,KAAKG,MAAL;MACE,6BACKgB,SADL;QAEEI,IAAI,EAAEL,MAAM,CAACK,IAFf;QAGEC,cAAc,EAAE,EAHlB;QAIEC,IAAI,EAAE;MAJR;;IAMF,KAAKrB,QAAL;IACA,KAAKM,gBAAL;MACE,IAAIQ,MAAM,CAACQ,gBAAX,EAA6B;QAC3B,6BACKP,SADL;UAEEK,cAAc,EAAEP,IAAI,CAACQ;QAFvB;MAID;;MAED,6BACKN,SADL;QAEEK,cAAc,EAAEN,MAAM,CAACO;MAFzB;;IAIF,KAAKvB,eAAL;MACE,6BACKiB,SADL;QAEEK,cAAc,EAAE;MAFlB;;IAIF,KAAKvB,KAAL;MACE,6BACKkB,SADL;QAEEI,IAAI,EAAE,EAFR;QAGEC,cAAc,EAAE,EAHlB;QAIEC,IAAI,EAAE;MAJR;;IAMF,KAAKjB,IAAL;MACE,6BACKW,SADL;QAEEI,IAAI,EAAEL,MAAM,CAACK,IAFf;QAGEC,cAAc,EAAE,EAHlB;QAIEC,IAAI,EAAEP,MAAM,CAACO;MAJf;;IAMF,KAAKd,iBAAL;IACA,KAAKJ,MAAL;MACE,6BACKY,SADL;QAEEK,cAAc,EAAE,EAFlB;QAGEC,IAAI,EAAE;MAHR;;IAKF,KAAKnB,iBAAL;IACA,KAAKD,oBAAL;MACE,6BACKc,SADL;QAEEI,IAAI,EAAEL,MAAM,CAACK,IAFf;QAGEE,IAAI,EAAEP,MAAM,CAACO,IAHf;QAIED,cAAc,EAAE;MAJlB;;IAMF,KAAKf,KAAL;MACE,6BACKU,SADL;QAEEK,cAAc,EAAEN,MAAM,CAACO;MAFzB;;IAKF;MACE,MAAM,IAAIE,KAAJ,0BAA4BT,MAAM,CAACI,IAAnC,EAAN;EA/DJ;AAiED;AAED,IAAMM,aAAa,GAAG,CAAC9B,UAAD,EAAaC,UAAb,CAAtB;AACA,OAAO,IAAM8B,SAAS,GAAG,SAAZA,SAAY,CAACT,KAAD;EAAA,OAAgBQ,aAAa,CAACE,OAAd,CAAsBV,KAAtB,KAAgC,CAAhD;AAAA,CAAlB,C,CAEP;AACA;AAEA;AACA;AACA;;AACA,OAAO,SAASW,kBAAT,CACLV,cADK,EAELW,QAFK,EAGL;EACA;EACA;EACAvC,SAAS,CAAC,YAAM;IACd,IACE4B,cAAc,KAAKjB,QAAnB,IACAiB,cAAc,KAAKd,MADnB,IAEAc,cAAc,KAAKf,iBAFnB,IAGAe,cAAc,KAAKX,gBAJrB,EAKE;MACAsB,QAAQ,CAACC,OAAT,IAAoBD,QAAQ,CAACC,OAAT,CAAiBC,KAAjB,EAApB;IACD;EACF,CATQ,CAAT;AAUD;;AAED,SAASC,WAAT,CACEC,WADF,EAEEC,GAFF,EAGEC,YAHF,EAIEC,YAJF,EAKsB;EACpB,IAAMC,gBAAgB,GAAGH,GAAG,KAAK,MAAR,IAAkBA,GAAG,KAAK,KAAnD;EACA,IAAII,IAAI,GAAG,CAAX;;EACA,QAAQJ,GAAR;IACE,KAAK,QAAL;MACEI,IAAI,GAAG,CAAC,EAAR;MACA;;IACF,KAAK,UAAL;MACEA,IAAI,GAAG,EAAP;MACA;;IACF,KAAK,KAAL;IACA,KAAK,SAAL;MACEA,IAAI,GAAG,CAAC,CAAR;MACA;;IACF,KAAK,MAAL;IACA,KAAK,WAAL;MACEA,IAAI,GAAG,CAAP;MACA;EAdJ;;EAiBA,IAAMC,KAAK,GACTN,WAAW,KAAK,EAAhB,GACI,CAAC,CADL,GAEIE,YAAY,CAACK,SAAb,CAAuB,UAACC,CAAD;IAAA,OAAOC,MAAM,CAACD,CAAC,CAACE,EAAH,CAAN,KAAiBV,WAAxB;EAAA,CAAvB,CAHN;EAKA,IAAMW,UAAU,GAAGT,YAAY,CAACU,MAAhC,CAzBoB,CA2BpB;;EACA,IAAIN,KAAK,GAAG,CAAR,IAAaF,gBAAjB,EAAmC;IACjC,IAAIC,IAAI,GAAG,CAAX,EAAc;MACZ;MACA,OAAOH,YAAY,CAAC,CAAD,CAAnB;IACD,CAHD,MAGO;MACL;MACA,OAAOA,YAAY,CAACS,UAAU,GAAG,CAAd,CAAnB;IACD;EACF,CARD,MAQO,IAAIR,YAAJ,EAAkB;IACvB,IAAMU,SAAS,GAAGP,KAAK,GAAGD,IAA1B;;IAEA,IAAIQ,SAAS,GAAG,CAAZ,IAAiBA,SAAS,IAAIF,UAAlC,EAA8C;MAC5C;MACA,OAAO,IAAP;IACD;EACF,CA3CmB,CA6CpB;EACA;;;EACA,OAAOT,YAAY,CAAC5C,gBAAgB,CAACgD,KAAK,GAAGD,IAAT,EAAeM,UAAf,CAAjB,CAAnB;AACD,C,CAED;AACA;;;AACA,OAAO,SAASG,UAAT,GAAsB;EAC3B,0BAWIvD,kBAAkB,EAXtB;EAAA,gDACEsB,IADF;EAAA,IACUM,IADV,yBACUA,IADV;EAAA,IACgBC,cADhB,yBACgBA,cADhB;EAAA,IAEE2B,QAFF,uBAEEA,QAFF;EAAA,IAGEC,UAHF,uBAGEA,UAHF;EAAA,IAIEpB,QAJF,uBAIEA,QAJF;EAAA,IAKEZ,KALF,uBAKEA,KALF;EAAA,IAMEiC,UANF,uBAMEA,UANF;EAAA,IAOEC,mBAPF,uBAOEA,mBAPF;EAAA,IAQEC,gBARF,uBAQEA,gBARF;EAAA,IASEC,mBATF,uBASEA,mBATF;EAAA,IAUEC,SAVF,uBAUEA,SAVF;;EAaA,OAAO,SAASC,aAAT,CAAuBC,KAAvB,EAAkD;IACvD,IAAMC,WAAW,GAAGH,SAAS,CAACxB,OAAV,CAAkB4B,aAAlB,CAAgCjE,UAAhC,CAApB;;IAEA,QAAQ+D,KAAK,CAACtB,GAAd;MACE,KAAK,MAAL;MACA,KAAK,KAAL;MACA,KAAK,QAAL;MACA,KAAK,UAAL;MACA,KAAK,SAAL;MACA,KAAK,WAAL;QAAkB;UAChB;UACAsB,KAAK,CAACG,cAAN;UAEA,IAAMf,UAAU,GAAGa,WAAW,CAACZ,MAA/B,CAJgB,CAMhB;UACA;UACA;;UACA,IAAID,UAAU,KAAK,CAAnB,EAAsB;YACpB;UACD;;UAED,IAAI3B,KAAK,KAAKvB,IAAd,EAAoB;YAClB;YACAwD,UAAU,CAACjD,QAAD,EAAW;cACnBsB,gBAAgB,EAAE8B,mBAAmB,CAACvB;YADnB,CAAX,CAAV;UAGD,CALD,MAKO;YACL;YACA,IAAMM,YAAY,GAAGe,mBAAmB,CAACrB,OAAzC,CAFK,CAIL;;YACA,IAAM8B,QAAQ,GAAG5B,WAAW,CAC1BX,cAD0B,EAE1BmC,KAAK,CAACtB,GAFoB,EAG1BuB,WAH0B,EAI1BrB,YAJ0B,CAA5B;;YAOA,IAAIwB,QAAQ,KAAK,IAAjB,EAAuB;cACrBA,QAAQ,CAACC,cAAT,CAAwB;gBAAEC,QAAQ,EAAE,MAAZ;gBAAoBC,KAAK,EAAE;cAA3B,CAAxB;cACAb,UAAU,CAACjD,QAAD,EAAW;gBACnB+D,KAAK,EAAEf,UAAU,CAACnB,OAAX,CAAmB8B,QAAQ,CAACjB,EAA5B,EAAgCvB,IADpB;gBAEnBE,IAAI,EAAEsC,QAAQ,CAACjB;cAFI,CAAX,CAAV;YAID,CAND,MAMO;cACLO,UAAU,CAACjD,QAAD,EAAW;gBAAE+D,KAAK,EAAE,IAAT;gBAAe1C,IAAI,EAAE;cAArB,CAAX,CAAV;YACD;UACF;;UACD;QACD;;MACD,KAAK,QAAL;QAAe;UACb,IAAIL,KAAK,KAAKvB,IAAd,EAAoB;YAClBwD,UAAU,CAAC9C,MAAD,CAAV;UACD,CAFD,MAEO,IAAIa,KAAK,KAAKvB,IAAV,IAAkB0B,IAAI,KAAK,EAA/B,EAAmC;YACxC,IAAI,CAACS,QAAQ,CAACC,OAAV,IAAqB,CAACsB,gBAAgB,CAACtB,OAA3C,EAAoD;cAClD;YACD,CAHuC,CAKxC;;;YACA,IAAMmC,SAAS,GAAGpC,QAAQ,CAACC,OAAT,CAAiBkC,KAAnC;YACAnC,QAAQ,CAACC,OAAT,CAAiBkC,KAAjB,GAAyB,EAAzB;YAEA,IAAME,OAAO,GAAIrC,QAAQ,CAACC,OAAV,CAA0BqC,aAA1C;;YACA,IAAID,OAAJ,EAAa;cACXA,OAAO,CAACE,QAAR,CAAiBH,SAAjB;YACD;;YAED,IAAMT,MAAK,GAAG,IAAIa,KAAJ,CAAU,QAAV,EAAoB;cAAEC,OAAO,EAAE;YAAX,CAApB,CAAd;;YACAzC,QAAQ,CAACC,OAAT,CAAiByC,aAAjB,CAA+Bf,MAA/B;UACD;;UACD;QACD;;MACD,KAAK,OAAL;QAAc;UACZ,IAAIvC,KAAK,KAAKrB,UAAV,IAAwByB,cAAc,KAAK,EAA/C,EAAmD;YACjD,4BACE4B,UAAU,CAACnB,OAAX,CAAmBT,cAAnB,CADF;YAAA,IAAemD,eAAf,yBAAQR,KAAR;YAAA,IAAsCS,cAAtC,yBAAgCrD,IAAhC,CADiD,CAIjD;;YACAoC,KAAK,CAACG,cAAN;YACAX,QAAQ,IAAIA,QAAQ,CAACyB,cAAD,EAAiBpD,cAAjB,EAAiCmD,eAAjC,CAApB;YACAtB,UAAU,CAAChD,oBAAD,EAAuB;cAC/BkB,IAAI,EAAEqD,cADyB;cAE/BnD,IAAI,EAAED;YAFyB,CAAvB,CAAV;UAID;;UACD;QACD;IApFH;EAsFD,CAzFD;AA0FD;AAED,OAAO,SAASqD,OAAT,GAAmB;EACxB,2BASIlF,kBAAkB,EATtB;EAAA,iDACEsB,IADF;EAAA,IACUO,cADV,yBACUA,cADV;EAAA,IACgCsD,SADhC,yBAC0BvD,IAD1B;EAAA,IAEE8B,UAFF,wBAEEA,UAFF;EAAA,IAGED,UAHF,wBAGEA,UAHF;EAAA,IAIE2B,UAJF,wBAIEA,UAJF;EAAA,IAKE/C,QALF,wBAKEA,QALF;EAAA,IAMEgD,SANF,wBAMEA,SANF;EAAA,IAOE7B,QAPF,wBAOEA,QAPF;EAAA,IAQE8B,YARF,wBAQEA,YARF;;EAWA,OAAO,SAASC,UAAT,GAAsB;IAC3BC,qBAAqB,CAAC,YAAM;MAC1B;MACA,IACEC,QAAQ,CAACC,aAAT,KAA2BrD,QAAQ,CAACC,OAApC,IACAmD,QAAQ,CAACC,aAAT,KAA2BL,SAAS,CAAC/C,OADrC,IAEA8C,UAAU,CAAC9C,OAHb,EAIE;QACA,IAAI8C,UAAU,CAAC9C,OAAX,CAAmBqD,QAAnB,CAA4BF,QAAQ,CAACC,aAArC,CAAJ,EAAyD,CACvD;UACA;UACA;UACA;QACD,CALD,MAKO;UACL;UACA,IAAI,CAACJ,YAAD,IAAiBzD,cAAc,KAAK,EAAxC,EAA4C;YAC1C;YACA6B,UAAU,CAAC7C,IAAD,EAAO;cAAEe,IAAI,EAAEuD,SAAR;cAAmBrD,IAAI,EAAE;YAAzB,CAAP,CAAV;UACD,CAHD,MAGO;YACL;YACA,6BACE2B,UAAU,CAACnB,OAAX,CAAmBT,cAAnB,CADF;YAAA,IAAemD,eAAf,0BAAQR,KAAR;YAAA,IAAsCS,cAAtC,0BAAgCrD,IAAhC;YAGA4B,QAAQ,IACNA,QAAQ,CAACyB,cAAD,EAAiBpD,cAAjB,EAAiCmD,eAAjC,CADV;YAGAtB,UAAU,CAAC7C,IAAD,EAAO;cACfe,IAAI,EAAEqD,cADS;cAEfnD,IAAI,EAAED;YAFS,CAAP,CAAV;UAID;QACF;MACF;IACF,CAhCoB,CAArB;EAiCD,CAlCD;AAmCD"}

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

@@ -1,8 +1,8 @@
-export * from './Combobox';
-export * from './ComboboxButton';
-export * from './ComboboxInput';
-export * from './ComboboxLabel';
-export * from './ComboboxList';
-export * from './ComboboxOption';
-export * from './ComboboxPopover';
-export * from './context';
+export * from './Combobox';
+export * from './ComboboxButton';
+export * from './ComboboxInput';
+export * from './ComboboxLabel';
+export * from './ComboboxList';
+export * from './ComboboxOption';
+export * from './ComboboxPopover';
+export * from './context';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/ComboBox/index.ts"],"sourcesContent":["export * from './Combobox';\r\nexport * from './ComboboxButton';\r\nexport * from './ComboboxInput';\r\nexport * from './ComboboxLabel';\r\nexport * from './ComboboxList';\r\nexport * from './ComboboxOption';\r\nexport * from './ComboboxPopover';\r\nexport * from './context';\r\n"],"mappings":"AAAA,cAAc,YAAd;AACA,cAAc,kBAAd;AACA,cAAc,iBAAd;AACA,cAAc,iBAAd;AACA,cAAc,gBAAd;AACA,cAAc,kBAAd;AACA,cAAc,mBAAd;AACA,cAAc,WAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/ComboBox/index.ts"],"sourcesContent":["export * from './Combobox';\nexport * from './ComboboxButton';\nexport * from './ComboboxInput';\nexport * from './ComboboxLabel';\nexport * from './ComboboxList';\nexport * from './ComboboxOption';\nexport * from './ComboboxPopover';\nexport * from './context';\n"],"mappings":"AAAA,cAAc,YAAd;AACA,cAAc,kBAAd;AACA,cAAc,iBAAd;AACA,cAAc,iBAAd;AACA,cAAc,gBAAd;AACA,cAAc,kBAAd;AACA,cAAc,mBAAd;AACA,cAAc,WAAd"}

package/build/esm/ComboBox/makeHash.d.ts

@@ -1 +1 @@
-export declare function makeHash(str: string): number;
+export declare function makeHash(str: string): number;

package/build/esm/ComboBox/makeHash.js.map

@@ -1 +1 @@
-{"version":3,"file":"makeHash.js","names":["makeHash","str","hash","length","i","char","charCodeAt"],"sources":["../../../src/ComboBox/makeHash.ts"],"sourcesContent":["// We don't want to track the active descendant with indexes because nothing is\r\n// more annoying in a combobox than having it change values RIGHT AS YOU HIT\r\n// ENTER. That only happens if you use the index as your data, rather than\r\n// *your data as your data*. We use this to generate a unique ID based on the\r\n// value of each item.  This function is short, sweet, and good enough™ (I also\r\n// don't know how it works, tbqh)\r\n// https://stackoverflow.com/questions/6122571/simple-non-secure-hash-function-for-javascript\r\nexport function makeHash(str: string) {\r\n  let hash = 0;\r\n  if (str.length === 0) {\r\n    return hash;\r\n  }\r\n  for (let i = 0; i < str.length; i++) {\r\n    const char = str.charCodeAt(i);\r\n    hash = (hash << 5) - hash + char;\r\n    hash = hash & hash;\r\n  }\r\n  return hash;\r\n}\r\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,QAAT,CAAkBC,GAAlB,EAA+B;EACpC,IAAIC,IAAI,GAAG,CAAX;;EACA,IAAID,GAAG,CAACE,MAAJ,KAAe,CAAnB,EAAsB;IACpB,OAAOD,IAAP;EACD;;EACD,KAAK,IAAIE,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGH,GAAG,CAACE,MAAxB,EAAgCC,CAAC,EAAjC,EAAqC;IACnC,IAAMC,IAAI,GAAGJ,GAAG,CAACK,UAAJ,CAAeF,CAAf,CAAb;IACAF,IAAI,GAAG,CAACA,IAAI,IAAI,CAAT,IAAcA,IAAd,GAAqBG,IAA5B;IACAH,IAAI,GAAGA,IAAI,GAAGA,IAAd;EACD;;EACD,OAAOA,IAAP;AACD"}
+{"version":3,"file":"makeHash.js","names":["makeHash","str","hash","length","i","char","charCodeAt"],"sources":["../../../src/ComboBox/makeHash.ts"],"sourcesContent":["// We don't want to track the active descendant with indexes because nothing is\n// more annoying in a combobox than having it change values RIGHT AS YOU HIT\n// ENTER. That only happens if you use the index as your data, rather than\n// *your data as your data*. We use this to generate a unique ID based on the\n// value of each item.  This function is short, sweet, and good enough™ (I also\n// don't know how it works, tbqh)\n// https://stackoverflow.com/questions/6122571/simple-non-secure-hash-function-for-javascript\nexport function makeHash(str: string) {\n  let hash = 0;\n  if (str.length === 0) {\n    return hash;\n  }\n  for (let i = 0; i < str.length; i++) {\n    const char = str.charCodeAt(i);\n    hash = (hash << 5) - hash + char;\n    hash = hash & hash;\n  }\n  return hash;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,QAAT,CAAkBC,GAAlB,EAA+B;EACpC,IAAIC,IAAI,GAAG,CAAX;;EACA,IAAID,GAAG,CAACE,MAAJ,KAAe,CAAnB,EAAsB;IACpB,OAAOD,IAAP;EACD;;EACD,KAAK,IAAIE,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGH,GAAG,CAACE,MAAxB,EAAgCC,CAAC,EAAjC,EAAqC;IACnC,IAAMC,IAAI,GAAGJ,GAAG,CAACK,UAAJ,CAAeF,CAAf,CAAb;IACAF,IAAI,GAAG,CAACA,IAAI,IAAI,CAAT,IAAcA,IAAd,GAAqBG,IAA5B;IACAH,IAAI,GAAGA,IAAI,GAAGA,IAAd;EACD;;EACD,OAAOA,IAAP;AACD"}

package/build/esm/ComboBox/scopeQuery.d.ts

@@ -1 +1 @@
-export declare function scopeQuery(nodeType: string, props: Record<string, unknown>): boolean;
+export declare function scopeQuery(nodeType: string, props: Record<string, unknown>): boolean;

package/build/esm/ComboBox/scopeQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"scopeQuery.js","names":["scopeQuery","nodeType","props"],"sources":["../../../src/ComboBox/scopeQuery.ts"],"sourcesContent":["export function scopeQuery(\r\n  nodeType: string,\r\n  props: Record<string, unknown>\r\n): boolean {\r\n  return props['data-reach-combobox-option'] === '';\r\n}\r\n"],"mappings":"AAAA,OAAO,SAASA,UAAT,CACLC,QADK,EAELC,KAFK,EAGI;EACT,OAAOA,KAAK,CAAC,4BAAD,CAAL,KAAwC,EAA/C;AACD"}
+{"version":3,"file":"scopeQuery.js","names":["scopeQuery","nodeType","props"],"sources":["../../../src/ComboBox/scopeQuery.ts"],"sourcesContent":["export function scopeQuery(\n  nodeType: string,\n  props: Record<string, unknown>\n): boolean {\n  return props['data-reach-combobox-option'] === '';\n}\n"],"mappings":"AAAA,OAAO,SAASA,UAAT,CACLC,QADK,EAELC,KAFK,EAGI;EACT,OAAOA,KAAK,CAAC,4BAAD,CAAL,KAAwC,EAA/C;AACD"}

package/build/esm/DatePicker/DatePicker.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { DayNames, MonthNames } from './dateTypes';
+export declare type DatePickerProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange'> & {
+    as?: React.ElementType<any>;
+    minDate?: Date;
+    maxDate?: Date;
+    dayNames?: DayNames;
+    monthNames?: MonthNames;
+    onChange?: (from: Date | null) => void;
+    value?: Date | null;
+    defaultValue?: Date | null;
+    type?: 'from' | 'to';
+};
+export declare const DatePicker: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLDivElement>, "dir" | "slot" | "style" | "title" | "children" | "onFocus" | "onBlur" | "id" | "hidden" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "big" | "keygen" | "menuitem" | "noindex" | "webview" | "animate" | "animateMotion" | "animateTransform" | "feDropShadow" | "mpath" | React.ComponentClass<any, any> | React.FunctionComponent<any> | undefined;
+    minDate?: Date | undefined;
+    maxDate?: Date | undefined;
+    dayNames?: DayNames | undefined;
+    monthNames?: MonthNames | undefined;
+    onChange?: ((from: Date | null) => void) | undefined;
+    value?: Date | null | undefined;
+    defaultValue?: Date | null | undefined;
+    type?: "from" | "to" | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/build/esm/DatePicker/DatePicker.js

@@ -0,0 +1,101 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef, useMemo, useRef, useReducer } from 'react';
+import { assignMultipleRefs } from '../utils/assignRef';
+import { reducer } from './hooks';
+import { useRangeDatePickerContext, DatePickerProvider } from './contexts';
+
+/**
+ * Merges props from RangeDatePicker and DatePicker
+ */
+function usePropsMerge(props) {
+  var context = useRangeDatePickerContext();
+
+  if (context && !props.type) {
+    throw new Error("<DatePicker /> as a children of <RangeDatePicker /> needs a 'type'");
+  }
+
+  if (!context) {
+    return props;
+  } else {
+    var mergedProps = _extends(_extends({}, props), {}, {
+      minDate: context.minDate,
+      maxDate: context.maxDate,
+      dayNames: context.dayNames,
+      monthNames: context.monthNames
+    }, props.type === 'from' ? {
+      value: context.from,
+      onChange: context.onChangeFrom
+    } : {
+      // props.type === 'to'
+      value: context.to,
+      onChange: context.onChangeTo,
+      minDate: context.from !== null && context.from !== undefined ? new Date(context.from.valueOf() + 86400000) : context.minDate
+    });
+
+    return mergedProps;
+  }
+}
+
+export var DatePicker = forwardRef(function DatePicker(props, ref) {
+  var _usePropsMerge = usePropsMerge(props),
+      _usePropsMerge$as = _usePropsMerge.as,
+      Comp = _usePropsMerge$as === void 0 ? 'div' : _usePropsMerge$as,
+      _usePropsMerge$minDat = _usePropsMerge.minDate,
+      propMinDate = _usePropsMerge$minDat === void 0 ? new Date(0) : _usePropsMerge$minDat,
+      _usePropsMerge$maxDat = _usePropsMerge.maxDate,
+      propMaxDate = _usePropsMerge$maxDat === void 0 ? new Date() : _usePropsMerge$maxDat,
+      dayNames = _usePropsMerge.dayNames,
+      monthNames = _usePropsMerge.monthNames,
+      onChange = _usePropsMerge.onChange,
+      controlledValue = _usePropsMerge.value,
+      defaultValue = _usePropsMerge.defaultValue,
+      type = _usePropsMerge.type,
+      rest = _objectWithoutProperties(_usePropsMerge, ["as", "minDate", "maxDate", "dayNames", "monthNames", "onChange", "value", "defaultValue", "type"]);
+
+  var datePickerRef = useRef(null);
+  var minDate = propMinDate,
+      maxDate = propMaxDate;
+  var onChangeRef = useRef(onChange);
+  onChangeRef.current = onChange;
+  var controlledValueRef = useRef(controlledValue);
+  controlledValueRef.current = controlledValue;
+  var initialData = {
+    isFocused: false,
+    navigationDay: -1,
+    navigationMonth: -1,
+    navigationYear: -1,
+    selectedDate: defaultValue !== undefined ? defaultValue : null
+  };
+
+  var _useReducer = useReducer(reducer, initialData),
+      _useReducer2 = _slicedToArray(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1];
+
+  if (!dayNames || !monthNames) {
+    throw new Error('Props dayNames and monthNames not specified in <DatePicker />');
+  }
+
+  var contextValue = useMemo(function () {
+    return {
+      minDate: minDate,
+      maxDate: maxDate,
+      dayNames: dayNames,
+      monthNames: monthNames,
+      datePickerRef: datePickerRef,
+      controlledValueRef: controlledValueRef,
+      state: state,
+      dispatch: dispatch,
+      onChangeRef: onChangeRef
+    };
+  }, [maxDate, minDate, dayNames, monthNames, state]);
+  return /*#__PURE__*/React.createElement(DatePickerProvider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(Comp, _extends({
+    ref: assignMultipleRefs(ref, datePickerRef),
+    "data-has-focus": state.isFocused ? '' : undefined
+  }, rest)));
+});
+//# sourceMappingURL=DatePicker.js.map

package/build/esm/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/DatePicker/DatePicker.tsx"],"names":["React","forwardRef","useMemo","useRef","useReducer","assignMultipleRefs","reducer","useRangeDatePickerContext","DatePickerProvider","usePropsMerge","props","context","type","Error","mergedProps","minDate","maxDate","dayNames","monthNames","value","from","onChange","onChangeFrom","to","onChangeTo","undefined","Date","valueOf","DatePicker","ref","as","Comp","propMinDate","propMaxDate","controlledValue","defaultValue","rest","datePickerRef","onChangeRef","current","controlledValueRef","initialData","isFocused","navigationDay","navigationMonth","navigationYear","selectedDate","state","dispatch","contextValue"],"mappings":"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","sourcesContent":["import React, { forwardRef, useMemo, useRef, useReducer } from 'react';\nimport { assignMultipleRefs } from '../utils/assignRef';\nimport { reducer, ReducerState } from './hooks';\nimport { DayNames, MonthNames } from './dateTypes';\nimport {\n  useRangeDatePickerContext,\n  DatePickerContextProps,\n  DatePickerProvider,\n} from './contexts';\n\nexport type DatePickerProps = Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'value' | 'defaultValue' | 'onChange'\n> & {\n  as?: React.ElementType<any>;\n  minDate?: Date;\n  maxDate?: Date;\n  dayNames?: DayNames;\n  monthNames?: MonthNames;\n  onChange?: (from: Date | null) => void;\n  value?: Date | null;\n  defaultValue?: Date | null;\n  type?: 'from' | 'to';\n};\n\n/**\n * Merges props from RangeDatePicker and DatePicker\n */\nfunction usePropsMerge(props: DatePickerProps) {\n  const context = useRangeDatePickerContext();\n  if (context && !props.type) {\n    throw new Error(\n      \"<DatePicker /> as a children of <RangeDatePicker /> needs a 'type'\"\n    );\n  }\n\n  if (!context) {\n    return props;\n  } else {\n    const mergedProps = {\n      ...props,\n      minDate: context.minDate,\n      maxDate: context.maxDate,\n      dayNames: context.dayNames,\n      monthNames: context.monthNames,\n      ...(props.type === 'from'\n        ? {\n            value: context.from,\n            onChange: context.onChangeFrom,\n          }\n        : {\n            // props.type === 'to'\n            value: context.to,\n            onChange: context.onChangeTo,\n            minDate:\n              context.from !== null && context.from !== undefined\n                ? new Date(context.from.valueOf() + 86400000)\n                : context.minDate,\n          }),\n    };\n\n    return mergedProps;\n  }\n}\n\nexport const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(\n  function DatePicker(props, ref) {\n    const {\n      as: Comp = 'div',\n      minDate: propMinDate = new Date(0),\n      maxDate: propMaxDate = new Date(),\n      dayNames,\n      monthNames,\n      onChange,\n      value: controlledValue,\n      defaultValue,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      type, // just to avoid passing it to DOM\n      ...rest\n    } = usePropsMerge(props);\n    const datePickerRef = useRef<HTMLDivElement | null>(null);\n    const minDate = propMinDate,\n      maxDate = propMaxDate;\n\n    const onChangeRef = useRef(onChange);\n    onChangeRef.current = onChange;\n\n    const controlledValueRef = useRef(controlledValue);\n    controlledValueRef.current = controlledValue;\n\n    const initialData: ReducerState = {\n      isFocused: false,\n      navigationDay: -1,\n      navigationMonth: -1,\n      navigationYear: -1,\n      selectedDate: defaultValue !== undefined ? defaultValue : null,\n    };\n    const [state, dispatch] = useReducer(reducer, initialData);\n\n    if (!dayNames || !monthNames) {\n      throw new Error(\n        'Props dayNames and monthNames not specified in <DatePicker />'\n      );\n    }\n\n    const contextValue: DatePickerContextProps = useMemo(\n      () => ({\n        minDate,\n        maxDate,\n        dayNames,\n        monthNames,\n        datePickerRef,\n        controlledValueRef,\n        state,\n        dispatch,\n        onChangeRef,\n      }),\n      [maxDate, minDate, dayNames, monthNames, state]\n    );\n\n    return (\n      <DatePickerProvider value={contextValue}>\n        <Comp\n          ref={assignMultipleRefs(ref, datePickerRef)}\n          data-has-focus={state.isFocused ? '' : undefined}\n          {...rest}\n        />\n      </DatePickerProvider>\n    );\n  }\n);\n"],"file":"DatePicker.js"}

package/build/esm/DatePicker/DatePickerSelect.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface DatePickerSelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+    groupType?: 'from' | 'to';
+    type: 'month_year' | 'day';
+    emptyOption?: string;
+    as?: React.ElementType<any>;
+}
+export declare const DatePickerSelect: React.ForwardRefExoticComponent<DatePickerSelectProps & React.RefAttributes<unknown>>;