@elliemae/ds-tabs 3.0.0-next.6 → 3.0.0-next.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/dist/cjs/DSTabs.js +9 -16
  2. package/dist/cjs/DSTabs.js.map +1 -1
  3. package/dist/cjs/DSTabsCTX.js +9 -16
  4. package/dist/cjs/DSTabsCTX.js.map +1 -1
  5. package/dist/cjs/DSTabsDatatestid.js +9 -16
  6. package/dist/cjs/DSTabsDatatestid.js.map +1 -1
  7. package/dist/cjs/config/useCrossRef.js +9 -16
  8. package/dist/cjs/config/useCrossRef.js.map +1 -1
  9. package/dist/cjs/config/useTabs.js +11 -18
  10. package/dist/cjs/config/useTabs.js.map +2 -2
  11. package/dist/cjs/exported-related/DSTab.js +9 -16
  12. package/dist/cjs/exported-related/DSTab.js.map +1 -1
  13. package/dist/cjs/index.js +13 -19
  14. package/dist/cjs/index.js.map +1 -1
  15. package/dist/cjs/parts/carousel/Carousel.js +9 -16
  16. package/dist/cjs/parts/carousel/Carousel.js.map +1 -1
  17. package/dist/cjs/parts/carousel/styles.js +9 -16
  18. package/dist/cjs/parts/carousel/styles.js.map +1 -1
  19. package/dist/cjs/parts/carousel/useCarousel.js +9 -16
  20. package/dist/cjs/parts/carousel/useCarousel.js.map +1 -1
  21. package/dist/cjs/parts/carousel/useCarouselCallbacks.js +9 -16
  22. package/dist/cjs/parts/carousel/useCarouselCallbacks.js.map +1 -1
  23. package/dist/cjs/parts/tabBar/TabBar.js +9 -16
  24. package/dist/cjs/parts/tabBar/TabBar.js.map +1 -1
  25. package/dist/cjs/parts/tabBar/styles.js +38 -38
  26. package/dist/cjs/parts/tabBar/styles.js.map +2 -2
  27. package/dist/cjs/parts/tabBar/useTabBar.js +11 -20
  28. package/dist/cjs/parts/tabBar/useTabBar.js.map +2 -2
  29. package/dist/cjs/parts/tabsContent/TabsContent.js +9 -16
  30. package/dist/cjs/parts/tabsContent/TabsContent.js.map +1 -1
  31. package/dist/cjs/parts/tabsContent/styles.js +9 -16
  32. package/dist/cjs/parts/tabsContent/styles.js.map +1 -1
  33. package/dist/cjs/parts/tabsPanel/TabsPanels.js +9 -16
  34. package/dist/cjs/parts/tabsPanel/TabsPanels.js.map +1 -1
  35. package/dist/cjs/parts/tabsPanel/styles.js +9 -16
  36. package/dist/cjs/parts/tabsPanel/styles.js.map +1 -1
  37. package/dist/cjs/propTypes.js +9 -16
  38. package/dist/cjs/propTypes.js.map +1 -1
  39. package/dist/cjs/sharedTypes.js +9 -16
  40. package/dist/cjs/sharedTypes.js.map +2 -2
  41. package/dist/cjs/utils/constants.js +11 -19
  42. package/dist/cjs/utils/constants.js.map +2 -2
  43. package/dist/cjs/utils/helpers.js +9 -16
  44. package/dist/cjs/utils/helpers.js.map +1 -1
  45. package/dist/cjs/utils/hooks/useKeyboardNavigation.js +9 -16
  46. package/dist/cjs/utils/hooks/useKeyboardNavigation.js.map +1 -1
  47. package/dist/cjs/utils/hooks/useTabsCallbacks.js +9 -16
  48. package/dist/cjs/utils/hooks/useTabsCallbacks.js.map +1 -1
  49. package/dist/esm/DSTabs.js.map +1 -1
  50. package/dist/esm/DSTabsCTX.js.map +1 -1
  51. package/dist/esm/DSTabsDatatestid.js.map +1 -1
  52. package/dist/esm/config/useCrossRef.js.map +1 -1
  53. package/dist/esm/config/useTabs.js +1 -1
  54. package/dist/esm/config/useTabs.js.map +2 -2
  55. package/dist/esm/exported-related/DSTab.js.map +1 -1
  56. package/dist/esm/parts/carousel/Carousel.js.map +1 -1
  57. package/dist/esm/parts/carousel/styles.js.map +1 -1
  58. package/dist/esm/parts/carousel/useCarousel.js.map +1 -1
  59. package/dist/esm/parts/carousel/useCarouselCallbacks.js.map +1 -1
  60. package/dist/esm/parts/tabBar/TabBar.js.map +1 -1
  61. package/dist/esm/parts/tabBar/styles.js +30 -23
  62. package/dist/esm/parts/tabBar/styles.js.map +2 -2
  63. package/dist/esm/parts/tabBar/useTabBar.js +2 -4
  64. package/dist/esm/parts/tabBar/useTabBar.js.map +2 -2
  65. package/dist/esm/parts/tabsContent/TabsContent.js.map +1 -1
  66. package/dist/esm/parts/tabsPanel/TabsPanels.js.map +1 -1
  67. package/dist/esm/propTypes.js.map +1 -1
  68. package/dist/esm/utils/constants.js +2 -3
  69. package/dist/esm/utils/constants.js.map +2 -2
  70. package/dist/esm/utils/helpers.js.map +1 -1
  71. package/dist/esm/utils/hooks/useKeyboardNavigation.js.map +1 -1
  72. package/dist/esm/utils/hooks/useTabsCallbacks.js.map +1 -1
  73. package/package.json +17 -17
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/utils/hooks/useKeyboardNavigation.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport React, { useCallback, useContext } from 'react';\nimport { DSTabsContext, DSTabsCrossRefContext } from '../../DSTabsCTX';\n\ninterface UseKeyboardNavigationReturnTypeT {\n handleOnKeyDown: (e: React.KeyboardEvent) => void;\n}\n\nexport const useKeyboardNavigation = (): UseKeyboardNavigationReturnTypeT => {\n const { focusableTabsRef } = useContext(DSTabsContext);\n const { firstSubtabInternalRef, lastTabInternalRef } = useContext(DSTabsCrossRefContext);\n\n const handleOnKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === 'ArrowRight' && focusableTabsRef.current) {\n e.preventDefault();\n e.stopPropagation();\n const nextTab =\n focusableTabsRef.current[focusableTabsRef?.current?.indexOf?.(e.target as HTMLButtonElement) + 1];\n if (nextTab) nextTab.focus();\n if (!nextTab) return;\n }\n\n if (e.key === 'ArrowLeft' && focusableTabsRef.current) {\n e.preventDefault();\n e.stopPropagation();\n const prevTab =\n focusableTabsRef.current[focusableTabsRef?.current?.indexOf?.(e.target as HTMLButtonElement) - 1];\n if (prevTab) prevTab.focus();\n if (!prevTab) return;\n }\n\n if (e.key === 'ArrowDown') {\n e.preventDefault();\n e.stopPropagation();\n const canFocusCrossTabs = firstSubtabInternalRef?.current && lastTabInternalRef?.current;\n if (canFocusCrossTabs) firstSubtabInternalRef.current?.focus();\n }\n\n if (e.key === 'ArrowUp') {\n e.preventDefault();\n e.stopPropagation();\n const canFocusCrossTabs = firstSubtabInternalRef?.current && lastTabInternalRef?.current;\n if (canFocusCrossTabs) lastTabInternalRef.current?.focus();\n }\n },\n [firstSubtabInternalRef, lastTabInternalRef, focusableTabsRef],\n );\n\n return {\n handleOnKeyDown,\n };\n};\n"],
5
- "mappings": "AAAA;ACEA;AACA;AAMO,MAAM,wBAAwB,MAAwC;AAC3E,QAAM,EAAE,qBAAqB,WAAW;AACxC,QAAM,EAAE,wBAAwB,uBAAuB,WAAW;AAElE,QAAM,kBAAkB,YACtB,CAAC,MAA2B;AAC1B,QAAI,EAAE,QAAQ,gBAAgB,iBAAiB,SAAS;AACtD,QAAE;AACF,QAAE;AACF,YAAM,UACJ,iBAAiB,QAAQ,kBAAkB,SAAS,UAAU,EAAE,UAA+B;AACjG,UAAI;AAAS,gBAAQ;AACrB,UAAI,CAAC;AAAS;AAAA;AAGhB,QAAI,EAAE,QAAQ,eAAe,iBAAiB,SAAS;AACrD,QAAE;AACF,QAAE;AACF,YAAM,UACJ,iBAAiB,QAAQ,kBAAkB,SAAS,UAAU,EAAE,UAA+B;AACjG,UAAI;AAAS,gBAAQ;AACrB,UAAI,CAAC;AAAS;AAAA;AAGhB,QAAI,EAAE,QAAQ,aAAa;AACzB,QAAE;AACF,QAAE;AACF,YAAM,oBAAoB,wBAAwB,WAAW,oBAAoB;AACjF,UAAI;AAAmB,+BAAuB,SAAS;AAAA;AAGzD,QAAI,EAAE,QAAQ,WAAW;AACvB,QAAE;AACF,QAAE;AACF,YAAM,oBAAoB,wBAAwB,WAAW,oBAAoB;AACjF,UAAI;AAAmB,2BAAmB,SAAS;AAAA;AAAA,KAGvD,CAAC,wBAAwB,oBAAoB;AAG/C,SAAO;AAAA,IACL;AAAA;AAAA;",
5
+ "mappings": "AAAA;ACEA;AACA;AAMO,MAAM,wBAAwB,MAAwC;AAC3E,QAAM,EAAE,qBAAqB,WAAW,aAAa;AACrD,QAAM,EAAE,wBAAwB,uBAAuB,WAAW,qBAAqB;AAEvF,QAAM,kBAAkB,YACtB,CAAC,MAA2B;AAC1B,QAAI,EAAE,QAAQ,gBAAgB,iBAAiB,SAAS;AACtD,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,YAAM,UACJ,iBAAiB,QAAQ,kBAAkB,SAAS,UAAU,EAAE,MAA2B,IAAI;AACjG,UAAI;AAAS,gBAAQ,MAAM;AAC3B,UAAI,CAAC;AAAS;AAAA,IAChB;AAEA,QAAI,EAAE,QAAQ,eAAe,iBAAiB,SAAS;AACrD,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,YAAM,UACJ,iBAAiB,QAAQ,kBAAkB,SAAS,UAAU,EAAE,MAA2B,IAAI;AACjG,UAAI;AAAS,gBAAQ,MAAM;AAC3B,UAAI,CAAC;AAAS;AAAA,IAChB;AAEA,QAAI,EAAE,QAAQ,aAAa;AACzB,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,YAAM,oBAAoB,wBAAwB,WAAW,oBAAoB;AACjF,UAAI;AAAmB,+BAAuB,SAAS,MAAM;AAAA,IAC/D;AAEA,QAAI,EAAE,QAAQ,WAAW;AACvB,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAClB,YAAM,oBAAoB,wBAAwB,WAAW,oBAAoB;AACjF,UAAI;AAAmB,2BAAmB,SAAS,MAAM;AAAA,IAC3D;AAAA,EACF,GACA,CAAC,wBAAwB,oBAAoB,gBAAgB,CAC/D;AAEA,SAAO;AAAA,IACL;AAAA,EACF;AACF;",
6
6
  "names": []
7
7
  }
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/utils/hooks/useTabsCallbacks.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useContext } from 'react';\nimport { centerTab } from '../helpers';\nimport { DSTabsContext } from '../../DSTabsCTX';\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 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"],
5
- "mappings": "AAAA;ACAA;AACA;AACA;AAOO,MAAM,mBAAmB,MAAmC;AACjE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO,EAAE,aAAa,YAAY,oBAAoB;AAAA,MACpD,WAAW;AAEf,QAAM,oBAAoB,YACxB,CAAC,OAAe,MAAyB;AACvC,yBAAqB;AACrB,gBAAY,OAAO;AACnB,QAAI,cAAc,CAAC,oBAAoB,GAAG;AACxC,gBAAU,EAAE,GAAG,SAAS;AAAA;AAAA,KAG5B,CAAC,kBAAkB,YAAY,aAAa,sBAAsB;AAGpE,QAAM,oBAAoB,YACxB,CAAC,MAAwB;AACvB,UAAM,OAAQ,EAAE,OAAuB,aAAa;AACpD,QAAI,SAAS,cAAc;AAAoB,QAAE;AAAA,KAEnD,CAAC;AAGH,SAAO;AAAA,IACL;AAAA,IACA;AAAA;AAAA;",
5
+ "mappings": "AAAA;ACAA;AACA;AACA;AAOO,MAAM,mBAAmB,MAAmC;AACjE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,OAAO,EAAE,aAAa,YAAY,oBAAoB;AAAA,MACpD,WAAW,aAAa;AAE5B,QAAM,oBAAoB,YACxB,CAAC,OAAe,MAAyB;AACvC,yBAAqB,KAAK;AAC1B,gBAAY,OAAO,CAAC;AACpB,QAAI,cAAc,CAAC,oBAAoB,GAAG;AACxC,gBAAU,EAAE,GAAG,SAAS,YAAY,CAAC;AAAA,IACvC;AAAA,EACF,GACA,CAAC,kBAAkB,YAAY,aAAa,sBAAsB,WAAW,CAC/E;AAEA,QAAM,oBAAoB,YACxB,CAAC,MAAwB;AACvB,UAAM,OAAQ,EAAE,OAAuB,aAAa,MAAM;AAC1D,QAAI,SAAS,cAAc;AAAoB,QAAE,gBAAgB;AAAA,EACnE,GACA,CAAC,kBAAkB,CACrB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-tabs",
3
- "version": "3.0.0-next.6",
3
+ "version": "3.0.0-next.60",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Tabs",
6
6
  "files": [
@@ -130,20 +130,27 @@
130
130
  "reportFile": "tests.xml",
131
131
  "indent": 4
132
132
  },
133
+ "scripts": {
134
+ "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
135
+ "test": "node ../../scripts/testing/test.mjs",
136
+ "lint": "node ../../scripts/lint.mjs",
137
+ "dts": "node ../../scripts/dts.mjs",
138
+ "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
139
+ },
133
140
  "dependencies": {
134
- "@elliemae/ds-button": "3.0.0-next.6",
135
- "@elliemae/ds-icon": "3.0.0-next.6",
136
- "@elliemae/ds-icons": "3.0.0-next.6",
137
- "@elliemae/ds-props-helpers": "3.0.0-next.6",
138
- "@elliemae/ds-system": "3.0.0-next.6",
141
+ "@elliemae/ds-button": "workspace:*",
142
+ "@elliemae/ds-icon": "workspace:*",
143
+ "@elliemae/ds-icons": "workspace:*",
144
+ "@elliemae/ds-system": "workspace:*",
145
+ "@elliemae/ds-utilities": "workspace:*",
139
146
  "@react-hook/resize-observer": "~1.2.5",
140
- "prop-types": "~15.7.2",
147
+ "prop-types": "~15.8.1",
141
148
  "react-desc": "~4.1.3",
142
149
  "react-swipeable-views": "~0.13.9"
143
150
  },
144
151
  "devDependencies": {
145
- "@testing-library/jest-dom": "~5.15.1",
146
- "@testing-library/react": "~12.1.2",
152
+ "@testing-library/jest-dom": "~5.16.2",
153
+ "@testing-library/react": "~12.1.4",
147
154
  "@testing-library/user-event": "~13.5.0",
148
155
  "styled-components": "~5.3.3"
149
156
  },
@@ -156,12 +163,5 @@
156
163
  "publishConfig": {
157
164
  "access": "public",
158
165
  "typeSafety": false
159
- },
160
- "scripts": {
161
- "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
162
- "test": "node ../../scripts/testing/test.mjs",
163
- "lint": "node ../../scripts/lint.mjs",
164
- "dts": "node ../../scripts/dts.mjs",
165
- "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
166
166
  }
167
- }
167
+ }