@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.
- package/dist/cjs/DSToolbarItemV2.js +55 -0
- package/dist/cjs/DSToolbarItemV2.js.map +7 -0
- package/dist/cjs/DSToolbarSeparatorV2.js +39 -0
- package/dist/cjs/DSToolbarSeparatorV2.js.map +7 -0
- package/dist/cjs/DSToolbarV2.js +73 -0
- package/dist/cjs/DSToolbarV2.js.map +7 -0
- package/dist/cjs/DSToolbarV2Context.js +40 -0
- package/dist/cjs/DSToolbarV2Context.js.map +7 -0
- package/dist/cjs/deprecated/DSToolbar.js +96 -0
- package/dist/cjs/deprecated/DSToolbar.js.map +7 -0
- package/dist/cjs/deprecated/ToolbarDivider.js +39 -0
- package/dist/cjs/deprecated/ToolbarDivider.js.map +7 -0
- package/dist/cjs/deprecated/ToolbarGroup.js +51 -0
- package/dist/cjs/deprecated/ToolbarGroup.js.map +7 -0
- package/dist/cjs/deprecated/ToolbarItem.js +64 -0
- package/dist/cjs/deprecated/ToolbarItem.js.map +7 -0
- package/dist/cjs/deprecated/decorateToolbarChildren.js +40 -0
- package/dist/cjs/deprecated/decorateToolbarChildren.js.map +7 -0
- package/dist/cjs/deprecated/index.js +36 -0
- package/dist/cjs/deprecated/index.js.map +7 -0
- package/dist/cjs/index.js +39 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/cjs/props.js +41 -0
- package/dist/cjs/props.js.map +7 -0
- package/dist/cjs/styled.js +54 -0
- package/dist/cjs/styled.js.map +7 -0
- package/dist/cjs/useToolbarItemHandlers.js +59 -0
- package/dist/cjs/useToolbarItemHandlers.js.map +7 -0
- package/dist/esm/DSToolbarItemV2.js +26 -0
- package/dist/esm/DSToolbarItemV2.js.map +7 -0
- package/dist/esm/DSToolbarSeparatorV2.js +10 -0
- package/dist/esm/DSToolbarSeparatorV2.js.map +7 -0
- package/dist/esm/DSToolbarV2.js +44 -0
- package/dist/esm/DSToolbarV2.js.map +7 -0
- package/dist/esm/DSToolbarV2Context.js +11 -0
- package/dist/esm/DSToolbarV2Context.js.map +7 -0
- package/dist/esm/deprecated/DSToolbar.js +67 -0
- package/dist/esm/deprecated/DSToolbar.js.map +7 -0
- package/dist/esm/deprecated/ToolbarDivider.js +10 -0
- package/dist/esm/deprecated/ToolbarDivider.js.map +7 -0
- package/dist/esm/deprecated/ToolbarGroup.js +22 -0
- package/dist/esm/deprecated/ToolbarGroup.js.map +7 -0
- package/dist/esm/deprecated/ToolbarItem.js +35 -0
- package/dist/esm/deprecated/ToolbarItem.js.map +7 -0
- package/dist/esm/deprecated/decorateToolbarChildren.js +11 -0
- package/dist/esm/deprecated/decorateToolbarChildren.js.map +7 -0
- package/dist/esm/deprecated/index.js +7 -0
- package/dist/esm/deprecated/index.js.map +7 -0
- package/dist/esm/index.js +10 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/esm/props.js +12 -0
- package/dist/esm/props.js.map +7 -0
- package/dist/esm/styled.js +25 -0
- package/dist/esm/styled.js.map +7 -0
- package/dist/esm/useToolbarItemHandlers.js +30 -0
- package/dist/esm/useToolbarItemHandlers.js.map +7 -0
- package/{types → dist/types}/DSToolbarItemV2.d.ts +0 -0
- package/{types → dist/types}/DSToolbarSeparatorV2.d.ts +0 -0
- package/{types → dist/types}/DSToolbarV2.d.ts +0 -0
- package/{types → dist/types}/DSToolbarV2Context.d.ts +0 -0
- package/{types → dist/types}/deprecated/DSToolbar.d.ts +0 -0
- package/{types → dist/types}/deprecated/ToolbarDivider.d.ts +0 -0
- package/{types → dist/types}/deprecated/ToolbarGroup.d.ts +0 -0
- package/{types → dist/types}/deprecated/ToolbarItem.d.ts +0 -0
- package/{types → dist/types}/deprecated/decorateToolbarChildren.d.ts +0 -0
- package/{types → dist/types}/deprecated/index.d.ts +0 -0
- package/{types → dist/types}/index.d.ts +0 -0
- package/{types → dist/types}/props.d.ts +0 -0
- package/{types → dist/types}/styled.d.ts +3 -3
- package/{types → dist/types}/tests/DSToolbar.test.d.ts +0 -0
- package/{types → dist/types}/useToolbarItemHandlers.d.ts +0 -0
- package/package.json +59 -51
- package/cjs/DSToolbarItemV2.js +0 -50
- package/cjs/DSToolbarSeparatorV2.js +0 -18
- package/cjs/DSToolbarV2.js +0 -80
- package/cjs/DSToolbarV2Context.js +0 -13
- package/cjs/deprecated/DSToolbar.js +0 -99
- package/cjs/deprecated/ToolbarDivider.js +0 -9
- package/cjs/deprecated/ToolbarGroup.js +0 -37
- package/cjs/deprecated/ToolbarItem.js +0 -60
- package/cjs/deprecated/decorateToolbarChildren.js +0 -28
- package/cjs/deprecated/index.js +0 -17
- package/cjs/index.js +0 -24
- package/cjs/props.js +0 -14
- package/cjs/styled.js +0 -25
- package/cjs/useToolbarItemHandlers.js +0 -39
- package/esm/DSToolbarItemV2.js +0 -42
- package/esm/DSToolbarSeparatorV2.js +0 -10
- package/esm/DSToolbarV2.js +0 -69
- package/esm/DSToolbarV2Context.js +0 -9
- package/esm/deprecated/DSToolbar.js +0 -83
- package/esm/deprecated/ToolbarDivider.js +0 -7
- package/esm/deprecated/ToolbarGroup.js +0 -31
- package/esm/deprecated/ToolbarItem.js +0 -51
- package/esm/deprecated/decorateToolbarChildren.js +0 -21
- package/esm/deprecated/index.js +0 -4
- package/esm/index.js +0 -7
- package/esm/props.js +0 -10
- package/esm/styled.js +0 -14
- 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 };
|