@vuu-ui/vuu-ui-controls 0.9.2 → 0.9.3

package/esm/tree/use-viewport-tracking.js

@@ -1,74 +0,0 @@
-import { useRef, useCallback, useEffect, useLayoutEffect } from 'react';
-import '../common-hooks/collectionProvider.js';
-import { useResizeObserver } from '../common-hooks/use-resize-observer.js';
-
-const HeightOnly = ["height", "scrollHeight"];
-const useViewportTracking = (root, highlightedIdx, stickyHeaders = false) => {
-  const scrollTop = useRef(0);
-  const scrolling = useRef(false);
-  const rootHeight = useRef(0);
-  const rootScrollHeight = useRef(0);
-  const scrollIntoView = useCallback(
-    (el) => {
-      const targetEl = el.ariaExpanded ? el.firstChild : el;
-      const headerHeight = stickyHeaders ? 30 : 0;
-      const t = targetEl.offsetTop;
-      const h = targetEl.offsetHeight;
-      const viewportStart = scrollTop.current + headerHeight;
-      const viewportEnd = viewportStart + rootHeight.current - headerHeight;
-      if (t + h > viewportEnd || t < viewportStart) {
-        scrollTop.current = t + h > viewportEnd ? scrollTop.current + (t + h) - viewportEnd : t - headerHeight;
-        scrolling.current = true;
-        if (root.current) {
-          root.current.scrollTop = scrollTop.current;
-        }
-        setTimeout(() => {
-          scrolling.current = false;
-        });
-      }
-    },
-    [root, stickyHeaders]
-  );
-  const scrollHandler = useCallback((e) => {
-    scrollTop.current = e.target.scrollTop;
-  }, []);
-  useEffect(() => {
-    const { current: rootEl } = root;
-    if (rootEl) {
-      rootEl.addEventListener("scroll", scrollHandler);
-    }
-    return () => {
-      if (rootEl) {
-        rootEl.removeEventListener("scroll", scrollHandler);
-      }
-    };
-  }, [root, scrollHandler]);
-  useLayoutEffect(() => {
-    if (highlightedIdx !== -1 && rootScrollHeight.current > rootHeight.current) {
-      if (root.current) {
-        const item = root.current.querySelector(`
-        [data-idx='${highlightedIdx}'],
-        [aria-posinset='${highlightedIdx + 1}']
-        `);
-        if (item === null) {
-          console.log(
-            "[useViewportTracking], is this virtualised ?  we're going to have to know rowHeight"
-          );
-        } else {
-          scrollIntoView(item);
-        }
-      }
-    }
-  }, [highlightedIdx, root, scrollIntoView]);
-  useEffect(() => {
-  }, [stickyHeaders]);
-  const onResize = useCallback(({ height, scrollHeight }) => {
-    rootHeight.current = height;
-    rootScrollHeight.current = scrollHeight;
-  }, []);
-  useResizeObserver(root, HeightOnly, onResize, true);
-  return scrolling;
-};
-
-export { useViewportTracking };
-//# sourceMappingURL=use-viewport-tracking.js.map

package/esm/tree/use-viewport-tracking.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-viewport-tracking.js","sources":["../../src/tree/use-viewport-tracking.ts"],"sourcesContent":["import {\n  RefObject,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n} from \"react\";\nimport { useResizeObserver } from \"../common-hooks\";\n\nconst HeightOnly = [\"height\", \"scrollHeight\"];\n\nexport const useViewportTracking = (\n  root: RefObject<HTMLElement>,\n  highlightedIdx: number,\n  stickyHeaders = false\n) => {\n  const scrollTop = useRef(0);\n  const scrolling = useRef(false);\n  const rootHeight = useRef(0);\n  const rootScrollHeight = useRef(0);\n\n  const scrollIntoView = useCallback(\n    (el) => {\n      const targetEl = el.ariaExpanded ? el.firstChild : el;\n      const headerHeight = stickyHeaders ? 30 : 0;\n      const t = targetEl.offsetTop;\n      const h = targetEl.offsetHeight;\n      const viewportStart = scrollTop.current + headerHeight;\n      const viewportEnd = viewportStart + rootHeight.current - headerHeight;\n\n      if (t + h > viewportEnd || t < viewportStart) {\n        scrollTop.current =\n          t + h > viewportEnd\n            ? scrollTop.current + (t + h) - viewportEnd\n            : t - headerHeight;\n\n        scrolling.current = true;\n        if (root.current) {\n          root.current.scrollTop = scrollTop.current;\n        }\n        setTimeout(() => {\n          scrolling.current = false;\n        });\n      }\n    },\n    [root, stickyHeaders]\n  );\n\n  const scrollHandler = useCallback((e) => {\n    scrollTop.current = e.target.scrollTop;\n  }, []);\n\n  useEffect(() => {\n    const { current: rootEl } = root;\n    if (rootEl) {\n      rootEl.addEventListener(\"scroll\", scrollHandler);\n    }\n\n    return () => {\n      if (rootEl) {\n        rootEl.removeEventListener(\"scroll\", scrollHandler);\n      }\n    };\n  }, [root, scrollHandler]);\n\n  useLayoutEffect(() => {\n    if (\n      highlightedIdx !== -1 &&\n      rootScrollHeight.current > rootHeight.current\n    ) {\n      if (root.current) {\n        const item = root.current.querySelector(`\n        [data-idx='${highlightedIdx}'],\n        [aria-posinset='${highlightedIdx + 1}']\n        `);\n        if (item === null) {\n          console.log(\n            \"[useViewportTracking], is this virtualised ?  we're going to have to know rowHeight\"\n          );\n        } else {\n          scrollIntoView(item);\n        }\n      }\n    }\n  }, [highlightedIdx, root, scrollIntoView]);\n\n  useEffect(() => {\n    // onsole.log('TODO measure the sticky header')\n  }, [stickyHeaders]);\n\n  const onResize = useCallback(({ height, scrollHeight }) => {\n    rootHeight.current = height;\n    rootScrollHeight.current = scrollHeight;\n  }, []);\n\n  useResizeObserver(root, HeightOnly, onResize, true);\n\n  return scrolling;\n};\n"],"names":[],"mappings":"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"}

package/esm/tree/useTree.js

@@ -1,104 +0,0 @@
-import { useRef, useCallback } from 'react';
-import { useCollapsibleGroups } from './use-collapsible-groups.js';
-import { useHierarchicalData } from './use-hierarchical-data.js';
-import { useKeyboardNavigation } from './use-keyboard-navigation.js';
-import { useSelection } from './use-selection.js';
-import { useTreeKeyboardNavigation } from './use-tree-keyboard-navigation.js';
-
-const EMPTY_ARRAY = [];
-const useTree = ({
-  defaultSelected,
-  sourceWithIds,
-  onChange,
-  onHighlight: onHighlightProp,
-  selected: selectedProp,
-  selection
-}) => {
-  const lastSelection = useRef(EMPTY_ARRAY);
-  const dataHook = useHierarchicalData(sourceWithIds);
-  const handleKeyboardNavigation = (evt, nextIdx) => {
-    selectionHook.listHandlers.onKeyboardNavigation?.(evt, nextIdx);
-  };
-  const { highlightedIdx, ...keyboardHook } = useKeyboardNavigation({
-    treeNodes: dataHook.indexPositions,
-    onHighlight: onHighlightProp,
-    onKeyboardNavigation: handleKeyboardNavigation,
-    selected: lastSelection.current
-  });
-  const collapsibleHook = useCollapsibleGroups({
-    collapsibleHeaders: true,
-    highlightedIdx,
-    treeNodes: dataHook.indexPositions,
-    setVisibleData: dataHook.setData,
-    source: dataHook.data
-  });
-  const selectionHook = useSelection({
-    defaultSelected,
-    highlightedIdx,
-    treeNodes: dataHook.indexPositions,
-    onChange,
-    selected: selectedProp,
-    selection
-  });
-  const treeNavigationHook = useTreeKeyboardNavigation({
-    source: dataHook.data,
-    highlightedIdx,
-    hiliteItemAtIndex: keyboardHook.hiliteItemAtIndex,
-    indexPositions: dataHook.indexPositions
-  });
-  const handleClick = useCallback(
-    (evt) => {
-      collapsibleHook.listItemHandlers?.onClick(evt);
-      if (!evt.defaultPrevented) {
-        selectionHook.listItemHandlers?.onClick?.(evt);
-      }
-    },
-    [collapsibleHook, selectionHook]
-  );
-  const handleKeyDown = useCallback(
-    (evt) => {
-      keyboardHook.listProps.onKeyDown?.(evt);
-      if (!evt.defaultPrevented) {
-        selectionHook.listHandlers.onKeyDown?.(evt);
-      }
-      if (!evt.defaultPrevented) {
-        collapsibleHook.listHandlers.onKeyDown?.(evt);
-      }
-      if (!evt.defaultPrevented) {
-        treeNavigationHook.listHandlers.onKeyDown?.(evt);
-      }
-    },
-    [
-      collapsibleHook.listHandlers,
-      keyboardHook.listProps,
-      selectionHook.listHandlers,
-      treeNavigationHook.listHandlers
-    ]
-  );
-  const getActiveDescendant = () => highlightedIdx === void 0 || highlightedIdx === -1 ? void 0 : dataHook.indexPositions[highlightedIdx]?.id;
-  lastSelection.current = selectionHook.selected;
-  const listProps = {
-    "aria-activedescendant": getActiveDescendant(),
-    onBlur: keyboardHook.listProps.onBlur,
-    onFocus: keyboardHook.listProps.onFocus,
-    onKeyDown: handleKeyDown,
-    onMouseDownCapture: keyboardHook.listProps.onMouseDownCapture,
-    onMouseLeave: keyboardHook.listProps.onMouseLeave,
-    onMouseMove: keyboardHook.listProps.onMouseMove
-  };
-  const listItemHandlers = {
-    onClick: handleClick
-  };
-  return {
-    focusVisible: keyboardHook.focusVisible,
-    highlightedIdx,
-    hiliteItemAtIndex: keyboardHook.hiliteItemAtIndex,
-    listProps,
-    listItemHandlers,
-    selected: selectionHook.selected,
-    visibleData: dataHook.data
-  };
-};
-
-export { useTree };
-//# sourceMappingURL=useTree.js.map

package/esm/tree/useTree.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTree.js","sources":["../../src/tree/useTree.ts"],"sourcesContent":["import type { NormalisedTreeSourceNode } from \"@vuu-ui/vuu-utils\";\nimport { KeyboardEvent, useCallback, useRef } from \"react\";\nimport { useCollapsibleGroups } from \"./use-collapsible-groups\";\nimport { useHierarchicalData } from \"./use-hierarchical-data\";\nimport { useKeyboardNavigation } from \"./use-keyboard-navigation\";\nimport {\n  GroupSelection,\n  TreeNodeSelectionHandler,\n  TreeSelection,\n  useSelection,\n} from \"./use-selection\";\nimport { useTreeKeyboardNavigation } from \"./use-tree-keyboard-navigation\";\n\nconst EMPTY_ARRAY: string[] = [];\n\nexport interface TreeHookProps {\n  defaultSelected?: string[];\n  groupSelection: GroupSelection;\n  onChange: TreeNodeSelectionHandler;\n  onHighlight?: (index: number) => void;\n  selected?: string[];\n  selection: TreeSelection;\n  sourceWithIds: NormalisedTreeSourceNode[];\n}\n\nexport const useTree = ({\n  defaultSelected,\n  sourceWithIds,\n  onChange,\n  onHighlight: onHighlightProp,\n  selected: selectedProp,\n  selection,\n}: TreeHookProps) => {\n  const lastSelection = useRef<string[]>(EMPTY_ARRAY);\n  const dataHook = useHierarchicalData(sourceWithIds);\n\n  const handleKeyboardNavigation = (evt: KeyboardEvent, nextIdx: number) => {\n    selectionHook.listHandlers.onKeyboardNavigation?.(evt, nextIdx);\n  };\n\n  const { highlightedIdx, ...keyboardHook } = useKeyboardNavigation({\n    treeNodes: dataHook.indexPositions,\n    onHighlight: onHighlightProp,\n    onKeyboardNavigation: handleKeyboardNavigation,\n    selected: lastSelection.current,\n  });\n\n  const collapsibleHook = useCollapsibleGroups({\n    collapsibleHeaders: true,\n    highlightedIdx,\n    treeNodes: dataHook.indexPositions,\n    setVisibleData: dataHook.setData,\n    source: dataHook.data,\n  });\n\n  const selectionHook = useSelection({\n    defaultSelected,\n    highlightedIdx,\n    treeNodes: dataHook.indexPositions,\n    onChange,\n    selected: selectedProp,\n    selection,\n  });\n\n  const treeNavigationHook = useTreeKeyboardNavigation({\n    source: dataHook.data,\n    highlightedIdx,\n    hiliteItemAtIndex: keyboardHook.hiliteItemAtIndex,\n    indexPositions: dataHook.indexPositions,\n  });\n\n  const handleClick = useCallback(\n    (evt) => {\n      collapsibleHook.listItemHandlers?.onClick(evt);\n      if (!evt.defaultPrevented) {\n        selectionHook.listItemHandlers?.onClick?.(evt);\n      }\n    },\n    [collapsibleHook, selectionHook],\n  );\n\n  const handleKeyDown = useCallback(\n    (evt) => {\n      keyboardHook.listProps.onKeyDown?.(evt);\n      if (!evt.defaultPrevented) {\n        selectionHook.listHandlers.onKeyDown?.(evt);\n      }\n      if (!evt.defaultPrevented) {\n        collapsibleHook.listHandlers.onKeyDown?.(evt);\n      }\n      if (!evt.defaultPrevented) {\n        treeNavigationHook.listHandlers.onKeyDown?.(evt);\n      }\n    },\n    [\n      collapsibleHook.listHandlers,\n      keyboardHook.listProps,\n      selectionHook.listHandlers,\n      treeNavigationHook.listHandlers,\n    ],\n  );\n\n  const getActiveDescendant = () =>\n    highlightedIdx === undefined || highlightedIdx === -1\n      ? undefined\n      : dataHook.indexPositions[highlightedIdx]?.id;\n\n  // We need this on reEntry for navigation hook to handle focus\n  lastSelection.current = selectionHook.selected;\n\n  const listProps = {\n    \"aria-activedescendant\": getActiveDescendant(),\n    onBlur: keyboardHook.listProps.onBlur,\n    onFocus: keyboardHook.listProps.onFocus,\n    onKeyDown: handleKeyDown,\n    onMouseDownCapture: keyboardHook.listProps.onMouseDownCapture,\n    onMouseLeave: keyboardHook.listProps.onMouseLeave,\n    onMouseMove: keyboardHook.listProps.onMouseMove,\n  };\n\n  const listItemHandlers = {\n    onClick: handleClick,\n  };\n\n  return {\n    focusVisible: keyboardHook.focusVisible,\n    highlightedIdx,\n    hiliteItemAtIndex: keyboardHook.hiliteItemAtIndex,\n    listProps,\n    listItemHandlers,\n    selected: selectionHook.selected,\n    visibleData: dataHook.data,\n  };\n};\n"],"names":[],"mappings":"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"}

package/esm/utils/escapeRegExp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"escapeRegExp.js","sources":["../../src/utils/escapeRegExp.ts"],"sourcesContent":["const regExp = /[.*+?^${}()|[\\]\\\\]/g;\n\nexport function escapeRegExp(string: string): string {\n  return string.replace(regExp, \"\\\\$&\");\n}\n"],"names":[],"mappings":"AAAA,MAAM,MAAS,GAAA,qBAAA,CAAA;AAER,SAAS,aAAa,MAAwB,EAAA;AACnD,EAAO,OAAA,MAAA,CAAO,OAAQ,CAAA,MAAA,EAAQ,MAAM,CAAA,CAAA;AACtC;;;;"}

package/esm/utils/forwardCallbackProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"forwardCallbackProps.js","sources":["../../src/utils/forwardCallbackProps.ts"],"sourcesContent":["/*\n  When we clone a React element and inject props, if any of these are\n  callback props, make sure original callback props are also invoked.\n\n React.cloneElement(\n    element,\n    forwardCallbackProps(element.props, overrideProps)\n  )\n */\n\ntype Props = Record<string, unknown>;\n\nexport const forwardCallbackProps = <P1 extends Props, P2 extends Props>(\n  ownProps: P1,\n  overrideProps: P2\n): P1 & P2 => {\n  const props = Object.keys(ownProps).reduce<Props>(\n    (map, name) => {\n      const ownProp = ownProps[name];\n      const overrideProp = overrideProps[name];\n      if (typeof ownProp === \"function\" && typeof overrideProp === \"function\") {\n        map[name] = (...args: unknown[]) => {\n          ownProp(...args);\n          overrideProp(...args);\n        };\n      }\n      return map;\n    },\n    { ...overrideProps }\n  );\n\n  return props as P1 & P2;\n};\n"],"names":[],"mappings":"AAYa,MAAA,oBAAA,GAAuB,CAClC,QAAA,EACA,aACY,KAAA;AACZ,EAAA,MAAM,KAAQ,GAAA,MAAA,CAAO,IAAK,CAAA,QAAQ,CAAE,CAAA,MAAA;AAAA,IAClC,CAAC,KAAK,IAAS,KAAA;AACb,MAAM,MAAA,OAAA,GAAU,SAAS,IAAI,CAAA,CAAA;AAC7B,MAAM,MAAA,YAAA,GAAe,cAAc,IAAI,CAAA,CAAA;AACvC,MAAA,IAAI,OAAO,OAAA,KAAY,UAAc,IAAA,OAAO,iBAAiB,UAAY,EAAA;AACvE,QAAI,GAAA,CAAA,IAAI,CAAI,GAAA,CAAA,GAAI,IAAoB,KAAA;AAClC,UAAA,OAAA,CAAQ,GAAG,IAAI,CAAA,CAAA;AACf,UAAA,YAAA,CAAa,GAAG,IAAI,CAAA,CAAA;AAAA,SACtB,CAAA;AAAA,OACF;AACA,MAAO,OAAA,GAAA,CAAA;AAAA,KACT;AAAA,IACA,EAAE,GAAG,aAAc,EAAA;AAAA,GACrB,CAAA;AAEA,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}

package/esm/utils/isOverflowElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isOverflowElement.js","sources":["../../src/utils/isOverflowElement.ts"],"sourcesContent":["// TODO this is very fragile\nexport const isOverflowElement = (element: HTMLElement | null) =>\n  element !== null &&\n  element.dataset.index === \"overflow\" &&\n  element.parentElement !== null &&\n  element.parentElement.classList.contains(\n    \"vuuOverflowContainer-wrapContainer-overflowed\"\n  );\n"],"names":[],"mappings":"AACO,MAAM,iBAAoB,GAAA,CAAC,OAChC,KAAA,OAAA,KAAY,QACZ,OAAQ,CAAA,OAAA,CAAQ,KAAU,KAAA,UAAA,IAC1B,OAAQ,CAAA,aAAA,KAAkB,IAC1B,IAAA,OAAA,CAAQ,cAAc,SAAU,CAAA,QAAA;AAAA,EAC9B,+CAAA;AACF;;;;"}

package/esm/utils/isPlainObject.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isPlainObject.js","sources":["../../src/utils/isPlainObject.ts"],"sourcesContent":["export const isPlainObject = (obj: Record<never, never>): boolean =>\n  Object.prototype.toString.call(obj) === \"[object Object]\";\n"],"names":[],"mappings":"AAAa,MAAA,aAAA,GAAgB,CAAC,GAC5B,KAAA,MAAA,CAAO,UAAU,QAAS,CAAA,IAAA,CAAK,GAAG,CAAM,KAAA;;;;"}

package/esm/vuu-date-picker/VuuDatePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VuuDatePicker.js","sources":["../../src/vuu-date-picker/VuuDatePicker.tsx"],"sourcesContent":["import { CommitHandler } from \"@vuu-ui/vuu-utils\";\nimport {\n  DateValue,\n  getLocalTimeZone,\n  isSameDay,\n  isSameMonth,\n  isSameYear,\n} from \"@internationalized/date\";\nimport cx from \"clsx\";\nimport {\n  ChangeEvent,\n  KeyboardEvent,\n  SyntheticEvent,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\nimport { SingleSelectionValueType } from \"../calendar\";\nimport { DatePicker, DatePickerProps } from \"../date-picker\";\n\nconst classBase = \"VuuDatePicker\";\n\nconst isSameDate = (d1: DateValue, d2?: DateValue) =>\n  d2 !== undefined &&\n  isSameDay(d1, d2) &&\n  isSameMonth(d1, d2) &&\n  isSameYear(d1, d2);\n\nconst datePattern = /^\\d{1,2} [a-z]{3} \\d{4}$/i;\nconst isValidDate = (value?: string) =>\n  value !== undefined &&\n  value?.match(datePattern) !== null &&\n  !Number.isNaN(new Date(value).getDay());\n\nconst localTimeZone = getLocalTimeZone();\n\nconst toEpochMillis = (\n  date: DateValue,\n  timezone: string = getLocalTimeZone(),\n): number => date.toDate(timezone).getTime();\n\ntype DateState =\n  | {\n      datePickerKey: \"controlled\";\n      defaultDate: undefined;\n      selectedDate: DateValue;\n    }\n  | {\n      datePickerKey: \"uncontrolled\";\n      defaultDate: DateValue | undefined;\n      selectedDate: undefined;\n    };\n\nconst getDates = (selectedDate: DateValue | undefined): DateState => {\n  if (selectedDate) {\n    return {\n      datePickerKey: \"controlled\",\n      defaultDate: undefined,\n      selectedDate,\n    };\n  } else {\n    return {\n      datePickerKey: \"uncontrolled\",\n      defaultDate: undefined,\n      selectedDate,\n    };\n  }\n};\n\nexport const VuuDatePicker = ({\n  className,\n  onSelectionChange,\n  selectedDate: selectedDateProp,\n  onCommit,\n  preserveFocusOnSelect,\n  ...props\n}: Omit<DatePickerProps<SingleSelectionValueType>, \"defaultSelectedDate\"> & {\n  onCommit?: CommitHandler<HTMLElement, number>;\n  preserveFocusOnSelect?: boolean;\n}) => {\n  const [open, _setOpen] = useState(false);\n  const valueRef = useRef(\"\");\n  const datePickerRef = useRef<HTMLDivElement>(null);\n\n  const dateState = useRef<DateState>(getDates(selectedDateProp));\n\n  const setOpen = (o: boolean) => {\n    console.log(`setOpen ${o}`);\n    _setOpen(o);\n  };\n\n  const commitDateChange = useCallback(\n    (e: SyntheticEvent<Element>, date: DateValue) => {\n      onSelectionChange?.(e, date);\n      setOpen(false);\n      onCommit?.(\n        e as SyntheticEvent<HTMLElement>,\n        toEpochMillis(date, localTimeZone),\n      );\n\n      if (preserveFocusOnSelect) {\n        requestAnimationFrame(() => {\n          datePickerRef.current?.querySelector(\"input\")?.focus();\n        });\n      }\n    },\n    [onCommit, onSelectionChange, preserveFocusOnSelect],\n  );\n\n  const handleSelectionChange = useCallback(\n    (e: SyntheticEvent<Element>, date: DateValue) => {\n      const { selectedDate } = dateState.current;\n      // id date is undefined, we're openung the picker on an empty field\n      if (date) {\n        if (selectedDate === undefined) {\n          dateState.current = getDates(date);\n          commitDateChange(e, date);\n        } else if (!isSameDate(date, selectedDate)) {\n          dateState.current.selectedDate = date;\n          commitDateChange(e, date);\n        }\n      }\n    },\n    [commitDateChange],\n  );\n\n  const handleChange = (evt: ChangeEvent<HTMLInputElement>, value = \"\") => {\n    console.log(`handleChange`, {\n      evt,\n      value,\n    });\n    valueRef.current = value;\n    console.log(`is '${value}' a valid date ? ${isValidDate(value)}`);\n  };\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"ArrowDown\") {\n      setOpen(true);\n    }\n  };\n\n  const handleKeyDownCapture = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"Enter\") {\n      if (isValidDate(valueRef.current)) {\n        console.log(`committayaface (${valueRef.current})`);\n      } else {\n        console.log(\n          `nice try cowboy, but '${valueRef.current}' is nota valid date`,\n        );\n        e.stopPropagation();\n      }\n    }\n  };\n\n  const { datePickerKey, defaultDate, selectedDate } = dateState.current;\n\n  return (\n    <DatePicker\n      {...props}\n      className={cx(classBase, className)}\n      defaultSelectedDate={defaultDate}\n      key={datePickerKey}\n      open={open}\n      onChange={handleChange}\n      onKeyDown={handleKeyDown}\n      onKeyDownCapture={handleKeyDownCapture}\n      onOpenChange={setOpen}\n      ref={datePickerRef}\n      onSelectionChange={(e, date) =>\n        handleSelectionChange(e, date as DateValue)\n      }\n      selectedDate={selectedDate}\n    />\n  );\n};\n"],"names":["selectedDate"],"mappings":"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"}

package/esm/vuu-input/VuuInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VuuInput.js","sources":["../../src/vuu-input/VuuInput.tsx"],"sourcesContent":["import { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport { CommitHandler, isValidNumber, useId } from \"@vuu-ui/vuu-utils\";\nimport { Input, InputProps, Tooltip } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  ForwardedRef,\n  KeyboardEventHandler,\n  ReactElement,\n  ReactNode,\n  forwardRef,\n  useCallback,\n} from \"react\";\n\nimport vuuInputCss from \"./VuuInput.css\";\n\nconst classBase = \"vuuInput\";\n\nexport interface VuuInputProps<T extends VuuRowDataItemType = string>\n  extends Omit<InputProps, \"validationStatus\"> {\n  commitWhenCleared?: boolean;\n  errorMessage?: ReactNode;\n  onCommit: CommitHandler<HTMLInputElement, T | undefined>;\n  type?: T;\n}\n\n/**\n * A variant of Salt Input that provides a commit callback prop,\n * TODO along with cancel behaviour ?\n */\nexport const VuuInput = forwardRef(function VuuInput<\n  T extends VuuRowDataItemType = string,\n>(\n  {\n    className,\n    commitWhenCleared = false,\n    errorMessage,\n    id: idProp,\n    onCommit,\n    onKeyDown,\n    type,\n    ...props\n  }: VuuInputProps<T>,\n  forwardedRef: ForwardedRef<HTMLDivElement>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-input\",\n    css: vuuInputCss,\n    window: targetWindow,\n  });\n\n  const id = useId(idProp);\n\n  const commitValue = useCallback<CommitHandler>(\n    (evt, value) => {\n      if (type === \"number\") {\n        const numericValue = parseFloat(value);\n        if (isValidNumber(numericValue)) {\n          onCommit(evt, numericValue as T, \"text-input\");\n        } else {\n          //TODO add validation logic\n          throw Error(\"Invalid value\");\n        }\n      } else if (type === \"boolean\") {\n        onCommit(evt, Boolean(value) as T, \"text-input\");\n      } else {\n        onCommit(evt, value as T, \"text-input\");\n      }\n    },\n    [onCommit, type],\n  );\n\n  const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n    (evt) => {\n      const value = evt.target.value;\n      if (value.trim() === \"\" && commitWhenCleared) {\n        onCommit?.(evt, value as T);\n      }\n      props.inputProps?.onChange?.(evt);\n    },\n    [commitWhenCleared, onCommit, props.inputProps],\n  );\n\n  const handleKeyDown = useCallback<KeyboardEventHandler<HTMLInputElement>>(\n    (evt) => {\n      if (evt.key === \"Enter\") {\n        evt.preventDefault();\n        evt.stopPropagation();\n        const { value } = evt.target as HTMLInputElement;\n        commitValue(evt, value);\n      }\n      onKeyDown?.(evt);\n    },\n    [commitValue, onKeyDown],\n  );\n\n  const handleBlur = useCallback<FocusEventHandler<HTMLInputElement>>(\n    (evt) => {\n      const { value } = evt.target as HTMLInputElement;\n      commitValue(evt, value);\n    },\n    [commitValue],\n  );\n\n  const endAdornment = errorMessage ? (\n    <Tooltip content={errorMessage} status=\"error\">\n      <span className={`${classBase}-errorIcon`} data-icon=\"error\" />\n    </Tooltip>\n  ) : undefined;\n\n  return (\n    <>\n      <Input\n        {...props}\n        endAdornment={endAdornment}\n        id={id}\n        inputProps={{\n          autoComplete: \"off\",\n          ...props.inputProps,\n          onChange: handleChange,\n        }}\n        className={cx(classBase, className, {\n          [`${classBase}-error`]: errorMessage,\n        })}\n        onBlur={handleBlur}\n        ref={forwardedRef}\n        onKeyDown={handleKeyDown}\n      />\n    </>\n  );\n}) as <T extends VuuRowDataItemType = string>(\n  props: VuuInputProps<T> & {\n    ref?: ForwardedRef<HTMLDivElement>;\n  },\n) => ReactElement<VuuInputProps<T>>;\n"],"names":["VuuInput"],"mappings":"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"}

package/esm/vuu-typeahead-input/VuuTypeaheadInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VuuTypeaheadInput.js","sources":["../../src/vuu-typeahead-input/VuuTypeaheadInput.tsx"],"sourcesContent":["import type { TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport { NO_DATA_MATCH, type CommitHandler } from \"@vuu-ui/vuu-utils\";\nimport { ComboBox, Option } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useVuuTypeaheadInput } from \"./useVuuTypeaheadInput\";\n\nimport vuuTypeaheadInputCss from \"./VuuTypeaheadInput.css\";\nimport { PillInputProps } from \"@salt-ds/core/dist-types/pill-input\";\n\nconst classBase = \"vuuTypeaheadInput\";\nconst [noMatchingData] = NO_DATA_MATCH;\n\nexport interface VuuTypeaheadInputProps {\n  /**\n   * Allows a text string to be submitted that does not match any suggestion\n   * Defaults to true\n   */\n  allowFreeInput?: boolean;\n  column: string;\n  /**\n   * A warning to display to the user if allowFreeText is false and they attempt\n   * to commit text which does not match any suggestions. A default message will\n   * be shown if not provided\n   */\n  freeTextWarning?: string;\n  /**\n   * When suggestions are displayed, should first option be highlighted ?\n   * Highlighted option will be selected if Enter pressed. If this option\n   * is not applied and no suggestion is highlighted, Enter will commit\n   * current text. This will be desirable if filter operator  will be\n   * 'contains', not if filter operator will be '='.\n   */\n  highlightFirstSuggestion?: boolean;\n  inputProps?: PillInputProps[\"inputProps\"];\n  onCommit: CommitHandler<HTMLInputElement>;\n  table: TableSchemaTable;\n}\n\nexport const VuuTypeaheadInput = ({\n  allowFreeInput,\n  column,\n  freeTextWarning,\n  highlightFirstSuggestion,\n  inputProps: inputPropsProp,\n  onCommit,\n  table,\n}: VuuTypeaheadInputProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-typeahead-input\",\n    css: vuuTypeaheadInputCss,\n    window: targetWindow,\n  });\n\n  const {\n    inputProps,\n    noFreeText,\n    onChange,\n    onKeyDown,\n    onOpenChange,\n    onSelectionChange,\n    open,\n    ref,\n    typeaheadValues,\n    value,\n  } = useVuuTypeaheadInput({\n    allowFreeInput,\n    column,\n    freeTextWarning,\n    highlightFirstSuggestion,\n    inputProps: inputPropsProp,\n    onCommit,\n    table,\n  });\n\n  // need latest version of salt combobox\n  // const defaultHighlightedIndex =\n  //   highlightFirstSuggestion === false ? -1 : undefined;\n\n  return (\n    <ComboBox\n      className={classBase}\n      // defaultHighlightedIndex={defaultHighlightedIndex}\n      inputProps={inputProps}\n      onChange={onChange}\n      onKeyDown={onKeyDown}\n      onOpenChange={onOpenChange}\n      onSelectionChange={onSelectionChange}\n      open={open}\n      ref={ref}\n      value={value}\n    >\n      {typeaheadValues.map((state) => (\n        <Option\n          className=\"vuuTypeaheadOption\"\n          value={state}\n          key={state}\n          disabled={state === noMatchingData || state === noFreeText}\n        />\n      ))}\n    </ComboBox>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAUA,MAAM,SAAY,GAAA,mBAAA,CAAA;AAClB,MAAM,CAAC,cAAc,CAAI,GAAA,aAAA,CAAA;AA4BlB,MAAM,oBAAoB,CAAC;AAAA,EAChC,cAAA;AAAA,EACA,MAAA;AAAA,EACA,eAAA;AAAA,EACA,wBAAA;AAAA,EACA,UAAY,EAAA,cAAA;AAAA,EACZ,QAAA;AAAA,EACA,KAAA;AACF,CAA8B,KAAA;AAC5B,EAAA,MAAM,eAAe,SAAU,EAAA,CAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,qBAAA;AAAA,IACR,GAAK,EAAA,oBAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAM,MAAA;AAAA,IACJ,UAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,iBAAA;AAAA,IACA,IAAA;AAAA,IACA,GAAA;AAAA,IACA,eAAA;AAAA,IACA,KAAA;AAAA,MACE,oBAAqB,CAAA;AAAA,IACvB,cAAA;AAAA,IACA,MAAA;AAAA,IACA,eAAA;AAAA,IACA,wBAAA;AAAA,IACA,UAAY,EAAA,cAAA;AAAA,IACZ,QAAA;AAAA,IACA,KAAA;AAAA,GACD,CAAA,CAAA;AAMD,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,SAAA;AAAA,MAEX,UAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,MACA,iBAAA;AAAA,MACA,IAAA;AAAA,MACA,GAAA;AAAA,MACA,KAAA;AAAA,MAEC,QAAA,EAAA,eAAA,CAAgB,GAAI,CAAA,CAAC,KACpB,qBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,SAAU,EAAA,oBAAA;AAAA,UACV,KAAO,EAAA,KAAA;AAAA,UAEP,QAAA,EAAU,KAAU,KAAA,cAAA,IAAkB,KAAU,KAAA,UAAA;AAAA,SAAA;AAAA,QAD3C,KAAA;AAAA,OAGR,CAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/esm/vuu-typeahead-input/useVuuTypeaheadInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useVuuTypeaheadInput.js","sources":["../../src/vuu-typeahead-input/useVuuTypeaheadInput.ts"],"sourcesContent":["import { useTypeaheadSuggestions } from \"@vuu-ui/vuu-data-react\";\nimport type { TypeaheadParams } from \"@vuu-ui/vuu-protocol-types\";\nimport {\n  dispatchKeyboardEvent,\n  getVuuTable,\n  useStateRef,\n  NO_DATA_MATCH,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  ComponentPropsWithoutRef,\n  KeyboardEventHandler,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEventHandler,\n  type RefCallback,\n  type SyntheticEvent,\n} from \"react\";\nimport type { VuuTypeaheadInputProps } from \"./VuuTypeaheadInput\";\n\nexport type VuuTypeaheadInputHookProps = Pick<\n  VuuTypeaheadInputProps,\n  | \"allowFreeInput\"\n  | \"column\"\n  | \"freeTextWarning\"\n  | \"highlightFirstSuggestion\"\n  | \"inputProps\"\n  | \"onCommit\"\n  | \"table\"\n>;\n\nconst defaultFreeTextWarning =\n  \"Please select a value from the list of suggestions. If no suggestions match your text, then the value is not valid. If you believe this should be a valid value, please reach out to the support team\";\n\nexport const useVuuTypeaheadInput = ({\n  allowFreeInput = true,\n  column,\n  freeTextWarning,\n  highlightFirstSuggestion = true,\n  inputProps: inputPropsProp,\n  onCommit,\n  table,\n}: VuuTypeaheadInputHookProps) => {\n  const NO_FREE_TEXT = useMemo(\n    () => [freeTextWarning ?? defaultFreeTextWarning],\n    [freeTextWarning],\n  );\n  const [valueRef, setValue] = useStateRef(\"\");\n  const [open, setOpen] = useState(false);\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const [typeaheadValues, setTypeaheadValues] = useState<string[]>([]);\n  const getSuggestions = useTypeaheadSuggestions();\n  const pendingListFocusRef = useRef(false);\n\n  const { current: value } = valueRef;\n\n  const handleKeyDown = useCallback<KeyboardEventHandler<HTMLInputElement>>(\n    (evt) => {\n      const { current: value } = valueRef;\n      if (evt.key === \"Enter\" && value !== \"\") {\n        if (allowFreeInput) {\n          onCommit?.(evt, value, \"text-input\");\n          setOpen(false);\n        } else {\n          setTypeaheadValues(NO_FREE_TEXT);\n        }\n      }\n    },\n    [NO_FREE_TEXT, allowFreeInput, onCommit, valueRef],\n  );\n\n  const callbackRef = useCallback<RefCallback<HTMLDivElement>>((el) => {\n    rootRef.current = el;\n    const input = el?.querySelector(\"input\") ?? null;\n    inputRef.current = input;\n  }, []);\n\n  useEffect(() => {\n    if (table) {\n      const vuuTable = getVuuTable(table);\n      if (value) {\n        const params: TypeaheadParams = value\n          ? [vuuTable, column, value]\n          : [vuuTable, column];\n        getSuggestions(params)\n          .then((suggestions) => {\n            if (suggestions === false) {\n              // TODO is this right\n              setTypeaheadValues([]);\n            } else if (suggestions.length === 0 && value) {\n              setTypeaheadValues((values) =>\n                // Do not update if we have already set suggestions to the no free text warning\n                values === NO_FREE_TEXT ? NO_FREE_TEXT : NO_DATA_MATCH,\n              );\n            } else {\n              setTypeaheadValues(suggestions);\n              if (pendingListFocusRef.current && inputRef.current) {\n                // This is a workaround for the fact that ComboBox does not automatically\n                // highlight first list item when items have been populated dynamically.\n                // This has been raised as a bug.\n                dispatchKeyboardEvent(inputRef.current, \"keydown\", \"ArrowUp\");\n              }\n            }\n            pendingListFocusRef.current = false;\n          })\n          .catch((err) => {\n            console.error(\"Error getting suggestions\", err);\n          });\n      } else {\n        setTypeaheadValues([]);\n      }\n    }\n  }, [table, column, getSuggestions, value, NO_FREE_TEXT]);\n\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (evt) => {\n    const { value: newValue } = evt.target;\n    const { current: value } = valueRef;\n    if (value === \"\" && newValue) {\n      setOpen(true);\n      const input = rootRef.current?.querySelector(\"input\");\n      if (input && highlightFirstSuggestion) {\n        pendingListFocusRef.current = true;\n      }\n    } else if (newValue === \"\" && value) {\n      // treat clear value as a commit event\n      onCommit(evt, \"\");\n    }\n    setValue(newValue);\n  };\n\n  const handleSelectionChange = (\n    evt: SyntheticEvent,\n    [newSelected]: string[],\n  ) => {\n    setValue(newSelected);\n    onCommit(\n      evt as SyntheticEvent<HTMLInputElement>,\n      newSelected,\n      \"typeahead-suggestion\",\n    );\n  };\n\n  const handleOpenChange = (newOpen: boolean) => {\n    if (newOpen && valueRef.current === \"\") {\n      // ignore this, don't open dropdown unless user has typed at least one character\n    } else {\n      setOpen(newOpen);\n    }\n  };\n\n  const inputProps: ComponentPropsWithoutRef<\"input\"> = {\n    ...inputPropsProp,\n    autoComplete: \"off\",\n  };\n\n  const [noFreeText] = NO_FREE_TEXT;\n  return {\n    inputProps,\n    noFreeText,\n    onChange: handleChange,\n    onKeyDown: handleKeyDown,\n    onOpenChange: handleOpenChange,\n    onSelectionChange: handleSelectionChange,\n    open,\n    ref: callbackRef,\n    typeaheadValues,\n    value: valueRef.current,\n  };\n};\n"],"names":["value"],"mappings":"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"}

package/types/tree/Tree.d.ts

@@ -1,19 +0,0 @@
-import { HTMLAttributes } from "react";
-import { GroupSelection, TreeSelection } from "./use-selection";
-import { TreeSourceNode } from "@vuu-ui/vuu-utils";
-export interface TreeNodeProps extends HTMLAttributes<HTMLLIElement> {
-    idx?: number;
-}
-export declare const TreeNode: ({ children, idx, ...props }: TreeNodeProps) => JSX.Element;
-export interface TreeProps extends HTMLAttributes<HTMLUListElement> {
-    allowDragDrop?: boolean;
-    defaultSelected?: any;
-    groupSelection?: GroupSelection;
-    onHighlight?: (index: number) => void;
-    onSelectionChange?: (selected: TreeSourceNode[]) => void;
-    revealSelected?: boolean;
-    selected?: string[];
-    selection?: TreeSelection;
-    source: TreeSourceNode[];
-}
-export declare const Tree: import("react").ForwardRefExoticComponent<TreeProps & import("react").RefAttributes<HTMLUListElement>>;

package/types/tree/hierarchical-data-utils.d.ts

@@ -1,8 +0,0 @@
-import { NormalisedTreeSourceNode } from "@vuu-ui/vuu-utils";
-export declare const getNodeParentPath: ({ id }: NormalisedTreeSourceNode) => string | null | undefined;
-export declare const isGroupNode: (node: NormalisedTreeSourceNode) => boolean;
-export declare const isCollapsibleGroupNode: (node: NormalisedTreeSourceNode) => boolean;
-export declare const isHeader: (node: NormalisedTreeSourceNode) => boolean;
-export declare const getNodeById: (nodes: NormalisedTreeSourceNode[], id: string) => NormalisedTreeSourceNode | undefined;
-export declare const getIndexOfNode: (treeNodes: NormalisedTreeSourceNode[], node: NormalisedTreeSourceNode) => number | undefined;
-export declare const replaceNode: (nodes: NormalisedTreeSourceNode[], id: string, props: Partial<NormalisedTreeSourceNode>) => NormalisedTreeSourceNode[];

package/types/tree/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./Tree";
-export * from "./Tree";
-export * from "./use-items-with-ids";

package/types/tree/key-code.d.ts

@@ -1,11 +0,0 @@
-import { KeyboardEvent } from "react";
-export declare const ArrowUp = "ArrowUp";
-export declare const ArrowDown = "ArrowDown";
-export declare const ArrowLeft = "ArrowLeft";
-export declare const Backspace = "Backspace";
-export declare const ArrowRight = "ArrowRight";
-export declare const Enter = "Enter";
-export declare const Escape = "Escape";
-export declare const Delete = "Delete";
-export declare const isCharacterKey: (evt: KeyboardEvent) => boolean | undefined;
-export declare const isNavigationKey: ({ key }: KeyboardEvent, orientation?: string) => boolean;

package/types/tree/list-dom-utils.d.ts

@@ -1,6 +0,0 @@
-export declare const listItemElement: (listEl: HTMLElement, listItemIdx: number) => Element | null;
-export declare function listItemIndex(listItemEl: HTMLElement): number | undefined;
-export declare const listItemId: (el: HTMLElement | null) => string | undefined;
-export declare const closestListItem: (el: HTMLElement) => HTMLElement;
-export declare const closestListItemId: (el: HTMLElement) => string | undefined;
-export declare const closestListItemIndex: (el: HTMLElement) => number | undefined;

package/types/tree/treeTypeUtils.d.ts

@@ -1,2 +0,0 @@
-import type { NonLeafNode, NormalisedTreeSourceNode } from "@vuu-ui/vuu-utils";
-export declare const isExpanded: (node: NormalisedTreeSourceNode) => node is NonLeafNode;

package/types/tree/use-collapsible-groups.d.ts

@@ -1,18 +0,0 @@
-import { KeyboardEvent, MouseEvent } from "react";
-import { NormalisedTreeSourceNode } from "@vuu-ui/vuu-utils";
-export interface CollapsibleGroupsHookProps {
-    collapsibleHeaders?: boolean;
-    highlightedIdx: number;
-    treeNodes: NormalisedTreeSourceNode[];
-    setVisibleData: (nodes: NormalisedTreeSourceNode[]) => void;
-    source: NormalisedTreeSourceNode[];
-}
-export interface CollapsibleHookResult {
-    listHandlers: {
-        onKeyDown?: (e: KeyboardEvent) => void;
-    };
-    listItemHandlers: {
-        onClick: (e: MouseEvent) => void;
-    };
-}
-export declare const useCollapsibleGroups: ({ collapsibleHeaders, highlightedIdx, treeNodes, setVisibleData, source, }: CollapsibleGroupsHookProps) => CollapsibleHookResult;

package/types/tree/use-hierarchical-data.d.ts

@@ -1,6 +0,0 @@
-import { NormalisedTreeSourceNode } from "@vuu-ui/vuu-utils";
-export declare const useHierarchicalData: (source: NormalisedTreeSourceNode[]) => {
-    data: NormalisedTreeSourceNode[];
-    indexPositions: NormalisedTreeSourceNode[];
-    setData: (value: NormalisedTreeSourceNode[]) => void;
-};

package/types/tree/use-items-with-ids.d.ts

@@ -1,8 +0,0 @@
-import { NormalisedTreeSourceNode, TreeSourceNode } from "@vuu-ui/vuu-utils";
-type SourceItemById = (id: string, target?: NormalisedTreeSourceNode[]) => TreeSourceNode | undefined;
-export declare const useItemsWithIds: (sourceProp: TreeSourceNode[], idRoot?: string, { collapsibleHeaders, defaultExpanded, revealSelected, }?: {
-    collapsibleHeaders?: undefined;
-    defaultExpanded?: boolean | undefined;
-    revealSelected?: boolean | undefined;
-}) => [number, NormalisedTreeSourceNode[], SourceItemById];
-export {};

package/types/tree/use-keyboard-navigation.d.ts

@@ -1,26 +0,0 @@
-import { KeyboardEvent } from "react";
-import { NormalisedTreeSourceNode } from "@vuu-ui/vuu-utils";
-export interface KeyboardNavigationHookProps {
-    defaultHighlightedIdx?: number;
-    highlightedIdx?: number;
-    onHighlight?: (highlightedIdx: number) => void;
-    onKeyboardNavigation?: (evt: KeyboardEvent, nextIdx: number) => void;
-    selected: string[];
-    treeNodes: NormalisedTreeSourceNode[];
-}
-export declare const useKeyboardNavigation: ({ defaultHighlightedIdx, highlightedIdx: highlightedIdxProp, treeNodes, onHighlight, onKeyboardNavigation, selected, }: KeyboardNavigationHookProps) => {
-    focusVisible: number;
-    controlledHighlighting: boolean;
-    highlightedIdx: number;
-    hiliteItemAtIndex: (idx: any) => void;
-    keyBoardNavigation: import("react").MutableRefObject<boolean>;
-    listProps: {
-        onBlur: () => void;
-        onFocus: () => void;
-        onKeyDown: (e: any) => void;
-        onMouseDownCapture: () => void;
-        onMouseMove: () => void;
-        onMouseLeave: () => void;
-    };
-    setIgnoreFocus: (value: boolean) => boolean;
-};

package/types/tree/use-selection.d.ts

@@ -1,31 +0,0 @@
-import { KeyboardEvent, MouseEvent, SyntheticEvent } from "react";
-import { NormalisedTreeSourceNode } from "@vuu-ui/vuu-utils";
-export type TreeSelection = "none" | "single" | "checkbox" | "multi" | "extended";
-export declare const SINGLE = "single";
-export declare const CHECKBOX = "checkbox";
-export declare const MULTI = "multi";
-export declare const EXTENDED = "extended";
-export type GroupSelection = "none" | "single" | "cascade";
-export type TreeNodeSelectionHandler = (evt: SyntheticEvent, selected: string[]) => void;
-export declare const groupSelectionEnabled: (groupSelection: GroupSelection) => boolean;
-export interface SelectionHookProps {
-    defaultSelected?: string[];
-    highlightedIdx: number;
-    onChange: TreeNodeSelectionHandler;
-    selected?: string[];
-    selection: TreeSelection;
-    selectionKeys?: string[];
-    treeNodes: NormalisedTreeSourceNode[];
-}
-export interface SelectionHookResult {
-    listHandlers: {
-        onKeyDown?: (evt: KeyboardEvent) => void;
-        onKeyboardNavigation?: (evt: KeyboardEvent, currentIndex: number) => void;
-    };
-    listItemHandlers: {
-        onClick?: (evt: MouseEvent) => void;
-    };
-    selected: string[];
-    setSelected: (selected: string[]) => void;
-}
-export declare const useSelection: ({ defaultSelected, highlightedIdx, treeNodes, onChange, selected: selectedProp, selection, selectionKeys, }: SelectionHookProps) => SelectionHookResult;

package/types/tree/use-tree-keyboard-navigation.d.ts

@@ -1,12 +0,0 @@
-import { NormalisedTreeSourceNode } from "@vuu-ui/vuu-utils";
-export interface TreeKeyboardNavigationHookProps {
-    highlightedIdx: number;
-    hiliteItemAtIndex: (idx: number) => void;
-    indexPositions: NormalisedTreeSourceNode[];
-    source: NormalisedTreeSourceNode[];
-}
-export declare const useTreeKeyboardNavigation: ({ highlightedIdx, hiliteItemAtIndex, indexPositions, source, }: TreeKeyboardNavigationHookProps) => {
-    listHandlers: {
-        onKeyDown: (e: any) => void;
-    };
-};

package/types/tree/use-viewport-tracking.d.ts

@@ -1,2 +0,0 @@
-import { RefObject } from "react";
-export declare const useViewportTracking: (root: RefObject<HTMLElement>, highlightedIdx: number, stickyHeaders?: boolean) => import("react").MutableRefObject<boolean>;

package/types/tree/useTree.d.ts

@@ -1,30 +0,0 @@
-import type { NormalisedTreeSourceNode } from "@vuu-ui/vuu-utils";
-import { GroupSelection, TreeNodeSelectionHandler, TreeSelection } from "./use-selection";
-export interface TreeHookProps {
-    defaultSelected?: string[];
-    groupSelection: GroupSelection;
-    onChange: TreeNodeSelectionHandler;
-    onHighlight?: (index: number) => void;
-    selected?: string[];
-    selection: TreeSelection;
-    sourceWithIds: NormalisedTreeSourceNode[];
-}
-export declare const useTree: ({ defaultSelected, sourceWithIds, onChange, onHighlight: onHighlightProp, selected: selectedProp, selection, }: TreeHookProps) => {
-    focusVisible: number;
-    highlightedIdx: number;
-    hiliteItemAtIndex: (idx: any) => void;
-    listProps: {
-        "aria-activedescendant": string | undefined;
-        onBlur: () => void;
-        onFocus: () => void;
-        onKeyDown: (evt: any) => void;
-        onMouseDownCapture: () => void;
-        onMouseLeave: () => void;
-        onMouseMove: () => void;
-    };
-    listItemHandlers: {
-        onClick: (evt: any) => void;
-    };
-    selected: string[];
-    visibleData: NormalisedTreeSourceNode[];
-};