@salt-ds/lab 1.0.0-alpha.9 → 1.0.0-alpha.90

package/dist-es/tabs/Tabstrip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabstrip.js","sources":["../src/tabs/Tabstrip.tsx"],"sourcesContent":["import {\n  Button,\n  makePrefixer,\n  Tooltip,\n  useIcon,\n  useIdMemo,\n  useIsomorphicLayoutEffect,\n} from \"@salt-ds/core\";\nimport { AddIcon } from \"@salt-ds/icons\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  Children,\n  cloneElement,\n  createElement,\n  type ForwardedRef,\n  forwardRef,\n  isValidElement,\n  type KeyboardEvent,\n  type MouseEvent,\n  type RefObject,\n  useCallback,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from \"react\";\nimport type { SelectionChangeHandler } from \"../common-hooks\";\nimport { Dropdown } from \"../dropdown\";\nimport {\n  type InjectedSourceItem,\n  type OverflowItem,\n  useOverflowLayout,\n} from \"../responsive\";\nimport { useOverflowCollectionItems } from \"../responsive/useOverflowCollectionItems\";\nimport { Tab } from \"./Tab\";\nimport { TabActivationIndicator } from \"./TabActivationIndicator\";\nimport type {\n  FocusAPI,\n  responsiveDataAttributes,\n  TabDescriptor,\n  TabElement,\n  TabProps,\n  TabsSource,\n  TabstripProps,\n} from \"./TabsTypes\";\nimport tabstripCss from \"./Tabstrip.css\";\nimport themeTabstripCss from \"./ThemeTabstrip.css\";\nimport { useTabstrip } from \"./useTabstrip\";\n\nconst withBaseName = makePrefixer(\"saltTabstrip\");\n\nconst ADD_TAB_LABEL = \"Create Tab\";\n\n// Simple strings for tab labels are accepted as input, convert to TabDescriptors internally\nconst tabDescriptors = (\n  tabs: TabsSource | undefined,\n): TabDescriptor[] | undefined =>\n  tabs?.map((tab: string | TabDescriptor) =>\n    typeof tab === \"string\" ? { label: tab } : tab,\n  );\n\nexport const Tabstrip = forwardRef(function Tabstrip(\n  {\n    activeTabIndex: activeTabIndexProp,\n    allowDragDrop = false,\n    centered = false,\n    children,\n    className: classNameProp,\n    defaultSource,\n    defaultActiveTabIndex,\n    editing,\n    variant,\n    enableAddTab = false,\n    enableCloseTab,\n    enableRenameTab,\n    id: idProp,\n    keyBoardActivation = \"manual\",\n    onAddTab,\n    onActiveChange,\n    onCloseTab,\n    onEnterEditMode,\n    onExitEditMode,\n    onMouseDown,\n    onMoveTab,\n    orientation = \"horizontal\",\n    overflowMenu: overflowMenuProp = true,\n    promptForNewTabName = true,\n    showActivationIndicator = true,\n    source,\n    title,\n    ...htmlAttributes\n  }: TabstripProps,\n  forwardedRef: ForwardedRef<FocusAPI>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tab-strip\",\n    css: tabstripCss,\n    window: targetWindow,\n  });\n  useComponentCssInjection({\n    testId: \"salt-theme-tab-strip\",\n    css: themeTabstripCss,\n    window: targetWindow,\n  });\n\n  const root = useRef<HTMLDivElement>(null);\n  // can't use forwardedRef here, can we ?\n  // const setForkRef = useForkRef(root, forwardedRef);\n  const activeRef = useRef<number | null>(\n    activeTabIndexProp || defaultActiveTabIndex || 0,\n  );\n  const { OverflowIcon } = useIcon();\n  const overflowItemsRef = useRef<OverflowItem[]>([]);\n  const [showOverflowMenu, _setShowOverflowMenu] = useState(false);\n\n  const setShowOverflowMenu = useCallback((value: boolean) => {\n    _setShowOverflowMenu(value);\n  }, []);\n\n  const tabstripId = useIdMemo(idProp);\n\n  const injectedItems = enableAddTab\n    ? [\n        {\n          source: { label: \"Add Tab\", position: -1, priority: 1 },\n        } as InjectedSourceItem,\n      ]\n    : undefined;\n\n  const collectionHook = useOverflowCollectionItems({\n    children,\n    defaultSource: tabDescriptors(defaultSource),\n    id: tabstripId,\n    injectedItems,\n    label: \"Tabstrip\",\n    orientation,\n    source: tabDescriptors(source),\n    options: {\n      closeable: enableCloseTab,\n      editable: enableRenameTab,\n      getPriority: (item, index) => {\n        return index === activeRef.current ? 1 : undefined;\n      },\n    },\n  });\n\n  const childCount = useRef(Children.count(children));\n\n  const getChildren = (): TabElement[] | undefined => {\n    if (Children.count(children) === 0) {\n      return undefined;\n    }\n    return Children.toArray(children) as TabElement[];\n  };\n\n  const [innerContainerRef, switchOverflowPriorities] = useOverflowLayout({\n    collectionHook,\n    disableOverflow: overflowMenuProp === false,\n    id: tabstripId,\n    orientation,\n    label: \"Tabstrip\",\n  });\n  overflowItemsRef.current = collectionHook.data;\n  const overflowedItems = collectionHook.data.filter((item) => item.overflowed);\n\n  const tabMovedHandler = useCallback(\n    (fromIndex: number, toIndex: number) => {\n      onMoveTab?.(fromIndex, toIndex);\n      setTimeout(() => {\n        collectionHook.dispatch({\n          type: \"reset\",\n        });\n      }, 50);\n    },\n    [collectionHook, onMoveTab],\n  );\n\n  const handleTabSelectionChange = useCallback(\n    (tabIndex: number) => {\n      const selectedItem = collectionHook.data[tabIndex];\n      const prevSelectedItem = collectionHook.data.find(\n        (item) => item.priority === 1 && !item.isOverflowIndicator,\n      );\n      if (selectedItem && prevSelectedItem && overflowMenuProp) {\n        switchOverflowPriorities(selectedItem, prevSelectedItem);\n      }\n      onActiveChange?.(tabIndex);\n      setShowOverflowMenu(false);\n    },\n    [\n      collectionHook.data,\n      onActiveChange,\n      overflowMenuProp,\n      setShowOverflowMenu,\n      switchOverflowPriorities,\n    ],\n  );\n\n  const {\n    activeTabIndex,\n    activateTab,\n    addTab,\n    onMouseDown: tabstripHookMouseDown,\n    ...tabstripHook\n  } = useTabstrip({\n    activeTabIndex: activeTabIndexProp,\n    allowDragDrop,\n    collectionHook,\n    defaultTabs: tabDescriptors(defaultSource),\n    defaultActiveTabIndex,\n    editing,\n    enableAddTab,\n    idRoot: tabstripId,\n    innerContainerRef,\n    keyBoardActivation,\n    onActiveChange: handleTabSelectionChange,\n    onCloseTab,\n    onEnterEditMode,\n    onExitEditMode,\n    onMoveTab: tabMovedHandler,\n    orientation,\n    promptForNewTabName,\n    tabs: tabDescriptors(source) ?? getChildren(),\n  });\n\n  activeRef.current = activeTabIndex;\n\n  useImperativeHandle(\n    forwardedRef,\n    () =>\n      ({\n        focus: () => {\n          const { current: tabstrip } = root;\n          if (tabstrip) {\n            const selectedTab = tabstrip.querySelector(\n              '.saltTab[aria-selected=\"true\"]',\n            ) as HTMLElement;\n            if (selectedTab) {\n              selectedTab.focus();\n            }\n          }\n        },\n      }) as FocusAPI,\n    [],\n  );\n\n  const handleAddTabClick = useCallback(() => {\n    if (!collectionHook.isControlled) {\n      addTab();\n    }\n    onAddTab?.();\n  }, [collectionHook.isControlled, onAddTab, addTab]);\n\n  const selectedIndex = useRef(activeTabIndex);\n  const focusedTabIndex = tabstripHook.highlightedIdx;\n  const handleOverflowSelectionChange: SelectionChangeHandler<OverflowItem> =\n    useCallback(\n      (e, tab) => {\n        if (tab !== null) {\n          activateTab(tab.index);\n        }\n      },\n      [activateTab],\n    );\n\n  const handleKeydownOverflowMenu = useCallback(\n    (e: KeyboardEvent<HTMLElement>) => {\n      tabstripHook.navigationProps?.onKeyDown?.(e);\n    },\n    [tabstripHook.navigationProps],\n  );\n\n  const handleOverflowMenuOpen = useCallback(\n    (open: boolean) => {\n      setShowOverflowMenu(open);\n    },\n    [setShowOverflowMenu],\n  );\n\n  const handleMouseDown = useCallback(\n    (evt: MouseEvent<HTMLDivElement>) => {\n      onMouseDown?.(evt);\n      tabstripHookMouseDown?.(evt);\n    },\n    [onMouseDown, tabstripHookMouseDown],\n  );\n\n  // shouldn't we use ref for this ?\n  useIsomorphicLayoutEffect(() => {\n    // We don't care about changes to overflowedItems here, the overflowObserver\n    // always does the right thing. We only care about changes to selected tab\n    if (selectedIndex.current !== activeTabIndex && overflowMenuProp) {\n      // We might want to do this only if the selected tab is overflowed ?\n      // TODO\n      // resetOverflow();\n      selectedIndex.current = activeTabIndex;\n    }\n  }, [overflowMenuProp, activeTabIndex]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (Children.count(children) !== childCount.current) {\n      childCount.current = Children.count(children);\n      // TODO\n      // resetOverflow();\n    }\n  }, [children]);\n\n  /*\n   * biome-ignore lint/correctness/useExhaustiveDependencies: We only want the effect to run when value changes, not every time focusedTabIndex changes.\n   * It doesn't matter if focusedTabIndex is stale in between calls - it will be correct when value changes.\n   */\n  useIsomorphicLayoutEffect(() => {\n    if (\n      activeTabIndex !== null &&\n      focusedTabIndex !== activeTabIndex &&\n      focusedTabIndex !== -1\n    ) {\n      tabstripHook.focusTab(activeTabIndex);\n    }\n  }, [activeTabIndex]);\n\n  const renderContent = () => {\n    const content = collectionHook.data\n      .filter((item) => !item.isOverflowIndicator && !item.isInjectedItem)\n      .map((item: OverflowItem, index: number) => {\n        // TODO sort out typoing\n        const tab = item.source as unknown as TabDescriptor;\n        const element = item.element as TabElement;\n\n        const selected = index === activeTabIndex;\n        const focusVisible = tabstripHook.focusVisible === index;\n        const overflowed =\n          overflowedItems.findIndex(\n            (item: OverflowItem) => item.index === index,\n          ) !== -1;\n\n        const tabIsBeingEdited = tabstripHook.editing && selected;\n        const tabIndex = tabIsBeingEdited\n          ? undefined\n          : selected && !tabstripHook.focusIsWithinComponent\n            ? 0\n            : -1;\n\n        const baseProps: Partial<TabProps> &\n          responsiveDataAttributes & {\n            ref?: RefObject<HTMLDivElement>;\n            key: string | number;\n          } = {\n          \"data-index\": index,\n          \"data-priority\": item.priority,\n          \"data-overflowed\": overflowed ? true : undefined,\n          ...tabstripHook.navigationProps,\n          id: item.id,\n          key: index,\n          onMouseDown: handleMouseDown,\n          tabIndex,\n        };\n\n        const tabProps = {\n          ...tabstripHook.tabProps,\n          closeable: item.closeable,\n          dragging: tabstripHook.draggedItemIndex === index,\n          editable: item.editable,\n          editing: tabIsBeingEdited,\n          focusVisible,\n          index,\n          onClose: item.closeable ? tabstripHook.closeTab : undefined,\n          orientation,\n          selected,\n        } as Partial<TabProps>;\n\n        if (isValidElement(element)) {\n          if (element.type === Tab) {\n            return cloneElement(element, { ...baseProps, ...tabProps });\n          }\n          return cloneElement(element, baseProps);\n        }\n\n        return createElement(Tab, {\n          ...baseProps,\n          ...tabProps,\n          label: tab.label,\n        });\n      });\n\n    const overflowCount = overflowedItems.length;\n    const draggingActiveTab = tabstripHook.draggedItemIndex === activeTabIndex;\n    const showOverflow =\n      (tabstripHook.revealOverflowedItems && !draggingActiveTab) ||\n      showOverflowMenu;\n    const showTooltip = tabstripHook.revealOverflowedItems && draggingActiveTab;\n    const overflowIndicator = collectionHook.data.find(\n      (i) => i.isOverflowIndicator,\n    );\n    const [injectedItem] = collectionHook.data.filter((i) => i.isInjectedItem);\n\n    if (overflowIndicator) {\n      content.push(\n        <Tooltip\n          content=\"Active Tab cannot be moved into overflow list\"\n          open\n          disabled={!showTooltip}\n          status=\"warning\"\n          key=\"tooltip\"\n          hideArrow\n        >\n          <Dropdown<OverflowItem>\n            className={clsx(withBaseName(\"overflowMenu\"), {\n              [withBaseName(\"overflowMenu-open\")]: showOverflow,\n            })}\n            ListProps={{\n              className: clsx({\n                [withBaseName(\"overflowMenu-dropTarget\")]:\n                  tabstripHook.revealOverflowedItems,\n              }),\n            }}\n            data-overflow-indicator\n            data-priority={0}\n            id={overflowIndicator.id}\n            isOpen={showOverflow}\n            key=\"overflow\"\n            onOpenChange={handleOverflowMenuOpen}\n            onKeyDown={handleKeydownOverflowMenu}\n            onSelectionChange={handleOverflowSelectionChange}\n            placement=\"bottom-end\"\n            source={overflowedItems}\n            selected={null}\n            triggerComponent={\n              <Button\n                aria-label={`Tabs overflow menu ${overflowCount} item${\n                  overflowCount === 1 ? \"\" : \"s\"\n                }`}\n                variant=\"secondary\"\n                tabIndex={-1}\n              >\n                <OverflowIcon />\n              </Button>\n            }\n            width=\"auto\"\n          />\n        </Tooltip>,\n      );\n    }\n\n    if (injectedItem) {\n      content.push(\n        <Button\n          {...tabstripHook.navigationProps}\n          aria-label={ADD_TAB_LABEL}\n          data-priority={injectedItem.priority}\n          data-overflowed={injectedItem.overflowed}\n          id={injectedItem.id}\n          key=\"addButton\"\n          onClick={handleAddTabClick}\n          variant=\"secondary\"\n          tabIndex={-1}\n        >\n          <AddIcon />\n        </Button>,\n      );\n    }\n\n    return content;\n  };\n\n  const selectedTabOverflowed = overflowedItems.some(\n    (item: OverflowItem) => item.index === activeTabIndex,\n  );\n  const className = clsx(\n    withBaseName(),\n    withBaseName(orientation),\n    classNameProp,\n    {\n      [withBaseName(\"centered\")]: centered,\n      [withBaseName(\"draggingTab\")]: tabstripHook.isDragging,\n      [withBaseName(\"tertiary\")]: variant === \"tertiary\",\n    },\n  );\n\n  const selectedTabId =\n    activeTabIndex !== null ? collectionHook.data[activeTabIndex].id : null;\n\n  return (\n    <div\n      {...htmlAttributes}\n      {...tabstripHook.containerProps}\n      className={className}\n      id={tabstripId}\n      ref={root}\n      role=\"tablist\"\n    >\n      <div className={withBaseName(\"inner\")} ref={innerContainerRef}>\n        {renderContent()}\n      </div>\n      {showActivationIndicator ? (\n        <TabActivationIndicator\n          hideThumb={selectedTabOverflowed || tabstripHook.isDragging}\n          orientation={orientation}\n          tabId={selectedTabId}\n        />\n      ) : null}\n      {tabstripHook.draggable}\n    </div>\n  );\n});\n\nTabstrip.displayName = \"Tabstrip\";\n"],"names":["Tabstrip","tabstripCss","themeTabstripCss","item","createElement"],"mappings":"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"}

package/dist-es/tabs/ThemeTabstrip.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".salt-density-touch {\n  /* Component specific, what semantic concept would cover these */\n  --toolbar-depth: calc(var(--salt-size-basis-unit) * 13);\n}\n\n.salt-density-low {\n  /* Component specific, what semantic concept would cover these */\n  --toolbar-depth: calc(var(--salt-size-basis-unit) * 11);\n}\n\n.salt-density-medium {\n  /* Component specific, what semantic concept would cover these */\n  --toolbar-depth: calc(var(--salt-size-basis-unit) * 9);\n}\n\n.salt-density-high {\n  /* Component specific, what semantic concept would cover these */\n  --toolbar-depth: calc(var(--salt-size-basis-unit) * 7);\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=ThemeTabstrip.css.js.map

package/dist-es/tabs/ThemeTabstrip.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeTabstrip.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/tabs/drag-drop/Draggable.css.js

@@ -0,0 +1,4 @@
+var css_248z = ".saltDraggable {\n  background: transparent;\n  box-shadow: var(--salt-overlayable-shadow-drag);\n  cursor: var(--salt-cursor-grab-active);\n  position: absolute;\n}\n\n.saltDraggable-spacer {\n  display: inline-block;\n  height: var(--tabs-tabstrip-height);\n  transition: width 0.4s ease;\n  width: 0;\n}\n";
+
+export { css_248z as default };
+//# sourceMappingURL=Draggable.css.js.map

package/dist-es/tabs/drag-drop/Draggable.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Draggable.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist-es/tabs/drag-drop/Draggable.js

@@ -0,0 +1,53 @@
+import { jsx } from 'react/jsx-runtime';
+import { useForkRef } from '@salt-ds/core';
+import { useComponentCssInjection } from '@salt-ds/styles';
+import { useWindow } from '@salt-ds/window';
+import { clsx } from 'clsx';
+import { forwardRef, useCallback } from 'react';
+import { Portal } from '../../portal/Portal.js';
+import css_248z from './Draggable.css.js';
+
+const makeClassNames = (classNames) => classNames.split(" ").map((className) => `saltDraggable-${className}`);
+const Draggable = forwardRef(function Draggable2({ wrapperClassName, element, rect, scale = 1 }, forwardedRef) {
+  const targetWindow = useWindow();
+  useComponentCssInjection({
+    testId: "salt-draggable",
+    css: css_248z,
+    window: targetWindow
+  });
+  const callbackRef = useCallback(
+    (el) => {
+      if (el) {
+        el.innerHTML = "";
+        el.appendChild(element);
+        if (scale !== 1) {
+          el.style.transform = `scale(${scale},${scale})`;
+        }
+      }
+    },
+    [element, scale]
+  );
+  const forkedRef = useForkRef(forwardedRef, callbackRef);
+  const { left, top, width, height } = rect;
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx("saltDraggable", ...makeClassNames(wrapperClassName)),
+      ref: forkedRef,
+      style: { left, top, width, height }
+    }
+  ) });
+});
+const createDragSpacer = (transitioning) => {
+  const spacer = document.createElement("div");
+  spacer.className = "saltDraggable-spacer";
+  if (transitioning) {
+    spacer.addEventListener("transitionend", () => {
+      transitioning.current = false;
+    });
+  }
+  return spacer;
+};
+
+export { Draggable, createDragSpacer };
+//# sourceMappingURL=Draggable.js.map

package/dist-es/tabs/drag-drop/Draggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Draggable.js","sources":["../src/tabs/drag-drop/Draggable.tsx"],"sourcesContent":["import { useForkRef } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, type MutableRefObject, useCallback } from \"react\";\nimport { Portal } from \"../../portal\";\nimport draggableCss from \"./Draggable.css\";\nimport type { Rect } from \"./dragDropTypes\";\n\nconst makeClassNames = (classNames: string) =>\n  classNames.split(\" \").map((className) => `saltDraggable-${className}`);\nexport const Draggable = forwardRef<\n  HTMLDivElement,\n  { wrapperClassName: string; element: HTMLElement; rect: Rect; scale?: number }\n>(function Draggable(\n  { wrapperClassName, element, rect, scale = 1 },\n  forwardedRef,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-draggable\",\n    css: draggableCss,\n    window: targetWindow,\n  });\n\n  const callbackRef = useCallback(\n    (el: HTMLDivElement) => {\n      if (el) {\n        el.innerHTML = \"\";\n        el.appendChild(element);\n        if (scale !== 1) {\n          el.style.transform = `scale(${scale},${scale})`;\n        }\n      }\n    },\n    [element, scale],\n  );\n  const forkedRef = useForkRef<HTMLDivElement>(forwardedRef, callbackRef);\n\n  const { left, top, width, height } = rect;\n\n  return (\n    <Portal>\n      <div\n        className={clsx(\"saltDraggable\", ...makeClassNames(wrapperClassName))}\n        ref={forkedRef}\n        style={{ left, top, width, height }}\n      />\n    </Portal>\n  );\n});\n\nexport const createDragSpacer = (\n  transitioning?: MutableRefObject<boolean>,\n): HTMLElement => {\n  const spacer = document.createElement(\"div\");\n  spacer.className = \"saltDraggable-spacer\";\n  if (transitioning) {\n    spacer.addEventListener(\"transitionend\", () => {\n      transitioning.current = false;\n    });\n  }\n  return spacer;\n};\n"],"names":["Draggable","draggableCss"],"mappings":";;;;;;;;;AASA,MAAM,cAAA,GAAiB,CAAC,UAAA,KACtB,UAAA,CAAW,KAAA,CAAM,GAAG,CAAA,CAAE,GAAA,CAAI,CAAC,SAAA,KAAc,CAAA,cAAA,EAAiB,SAAS,CAAA,CAAE,CAAA;AAChE,MAAM,SAAA,GAAY,UAAA,CAGvB,SAASA,UAAAA,CACT,EAAE,gBAAA,EAAkB,OAAA,EAAS,IAAA,EAAM,KAAA,GAAQ,CAAA,EAAE,EAC7C,YAAA,EACA;AACA,EAAA,MAAM,eAAe,SAAA,EAAU;AAC/B,EAAA,wBAAA,CAAyB;AAAA,IACvB,MAAA,EAAQ,gBAAA;AAAA,IACR,GAAA,EAAKC,QAAA;AAAA,IACL,MAAA,EAAQ;AAAA,GACT,CAAA;AAED,EAAA,MAAM,WAAA,GAAc,WAAA;AAAA,IAClB,CAAC,EAAA,KAAuB;AACtB,MAAA,IAAI,EAAA,EAAI;AACN,QAAA,EAAA,CAAG,SAAA,GAAY,EAAA;AACf,QAAA,EAAA,CAAG,YAAY,OAAO,CAAA;AACtB,QAAA,IAAI,UAAU,CAAA,EAAG;AACf,UAAA,EAAA,CAAG,KAAA,CAAM,SAAA,GAAY,CAAA,MAAA,EAAS,KAAK,IAAI,KAAK,CAAA,CAAA,CAAA;AAAA,QAC9C;AAAA,MACF;AAAA,IACF,CAAA;AAAA,IACA,CAAC,SAAS,KAAK;AAAA,GACjB;AACA,EAAA,MAAM,SAAA,GAAY,UAAA,CAA2B,YAAA,EAAc,WAAW,CAAA;AAEtE,EAAA,MAAM,EAAE,IAAA,EAAM,GAAA,EAAK,KAAA,EAAO,QAAO,GAAI,IAAA;AAErC,EAAA,2BACG,MAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,IAAA,CAAK,eAAA,EAAiB,GAAG,cAAA,CAAe,gBAAgB,CAAC,CAAA;AAAA,MACpE,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO,EAAE,IAAA,EAAM,GAAA,EAAK,OAAO,MAAA;AAAO;AAAA,GACpC,EACF,CAAA;AAEJ,CAAC;AAEM,MAAM,gBAAA,GAAmB,CAC9B,aAAA,KACgB;AAChB,EAAA,MAAM,MAAA,GAAS,QAAA,CAAS,aAAA,CAAc,KAAK,CAAA;AAC3C,EAAA,MAAA,CAAO,SAAA,GAAY,sBAAA;AACnB,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,MAAA,CAAO,gBAAA,CAAiB,iBAAiB,MAAM;AAC7C,MAAA,aAAA,CAAc,OAAA,GAAU,KAAA;AAAA,IAC1B,CAAC,CAAA;AAAA,EACH;AACA,EAAA,OAAO,MAAA;AACT;;;;"}

package/dist-es/tabs/drag-drop/drag-utils.js

@@ -0,0 +1,139 @@
+import { FWD } from './dragDropTypes.js';
+
+const LEFT_RIGHT = ["left", "right"];
+const TOP_BOTTOM = ["top", "bottom"];
+const measureElementSizeAndPosition = (element, dimension = "width", includeAutoMargin = false) => {
+  const pos = dimension === "width" ? "left" : "top";
+  const { [dimension]: size, [pos]: position } = element.getBoundingClientRect();
+  const { padEnd = false, padStart = false } = element.dataset;
+  const style = getComputedStyle(element);
+  const [start, end] = dimension === "width" ? LEFT_RIGHT : TOP_BOTTOM;
+  const marginStart = padStart && !includeAutoMargin ? 0 : Number.parseInt(style.getPropertyValue(`margin-${start}`), 10);
+  const marginEnd = padEnd && !includeAutoMargin ? 0 : Number.parseInt(style.getPropertyValue(`margin-${end}`), 10);
+  let minWidth = size;
+  const flexShrink = Number.parseInt(style.getPropertyValue("flex-shrink"), 10);
+  if (flexShrink > 0) {
+    const flexBasis = Number.parseInt(style.getPropertyValue("flex-basis"), 10);
+    if (!Number.isNaN(flexBasis) && flexBasis > 0) {
+      minWidth = flexBasis;
+    }
+  }
+  return [position, marginStart + minWidth + marginEnd];
+};
+const DIMENSIONS = {
+  horizontal: {
+    CLIENT_SIZE: "clientWidth",
+    CONTRA: "top",
+    CONTRA_POS: "clientY",
+    DIMENSION: "width",
+    END: "right",
+    POS: "clientX",
+    SCROLL_POS: "scrollTop",
+    SCROLL_SIZE: "scrollWidth",
+    START: "left"
+  },
+  vertical: {
+    CLIENT_SIZE: "clientHeight",
+    CONTRA: "left",
+    CONTRA_POS: "clientX",
+    DIMENSION: "height",
+    END: "bottom",
+    POS: "clientY",
+    SCROLL_POS: "scrollLeft",
+    SCROLL_SIZE: "scrollHeight",
+    START: "top"
+  }
+};
+const dimensions = (orientation) => DIMENSIONS[orientation];
+const getDraggedItem = (measuredItems) => {
+  const result = measuredItems.find((item) => item.isDraggedElement);
+  if (result) {
+    return result;
+  }
+  throw Error("measuredItems do not contain a draggedElement");
+};
+const moveDragItem = (measuredItems, dropTarget) => {
+  const items = measuredItems.slice();
+  const draggedItem = getDraggedItem(items);
+  const draggedIndex = items.indexOf(draggedItem);
+  const targetIndex = items.indexOf(dropTarget);
+  const firstPos = Math.min(draggedIndex, targetIndex);
+  const lastPos = Math.max(draggedIndex, targetIndex);
+  let { start } = items[firstPos];
+  items[draggedIndex] = { ...dropTarget };
+  items[targetIndex] = { ...draggedItem };
+  for (let i = firstPos; i <= lastPos; i++) {
+    const item = items[i];
+    item.currentIndex = i;
+    item.start = start;
+    item.end = start + item.size;
+    item.mid = start + item.size / 2;
+    start = item.end;
+  }
+  return items;
+};
+const isDraggedElement = (item) => item.isDraggedElement;
+const measureDropTargets = (container, orientation, draggedItem, itemQuery) => {
+  const dragThresholds = [];
+  const children = Array.from(
+    itemQuery ? container.querySelectorAll(itemQuery) : container.children
+  );
+  let previousThreshold = null;
+  for (let index = 0; index < children.length; index++) {
+    const element = children[index];
+    const dimension = orientation === "horizontal" ? "width" : "height";
+    const [start, size] = measureElementSizeAndPosition(element, dimension);
+    previousThreshold = {
+      currentIndex: index,
+      dataIndex: Number.parseInt(element.dataset.index ?? "-1"),
+      index,
+      isDraggedElement: element === draggedItem,
+      isOverflowIndicator: element.dataset.overflowIndicator === "true",
+      element,
+      start,
+      end: start + size,
+      size,
+      mid: start + size / 2
+    };
+    dragThresholds.push(previousThreshold);
+  }
+  return dragThresholds;
+};
+const getNextDropTarget = (dropTargets, pos, direction) => {
+  const len = dropTargets.length;
+  if (direction === FWD) {
+    for (let index = 0; index < len; index++) {
+      let dropTarget = dropTargets[index];
+      const { start, mid, end } = dropTarget;
+      if (pos > end) {
+        continue;
+      }
+      if (pos > mid) {
+        return dropTarget.isDraggedElement ? null : dropTarget;
+      }
+      if (pos > start) {
+        dropTarget = dropTargets[index - 1];
+        return dropTarget.isDraggedElement ? null : dropTarget;
+      }
+    }
+  } else {
+    for (let index = len - 1; index >= 0; index--) {
+      let dropTarget = dropTargets[index];
+      const { start, mid, end } = dropTarget;
+      if (pos < start) {
+        continue;
+      }
+      if (pos < mid) {
+        return dropTarget.isDraggedElement ? null : dropTarget;
+      }
+      if (pos < end) {
+        dropTarget = dropTargets[Math.min(len - 1, index + 1)];
+        return dropTarget.isDraggedElement ? null : dropTarget;
+      }
+    }
+  }
+  return null;
+};
+
+export { dimensions, getDraggedItem, getNextDropTarget, isDraggedElement, measureDropTargets, measureElementSizeAndPosition, moveDragItem };
+//# sourceMappingURL=drag-utils.js.map

package/dist-es/tabs/drag-drop/drag-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drag-utils.js","sources":["../src/tabs/drag-drop/drag-utils.ts"],"sourcesContent":["import type { orientationType } from \"../../responsive\";\nimport { type Direction, FWD } from \"./dragDropTypes\";\n\nconst LEFT_RIGHT = [\"left\", \"right\"];\nconst TOP_BOTTOM = [\"top\", \"bottom\"];\n// duplicated in repsonsive\n\nexport type MeasuredDropTarget = {\n  currentIndex: number;\n  dataIndex?: number;\n  element: HTMLElement;\n  index: number;\n  isDraggedElement: boolean;\n  isOverflowIndicator?: boolean;\n  start: number;\n  end: number;\n  mid: number;\n  size: number;\n};\n\nexport type targetType = {\n  element: HTMLElement | null;\n  index: number;\n  isLast?: boolean;\n};\n\ntype MousePosKey = keyof Pick<MouseEvent, \"clientX\" | \"clientY\">;\ntype DOMRectKey = keyof Omit<DOMRect, \"toJSON\">;\ntype DOMRectDimensionKey = keyof Pick<DOMRect, \"width\" | \"height\">;\ntype Dimension = keyof Pick<DOMRect, \"width\" | \"height\">;\ntype ElementDimension = keyof Pick<\n  HTMLElement,\n  | \"scrollHeight\"\n  | \"scrollWidth\"\n  | \"clientHeight\"\n  | \"clientWidth\"\n  | \"scrollTop\"\n  | \"scrollLeft\"\n>;\n\nexport const measureElementSizeAndPosition = (\n  element: HTMLElement,\n  dimension: Dimension = \"width\",\n  includeAutoMargin = false,\n) => {\n  const pos = dimension === \"width\" ? \"left\" : \"top\";\n  const { [dimension]: size, [pos]: position } =\n    element.getBoundingClientRect();\n  const { padEnd = false, padStart = false } = element.dataset;\n  const style = getComputedStyle(element);\n  const [start, end] = dimension === \"width\" ? LEFT_RIGHT : TOP_BOTTOM;\n  const marginStart =\n    padStart && !includeAutoMargin\n      ? 0\n      : Number.parseInt(style.getPropertyValue(`margin-${start}`), 10);\n  const marginEnd =\n    padEnd && !includeAutoMargin\n      ? 0\n      : Number.parseInt(style.getPropertyValue(`margin-${end}`), 10);\n\n  let minWidth = size;\n  const flexShrink = Number.parseInt(style.getPropertyValue(\"flex-shrink\"), 10);\n  if (flexShrink > 0) {\n    const flexBasis = Number.parseInt(style.getPropertyValue(\"flex-basis\"), 10);\n    if (!Number.isNaN(flexBasis) && flexBasis > 0) {\n      minWidth = flexBasis;\n    }\n  }\n  return [position, marginStart + minWidth + marginEnd];\n};\n\nconst DIMENSIONS = {\n  horizontal: {\n    CLIENT_SIZE: \"clientWidth\" as ElementDimension,\n    CONTRA: \"top\" as DOMRectKey,\n    CONTRA_POS: \"clientY\" as MousePosKey,\n    DIMENSION: \"width\" as DOMRectDimensionKey,\n    END: \"right\" as DOMRectKey,\n    POS: \"clientX\" as MousePosKey,\n    SCROLL_POS: \"scrollTop\" as ElementDimension,\n    SCROLL_SIZE: \"scrollWidth\" as ElementDimension,\n    START: \"left\" as DOMRectKey,\n  },\n  vertical: {\n    CLIENT_SIZE: \"clientHeight\" as ElementDimension,\n    CONTRA: \"left\" as DOMRectKey,\n    CONTRA_POS: \"clientX\" as MousePosKey,\n    DIMENSION: \"height\" as DOMRectDimensionKey,\n    END: \"bottom\" as DOMRectKey,\n    POS: \"clientY\" as MousePosKey,\n    SCROLL_POS: \"scrollLeft\" as ElementDimension,\n    SCROLL_SIZE: \"scrollHeight\" as ElementDimension,\n    START: \"top\" as DOMRectKey,\n  },\n};\nexport const dimensions = (orientation: orientationType) =>\n  DIMENSIONS[orientation];\n\nexport const getDraggedItem = (\n  measuredItems: MeasuredDropTarget[],\n): MeasuredDropTarget => {\n  const result = measuredItems.find((item) => item.isDraggedElement);\n  if (result) {\n    return result;\n  }\n  throw Error(\"measuredItems do not contain a draggedElement\");\n};\n\nexport const moveDragItem = (\n  measuredItems: MeasuredDropTarget[],\n  dropTarget: MeasuredDropTarget,\n): MeasuredDropTarget[] => {\n  const items: MeasuredDropTarget[] = measuredItems.slice();\n  const draggedItem = getDraggedItem(items);\n  const draggedIndex = items.indexOf(draggedItem!);\n  const targetIndex = items.indexOf(dropTarget);\n\n  const firstPos = Math.min(draggedIndex, targetIndex);\n  const lastPos = Math.max(draggedIndex, targetIndex);\n  let { start } = items[firstPos];\n\n  items[draggedIndex] = { ...dropTarget };\n  items[targetIndex] = { ...draggedItem };\n\n  for (let i = firstPos; i <= lastPos; i++) {\n    const item = items[i];\n    item.currentIndex = i;\n    item.start = start;\n    item.end = start + item.size;\n    item.mid = start + item.size / 2;\n    start = item.end;\n  }\n\n  return items;\n};\n\nexport const isDraggedElement = (item: MeasuredDropTarget) =>\n  item.isDraggedElement;\n\nexport const measureDropTargets = (\n  container: HTMLElement,\n  orientation: orientationType,\n  draggedItem: HTMLElement,\n  itemQuery?: string,\n) => {\n  const dragThresholds: MeasuredDropTarget[] = [];\n\n  // TODO need to make sure we're including only the children we should\n  const children = Array.from(\n    itemQuery ? container.querySelectorAll(itemQuery) : container.children,\n  );\n  let previousThreshold = null;\n  for (let index = 0; index < children.length; index++) {\n    const element = children[index] as HTMLElement;\n    const dimension = orientation === \"horizontal\" ? \"width\" : \"height\";\n    const [start, size] = measureElementSizeAndPosition(element, dimension);\n\n    previousThreshold = {\n      currentIndex: index,\n      dataIndex: Number.parseInt(element.dataset.index ?? \"-1\"),\n      index,\n      isDraggedElement: element === draggedItem,\n      isOverflowIndicator: element.dataset.overflowIndicator === \"true\",\n      element: element as HTMLElement,\n      start,\n      end: start + size,\n      size,\n      mid: start + size / 2,\n    };\n\n    dragThresholds.push(previousThreshold);\n  }\n  return dragThresholds;\n};\n\nexport const getNextDropTarget = (\n  dropTargets: MeasuredDropTarget[],\n  pos: number,\n  direction: Direction,\n) => {\n  const len = dropTargets.length;\n  if (direction === FWD) {\n    for (let index = 0; index < len; index++) {\n      let dropTarget = dropTargets[index];\n      const { start, mid, end } = dropTarget;\n      if (pos > end) {\n        continue;\n      }\n      if (pos > mid) {\n        return dropTarget.isDraggedElement ? null : dropTarget;\n      }\n      if (pos > start) {\n        dropTarget = dropTargets[index - 1];\n        return dropTarget.isDraggedElement ? null : dropTarget;\n      }\n    }\n  } else {\n    for (let index = len - 1; index >= 0; index--) {\n      let dropTarget = dropTargets[index];\n      const { start, mid, end } = dropTarget;\n      if (pos < start) {\n        continue;\n      }\n      if (pos < mid) {\n        return dropTarget.isDraggedElement ? null : dropTarget;\n      }\n      if (pos < end) {\n        dropTarget = dropTargets[Math.min(len - 1, index + 1)];\n        return dropTarget.isDraggedElement ? null : dropTarget;\n      }\n    }\n  }\n  return null;\n};\n"],"names":[],"mappings":"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"}

package/dist-es/tabs/drag-drop/dragDropTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dragDropTypes.js","sources":["../src/tabs/drag-drop/dragDropTypes.ts"],"sourcesContent":["import type { MouseEventHandler, RefObject } from \"react\";\n\nimport type { orientationType } from \"../../responsive\";\n\nexport type dragStrategy = \"drop-indicator\" | \"natural-movement\";\n\nexport type Direction = \"fwd\" | \"bwd\";\nexport const FWD: Direction = \"fwd\";\nexport const BWD: Direction = \"bwd\";\n\nexport type Rect = {\n  height: number;\n  left: number;\n  top: number;\n  width: number;\n};\n\nexport type DragHookResult = {\n  draggable: JSX.Element | null;\n  dropIndicator: JSX.Element | null;\n  draggedItemIndex?: number;\n  isDragging: boolean;\n  onMouseDown?: MouseEventHandler;\n  revealOverflowedItems: boolean;\n  // tabProps?: Partial<TabProps>;\n};\n\nexport type DragDropHook = (props: {\n  allowDragDrop?: boolean | dragStrategy;\n  extendedDropZone?: boolean;\n  onDrop: (fromIndex: number, toIndex: number) => void;\n  orientation: orientationType;\n  containerRef: RefObject<HTMLElement>;\n  itemQuery?: string;\n}) => DragHookResult;\n"],"names":[],"mappings":"AAOO,MAAM,GAAA,GAAiB;;;;"}

package/dist-es/tabs/drag-drop/useDragDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragDrop.js","sources":["../src/tabs/drag-drop/useDragDrop.ts"],"sourcesContent":["import type { DragDropHook } from \"./dragDropTypes\";\nimport { useDragDropNaturalMovement } from \"./useDragDropNaturalMovement\";\n\nconst NULL_DRAG_DROP_RESULT = {\n  draggable: null,\n  isDragging: false,\n  dropIndicator: null,\n  revealOverflowedItems: false,\n};\nconst noDragDrop: DragDropHook = () => NULL_DRAG_DROP_RESULT;\n\nexport const useDragDrop: DragDropHook = ({\n  allowDragDrop,\n  ...dragDropProps\n}) => {\n  const useDragDropHook: DragDropHook = allowDragDrop\n    ? useDragDropNaturalMovement\n    : noDragDrop;\n\n  return useDragDropHook(dragDropProps);\n};\n"],"names":[],"mappings":";;AAGA,MAAM,qBAAA,GAAwB;AAAA,EAC5B,SAAA,EAAW,IAAA;AAAA,EACX,UAAA,EAAY,KAAA;AAAA,EACZ,aAAA,EAAe,IAAA;AAAA,EACf,qBAAA,EAAuB;AACzB,CAAA;AACA,MAAM,aAA2B,MAAM,qBAAA;AAEhC,MAAM,cAA4B,CAAC;AAAA,EACxC,aAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,eAAA,GAAgC,gBAClC,0BAAA,GACA,UAAA;AAEJ,EAAA,OAAO,gBAAgB,aAAa,CAAA;AACtC;;;;"}

package/dist-es/tabs/drag-drop/useDragDropNaturalMovement.js

@@ -0,0 +1,235 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useRef, useCallback } from 'react';
+import { Draggable } from './Draggable.js';
+import { getDraggedItem, moveDragItem, measureDropTargets, getNextDropTarget, isDraggedElement, dimensions } from './drag-utils.js';
+import { useDragSpacers } from './useDragSpacers.js';
+
+const dragThreshold = 3;
+const useDragDropNaturalMovement = ({
+  onDrop,
+  orientation = "horizontal",
+  containerRef,
+  itemQuery = "*"
+}) => {
+  const [showOverflow, setShowOverflow] = useState(false);
+  const overflowMenuShowingRef = useRef(false);
+  const [isDragging, setIsDragging] = useState(false);
+  const [dragPortal, setDragPortal] = useState(null);
+  const draggableRef = useRef(null);
+  const startPos = useRef(0);
+  const previousPos = useRef(0);
+  const mouseOffset = useRef(0);
+  const mouseDownTimer = useRef(null);
+  const dragLimits = useRef({ start: 0, end: 0 });
+  const dragDirection = useRef();
+  const dropTarget = useRef(null);
+  const measuredDropTargets = useRef([]);
+  const { clearSpacers, displaceItem, displaceLastItem } = useDragSpacers();
+  const dragMouseMoveHandler = useCallback(
+    (evt) => {
+      const { POS } = dimensions(orientation);
+      const { [POS]: clientPos } = evt;
+      const { current: lastClientPos } = previousPos;
+      const { current: currentDropTarget } = dropTarget;
+      const { current: dropTargets } = measuredDropTargets;
+      const draggedItem = getDraggedItem(dropTargets);
+      if (Math.abs(lastClientPos - clientPos) > 0) {
+        previousPos.current = clientPos;
+        const moveDistance = clientPos - startPos.current;
+        const pos = startPos.current - mouseOffset.current + moveDistance;
+        const renderPos = Math.max(
+          dragLimits.current.start,
+          Math.min(dragLimits.current.end, pos)
+        );
+        if (draggableRef.current && containerRef.current) {
+          const START = orientation === "horizontal" ? "left" : "top";
+          draggableRef.current.style[START] = `${renderPos}px`;
+          const direction = lastClientPos < clientPos ? "fwd" : "bwd";
+          const offsetPos = clientPos - mouseOffset.current;
+          const leadingEdge = direction === "fwd" ? offsetPos + draggedItem.size : offsetPos;
+          const nextDropTarget = getNextDropTarget(
+            measuredDropTargets.current,
+            leadingEdge,
+            direction
+          );
+          if (nextDropTarget && (nextDropTarget.index !== (currentDropTarget == null ? void 0 : currentDropTarget.index) || direction !== dragDirection.current)) {
+            if (nextDropTarget.isOverflowIndicator) {
+              overflowMenuShowingRef.current = true;
+              setShowOverflow(true);
+            } else {
+              const newDropTargets = moveDragItem(dropTargets, nextDropTarget);
+              const draggedItem2 = getDraggedItem(newDropTargets);
+              const nextDisplacedItem = newDropTargets[draggedItem2.currentIndex + 1];
+              if (nextDisplacedItem) {
+                displaceItem(
+                  nextDisplacedItem,
+                  draggedItem2.size,
+                  true,
+                  direction
+                );
+              } else {
+                const displacedItem = newDropTargets[draggedItem2.currentIndex - 1];
+                displaceLastItem(displacedItem, draggedItem2.size, true);
+              }
+              measuredDropTargets.current = newDropTargets;
+              overflowMenuShowingRef.current = false;
+              setShowOverflow(false);
+            }
+            dropTarget.current = nextDropTarget;
+            dragDirection.current = direction;
+          }
+        }
+      }
+    },
+    [containerRef, displaceItem, displaceLastItem, orientation]
+  );
+  const dragMouseUpHandler = useCallback(() => {
+    document.removeEventListener("mousemove", dragMouseMoveHandler, false);
+    document.removeEventListener("mouseup", dragMouseUpHandler, false);
+    clearSpacers();
+    const { current: dropTargets } = measuredDropTargets;
+    const draggedItem = getDraggedItem(dropTargets);
+    const { dataIndex = -1, index, currentIndex: toIndex } = draggedItem;
+    const fromIndex = dataIndex !== -1 ? dataIndex : index;
+    dropTarget.current = null;
+    dragDirection.current = void 0;
+    setDragPortal(null);
+    if (overflowMenuShowingRef.current) {
+      onDrop(fromIndex, -1);
+    } else if (fromIndex !== toIndex) {
+      onDrop(fromIndex, toIndex);
+    }
+    setShowOverflow(false);
+    setIsDragging(false);
+  }, [clearSpacers, dragMouseMoveHandler, onDrop]);
+  const enterDraggingState = useCallback(
+    (evt) => {
+      const { POS, START } = dimensions(orientation);
+      const { [POS]: clientPos } = evt;
+      const evtTarget = evt.target;
+      const dragElement = evtTarget.closest(itemQuery);
+      if (dragElement) {
+        const query = `:is(${itemQuery}:not([data-overflowed="true"]),[data-overflow-indicator])`;
+        const dropTargets = measureDropTargets(
+          containerRef.current,
+          orientation,
+          dragElement,
+          query
+        );
+        const draggedItem = dropTargets.find(isDraggedElement);
+        if (draggedItem && containerRef.current) {
+          measuredDropTargets.current = dropTargets;
+          dropTarget.current = draggedItem;
+          const containerRect = containerRef.current.getBoundingClientRect();
+          const draggableRect = draggedItem.element.getBoundingClientRect();
+          mouseOffset.current = clientPos - draggedItem.start;
+          const [lastItem] = dropTargets.slice(-1);
+          const lastChildEnd = lastItem.end;
+          console.log({ lastItem });
+          dragLimits.current.start = containerRect[START];
+          dragLimits.current.end = lastItem.isOverflowIndicator ? Math.max(lastItem.start, containerRect.right - draggedItem.size) : lastChildEnd - draggedItem.size;
+          setDragPortal(
+            /* @__PURE__ */ jsx(
+              Draggable,
+              {
+                wrapperClassName: `tabstrip-${orientation}`,
+                ref: draggableRef,
+                rect: draggableRect,
+                element: dragElement.cloneNode(true)
+              }
+            )
+          );
+          if (draggedItem !== lastItem) {
+            const nextItem = dropTargets[draggedItem.index + 1];
+            displaceItem(nextItem, draggedItem.size, false);
+          } else {
+            const displacedItem = dropTargets[draggedItem.index];
+            displaceLastItem(displacedItem, draggedItem.size, false);
+          }
+          setIsDragging(true);
+        }
+        document.addEventListener("mousemove", dragMouseMoveHandler, false);
+        document.addEventListener("mouseup", dragMouseUpHandler, false);
+      }
+    },
+    [
+      containerRef,
+      displaceItem,
+      displaceLastItem,
+      dragMouseMoveHandler,
+      dragMouseUpHandler,
+      itemQuery,
+      orientation
+    ]
+  );
+  const preDragMouseMoveHandler = useCallback(
+    (evt) => {
+      const { POS } = dimensions(orientation);
+      const { [POS]: clientPos } = evt;
+      const mouseMoveDistance = Math.abs(clientPos - startPos.current);
+      if (mouseMoveDistance > dragThreshold && containerRef.current) {
+        if (mouseDownTimer.current) {
+          window.clearTimeout(mouseDownTimer.current);
+          mouseDownTimer.current = null;
+        }
+        document.removeEventListener(
+          "mousemove",
+          preDragMouseMoveHandler,
+          false
+        );
+        document.removeEventListener("mouseup", preDragMouseUpHandler, false);
+        enterDraggingState(evt);
+      }
+    },
+    [containerRef, enterDraggingState, orientation]
+  );
+  const preDragMouseUpHandler = useCallback(() => {
+    if (mouseDownTimer.current) {
+      window.clearTimeout(mouseDownTimer.current);
+      mouseDownTimer.current = null;
+    }
+    document.removeEventListener("mousemove", preDragMouseMoveHandler, false);
+    document.removeEventListener("mouseup", preDragMouseUpHandler, false);
+  }, [preDragMouseMoveHandler]);
+  const mouseDownHandler = useCallback(
+    (evt) => {
+      if (containerRef.current && !evt.defaultPrevented) {
+        const { POS } = dimensions(orientation);
+        const { [POS]: clientPos } = evt;
+        startPos.current = clientPos;
+        previousPos.current = clientPos;
+        document.addEventListener("mousemove", preDragMouseMoveHandler, false);
+        document.addEventListener("mouseup", preDragMouseUpHandler, false);
+        evt.persist();
+        mouseDownTimer.current = window.setTimeout(() => {
+          document.removeEventListener(
+            "mousemove",
+            preDragMouseMoveHandler,
+            false
+          );
+          document.removeEventListener("mouseup", preDragMouseUpHandler, false);
+          enterDraggingState(evt.nativeEvent);
+        }, 500);
+      }
+    },
+    [
+      containerRef,
+      enterDraggingState,
+      orientation,
+      preDragMouseMoveHandler,
+      preDragMouseUpHandler
+    ]
+  );
+  const draggedItemIndex = isDragging ? getDraggedItem(measuredDropTargets.current).dataIndex : -1;
+  return {
+    draggable: dragPortal,
+    dropIndicator: null,
+    draggedItemIndex,
+    isDragging,
+    onMouseDown: mouseDownHandler,
+    revealOverflowedItems: showOverflow
+  };
+};
+
+export { useDragDropNaturalMovement };
+//# sourceMappingURL=useDragDropNaturalMovement.js.map

package/dist-es/tabs/drag-drop/useDragDropNaturalMovement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragDropNaturalMovement.js","sources":["../src/tabs/drag-drop/useDragDropNaturalMovement.tsx"],"sourcesContent":["import { type MouseEventHandler, useCallback, useRef, useState } from \"react\";\nimport { Draggable } from \"./Draggable\";\nimport {\n  dimensions,\n  getDraggedItem,\n  getNextDropTarget,\n  isDraggedElement,\n  type MeasuredDropTarget,\n  measureDropTargets,\n  moveDragItem,\n} from \"./drag-utils\";\nimport type { Direction, DragDropHook } from \"./dragDropTypes\";\nimport { useDragSpacers } from \"./useDragSpacers\";\n\nconst dragThreshold = 3;\n\nexport const useDragDropNaturalMovement: DragDropHook = ({\n  onDrop,\n  orientation = \"horizontal\",\n  containerRef,\n  itemQuery = \"*\",\n}) => {\n  const [showOverflow, setShowOverflow] = useState(false);\n  const overflowMenuShowingRef = useRef(false);\n  const [isDragging, setIsDragging] = useState(false);\n  const [dragPortal, setDragPortal] = useState<JSX.Element | null>(null);\n  const draggableRef = useRef<HTMLDivElement>(null);\n  const startPos = useRef(0);\n  const previousPos = useRef(0);\n  const mouseOffset = useRef(0);\n  const mouseDownTimer = useRef<number | null>(null);\n  const dragLimits = useRef({ start: 0, end: 0 });\n  const dragDirection = useRef<Direction | undefined>();\n  const dropTarget = useRef<MeasuredDropTarget | null>(null);\n  const measuredDropTargets = useRef<MeasuredDropTarget[]>([]);\n  const { clearSpacers, displaceItem, displaceLastItem } = useDragSpacers();\n\n  const dragMouseMoveHandler = useCallback(\n    (evt: MouseEvent) => {\n      const { POS } = dimensions(orientation);\n      const { [POS]: clientPos } = evt;\n      const { current: lastClientPos } = previousPos;\n      const { current: currentDropTarget } = dropTarget;\n      const { current: dropTargets } = measuredDropTargets;\n      const draggedItem = getDraggedItem(dropTargets);\n\n      if (Math.abs(lastClientPos - clientPos) > 0) {\n        previousPos.current = clientPos;\n\n        const moveDistance = clientPos - startPos.current;\n\n        const pos = startPos.current - mouseOffset.current + moveDistance;\n        const renderPos = Math.max(\n          dragLimits.current.start,\n          Math.min(dragLimits.current.end, pos),\n        );\n\n        if (draggableRef.current && containerRef.current) {\n          // Have to redefine the following here as we're using it as a style type not a DOMRect type\n          const START = orientation === \"horizontal\" ? \"left\" : \"top\";\n          draggableRef.current.style[START] = `${renderPos}px`;\n\n          const direction = lastClientPos < clientPos ? \"fwd\" : \"bwd\";\n          const offsetPos = clientPos - mouseOffset.current;\n          const leadingEdge =\n            direction === \"fwd\" ? offsetPos + draggedItem.size : offsetPos;\n\n          const nextDropTarget = getNextDropTarget(\n            measuredDropTargets.current,\n            leadingEdge,\n            direction,\n          );\n\n          if (\n            nextDropTarget &&\n            (nextDropTarget.index !== currentDropTarget?.index ||\n              direction !== dragDirection.current)\n          ) {\n            if (nextDropTarget.isOverflowIndicator) {\n              // Does this belong in here or can we abstract it out\n              overflowMenuShowingRef.current = true;\n              setShowOverflow(true);\n            } else {\n              const newDropTargets = moveDragItem(dropTargets, nextDropTarget);\n              const draggedItem = getDraggedItem(newDropTargets);\n\n              const nextDisplacedItem =\n                newDropTargets[draggedItem.currentIndex + 1];\n              if (nextDisplacedItem) {\n                displaceItem(\n                  nextDisplacedItem,\n                  draggedItem.size,\n                  true,\n                  direction,\n                );\n              } else {\n                const displacedItem =\n                  newDropTargets[draggedItem.currentIndex - 1];\n                displaceLastItem(displacedItem, draggedItem.size, true);\n              }\n              measuredDropTargets.current = newDropTargets;\n              overflowMenuShowingRef.current = false;\n              setShowOverflow(false);\n            }\n\n            dropTarget.current = nextDropTarget;\n            dragDirection.current = direction;\n          }\n        }\n      }\n    },\n    [containerRef, displaceItem, displaceLastItem, orientation],\n  );\n\n  const dragMouseUpHandler = useCallback(() => {\n    document.removeEventListener(\"mousemove\", dragMouseMoveHandler, false);\n    document.removeEventListener(\"mouseup\", dragMouseUpHandler, false);\n\n    clearSpacers();\n\n    const { current: dropTargets } = measuredDropTargets;\n    const draggedItem = getDraggedItem(dropTargets);\n    const { dataIndex = -1, index, currentIndex: toIndex } = draggedItem;\n\n    const fromIndex = dataIndex !== -1 ? dataIndex : index;\n    dropTarget.current = null;\n    dragDirection.current = undefined;\n\n    setDragPortal(null);\n\n    if (overflowMenuShowingRef.current) {\n      onDrop(fromIndex, -1);\n    } else if (fromIndex !== toIndex) {\n      onDrop(fromIndex, toIndex);\n    }\n    setShowOverflow(false);\n    setIsDragging(false);\n  }, [clearSpacers, dragMouseMoveHandler, onDrop]);\n\n  const enterDraggingState = useCallback(\n    (evt: MouseEvent) => {\n      const { POS, START } = dimensions(orientation);\n      const { [POS]: clientPos } = evt;\n\n      const evtTarget = evt.target as HTMLElement;\n      const dragElement = evtTarget.closest(itemQuery) as HTMLElement;\n      if (dragElement) {\n        // TODO this is very specific to responsive Container\n        const query = `:is(${itemQuery}:not([data-overflowed=\"true\"]),[data-overflow-indicator])`;\n        const dropTargets = measureDropTargets(\n          containerRef.current as HTMLElement,\n          orientation,\n          dragElement,\n          query,\n        );\n\n        const draggedItem = dropTargets.find(isDraggedElement);\n        if (draggedItem && containerRef.current) {\n          measuredDropTargets.current = dropTargets;\n          dropTarget.current = draggedItem;\n\n          const containerRect = containerRef.current.getBoundingClientRect();\n          const draggableRect = draggedItem.element.getBoundingClientRect();\n          mouseOffset.current = clientPos - draggedItem.start;\n          const [lastItem] = dropTargets.slice(-1);\n          const lastChildEnd = lastItem.end;\n\n          console.log({ lastItem });\n\n          dragLimits.current.start = containerRect[START];\n          dragLimits.current.end = lastItem.isOverflowIndicator\n            ? Math.max(lastItem.start, containerRect.right - draggedItem.size)\n            : lastChildEnd - draggedItem.size;\n\n          setDragPortal(\n            <Draggable\n              wrapperClassName={`tabstrip-${orientation}`}\n              ref={draggableRef}\n              rect={draggableRect}\n              element={dragElement.cloneNode(true) as HTMLElement}\n            />,\n          );\n\n          if (draggedItem !== lastItem) {\n            const nextItem = dropTargets[draggedItem.index + 1];\n            displaceItem(nextItem, draggedItem.size, false);\n          } else {\n            const displacedItem = dropTargets[draggedItem.index];\n            displaceLastItem(displacedItem, draggedItem.size, false);\n          }\n\n          setIsDragging(true);\n        }\n\n        document.addEventListener(\"mousemove\", dragMouseMoveHandler, false);\n        document.addEventListener(\"mouseup\", dragMouseUpHandler, false);\n      }\n    },\n    [\n      containerRef,\n      displaceItem,\n      displaceLastItem,\n      dragMouseMoveHandler,\n      dragMouseUpHandler,\n      itemQuery,\n      orientation,\n    ],\n  );\n\n  const preDragMouseMoveHandler = useCallback(\n    (evt: MouseEvent) => {\n      const { POS } = dimensions(orientation);\n      const { [POS]: clientPos } = evt;\n      const mouseMoveDistance = Math.abs(clientPos - startPos.current);\n      if (mouseMoveDistance > dragThreshold && containerRef.current) {\n        if (mouseDownTimer.current) {\n          window.clearTimeout(mouseDownTimer.current);\n          mouseDownTimer.current = null;\n        }\n        document.removeEventListener(\n          \"mousemove\",\n          preDragMouseMoveHandler,\n          false,\n        );\n        document.removeEventListener(\"mouseup\", preDragMouseUpHandler, false);\n\n        enterDraggingState(evt);\n      }\n    },\n    [containerRef, enterDraggingState, 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 (containerRef.current && !evt.defaultPrevented) {\n        const { POS } = dimensions(orientation);\n        const { [POS]: clientPos } = evt;\n        startPos.current = clientPos;\n        previousPos.current = clientPos;\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\n          enterDraggingState(evt.nativeEvent);\n        }, 500);\n      }\n    },\n    [\n      containerRef,\n      enterDraggingState,\n      orientation,\n      preDragMouseMoveHandler,\n      preDragMouseUpHandler,\n    ],\n  );\n\n  const draggedItemIndex = isDragging\n    ? getDraggedItem(measuredDropTargets.current).dataIndex\n    : -1;\n\n  return {\n    draggable: dragPortal,\n    dropIndicator: null,\n    draggedItemIndex,\n    isDragging,\n    onMouseDown: mouseDownHandler,\n    revealOverflowedItems: showOverflow,\n  };\n};\n"],"names":["draggedItem"],"mappings":"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"}