@vuu-ui/vuu-ui-controls 0.13.2 → 0.13.4

package/cjs/list/useList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useList.js","sources":["../../src/list/useList.ts"],"sourcesContent":["import { useLayoutEffectSkipFirst } from \"@vuu-ui/vuu-utils\";\nimport {\n  KeyboardEvent,\n  MouseEvent,\n  RefCallback,\n  useCallback,\n  useRef,\n} from \"react\";\nimport {\n  hasSelection,\n  isMultiSelection,\n  isSingleSelection,\n  ListHandlers,\n  MultiSelectionHandler,\n  SelectHandler,\n  SelectionStrategy,\n  SingleSelectionHandler,\n} from \"../common-hooks\";\nimport { DragStartHandler, useDragDrop } from \"../drag-drop\";\nimport {\n  closestListItemIndex,\n  useCollapsibleGroups,\n  useKeyboardNavigation,\n  useSelection,\n  useTypeahead,\n  useViewportTracking,\n} from \"./common-hooks\";\n\nimport { ListControlProps, ListHookProps, ListHookResult } from \"./listTypes\";\nimport { useListDrop } from \"./useListDrop\";\n\nexport const useList = <Item, S extends SelectionStrategy>({\n  allowDragDrop = false,\n  collapsibleHeaders,\n  collectionHook: dataHook,\n  contentRef,\n  defaultHighlightedIndex,\n  defaultSelected,\n  disabled,\n  disableAriaActiveDescendant,\n  disableHighlightOnFocus,\n  disableTypeToSelect,\n  highlightedIndex: highlightedIndexProp,\n  id,\n  label = \"\",\n  listHandlers: listHandlersProp,\n  onClick: onClickProp,\n  onDragStart,\n  onDrop,\n  onHighlight,\n  onKeyboardNavigation,\n  onKeyDown,\n  onMoveListItem,\n  onSelect,\n  onSelectionChange,\n  restoreLastFocus,\n  selected,\n  selectionStrategy,\n  selectionKeys,\n  stickyHeaders,\n  tabToSelect,\n  viewportRange,\n}: ListHookProps<Item, S>): ListHookResult<Item> => {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const scrollContainerRef = useRef<HTMLDivElement | null>(null);\n\n  const lastSelection = useRef<string[] | undefined>(\n    selected || defaultSelected,\n  );\n  const handleKeyboardNavigation = (evt: KeyboardEvent, nextIndex: number) => {\n    selectionHook.listHandlers.onKeyboardNavigation?.(evt, nextIndex);\n    onKeyboardNavigation?.(evt, nextIndex);\n  };\n\n  // TODO where do these belong ?\n  const handleSelect = useCallback<SelectHandler>(\n    (evt, selectedId) => {\n      if (onSelect) {\n        if (selectedId !== null) {\n          onSelect(evt, dataHook.itemById(selectedId));\n        }\n      }\n    },\n    [dataHook, onSelect],\n  );\n\n  const setContainerRef = useCallback<RefCallback<HTMLDivElement>>((el) => {\n    if (el) {\n      containerRef.current = el;\n      scrollContainerRef.current = el.querySelector(\".vuuList-viewport\");\n    }\n  }, []);\n\n  const handleSelectionChange = useCallback<MultiSelectionHandler>(\n    (evt, selected) => {\n      // TODO what about empty selection\n      if (onSelectionChange) {\n        if (isSingleSelection(selectionStrategy)) {\n          const [selectedItem] = selected;\n          (onSelectionChange as SingleSelectionHandler<Item>)(\n            evt,\n            dataHook.itemById(selectedItem),\n          );\n        } else if (isMultiSelection(selectionStrategy)) {\n          const selectedItems = selected.map((id) => dataHook.itemById(id));\n          (onSelectionChange as MultiSelectionHandler<Item>)(\n            evt,\n            selectedItems,\n          );\n        }\n      }\n    },\n    [dataHook, onSelectionChange, selectionStrategy],\n  );\n\n  const {\n    highlightedIndex,\n    containerProps: {\n      onKeyDown: navigationKeyDown,\n      onMouseMove: navigationMouseMove,\n      ...navigationControlProps\n    },\n    setHighlightedIndex,\n    ...keyboardHook\n  } = useKeyboardNavigation({\n    containerRef: scrollContainerRef,\n    defaultHighlightedIndex,\n    disableHighlightOnFocus,\n    highlightedIndex: highlightedIndexProp,\n    itemCount: dataHook.data.length,\n    label,\n    onHighlight,\n    onKeyboardNavigation: handleKeyboardNavigation,\n    restoreLastFocus,\n    selected: lastSelection.current,\n    viewportItemCount: 10,\n  });\n\n  const collapsibleHook = useCollapsibleGroups({\n    collapsibleHeaders,\n    highlightedIdx: highlightedIndex,\n    collectionHook: dataHook,\n  });\n\n  const handleDragStart = useCallback<DragStartHandler>(\n    (dragDropState) => {\n      setHighlightedIndex(-1);\n      onDragStart?.(dragDropState);\n    },\n    [onDragStart, setHighlightedIndex],\n  );\n\n  const selectionHook = useSelection({\n    containerRef,\n    defaultSelected,\n    highlightedIndex: highlightedIndex,\n    itemQuery: \".vuuListItem\",\n    label: `${label}:useList`,\n    onClick: onClickProp,\n    onSelect: handleSelect,\n    onSelectionChange: handleSelectionChange,\n    selected,\n    selectionStrategy,\n    selectionKeys,\n    tabToSelect,\n  });\n\n  const { handleDrop, onDropSettle } = useListDrop<Item>({\n    dataHook,\n    onDrop,\n    onMoveListItem,\n    selected: selectionHook.selected,\n    setHighlightedIndex,\n    setSelected: selectionHook.setSelected,\n  });\n\n  const { setSelected } = selectionHook;\n  useLayoutEffectSkipFirst(() => {\n    if (hasSelection(lastSelection.current)) {\n      setSelected([]);\n    }\n  }, [selected, dataHook.data, setSelected]);\n\n  const {\n    onMouseDown,\n    isDragging,\n    isScrolling: isDragDropScrolling,\n    ...dragDropHook\n  } = useDragDrop({\n    allowDragDrop,\n    draggableClassName: \"list-item\",\n    orientation: \"vertical\",\n    containerRef,\n    id,\n    itemQuery: \".vuuListItem\",\n    onDragStart: handleDragStart,\n    onDrop: handleDrop,\n    onDropSettle,\n    viewportRange,\n  });\n\n  const { onKeyDown: typeaheadOnKeyDown } = useTypeahead<Item>({\n    disableTypeToSelect,\n    highlightedIdx: highlightedIndex,\n    highlightItemAtIndex: setHighlightedIndex,\n    typeToNavigate: true,\n    items: dataHook.data,\n  });\n\n  const handleKeyDown = useCallback(\n    (evt: KeyboardEvent<HTMLElement>) => {\n      if (!evt.defaultPrevented) {\n        typeaheadOnKeyDown?.(evt);\n      }\n      // We still let the keyboard navigation hook process the event even\n      // if it has been handled by the typeahead hook. That is so it can\n      // correctly manage the focusVisible state.\n      navigationKeyDown(evt);\n      if (!evt.defaultPrevented) {\n        selectionHook.listHandlers.onKeyDown?.(evt);\n      }\n      if (!evt.defaultPrevented) {\n        collapsibleHook?.onKeyDown?.(evt);\n      }\n\n      if (!evt.defaultPrevented) {\n        onKeyDown?.(evt);\n      }\n    },\n    [\n      collapsibleHook,\n      navigationKeyDown,\n      onKeyDown,\n      selectionHook.listHandlers,\n      typeaheadOnKeyDown,\n    ],\n  );\n\n  // This is only appropriate when we are directly controlling a List,\n  // not when a control is manipulating the list\n  const { isScrolling: isViewportScrolling, scrollIntoView } =\n    useViewportTracking({\n      containerRef: scrollContainerRef,\n      contentRef,\n      highlightedIdx: highlightedIndex,\n      indexPositions: dataHook.data,\n      stickyHeaders,\n    });\n\n  const isScrolling =\n    isViewportScrolling.current || isDragDropScrolling.current;\n\n  const handleMouseMove = useCallback(\n    (evt: MouseEvent) => {\n      if (!isScrolling && !disabled && !isDragging) {\n        navigationMouseMove();\n        const idx = closestListItemIndex(evt.target as HTMLElement);\n        if (idx !== -1 && idx !== highlightedIndex) {\n          const item = dataHook.data[idx];\n          if (!item || item.disabled) {\n            setHighlightedIndex(-1);\n          } else {\n            setHighlightedIndex(idx);\n          }\n        }\n      }\n    },\n    [\n      isDragging,\n      isScrolling,\n      disabled,\n      setHighlightedIndex,\n      navigationMouseMove,\n      highlightedIndex,\n      dataHook.data,\n    ],\n  );\n\n  const getActiveDescendant = () =>\n    highlightedIndex === undefined ||\n    highlightedIndex === -1 ||\n    disableAriaActiveDescendant\n      ? undefined\n      : dataHook.data[highlightedIndex]?.id;\n\n  // We need this on reEntry for navigation hook to handle focus\n  lastSelection.current = selectionHook.selected;\n\n  // controlProps ?\n  const listControlProps: ListControlProps = {\n    \"aria-activedescendant\": getActiveDescendant(),\n    onBlur: navigationControlProps.onBlur,\n    onFocus: navigationControlProps.onFocus,\n    onKeyDown: handleKeyDown,\n    onMouseDown: onMouseDown,\n    onMouseDownCapture: navigationControlProps.onMouseDownCapture,\n    onMouseLeave: navigationControlProps.onMouseLeave,\n  };\n\n  const listHandlers: ListHandlers = listHandlersProp || {\n    onClick: selectionHook.listHandlers.onClick,\n    // MouseEnter would be much better for this. There is a bug in Cypress\n    // wheby it emits spurious MouseEnter (and MouseOver) events around\n    // keypress events, which break many tests.\n    onMouseMove: handleMouseMove,\n  };\n\n  return {\n    containerRef,\n    setContainerRef,\n    focusVisible: keyboardHook.focusVisible,\n    controlledHighlighting: keyboardHook.controlledHighlighting,\n    highlightedIndex,\n    keyboardNavigation: keyboardHook.keyboardNavigation,\n    listHandlers,\n    listItemHeaderHandlers: collapsibleHook,\n    listControlProps,\n    scrollIntoView,\n    //TODO given that we firs onSelect and onSelectionCHange with Item(s), should we return Item(s) here ?\n    selected: selectionHook.selected,\n    setHighlightedIndex,\n    setIgnoreFocus: keyboardHook.setIgnoreFocus,\n    setSelected: selectionHook.setSelected,\n    ...dragDropHook,\n  };\n};\n"],"names":["useRef","useCallback","selected","isSingleSelection","isMultiSelection","id","useKeyboardNavigation","useCollapsibleGroups","useSelection","useListDrop","useLayoutEffectSkipFirst","hasSelection","useDragDrop","useTypeahead","useViewportTracking","closestListItemIndex"],"mappings":";;;;;;;;;;;;;;;;;;AA+BO,MAAM,UAAU,CAAoC;AAAA,EACzD,aAAgB,GAAA,KAAA;AAAA,EAChB,kBAAA;AAAA,EACA,cAAgB,EAAA,QAAA;AAAA,EAChB,UAAA;AAAA,EACA,uBAAA;AAAA,EACA,eAAA;AAAA,EACA,QAAA;AAAA,EACA,2BAAA;AAAA,EACA,uBAAA;AAAA,EACA,mBAAA;AAAA,EACA,gBAAkB,EAAA,oBAAA;AAAA,EAClB,EAAA;AAAA,EACA,KAAQ,GAAA,EAAA;AAAA,EACR,YAAc,EAAA,gBAAA;AAAA,EACd,OAAS,EAAA,WAAA;AAAA,EACT,WAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA;AAAA,EACA,oBAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,iBAAA;AAAA,EACA,gBAAA;AAAA,EACA,QAAA;AAAA,EACA,iBAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAoD,KAAA;AAClD,EAAM,MAAA,YAAA,GAAeA,aAA8B,IAAI,CAAA;AACvD,EAAM,MAAA,kBAAA,GAAqBA,aAA8B,IAAI,CAAA;AAE7D,EAAA,MAAM,aAAgB,GAAAA,YAAA;AAAA,IACpB,QAAY,IAAA;AAAA,GACd;AACA,EAAM,MAAA,wBAAA,GAA2B,CAAC,GAAA,EAAoB,SAAsB,KAAA;AAC1E,IAAc,aAAA,CAAA,YAAA,CAAa,oBAAuB,GAAA,GAAA,EAAK,SAAS,CAAA;AAChE,IAAA,oBAAA,GAAuB,KAAK,SAAS,CAAA;AAAA,GACvC;AAGA,EAAA,MAAM,YAAe,GAAAC,iBAAA;AAAA,IACnB,CAAC,KAAK,UAAe,KAAA;AACnB,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,IAAI,eAAe,IAAM,EAAA;AACvB,UAAA,QAAA,CAAS,GAAK,EAAA,QAAA,CAAS,QAAS,CAAA,UAAU,CAAC,CAAA;AAAA;AAC7C;AACF,KACF;AAAA,IACA,CAAC,UAAU,QAAQ;AAAA,GACrB;AAEA,EAAM,MAAA,eAAA,GAAkBA,iBAAyC,CAAA,CAAC,EAAO,KAAA;AACvE,IAAA,IAAI,EAAI,EAAA;AACN,MAAA,YAAA,CAAa,OAAU,GAAA,EAAA;AACvB,MAAmB,kBAAA,CAAA,OAAA,GAAU,EAAG,CAAA,aAAA,CAAc,mBAAmB,CAAA;AAAA;AACnE,GACF,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,qBAAwB,GAAAA,iBAAA;AAAA,IAC5B,CAAC,KAAKC,SAAa,KAAA;AAEjB,MAAA,IAAI,iBAAmB,EAAA;AACrB,QAAI,IAAAC,gCAAA,CAAkB,iBAAiB,CAAG,EAAA;AACxC,UAAM,MAAA,CAAC,YAAY,CAAID,GAAAA,SAAAA;AACvB,UAAC,iBAAA;AAAA,YACC,GAAA;AAAA,YACA,QAAA,CAAS,SAAS,YAAY;AAAA,WAChC;AAAA,SACF,MAAA,IAAWE,+BAAiB,CAAA,iBAAiB,CAAG,EAAA;AAC9C,UAAM,MAAA,aAAA,GAAgBF,UAAS,GAAI,CAAA,CAACG,QAAO,QAAS,CAAA,QAAA,CAASA,GAAE,CAAC,CAAA;AAChE,UAAC,iBAAA;AAAA,YACC,GAAA;AAAA,YACA;AAAA,WACF;AAAA;AACF;AACF,KACF;AAAA,IACA,CAAC,QAAU,EAAA,iBAAA,EAAmB,iBAAiB;AAAA,GACjD;AAEA,EAAM,MAAA;AAAA,IACJ,gBAAA;AAAA,IACA,cAAgB,EAAA;AAAA,MACd,SAAW,EAAA,iBAAA;AAAA,MACX,WAAa,EAAA,mBAAA;AAAA,MACb,GAAG;AAAA,KACL;AAAA,IACA,mBAAA;AAAA,IACA,GAAG;AAAA,MACDC,2CAAsB,CAAA;AAAA,IACxB,YAAc,EAAA,kBAAA;AAAA,IACd,uBAAA;AAAA,IACA,uBAAA;AAAA,IACA,gBAAkB,EAAA,oBAAA;AAAA,IAClB,SAAA,EAAW,SAAS,IAAK,CAAA,MAAA;AAAA,IACzB,KAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAsB,EAAA,wBAAA;AAAA,IACtB,gBAAA;AAAA,IACA,UAAU,aAAc,CAAA,OAAA;AAAA,IACxB,iBAAmB,EAAA;AAAA,GACpB,CAAA;AAED,EAAA,MAAM,kBAAkBC,yCAAqB,CAAA;AAAA,IAC3C,kBAAA;AAAA,IACA,cAAgB,EAAA,gBAAA;AAAA,IAChB,cAAgB,EAAA;AAAA,GACjB,CAAA;AAED,EAAA,MAAM,eAAkB,GAAAN,iBAAA;AAAA,IACtB,CAAC,aAAkB,KAAA;AACjB,MAAA,mBAAA,CAAoB,CAAE,CAAA,CAAA;AACtB,MAAA,WAAA,GAAc,aAAa,CAAA;AAAA,KAC7B;AAAA,IACA,CAAC,aAAa,mBAAmB;AAAA,GACnC;AAEA,EAAA,MAAM,gBAAgBO,yBAAa,CAAA;AAAA,IACjC,YAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,SAAW,EAAA,cAAA;AAAA,IACX,KAAA,EAAO,GAAG,KAAK,CAAA,QAAA,CAAA;AAAA,IACf,OAAS,EAAA,WAAA;AAAA,IACT,QAAU,EAAA,YAAA;AAAA,IACV,iBAAmB,EAAA,qBAAA;AAAA,IACnB,QAAA;AAAA,IACA,iBAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,EAAE,UAAA,EAAY,YAAa,EAAA,GAAIC,uBAAkB,CAAA;AAAA,IACrD,QAAA;AAAA,IACA,MAAA;AAAA,IACA,cAAA;AAAA,IACA,UAAU,aAAc,CAAA,QAAA;AAAA,IACxB,mBAAA;AAAA,IACA,aAAa,aAAc,CAAA;AAAA,GAC5B,CAAA;AAED,EAAM,MAAA,EAAE,aAAgB,GAAA,aAAA;AACxB,EAAAC,iCAAA,CAAyB,MAAM;AAC7B,IAAI,IAAAC,2BAAA,CAAa,aAAc,CAAA,OAAO,CAAG,EAAA;AACvC,MAAA,WAAA,CAAY,EAAE,CAAA;AAAA;AAChB,KACC,CAAC,QAAA,EAAU,QAAS,CAAA,IAAA,EAAM,WAAW,CAAC,CAAA;AAEzC,EAAM,MAAA;AAAA,IACJ,WAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAa,EAAA,mBAAA;AAAA,IACb,GAAG;AAAA,MACDC,uBAAY,CAAA;AAAA,IACd,aAAA;AAAA,IACA,kBAAoB,EAAA,WAAA;AAAA,IACpB,WAAa,EAAA,UAAA;AAAA,IACb,YAAA;AAAA,IACA,EAAA;AAAA,IACA,SAAW,EAAA,cAAA;AAAA,IACX,WAAa,EAAA,eAAA;AAAA,IACb,MAAQ,EAAA,UAAA;AAAA,IACR,YAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,EAAE,SAAA,EAAW,kBAAmB,EAAA,GAAIC,yBAAmB,CAAA;AAAA,IAC3D,mBAAA;AAAA,IACA,cAAgB,EAAA,gBAAA;AAAA,IAChB,oBAAsB,EAAA,mBAAA;AAAA,IACtB,cAAgB,EAAA,IAAA;AAAA,IAChB,OAAO,QAAS,CAAA;AAAA,GACjB,CAAA;AAED,EAAA,MAAM,aAAgB,GAAAZ,iBAAA;AAAA,IACpB,CAAC,GAAoC,KAAA;AACnC,MAAI,IAAA,CAAC,IAAI,gBAAkB,EAAA;AACzB,QAAA,kBAAA,GAAqB,GAAG,CAAA;AAAA;AAK1B,MAAA,iBAAA,CAAkB,GAAG,CAAA;AACrB,MAAI,IAAA,CAAC,IAAI,gBAAkB,EAAA;AACzB,QAAc,aAAA,CAAA,YAAA,CAAa,YAAY,GAAG,CAAA;AAAA;AAE5C,MAAI,IAAA,CAAC,IAAI,gBAAkB,EAAA;AACzB,QAAA,eAAA,EAAiB,YAAY,GAAG,CAAA;AAAA;AAGlC,MAAI,IAAA,CAAC,IAAI,gBAAkB,EAAA;AACzB,QAAA,SAAA,GAAY,GAAG,CAAA;AAAA;AACjB,KACF;AAAA,IACA;AAAA,MACE,eAAA;AAAA,MACA,iBAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAc,CAAA,YAAA;AAAA,MACd;AAAA;AACF,GACF;AAIA,EAAA,MAAM,EAAE,WAAA,EAAa,mBAAqB,EAAA,cAAA,KACxCa,uCAAoB,CAAA;AAAA,IAClB,YAAc,EAAA,kBAAA;AAAA,IACd,UAAA;AAAA,IACA,cAAgB,EAAA,gBAAA;AAAA,IAChB,gBAAgB,QAAS,CAAA,IAAA;AAAA,IACzB;AAAA,GACD,CAAA;AAEH,EAAM,MAAA,WAAA,GACJ,mBAAoB,CAAA,OAAA,IAAW,mBAAoB,CAAA,OAAA;AAErD,EAAA,MAAM,eAAkB,GAAAb,iBAAA;AAAA,IACtB,CAAC,GAAoB,KAAA;AACnB,MAAA,IAAI,CAAC,WAAA,IAAe,CAAC,QAAA,IAAY,CAAC,UAAY,EAAA;AAC5C,QAAoB,mBAAA,EAAA;AACpB,QAAM,MAAA,GAAA,GAAMc,iCAAqB,CAAA,GAAA,CAAI,MAAqB,CAAA;AAC1D,QAAI,IAAA,GAAA,KAAQ,CAAM,CAAA,IAAA,GAAA,KAAQ,gBAAkB,EAAA;AAC1C,UAAM,MAAA,IAAA,GAAO,QAAS,CAAA,IAAA,CAAK,GAAG,CAAA;AAC9B,UAAI,IAAA,CAAC,IAAQ,IAAA,IAAA,CAAK,QAAU,EAAA;AAC1B,YAAA,mBAAA,CAAoB,CAAE,CAAA,CAAA;AAAA,WACjB,MAAA;AACL,YAAA,mBAAA,CAAoB,GAAG,CAAA;AAAA;AACzB;AACF;AACF,KACF;AAAA,IACA;AAAA,MACE,UAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,mBAAA;AAAA,MACA,mBAAA;AAAA,MACA,gBAAA;AAAA,MACA,QAAS,CAAA;AAAA;AACX,GACF;AAEA,EAAM,MAAA,mBAAA,GAAsB,MAC1B,gBAAA,KAAqB,KACrB,CAAA,IAAA,gBAAA,KAAqB,CACrB,CAAA,IAAA,2BAAA,GACI,KACA,CAAA,GAAA,QAAA,CAAS,IAAK,CAAA,gBAAgB,CAAG,EAAA,EAAA;AAGvC,EAAA,aAAA,CAAc,UAAU,aAAc,CAAA,QAAA;AAGtC,EAAA,MAAM,gBAAqC,GAAA;AAAA,IACzC,yBAAyB,mBAAoB,EAAA;AAAA,IAC7C,QAAQ,sBAAuB,CAAA,MAAA;AAAA,IAC/B,SAAS,sBAAuB,CAAA,OAAA;AAAA,IAChC,SAAW,EAAA,aAAA;AAAA,IACX,WAAA;AAAA,IACA,oBAAoB,sBAAuB,CAAA,kBAAA;AAAA,IAC3C,cAAc,sBAAuB,CAAA;AAAA,GACvC;AAEA,EAAA,MAAM,eAA6B,gBAAoB,IAAA;AAAA,IACrD,OAAA,EAAS,cAAc,YAAa,CAAA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIpC,WAAa,EAAA;AAAA,GACf;AAEA,EAAO,OAAA;AAAA,IACL,YAAA;AAAA,IACA,eAAA;AAAA,IACA,cAAc,YAAa,CAAA,YAAA;AAAA,IAC3B,wBAAwB,YAAa,CAAA,sBAAA;AAAA,IACrC,gBAAA;AAAA,IACA,oBAAoB,YAAa,CAAA,kBAAA;AAAA,IACjC,YAAA;AAAA,IACA,sBAAwB,EAAA,eAAA;AAAA,IACxB,gBAAA;AAAA,IACA,cAAA;AAAA;AAAA,IAEA,UAAU,aAAc,CAAA,QAAA;AAAA,IACxB,mBAAA;AAAA,IACA,gBAAgB,YAAa,CAAA,cAAA;AAAA,IAC7B,aAAa,aAAc,CAAA,WAAA;AAAA,IAC3B,GAAG;AAAA,GACL;AACF;;;;"}

package/cjs/list/useListDrop.js

@@ -1,92 +0,0 @@
-'use strict';
-
-var React = require('react');
-require('../common-hooks/collectionProvider.js');
-require('../common-hooks/use-resize-observer.js');
-var selectionTypes = require('../common-hooks/selectionTypes.js');
-
-const useListDrop = ({
-  dataHook,
-  onDrop,
-  onMoveListItem,
-  selected,
-  setHighlightedIndex,
-  setSelected
-}) => {
-  const selectedByIndexRef = React.useRef([]);
-  const dataHookRef = React.useRef(dataHook);
-  dataHookRef.current = dataHook;
-  const adjustIndex = React.useCallback(
-    (index, fromIndex, toIndex) => {
-      if (index === fromIndex) {
-        return toIndex;
-      } else if (index < Math.min(fromIndex, toIndex) || index > Math.max(fromIndex, toIndex)) {
-        return index;
-      }
-      if (fromIndex < index) {
-        return index - 1;
-      } else {
-        return index + 1;
-      }
-    },
-    []
-  );
-  const reorderSelectedIndices = React.useCallback(
-    (selected2, fromIndex, toIndex) => {
-      const selectedIndices = selected2.map(
-        (id) => dataHookRef.current.indexOfItemById(id)
-      );
-      return selectedIndices.map(
-        (item) => adjustIndex(item, fromIndex, toIndex)
-      );
-    },
-    [adjustIndex]
-  );
-  const handleDrop = React.useCallback(
-    (options) => {
-      const { fromIndex, toIndex } = options;
-      if (selectionTypes.hasSelection(selected)) {
-        selectedByIndexRef.current = reorderSelectedIndices(
-          selected,
-          fromIndex,
-          toIndex
-        );
-      }
-      if (options.isExternal) {
-        onDrop?.(options);
-      } else {
-        onMoveListItem?.(fromIndex, toIndex);
-      }
-      setHighlightedIndex(-1);
-    },
-    [
-      selected,
-      setHighlightedIndex,
-      reorderSelectedIndices,
-      onDrop,
-      onMoveListItem
-    ]
-  );
-  const handleDropSettle = React.useCallback(
-    (toIndex) => {
-      setHighlightedIndex(toIndex);
-    },
-    [setHighlightedIndex]
-  );
-  React.useEffect(() => {
-    const { current: selectedByIndex } = selectedByIndexRef;
-    if (selectionTypes.hasSelection(selectedByIndex)) {
-      selectedByIndexRef.current = [];
-      const postDropSelected = Array.isArray(selectedByIndex) ? selectedByIndex.map((i) => dataHook.data[i].id) : dataHook.data[selectedByIndex].id;
-      selectedByIndexRef.current = [];
-      setSelected(postDropSelected);
-    }
-  }, [dataHook.data, setSelected]);
-  return {
-    handleDrop,
-    onDropSettle: handleDropSettle
-  };
-};
-
-exports.useListDrop = useListDrop;
-//# sourceMappingURL=useListDrop.js.map

package/cjs/list/useListDrop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useListDrop.js","sources":["../../src/list/useListDrop.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport { CollectionHookResult, hasSelection } from \"../common-hooks\";\nimport { DropHandler } from \"../drag-drop\";\nimport { MoveItemHandler } from \"./listTypes\";\n\nexport interface ListDropProps<Item = string> {\n  dataHook: CollectionHookResult<Item>;\n  onDrop?: DropHandler;\n  onMoveListItem?: MoveItemHandler;\n  selected: string[];\n  setHighlightedIndex: (idx: number) => void;\n  setSelected: (selected: string[]) => void;\n}\n\nexport const useListDrop = <Item>({\n  dataHook,\n  onDrop,\n  onMoveListItem,\n  selected,\n  setHighlightedIndex,\n  setSelected,\n}: ListDropProps<Item>) => {\n  // Used to preserve selection across a drop event.\n  const selectedByIndexRef = useRef<number[]>([]);\n\n  /** prevent recreating reorderSelectedIndices when dataHook changes */\n  const dataHookRef = useRef(dataHook);\n  dataHookRef.current = dataHook;\n\n  const adjustIndex = useCallback(\n    (index: number, fromIndex: number, toIndex: number) => {\n      if (index === fromIndex) {\n        return toIndex;\n      } else if (\n        index < Math.min(fromIndex, toIndex) ||\n        index > Math.max(fromIndex, toIndex)\n      ) {\n        return index;\n      }\n      if (fromIndex < index) {\n        return index - 1;\n      } else {\n        return index + 1;\n      }\n    },\n    []\n  );\n\n  // Used after a drop event, to calculate wht the new selected indices will be\n  const reorderSelectedIndices = useCallback(\n    (selected: string[], fromIndex: number, toIndex: number) => {\n      const selectedIndices = selected.map((id) =>\n        dataHookRef.current.indexOfItemById(id)\n      );\n      return selectedIndices.map((item) =>\n        adjustIndex(item, fromIndex, toIndex)\n      );\n    },\n    [adjustIndex]\n  );\n\n  const handleDrop = useCallback<DropHandler>(\n    (options) => {\n      const { fromIndex, toIndex } = options;\n      if (hasSelection(selected)) {\n        selectedByIndexRef.current = reorderSelectedIndices(\n          selected,\n          fromIndex,\n          toIndex\n        );\n      }\n\n      if (options.isExternal) {\n        onDrop?.(options);\n      } else {\n        onMoveListItem?.(fromIndex, toIndex);\n      }\n      setHighlightedIndex(-1);\n    },\n    [\n      selected,\n      setHighlightedIndex,\n      reorderSelectedIndices,\n      onDrop,\n      onMoveListItem,\n    ]\n  );\n\n  const handleDropSettle = useCallback(\n    (toIndex: number) => {\n      setHighlightedIndex(toIndex);\n    },\n    [setHighlightedIndex]\n  );\n\n  useEffect(() => {\n    const { current: selectedByIndex } = selectedByIndexRef;\n    if (hasSelection(selectedByIndex)) {\n      selectedByIndexRef.current = [];\n      const postDropSelected = Array.isArray(selectedByIndex)\n        ? selectedByIndex.map((i) => dataHook.data[i].id)\n        : dataHook.data[selectedByIndex].id;\n\n      selectedByIndexRef.current = [];\n      // TODO gave up trying to figure out how to type this correctly\n      setSelected(postDropSelected as any);\n    }\n  }, [dataHook.data, setSelected]);\n\n  return {\n    handleDrop,\n    onDropSettle: handleDropSettle,\n  };\n};\n"],"names":["useRef","useCallback","selected","hasSelection","useEffect"],"mappings":"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"}

package/cjs/list/useListHeight.js

@@ -1,77 +0,0 @@
-'use strict';
-
-var React = require('react');
-require('../common-hooks/collectionProvider.js');
-var useResizeObserver = require('../common-hooks/use-resize-observer.js');
-
-const getContentHeight = (itemCount, itemHeight, itemGapSize = 0) => {
-  if (itemCount === 0) {
-    return 0;
-  } else if (itemGapSize === 0) {
-    return itemCount * itemHeight;
-  } else {
-    return itemCount - 1 * (itemHeight + itemGapSize) + itemHeight;
-  }
-};
-const useListHeight = ({
-  displayedItemCount,
-  getItemHeight,
-  // TODO no need to incur the cost of a resizeObserver if height is explicit
-  height,
-  itemCount,
-  itemGapSize,
-  itemHeight: itemHeightProp = 36,
-  size
-}) => {
-  const [measuredItemHeight, setMeasuredItemHeight] = React.useState(itemHeightProp);
-  const [, forceUpdate] = React.useState({});
-  const proxyItemRef = React.useRef(null);
-  const [contentHeight, computedListHeight] = React.useMemo(() => {
-    let result = 0;
-    const itemHeight = measuredItemHeight ?? itemHeightProp;
-    const contentHeight2 = getContentHeight(itemCount, itemHeight, itemGapSize);
-    if (height !== void 0) {
-      return [contentHeight2, void 0];
-    }
-    const preferredItemCount = Math.min(displayedItemCount, itemCount) || displayedItemCount;
-    if (typeof getItemHeight === "function") {
-      result += Array(preferredItemCount).fill(0).reduce(
-        (total, _, index) => total + getItemHeight(index) + itemGapSize,
-        0
-      ) - // We don't want gap after the last item
-      itemGapSize;
-    } else {
-      result += preferredItemCount * Number(itemHeight) + (preferredItemCount - 1) * itemGapSize;
-    }
-    const listHeight = result;
-    return [contentHeight2, listHeight];
-  }, [
-    displayedItemCount,
-    getItemHeight,
-    height,
-    itemCount,
-    itemGapSize,
-    itemHeightProp,
-    measuredItemHeight
-  ]);
-  const handleRowHeight = React.useCallback(({ height: height2 }) => {
-    if (typeof height2 === "number") {
-      setMeasuredItemHeight(height2);
-    }
-  }, []);
-  const rowHeightProxyRef = React.useCallback((el) => {
-    proxyItemRef.current = el;
-    forceUpdate({});
-  }, []);
-  useResizeObserver.useResizeObserver(proxyItemRef, useResizeObserver.HeightOnly, handleRowHeight, true);
-  return {
-    computedListHeight,
-    contentHeight,
-    listClientHeight: size?.height,
-    listItemHeight: measuredItemHeight,
-    rowHeightProxyRef
-  };
-};
-
-exports.useListHeight = useListHeight;
-//# sourceMappingURL=useListHeight.js.map

package/cjs/list/useListHeight.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useListHeight.js","sources":["../../src/list/useListHeight.ts"],"sourcesContent":["import { RefCallback, useCallback, useMemo, useRef, useState } from \"react\";\nimport { HeightOnly, ResizeHandler, useResizeObserver } from \"../common-hooks\";\nimport { MeasuredSize } from \"../measured-container\";\n\nexport interface ListHeightHookProps {\n  displayedItemCount: number;\n  getItemHeight?: (index: number) => number;\n  height?: number | string;\n  itemCount: number;\n  itemGapSize: number;\n  itemHeight?: number;\n  size: MeasuredSize | undefined;\n}\n\nexport interface HeightHookResult {\n  computedListHeight: number | undefined;\n  contentHeight: number;\n  listClientHeight?: number;\n  listItemHeight: number;\n  rowHeightProxyRef: RefCallback<HTMLDivElement>;\n}\n\nconst getContentHeight = (\n  itemCount: number,\n  itemHeight: number,\n  itemGapSize = 0,\n) => {\n  if (itemCount === 0) {\n    return 0;\n  } else if (itemGapSize === 0) {\n    return itemCount * itemHeight;\n  } else {\n    return itemCount - 1 * (itemHeight + itemGapSize) + itemHeight;\n  }\n};\n\nexport const useListHeight = ({\n  displayedItemCount,\n  getItemHeight,\n  // TODO no need to incur the cost of a resizeObserver if height is explicit\n  height,\n  itemCount,\n  itemGapSize,\n  itemHeight: itemHeightProp = 36,\n  size,\n}: ListHeightHookProps): HeightHookResult => {\n  // TODO default by density\n  const [measuredItemHeight, setMeasuredItemHeight] =\n    useState<number>(itemHeightProp);\n  // Not 100% sure why we need this forceUpdate\n  const [, forceUpdate] = useState({});\n  // This is a ref to the 'item proxy' a hiden list item used to detect css driven\n  // size changes (e.g. runtime density switch)\n  const proxyItemRef = useRef<HTMLDivElement | null>(null);\n\n  const [contentHeight, computedListHeight] = useMemo(() => {\n    let result = 0;\n    const itemHeight = measuredItemHeight ?? itemHeightProp;\n    const contentHeight = getContentHeight(itemCount, itemHeight, itemGapSize);\n    if (height !== undefined) {\n      // TODO if this is a percentage, convert to number\n      return [contentHeight, undefined];\n    }\n\n    // if there are 0 items we render with the preferred count\n    const preferredItemCount =\n      Math.min(displayedItemCount, itemCount) || displayedItemCount;\n\n    if (typeof getItemHeight === \"function\") {\n      result +=\n        Array(preferredItemCount)\n          .fill(0)\n          .reduce<number>(\n            (total, _, index) => total + getItemHeight(index) + itemGapSize,\n            0,\n          ) -\n        // We don't want gap after the last item\n        itemGapSize;\n    } else {\n      result +=\n        preferredItemCount * Number(itemHeight) +\n        (preferredItemCount - 1) * itemGapSize;\n    }\n\n    const listHeight = result;\n\n    return [contentHeight, listHeight];\n  }, [\n    displayedItemCount,\n    getItemHeight,\n    height,\n    itemCount,\n    itemGapSize,\n    itemHeightProp,\n    measuredItemHeight,\n  ]);\n\n  const handleRowHeight: ResizeHandler = useCallback(({ height }) => {\n    if (typeof height === \"number\") {\n      setMeasuredItemHeight(height);\n    }\n  }, []);\n\n  const rowHeightProxyRef = useCallback<RefCallback<HTMLDivElement>>((el) => {\n    proxyItemRef.current = el;\n    forceUpdate({});\n  }, []);\n\n  useResizeObserver(proxyItemRef, HeightOnly, handleRowHeight, true);\n\n  return {\n    computedListHeight,\n    contentHeight,\n    listClientHeight: size?.height,\n    listItemHeight: measuredItemHeight,\n    rowHeightProxyRef,\n  };\n};\n"],"names":["useState","useRef","useMemo","contentHeight","useCallback","height","useResizeObserver","HeightOnly"],"mappings":"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"}

package/cjs/list/useScrollPosition.js

@@ -1,74 +0,0 @@
-'use strict';
-
-var core = require('@salt-ds/core');
-var React = require('react');
-
-const getRange = (scrollPos, height, itemCount, itemHeight) => {
-  const viewportRowCount = Math.ceil(height / itemHeight);
-  const from = Math.floor(scrollPos / itemHeight);
-  const to = Math.ceil(from + viewportRowCount - 1);
-  return {
-    atStart: from === 0,
-    atEnd: to === itemCount - 1,
-    from,
-    to
-  };
-};
-const useScrollPosition = ({
-  containerSize: listHeight,
-  itemCount: listItemCount,
-  itemGapSize: listItemGapSize = 0,
-  itemSize: listItemHeight,
-  onViewportScroll
-}) => {
-  const firstVisibleRowRef = React.useRef(0);
-  const lastVisibleRowRef = React.useRef(0);
-  const scrollPosRef = React.useRef(0);
-  const range = React.useMemo(() => {
-    return getRange(
-      scrollPosRef.current,
-      listHeight,
-      listItemCount,
-      listItemHeight + listItemGapSize
-    );
-  }, [listHeight, listItemCount, listItemHeight, listItemGapSize]);
-  const [viewportRange, setViewportRange] = React.useState(range);
-  core.useIsomorphicLayoutEffect(() => {
-    setViewportRange(range);
-  }, [range]);
-  const handleVerticalScroll = React.useCallback(
-    (e) => {
-      const scrollTop = e.target.scrollTop;
-      if (scrollTop !== scrollPosRef.current) {
-        scrollPosRef.current = scrollTop;
-        const itemHeight = listItemHeight + listItemGapSize;
-        const range2 = getRange(
-          scrollTop,
-          listHeight,
-          listItemCount,
-          itemHeight
-        );
-        if (range2.from !== firstVisibleRowRef.current || range2.to !== lastVisibleRowRef.current) {
-          firstVisibleRowRef.current = range2.from;
-          lastVisibleRowRef.current = range2.to;
-          onViewportScroll?.(range2.from, range2.to);
-          setViewportRange(range2);
-        }
-      }
-    },
-    [
-      listItemHeight,
-      listItemGapSize,
-      listHeight,
-      listItemCount,
-      onViewportScroll
-    ]
-  );
-  return {
-    onVerticalScroll: handleVerticalScroll,
-    viewportRange
-  };
-};
-
-exports.useScrollPosition = useScrollPosition;
-//# sourceMappingURL=useScrollPosition.js.map

package/cjs/list/useScrollPosition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useScrollPosition.js","sources":["../../src/list/useScrollPosition.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { UIEvent, useCallback, useMemo, useRef, useState } from \"react\";\n\nexport type ViewportRange = {\n  atEnd: boolean;\n  atStart: boolean;\n  from: number;\n  to: number;\n};\n\ninterface ScrollPositionHookProps {\n  containerSize: number;\n  itemCount: number;\n  itemGapSize?: number;\n  itemSize: number;\n  onViewportScroll?: (\n    firstVisibleItemIndex: number,\n    lastVisibleitemIndex: number\n  ) => void;\n}\n\nconst getRange = (\n  scrollPos: number,\n  height: number,\n  itemCount: number,\n  itemHeight: number\n): ViewportRange => {\n  const viewportRowCount = Math.ceil(height / itemHeight);\n  const from = Math.floor(scrollPos / itemHeight);\n  const to = Math.ceil(from + viewportRowCount - 1);\n  return {\n    atStart: from === 0,\n    atEnd: to === itemCount - 1,\n    from,\n    to,\n  };\n};\n\nexport const useScrollPosition = ({\n  containerSize: listHeight,\n  itemCount: listItemCount,\n  itemGapSize: listItemGapSize = 0,\n  itemSize: listItemHeight,\n  onViewportScroll,\n}: ScrollPositionHookProps) => {\n  const firstVisibleRowRef = useRef(0);\n  const lastVisibleRowRef = useRef(0);\n  const scrollPosRef = useRef(0);\n\n  const range = useMemo(() => {\n    return getRange(\n      scrollPosRef.current,\n      listHeight,\n      listItemCount,\n      listItemHeight + listItemGapSize\n    );\n  }, [listHeight, listItemCount, listItemHeight, listItemGapSize]);\n\n  const [viewportRange, setViewportRange] = useState<ViewportRange>(range);\n\n  useIsomorphicLayoutEffect(() => {\n    setViewportRange(range);\n  }, [range]);\n\n  const handleVerticalScroll = useCallback(\n    (e: UIEvent<HTMLElement>) => {\n      const scrollTop = (e.target as HTMLElement).scrollTop;\n      if (scrollTop !== scrollPosRef.current) {\n        scrollPosRef.current = scrollTop;\n        const itemHeight = listItemHeight + listItemGapSize;\n        const range = getRange(\n          scrollTop,\n          listHeight,\n          listItemCount,\n          itemHeight\n        );\n        if (\n          range.from !== firstVisibleRowRef.current ||\n          range.to !== lastVisibleRowRef.current\n        ) {\n          firstVisibleRowRef.current = range.from;\n          lastVisibleRowRef.current = range.to;\n          onViewportScroll?.(range.from, range.to);\n          setViewportRange(range);\n        }\n      }\n    },\n    [\n      listItemHeight,\n      listItemGapSize,\n      listHeight,\n      listItemCount,\n      onViewportScroll,\n    ]\n  );\n\n  return {\n    onVerticalScroll: handleVerticalScroll,\n    viewportRange,\n  };\n};\n"],"names":["useRef","useMemo","useState","useIsomorphicLayoutEffect","useCallback","range"],"mappings":";;;;;AAqBA,MAAM,QAAW,GAAA,CACf,SACA,EAAA,MAAA,EACA,WACA,UACkB,KAAA;AAClB,EAAA,MAAM,gBAAmB,GAAA,IAAA,CAAK,IAAK,CAAA,MAAA,GAAS,UAAU,CAAA;AACtD,EAAA,MAAM,IAAO,GAAA,IAAA,CAAK,KAAM,CAAA,SAAA,GAAY,UAAU,CAAA;AAC9C,EAAA,MAAM,EAAK,GAAA,IAAA,CAAK,IAAK,CAAA,IAAA,GAAO,mBAAmB,CAAC,CAAA;AAChD,EAAO,OAAA;AAAA,IACL,SAAS,IAAS,KAAA,CAAA;AAAA,IAClB,KAAA,EAAO,OAAO,SAAY,GAAA,CAAA;AAAA,IAC1B,IAAA;AAAA,IACA;AAAA,GACF;AACF,CAAA;AAEO,MAAM,oBAAoB,CAAC;AAAA,EAChC,aAAe,EAAA,UAAA;AAAA,EACf,SAAW,EAAA,aAAA;AAAA,EACX,aAAa,eAAkB,GAAA,CAAA;AAAA,EAC/B,QAAU,EAAA,cAAA;AAAA,EACV;AACF,CAA+B,KAAA;AAC7B,EAAM,MAAA,kBAAA,GAAqBA,aAAO,CAAC,CAAA;AACnC,EAAM,MAAA,iBAAA,GAAoBA,aAAO,CAAC,CAAA;AAClC,EAAM,MAAA,YAAA,GAAeA,aAAO,CAAC,CAAA;AAE7B,EAAM,MAAA,KAAA,GAAQC,cAAQ,MAAM;AAC1B,IAAO,OAAA,QAAA;AAAA,MACL,YAAa,CAAA,OAAA;AAAA,MACb,UAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAiB,GAAA;AAAA,KACnB;AAAA,KACC,CAAC,UAAA,EAAY,aAAe,EAAA,cAAA,EAAgB,eAAe,CAAC,CAAA;AAE/D,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIC,eAAwB,KAAK,CAAA;AAEvE,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAA,gBAAA,CAAiB,KAAK,CAAA;AAAA,GACxB,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,MAAM,oBAAuB,GAAAC,iBAAA;AAAA,IAC3B,CAAC,CAA4B,KAAA;AAC3B,MAAM,MAAA,SAAA,GAAa,EAAE,MAAuB,CAAA,SAAA;AAC5C,MAAI,IAAA,SAAA,KAAc,aAAa,OAAS,EAAA;AACtC,QAAA,YAAA,CAAa,OAAU,GAAA,SAAA;AACvB,QAAA,MAAM,aAAa,cAAiB,GAAA,eAAA;AACpC,QAAA,MAAMC,MAAQ,GAAA,QAAA;AAAA,UACZ,SAAA;AAAA,UACA,UAAA;AAAA,UACA,aAAA;AAAA,UACA;AAAA,SACF;AACA,QAAA,IACEA,OAAM,IAAS,KAAA,kBAAA,CAAmB,WAClCA,MAAM,CAAA,EAAA,KAAO,kBAAkB,OAC/B,EAAA;AACA,UAAA,kBAAA,CAAmB,UAAUA,MAAM,CAAA,IAAA;AACnC,UAAA,iBAAA,CAAkB,UAAUA,MAAM,CAAA,EAAA;AAClC,UAAmBA,gBAAAA,GAAAA,MAAAA,CAAM,IAAMA,EAAAA,MAAAA,CAAM,EAAE,CAAA;AACvC,UAAA,gBAAA,CAAiBA,MAAK,CAAA;AAAA;AACxB;AACF,KACF;AAAA,IACA;AAAA,MACE,cAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAO,OAAA;AAAA,IACL,gBAAkB,EAAA,oBAAA;AAAA,IAClB;AAAA,GACF;AACF;;;;"}

package/esm/common-hooks/collectionProvider.js

@@ -1,20 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, cloneElement, useContext } from 'react';
-
-const CollectionContext = createContext(void 0);
-function CollectionProvider({
-  children,
-  collectionHook,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(CollectionContext.Provider, { value: collectionHook, children: Object.keys(props).length > 0 ? cloneElement(children, props) : children });
-}
-function useCollection() {
-  const collection = useContext(CollectionContext);
-  if (collection) {
-    return collection;
-  }
-}
-
-export { CollectionContext, CollectionProvider, useCollection };
-//# sourceMappingURL=collectionProvider.js.map

package/esm/common-hooks/collectionProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"collectionProvider.js","sources":["../../src/common-hooks/collectionProvider.tsx"],"sourcesContent":["import { cloneElement, createContext, ReactElement, useContext } from \"react\";\nimport { CollectionHookResult } from \"./collectionTypes\";\n\nexport interface collectionContext<T> {\n  collection: CollectionHookResult<T>;\n}\n\nexport const CollectionContext = createContext<\n  CollectionHookResult<any> | undefined\n>(undefined);\n\ninterface ContextProviderProps<Item> {\n  children: ReactElement;\n  collectionHook: CollectionHookResult<Item>;\n}\n\nexport function CollectionProvider<Item>({\n  children,\n  collectionHook,\n  ...props\n}: ContextProviderProps<Item>) {\n  return (\n    <CollectionContext.Provider value={collectionHook}>\n      {Object.keys(props).length > 0 ? cloneElement(children, props) : children}\n    </CollectionContext.Provider>\n  );\n}\n\nexport function useCollection<Item>(): CollectionHookResult<Item> | undefined {\n  const collection = useContext(CollectionContext);\n  if (collection) {\n    return collection as CollectionHookResult<Item>;\n  }\n}\n"],"names":[],"mappings":";;;AAOa,MAAA,iBAAA,GAAoB,cAE/B,KAAS,CAAA;AAOJ,SAAS,kBAAyB,CAAA;AAAA,EACvC,QAAA;AAAA,EACA,cAAA;AAAA,EACA,GAAG;AACL,CAA+B,EAAA;AAC7B,EAAA,2BACG,iBAAkB,CAAA,QAAA,EAAlB,EAA2B,KAAA,EAAO,gBAChC,QAAO,EAAA,MAAA,CAAA,IAAA,CAAK,KAAK,CAAA,CAAE,SAAS,CAAI,GAAA,YAAA,CAAa,QAAU,EAAA,KAAK,IAAI,QACnE,EAAA,CAAA;AAEJ;AAEO,SAAS,aAA8D,GAAA;AAC5E,EAAM,MAAA,UAAA,GAAa,WAAW,iBAAiB,CAAA;AAC/C,EAAA,IAAI,UAAY,EAAA;AACd,IAAO,OAAA,UAAA;AAAA;AAEX;;;;"}

package/esm/common-hooks/isPlainObject.js

@@ -1,4 +0,0 @@
-const isPlainObject = (obj) => Object.prototype.toString.call(obj) === "[object Object]";
-
-export { isPlainObject };
-//# sourceMappingURL=isPlainObject.js.map

package/esm/common-hooks/isPlainObject.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isPlainObject.js","sources":["../../src/common-hooks/isPlainObject.ts"],"sourcesContent":["export const isPlainObject = (obj: unknown) =>\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/common-hooks/itemToString.js

@@ -1,22 +0,0 @@
-import { isPlainObject } from './isPlainObject.js';
-
-function itemToString(item) {
-  if (typeof item === "string") {
-    return item;
-  } else if (!isPlainObject(item)) {
-    return String(item);
-  }
-  if (Object.prototype.hasOwnProperty.call(item, "label")) {
-    return String(item.label);
-  }
-  console.warn(
-    [
-      "itemToString: you've likely forgotten to set the label prop on the item object.",
-      "You can also provide your own `itemToString` implementation."
-    ].join("\n")
-  );
-  return "";
-}
-
-export { itemToString };
-//# sourceMappingURL=itemToString.js.map

package/esm/common-hooks/itemToString.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"itemToString.js","sources":["../../src/common-hooks/itemToString.ts"],"sourcesContent":["import { isPlainObject } from \"./isPlainObject\";\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type ItemToStringFunction = (item: any) => string;\n\nexport function itemToString(item: unknown): string {\n  if (typeof item === \"string\") {\n    return item;\n  } else if (!isPlainObject(item)) {\n    return String(item);\n  }\n\n  if (Object.prototype.hasOwnProperty.call(item, \"label\")) {\n    return String((item as { label?: string }).label);\n  }\n\n  console.warn(\n    [\n      \"itemToString: you've likely forgotten to set the label prop on the item object.\",\n      \"You can also provide your own `itemToString` implementation.\",\n    ].join(\"\\n\")\n  );\n\n  return \"\";\n}\n"],"names":[],"mappings":";;AAKO,SAAS,aAAa,IAAuB,EAAA;AAClD,EAAI,IAAA,OAAO,SAAS,QAAU,EAAA;AAC5B,IAAO,OAAA,IAAA;AAAA,GACE,MAAA,IAAA,CAAC,aAAc,CAAA,IAAI,CAAG,EAAA;AAC/B,IAAA,OAAO,OAAO,IAAI,CAAA;AAAA;AAGpB,EAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,IAAA,EAAM,OAAO,CAAG,EAAA;AACvD,IAAO,OAAA,MAAA,CAAQ,KAA4B,KAAK,CAAA;AAAA;AAGlD,EAAQ,OAAA,CAAA,IAAA;AAAA,IACN;AAAA,MACE,iFAAA;AAAA,MACA;AAAA,KACF,CAAE,KAAK,IAAI;AAAA,GACb;AAEA,EAAO,OAAA,EAAA;AACT;;;;"}