@elliemae/ds-tabs 3.53.1-rc.0 → 3.54.0-beta.1

package/dist/esm/utils/hooks/useTabsCallbacks.js

@@ -1,36 +0,0 @@
-import * as React from "react";
-import { useCallback, useContext } from "react";
-import { centerTab } from "../helpers.js";
-import { DSTabsContext } from "../../DSTabsCTX.js";
-const useTabsCallbacks = () => {
-  const {
-    setInternalActiveTab,
-    tabsListRef,
-    props: { onTabChange, isDSMobile, allowTextSelection, fixedTabsHeaders }
-  } = useContext(DSTabsContext);
-  const handleOnTabChange = useCallback(
-    (tabId, e) => {
-      setInternalActiveTab(tabId);
-      onTabChange(tabId, e);
-      if (isDSMobile && !fixedTabsHeaders && e) {
-        centerTab({ e, listRef: tabsListRef });
-      }
-    },
-    [fixedTabsHeaders, isDSMobile, onTabChange, setInternalActiveTab, tabsListRef]
-  );
-  const handleOnMouseDown = useCallback(
-    (e) => {
-      const role = e.target.getAttribute("role");
-      if (role !== "tabpanel" && allowTextSelection) e.stopPropagation();
-    },
-    [allowTextSelection]
-  );
-  return {
-    handleOnTabChange,
-    handleOnMouseDown
-  };
-};
-export {
-  useTabsCallbacks
-};
-//# sourceMappingURL=useTabsCallbacks.js.map

package/dist/esm/utils/hooks/useTabsCallbacks.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/utils/hooks/useTabsCallbacks.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\nimport { useCallback, useContext } from 'react';\nimport { centerTab } from '../helpers.js';\nimport { DSTabsContext } from '../../DSTabsCTX.js';\n\ninterface UseTabsCallbacksReturnTypeT {\n  handleOnTabChange: (tabId: string, e?: React.MouseEvent) => void;\n  handleOnMouseDown: (e: React.MouseEvent) => void;\n}\n\nexport const useTabsCallbacks = (): UseTabsCallbacksReturnTypeT => {\n  const {\n    setInternalActiveTab,\n    tabsListRef,\n    props: { onTabChange, isDSMobile, allowTextSelection, fixedTabsHeaders },\n  } = useContext(DSTabsContext);\n\n  /** [PUI-15772] - Tabs Pre Refactor\n   * Main handler for active tab changes. It is responsible for:\n   * 1. Updating the internal active tab state\n   * 2. Notifying the user through the onTabChange callback\n   * 3. Centering the tab on mobile if needed\n   */\n  const handleOnTabChange = useCallback(\n    (tabId: string, e?: React.MouseEvent) => {\n      setInternalActiveTab(tabId);\n      onTabChange(tabId, e);\n      if (isDSMobile && !fixedTabsHeaders && e) {\n        centerTab({ e, listRef: tabsListRef });\n      }\n    },\n    [fixedTabsHeaders, isDSMobile, onTabChange, setInternalActiveTab, tabsListRef],\n  );\n\n  const handleOnMouseDown = useCallback(\n    (e: React.MouseEvent) => {\n      const role = (e.target as HTMLElement).getAttribute('role');\n      if (role !== 'tabpanel' && allowTextSelection) e.stopPropagation();\n    },\n    [allowTextSelection],\n  );\n\n  return {\n    handleOnTabChange,\n    handleOnMouseDown,\n  };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,aAAa,kBAAkB;AACxC,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAOvB,MAAM,mBAAmB,MAAmC;AACjE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO,EAAE,aAAa,YAAY,oBAAoB,iBAAiB;AAAA,EACzE,IAAI,WAAW,aAAa;AAQ5B,QAAM,oBAAoB;AAAA,IACxB,CAAC,OAAe,MAAyB;AACvC,2BAAqB,KAAK;AAC1B,kBAAY,OAAO,CAAC;AACpB,UAAI,cAAc,CAAC,oBAAoB,GAAG;AACxC,kBAAU,EAAE,GAAG,SAAS,YAAY,CAAC;AAAA,MACvC;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,YAAY,aAAa,sBAAsB,WAAW;AAAA,EAC/E;AAEA,QAAM,oBAAoB;AAAA,IACxB,CAAC,MAAwB;AACvB,YAAM,OAAQ,EAAE,OAAuB,aAAa,MAAM;AAC1D,UAAI,SAAS,cAAc,mBAAoB,GAAE,gBAAgB;AAAA,IACnE;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
-  "names": []
-}

package/dist/types/parts/tabBar/useTabBar.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import type { DSTabsInternalsT } from '../../sharedTypes.js';
-interface UseTabBarReturnTypeT {
-    updateIndicatorStyle: () => void;
-    updateMobileGradients: () => void;
-    setIndicatorStyle: React.Dispatch<React.SetStateAction<DSTabsInternalsT.IndicatorStyleT>>;
-    indicatorStyle: DSTabsInternalsT.IndicatorStyleT;
-    mobileGradients: DSTabsInternalsT.MobileGradientsT;
-}
-export declare const useTabBar: () => UseTabBarReturnTypeT;
-export {};

package/dist/types/utils/hooks/useTabsCallbacks.d.ts

@@ -1,7 +0,0 @@
-import type React from 'react';
-interface UseTabsCallbacksReturnTypeT {
-    handleOnTabChange: (tabId: string, e?: React.MouseEvent) => void;
-    handleOnMouseDown: (e: React.MouseEvent) => void;
-}
-export declare const useTabsCallbacks: () => UseTabsCallbacksReturnTypeT;
-export {};