@elliemae/ds-toolbar 2.3.0-next.0 → 3.0.0-alpha.0

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 (100) hide show
  1. package/dist/cjs/DSToolbarItemV2.js +55 -0
  2. package/dist/cjs/DSToolbarItemV2.js.map +7 -0
  3. package/dist/cjs/DSToolbarSeparatorV2.js +39 -0
  4. package/dist/cjs/DSToolbarSeparatorV2.js.map +7 -0
  5. package/dist/cjs/DSToolbarV2.js +73 -0
  6. package/dist/cjs/DSToolbarV2.js.map +7 -0
  7. package/dist/cjs/DSToolbarV2Context.js +40 -0
  8. package/dist/cjs/DSToolbarV2Context.js.map +7 -0
  9. package/dist/cjs/deprecated/DSToolbar.js +96 -0
  10. package/dist/cjs/deprecated/DSToolbar.js.map +7 -0
  11. package/dist/cjs/deprecated/ToolbarDivider.js +39 -0
  12. package/dist/cjs/deprecated/ToolbarDivider.js.map +7 -0
  13. package/dist/cjs/deprecated/ToolbarGroup.js +51 -0
  14. package/dist/cjs/deprecated/ToolbarGroup.js.map +7 -0
  15. package/dist/cjs/deprecated/ToolbarItem.js +64 -0
  16. package/dist/cjs/deprecated/ToolbarItem.js.map +7 -0
  17. package/dist/cjs/deprecated/decorateToolbarChildren.js +40 -0
  18. package/dist/cjs/deprecated/decorateToolbarChildren.js.map +7 -0
  19. package/dist/cjs/deprecated/index.js +36 -0
  20. package/dist/cjs/deprecated/index.js.map +7 -0
  21. package/dist/cjs/index.js +39 -0
  22. package/dist/cjs/index.js.map +7 -0
  23. package/dist/cjs/props.js +41 -0
  24. package/dist/cjs/props.js.map +7 -0
  25. package/dist/cjs/styled.js +54 -0
  26. package/dist/cjs/styled.js.map +7 -0
  27. package/dist/cjs/useToolbarItemHandlers.js +59 -0
  28. package/dist/cjs/useToolbarItemHandlers.js.map +7 -0
  29. package/dist/esm/DSToolbarItemV2.js +26 -0
  30. package/dist/esm/DSToolbarItemV2.js.map +7 -0
  31. package/dist/esm/DSToolbarSeparatorV2.js +10 -0
  32. package/dist/esm/DSToolbarSeparatorV2.js.map +7 -0
  33. package/dist/esm/DSToolbarV2.js +44 -0
  34. package/dist/esm/DSToolbarV2.js.map +7 -0
  35. package/dist/esm/DSToolbarV2Context.js +11 -0
  36. package/dist/esm/DSToolbarV2Context.js.map +7 -0
  37. package/dist/esm/deprecated/DSToolbar.js +67 -0
  38. package/dist/esm/deprecated/DSToolbar.js.map +7 -0
  39. package/dist/esm/deprecated/ToolbarDivider.js +10 -0
  40. package/dist/esm/deprecated/ToolbarDivider.js.map +7 -0
  41. package/dist/esm/deprecated/ToolbarGroup.js +22 -0
  42. package/dist/esm/deprecated/ToolbarGroup.js.map +7 -0
  43. package/dist/esm/deprecated/ToolbarItem.js +35 -0
  44. package/dist/esm/deprecated/ToolbarItem.js.map +7 -0
  45. package/dist/esm/deprecated/decorateToolbarChildren.js +11 -0
  46. package/dist/esm/deprecated/decorateToolbarChildren.js.map +7 -0
  47. package/dist/esm/deprecated/index.js +7 -0
  48. package/dist/esm/deprecated/index.js.map +7 -0
  49. package/dist/esm/index.js +10 -0
  50. package/dist/esm/index.js.map +7 -0
  51. package/dist/esm/props.js +12 -0
  52. package/dist/esm/props.js.map +7 -0
  53. package/dist/esm/styled.js +25 -0
  54. package/dist/esm/styled.js.map +7 -0
  55. package/dist/esm/useToolbarItemHandlers.js +30 -0
  56. package/dist/esm/useToolbarItemHandlers.js.map +7 -0
  57. package/{types → dist/types}/DSToolbarItemV2.d.ts +0 -0
  58. package/{types → dist/types}/DSToolbarSeparatorV2.d.ts +0 -0
  59. package/{types → dist/types}/DSToolbarV2.d.ts +0 -0
  60. package/{types → dist/types}/DSToolbarV2Context.d.ts +0 -0
  61. package/{types → dist/types}/deprecated/DSToolbar.d.ts +0 -0
  62. package/{types → dist/types}/deprecated/ToolbarDivider.d.ts +0 -0
  63. package/{types → dist/types}/deprecated/ToolbarGroup.d.ts +0 -0
  64. package/{types → dist/types}/deprecated/ToolbarItem.d.ts +0 -0
  65. package/{types → dist/types}/deprecated/decorateToolbarChildren.d.ts +0 -0
  66. package/{types → dist/types}/deprecated/index.d.ts +0 -0
  67. package/{types → dist/types}/index.d.ts +0 -0
  68. package/{types → dist/types}/props.d.ts +0 -0
  69. package/{types → dist/types}/styled.d.ts +3 -3
  70. package/{types → dist/types}/tests/DSToolbar.test.d.ts +0 -0
  71. package/{types → dist/types}/useToolbarItemHandlers.d.ts +0 -0
  72. package/package.json +59 -51
  73. package/cjs/DSToolbarItemV2.js +0 -50
  74. package/cjs/DSToolbarSeparatorV2.js +0 -18
  75. package/cjs/DSToolbarV2.js +0 -80
  76. package/cjs/DSToolbarV2Context.js +0 -13
  77. package/cjs/deprecated/DSToolbar.js +0 -99
  78. package/cjs/deprecated/ToolbarDivider.js +0 -9
  79. package/cjs/deprecated/ToolbarGroup.js +0 -37
  80. package/cjs/deprecated/ToolbarItem.js +0 -60
  81. package/cjs/deprecated/decorateToolbarChildren.js +0 -28
  82. package/cjs/deprecated/index.js +0 -17
  83. package/cjs/index.js +0 -24
  84. package/cjs/props.js +0 -14
  85. package/cjs/styled.js +0 -25
  86. package/cjs/useToolbarItemHandlers.js +0 -39
  87. package/esm/DSToolbarItemV2.js +0 -42
  88. package/esm/DSToolbarSeparatorV2.js +0 -10
  89. package/esm/DSToolbarV2.js +0 -69
  90. package/esm/DSToolbarV2Context.js +0 -9
  91. package/esm/deprecated/DSToolbar.js +0 -83
  92. package/esm/deprecated/ToolbarDivider.js +0 -7
  93. package/esm/deprecated/ToolbarGroup.js +0 -31
  94. package/esm/deprecated/ToolbarItem.js +0 -51
  95. package/esm/deprecated/decorateToolbarChildren.js +0 -21
  96. package/esm/deprecated/index.js +0 -4
  97. package/esm/index.js +0 -7
  98. package/esm/props.js +0 -10
  99. package/esm/styled.js +0 -14
  100. package/esm/useToolbarItemHandlers.js +0 -35
@@ -1,35 +0,0 @@
1
- import 'core-js/modules/web.dom-collections.iterator.js';
2
- import { useContext, useCallback } from 'react';
3
- import { DSToolbarV2Context } from './DSToolbarV2Context.js';
4
-
5
- const useToolbarItemHandlers = toolbarItemId => {
6
- const {
7
- toolbarUid,
8
- itemReferences
9
- } = useContext(DSToolbarV2Context);
10
- const onKeyDown = useCallback(e => {
11
- const toolbarItems = [...document.querySelectorAll("#".concat(toolbarUid, " .ds-toolbar-item"))];
12
- let nextToolbarItemIndex = -1;
13
-
14
- if (['ArrowLeft', 'ArrowRight'].includes(e.code)) {
15
- const toolbarItemIndex = toolbarItems.findIndex(domElem => domElem.id === toolbarItemId);
16
- nextToolbarItemIndex = toolbarItemIndex + (e.code === 'ArrowLeft' ? -1 : 1);
17
- } else if (e.code === 'Home') {
18
- nextToolbarItemIndex = 0;
19
- } else if (e.code === 'End') {
20
- nextToolbarItemIndex = toolbarItems.length - 1;
21
- }
22
-
23
- if (nextToolbarItemIndex >= 0 && nextToolbarItemIndex < toolbarItems.length) {
24
- e.preventDefault();
25
- e.stopPropagation();
26
- const ref = itemReferences[toolbarItems[nextToolbarItemIndex].id];
27
- if (ref.current) ref.current.focus();
28
- }
29
- }, [toolbarUid, toolbarItemId, itemReferences]);
30
- return {
31
- onKeyDown
32
- };
33
- };
34
-
35
- export { useToolbarItemHandlers };