@vuu-ui/vuu-ui-controls 0.12.2 → 0.13.0

package/cjs/calendar/internal/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/calendar/internal/utils.ts"],"sourcesContent":["import {\n  DateFormatter,\n  type DateValue,\n  createCalendar,\n  getLocalTimeZone,\n  isSameMonth,\n  startOfMonth,\n  startOfWeek,\n  startOfYear,\n  today,\n} from \"@internationalized/date\";\n\nconst localTimezone = getLocalTimeZone();\n\nexport function getCurrentLocale() {\n  return navigator.languages[0];\n}\n\nexport function getDateFormatter(options?: Intl.DateTimeFormatOptions) {\n  return new DateFormatter(getCurrentLocale(), options);\n}\n\nexport function formatDate(\n  date: DateValue,\n  options?: Intl.DateTimeFormatOptions,\n) {\n  const formatter = getDateFormatter(options);\n  return formatter.format(date.toDate(localTimezone));\n}\n\nexport function getCalender() {\n  const calendarIdentifier = getDateFormatter().resolvedOptions().calendar;\n  return createCalendar(calendarIdentifier);\n}\n\ntype WeekdayFormat = Intl.DateTimeFormatOptions[\"weekday\"];\n\nexport function daysForLocale(weekday: WeekdayFormat = \"long\") {\n  return [...Array(7).keys()].map((day) =>\n    formatDate(\n      startOfWeek(today(getLocalTimeZone()), getCurrentLocale()).add({\n        days: day,\n      }),\n      { weekday },\n    ),\n  );\n}\n\nexport function monthsForLocale(currentYear: DateValue) {\n  const calendar = getCalender();\n  return [...Array(calendar.getMonthsInYear(currentYear)).keys()].map((month) =>\n    startOfYear(currentYear).add({ months: month }),\n  );\n}\n\nfunction mapDate(currentDate: DateValue, currentMonth: DateValue) {\n  return {\n    date: currentDate,\n    dateOfMonth: currentDate.month,\n    isCurrentMonth: isSameMonth(currentDate, currentMonth),\n  };\n}\n\nexport function generateVisibleDays(currentMonth: DateValue) {\n  const totalDays = 6 * 7;\n  const currentLocale = getCurrentLocale();\n  const startDate = startOfWeek(startOfMonth(currentMonth), currentLocale);\n\n  return [...Array(totalDays).keys()].map((dayDelta) => {\n    const day = startDate.add({ days: dayDelta });\n    return mapDate(day, currentMonth);\n  });\n}\n\nexport function monthDiff(a: DateValue, b: DateValue) {\n  return b.month - a.month + 12 * (b.year - a.year);\n}\n"],"names":["getLocalTimeZone","DateFormatter","createCalendar","startOfWeek","today","startOfYear","isSameMonth","startOfMonth"],"mappings":";;;;AAYA,MAAM,gBAAgBA,qBAAiB,EAAA;AAEhC,SAAS,gBAAmB,GAAA;AACjC,EAAO,OAAA,SAAA,CAAU,UAAU,CAAC,CAAA;AAC9B;AAEO,SAAS,iBAAiB,OAAsC,EAAA;AACrE,EAAA,OAAO,IAAIC,kBAAA,CAAc,gBAAiB,EAAA,EAAG,OAAO,CAAA;AACtD;AAEgB,SAAA,UAAA,CACd,MACA,OACA,EAAA;AACA,EAAM,MAAA,SAAA,GAAY,iBAAiB,OAAO,CAAA;AAC1C,EAAA,OAAO,SAAU,CAAA,MAAA,CAAO,IAAK,CAAA,MAAA,CAAO,aAAa,CAAC,CAAA;AACpD;AAEO,SAAS,WAAc,GAAA;AAC5B,EAAA,MAAM,kBAAqB,GAAA,gBAAA,EAAmB,CAAA,eAAA,EAAkB,CAAA,QAAA;AAChE,EAAA,OAAOC,oBAAe,kBAAkB,CAAA;AAC1C;AAIgB,SAAA,aAAA,CAAc,UAAyB,MAAQ,EAAA;AAC7D,EAAA,OAAO,CAAC,GAAG,KAAA,CAAM,CAAC,CAAE,CAAA,IAAA,EAAM,CAAE,CAAA,GAAA;AAAA,IAAI,CAAC,GAC/B,KAAA,UAAA;AAAA,MACEC,gBAAA,CAAYC,WAAMJ,qBAAiB,EAAC,GAAG,gBAAiB,EAAC,EAAE,GAAI,CAAA;AAAA,QAC7D,IAAM,EAAA;AAAA,OACP,CAAA;AAAA,MACD,EAAE,OAAQ;AAAA;AACZ,GACF;AACF;AAEO,SAAS,gBAAgB,WAAwB,EAAA;AACtD,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAO,OAAA,CAAC,GAAG,KAAA,CAAM,QAAS,CAAA,eAAA,CAAgB,WAAW,CAAC,CAAA,CAAE,IAAK,EAAC,CAAE,CAAA,GAAA;AAAA,IAAI,CAAC,UACnEK,gBAAY,CAAA,WAAW,EAAE,GAAI,CAAA,EAAE,MAAQ,EAAA,KAAA,EAAO;AAAA,GAChD;AACF;AAEA,SAAS,OAAA,CAAQ,aAAwB,YAAyB,EAAA;AAChE,EAAO,OAAA;AAAA,IACL,IAAM,EAAA,WAAA;AAAA,IACN,aAAa,WAAY,CAAA,KAAA;AAAA,IACzB,cAAA,EAAgBC,gBAAY,CAAA,WAAA,EAAa,YAAY;AAAA,GACvD;AACF;AAEO,SAAS,oBAAoB,YAAyB,EAAA;AAC3D,EAAA,MAAM,YAAY,CAAI,GAAA,CAAA;AACtB,EAAA,MAAM,gBAAgB,gBAAiB,EAAA;AACvC,EAAA,MAAM,SAAY,GAAAH,gBAAA,CAAYI,iBAAa,CAAA,YAAY,GAAG,aAAa,CAAA;AAEvE,EAAO,OAAA,CAAC,GAAG,KAAA,CAAM,SAAS,CAAA,CAAE,MAAM,CAAA,CAAE,GAAI,CAAA,CAAC,QAAa,KAAA;AACpD,IAAA,MAAM,MAAM,SAAU,CAAA,GAAA,CAAI,EAAE,IAAA,EAAM,UAAU,CAAA;AAC5C,IAAO,OAAA,OAAA,CAAQ,KAAK,YAAY,CAAA;AAAA,GACjC,CAAA;AACH;AAEgB,SAAA,SAAA,CAAU,GAAc,CAAc,EAAA;AACpD,EAAA,OAAO,EAAE,KAAQ,GAAA,CAAA,CAAE,QAAQ,EAAM,IAAA,CAAA,CAAE,OAAO,CAAE,CAAA,IAAA,CAAA;AAC9C;;;;;;;;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../src/calendar/internal/utils.ts"],"sourcesContent":["import {\n  CalendarIdentifier,\n  DateFormatter,\n  type DateValue,\n  createCalendar,\n  getLocalTimeZone,\n  isSameMonth,\n  startOfMonth,\n  startOfWeek,\n  startOfYear,\n  today,\n} from \"@internationalized/date\";\n\nconst localTimezone = getLocalTimeZone();\n\nexport function getCurrentLocale() {\n  return navigator.languages[0];\n}\n\nexport function getDateFormatter(options?: Intl.DateTimeFormatOptions) {\n  return new DateFormatter(getCurrentLocale(), options);\n}\n\nexport function formatDate(\n  date: DateValue,\n  options?: Intl.DateTimeFormatOptions,\n) {\n  const formatter = getDateFormatter(options);\n  return formatter.format(date.toDate(localTimezone));\n}\n\nexport function getCalender() {\n  const calendarIdentifier = getDateFormatter().resolvedOptions()\n    .calendar as CalendarIdentifier;\n  return createCalendar(calendarIdentifier);\n}\n\ntype WeekdayFormat = Intl.DateTimeFormatOptions[\"weekday\"];\n\nexport function daysForLocale(weekday: WeekdayFormat = \"long\") {\n  return [...Array(7).keys()].map((day) =>\n    formatDate(\n      startOfWeek(today(getLocalTimeZone()), getCurrentLocale()).add({\n        days: day,\n      }),\n      { weekday },\n    ),\n  );\n}\n\nexport function monthsForLocale(currentYear: DateValue) {\n  const calendar = getCalender();\n  return [...Array(calendar.getMonthsInYear(currentYear)).keys()].map((month) =>\n    startOfYear(currentYear).add({ months: month }),\n  );\n}\n\nfunction mapDate(currentDate: DateValue, currentMonth: DateValue) {\n  return {\n    date: currentDate,\n    dateOfMonth: currentDate.month,\n    isCurrentMonth: isSameMonth(currentDate, currentMonth),\n  };\n}\n\nexport function generateVisibleDays(currentMonth: DateValue) {\n  const totalDays = 6 * 7;\n  const currentLocale = getCurrentLocale();\n  const startDate = startOfWeek(startOfMonth(currentMonth), currentLocale);\n\n  return [...Array(totalDays).keys()].map((dayDelta) => {\n    const day = startDate.add({ days: dayDelta });\n    return mapDate(day, currentMonth);\n  });\n}\n\nexport function monthDiff(a: DateValue, b: DateValue) {\n  return b.month - a.month + 12 * (b.year - a.year);\n}\n"],"names":["getLocalTimeZone","DateFormatter","createCalendar","startOfWeek","today","startOfYear","isSameMonth","startOfMonth"],"mappings":";;;;AAaA,MAAM,gBAAgBA,qBAAiB,EAAA;AAEhC,SAAS,gBAAmB,GAAA;AACjC,EAAO,OAAA,SAAA,CAAU,UAAU,CAAC,CAAA;AAC9B;AAEO,SAAS,iBAAiB,OAAsC,EAAA;AACrE,EAAA,OAAO,IAAIC,kBAAA,CAAc,gBAAiB,EAAA,EAAG,OAAO,CAAA;AACtD;AAEgB,SAAA,UAAA,CACd,MACA,OACA,EAAA;AACA,EAAM,MAAA,SAAA,GAAY,iBAAiB,OAAO,CAAA;AAC1C,EAAA,OAAO,SAAU,CAAA,MAAA,CAAO,IAAK,CAAA,MAAA,CAAO,aAAa,CAAC,CAAA;AACpD;AAEO,SAAS,WAAc,GAAA;AAC5B,EAAA,MAAM,kBAAqB,GAAA,gBAAA,EAAmB,CAAA,eAAA,EAC3C,CAAA,QAAA;AACH,EAAA,OAAOC,oBAAe,kBAAkB,CAAA;AAC1C;AAIgB,SAAA,aAAA,CAAc,UAAyB,MAAQ,EAAA;AAC7D,EAAA,OAAO,CAAC,GAAG,KAAA,CAAM,CAAC,CAAE,CAAA,IAAA,EAAM,CAAE,CAAA,GAAA;AAAA,IAAI,CAAC,GAC/B,KAAA,UAAA;AAAA,MACEC,gBAAA,CAAYC,WAAMJ,qBAAiB,EAAC,GAAG,gBAAiB,EAAC,EAAE,GAAI,CAAA;AAAA,QAC7D,IAAM,EAAA;AAAA,OACP,CAAA;AAAA,MACD,EAAE,OAAQ;AAAA;AACZ,GACF;AACF;AAEO,SAAS,gBAAgB,WAAwB,EAAA;AACtD,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAO,OAAA,CAAC,GAAG,KAAA,CAAM,QAAS,CAAA,eAAA,CAAgB,WAAW,CAAC,CAAA,CAAE,IAAK,EAAC,CAAE,CAAA,GAAA;AAAA,IAAI,CAAC,UACnEK,gBAAY,CAAA,WAAW,EAAE,GAAI,CAAA,EAAE,MAAQ,EAAA,KAAA,EAAO;AAAA,GAChD;AACF;AAEA,SAAS,OAAA,CAAQ,aAAwB,YAAyB,EAAA;AAChE,EAAO,OAAA;AAAA,IACL,IAAM,EAAA,WAAA;AAAA,IACN,aAAa,WAAY,CAAA,KAAA;AAAA,IACzB,cAAA,EAAgBC,gBAAY,CAAA,WAAA,EAAa,YAAY;AAAA,GACvD;AACF;AAEO,SAAS,oBAAoB,YAAyB,EAAA;AAC3D,EAAA,MAAM,YAAY,CAAI,GAAA,CAAA;AACtB,EAAA,MAAM,gBAAgB,gBAAiB,EAAA;AACvC,EAAA,MAAM,SAAY,GAAAH,gBAAA,CAAYI,iBAAa,CAAA,YAAY,GAAG,aAAa,CAAA;AAEvE,EAAO,OAAA,CAAC,GAAG,KAAA,CAAM,SAAS,CAAA,CAAE,MAAM,CAAA,CAAE,GAAI,CAAA,CAAC,QAAa,KAAA;AACpD,IAAA,MAAM,MAAM,SAAU,CAAA,GAAA,CAAI,EAAE,IAAA,EAAM,UAAU,CAAA;AAC5C,IAAO,OAAA,OAAA,CAAQ,KAAK,YAAY,CAAA;AAAA,GACjC,CAAA;AACH;AAEgB,SAAA,SAAA,CAAU,GAAc,CAAc,EAAA;AACpD,EAAA,OAAO,EAAE,KAAQ,GAAA,CAAA,CAAE,QAAQ,EAAM,IAAA,CAAA,CAAE,OAAO,CAAE,CAAA,IAAA,CAAA;AAC9C;;;;;;;;;;;"}

package/cjs/calendar/useCalendarDay.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCalendarDay.js","sources":["../../src/calendar/useCalendarDay.ts"],"sourcesContent":["import {\n  type DateValue,\n  getLocalTimeZone,\n  isSameDay,\n  isSameMonth,\n  isToday,\n} from \"@internationalized/date\";\nimport {\n  type ComponentPropsWithoutRef,\n  type FocusEventHandler,\n  type KeyboardEventHandler,\n  type MouseEventHandler,\n  type RefObject,\n  useEffect,\n} from \"react\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\nimport { useFocusManagement } from \"./internal/useFocusManagement\";\nimport { useSelectionDay } from \"./useSelection\";\n\nexport interface DayStatus {\n  outOfRange?: boolean;\n  selected?: boolean;\n  today?: boolean;\n  unselectable?: string | false;\n  highlighted?: string | false;\n  focused?: boolean;\n  disabled?: boolean;\n  hidden?: boolean;\n}\n\nexport interface useCalendarDayProps {\n  date: DateValue;\n  month: DateValue;\n}\n\nexport function useCalendarDay(\n  { date, month }: useCalendarDayProps,\n  ref: RefObject<HTMLElement>,\n) {\n  const {\n    state: { focusedDate, hideOutOfRangeDates, calendarFocused },\n    helpers: {\n      isDayUnselectable,\n      isDayHighlighted,\n      isDayDisabled,\n      isOutsideAllowedMonths,\n    },\n  } = useCalendarContext();\n  const selectionManager = useSelectionDay({ date });\n  const focusManager = useFocusManagement({ date });\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    selectionManager?.handleClick(event);\n    focusManager.handleClick(event);\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLButtonElement> = (event) => {\n    focusManager.handleKeyDown(event);\n    selectionManager?.handleKeyDown(event);\n  };\n\n  const handleFocus: FocusEventHandler<HTMLButtonElement> = (event) => {\n    focusManager.handleFocus(event);\n  };\n\n  const handleMouseOver: MouseEventHandler<HTMLButtonElement> = (event) => {\n    selectionManager.handleMouseOver?.(event);\n  };\n\n  const eventHandlers = {\n    onClick: handleClick,\n    onKeyDown: handleKeyDown,\n    onFocus: handleFocus,\n    onMouseOver: handleMouseOver,\n  };\n\n  const outOfRange = !isSameMonth(date, month);\n  const focused =\n    isSameDay(date, focusedDate) && calendarFocused && !outOfRange;\n  const tabIndex = isSameDay(date, focusedDate) && !outOfRange ? 0 : -1;\n  const today = isToday(date, getLocalTimeZone());\n\n  const unselectableReason = isDayUnselectable(date);\n  const highlightedReason = isDayHighlighted(date);\n\n  const disabled =\n    isDayDisabled(date) || (outOfRange && isOutsideAllowedMonths(date));\n  const unselectable = Boolean(unselectableReason);\n  const highlighted = Boolean(highlightedReason);\n  const hidden = hideOutOfRangeDates && outOfRange;\n\n  useEffect(() => {\n    if (focused) {\n      ref.current?.focus({ preventScroll: true });\n    }\n  }, [ref, focused]);\n\n  return {\n    status: {\n      outOfRange,\n      today,\n      unselectable,\n      focused,\n      hidden,\n      disabled,\n      highlighted,\n      ...selectionManager.status,\n    } as DayStatus,\n    dayProps: {\n      tabIndex,\n      \"aria-current\": today ? \"date\" : undefined,\n      \"aria-hidden\": hidden ? \"true\" : undefined,\n      ...eventHandlers,\n      ...selectionManager.dayProps,\n    } as ComponentPropsWithoutRef<\"button\">,\n    unselectableReason,\n    highlightedReason,\n  };\n}\n"],"names":["date","useCalendarContext","useSelectionDay","useFocusManagement","isSameMonth","isSameDay","isToday","getLocalTimeZone","useEffect"],"mappings":"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"}
+{"version":3,"file":"useCalendarDay.js","sources":["../../src/calendar/useCalendarDay.ts"],"sourcesContent":["import {\n  type DateValue,\n  getLocalTimeZone,\n  isSameDay,\n  isSameMonth,\n  isToday,\n} from \"@internationalized/date\";\nimport {\n  type ComponentPropsWithoutRef,\n  type FocusEventHandler,\n  type KeyboardEventHandler,\n  type MouseEventHandler,\n  type RefObject,\n  useEffect,\n} from \"react\";\nimport { useCalendarContext } from \"./internal/CalendarContext\";\nimport { useFocusManagement } from \"./internal/useFocusManagement\";\nimport { useSelectionDay } from \"./useSelection\";\n\nexport interface DayStatus {\n  outOfRange?: boolean;\n  selected?: boolean;\n  today?: boolean;\n  unselectable?: string | false;\n  highlighted?: string | false;\n  focused?: boolean;\n  disabled?: boolean;\n  hidden?: boolean;\n}\n\nexport interface useCalendarDayProps {\n  date: DateValue;\n  month: DateValue;\n}\n\nexport function useCalendarDay(\n  { date, month }: useCalendarDayProps,\n  ref: RefObject<HTMLElement | null>,\n) {\n  const {\n    state: { focusedDate, hideOutOfRangeDates, calendarFocused },\n    helpers: {\n      isDayUnselectable,\n      isDayHighlighted,\n      isDayDisabled,\n      isOutsideAllowedMonths,\n    },\n  } = useCalendarContext();\n  const selectionManager = useSelectionDay({ date });\n  const focusManager = useFocusManagement({ date });\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    selectionManager?.handleClick(event);\n    focusManager.handleClick(event);\n  };\n\n  const handleKeyDown: KeyboardEventHandler<HTMLButtonElement> = (event) => {\n    focusManager.handleKeyDown(event);\n    selectionManager?.handleKeyDown(event);\n  };\n\n  const handleFocus: FocusEventHandler<HTMLButtonElement> = (event) => {\n    focusManager.handleFocus(event);\n  };\n\n  const handleMouseOver: MouseEventHandler<HTMLButtonElement> = (event) => {\n    selectionManager.handleMouseOver?.(event);\n  };\n\n  const eventHandlers = {\n    onClick: handleClick,\n    onKeyDown: handleKeyDown,\n    onFocus: handleFocus,\n    onMouseOver: handleMouseOver,\n  };\n\n  const outOfRange = !isSameMonth(date, month);\n  const focused =\n    isSameDay(date, focusedDate) && calendarFocused && !outOfRange;\n  const tabIndex = isSameDay(date, focusedDate) && !outOfRange ? 0 : -1;\n  const today = isToday(date, getLocalTimeZone());\n\n  const unselectableReason = isDayUnselectable(date);\n  const highlightedReason = isDayHighlighted(date);\n\n  const disabled =\n    isDayDisabled(date) || (outOfRange && isOutsideAllowedMonths(date));\n  const unselectable = Boolean(unselectableReason);\n  const highlighted = Boolean(highlightedReason);\n  const hidden = hideOutOfRangeDates && outOfRange;\n\n  useEffect(() => {\n    if (focused) {\n      ref.current?.focus({ preventScroll: true });\n    }\n  }, [ref, focused]);\n\n  return {\n    status: {\n      outOfRange,\n      today,\n      unselectable,\n      focused,\n      hidden,\n      disabled,\n      highlighted,\n      ...selectionManager.status,\n    } as DayStatus,\n    dayProps: {\n      tabIndex,\n      \"aria-current\": today ? \"date\" : undefined,\n      \"aria-hidden\": hidden ? \"true\" : undefined,\n      ...eventHandlers,\n      ...selectionManager.dayProps,\n    } as ComponentPropsWithoutRef<\"button\">,\n    unselectableReason,\n    highlightedReason,\n  };\n}\n"],"names":["date","useCalendarContext","useSelectionDay","useFocusManagement","isSameMonth","isSameDay","isToday","getLocalTimeZone","useEffect"],"mappings":"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"}

package/cjs/common-hooks/selectionTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectionTypes.js","sources":["../../src/common-hooks/selectionTypes.ts"],"sourcesContent":["import { MouseEventHandler, RefObject, SyntheticEvent } from \"react\";\n\nexport type SelectionDisallowed = \"none\";\nexport type SingleSelectionStrategy = \"default\" | \"deselectable\";\nexport type MultiSelectionStrategy =\n  | \"multiple\"\n  | \"extended\"\n  | \"extended-multi-range\";\n\n/**\n * SpecialKeyMultiple works as deselectable unless a special key\n * (default SHIFT) is also pressed, then it allows multiple selection.\n * Useful for column sorting, filters etc\n */\nexport type SpecialKeyMultipleSelection = \"multiple-special-key\";\n\nexport type SelectionStrategy =\n  | SelectionDisallowed\n  | SingleSelectionStrategy\n  | MultiSelectionStrategy;\n\nexport const isSingleSelection = (\n  s?: SelectionStrategy\n): s is SingleSelectionStrategy =>\n  s === undefined || s === \"default\" || s === \"deselectable\";\n\nexport const isMultiSelection = (\n  s?: SelectionStrategy\n): s is MultiSelectionStrategy =>\n  s === \"multiple\" || s?.startsWith(\"extended\") === true;\n\nexport type SelectHandler<Item = string> = (\n  event: SyntheticEvent,\n  selectedItem: Item\n) => void;\n\nexport const selectionIsDisallowed = (\n  selection?: SelectionStrategy | SpecialKeyMultipleSelection\n): selection is SelectionDisallowed => selection === \"none\";\n\nexport const allowMultipleSelection = (\n  selectionStrategy: SelectionStrategy | SpecialKeyMultipleSelection,\n  specialKey = false\n) =>\n  selectionStrategy === \"multiple\" ||\n  (selectionStrategy === \"multiple-special-key\" && specialKey);\n\nexport const deselectionIsAllowed = (\n  selection?: SelectionStrategy | SpecialKeyMultipleSelection\n): selection is \"deselectable\" | MultiSelectionStrategy =>\n  selection !== \"none\" && selection !== \"default\";\n\nexport const hasSelection = <Item = unknown>(selected?: Item[]) =>\n  selected !== undefined && selected.length > 0;\n\nexport const getFirstSelectedItem = <Item = unknown>(selected: Item[]) =>\n  selected[0];\n\ninterface SelectionProps {\n  defaultSelected?: string[];\n  onSelect?: SelectHandler;\n  onSelectionChange?: MultiSelectionHandler;\n  selected?: string[];\n  selectionStrategy?: SelectionStrategy;\n}\n\nexport interface ListHandlers {\n  onClick?: (event: React.MouseEvent) => void;\n  onKeyDown?: (event: React.KeyboardEvent) => void;\n  onKeyboardNavigation?: (\n    event: React.KeyboardEvent,\n    currentIndex: number\n  ) => void;\n  onMouseMove?: (event: React.MouseEvent) => void;\n}\nexport interface SelectionHookProps extends SelectionProps {\n  containerRef: RefObject<HTMLElement>;\n  disableSelection?: boolean;\n  highlightedIndex: number;\n  itemQuery: string;\n  label?: string;\n  onClick?: MouseEventHandler;\n  selectionKeys?: string[];\n  tabToSelect?: boolean;\n}\n\nexport interface SelectionHookResult {\n  listHandlers: ListHandlers;\n  selected: string[];\n  setSelected: (selected: string[]) => void;\n}\n\n/**\n * evt is only null in the special case of a selection fired from a multi-select\n * host on tab or selection based on freeform text in combobox\n */\nexport type MultiSelectionHandler<Item = string> = (\n  event: SyntheticEvent | null,\n  selected: Item[]\n) => void;\n/**\n * evt is only null in the special case of freeform text in combobox\n */\nexport type SingleSelectionHandler<Item = string> = (\n  event: SyntheticEvent | null,\n  selected: Item\n) => void;\n\nexport type SelectionType<\n  I,\n  S extends SelectionStrategy\n> = S extends MultiSelectionStrategy ? I[] : I | null;\n\nexport interface ComponentSelectionProps<\n  Item = string,\n  S extends SelectionStrategy = \"default\"\n> {\n  defaultSelected?: S extends MultiSelectionStrategy ? Item[] : Item;\n  onSelect?: SelectHandler<Item>;\n  onSelectionChange?: S extends MultiSelectionStrategy\n    ? MultiSelectionHandler<Item>\n    : SingleSelectionHandler<Item>;\n  selected?: SelectionType<Item, S>;\n  selectionStrategy?: S;\n  /**\n   * The keyboard keys used to effect selection, defaults to SPACE and ENTER\n   * TODO maybe this belongs on the SelectionProps interface ?\n   */\n  selectionKeys?: string[];\n}\n"],"names":[],"mappings":";;AAqBO,MAAM,oBAAoB,CAC/B,CAAA,KAEA,MAAM,KAAa,CAAA,IAAA,CAAA,KAAM,aAAa,CAAM,KAAA;AAEjC,MAAA,gBAAA,GAAmB,CAC9B,CAEA,KAAA,CAAA,KAAM,cAAc,CAAG,EAAA,UAAA,CAAW,UAAU,CAAM,KAAA;AAOvC,MAAA,qBAAA,GAAwB,CACnC,SAAA,KACqC,SAAc,KAAA;AAExC,MAAA,sBAAA,GAAyB,CACpC,iBACA,EAAA,UAAA,GAAa,UAEb,iBAAsB,KAAA,UAAA,IACrB,sBAAsB,sBAA0B,IAAA;AAE5C,MAAM,oBAAuB,GAAA,CAClC,SAEA,KAAA,SAAA,KAAc,UAAU,SAAc,KAAA;AAEjC,MAAM,eAAe,CAAiB,QAAA,KAC3C,QAAa,KAAA,KAAA,CAAA,IAAa,SAAS,MAAS,GAAA;AAEvC,MAAM,oBAAuB,GAAA,CAAiB,QACnD,KAAA,QAAA,CAAS,CAAC;;;;;;;;;;"}
+{"version":3,"file":"selectionTypes.js","sources":["../../src/common-hooks/selectionTypes.ts"],"sourcesContent":["import { MouseEventHandler, RefObject, SyntheticEvent } from \"react\";\n\nexport type SelectionDisallowed = \"none\";\nexport type SingleSelectionStrategy = \"default\" | \"deselectable\";\nexport type MultiSelectionStrategy =\n  | \"multiple\"\n  | \"extended\"\n  | \"extended-multi-range\";\n\n/**\n * SpecialKeyMultiple works as deselectable unless a special key\n * (default SHIFT) is also pressed, then it allows multiple selection.\n * Useful for column sorting, filters etc\n */\nexport type SpecialKeyMultipleSelection = \"multiple-special-key\";\n\nexport type SelectionStrategy =\n  | SelectionDisallowed\n  | SingleSelectionStrategy\n  | MultiSelectionStrategy;\n\nexport const isSingleSelection = (\n  s?: SelectionStrategy,\n): s is SingleSelectionStrategy =>\n  s === undefined || s === \"default\" || s === \"deselectable\";\n\nexport const isMultiSelection = (\n  s?: SelectionStrategy,\n): s is MultiSelectionStrategy =>\n  s === \"multiple\" || s?.startsWith(\"extended\") === true;\n\nexport type SelectHandler<Item = string> = (\n  event: SyntheticEvent,\n  selectedItem: Item,\n) => void;\n\nexport const selectionIsDisallowed = (\n  selection?: SelectionStrategy | SpecialKeyMultipleSelection,\n): selection is SelectionDisallowed => selection === \"none\";\n\nexport const allowMultipleSelection = (\n  selectionStrategy: SelectionStrategy | SpecialKeyMultipleSelection,\n  specialKey = false,\n) =>\n  selectionStrategy === \"multiple\" ||\n  (selectionStrategy === \"multiple-special-key\" && specialKey);\n\nexport const deselectionIsAllowed = (\n  selection?: SelectionStrategy | SpecialKeyMultipleSelection,\n): selection is \"deselectable\" | MultiSelectionStrategy =>\n  selection !== \"none\" && selection !== \"default\";\n\nexport const hasSelection = <Item = unknown>(selected?: Item[]) =>\n  selected !== undefined && selected.length > 0;\n\nexport const getFirstSelectedItem = <Item = unknown>(selected: Item[]) =>\n  selected[0];\n\ninterface SelectionProps {\n  defaultSelected?: string[];\n  onSelect?: SelectHandler;\n  onSelectionChange?: MultiSelectionHandler;\n  selected?: string[];\n  selectionStrategy?: SelectionStrategy;\n}\n\nexport interface ListHandlers {\n  onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n  onKeyDown?: (event: React.KeyboardEvent<HTMLElement>) => void;\n  onKeyboardNavigation?: (\n    event: React.KeyboardEvent,\n    currentIndex: number,\n  ) => void;\n  onMouseMove?: (event: React.MouseEvent) => void;\n}\nexport interface SelectionHookProps extends SelectionProps {\n  containerRef: RefObject<HTMLElement | null>;\n  disableSelection?: boolean;\n  highlightedIndex: number;\n  itemQuery: string;\n  label?: string;\n  onClick?: MouseEventHandler;\n  selectionKeys?: string[];\n  tabToSelect?: boolean;\n}\n\nexport interface SelectionHookResult {\n  listHandlers: ListHandlers;\n  selected: string[];\n  setSelected: (selected: string[]) => void;\n}\n\n/**\n * evt is only null in the special case of a selection fired from a multi-select\n * host on tab or selection based on freeform text in combobox\n */\nexport type MultiSelectionHandler<Item = string> = (\n  event: SyntheticEvent | null,\n  selected: Item[],\n) => void;\n/**\n * evt is only null in the special case of freeform text in combobox\n */\nexport type SingleSelectionHandler<Item = string> = (\n  event: SyntheticEvent | null,\n  selected: Item,\n) => void;\n\nexport type SelectionType<\n  I,\n  S extends SelectionStrategy,\n> = S extends MultiSelectionStrategy ? I[] : I | null;\n\nexport interface ComponentSelectionProps<\n  Item = string,\n  S extends SelectionStrategy = \"default\",\n> {\n  defaultSelected?: S extends MultiSelectionStrategy ? Item[] : Item;\n  onSelect?: SelectHandler<Item>;\n  onSelectionChange?: S extends MultiSelectionStrategy\n    ? MultiSelectionHandler<Item>\n    : SingleSelectionHandler<Item>;\n  selected?: SelectionType<Item, S>;\n  selectionStrategy?: S;\n  /**\n   * The keyboard keys used to effect selection, defaults to SPACE and ENTER\n   * TODO maybe this belongs on the SelectionProps interface ?\n   */\n  selectionKeys?: string[];\n}\n"],"names":[],"mappings":";;AAqBO,MAAM,oBAAoB,CAC/B,CAAA,KAEA,MAAM,KAAa,CAAA,IAAA,CAAA,KAAM,aAAa,CAAM,KAAA;AAEjC,MAAA,gBAAA,GAAmB,CAC9B,CAEA,KAAA,CAAA,KAAM,cAAc,CAAG,EAAA,UAAA,CAAW,UAAU,CAAM,KAAA;AAOvC,MAAA,qBAAA,GAAwB,CACnC,SAAA,KACqC,SAAc,KAAA;AAExC,MAAA,sBAAA,GAAyB,CACpC,iBACA,EAAA,UAAA,GAAa,UAEb,iBAAsB,KAAA,UAAA,IACrB,sBAAsB,sBAA0B,IAAA;AAE5C,MAAM,oBAAuB,GAAA,CAClC,SAEA,KAAA,SAAA,KAAc,UAAU,SAAc,KAAA;AAEjC,MAAM,eAAe,CAAiB,QAAA,KAC3C,QAAa,KAAA,KAAA,CAAA,IAAa,SAAS,MAAS,GAAA;AAEvC,MAAM,oBAAuB,GAAA,CAAiB,QACnD,KAAA,QAAA,CAAS,CAAC;;;;;;;;;;"}

package/cjs/date-input/DateInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.js","sources":["../../src/date-input/DateInput.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ChangeEvent,\n  type ComponentPropsWithoutRef,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  type RefObject,\n  type SyntheticEvent,\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  CalendarDate,\n  DateFormatter,\n  type DateValue,\n  getLocalTimeZone,\n  parseAbsoluteToLocal,\n} from \"@internationalized/date\";\nimport {\n  StatusAdornment,\n  makePrefixer,\n  useForkRef,\n  useFormFieldProps,\n  useId,\n} from \"@salt-ds/core\";\nimport {\n  type RangeSelectionValueType,\n  type SingleSelectionValueType,\n  isRangeOrOffsetSelectionWithStartDate,\n} from \"../calendar\";\nimport { useDatePickerContext } from \"../date-picker/DatePickerContext\";\nimport dateInputCss from \"./DateInput.css\";\n\nconst withBaseName = makePrefixer(\"saltDateInput\");\nconst isInvalidDate = (value: string) =>\n  value && Number.isNaN(new Date(value).getDay());\nconst createDate = (date: string): Date | null => {\n  if (!date || isInvalidDate(date)) {\n    return null;\n  }\n  return new Date(date);\n};\n\nconst getIsoDate = (date: Date) => {\n  try {\n    return parseAbsoluteToLocal(date?.toISOString());\n  } catch (err) {\n    return undefined;\n  }\n};\n\nfunction getCalendarDate(inputDate: string) {\n  const date = createDate(inputDate);\n  if (!date) return undefined;\n  const isoDate = getIsoDate(date);\n  return isoDate && new CalendarDate(isoDate.year, isoDate.month, isoDate.day);\n}\n\nconst defaultDateFormatter = (date: DateValue | undefined): string => {\n  return date\n    ? new DateFormatter(\"EN-GB\", {\n        day: \"2-digit\",\n        month: \"short\",\n        year: \"numeric\",\n      }).format(date.toDate(getLocalTimeZone()))\n    : \"\";\n};\n\nexport interface DateInputProps<SelectionVariantType>\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\" | \"onChange\">,\n    Pick<ComponentPropsWithoutRef<\"input\">, \"disabled\" | \"placeholder\"> {\n  ariaLabel?: string;\n  /**\n   * The marker to use in an empty read only DateInput.\n   * Use `''` to disable this feature. Defaults to '—'.\n   */\n  emptyReadOnlyMarker?: string;\n  /**\n   * End adornment component\n   */\n  endAdornment?: ReactNode;\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes) applied to the `input` elements.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * If `true`, the component is read only.\n   */\n  readOnly?: boolean;\n  /**\n   * Validation status.\n   */\n  validationStatus?: \"error\" | \"warning\" | \"success\";\n  /**\n   * Styling variant. Defaults to \"primary\".\n   */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   * Styling variant with full border. Defaults to false\n   */\n  bordered?: boolean;\n  /**\n   * Function to format the input value.\n   */\n  dateFormatter?: (input: DateValue | undefined) => string;\n  /**\n   * Reference for the startInput;\n   */\n  startInputRef?: RefObject<HTMLInputElement>;\n  /**\n   * Reference for the endInput;\n   */\n  endInputRef?: RefObject<HTMLInputElement>;\n  /**\n   * Selection variant. Defaults to single select.\n   */\n  selectionVariant?: \"default\" | \"range\";\n  /**\n   * Callback fired when the selected date change.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate?: SelectionVariantType,\n  ) => void;\n  /**\n   * Callback fired when the input value change.\n   */\n  onChange?: SelectionVariantType extends SingleSelectionValueType\n    ? (\n        event: ChangeEvent<HTMLInputElement>,\n        selectedDateInputValue?: string,\n      ) => void\n    : (\n        event: ChangeEvent<HTMLInputElement>,\n        startDateInputValue?: string,\n        endDateInputValue?: string,\n      ) => void;\n}\n\nexport const DateInput = forwardRef<\n  HTMLDivElement,\n  DateInputProps<SingleSelectionValueType | RangeSelectionValueType>\n>(function DateInput(\n  {\n    className,\n    disabled,\n    \"aria-label\": ariaLabel,\n    selectionVariant: selectionVariantProp,\n    emptyReadOnlyMarker = \"—\",\n    inputProps = {},\n    endAdornment,\n    readOnly: readOnlyProp,\n    validationStatus: validationStatusProp,\n    variant = \"primary\",\n    bordered = false,\n    dateFormatter = defaultDateFormatter,\n    placeholder = \"dd mmm yyyy\",\n    startInputRef,\n    endInputRef,\n    onSelectionChange,\n    onChange,\n    ...rest\n  },\n  ref,\n) {\n  const wrapperRef = useRef(null);\n  const inputRef = useForkRef<HTMLDivElement>(ref, wrapperRef);\n  const inputStringFormatter = (input: string): string => {\n    const date = getCalendarDate(input);\n    return !input || !date ? input : dateFormatter(date);\n  };\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-dateInput\",\n    css: dateInputCss,\n    window: targetWindow,\n  });\n\n  const {\n    selectedDate,\n    setSelectedDate,\n    selectionVariant: pickerSelectionVariant,\n    openState,\n    setOpen,\n  } = useDatePickerContext();\n\n  const selectionVariant = selectionVariantProp ?? pickerSelectionVariant;\n  const isRangePicker =\n    isRangeOrOffsetSelectionWithStartDate(selectedDate) ||\n    selectionVariant === \"range\";\n\n  const endDateInputID = useId();\n  const startDateInputID = useId();\n\n  const [focused, setFocused] = useState(false);\n  const [startDateStringValue, setStartDateStringValue] = useState<string>(\n    dateFormatter(\n      isRangeOrOffsetSelectionWithStartDate(selectedDate)\n        ? selectedDate?.startDate\n        : selectedDate,\n    ),\n  );\n  const [endDateStringValue, setEndDateStringValue] = useState<string>(\n    dateFormatter(\n      isRangeOrOffsetSelectionWithStartDate(selectedDate)\n        ? selectedDate?.endDate\n        : undefined,\n    ),\n  );\n\n  const {\n    a11yProps: {\n      \"aria-describedby\": formFieldDescribedBy,\n      \"aria-labelledby\": formFieldLabelledBy,\n    } = {},\n    disabled: formFieldDisabled,\n    readOnly: formFieldReadOnly,\n    necessity: formFieldRequired,\n    validationStatus: formFieldValidationStatus,\n  } = useFormFieldProps();\n\n  const isReadOnly = readOnlyProp || formFieldReadOnly;\n  const isDisabled = disabled || formFieldDisabled;\n\n  const validationStatus = formFieldValidationStatus ?? validationStatusProp;\n\n  const {\n    \"aria-describedby\": dateInputDescribedBy,\n    \"aria-labelledby\": dateInputLabelledBy,\n    onBlur,\n    onKeyDown,\n    onFocus,\n    required: dateInputPropsRequired,\n    ...restDateInputProps\n  } = inputProps;\n\n  // Update date strings when dates change\n  useEffect(() => {\n    if (isRangeOrOffsetSelectionWithStartDate(selectedDate)) {\n      selectedDate?.startDate &&\n        setStartDateStringValue(dateFormatter(selectedDate?.startDate));\n      selectedDate?.endDate &&\n        setEndDateStringValue(dateFormatter(selectedDate?.endDate));\n    } else {\n      setStartDateStringValue(dateFormatter(selectedDate));\n    }\n  }, [selectedDate, dateFormatter]);\n\n  const isRequired = formFieldRequired\n    ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n    : dateInputPropsRequired;\n  const updateStartDate = (event: SyntheticEvent, dateString: string) => {\n    const inputDate = inputStringFormatter(dateString);\n    const calendarDate = getCalendarDate(inputDate);\n    const newSelectedDate = isRangePicker\n      ? { ...selectedDate, startDate: calendarDate }\n      : calendarDate;\n    setSelectedDate(newSelectedDate);\n    onSelectionChange?.(event, newSelectedDate);\n  };\n\n  const updateEndDate = (event: SyntheticEvent, dateString: string) => {\n    const inputDate = inputStringFormatter(dateString);\n    const calendarDate = getCalendarDate(inputDate);\n    const newSelectedDate = { ...selectedDate, endDate: calendarDate };\n    setSelectedDate(newSelectedDate);\n    onSelectionChange?.(event, newSelectedDate);\n  };\n\n  // Handlers\n  const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n    onFocus?.(event);\n    setFocused(true);\n  };\n  const handleStartDateBlur = (event: FocusEvent<HTMLInputElement>) => {\n    updateStartDate(event, event.target.value);\n    setFocused(false);\n  };\n\n  const handleStartDateChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const newStartValue = event.target.value;\n    setStartDateStringValue(newStartValue);\n    onChange?.(event, newStartValue, endDateStringValue);\n  };\n\n  const handleStartDateKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === \"Enter\") {\n      updateStartDate(event, startDateStringValue);\n      setOpen(false);\n    }\n    if (event.key === \"Tab\" && event.shiftKey && openState) {\n      setOpen(false);\n    }\n  };\n\n  const handleEndDateBlur = (event: FocusEvent<HTMLInputElement>) => {\n    updateEndDate(event, event.target.value);\n    setFocused(false);\n  };\n  const handleEndDateChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const newEndValue = event.target.value;\n    setEndDateStringValue(newEndValue);\n    onChange?.(event, startDateStringValue, newEndValue);\n  };\n  const handleEndDateKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === \"Enter\") {\n      updateEndDate(event, endDateStringValue);\n      setOpen(false);\n    }\n  };\n\n  const handleInputClick = (event: SyntheticEvent<HTMLDivElement>) => {\n    if (event.target === wrapperRef.current) {\n      startInputRef?.current?.focus();\n    }\n  };\n\n  return (\n    <div\n      className={clsx(\n        withBaseName(),\n        withBaseName(variant),\n        {\n          [withBaseName(\"focused\")]: !isDisabled && focused,\n          [withBaseName(\"disabled\")]: isDisabled,\n          [withBaseName(\"readOnly\")]: isReadOnly,\n          [withBaseName(validationStatus ?? \"\")]: validationStatus,\n          [withBaseName(\"bordered\")]: bordered,\n        },\n        className,\n      )}\n      onClick={(event) => handleInputClick(event)}\n      onKeyDown={onKeyDown}\n      onBlur={onBlur}\n      ref={inputRef}\n      {...rest}\n    >\n      <input\n        autoComplete=\"off\"\n        aria-describedby={clsx(formFieldDescribedBy, dateInputDescribedBy)}\n        aria-labelledby={clsx(\n          formFieldLabelledBy,\n          dateInputLabelledBy,\n          startDateInputID,\n        )}\n        aria-label={clsx(\"Start date\", ariaLabel)}\n        id={startDateInputID}\n        className={withBaseName(\"input\")}\n        disabled={isDisabled}\n        readOnly={isReadOnly}\n        ref={startInputRef}\n        tabIndex={isDisabled ? -1 : 0}\n        onBlur={handleStartDateBlur}\n        onChange={handleStartDateChange}\n        onKeyDown={handleStartDateKeyDown}\n        onFocus={!isDisabled ? handleFocus : undefined}\n        placeholder={placeholder}\n        size={placeholder.length}\n        value={\n          isReadOnly && !startDateStringValue\n            ? emptyReadOnlyMarker\n            : startDateStringValue\n        }\n        {...restDateInputProps}\n        required={isRequired}\n      />\n      {selectionVariant === \"range\" && (\n        <>\n          <span>-</span>\n          <input\n            autoComplete=\"off\"\n            aria-describedby={clsx(formFieldDescribedBy, dateInputDescribedBy)}\n            aria-labelledby={clsx(\n              formFieldLabelledBy,\n              dateInputLabelledBy,\n              endDateInputID,\n            )}\n            aria-label={clsx(\"End date\", ariaLabel)}\n            id={endDateInputID}\n            className={withBaseName(\"input\")}\n            disabled={isDisabled}\n            readOnly={isReadOnly}\n            ref={endInputRef}\n            tabIndex={isDisabled ? -1 : 0}\n            onBlur={handleEndDateBlur}\n            onChange={handleEndDateChange}\n            onKeyDown={handleEndDateKeyDown}\n            onFocus={!isDisabled ? handleFocus : undefined}\n            placeholder={placeholder}\n            size={placeholder.length}\n            value={\n              isReadOnly && !endDateStringValue\n                ? emptyReadOnlyMarker\n                : endDateStringValue\n            }\n            required={isRequired}\n            {...restDateInputProps}\n          />\n        </>\n      )}\n      {\n        <div className={withBaseName(\"endAdornmentContainer\")}>\n          {!isDisabled && !isReadOnly && validationStatus && (\n            <StatusAdornment status={validationStatus} />\n          )}\n          {endAdornment}\n        </div>\n      }\n      <div className={withBaseName(\"activationIndicator\")} />\n    </div>\n  );\n});\n"],"names":["makePrefixer","date","parseAbsoluteToLocal","CalendarDate","DateFormatter","getLocalTimeZone","forwardRef","DateInput","useRef","useForkRef","useWindow","useComponentCssInjection","dateInputCss","useDatePickerContext","isRangeOrOffsetSelectionWithStartDate","useId","useState","useFormFieldProps","useEffect","jsxs","clsx","jsx","Fragment","StatusAdornment"],"mappings":"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"}
+{"version":3,"file":"DateInput.js","sources":["../../src/date-input/DateInput.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ChangeEvent,\n  type ComponentPropsWithoutRef,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  type RefObject,\n  type SyntheticEvent,\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport {\n  CalendarDate,\n  DateFormatter,\n  type DateValue,\n  getLocalTimeZone,\n  parseAbsoluteToLocal,\n} from \"@internationalized/date\";\nimport {\n  StatusAdornment,\n  makePrefixer,\n  useForkRef,\n  useFormFieldProps,\n  useId,\n} from \"@salt-ds/core\";\nimport {\n  type RangeSelectionValueType,\n  type SingleSelectionValueType,\n  isRangeOrOffsetSelectionWithStartDate,\n} from \"../calendar\";\nimport { useDatePickerContext } from \"../date-picker/DatePickerContext\";\nimport dateInputCss from \"./DateInput.css\";\n\nconst withBaseName = makePrefixer(\"saltDateInput\");\nconst isInvalidDate = (value: string) =>\n  value && Number.isNaN(new Date(value).getDay());\nconst createDate = (date: string): Date | null => {\n  if (!date || isInvalidDate(date)) {\n    return null;\n  }\n  return new Date(date);\n};\n\nconst getIsoDate = (date: Date) => {\n  try {\n    return parseAbsoluteToLocal(date?.toISOString());\n  } catch (err) {\n    return undefined;\n  }\n};\n\nfunction getCalendarDate(inputDate: string) {\n  const date = createDate(inputDate);\n  if (!date) return undefined;\n  const isoDate = getIsoDate(date);\n  return isoDate && new CalendarDate(isoDate.year, isoDate.month, isoDate.day);\n}\n\nconst defaultDateFormatter = (date: DateValue | undefined): string => {\n  return date\n    ? new DateFormatter(\"EN-GB\", {\n        day: \"2-digit\",\n        month: \"short\",\n        year: \"numeric\",\n      }).format(date.toDate(getLocalTimeZone()))\n    : \"\";\n};\n\nexport interface DateInputProps<SelectionVariantType>\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"defaultValue\" | \"onChange\">,\n    Pick<ComponentPropsWithoutRef<\"input\">, \"disabled\" | \"placeholder\"> {\n  ariaLabel?: string;\n  /**\n   * The marker to use in an empty read only DateInput.\n   * Use `''` to disable this feature. Defaults to '—'.\n   */\n  emptyReadOnlyMarker?: string;\n  /**\n   * End adornment component\n   */\n  endAdornment?: ReactNode;\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dateInput#Attributes) applied to the `input` elements.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * If `true`, the component is read only.\n   */\n  readOnly?: boolean;\n  /**\n   * Validation status.\n   */\n  validationStatus?: \"error\" | \"warning\" | \"success\";\n  /**\n   * Styling variant. Defaults to \"primary\".\n   */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   * Styling variant with full border. Defaults to false\n   */\n  bordered?: boolean;\n  /**\n   * Function to format the input value.\n   */\n  dateFormatter?: (input: DateValue | undefined) => string;\n  /**\n   * Reference for the startInput;\n   */\n  startInputRef?: RefObject<HTMLInputElement | null>;\n  /**\n   * Reference for the endInput;\n   */\n  endInputRef?: RefObject<HTMLInputElement | null>;\n  /**\n   * Selection variant. Defaults to single select.\n   */\n  selectionVariant?: \"default\" | \"range\";\n  /**\n   * Callback fired when the selected date change.\n   */\n  onSelectionChange?: (\n    event: SyntheticEvent,\n    selectedDate?: SelectionVariantType,\n  ) => void;\n  /**\n   * Callback fired when the input value change.\n   */\n  onChange?: SelectionVariantType extends SingleSelectionValueType\n    ? (\n        event: ChangeEvent<HTMLInputElement>,\n        selectedDateInputValue?: string,\n      ) => void\n    : (\n        event: ChangeEvent<HTMLInputElement>,\n        startDateInputValue?: string,\n        endDateInputValue?: string,\n      ) => void;\n}\n\nexport const DateInput = forwardRef<\n  HTMLDivElement,\n  DateInputProps<SingleSelectionValueType | RangeSelectionValueType>\n>(function DateInput(\n  {\n    className,\n    disabled,\n    \"aria-label\": ariaLabel,\n    selectionVariant: selectionVariantProp,\n    emptyReadOnlyMarker = \"—\",\n    inputProps = {},\n    endAdornment,\n    readOnly: readOnlyProp,\n    validationStatus: validationStatusProp,\n    variant = \"primary\",\n    bordered = false,\n    dateFormatter = defaultDateFormatter,\n    placeholder = \"dd mmm yyyy\",\n    startInputRef,\n    endInputRef,\n    onSelectionChange,\n    onChange,\n    ...rest\n  },\n  ref,\n) {\n  const wrapperRef = useRef(null);\n  const inputRef = useForkRef<HTMLDivElement>(ref, wrapperRef);\n  const inputStringFormatter = (input: string): string => {\n    const date = getCalendarDate(input);\n    return !input || !date ? input : dateFormatter(date);\n  };\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-dateInput\",\n    css: dateInputCss,\n    window: targetWindow,\n  });\n\n  const {\n    selectedDate,\n    setSelectedDate,\n    selectionVariant: pickerSelectionVariant,\n    openState,\n    setOpen,\n  } = useDatePickerContext();\n\n  const selectionVariant = selectionVariantProp ?? pickerSelectionVariant;\n  const isRangePicker =\n    isRangeOrOffsetSelectionWithStartDate(selectedDate) ||\n    selectionVariant === \"range\";\n\n  const endDateInputID = useId();\n  const startDateInputID = useId();\n\n  const [focused, setFocused] = useState(false);\n  const [startDateStringValue, setStartDateStringValue] = useState<string>(\n    dateFormatter(\n      isRangeOrOffsetSelectionWithStartDate(selectedDate)\n        ? selectedDate?.startDate\n        : selectedDate,\n    ),\n  );\n  const [endDateStringValue, setEndDateStringValue] = useState<string>(\n    dateFormatter(\n      isRangeOrOffsetSelectionWithStartDate(selectedDate)\n        ? selectedDate?.endDate\n        : undefined,\n    ),\n  );\n\n  const {\n    a11yProps: {\n      \"aria-describedby\": formFieldDescribedBy,\n      \"aria-labelledby\": formFieldLabelledBy,\n    } = {},\n    disabled: formFieldDisabled,\n    readOnly: formFieldReadOnly,\n    necessity: formFieldRequired,\n    validationStatus: formFieldValidationStatus,\n  } = useFormFieldProps();\n\n  const isReadOnly = readOnlyProp || formFieldReadOnly;\n  const isDisabled = disabled || formFieldDisabled;\n\n  const validationStatus = formFieldValidationStatus ?? validationStatusProp;\n\n  const {\n    \"aria-describedby\": dateInputDescribedBy,\n    \"aria-labelledby\": dateInputLabelledBy,\n    onBlur,\n    onKeyDown,\n    onFocus,\n    required: dateInputPropsRequired,\n    ...restDateInputProps\n  } = inputProps;\n\n  // Update date strings when dates change\n  useEffect(() => {\n    if (isRangeOrOffsetSelectionWithStartDate(selectedDate)) {\n      selectedDate?.startDate &&\n        setStartDateStringValue(dateFormatter(selectedDate?.startDate));\n      selectedDate?.endDate &&\n        setEndDateStringValue(dateFormatter(selectedDate?.endDate));\n    } else {\n      setStartDateStringValue(dateFormatter(selectedDate));\n    }\n  }, [selectedDate, dateFormatter]);\n\n  const isRequired = formFieldRequired\n    ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n    : dateInputPropsRequired;\n  const updateStartDate = (event: SyntheticEvent, dateString: string) => {\n    const inputDate = inputStringFormatter(dateString);\n    const calendarDate = getCalendarDate(inputDate);\n    const newSelectedDate = isRangePicker\n      ? { ...selectedDate, startDate: calendarDate }\n      : calendarDate;\n    setSelectedDate(newSelectedDate);\n    onSelectionChange?.(event, newSelectedDate);\n  };\n\n  const updateEndDate = (event: SyntheticEvent, dateString: string) => {\n    const inputDate = inputStringFormatter(dateString);\n    const calendarDate = getCalendarDate(inputDate);\n    const newSelectedDate = { ...selectedDate, endDate: calendarDate };\n    setSelectedDate(newSelectedDate);\n    onSelectionChange?.(event, newSelectedDate);\n  };\n\n  // Handlers\n  const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n    onFocus?.(event);\n    setFocused(true);\n  };\n  const handleStartDateBlur = (event: FocusEvent<HTMLInputElement>) => {\n    updateStartDate(event, event.target.value);\n    setFocused(false);\n  };\n\n  const handleStartDateChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const newStartValue = event.target.value;\n    setStartDateStringValue(newStartValue);\n    onChange?.(event, newStartValue, endDateStringValue);\n  };\n\n  const handleStartDateKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === \"Enter\") {\n      updateStartDate(event, startDateStringValue);\n      setOpen(false);\n    }\n    if (event.key === \"Tab\" && event.shiftKey && openState) {\n      setOpen(false);\n    }\n  };\n\n  const handleEndDateBlur = (event: FocusEvent<HTMLInputElement>) => {\n    updateEndDate(event, event.target.value);\n    setFocused(false);\n  };\n  const handleEndDateChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const newEndValue = event.target.value;\n    setEndDateStringValue(newEndValue);\n    onChange?.(event, startDateStringValue, newEndValue);\n  };\n  const handleEndDateKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    if (event.key === \"Enter\") {\n      updateEndDate(event, endDateStringValue);\n      setOpen(false);\n    }\n  };\n\n  const handleInputClick = (event: SyntheticEvent<HTMLDivElement>) => {\n    if (event.target === wrapperRef.current) {\n      startInputRef?.current?.focus();\n    }\n  };\n\n  return (\n    <div\n      className={clsx(\n        withBaseName(),\n        withBaseName(variant),\n        {\n          [withBaseName(\"focused\")]: !isDisabled && focused,\n          [withBaseName(\"disabled\")]: isDisabled,\n          [withBaseName(\"readOnly\")]: isReadOnly,\n          [withBaseName(validationStatus ?? \"\")]: validationStatus,\n          [withBaseName(\"bordered\")]: bordered,\n        },\n        className,\n      )}\n      onClick={(event) => handleInputClick(event)}\n      onKeyDown={onKeyDown}\n      onBlur={onBlur}\n      ref={inputRef}\n      {...rest}\n    >\n      <input\n        autoComplete=\"off\"\n        aria-describedby={clsx(formFieldDescribedBy, dateInputDescribedBy)}\n        aria-labelledby={clsx(\n          formFieldLabelledBy,\n          dateInputLabelledBy,\n          startDateInputID,\n        )}\n        aria-label={clsx(\"Start date\", ariaLabel)}\n        id={startDateInputID}\n        className={withBaseName(\"input\")}\n        disabled={isDisabled}\n        readOnly={isReadOnly}\n        ref={startInputRef}\n        tabIndex={isDisabled ? -1 : 0}\n        onBlur={handleStartDateBlur}\n        onChange={handleStartDateChange}\n        onKeyDown={handleStartDateKeyDown}\n        onFocus={!isDisabled ? handleFocus : undefined}\n        placeholder={placeholder}\n        size={placeholder.length}\n        value={\n          isReadOnly && !startDateStringValue\n            ? emptyReadOnlyMarker\n            : startDateStringValue\n        }\n        {...restDateInputProps}\n        required={isRequired}\n      />\n      {selectionVariant === \"range\" && (\n        <>\n          <span>-</span>\n          <input\n            autoComplete=\"off\"\n            aria-describedby={clsx(formFieldDescribedBy, dateInputDescribedBy)}\n            aria-labelledby={clsx(\n              formFieldLabelledBy,\n              dateInputLabelledBy,\n              endDateInputID,\n            )}\n            aria-label={clsx(\"End date\", ariaLabel)}\n            id={endDateInputID}\n            className={withBaseName(\"input\")}\n            disabled={isDisabled}\n            readOnly={isReadOnly}\n            ref={endInputRef}\n            tabIndex={isDisabled ? -1 : 0}\n            onBlur={handleEndDateBlur}\n            onChange={handleEndDateChange}\n            onKeyDown={handleEndDateKeyDown}\n            onFocus={!isDisabled ? handleFocus : undefined}\n            placeholder={placeholder}\n            size={placeholder.length}\n            value={\n              isReadOnly && !endDateStringValue\n                ? emptyReadOnlyMarker\n                : endDateStringValue\n            }\n            required={isRequired}\n            {...restDateInputProps}\n          />\n        </>\n      )}\n      {\n        <div className={withBaseName(\"endAdornmentContainer\")}>\n          {!isDisabled && !isReadOnly && validationStatus && (\n            <StatusAdornment status={validationStatus} />\n          )}\n          {endAdornment}\n        </div>\n      }\n      <div className={withBaseName(\"activationIndicator\")} />\n    </div>\n  );\n});\n"],"names":["makePrefixer","date","parseAbsoluteToLocal","CalendarDate","DateFormatter","getLocalTimeZone","forwardRef","DateInput","useRef","useForkRef","useWindow","useComponentCssInjection","dateInputCss","useDatePickerContext","isRangeOrOffsetSelectionWithStartDate","useId","useState","useFormFieldProps","useEffect","jsxs","clsx","jsx","Fragment","StatusAdornment"],"mappings":"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"}

package/cjs/drag-drop/DragDropState.js

@@ -12,7 +12,7 @@ class DragDropState {
     /** Element being dragged, (initial element cloned and rendered in portal). */
     __publicField(this, "draggableElement", null);
     __publicField(this, "payload", null);
-    /** Used to capture a ref to the Draggable JSX.Element */
+    /** Used to capture a ref to the Draggable ReactElement */
     __publicField(this, "setDraggable", (el) => {
       this.draggableElement = el;
     });

package/cjs/drag-drop/DragDropState.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragDropState.js","sources":["../../src/drag-drop/DragDropState.ts"],"sourcesContent":["import { MouseOffset, MousePosition } from \"./dragDropTypes\";\n\nexport class DragDropState {\n  /** Distance between start (top | left) of dragged element and point where user pressed to drag */\n  readonly mouseOffset: MouseOffset;\n  /** Element where the initial mousedown triggered the drag operation */\n  readonly initialDragElement: HTMLElement;\n  /** Element being dragged, (initial element cloned and rendered in portal). */\n  draggableElement: HTMLElement | null = null;\n\n  payload: unknown = null;\n\n  constructor(mousePosition: MousePosition, dragElement: HTMLElement) {\n    this.initialDragElement = dragElement;\n    this.mouseOffset = this.getMouseOffset(mousePosition, dragElement);\n  }\n\n  /** Used to capture a ref to the Draggable JSX.Element */\n  setDraggable = (el: HTMLElement | null) => {\n    this.draggableElement = el;\n  };\n\n  setPayload(payload: unknown) {\n    this.payload = payload;\n  }\n\n  private getMouseOffset(\n    mousePosition: MousePosition,\n    dragElement: HTMLElement\n  ) {\n    const { clientX, clientY } = mousePosition;\n    const draggableRect = dragElement.getBoundingClientRect();\n\n    return {\n      x: clientX - draggableRect.left,\n      y: clientY - draggableRect.top,\n    };\n  }\n}\n"],"names":[],"mappings":";;;;;AAEO,MAAM,aAAc,CAAA;AAAA,EAUzB,WAAA,CAAY,eAA8B,WAA0B,EAAA;AARpE;AAAA,IAAS,aAAA,CAAA,IAAA,EAAA,aAAA,CAAA;AAET;AAAA,IAAS,aAAA,CAAA,IAAA,EAAA,oBAAA,CAAA;AAET;AAAA,IAAuC,aAAA,CAAA,IAAA,EAAA,kBAAA,EAAA,IAAA,CAAA;AAEvC,IAAmB,aAAA,CAAA,IAAA,EAAA,SAAA,EAAA,IAAA,CAAA;AAQnB;AAAA,IAAA,aAAA,CAAA,IAAA,EAAA,cAAA,EAAe,CAAC,EAA2B,KAAA;AACzC,MAAA,IAAA,CAAK,gBAAmB,GAAA,EAAA;AAAA,KAC1B,CAAA;AAPE,IAAA,IAAA,CAAK,kBAAqB,GAAA,WAAA;AAC1B,IAAA,IAAA,CAAK,WAAc,GAAA,IAAA,CAAK,cAAe,CAAA,aAAA,EAAe,WAAW,CAAA;AAAA;AACnE,EAOA,WAAW,OAAkB,EAAA;AAC3B,IAAA,IAAA,CAAK,OAAU,GAAA,OAAA;AAAA;AACjB,EAEQ,cAAA,CACN,eACA,WACA,EAAA;AACA,IAAM,MAAA,EAAE,OAAS,EAAA,OAAA,EAAY,GAAA,aAAA;AAC7B,IAAM,MAAA,aAAA,GAAgB,YAAY,qBAAsB,EAAA;AAExD,IAAO,OAAA;AAAA,MACL,CAAA,EAAG,UAAU,aAAc,CAAA,IAAA;AAAA,MAC3B,CAAA,EAAG,UAAU,aAAc,CAAA;AAAA,KAC7B;AAAA;AAEJ;;;;"}
+{"version":3,"file":"DragDropState.js","sources":["../../src/drag-drop/DragDropState.ts"],"sourcesContent":["import { MouseOffset, MousePosition } from \"./dragDropTypes\";\n\nexport class DragDropState {\n  /** Distance between start (top | left) of dragged element and point where user pressed to drag */\n  readonly mouseOffset: MouseOffset;\n  /** Element where the initial mousedown triggered the drag operation */\n  readonly initialDragElement: HTMLElement;\n  /** Element being dragged, (initial element cloned and rendered in portal). */\n  draggableElement: HTMLElement | null = null;\n\n  payload: unknown = null;\n\n  constructor(mousePosition: MousePosition, dragElement: HTMLElement) {\n    this.initialDragElement = dragElement;\n    this.mouseOffset = this.getMouseOffset(mousePosition, dragElement);\n  }\n\n  /** Used to capture a ref to the Draggable ReactElement */\n  setDraggable = (el: HTMLElement | null) => {\n    this.draggableElement = el;\n  };\n\n  setPayload(payload: unknown) {\n    this.payload = payload;\n  }\n\n  private getMouseOffset(\n    mousePosition: MousePosition,\n    dragElement: HTMLElement,\n  ) {\n    const { clientX, clientY } = mousePosition;\n    const draggableRect = dragElement.getBoundingClientRect();\n\n    return {\n      x: clientX - draggableRect.left,\n      y: clientY - draggableRect.top,\n    };\n  }\n}\n"],"names":[],"mappings":";;;;;AAEO,MAAM,aAAc,CAAA;AAAA,EAUzB,WAAA,CAAY,eAA8B,WAA0B,EAAA;AARpE;AAAA,IAAS,aAAA,CAAA,IAAA,EAAA,aAAA,CAAA;AAET;AAAA,IAAS,aAAA,CAAA,IAAA,EAAA,oBAAA,CAAA;AAET;AAAA,IAAuC,aAAA,CAAA,IAAA,EAAA,kBAAA,EAAA,IAAA,CAAA;AAEvC,IAAmB,aAAA,CAAA,IAAA,EAAA,SAAA,EAAA,IAAA,CAAA;AAQnB;AAAA,IAAA,aAAA,CAAA,IAAA,EAAA,cAAA,EAAe,CAAC,EAA2B,KAAA;AACzC,MAAA,IAAA,CAAK,gBAAmB,GAAA,EAAA;AAAA,KAC1B,CAAA;AAPE,IAAA,IAAA,CAAK,kBAAqB,GAAA,WAAA;AAC1B,IAAA,IAAA,CAAK,WAAc,GAAA,IAAA,CAAK,cAAe,CAAA,aAAA,EAAe,WAAW,CAAA;AAAA;AACnE,EAOA,WAAW,OAAkB,EAAA;AAC3B,IAAA,IAAA,CAAK,OAAU,GAAA,OAAA;AAAA;AACjB,EAEQ,cAAA,CACN,eACA,WACA,EAAA;AACA,IAAM,MAAA,EAAE,OAAS,EAAA,OAAA,EAAY,GAAA,aAAA;AAC7B,IAAM,MAAA,aAAA,GAAgB,YAAY,qBAAsB,EAAA;AAExD,IAAO,OAAA;AAAA,MACL,CAAA,EAAG,UAAU,aAAc,CAAA,IAAA;AAAA,MAC3B,CAAA,EAAG,UAAU,aAAc,CAAA;AAAA,KAC7B;AAAA;AAEJ;;;;"}

package/cjs/drag-drop/dragDropTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"dragDropTypes.js","sources":["../../src/drag-drop/dragDropTypes.ts"],"sourcesContent":["import { MouseEventHandler, RefObject } from \"react\";\nimport type { orientationType } from \"@vuu-ui/vuu-utils\";\nimport { DragDropState } from \"./DragDropState\";\n\n//-----------------------------------\n// From useScrollPosition in List\nexport type ViewportRange = {\n  atEnd: boolean;\n  atStart: boolean;\n  from: number;\n  to: number;\n};\n\n// From overflow types - probably don't need\ntype dimension = \"width\" | \"height\" | \"scrollWidth\" | \"scrollHeight\";\n\ntype dimensions = {\n  size: dimension;\n  depth: dimension;\n  scrollDepth: dimension;\n};\n\nexport type dimensionsType = {\n  horizontal: dimensions;\n  vertical: dimensions;\n};\n\n//-----------------------------------\n\nexport type dragStrategy =\n  | \"drop-indicator\"\n  | \"natural-movement\"\n  | \"drag-copy\"\n  | \"drop-only\";\n\nexport type Direction = \"fwd\" | \"bwd\";\nexport const FWD: Direction = \"fwd\";\nexport const BWD: Direction = \"bwd\";\n\nexport interface MousePosition {\n  clientX: number;\n  clientY: number;\n}\n\nexport interface MouseOffset {\n  x: number;\n  y: number;\n}\n\nexport type Rect = {\n  height: number;\n  left: number;\n  top: number;\n  width: number;\n};\n\nexport interface DragHookResult {\n  draggable?: JSX.Element;\n  dropIndicator?: JSX.Element;\n  draggedItemIndex?: number;\n  isDragging: boolean;\n  isScrolling: RefObject<boolean>;\n  onMouseDown?: MouseEventHandler;\n  revealOverflowedItems?: boolean;\n}\n\nexport interface InternalDragHookResult\n  extends Omit<DragHookResult, \"isDragging\" | \"isScrolling\"> {\n  beginDrag: (dragElement: HTMLElement) => void;\n  drag: (dragPos: number, mouseMoveDirection: \"fwd\" | \"bwd\") => void;\n  drop: () => DropOptions;\n  handleScrollStart?: (scrollDirection: \"fwd\" | \"bwd\") => void;\n  handleScrollStop?: (\n    scrollDirection: \"fwd\" | \"bwd\",\n    _scrollPos: number,\n    atEnd: boolean,\n  ) => void;\n  /**\n   * Draggable item has been dragged out of container. Remove any local drop\n   * indicators. Dragged element itself should not yet be removed from DOM.\n   */\n  releaseDrag?: () => void;\n}\n\nexport interface DropOptions {\n  fromIndex: number;\n  toIndex: number;\n  isExternal?: boolean;\n  payload?: unknown;\n}\n\nexport type DragStartHandler = (dragDropState: DragDropState) => void;\n\nexport type DropHandler = (options: DropOptions) => void;\n\nexport interface DragDropProps {\n  allowDragDrop?: boolean | dragStrategy;\n  containerRef: RefObject<HTMLElement>;\n  /** this is the className that will be assigned during drag to the dragged element  */\n  draggableClassName: string;\n  extendedDropZone?: boolean;\n  getDragPayload?: (dragElement: HTMLElement) => unknown;\n  id?: string;\n  isDragSource?: boolean;\n  isDropTarget?: boolean;\n  itemQuery?: string;\n  onDragStart?: DragStartHandler;\n  onDrop: DropHandler;\n  onDropSettle?: (toIndex: number) => void;\n  orientation: orientationType;\n  /**\n   * The scrolling container does not necessarily have to be a\n   * descendant of the container, it may be an ancestor element;\n   */\n  scrollingContainerRef?: RefObject<HTMLElement>;\n  // selected?: CollectionItem<unknown> | CollectionItem<unknown>[] | null;\n  viewportRange?: ViewportRange;\n}\n\nexport type DragDropHook = (props: DragDropProps) => DragHookResult;\n\nexport interface InternalDragDropProps\n  extends Omit<DragDropProps, \"draggableClassName\" | \"id\" | \"onDrop\"> {\n  isDragSource?: boolean;\n  isDropTarget?: boolean;\n  selected?: unknown;\n}\n\nexport type DragDropContext = {\n  dragElement: HTMLElement;\n  dragPayload: unknown;\n  mouseOffset: MouseOffset;\n};\n"],"names":[],"mappings":";;AAoCO,MAAM,GAAiB,GAAA;AACvB,MAAM,GAAiB,GAAA;;;;;"}
+{"version":3,"file":"dragDropTypes.js","sources":["../../src/drag-drop/dragDropTypes.ts"],"sourcesContent":["import { MouseEventHandler, ReactElement, RefObject } from \"react\";\nimport type { orientationType } from \"@vuu-ui/vuu-utils\";\nimport { DragDropState } from \"./DragDropState\";\n\n//-----------------------------------\n// From useScrollPosition in List\nexport type ViewportRange = {\n  atEnd: boolean;\n  atStart: boolean;\n  from: number;\n  to: number;\n};\n\n// From overflow types - probably don't need\ntype dimension = \"width\" | \"height\" | \"scrollWidth\" | \"scrollHeight\";\n\ntype dimensions = {\n  size: dimension;\n  depth: dimension;\n  scrollDepth: dimension;\n};\n\nexport type dimensionsType = {\n  horizontal: dimensions;\n  vertical: dimensions;\n};\n\n//-----------------------------------\n\nexport type dragStrategy =\n  | \"drop-indicator\"\n  | \"natural-movement\"\n  | \"drag-copy\"\n  | \"drop-only\";\n\nexport type Direction = \"fwd\" | \"bwd\";\nexport const FWD: Direction = \"fwd\";\nexport const BWD: Direction = \"bwd\";\n\nexport interface MousePosition {\n  clientX: number;\n  clientY: number;\n}\n\nexport interface MouseOffset {\n  x: number;\n  y: number;\n}\n\nexport type Rect = {\n  height: number;\n  left: number;\n  top: number;\n  width: number;\n};\n\nexport interface DragHookResult {\n  draggable?: ReactElement;\n  dropIndicator?: ReactElement;\n  draggedItemIndex?: number;\n  isDragging: boolean;\n  isScrolling: RefObject<boolean>;\n  onMouseDown?: MouseEventHandler;\n  revealOverflowedItems?: boolean;\n}\n\nexport interface InternalDragHookResult\n  extends Omit<DragHookResult, \"isDragging\" | \"isScrolling\"> {\n  beginDrag: (dragElement: HTMLElement) => void;\n  drag: (dragPos: number, mouseMoveDirection: \"fwd\" | \"bwd\") => void;\n  drop: () => DropOptions;\n  handleScrollStart?: (scrollDirection: \"fwd\" | \"bwd\") => void;\n  handleScrollStop?: (\n    scrollDirection: \"fwd\" | \"bwd\",\n    _scrollPos: number,\n    atEnd: boolean,\n  ) => void;\n  /**\n   * Draggable item has been dragged out of container. Remove any local drop\n   * indicators. Dragged element itself should not yet be removed from DOM.\n   */\n  releaseDrag?: () => void;\n}\n\nexport interface DropOptions {\n  fromIndex: number;\n  toIndex: number;\n  isExternal?: boolean;\n  payload?: unknown;\n}\n\nexport type DragStartHandler = (dragDropState: DragDropState) => void;\n\nexport type DropHandler = (options: DropOptions) => void;\n\nexport interface DragDropProps {\n  allowDragDrop?: boolean | dragStrategy;\n  containerRef: RefObject<HTMLElement | null>;\n  /** this is the className that will be assigned during drag to the dragged element  */\n  draggableClassName: string;\n  extendedDropZone?: boolean;\n  getDragPayload?: (dragElement: HTMLElement) => unknown;\n  id?: string;\n  isDragSource?: boolean;\n  isDropTarget?: boolean;\n  itemQuery?: string;\n  onDragStart?: DragStartHandler;\n  onDrop: DropHandler;\n  onDropSettle?: (toIndex: number) => void;\n  orientation: orientationType;\n  /**\n   * The scrolling container does not necessarily have to be a\n   * descendant of the container, it may be an ancestor element;\n   */\n  scrollingContainerRef?: RefObject<HTMLElement | null>;\n  // selected?: CollectionItem<unknown> | CollectionItem<unknown>[] | null;\n  viewportRange?: ViewportRange;\n}\n\nexport type DragDropHook = (props: DragDropProps) => DragHookResult;\n\nexport interface InternalDragDropProps\n  extends Omit<DragDropProps, \"draggableClassName\" | \"id\" | \"onDrop\"> {\n  isDragSource?: boolean;\n  isDropTarget?: boolean;\n  selected?: unknown;\n}\n\nexport type DragDropContext = {\n  dragElement: HTMLElement;\n  dragPayload: unknown;\n  mouseOffset: MouseOffset;\n};\n"],"names":[],"mappings":";;AAoCO,MAAM,GAAiB,GAAA;AACvB,MAAM,GAAiB,GAAA;;;;;"}

package/cjs/drag-drop/useAutoScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoScroll.js","sources":["../../src/drag-drop/useAutoScroll.ts"],"sourcesContent":["import { RefObject, useCallback, useRef } from \"react\";\nimport { dimensions } from \"./drop-target-utils\";\n\nexport type ScrollStopHandler = (\n  scrollDirection: \"fwd\" | \"bwd\",\n  scrollPos: number,\n  atEnd: boolean\n) => void;\n\nexport const useAutoScroll = ({\n  containerRef,\n  onScrollingStopped,\n  orientation = \"vertical\",\n}: {\n  containerRef: RefObject<HTMLElement>;\n  onScrollingStopped?: ScrollStopHandler;\n  orientation?: \"horizontal\" | \"vertical\";\n}) => {\n  const scrollTimer = useRef<number | null>(null);\n  const isScrolling = useRef(false);\n  const scrollPosRef = useRef(0);\n  const lastScrollDirectionRef = useRef<\"fwd\" | \"bwd\">(\"fwd\");\n\n  const stopScrolling = useCallback(\n    (atEnd = false) => {\n      if (scrollTimer.current !== null) {\n        clearTimeout(scrollTimer.current);\n        scrollTimer.current = null;\n      }\n      isScrolling.current = false;\n      onScrollingStopped?.(\n        lastScrollDirectionRef.current,\n        scrollPosRef.current,\n        atEnd\n      );\n    },\n    [onScrollingStopped]\n  );\n\n  const startScrolling = useCallback(\n    (direction: \"fwd\" | \"bwd\", scrollRate: number, scrollUnit = 100) => {\n      const { current: container } = containerRef;\n      if (container) {\n        const { SCROLL_POS, SCROLL_SIZE, CLIENT_SIZE } =\n          dimensions(orientation);\n        const {\n          [SCROLL_POS]: scrollPos,\n          [SCROLL_SIZE]: scrollSize,\n          [CLIENT_SIZE]: clientSize,\n        } = container;\n        const maxScroll =\n          direction === \"fwd\" ? scrollSize - clientSize - scrollPos : scrollPos;\n        const nextScroll = Math.min(maxScroll, scrollUnit);\n\n        if (direction === \"fwd\") {\n          lastScrollDirectionRef.current = \"fwd\";\n          container[SCROLL_POS as \"scrollTop\" | \"scrollLeft\"] =\n            scrollPosRef.current = scrollPos + nextScroll;\n        } else {\n          lastScrollDirectionRef.current = \"bwd\";\n          container[SCROLL_POS as \"scrollTop\" | \"scrollLeft\"] =\n            scrollPosRef.current = scrollPos - nextScroll;\n        }\n\n        if (nextScroll === maxScroll) {\n          // delay this to allow any scroll listeners to do their work\n          requestAnimationFrame(() => {\n            stopScrolling(true);\n          });\n        } else {\n          isScrolling.current = true;\n          scrollTimer.current = window.setTimeout(() => {\n            startScrolling(direction, scrollRate, scrollUnit);\n          }, 100);\n        }\n      }\n    },\n    [containerRef, orientation, stopScrolling]\n  );\n\n  return {\n    isScrolling,\n    startScrolling,\n    stopScrolling,\n  };\n};\n"],"names":["useRef","useCallback","dimensions"],"mappings":";;;;;AASO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,YAAA;AAAA,EACA,kBAAA;AAAA,EACA,WAAc,GAAA;AAChB,CAIM,KAAA;AACJ,EAAM,MAAA,WAAA,GAAcA,aAAsB,IAAI,CAAA;AAC9C,EAAM,MAAA,WAAA,GAAcA,aAAO,KAAK,CAAA;AAChC,EAAM,MAAA,YAAA,GAAeA,aAAO,CAAC,CAAA;AAC7B,EAAM,MAAA,sBAAA,GAAyBA,aAAsB,KAAK,CAAA;AAE1D,EAAA,MAAM,aAAgB,GAAAC,iBAAA;AAAA,IACpB,CAAC,QAAQ,KAAU,KAAA;AACjB,MAAI,IAAA,WAAA,CAAY,YAAY,IAAM,EAAA;AAChC,QAAA,YAAA,CAAa,YAAY,OAAO,CAAA;AAChC,QAAA,WAAA,CAAY,OAAU,GAAA,IAAA;AAAA;AAExB,MAAA,WAAA,CAAY,OAAU,GAAA,KAAA;AACtB,MAAA,kBAAA;AAAA,QACE,sBAAuB,CAAA,OAAA;AAAA,QACvB,YAAa,CAAA,OAAA;AAAA,QACb;AAAA,OACF;AAAA,KACF;AAAA,IACA,CAAC,kBAAkB;AAAA,GACrB;AAEA,EAAA,MAAM,cAAiB,GAAAA,iBAAA;AAAA,IACrB,CAAC,SAAA,EAA0B,UAAoB,EAAA,UAAA,GAAa,GAAQ,KAAA;AAClE,MAAM,MAAA,EAAE,OAAS,EAAA,SAAA,EAAc,GAAA,YAAA;AAC/B,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,MAAM,EAAE,UAAY,EAAA,WAAA,EAAa,WAAY,EAAA,GAC3CC,2BAAW,WAAW,CAAA;AACxB,QAAM,MAAA;AAAA,UACJ,CAAC,UAAU,GAAG,SAAA;AAAA,UACd,CAAC,WAAW,GAAG,UAAA;AAAA,UACf,CAAC,WAAW,GAAG;AAAA,SACb,GAAA,SAAA;AACJ,QAAA,MAAM,SACJ,GAAA,SAAA,KAAc,KAAQ,GAAA,UAAA,GAAa,aAAa,SAAY,GAAA,SAAA;AAC9D,QAAA,MAAM,UAAa,GAAA,IAAA,CAAK,GAAI,CAAA,SAAA,EAAW,UAAU,CAAA;AAEjD,QAAA,IAAI,cAAc,KAAO,EAAA;AACvB,UAAA,sBAAA,CAAuB,OAAU,GAAA,KAAA;AACjC,UAAA,SAAA,CAAU,UAAwC,CAAA,GAChD,YAAa,CAAA,OAAA,GAAU,SAAY,GAAA,UAAA;AAAA,SAChC,MAAA;AACL,UAAA,sBAAA,CAAuB,OAAU,GAAA,KAAA;AACjC,UAAA,SAAA,CAAU,UAAwC,CAAA,GAChD,YAAa,CAAA,OAAA,GAAU,SAAY,GAAA,UAAA;AAAA;AAGvC,QAAA,IAAI,eAAe,SAAW,EAAA;AAE5B,UAAA,qBAAA,CAAsB,MAAM;AAC1B,YAAA,aAAA,CAAc,IAAI,CAAA;AAAA,WACnB,CAAA;AAAA,SACI,MAAA;AACL,UAAA,WAAA,CAAY,OAAU,GAAA,IAAA;AACtB,UAAY,WAAA,CAAA,OAAA,GAAU,MAAO,CAAA,UAAA,CAAW,MAAM;AAC5C,YAAe,cAAA,CAAA,SAAA,EAAW,YAAY,UAAU,CAAA;AAAA,aAC/C,GAAG,CAAA;AAAA;AACR;AACF,KACF;AAAA,IACA,CAAC,YAAc,EAAA,WAAA,EAAa,aAAa;AAAA,GAC3C;AAEA,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"useAutoScroll.js","sources":["../../src/drag-drop/useAutoScroll.ts"],"sourcesContent":["import { RefObject, useCallback, useRef } from \"react\";\nimport { dimensions } from \"./drop-target-utils\";\n\nexport type ScrollStopHandler = (\n  scrollDirection: \"fwd\" | \"bwd\",\n  scrollPos: number,\n  atEnd: boolean,\n) => void;\n\nexport const useAutoScroll = ({\n  containerRef,\n  onScrollingStopped,\n  orientation = \"vertical\",\n}: {\n  containerRef: RefObject<HTMLElement | null>;\n  onScrollingStopped?: ScrollStopHandler;\n  orientation?: \"horizontal\" | \"vertical\";\n}) => {\n  const scrollTimer = useRef<number | null>(null);\n  const isScrolling = useRef(false);\n  const scrollPosRef = useRef(0);\n  const lastScrollDirectionRef = useRef<\"fwd\" | \"bwd\">(\"fwd\");\n\n  const stopScrolling = useCallback(\n    (atEnd = false) => {\n      if (scrollTimer.current !== null) {\n        clearTimeout(scrollTimer.current);\n        scrollTimer.current = null;\n      }\n      isScrolling.current = false;\n      onScrollingStopped?.(\n        lastScrollDirectionRef.current,\n        scrollPosRef.current,\n        atEnd,\n      );\n    },\n    [onScrollingStopped],\n  );\n\n  const startScrolling = useCallback(\n    (direction: \"fwd\" | \"bwd\", scrollRate: number, scrollUnit = 100) => {\n      const { current: container } = containerRef;\n      if (container) {\n        const { SCROLL_POS, SCROLL_SIZE, CLIENT_SIZE } =\n          dimensions(orientation);\n        const {\n          [SCROLL_POS]: scrollPos,\n          [SCROLL_SIZE]: scrollSize,\n          [CLIENT_SIZE]: clientSize,\n        } = container;\n        const maxScroll =\n          direction === \"fwd\" ? scrollSize - clientSize - scrollPos : scrollPos;\n        const nextScroll = Math.min(maxScroll, scrollUnit);\n\n        if (direction === \"fwd\") {\n          lastScrollDirectionRef.current = \"fwd\";\n          container[SCROLL_POS as \"scrollTop\" | \"scrollLeft\"] =\n            scrollPosRef.current = scrollPos + nextScroll;\n        } else {\n          lastScrollDirectionRef.current = \"bwd\";\n          container[SCROLL_POS as \"scrollTop\" | \"scrollLeft\"] =\n            scrollPosRef.current = scrollPos - nextScroll;\n        }\n\n        if (nextScroll === maxScroll) {\n          // delay this to allow any scroll listeners to do their work\n          requestAnimationFrame(() => {\n            stopScrolling(true);\n          });\n        } else {\n          isScrolling.current = true;\n          scrollTimer.current = window.setTimeout(() => {\n            startScrolling(direction, scrollRate, scrollUnit);\n          }, 100);\n        }\n      }\n    },\n    [containerRef, orientation, stopScrolling],\n  );\n\n  return {\n    isScrolling,\n    startScrolling,\n    stopScrolling,\n  };\n};\n"],"names":["useRef","useCallback","dimensions"],"mappings":";;;;;AASO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,YAAA;AAAA,EACA,kBAAA;AAAA,EACA,WAAc,GAAA;AAChB,CAIM,KAAA;AACJ,EAAM,MAAA,WAAA,GAAcA,aAAsB,IAAI,CAAA;AAC9C,EAAM,MAAA,WAAA,GAAcA,aAAO,KAAK,CAAA;AAChC,EAAM,MAAA,YAAA,GAAeA,aAAO,CAAC,CAAA;AAC7B,EAAM,MAAA,sBAAA,GAAyBA,aAAsB,KAAK,CAAA;AAE1D,EAAA,MAAM,aAAgB,GAAAC,iBAAA;AAAA,IACpB,CAAC,QAAQ,KAAU,KAAA;AACjB,MAAI,IAAA,WAAA,CAAY,YAAY,IAAM,EAAA;AAChC,QAAA,YAAA,CAAa,YAAY,OAAO,CAAA;AAChC,QAAA,WAAA,CAAY,OAAU,GAAA,IAAA;AAAA;AAExB,MAAA,WAAA,CAAY,OAAU,GAAA,KAAA;AACtB,MAAA,kBAAA;AAAA,QACE,sBAAuB,CAAA,OAAA;AAAA,QACvB,YAAa,CAAA,OAAA;AAAA,QACb;AAAA,OACF;AAAA,KACF;AAAA,IACA,CAAC,kBAAkB;AAAA,GACrB;AAEA,EAAA,MAAM,cAAiB,GAAAA,iBAAA;AAAA,IACrB,CAAC,SAAA,EAA0B,UAAoB,EAAA,UAAA,GAAa,GAAQ,KAAA;AAClE,MAAM,MAAA,EAAE,OAAS,EAAA,SAAA,EAAc,GAAA,YAAA;AAC/B,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,MAAM,EAAE,UAAY,EAAA,WAAA,EAAa,WAAY,EAAA,GAC3CC,2BAAW,WAAW,CAAA;AACxB,QAAM,MAAA;AAAA,UACJ,CAAC,UAAU,GAAG,SAAA;AAAA,UACd,CAAC,WAAW,GAAG,UAAA;AAAA,UACf,CAAC,WAAW,GAAG;AAAA,SACb,GAAA,SAAA;AACJ,QAAA,MAAM,SACJ,GAAA,SAAA,KAAc,KAAQ,GAAA,UAAA,GAAa,aAAa,SAAY,GAAA,SAAA;AAC9D,QAAA,MAAM,UAAa,GAAA,IAAA,CAAK,GAAI,CAAA,SAAA,EAAW,UAAU,CAAA;AAEjD,QAAA,IAAI,cAAc,KAAO,EAAA;AACvB,UAAA,sBAAA,CAAuB,OAAU,GAAA,KAAA;AACjC,UAAA,SAAA,CAAU,UAAwC,CAAA,GAChD,YAAa,CAAA,OAAA,GAAU,SAAY,GAAA,UAAA;AAAA,SAChC,MAAA;AACL,UAAA,sBAAA,CAAuB,OAAU,GAAA,KAAA;AACjC,UAAA,SAAA,CAAU,UAAwC,CAAA,GAChD,YAAa,CAAA,OAAA,GAAU,SAAY,GAAA,UAAA;AAAA;AAGvC,QAAA,IAAI,eAAe,SAAW,EAAA;AAE5B,UAAA,qBAAA,CAAsB,MAAM;AAC1B,YAAA,aAAA,CAAc,IAAI,CAAA;AAAA,WACnB,CAAA;AAAA,SACI,MAAA;AACL,UAAA,WAAA,CAAY,OAAU,GAAA,IAAA;AACtB,UAAY,WAAA,CAAA,OAAA,GAAU,MAAO,CAAA,UAAA,CAAW,MAAM;AAC5C,YAAe,cAAA,CAAA,SAAA,EAAW,YAAY,UAAU,CAAA;AAAA,aAC/C,GAAG,CAAA;AAAA;AACR;AACF,KACF;AAAA,IACA,CAAC,YAAc,EAAA,WAAA,EAAa,aAAa;AAAA,GAC3C;AAEA,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/cjs/drag-drop/useDragDrop.js

@@ -74,7 +74,7 @@ const useDragDrop = ({
   const scrollableContainerRef = React.useRef(null);
   const dropPosRef = React.useRef(-1);
   const dropIndexRef = React.useRef(-1);
-  const handleScrollStopRef = React.useRef();
+  const handleScrollStopRef = React.useRef(void 0);
   const {
     isDragSource,
     isDropTarget,
@@ -82,8 +82,8 @@ const useDragDrop = ({
     onEndOfDragOperation,
     register
   } = DragDropProvider.useDragDropProvider(id);
-  const dragMouseMoveHandlerRef = React.useRef();
-  const dragMouseUpHandlerRef = React.useRef();
+  const dragMouseMoveHandlerRef = React.useRef(void 0);
+  const dragMouseUpHandlerRef = React.useRef(void 0);
   const attachDragHandlers = React.useCallback(() => {
     const { current: dragMove } = dragMouseMoveHandlerRef;
     const { current: dragUp } = dragMouseUpHandlerRef;

package/cjs/drag-drop/useDragDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDragDrop.js","sources":["../../src/drag-drop/useDragDrop.tsx"],"sourcesContent":["import { dispatchCustomEvent } from \"@vuu-ui/vuu-utils\";\nimport {\n  MouseEventHandler,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useDragDropProvider } from \"./DragDropProvider\";\nimport { DragDropState } from \"./DragDropState\";\nimport {\n  DragDropHook,\n  DropHandler,\n  InternalDragDropProps,\n  InternalDragHookResult,\n  MouseOffset,\n  MousePosition,\n} from \"./dragDropTypes\";\nimport { Draggable } from \"./Draggable\";\nimport {\n  cloneElement,\n  constrainRect,\n  dimensions,\n  getScrollableContainer,\n  isContainerScrollable,\n  NOT_OVERFLOWED,\n} from \"./drop-target-utils\";\nimport { ScrollStopHandler, useAutoScroll } from \"./useAutoScroll\";\nimport { useDragDropCopy, NULL_DROP_OPTIONS } from \"./useDragDropCopy\";\nimport { useDragDropIndicator } from \"./useDragDropIndicator\";\nimport { useDragDropNaturalMovement } from \"./useDragDropNaturalMovement\";\nimport { ResumeDragHandler } from \"./useGlobalDragDrop\";\nimport { isOverflowElement } from \"../utils\";\n\nconst NULL_DRAG_DROP_RESULT = {\n  beginDrag: () => undefined,\n  drag: () => undefined,\n  draggableRef: { current: null },\n  drop: () => NULL_DROP_OPTIONS,\n  isDragging: false,\n  isScrolling: false,\n  handleScrollStart: () => undefined,\n  handleScrollStop: () => undefined,\n  revealOverflowedItems: false,\n};\n\ntype DraggableStatus = {\n  draggable?: JSX.Element;\n  draggedItemIndex: number;\n  isDragging: boolean;\n};\n\ntype DragBoundary = {\n  start: number;\n  end: number;\n  contraStart: number;\n  contraEnd: number;\n};\n\nconst UNBOUNDED: DragBoundary = {\n  start: 0,\n  end: 1000,\n  contraStart: 0,\n  contraEnd: 1000,\n};\n\ntype InternalHook = (props: InternalDragDropProps) => InternalDragHookResult;\nconst noDragDrop: InternalHook = () => NULL_DRAG_DROP_RESULT;\nconst dragThreshold = 3;\n\nconst getDraggableElement = (\n  el: EventTarget | null,\n  query: string,\n): HTMLElement => (el as HTMLElement)?.closest(query) as HTMLElement;\n\nconst getLastElement = (\n  container: HTMLElement,\n  itemQuery: string,\n): [HTMLElement, boolean] => {\n  const fullItemQuery = `:is(${itemQuery}${NOT_OVERFLOWED},.vuuOverflowContainer-OverflowIndicator)`;\n  const childElements = Array.from(container.querySelectorAll(fullItemQuery));\n  const lastElement = childElements.pop() as HTMLElement;\n  return [lastElement, isOverflowElement(lastElement)];\n};\n\nexport const useDragDrop: DragDropHook = ({\n  allowDragDrop,\n  containerRef,\n  draggableClassName,\n  getDragPayload,\n  id,\n  itemQuery = \"*\",\n  onDragStart,\n  onDrop,\n  onDropSettle,\n  orientation,\n  scrollingContainerRef,\n  ...dragDropProps\n}) => {\n  const dragBoundaries = useRef<DragBoundary>({\n    start: 0,\n    end: 0,\n    contraStart: 0,\n    contraEnd: 0,\n  });\n  const [draggableStatus, setDraggableStatus] = useState<DraggableStatus>({\n    draggable: undefined,\n    draggedItemIndex: -1,\n    isDragging: false,\n  });\n\n  const dragDropStateRef = useRef<DragDropState | null>(null);\n  const mouseDownTimer = useRef<number | null>(null);\n  /** do we actually have scrollable content  */\n  const isScrollableRef = useRef(false);\n\n  /** save this on mousedown. We cannot rely on the target of mousemove being same element*/\n  const mousedownElementRef = useRef<HTMLElement | null>(null);\n\n  /** current mouse position */\n  const mousePosRef = useRef<MouseOffset>({ x: 0, y: 0 });\n  /** mouse position when mousedown initiated drag */\n  const startPosRef = useRef<MouseOffset>({ x: 0, y: 0 });\n  /** references the dragged Item during its final 'settling' phase post drop  */\n  const settlingItemRef = useRef<HTMLElement | null>(null);\n  /** the container which will scroll if content overflows  */\n  const scrollableContainerRef = useRef<HTMLElement | null>(null);\n  const dropPosRef = useRef(-1);\n  const dropIndexRef = useRef(-1);\n\n  const handleScrollStopRef = useRef<ScrollStopHandler>();\n\n  const {\n    isDragSource,\n    isDropTarget,\n    onDragOut,\n    onEndOfDragOperation,\n    register,\n  } = useDragDropProvider(id);\n\n  type NativeMouseHandler = (evt: MouseEvent) => void;\n  /** refs for drag handlers to avoid circular dependency issues  */\n  const dragMouseMoveHandlerRef = useRef<NativeMouseHandler>();\n  const dragMouseUpHandlerRef = useRef<NativeMouseHandler>();\n\n  const attachDragHandlers = useCallback(() => {\n    const { current: dragMove } = dragMouseMoveHandlerRef;\n    const { current: dragUp } = dragMouseUpHandlerRef;\n    if (dragMove && dragUp) {\n      // prettier-ignore\n      document.addEventListener(\"mousemove\", dragMove, false);\n      document.addEventListener(\"mouseup\", dragUp, false);\n    }\n  }, []);\n  const removeDragHandlers = useCallback(() => {\n    const { current: dragMove } = dragMouseMoveHandlerRef;\n    const { current: dragUp } = dragMouseUpHandlerRef;\n    if (dragMove && dragUp) {\n      // prettier-ignore\n      document.removeEventListener(\"mousemove\", dragMove, false);\n      document.removeEventListener(\"mouseup\", dragUp, false);\n    }\n  }, []);\n\n  /**\n   * Establish the boundaries for the current drag operation. When dragging along\n   * a single axis (eg list items within a list, tabs within a tabstrip), constrain\n   * valid drag positions to the confines of the container. A sharp drag away from\n   * the primary drag axis is interpreted as a request to drag an item out of the\n   * container. This will be allowed if configured appropriately.\n   */\n  const setDragBoundaries = useCallback(\n    (containerRect: DOMRect, draggableRect: DOMRect) => {\n      const { current: container } = containerRef;\n      if (container) {\n        const [lastElement, lastItemIsOverflowIndicator] = getLastElement(\n          container,\n          itemQuery,\n        );\n        const { CONTRA, CONTRA_END, DIMENSION, END, START } =\n          dimensions(orientation);\n\n        const draggableSize = draggableRect[DIMENSION];\n        const { [START]: lastItemStart, [END]: lastItemEnd } =\n          lastElement.getBoundingClientRect();\n\n        dragBoundaries.current.start = containerRect[START];\n        dragBoundaries.current.end = lastItemIsOverflowIndicator\n          ? Math.max(lastItemStart, containerRect.right - draggableSize)\n          : isScrollableRef.current\n            ? containerRect[START] + containerRect[DIMENSION] - draggableSize\n            : lastItemEnd - draggableSize;\n        dragBoundaries.current.contraStart = containerRect[CONTRA];\n        dragBoundaries.current.contraEnd = containerRect[CONTRA_END];\n      }\n    },\n    [containerRef, itemQuery, orientation],\n  );\n\n  const terminateDrag = useCallback(() => {\n    const { current: settlingItem } = settlingItemRef;\n    settlingItemRef.current = null;\n\n    const { current: toIndex } = dropIndexRef;\n    const droppedItem = containerRef.current?.querySelector(\n      `${itemQuery}[data-index=\"${toIndex}\"]`,\n    );\n    if (droppedItem) {\n      droppedItem.classList.remove(\"vuuDropTarget-settling\");\n    }\n    dropIndexRef.current = -1;\n    onDropSettle?.(toIndex);\n    setDraggableStatus((status) => ({\n      ...status,\n      draggable: undefined,\n    }));\n\n    if (settlingItem) {\n      dispatchCustomEvent(settlingItem, \"vuu-dropped\");\n    }\n  }, [containerRef, itemQuery, onDropSettle]);\n\n  const getScrollDirection = useCallback(\n    (mousePos: number) => {\n      if (scrollableContainerRef.current && dragDropStateRef.current) {\n        const { mouseOffset } = dragDropStateRef.current;\n\n        const { POS, SCROLL_POS, SCROLL_SIZE, CLIENT_SIZE } =\n          dimensions(orientation);\n        const {\n          [SCROLL_POS]: scrollPos,\n          [SCROLL_SIZE]: scrollSize,\n          [CLIENT_SIZE]: clientSize,\n        } = scrollableContainerRef.current;\n\n        const maxScroll = scrollSize - clientSize;\n        const canScrollFwd = scrollPos < maxScroll;\n        const viewportEnd = dragBoundaries.current.end;\n        const bwd =\n          scrollPos > 0 &&\n          mousePos - mouseOffset[POS] <= dragBoundaries.current.start;\n        const fwd = canScrollFwd && mousePos - mouseOffset[POS] >= viewportEnd;\n\n        return bwd ? \"bwd\" : fwd ? \"fwd\" : \"\";\n      }\n    },\n    [scrollableContainerRef, orientation],\n  );\n\n  const useDragDropHook: InternalHook =\n    allowDragDrop === true || allowDragDrop === \"natural-movement\"\n      ? useDragDropNaturalMovement\n      : allowDragDrop === \"drop-indicator\"\n        ? useDragDropIndicator\n        : allowDragDrop === \"drag-copy\"\n          ? useDragDropCopy\n          : noDragDrop;\n\n  const onScrollingStopped = useCallback(\n    (scrollDirection: \"fwd\" | \"bwd\", scrollPos: number, atEnd: boolean) => {\n      handleScrollStopRef.current?.(scrollDirection, scrollPos, atEnd);\n    },\n    [],\n  );\n\n  const { isScrolling, startScrolling, stopScrolling } = useAutoScroll({\n    containerRef: scrollableContainerRef,\n    onScrollingStopped,\n    orientation,\n  });\n\n  const handleDrop = useCallback<DropHandler>(\n    (options) => {\n      //TODO why do we need both this and dropIndexRef ?\n      dropPosRef.current = options.toIndex;\n      if (options.isExternal) {\n        onDrop?.({\n          ...options,\n          payload: dragDropStateRef.current?.payload,\n        });\n      } else {\n        onDrop?.(options);\n      }\n      dropIndexRef.current = options.toIndex;\n      if (id) {\n        onEndOfDragOperation?.(id);\n      }\n      dragDropStateRef.current = null;\n    },\n    [id, onDrop, onEndOfDragOperation],\n  );\n\n  const {\n    beginDrag,\n    drag,\n    drop,\n    handleScrollStart,\n    handleScrollStop,\n    releaseDrag,\n    ...dragResult\n  } = useDragDropHook({\n    ...dragDropProps,\n    containerRef,\n    isDragSource,\n    isDropTarget,\n    itemQuery,\n    orientation,\n  });\n  // To avoid circular ref between hooks\n  handleScrollStopRef.current = handleScrollStop;\n\n  const dragHandedOvertoProvider = useCallback(\n    (dragDistance: number, clientContraPos: number) => {\n      const { CONTRA_POS } = dimensions(orientation);\n      const lastClientContraPos = mousePosRef.current[CONTRA_POS];\n\n      const dragOutDistance = isDragSource\n        ? Math.abs(lastClientContraPos - clientContraPos)\n        : 0;\n\n      if (allowDragDrop === true && !isDragSource && !isDropTarget) {\n        //This is a simple internal drag\n        return false;\n      }\n\n      // If isDropTarget is false, there are configured dropTargets in context\n      // but this is not one, so drag will be handed straight over to DragProvider\n      // (global drag). If isDropTarget is undefined, we have no DragProvider\n      // so we are dealing with a simple local drag drop operation.\n      const handoverToProvider =\n        isDropTarget === false || dragOutDistance - dragDistance > 5;\n\n      if (dragDropStateRef.current && handoverToProvider) {\n        if (onDragOut?.(id as string, dragDropStateRef.current)) {\n          // TODO create a cleanup function\n          removeDragHandlers();\n          releaseDrag?.();\n          dragDropStateRef.current = null;\n        }\n        // remove the drag boundaries\n        dragBoundaries.current = UNBOUNDED;\n        return true;\n      }\n    },\n    [\n      allowDragDrop,\n      id,\n      isDragSource,\n      isDropTarget,\n      onDragOut,\n      orientation,\n      releaseDrag,\n      removeDragHandlers,\n    ],\n  );\n\n  const dragMouseMoveHandler = useCallback(\n    (evt: MouseEvent) => {\n      const { CLIENT_POS, CONTRA_CLIENT_POS, POS } = dimensions(orientation);\n      const { clientX, clientY } = evt;\n      const { [CLIENT_POS]: clientPos, [CONTRA_CLIENT_POS]: clientContraPos } =\n        evt;\n      const lastClientPos = mousePosRef.current[POS];\n      const dragDistance = Math.abs(lastClientPos - clientPos);\n      const { current: dragDropState } = dragDropStateRef;\n      const { current: boundary } = dragBoundaries;\n\n      if (dragHandedOvertoProvider(dragDistance, clientContraPos)) {\n        return;\n      }\n\n      mousePosRef.current.x = clientX;\n      mousePosRef.current.y = clientY;\n\n      if (dragDropState) {\n        const { draggableElement, mouseOffset } = dragDropState;\n\n        if (dragBoundaries.current === UNBOUNDED && draggableElement) {\n          const dragPosX = mousePosRef.current.x - mouseOffset.x;\n          const dragPosY = mousePosRef.current.y - mouseOffset.y;\n          draggableElement.style.top = `${dragPosY}px`;\n          draggableElement.style.left = `${dragPosX}px`;\n        } else if (dragDistance > 0 && draggableElement) {\n          const mouseMoveDirection = lastClientPos < clientPos ? \"fwd\" : \"bwd\";\n          const scrollDirection = getScrollDirection(clientPos);\n          const dragPos = mousePosRef.current[POS] - mouseOffset[POS];\n          const START = orientation === \"horizontal\" ? \"left\" : \"top\";\n\n          if (\n            scrollDirection &&\n            isScrollableRef.current &&\n            !isScrolling.current\n          ) {\n            handleScrollStart?.(scrollDirection);\n            startScrolling(scrollDirection, 1);\n\n            if (scrollDirection === \"fwd\") {\n              draggableElement.style[START] = `${boundary.end}px`;\n            } else {\n              draggableElement.style[START] = `${boundary.start}px`;\n            }\n          } else if (!scrollDirection && isScrolling.current) {\n            stopScrolling();\n          }\n\n          if (!isScrolling.current) {\n            const renderDragPos = Math.round(\n              Math.max(boundary.start, Math.min(boundary.end, dragPos)),\n            );\n            draggableElement.style[START] = `${renderDragPos}px`;\n            drag(renderDragPos, mouseMoveDirection);\n          }\n        }\n      }\n    },\n    [\n      drag,\n      dragHandedOvertoProvider,\n      getScrollDirection,\n      handleScrollStart,\n      isScrolling,\n      orientation,\n      startScrolling,\n      stopScrolling,\n    ],\n  );\n  const dragMouseUpHandler = useCallback(() => {\n    removeDragHandlers();\n    if (dragDropStateRef.current) {\n      settlingItemRef.current = dragDropStateRef.current.draggableElement;\n    }\n    const dropOptions = drop();\n    handleDrop(dropOptions);\n\n    setDraggableStatus((status) => ({\n      ...status,\n      draggedItemIndex: -1,\n      isDragging: false,\n    }));\n    // TODO clear the dragDropState\n  }, [drop, handleDrop, removeDragHandlers]);\n\n  dragMouseMoveHandlerRef.current = dragMouseMoveHandler;\n  dragMouseUpHandlerRef.current = dragMouseUpHandler;\n\n  const resumeDrag = useCallback<ResumeDragHandler>(\n    (dragDropState: DragDropState) => {\n      dragDropStateRef.current = dragDropState;\n      // Note this is using the draggable element rather than the original draggedElement\n      const { draggableElement, mouseOffset } = dragDropState;\n      const { current: container } = containerRef;\n\n      if (container && draggableElement) {\n        const containerRect = container.getBoundingClientRect();\n        const draggableRect = draggableElement.getBoundingClientRect();\n        setDragBoundaries(containerRect, draggableRect);\n\n        mousePosRef.current.x = draggableRect.left + mouseOffset.x;\n        mousePosRef.current.y = draggableRect.top + mouseOffset.y;\n\n        // why doesn't this work if we use the initialDragEement\n        beginDrag(draggableElement);\n\n        attachDragHandlers();\n\n        return true;\n      } else {\n        return false;\n      }\n    },\n    [attachDragHandlers, beginDrag, containerRef, setDragBoundaries],\n  );\n\n  const dragStart = useCallback(\n    (mousePosition: MousePosition) => {\n      const { current: container } = containerRef;\n      const { current: target } = mousedownElementRef;\n      const dragElement = getDraggableElement(target, itemQuery);\n      const scrollableContainer =\n        scrollingContainerRef?.current ??\n        getScrollableContainer(container, itemQuery);\n      if (container && scrollableContainer && dragElement) {\n        isScrollableRef.current = isContainerScrollable(\n          scrollableContainer,\n          orientation,\n        );\n        scrollableContainerRef.current = scrollableContainer;\n\n        const containerRect = scrollableContainer.getBoundingClientRect();\n        const draggableRect = dragElement.getBoundingClientRect();\n\n        const dragDropState = (dragDropStateRef.current = new DragDropState(\n          mousePosition,\n          dragElement,\n        ));\n\n        setDragBoundaries(containerRect, draggableRect);\n\n        beginDrag(dragElement);\n\n        const {\n          dataset: { index = \"-1\" },\n        } = dragElement;\n\n        setDraggableStatus({\n          isDragging: true,\n          draggable: (\n            <Draggable\n              element={cloneElement(dragElement)}\n              onDropped={terminateDrag}\n              onTransitionEnd={terminateDrag}\n              ref={dragDropState.setDraggable}\n              style={constrainRect(draggableRect, containerRect)}\n              wrapperClassName={draggableClassName}\n            />\n          ),\n          draggedItemIndex: parseInt(index),\n        });\n\n        onDragStart?.(dragDropState);\n        attachDragHandlers();\n\n        mousedownElementRef.current = null;\n      }\n    },\n    [\n      attachDragHandlers,\n      beginDrag,\n      containerRef,\n      draggableClassName,\n      itemQuery,\n      onDragStart,\n      orientation,\n      scrollingContainerRef,\n      setDragBoundaries,\n      terminateDrag,\n    ],\n  );\n\n  const preDragMouseMoveHandler = useCallback(\n    (evt: MouseEvent) => {\n      const { current: mouseDownPosition } = startPosRef;\n      const { CLIENT_POS, POS } = dimensions(orientation);\n      const { [CLIENT_POS]: clientPos } = evt;\n      const mouseMoveDistance = Math.abs(clientPos - mouseDownPosition[POS]);\n      if (mouseMoveDistance > dragThreshold && containerRef.current) {\n        if (mouseDownTimer.current) {\n          window.clearTimeout(mouseDownTimer.current);\n          mouseDownTimer.current = null;\n        }\n        document.removeEventListener(\"mousemove\", preDragMouseMoveHandler);\n        document.removeEventListener(\"mouseup\", preDragMouseUpHandler, false);\n\n        const mousePosition = {\n          clientX: mouseDownPosition.x,\n          clientY: mouseDownPosition.y,\n        };\n        dragStart(mousePosition);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [containerRef, beginDrag, orientation],\n  );\n\n  const preDragMouseUpHandler = useCallback(() => {\n    if (mouseDownTimer.current) {\n      window.clearTimeout(mouseDownTimer.current);\n      mouseDownTimer.current = null;\n    }\n    document.removeEventListener(\"mousemove\", preDragMouseMoveHandler, false);\n    document.removeEventListener(\"mouseup\", preDragMouseUpHandler, false);\n  }, [preDragMouseMoveHandler]);\n\n  const mouseDownHandler: MouseEventHandler = useCallback(\n    (evt) => {\n      if (evt.button !== 0) {\n        return;\n      }\n      // TODO runtime check here for valid drop targets ?\n      const { current: container } = containerRef;\n      // We don't want to prevent other handlers on this element from working\n      // but we do want to stop a drag drop being initiated on a bubbled event.\n      evt.stopPropagation();\n      if (container && !evt.defaultPrevented) {\n        const { clientX, clientY } = evt;\n        mousePosRef.current.x = startPosRef.current.x = clientX;\n        mousePosRef.current.y = startPosRef.current.y = clientY;\n        mousedownElementRef.current = evt.target as HTMLElement;\n\n        const mousePosition = {\n          clientX,\n          clientY,\n        };\n\n        document.addEventListener(\"mousemove\", preDragMouseMoveHandler, false);\n        document.addEventListener(\"mouseup\", preDragMouseUpHandler, false);\n\n        evt.persist();\n\n        mouseDownTimer.current = window.setTimeout(() => {\n          document.removeEventListener(\n            \"mousemove\",\n            preDragMouseMoveHandler,\n            false,\n          );\n          document.removeEventListener(\"mouseup\", preDragMouseUpHandler, false);\n          dragStart(mousePosition);\n        }, 500);\n      }\n    },\n    [containerRef, dragStart, preDragMouseMoveHandler, preDragMouseUpHandler],\n  );\n\n  const { current: settlingItem } = settlingItemRef;\n  useLayoutEffect(() => {\n    if (settlingItem && containerRef.current) {\n      const dropPos = dropPosRef.current;\n      const droppedItem = containerRef.current.querySelector(\n        `${itemQuery}[data-index=\"${dropPos}\"]`,\n      );\n\n      if (droppedItem) {\n        droppedItem.classList.add(\"vuuDropTarget-settling\");\n        requestAnimationFrame(() => {\n          const { top: targetTop, left: targetLeft } =\n            droppedItem.getBoundingClientRect();\n          // If the droppedItem is already exactly in the drop position, we can just\n          // terminate the drag here and now. Most likely, though, it is out by a few\n          // pixels. We animate the dragged item into the final resting place before\n          // terminating the drag.\n          const style = getComputedStyle(settlingItem);\n          const currentLeft = parseInt(style.getPropertyValue(\"left\"));\n          const currentTop = parseInt(style.getPropertyValue(\"top\"));\n          if (currentLeft !== targetLeft || currentTop !== targetTop) {\n            settlingItem.classList.add(\"vuuDraggable-settling\");\n            settlingItem.style.top = `${targetTop}px`;\n            settlingItem.style.left = `${targetLeft}px`;\n          } else {\n            terminateDrag();\n          }\n        });\n      } else {\n        // didn't find the dragged item. This is currently happening\n        // because of a quirk with last item when scrolling has taken\n        //  place. Take no chances, make sure we don't keep an orphaned draggable\n        setDraggableStatus((status) => ({\n          ...status,\n          draggable: undefined,\n        }));\n      }\n    }\n  }, [containerRef, itemQuery, settlingItem, terminateDrag]);\n\n  useEffect(() => {\n    if (id && (isDragSource || isDropTarget)) {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      //@ts-ignore TODO drah drop WIP\n      register(id, allowDragDrop === \"drop-only\" ? false : resumeDrag, onDrop);\n    }\n  }, [\n    allowDragDrop,\n    id,\n    isDragSource,\n    isDropTarget,\n    onDrop,\n    register,\n    resumeDrag,\n  ]);\n\n  return {\n    ...dragResult,\n    ...draggableStatus,\n    isScrolling,\n    onMouseDown:\n      allowDragDrop && allowDragDrop !== \"drop-only\"\n        ? mouseDownHandler\n        : undefined,\n  };\n};\n"],"names":["NULL_DROP_OPTIONS","NOT_OVERFLOWED","isOverflowElement","useRef","useState","useDragDropProvider","useCallback","dimensions","settlingItem","dispatchCustomEvent","useDragDropNaturalMovement","useDragDropIndicator","useDragDropCopy","useAutoScroll","getScrollableContainer","isContainerScrollable","DragDropState","jsx","Draggable","cloneElement","constrainRect","useLayoutEffect","useEffect"],"mappings":"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"}
+{"version":3,"file":"useDragDrop.js","sources":["../../src/drag-drop/useDragDrop.tsx"],"sourcesContent":["import { dispatchCustomEvent } from \"@vuu-ui/vuu-utils\";\nimport {\n  MouseEventHandler,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useDragDropProvider } from \"./DragDropProvider\";\nimport { DragDropState } from \"./DragDropState\";\nimport {\n  DragDropHook,\n  DropHandler,\n  InternalDragDropProps,\n  InternalDragHookResult,\n  MouseOffset,\n  MousePosition,\n} from \"./dragDropTypes\";\nimport { Draggable } from \"./Draggable\";\nimport {\n  cloneElement,\n  constrainRect,\n  dimensions,\n  getScrollableContainer,\n  isContainerScrollable,\n  NOT_OVERFLOWED,\n} from \"./drop-target-utils\";\nimport { ScrollStopHandler, useAutoScroll } from \"./useAutoScroll\";\nimport { useDragDropCopy, NULL_DROP_OPTIONS } from \"./useDragDropCopy\";\nimport { useDragDropIndicator } from \"./useDragDropIndicator\";\nimport { useDragDropNaturalMovement } from \"./useDragDropNaturalMovement\";\nimport { ResumeDragHandler } from \"./useGlobalDragDrop\";\nimport { isOverflowElement } from \"../utils\";\n\nconst NULL_DRAG_DROP_RESULT = {\n  beginDrag: () => undefined,\n  drag: () => undefined,\n  draggableRef: { current: null },\n  drop: () => NULL_DROP_OPTIONS,\n  isDragging: false,\n  isScrolling: false,\n  handleScrollStart: () => undefined,\n  handleScrollStop: () => undefined,\n  revealOverflowedItems: false,\n};\n\ntype DraggableStatus = {\n  draggable?: ReactElement;\n  draggedItemIndex: number;\n  isDragging: boolean;\n};\n\ntype DragBoundary = {\n  start: number;\n  end: number;\n  contraStart: number;\n  contraEnd: number;\n};\n\nconst UNBOUNDED: DragBoundary = {\n  start: 0,\n  end: 1000,\n  contraStart: 0,\n  contraEnd: 1000,\n};\n\ntype InternalHook = (props: InternalDragDropProps) => InternalDragHookResult;\nconst noDragDrop: InternalHook = () => NULL_DRAG_DROP_RESULT;\nconst dragThreshold = 3;\n\nconst getDraggableElement = (\n  el: EventTarget | null,\n  query: string,\n): HTMLElement => (el as HTMLElement)?.closest(query) as HTMLElement;\n\nconst getLastElement = (\n  container: HTMLElement,\n  itemQuery: string,\n): [HTMLElement, boolean] => {\n  const fullItemQuery = `:is(${itemQuery}${NOT_OVERFLOWED},.vuuOverflowContainer-OverflowIndicator)`;\n  const childElements = Array.from(container.querySelectorAll(fullItemQuery));\n  const lastElement = childElements.pop() as HTMLElement;\n  return [lastElement, isOverflowElement(lastElement)];\n};\n\nexport const useDragDrop: DragDropHook = ({\n  allowDragDrop,\n  containerRef,\n  draggableClassName,\n  getDragPayload,\n  id,\n  itemQuery = \"*\",\n  onDragStart,\n  onDrop,\n  onDropSettle,\n  orientation,\n  scrollingContainerRef,\n  ...dragDropProps\n}) => {\n  const dragBoundaries = useRef<DragBoundary>({\n    start: 0,\n    end: 0,\n    contraStart: 0,\n    contraEnd: 0,\n  });\n  const [draggableStatus, setDraggableStatus] = useState<DraggableStatus>({\n    draggable: undefined,\n    draggedItemIndex: -1,\n    isDragging: false,\n  });\n\n  const dragDropStateRef = useRef<DragDropState | null>(null);\n  const mouseDownTimer = useRef<number | null>(null);\n  /** do we actually have scrollable content  */\n  const isScrollableRef = useRef(false);\n\n  /** save this on mousedown. We cannot rely on the target of mousemove being same element*/\n  const mousedownElementRef = useRef<HTMLElement | null>(null);\n\n  /** current mouse position */\n  const mousePosRef = useRef<MouseOffset>({ x: 0, y: 0 });\n  /** mouse position when mousedown initiated drag */\n  const startPosRef = useRef<MouseOffset>({ x: 0, y: 0 });\n  /** references the dragged Item during its final 'settling' phase post drop  */\n  const settlingItemRef = useRef<HTMLElement | null>(null);\n  /** the container which will scroll if content overflows  */\n  const scrollableContainerRef = useRef<HTMLElement | null>(null);\n  const dropPosRef = useRef(-1);\n  const dropIndexRef = useRef(-1);\n\n  const handleScrollStopRef = useRef<ScrollStopHandler>(undefined);\n\n  const {\n    isDragSource,\n    isDropTarget,\n    onDragOut,\n    onEndOfDragOperation,\n    register,\n  } = useDragDropProvider(id);\n\n  type NativeMouseHandler = (evt: MouseEvent) => void;\n  /** refs for drag handlers to avoid circular dependency issues  */\n  const dragMouseMoveHandlerRef = useRef<NativeMouseHandler>(undefined);\n  const dragMouseUpHandlerRef = useRef<NativeMouseHandler>(undefined);\n\n  const attachDragHandlers = useCallback(() => {\n    const { current: dragMove } = dragMouseMoveHandlerRef;\n    const { current: dragUp } = dragMouseUpHandlerRef;\n    if (dragMove && dragUp) {\n      // prettier-ignore\n      document.addEventListener(\"mousemove\", dragMove, false);\n      document.addEventListener(\"mouseup\", dragUp, false);\n    }\n  }, []);\n  const removeDragHandlers = useCallback(() => {\n    const { current: dragMove } = dragMouseMoveHandlerRef;\n    const { current: dragUp } = dragMouseUpHandlerRef;\n    if (dragMove && dragUp) {\n      // prettier-ignore\n      document.removeEventListener(\"mousemove\", dragMove, false);\n      document.removeEventListener(\"mouseup\", dragUp, false);\n    }\n  }, []);\n\n  /**\n   * Establish the boundaries for the current drag operation. When dragging along\n   * a single axis (eg list items within a list, tabs within a tabstrip), constrain\n   * valid drag positions to the confines of the container. A sharp drag away from\n   * the primary drag axis is interpreted as a request to drag an item out of the\n   * container. This will be allowed if configured appropriately.\n   */\n  const setDragBoundaries = useCallback(\n    (containerRect: DOMRect, draggableRect: DOMRect) => {\n      const { current: container } = containerRef;\n      if (container) {\n        const [lastElement, lastItemIsOverflowIndicator] = getLastElement(\n          container,\n          itemQuery,\n        );\n        const { CONTRA, CONTRA_END, DIMENSION, END, START } =\n          dimensions(orientation);\n\n        const draggableSize = draggableRect[DIMENSION];\n        const { [START]: lastItemStart, [END]: lastItemEnd } =\n          lastElement.getBoundingClientRect();\n\n        dragBoundaries.current.start = containerRect[START];\n        dragBoundaries.current.end = lastItemIsOverflowIndicator\n          ? Math.max(lastItemStart, containerRect.right - draggableSize)\n          : isScrollableRef.current\n            ? containerRect[START] + containerRect[DIMENSION] - draggableSize\n            : lastItemEnd - draggableSize;\n        dragBoundaries.current.contraStart = containerRect[CONTRA];\n        dragBoundaries.current.contraEnd = containerRect[CONTRA_END];\n      }\n    },\n    [containerRef, itemQuery, orientation],\n  );\n\n  const terminateDrag = useCallback(() => {\n    const { current: settlingItem } = settlingItemRef;\n    settlingItemRef.current = null;\n\n    const { current: toIndex } = dropIndexRef;\n    const droppedItem = containerRef.current?.querySelector(\n      `${itemQuery}[data-index=\"${toIndex}\"]`,\n    );\n    if (droppedItem) {\n      droppedItem.classList.remove(\"vuuDropTarget-settling\");\n    }\n    dropIndexRef.current = -1;\n    onDropSettle?.(toIndex);\n    setDraggableStatus((status) => ({\n      ...status,\n      draggable: undefined,\n    }));\n\n    if (settlingItem) {\n      dispatchCustomEvent(settlingItem, \"vuu-dropped\");\n    }\n  }, [containerRef, itemQuery, onDropSettle]);\n\n  const getScrollDirection = useCallback(\n    (mousePos: number) => {\n      if (scrollableContainerRef.current && dragDropStateRef.current) {\n        const { mouseOffset } = dragDropStateRef.current;\n\n        const { POS, SCROLL_POS, SCROLL_SIZE, CLIENT_SIZE } =\n          dimensions(orientation);\n        const {\n          [SCROLL_POS]: scrollPos,\n          [SCROLL_SIZE]: scrollSize,\n          [CLIENT_SIZE]: clientSize,\n        } = scrollableContainerRef.current;\n\n        const maxScroll = scrollSize - clientSize;\n        const canScrollFwd = scrollPos < maxScroll;\n        const viewportEnd = dragBoundaries.current.end;\n        const bwd =\n          scrollPos > 0 &&\n          mousePos - mouseOffset[POS] <= dragBoundaries.current.start;\n        const fwd = canScrollFwd && mousePos - mouseOffset[POS] >= viewportEnd;\n\n        return bwd ? \"bwd\" : fwd ? \"fwd\" : \"\";\n      }\n    },\n    [scrollableContainerRef, orientation],\n  );\n\n  const useDragDropHook: InternalHook =\n    allowDragDrop === true || allowDragDrop === \"natural-movement\"\n      ? useDragDropNaturalMovement\n      : allowDragDrop === \"drop-indicator\"\n        ? useDragDropIndicator\n        : allowDragDrop === \"drag-copy\"\n          ? useDragDropCopy\n          : noDragDrop;\n\n  const onScrollingStopped = useCallback(\n    (scrollDirection: \"fwd\" | \"bwd\", scrollPos: number, atEnd: boolean) => {\n      handleScrollStopRef.current?.(scrollDirection, scrollPos, atEnd);\n    },\n    [],\n  );\n\n  const { isScrolling, startScrolling, stopScrolling } = useAutoScroll({\n    containerRef: scrollableContainerRef,\n    onScrollingStopped,\n    orientation,\n  });\n\n  const handleDrop = useCallback<DropHandler>(\n    (options) => {\n      //TODO why do we need both this and dropIndexRef ?\n      dropPosRef.current = options.toIndex;\n      if (options.isExternal) {\n        onDrop?.({\n          ...options,\n          payload: dragDropStateRef.current?.payload,\n        });\n      } else {\n        onDrop?.(options);\n      }\n      dropIndexRef.current = options.toIndex;\n      if (id) {\n        onEndOfDragOperation?.(id);\n      }\n      dragDropStateRef.current = null;\n    },\n    [id, onDrop, onEndOfDragOperation],\n  );\n\n  const {\n    beginDrag,\n    drag,\n    drop,\n    handleScrollStart,\n    handleScrollStop,\n    releaseDrag,\n    ...dragResult\n  } = useDragDropHook({\n    ...dragDropProps,\n    containerRef,\n    isDragSource,\n    isDropTarget,\n    itemQuery,\n    orientation,\n  });\n  // To avoid circular ref between hooks\n  handleScrollStopRef.current = handleScrollStop;\n\n  const dragHandedOvertoProvider = useCallback(\n    (dragDistance: number, clientContraPos: number) => {\n      const { CONTRA_POS } = dimensions(orientation);\n      const lastClientContraPos = mousePosRef.current[CONTRA_POS];\n\n      const dragOutDistance = isDragSource\n        ? Math.abs(lastClientContraPos - clientContraPos)\n        : 0;\n\n      if (allowDragDrop === true && !isDragSource && !isDropTarget) {\n        //This is a simple internal drag\n        return false;\n      }\n\n      // If isDropTarget is false, there are configured dropTargets in context\n      // but this is not one, so drag will be handed straight over to DragProvider\n      // (global drag). If isDropTarget is undefined, we have no DragProvider\n      // so we are dealing with a simple local drag drop operation.\n      const handoverToProvider =\n        isDropTarget === false || dragOutDistance - dragDistance > 5;\n\n      if (dragDropStateRef.current && handoverToProvider) {\n        if (onDragOut?.(id as string, dragDropStateRef.current)) {\n          // TODO create a cleanup function\n          removeDragHandlers();\n          releaseDrag?.();\n          dragDropStateRef.current = null;\n        }\n        // remove the drag boundaries\n        dragBoundaries.current = UNBOUNDED;\n        return true;\n      }\n    },\n    [\n      allowDragDrop,\n      id,\n      isDragSource,\n      isDropTarget,\n      onDragOut,\n      orientation,\n      releaseDrag,\n      removeDragHandlers,\n    ],\n  );\n\n  const dragMouseMoveHandler = useCallback(\n    (evt: MouseEvent) => {\n      const { CLIENT_POS, CONTRA_CLIENT_POS, POS } = dimensions(orientation);\n      const { clientX, clientY } = evt;\n      const { [CLIENT_POS]: clientPos, [CONTRA_CLIENT_POS]: clientContraPos } =\n        evt;\n      const lastClientPos = mousePosRef.current[POS];\n      const dragDistance = Math.abs(lastClientPos - clientPos);\n      const { current: dragDropState } = dragDropStateRef;\n      const { current: boundary } = dragBoundaries;\n\n      if (dragHandedOvertoProvider(dragDistance, clientContraPos)) {\n        return;\n      }\n\n      mousePosRef.current.x = clientX;\n      mousePosRef.current.y = clientY;\n\n      if (dragDropState) {\n        const { draggableElement, mouseOffset } = dragDropState;\n\n        if (dragBoundaries.current === UNBOUNDED && draggableElement) {\n          const dragPosX = mousePosRef.current.x - mouseOffset.x;\n          const dragPosY = mousePosRef.current.y - mouseOffset.y;\n          draggableElement.style.top = `${dragPosY}px`;\n          draggableElement.style.left = `${dragPosX}px`;\n        } else if (dragDistance > 0 && draggableElement) {\n          const mouseMoveDirection = lastClientPos < clientPos ? \"fwd\" : \"bwd\";\n          const scrollDirection = getScrollDirection(clientPos);\n          const dragPos = mousePosRef.current[POS] - mouseOffset[POS];\n          const START = orientation === \"horizontal\" ? \"left\" : \"top\";\n\n          if (\n            scrollDirection &&\n            isScrollableRef.current &&\n            !isScrolling.current\n          ) {\n            handleScrollStart?.(scrollDirection);\n            startScrolling(scrollDirection, 1);\n\n            if (scrollDirection === \"fwd\") {\n              draggableElement.style[START] = `${boundary.end}px`;\n            } else {\n              draggableElement.style[START] = `${boundary.start}px`;\n            }\n          } else if (!scrollDirection && isScrolling.current) {\n            stopScrolling();\n          }\n\n          if (!isScrolling.current) {\n            const renderDragPos = Math.round(\n              Math.max(boundary.start, Math.min(boundary.end, dragPos)),\n            );\n            draggableElement.style[START] = `${renderDragPos}px`;\n            drag(renderDragPos, mouseMoveDirection);\n          }\n        }\n      }\n    },\n    [\n      drag,\n      dragHandedOvertoProvider,\n      getScrollDirection,\n      handleScrollStart,\n      isScrolling,\n      orientation,\n      startScrolling,\n      stopScrolling,\n    ],\n  );\n  const dragMouseUpHandler = useCallback(() => {\n    removeDragHandlers();\n    if (dragDropStateRef.current) {\n      settlingItemRef.current = dragDropStateRef.current.draggableElement;\n    }\n    const dropOptions = drop();\n    handleDrop(dropOptions);\n\n    setDraggableStatus((status) => ({\n      ...status,\n      draggedItemIndex: -1,\n      isDragging: false,\n    }));\n    // TODO clear the dragDropState\n  }, [drop, handleDrop, removeDragHandlers]);\n\n  dragMouseMoveHandlerRef.current = dragMouseMoveHandler;\n  dragMouseUpHandlerRef.current = dragMouseUpHandler;\n\n  const resumeDrag = useCallback<ResumeDragHandler>(\n    (dragDropState: DragDropState) => {\n      dragDropStateRef.current = dragDropState;\n      // Note this is using the draggable element rather than the original draggedElement\n      const { draggableElement, mouseOffset } = dragDropState;\n      const { current: container } = containerRef;\n\n      if (container && draggableElement) {\n        const containerRect = container.getBoundingClientRect();\n        const draggableRect = draggableElement.getBoundingClientRect();\n        setDragBoundaries(containerRect, draggableRect);\n\n        mousePosRef.current.x = draggableRect.left + mouseOffset.x;\n        mousePosRef.current.y = draggableRect.top + mouseOffset.y;\n\n        // why doesn't this work if we use the initialDragEement\n        beginDrag(draggableElement);\n\n        attachDragHandlers();\n\n        return true;\n      } else {\n        return false;\n      }\n    },\n    [attachDragHandlers, beginDrag, containerRef, setDragBoundaries],\n  );\n\n  const dragStart = useCallback(\n    (mousePosition: MousePosition) => {\n      const { current: container } = containerRef;\n      const { current: target } = mousedownElementRef;\n      const dragElement = getDraggableElement(target, itemQuery);\n      const scrollableContainer =\n        scrollingContainerRef?.current ??\n        getScrollableContainer(container, itemQuery);\n      if (container && scrollableContainer && dragElement) {\n        isScrollableRef.current = isContainerScrollable(\n          scrollableContainer,\n          orientation,\n        );\n        scrollableContainerRef.current = scrollableContainer;\n\n        const containerRect = scrollableContainer.getBoundingClientRect();\n        const draggableRect = dragElement.getBoundingClientRect();\n\n        const dragDropState = (dragDropStateRef.current = new DragDropState(\n          mousePosition,\n          dragElement,\n        ));\n\n        setDragBoundaries(containerRect, draggableRect);\n\n        beginDrag(dragElement);\n\n        const {\n          dataset: { index = \"-1\" },\n        } = dragElement;\n\n        setDraggableStatus({\n          isDragging: true,\n          draggable: (\n            <Draggable\n              element={cloneElement(dragElement)}\n              onDropped={terminateDrag}\n              onTransitionEnd={terminateDrag}\n              ref={dragDropState.setDraggable}\n              style={constrainRect(draggableRect, containerRect)}\n              wrapperClassName={draggableClassName}\n            />\n          ),\n          draggedItemIndex: parseInt(index),\n        });\n\n        onDragStart?.(dragDropState);\n        attachDragHandlers();\n\n        mousedownElementRef.current = null;\n      }\n    },\n    [\n      attachDragHandlers,\n      beginDrag,\n      containerRef,\n      draggableClassName,\n      itemQuery,\n      onDragStart,\n      orientation,\n      scrollingContainerRef,\n      setDragBoundaries,\n      terminateDrag,\n    ],\n  );\n\n  const preDragMouseMoveHandler = useCallback(\n    (evt: MouseEvent) => {\n      const { current: mouseDownPosition } = startPosRef;\n      const { CLIENT_POS, POS } = dimensions(orientation);\n      const { [CLIENT_POS]: clientPos } = evt;\n      const mouseMoveDistance = Math.abs(clientPos - mouseDownPosition[POS]);\n      if (mouseMoveDistance > dragThreshold && containerRef.current) {\n        if (mouseDownTimer.current) {\n          window.clearTimeout(mouseDownTimer.current);\n          mouseDownTimer.current = null;\n        }\n        document.removeEventListener(\"mousemove\", preDragMouseMoveHandler);\n        document.removeEventListener(\"mouseup\", preDragMouseUpHandler, false);\n\n        const mousePosition = {\n          clientX: mouseDownPosition.x,\n          clientY: mouseDownPosition.y,\n        };\n        dragStart(mousePosition);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [containerRef, beginDrag, orientation],\n  );\n\n  const preDragMouseUpHandler = useCallback(() => {\n    if (mouseDownTimer.current) {\n      window.clearTimeout(mouseDownTimer.current);\n      mouseDownTimer.current = null;\n    }\n    document.removeEventListener(\"mousemove\", preDragMouseMoveHandler, false);\n    document.removeEventListener(\"mouseup\", preDragMouseUpHandler, false);\n  }, [preDragMouseMoveHandler]);\n\n  const mouseDownHandler: MouseEventHandler = useCallback(\n    (evt) => {\n      if (evt.button !== 0) {\n        return;\n      }\n      // TODO runtime check here for valid drop targets ?\n      const { current: container } = containerRef;\n      // We don't want to prevent other handlers on this element from working\n      // but we do want to stop a drag drop being initiated on a bubbled event.\n      evt.stopPropagation();\n      if (container && !evt.defaultPrevented) {\n        const { clientX, clientY } = evt;\n        mousePosRef.current.x = startPosRef.current.x = clientX;\n        mousePosRef.current.y = startPosRef.current.y = clientY;\n        mousedownElementRef.current = evt.target as HTMLElement;\n\n        const mousePosition = {\n          clientX,\n          clientY,\n        };\n\n        document.addEventListener(\"mousemove\", preDragMouseMoveHandler, false);\n        document.addEventListener(\"mouseup\", preDragMouseUpHandler, false);\n\n        evt.persist();\n\n        mouseDownTimer.current = window.setTimeout(() => {\n          document.removeEventListener(\n            \"mousemove\",\n            preDragMouseMoveHandler,\n            false,\n          );\n          document.removeEventListener(\"mouseup\", preDragMouseUpHandler, false);\n          dragStart(mousePosition);\n        }, 500);\n      }\n    },\n    [containerRef, dragStart, preDragMouseMoveHandler, preDragMouseUpHandler],\n  );\n\n  const { current: settlingItem } = settlingItemRef;\n  useLayoutEffect(() => {\n    if (settlingItem && containerRef.current) {\n      const dropPos = dropPosRef.current;\n      const droppedItem = containerRef.current.querySelector(\n        `${itemQuery}[data-index=\"${dropPos}\"]`,\n      );\n\n      if (droppedItem) {\n        droppedItem.classList.add(\"vuuDropTarget-settling\");\n        requestAnimationFrame(() => {\n          const { top: targetTop, left: targetLeft } =\n            droppedItem.getBoundingClientRect();\n          // If the droppedItem is already exactly in the drop position, we can just\n          // terminate the drag here and now. Most likely, though, it is out by a few\n          // pixels. We animate the dragged item into the final resting place before\n          // terminating the drag.\n          const style = getComputedStyle(settlingItem);\n          const currentLeft = parseInt(style.getPropertyValue(\"left\"));\n          const currentTop = parseInt(style.getPropertyValue(\"top\"));\n          if (currentLeft !== targetLeft || currentTop !== targetTop) {\n            settlingItem.classList.add(\"vuuDraggable-settling\");\n            settlingItem.style.top = `${targetTop}px`;\n            settlingItem.style.left = `${targetLeft}px`;\n          } else {\n            terminateDrag();\n          }\n        });\n      } else {\n        // didn't find the dragged item. This is currently happening\n        // because of a quirk with last item when scrolling has taken\n        //  place. Take no chances, make sure we don't keep an orphaned draggable\n        setDraggableStatus((status) => ({\n          ...status,\n          draggable: undefined,\n        }));\n      }\n    }\n  }, [containerRef, itemQuery, settlingItem, terminateDrag]);\n\n  useEffect(() => {\n    if (id && (isDragSource || isDropTarget)) {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      //@ts-ignore TODO drah drop WIP\n      register(id, allowDragDrop === \"drop-only\" ? false : resumeDrag, onDrop);\n    }\n  }, [\n    allowDragDrop,\n    id,\n    isDragSource,\n    isDropTarget,\n    onDrop,\n    register,\n    resumeDrag,\n  ]);\n\n  return {\n    ...dragResult,\n    ...draggableStatus,\n    isScrolling,\n    onMouseDown:\n      allowDragDrop && allowDragDrop !== \"drop-only\"\n        ? mouseDownHandler\n        : undefined,\n  };\n};\n"],"names":["NULL_DROP_OPTIONS","NOT_OVERFLOWED","isOverflowElement","useRef","useState","useDragDropProvider","useCallback","dimensions","settlingItem","dispatchCustomEvent","useDragDropNaturalMovement","useDragDropIndicator","useDragDropCopy","useAutoScroll","getScrollableContainer","isContainerScrollable","DragDropState","jsx","Draggable","cloneElement","constrainRect","useLayoutEffect","useEffect"],"mappings":"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"}

package/cjs/drag-drop/useDragDropCopy.js

@@ -10,7 +10,7 @@ const useDragDropCopy = ({
   selected,
   viewportRange
 }) => {
-  const rangeRef = React.useRef();
+  const rangeRef = React.useRef(void 0);
   rangeRef.current = viewportRange;
   const beginDrag = React.useCallback(
     (dragElement) => {

package/cjs/drag-drop/useDragDropCopy.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDragDropCopy.js","sources":["../../src/drag-drop/useDragDropCopy.ts"],"sourcesContent":["import { useCallback, useRef } from \"react\";\n\nimport type {\n  InternalDragDropProps,\n  InternalDragHookResult,\n  ViewportRange,\n} from \"./dragDropTypes\";\n\nexport const NULL_DROP_OPTIONS = {\n  fromIndex: -1,\n  toIndex: -1,\n} as const;\n\nexport const useDragDropCopy = ({\n  selected,\n  viewportRange,\n}: InternalDragDropProps): InternalDragHookResult => {\n  const rangeRef = useRef<ViewportRange>();\n  rangeRef.current = viewportRange;\n\n  const beginDrag = useCallback(\n    (dragElement: HTMLElement) => {\n      if (\n        dragElement.ariaSelected &&\n        Array.isArray(selected) &&\n        selected.length > 1\n      ) {\n        console.log(\"its a selected element, and we have a multi select\");\n      }\n    },\n    [selected]\n  );\n\n  const drag = useCallback(() => undefined, []);\n  const drop = useCallback(() => NULL_DROP_OPTIONS, []);\n\n  return {\n    beginDrag,\n    drag,\n    drop,\n  };\n};\n"],"names":["useRef","useCallback"],"mappings":";;;;AAQO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,SAAW,EAAA,CAAA,CAAA;AAAA,EACX,OAAS,EAAA,CAAA;AACX;AAEO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,QAAA;AAAA,EACA;AACF,CAAqD,KAAA;AACnD,EAAA,MAAM,WAAWA,YAAsB,EAAA;AACvC,EAAA,QAAA,CAAS,OAAU,GAAA,aAAA;AAEnB,EAAA,MAAM,SAAY,GAAAC,iBAAA;AAAA,IAChB,CAAC,WAA6B,KAAA;AAC5B,MACE,IAAA,WAAA,CAAY,gBACZ,KAAM,CAAA,OAAA,CAAQ,QAAQ,CACtB,IAAA,QAAA,CAAS,SAAS,CAClB,EAAA;AACA,QAAA,OAAA,CAAQ,IAAI,oDAAoD,CAAA;AAAA;AAClE,KACF;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,IAAO,GAAAA,iBAAA,CAAY,MAAM,KAAA,CAAA,EAAW,EAAE,CAAA;AAC5C,EAAA,MAAM,IAAO,GAAAA,iBAAA,CAAY,MAAM,iBAAA,EAAmB,EAAE,CAAA;AAEpD,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA,GACF;AACF;;;;;"}
+{"version":3,"file":"useDragDropCopy.js","sources":["../../src/drag-drop/useDragDropCopy.ts"],"sourcesContent":["import { useCallback, useRef } from \"react\";\n\nimport type {\n  InternalDragDropProps,\n  InternalDragHookResult,\n  ViewportRange,\n} from \"./dragDropTypes\";\n\nexport const NULL_DROP_OPTIONS = {\n  fromIndex: -1,\n  toIndex: -1,\n} as const;\n\nexport const useDragDropCopy = ({\n  selected,\n  viewportRange,\n}: InternalDragDropProps): InternalDragHookResult => {\n  const rangeRef = useRef<ViewportRange>(undefined);\n  rangeRef.current = viewportRange;\n\n  const beginDrag = useCallback(\n    (dragElement: HTMLElement) => {\n      if (\n        dragElement.ariaSelected &&\n        Array.isArray(selected) &&\n        selected.length > 1\n      ) {\n        console.log(\"its a selected element, and we have a multi select\");\n      }\n    },\n    [selected],\n  );\n\n  const drag = useCallback(() => undefined, []);\n  const drop = useCallback(() => NULL_DROP_OPTIONS, []);\n\n  return {\n    beginDrag,\n    drag,\n    drop,\n  };\n};\n"],"names":["useRef","useCallback"],"mappings":";;;;AAQO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,SAAW,EAAA,CAAA,CAAA;AAAA,EACX,OAAS,EAAA,CAAA;AACX;AAEO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,QAAA;AAAA,EACA;AACF,CAAqD,KAAA;AACnD,EAAM,MAAA,QAAA,GAAWA,aAAsB,KAAS,CAAA,CAAA;AAChD,EAAA,QAAA,CAAS,OAAU,GAAA,aAAA;AAEnB,EAAA,MAAM,SAAY,GAAAC,iBAAA;AAAA,IAChB,CAAC,WAA6B,KAAA;AAC5B,MACE,IAAA,WAAA,CAAY,gBACZ,KAAM,CAAA,OAAA,CAAQ,QAAQ,CACtB,IAAA,QAAA,CAAS,SAAS,CAClB,EAAA;AACA,QAAA,OAAA,CAAQ,IAAI,oDAAoD,CAAA;AAAA;AAClE,KACF;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,IAAO,GAAAA,iBAAA,CAAY,MAAM,KAAA,CAAA,EAAW,EAAE,CAAA;AAC5C,EAAA,MAAM,IAAO,GAAAA,iBAAA,CAAY,MAAM,iBAAA,EAAmB,EAAE,CAAA;AAEpD,EAAO,OAAA;AAAA,IACL,SAAA;AAAA,IACA,IAAA;AAAA,IACA;AAAA,GACF;AACF;;;;;"}

package/cjs/drag-drop/useDragDropIndicator.js

@@ -15,7 +15,7 @@ const useDragDropIndicator = ({
   selected,
   viewportRange
 }) => {
-  const dragDirectionRef = React.useRef();
+  const dragDirectionRef = React.useRef(void 0);
   const dropIndicatorRef = React.useRef(null);
   const dropTargetRef = React.useRef(null);
   const dropZoneRef = React.useRef("");
@@ -26,7 +26,7 @@ const useDragDropIndicator = ({
   const [showOverflow, setShowOverflow] = React.useState(false);
   const [dropIndicator, setDropIndicator] = React.useState();
   const { clearSpacer, positionDropIndicator } = useDropIndicator.useDropIndicator();
-  const draggedItemRef = React.useRef();
+  const draggedItemRef = React.useRef(void 0);
   const fullItemQuery = `:is(${itemQuery}${NOT_OVERFLOWED}${NOT_HIDDEN},[data-overflow-indicator])`;
   const indexOf = (dropTarget) => measuredDropTargets.current.findIndex((d) => d.id === dropTarget.id);
   const reposition = (dropTarget, distance, indexShift) => {
@@ -37,7 +37,7 @@ const useDragDropIndicator = ({
       dropTarget.currentIndex += indexShift;
     }
   };
-  const rangeRef = React.useRef();
+  const rangeRef = React.useRef(void 0);
   rangeRef.current = viewportRange;
   const handleScrollStart = React.useCallback(() => {
     clearSpacer();