@elliemae/ds-treeview 1.60.0 → 2.0.0-alpha.12
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/cjs/TreeView.js +91 -161
- package/cjs/TreeViewContext.js +23 -26
- package/cjs/config/cssClassesConstants.js +4 -5
- package/cjs/deprecated/TreeView.js +39 -50
- package/cjs/deprecated/__testUtils__/utils.js +47 -46
- package/cjs/deprecated/index.js +21 -49
- package/cjs/deprecated/plugins/dnd/TreeDndPlugin.js +57 -67
- package/cjs/deprecated/plugins/dnd/index.js +2 -19
- package/cjs/deprecated/plugins/dnd/renderers/DraggableItem.js +55 -49
- package/cjs/deprecated/plugins/dnd/renderers/DroppableList.js +162 -150
- package/cjs/deprecated/plugins/dnd/utils.js +64 -56
- package/cjs/deprecated/plugins/index.js +14 -44
- package/cjs/deprecated/plugins/roving/TreeRovingPlugin.js +49 -56
- package/cjs/deprecated/plugins/roving/index.js +2 -12
- package/cjs/deprecated/plugins/searchable/SearchableTreePlugin.js +46 -35
- package/cjs/deprecated/plugins/searchable/index.js +2 -7
- package/cjs/deprecated/plugins/searchable/utils.js +1 -2
- package/cjs/deprecated/plugins/selectable/SelectablePluginTree.js +126 -120
- package/cjs/deprecated/plugins/selectable/helper.js +0 -1
- package/cjs/deprecated/plugins/selectable/index.js +2 -14
- package/cjs/deprecated/plugins/selectable/utils.js +2 -3
- package/cjs/deprecated/plugins/toolbar/TreeToolbarPlugin.js +63 -53
- package/cjs/deprecated/plugins/toolbar/index.js +2 -13
- package/cjs/deprecated/plugins/tree/TreeDataPlugin.js +163 -137
- package/cjs/deprecated/plugins/tree/index.js +2 -18
- package/cjs/deprecated/plugins/tree/useExpandTreeState.js +67 -73
- package/cjs/deprecated/plugins/tree/utils.js +22 -30
- package/cjs/deprecated/plugins/tree/walkTreeStrategy.js +21 -30
- package/cjs/deprecated/plugins/virtualization/TreeVirtualizationPlugin.js +124 -109
- package/cjs/deprecated/plugins/virtualization/index.js +2 -12
- package/cjs/deprecated/renderers.js +41 -23
- package/cjs/index.js +19 -93
- package/cjs/parts/CheckboxSelectable.js +42 -36
- package/cjs/parts/ChildrenCountDisplayer.js +15 -16
- package/cjs/parts/ExpandCaret.js +42 -38
- package/cjs/parts/Icon.js +14 -10
- package/cjs/parts/NestingSpace.js +26 -20
- package/cjs/parts/RadioSelectable.js +34 -34
- package/cjs/parts/TreeItem.js +123 -133
- package/cjs/parts/TreeItemText.js +68 -57
- package/cjs/parts/TreeList.js +107 -109
- package/cjs/plugins/dnd/TreeDndPlugin.js +20 -54
- package/cjs/plugins/dnd/index.js +3 -43
- package/cjs/plugins/index.js +15 -55
- package/cjs/plugins/roving/TreeRovingPlugin.js +1 -2
- package/cjs/plugins/roving/index.js +2 -3
- package/cjs/plugins/searchable/SearchableTreePlugin.js +1 -2
- package/cjs/plugins/searchable/index.js +2 -3
- package/cjs/plugins/selectable/SelectablePluginTree.js +1 -2
- package/cjs/plugins/selectable/index.js +2 -3
- package/cjs/plugins/toolbar/TreeToolbarPlugin.js +1 -2
- package/cjs/plugins/toolbar/index.js +2 -3
- package/cjs/plugins/tree/TreeDataPlugin.js +1 -2
- package/cjs/plugins/tree/index.js +2 -3
- package/cjs/plugins/virtualization/TreeVirtualizationPlugin.js +1 -2
- package/cjs/plugins/virtualization/index.js +2 -3
- package/cjs/prop-types.js +25 -26
- package/cjs/react-desc-prop-types.js +4 -5
- package/cjs/related-components/TreeViewSearchBar.js +14 -24
- package/cjs/utils/array-helpers.js +7 -19
- package/cjs/utils/dnd-helpers.js +64 -51
- package/cjs/utils/group-expands-helpers.js +29 -24
- package/cjs/utils/keyboard-helpers.js +80 -75
- package/cjs/utils/object-helpers.js +13 -18
- package/cjs/utils/refs-helpers.js +10 -5
- package/cjs/utils/selectable-helper.js +39 -28
- package/cjs/utils/string-helpers.js +1 -4
- package/cjs/utils/tree-helpers.js +68 -71
- package/cjs/utils/useDnDHelpers.js +128 -114
- package/cjs/utils/useInstanceRefActions.js +40 -50
- package/cjs/utils/useTree.js +40 -57
- package/esm/TreeView.js +81 -150
- package/esm/TreeViewContext.js +22 -25
- package/esm/config/cssClassesConstants.js +4 -5
- package/esm/deprecated/TreeView.js +31 -40
- package/esm/deprecated/__testUtils__/utils.js +43 -40
- package/esm/deprecated/index.js +6 -32
- package/esm/deprecated/plugins/dnd/TreeDndPlugin.js +47 -56
- package/esm/deprecated/plugins/dnd/index.js +0 -17
- package/esm/deprecated/plugins/dnd/renderers/DraggableItem.js +50 -43
- package/esm/deprecated/plugins/dnd/renderers/DroppableList.js +160 -147
- package/esm/deprecated/plugins/dnd/utils.js +63 -54
- package/esm/deprecated/plugins/index.js +0 -30
- package/esm/deprecated/plugins/roving/TreeRovingPlugin.js +48 -53
- package/esm/deprecated/plugins/roving/index.js +0 -10
- package/esm/deprecated/plugins/searchable/SearchableTreePlugin.js +45 -34
- package/esm/deprecated/plugins/searchable/index.js +0 -5
- package/esm/deprecated/plugins/searchable/utils.js +1 -2
- package/esm/deprecated/plugins/selectable/SelectablePluginTree.js +121 -113
- package/esm/deprecated/plugins/selectable/helper.js +0 -1
- package/esm/deprecated/plugins/selectable/index.js +0 -12
- package/esm/deprecated/plugins/selectable/utils.js +2 -3
- package/esm/deprecated/plugins/toolbar/TreeToolbarPlugin.js +58 -47
- package/esm/deprecated/plugins/toolbar/index.js +0 -11
- package/esm/deprecated/plugins/tree/TreeDataPlugin.js +150 -124
- package/esm/deprecated/plugins/tree/index.js +0 -16
- package/esm/deprecated/plugins/tree/useExpandTreeState.js +64 -69
- package/esm/deprecated/plugins/tree/utils.js +16 -24
- package/esm/deprecated/plugins/tree/walkTreeStrategy.js +21 -26
- package/esm/deprecated/plugins/virtualization/TreeVirtualizationPlugin.js +121 -107
- package/esm/deprecated/plugins/virtualization/index.js +0 -10
- package/esm/deprecated/renderers.js +39 -21
- package/esm/index.js +2 -75
- package/esm/parts/CheckboxSelectable.js +39 -33
- package/esm/parts/ChildrenCountDisplayer.js +13 -14
- package/esm/parts/ExpandCaret.js +39 -35
- package/esm/parts/Icon.js +13 -9
- package/esm/parts/NestingSpace.js +24 -18
- package/esm/parts/RadioSelectable.js +34 -32
- package/esm/parts/TreeItem.js +108 -117
- package/esm/parts/TreeItemText.js +65 -53
- package/esm/parts/TreeList.js +104 -105
- package/esm/plugins/dnd/TreeDndPlugin.js +16 -50
- package/esm/plugins/dnd/index.js +0 -40
- package/esm/plugins/index.js +0 -40
- package/esm/plugins/roving/TreeRovingPlugin.js +1 -2
- package/esm/plugins/roving/index.js +0 -1
- package/esm/plugins/searchable/SearchableTreePlugin.js +1 -2
- package/esm/plugins/searchable/index.js +0 -1
- package/esm/plugins/selectable/SelectablePluginTree.js +1 -2
- package/esm/plugins/selectable/index.js +0 -1
- package/esm/plugins/toolbar/TreeToolbarPlugin.js +1 -2
- package/esm/plugins/toolbar/index.js +0 -1
- package/esm/plugins/tree/TreeDataPlugin.js +1 -2
- package/esm/plugins/tree/index.js +0 -1
- package/esm/plugins/virtualization/TreeVirtualizationPlugin.js +1 -2
- package/esm/plugins/virtualization/index.js +0 -1
- package/esm/prop-types.js +8 -9
- package/esm/react-desc-prop-types.js +4 -5
- package/esm/related-components/TreeViewSearchBar.js +13 -22
- package/esm/utils/array-helpers.js +7 -14
- package/esm/utils/dnd-helpers.js +62 -49
- package/esm/utils/group-expands-helpers.js +29 -24
- package/esm/utils/keyboard-helpers.js +73 -68
- package/esm/utils/object-helpers.js +13 -14
- package/esm/utils/refs-helpers.js +10 -5
- package/esm/utils/selectable-helper.js +37 -26
- package/esm/utils/string-helpers.js +1 -4
- package/esm/utils/tree-helpers.js +66 -65
- package/esm/utils/useDnDHelpers.js +125 -107
- package/esm/utils/useInstanceRefActions.js +35 -41
- package/esm/utils/useTree.js +37 -53
- package/package.json +319 -30
- package/types/TreeView.d.ts +157 -0
- package/types/TreeViewContext.d.ts +119 -0
- package/types/config/cssClassesConstants.d.ts +4 -0
- package/types/deprecated/TreeView.d.ts +8 -0
- package/types/deprecated/__testUtils__/utils.d.ts +72 -0
- package/types/deprecated/index.d.ts +2 -0
- package/types/deprecated/plugins/dnd/TreeDndPlugin.d.ts +1 -0
- package/types/deprecated/plugins/dnd/index.d.ts +1 -0
- package/types/deprecated/plugins/dnd/renderers/DraggableItem.d.ts +3 -0
- package/types/deprecated/plugins/dnd/renderers/DroppableList.d.ts +6 -0
- package/types/deprecated/plugins/dnd/tests/TreeDndPlugin.test.d.ts +0 -0
- package/types/deprecated/plugins/dnd/utils.d.ts +28 -0
- package/types/deprecated/plugins/index.d.ts +7 -0
- package/types/deprecated/plugins/roving/TreeRovingPlugin.d.ts +1 -0
- package/types/deprecated/plugins/roving/index.d.ts +1 -0
- package/types/deprecated/plugins/searchable/SearchableTreePlugin.d.ts +1 -0
- package/types/deprecated/plugins/searchable/index.d.ts +1 -0
- package/types/deprecated/plugins/searchable/utils.d.ts +1 -0
- package/types/deprecated/plugins/selectable/SelectablePluginTree.d.ts +1 -0
- package/types/deprecated/plugins/selectable/helper.d.ts +0 -0
- package/types/deprecated/plugins/selectable/index.d.ts +1 -0
- package/types/deprecated/plugins/selectable/tests/SelectablePluginTree.test.d.ts +1 -0
- package/types/deprecated/plugins/selectable/utils.d.ts +1 -0
- package/types/deprecated/plugins/toolbar/TreeToolbarPlugin.d.ts +1 -0
- package/types/deprecated/plugins/toolbar/index.d.ts +1 -0
- package/types/deprecated/plugins/tree/TreeDataPlugin.d.ts +1 -0
- package/types/deprecated/plugins/tree/index.d.ts +1 -0
- package/types/deprecated/plugins/tree/tests/TreeDataPlugin.test.d.ts +1 -0
- package/types/deprecated/plugins/tree/useExpandTreeState.d.ts +14 -0
- package/types/deprecated/plugins/tree/utils.d.ts +8 -0
- package/types/deprecated/plugins/tree/walkTreeStrategy.d.ts +9 -0
- package/types/deprecated/plugins/virtualization/TreeVirtualizationPlugin.d.ts +1 -0
- package/types/deprecated/plugins/virtualization/index.d.ts +1 -0
- package/types/deprecated/renderers.d.ts +19 -0
- package/types/index.d.ts +4 -0
- package/types/parts/CheckboxSelectable.d.ts +9 -0
- package/types/parts/ChildrenCountDisplayer.d.ts +7 -0
- package/types/parts/ExpandCaret.d.ts +7 -0
- package/types/parts/Icon.d.ts +5 -0
- package/types/parts/NestingSpace.d.ts +13 -0
- package/types/parts/RadioSelectable.d.ts +9 -0
- package/types/parts/TreeItem.d.ts +16 -0
- package/types/parts/TreeItemText.d.ts +7 -0
- package/types/parts/TreeList.d.ts +11 -0
- package/types/plugins/dnd/TreeDndPlugin.d.ts +3 -0
- package/types/plugins/dnd/index.d.ts +1 -0
- package/types/plugins/index.d.ts +7 -0
- package/types/plugins/roving/TreeRovingPlugin.d.ts +1 -0
- package/types/plugins/roving/index.d.ts +1 -0
- package/types/plugins/searchable/SearchableTreePlugin.d.ts +1 -0
- package/types/plugins/searchable/index.d.ts +1 -0
- package/types/plugins/selectable/SelectablePluginTree.d.ts +1 -0
- package/types/plugins/selectable/index.d.ts +1 -0
- package/types/plugins/toolbar/TreeToolbarPlugin.d.ts +1 -0
- package/types/plugins/toolbar/index.d.ts +1 -0
- package/types/plugins/tree/TreeDataPlugin.d.ts +1 -0
- package/types/plugins/tree/index.d.ts +1 -0
- package/types/plugins/virtualization/TreeVirtualizationPlugin.d.ts +1 -0
- package/types/plugins/virtualization/index.d.ts +1 -0
- package/types/prop-types.d.ts +26 -0
- package/types/react-desc-prop-types.d.ts +115 -0
- package/types/related-components/TreeViewSearchBar.d.ts +13 -0
- package/types/utils/array-helpers.d.ts +2 -0
- package/types/utils/dnd-helpers.d.ts +38 -0
- package/types/utils/group-expands-helpers.d.ts +11 -0
- package/types/utils/keyboard-helpers.d.ts +3 -0
- package/types/utils/object-helpers.d.ts +2 -0
- package/types/utils/refs-helpers.d.ts +1 -0
- package/types/utils/selectable-helper.d.ts +3 -0
- package/types/utils/string-helpers.d.ts +1 -0
- package/types/utils/tree-helpers.d.ts +11 -0
- package/types/utils/useDnDHelpers.d.ts +6 -0
- package/types/utils/useInstanceRefActions.d.ts +3 -0
- package/types/utils/useTree.d.ts +12 -0
- package/TreeView/package.json +0 -10
- package/TreeViewContext/package.json +0 -10
- package/cjs/TreeView.js.map +0 -1
- package/cjs/TreeViewContext.js.map +0 -1
- package/cjs/config/cssClassesConstants.js.map +0 -1
- package/cjs/deprecated/TreeView.js.map +0 -1
- package/cjs/deprecated/__testUtils__/utils.js.map +0 -1
- package/cjs/deprecated/index.js.map +0 -1
- package/cjs/deprecated/plugins/dnd/TreeDndPlugin.js.map +0 -1
- package/cjs/deprecated/plugins/dnd/index.js.map +0 -1
- package/cjs/deprecated/plugins/dnd/renderers/DraggableItem.js.map +0 -1
- package/cjs/deprecated/plugins/dnd/renderers/DroppableList.js.map +0 -1
- package/cjs/deprecated/plugins/dnd/utils.js.map +0 -1
- package/cjs/deprecated/plugins/index.js.map +0 -1
- package/cjs/deprecated/plugins/roving/TreeRovingPlugin.js.map +0 -1
- package/cjs/deprecated/plugins/roving/index.js.map +0 -1
- package/cjs/deprecated/plugins/searchable/SearchableTreePlugin.js.map +0 -1
- package/cjs/deprecated/plugins/searchable/index.js.map +0 -1
- package/cjs/deprecated/plugins/searchable/utils.js.map +0 -1
- package/cjs/deprecated/plugins/selectable/SelectablePluginTree.js.map +0 -1
- package/cjs/deprecated/plugins/selectable/helper.js.map +0 -1
- package/cjs/deprecated/plugins/selectable/index.js.map +0 -1
- package/cjs/deprecated/plugins/selectable/utils.js.map +0 -1
- package/cjs/deprecated/plugins/toolbar/TreeToolbarPlugin.js.map +0 -1
- package/cjs/deprecated/plugins/toolbar/index.js.map +0 -1
- package/cjs/deprecated/plugins/tree/TreeDataPlugin.js.map +0 -1
- package/cjs/deprecated/plugins/tree/index.js.map +0 -1
- package/cjs/deprecated/plugins/tree/useExpandTreeState.js.map +0 -1
- package/cjs/deprecated/plugins/tree/utils.js.map +0 -1
- package/cjs/deprecated/plugins/tree/walkTreeStrategy.js.map +0 -1
- package/cjs/deprecated/plugins/virtualization/TreeVirtualizationPlugin.js.map +0 -1
- package/cjs/deprecated/plugins/virtualization/index.js.map +0 -1
- package/cjs/deprecated/renderers.js.map +0 -1
- package/cjs/index-72490bed.js +0 -31
- package/cjs/index-72490bed.js.map +0 -1
- package/cjs/index.js.map +0 -1
- package/cjs/parts/CheckboxSelectable.js.map +0 -1
- package/cjs/parts/ChildrenCountDisplayer.js.map +0 -1
- package/cjs/parts/ExpandCaret.js.map +0 -1
- package/cjs/parts/Icon.js.map +0 -1
- package/cjs/parts/NestingSpace.js.map +0 -1
- package/cjs/parts/RadioSelectable.js.map +0 -1
- package/cjs/parts/TreeItem.js.map +0 -1
- package/cjs/parts/TreeItemText.js.map +0 -1
- package/cjs/parts/TreeList.js.map +0 -1
- package/cjs/plugins/dnd/TreeDndPlugin.js.map +0 -1
- package/cjs/plugins/dnd/index.js.map +0 -1
- package/cjs/plugins/index.js.map +0 -1
- package/cjs/plugins/roving/TreeRovingPlugin.js.map +0 -1
- package/cjs/plugins/roving/index.js.map +0 -1
- package/cjs/plugins/searchable/SearchableTreePlugin.js.map +0 -1
- package/cjs/plugins/searchable/index.js.map +0 -1
- package/cjs/plugins/selectable/SelectablePluginTree.js.map +0 -1
- package/cjs/plugins/selectable/index.js.map +0 -1
- package/cjs/plugins/toolbar/TreeToolbarPlugin.js.map +0 -1
- package/cjs/plugins/toolbar/index.js.map +0 -1
- package/cjs/plugins/tree/TreeDataPlugin.js.map +0 -1
- package/cjs/plugins/tree/index.js.map +0 -1
- package/cjs/plugins/virtualization/TreeVirtualizationPlugin.js.map +0 -1
- package/cjs/plugins/virtualization/index.js.map +0 -1
- package/cjs/prop-types.js.map +0 -1
- package/cjs/react-desc-prop-types.js.map +0 -1
- package/cjs/related-components/TreeViewSearchBar.js.map +0 -1
- package/cjs/utils/array-helpers.js.map +0 -1
- package/cjs/utils/dnd-helpers.js.map +0 -1
- package/cjs/utils/group-expands-helpers.js.map +0 -1
- package/cjs/utils/keyboard-helpers.js.map +0 -1
- package/cjs/utils/object-helpers.js.map +0 -1
- package/cjs/utils/refs-helpers.js.map +0 -1
- package/cjs/utils/selectable-helper.js.map +0 -1
- package/cjs/utils/string-helpers.js.map +0 -1
- package/cjs/utils/tree-helpers.js.map +0 -1
- package/cjs/utils/useDnDHelpers.js.map +0 -1
- package/cjs/utils/useInstanceRefActions.js.map +0 -1
- package/cjs/utils/useTree.js.map +0 -1
- package/config/cssClassesConstants/package.json +0 -10
- package/deprecated/TreeView/package.json +0 -10
- package/deprecated/__testUtils__/utils/package.json +0 -10
- package/deprecated/package.json +0 -10
- package/deprecated/plugins/dnd/TreeDndPlugin/package.json +0 -10
- package/deprecated/plugins/dnd/package.json +0 -10
- package/deprecated/plugins/dnd/renderers/DraggableItem/package.json +0 -10
- package/deprecated/plugins/dnd/renderers/DroppableList/package.json +0 -10
- package/deprecated/plugins/dnd/utils/package.json +0 -10
- package/deprecated/plugins/package.json +0 -10
- package/deprecated/plugins/roving/TreeRovingPlugin/package.json +0 -10
- package/deprecated/plugins/roving/package.json +0 -10
- package/deprecated/plugins/searchable/SearchableTreePlugin/package.json +0 -10
- package/deprecated/plugins/searchable/package.json +0 -10
- package/deprecated/plugins/searchable/utils/package.json +0 -10
- package/deprecated/plugins/selectable/SelectablePluginTree/package.json +0 -10
- package/deprecated/plugins/selectable/helper/package.json +0 -10
- package/deprecated/plugins/selectable/package.json +0 -10
- package/deprecated/plugins/selectable/utils/package.json +0 -10
- package/deprecated/plugins/toolbar/TreeToolbarPlugin/package.json +0 -10
- package/deprecated/plugins/toolbar/package.json +0 -10
- package/deprecated/plugins/tree/TreeDataPlugin/package.json +0 -10
- package/deprecated/plugins/tree/package.json +0 -10
- package/deprecated/plugins/tree/useExpandTreeState/package.json +0 -10
- package/deprecated/plugins/tree/utils/package.json +0 -10
- package/deprecated/plugins/tree/walkTreeStrategy/package.json +0 -10
- package/deprecated/plugins/virtualization/TreeVirtualizationPlugin/package.json +0 -10
- package/deprecated/plugins/virtualization/package.json +0 -10
- package/deprecated/renderers/package.json +0 -10
- package/esm/TreeView.js.map +0 -1
- package/esm/TreeViewContext.js.map +0 -1
- package/esm/config/cssClassesConstants.js.map +0 -1
- package/esm/deprecated/TreeView.js.map +0 -1
- package/esm/deprecated/__testUtils__/utils.js.map +0 -1
- package/esm/deprecated/index.js.map +0 -1
- package/esm/deprecated/plugins/dnd/TreeDndPlugin.js.map +0 -1
- package/esm/deprecated/plugins/dnd/index.js.map +0 -1
- package/esm/deprecated/plugins/dnd/renderers/DraggableItem.js.map +0 -1
- package/esm/deprecated/plugins/dnd/renderers/DroppableList.js.map +0 -1
- package/esm/deprecated/plugins/dnd/utils.js.map +0 -1
- package/esm/deprecated/plugins/index.js.map +0 -1
- package/esm/deprecated/plugins/roving/TreeRovingPlugin.js.map +0 -1
- package/esm/deprecated/plugins/roving/index.js.map +0 -1
- package/esm/deprecated/plugins/searchable/SearchableTreePlugin.js.map +0 -1
- package/esm/deprecated/plugins/searchable/index.js.map +0 -1
- package/esm/deprecated/plugins/searchable/utils.js.map +0 -1
- package/esm/deprecated/plugins/selectable/SelectablePluginTree.js.map +0 -1
- package/esm/deprecated/plugins/selectable/helper.js.map +0 -1
- package/esm/deprecated/plugins/selectable/index.js.map +0 -1
- package/esm/deprecated/plugins/selectable/utils.js.map +0 -1
- package/esm/deprecated/plugins/toolbar/TreeToolbarPlugin.js.map +0 -1
- package/esm/deprecated/plugins/toolbar/index.js.map +0 -1
- package/esm/deprecated/plugins/tree/TreeDataPlugin.js.map +0 -1
- package/esm/deprecated/plugins/tree/index.js.map +0 -1
- package/esm/deprecated/plugins/tree/useExpandTreeState.js.map +0 -1
- package/esm/deprecated/plugins/tree/utils.js.map +0 -1
- package/esm/deprecated/plugins/tree/walkTreeStrategy.js.map +0 -1
- package/esm/deprecated/plugins/virtualization/TreeVirtualizationPlugin.js.map +0 -1
- package/esm/deprecated/plugins/virtualization/index.js.map +0 -1
- package/esm/deprecated/renderers.js.map +0 -1
- package/esm/index-6009bfe6.js +0 -29
- package/esm/index-6009bfe6.js.map +0 -1
- package/esm/index.js.map +0 -1
- package/esm/parts/CheckboxSelectable.js.map +0 -1
- package/esm/parts/ChildrenCountDisplayer.js.map +0 -1
- package/esm/parts/ExpandCaret.js.map +0 -1
- package/esm/parts/Icon.js.map +0 -1
- package/esm/parts/NestingSpace.js.map +0 -1
- package/esm/parts/RadioSelectable.js.map +0 -1
- package/esm/parts/TreeItem.js.map +0 -1
- package/esm/parts/TreeItemText.js.map +0 -1
- package/esm/parts/TreeList.js.map +0 -1
- package/esm/plugins/dnd/TreeDndPlugin.js.map +0 -1
- package/esm/plugins/dnd/index.js.map +0 -1
- package/esm/plugins/index.js.map +0 -1
- package/esm/plugins/roving/TreeRovingPlugin.js.map +0 -1
- package/esm/plugins/roving/index.js.map +0 -1
- package/esm/plugins/searchable/SearchableTreePlugin.js.map +0 -1
- package/esm/plugins/searchable/index.js.map +0 -1
- package/esm/plugins/selectable/SelectablePluginTree.js.map +0 -1
- package/esm/plugins/selectable/index.js.map +0 -1
- package/esm/plugins/toolbar/TreeToolbarPlugin.js.map +0 -1
- package/esm/plugins/toolbar/index.js.map +0 -1
- package/esm/plugins/tree/TreeDataPlugin.js.map +0 -1
- package/esm/plugins/tree/index.js.map +0 -1
- package/esm/plugins/virtualization/TreeVirtualizationPlugin.js.map +0 -1
- package/esm/plugins/virtualization/index.js.map +0 -1
- package/esm/prop-types.js.map +0 -1
- package/esm/react-desc-prop-types.js.map +0 -1
- package/esm/related-components/TreeViewSearchBar.js.map +0 -1
- package/esm/utils/array-helpers.js.map +0 -1
- package/esm/utils/dnd-helpers.js.map +0 -1
- package/esm/utils/group-expands-helpers.js.map +0 -1
- package/esm/utils/keyboard-helpers.js.map +0 -1
- package/esm/utils/object-helpers.js.map +0 -1
- package/esm/utils/refs-helpers.js.map +0 -1
- package/esm/utils/selectable-helper.js.map +0 -1
- package/esm/utils/string-helpers.js.map +0 -1
- package/esm/utils/tree-helpers.js.map +0 -1
- package/esm/utils/useDnDHelpers.js.map +0 -1
- package/esm/utils/useInstanceRefActions.js.map +0 -1
- package/esm/utils/useTree.js.map +0 -1
- package/parts/CheckboxSelectable/package.json +0 -10
- package/parts/ChildrenCountDisplayer/package.json +0 -10
- package/parts/ExpandCaret/package.json +0 -10
- package/parts/Icon/package.json +0 -10
- package/parts/NestingSpace/package.json +0 -10
- package/parts/RadioSelectable/package.json +0 -10
- package/parts/TreeItem/package.json +0 -10
- package/parts/TreeItemText/package.json +0 -10
- package/parts/TreeList/package.json +0 -10
- package/plugins/dnd/TreeDndPlugin/package.json +0 -10
- package/plugins/dnd/package.json +0 -10
- package/plugins/package.json +0 -10
- package/plugins/roving/TreeRovingPlugin/package.json +0 -10
- package/plugins/roving/package.json +0 -10
- package/plugins/searchable/SearchableTreePlugin/package.json +0 -10
- package/plugins/searchable/package.json +0 -10
- package/plugins/selectable/SelectablePluginTree/package.json +0 -10
- package/plugins/selectable/package.json +0 -10
- package/plugins/toolbar/TreeToolbarPlugin/package.json +0 -10
- package/plugins/toolbar/package.json +0 -10
- package/plugins/tree/TreeDataPlugin/package.json +0 -10
- package/plugins/tree/package.json +0 -10
- package/plugins/virtualization/TreeVirtualizationPlugin/package.json +0 -10
- package/plugins/virtualization/package.json +0 -10
- package/prop-types/package.json +0 -10
- package/react-desc-prop-types/package.json +0 -10
- package/related-components/TreeViewSearchBar/package.json +0 -10
- package/utils/array-helpers/package.json +0 -10
- package/utils/dnd-helpers/package.json +0 -10
- package/utils/group-expands-helpers/package.json +0 -10
- package/utils/keyboard-helpers/package.json +0 -10
- package/utils/object-helpers/package.json +0 -10
- package/utils/refs-helpers/package.json +0 -10
- package/utils/selectable-helper/package.json +0 -10
- package/utils/string-helpers/package.json +0 -10
- package/utils/tree-helpers/package.json +0 -10
- package/utils/useDnDHelpers/package.json +0 -10
- package/utils/useInstanceRefActions/package.json +0 -10
- package/utils/useTree/package.json +0 -10
package/esm/utils/dnd-helpers.js
CHANGED
|
@@ -1,32 +1,35 @@
|
|
|
1
1
|
import { getItemsParentNode, itemsShareSameParent } from './tree-helpers.js';
|
|
2
|
-
import '@babel/runtime/helpers/esm/toConsumableArray';
|
|
3
|
-
import 'react';
|
|
4
|
-
import './string-helpers.js';
|
|
5
2
|
|
|
6
3
|
/* eslint-disable max-lines */
|
|
7
|
-
|
|
4
|
+
const keyCodes = {
|
|
8
5
|
lift: [32, 13],
|
|
9
6
|
drop: [32, 13],
|
|
10
7
|
cancel: [27],
|
|
11
8
|
up: [38, 37],
|
|
12
9
|
down: [40, 39]
|
|
13
10
|
};
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
11
|
+
const sameParentAsHoverItemDrop = _ref => {
|
|
12
|
+
let {
|
|
13
|
+
isBefore,
|
|
14
|
+
isAfter,
|
|
15
|
+
draggedItem,
|
|
16
|
+
overItem,
|
|
17
|
+
movementDirection
|
|
18
|
+
} = _ref;
|
|
19
|
+
const hoveredItemNodeNestedIndex = overItem.node.getIndex();
|
|
20
|
+
let newParentNode = getItemsParentNode([overItem], true);
|
|
21
|
+
const {
|
|
22
|
+
treeDepth: draggedItemTreeDepth
|
|
23
|
+
} = draggedItem;
|
|
24
|
+
const {
|
|
25
|
+
treeDepth: overItemTreeDepth
|
|
26
|
+
} = overItem;
|
|
27
|
+
const directionOffset = // we don't apply the offset for direction
|
|
25
28
|
// if moving from less nested to more nested
|
|
26
29
|
// or moving bottom to top
|
|
27
30
|
// the offset is required when moving elemnts down in their nest level
|
|
28
31
|
draggedItemTreeDepth <= overItemTreeDepth && movementDirection === 'topToBottom' ? -1 : 0;
|
|
29
|
-
|
|
32
|
+
let newNestedIndex;
|
|
30
33
|
if (isBefore) newNestedIndex = hoveredItemNodeNestedIndex + directionOffset;else if (isAfter) newNestedIndex = hoveredItemNodeNestedIndex + 1 + directionOffset;else {
|
|
31
34
|
newNestedIndex = overItem.children.length; // append as last child of the group
|
|
32
35
|
|
|
@@ -34,18 +37,20 @@ var sameParentAsHoverItemDrop = function sameParentAsHoverItemDrop(_ref) {
|
|
|
34
37
|
}
|
|
35
38
|
if (newNestedIndex < 0) newNestedIndex = 0;
|
|
36
39
|
return {
|
|
37
|
-
newNestedIndex
|
|
38
|
-
newParentNode
|
|
40
|
+
newNestedIndex,
|
|
41
|
+
newParentNode
|
|
39
42
|
};
|
|
40
43
|
};
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
44
|
+
const inferHoverItemKinshipDrop = _ref2 => {
|
|
45
|
+
let {
|
|
46
|
+
isBefore,
|
|
47
|
+
isAfter,
|
|
48
|
+
draggedItem,
|
|
49
|
+
overItem,
|
|
50
|
+
movementDirection
|
|
51
|
+
} = _ref2;
|
|
52
|
+
const hoverItemModel = overItem.node.model;
|
|
53
|
+
const isGroupAndIsExpanded = hoverItemModel.isExpanded && hoverItemModel.children.length > 0;
|
|
49
54
|
|
|
50
55
|
if (isAfter && isGroupAndIsExpanded) {
|
|
51
56
|
return {
|
|
@@ -57,11 +62,11 @@ var inferHoverItemKinshipDrop = function inferHoverItemKinshipDrop(_ref2) {
|
|
|
57
62
|
|
|
58
63
|
if (isBefore || isAfter && !isGroupAndIsExpanded) {
|
|
59
64
|
return sameParentAsHoverItemDrop({
|
|
60
|
-
isBefore
|
|
61
|
-
isAfter
|
|
62
|
-
draggedItem
|
|
63
|
-
overItem
|
|
64
|
-
movementDirection
|
|
65
|
+
isBefore,
|
|
66
|
+
isAfter,
|
|
67
|
+
draggedItem,
|
|
68
|
+
overItem,
|
|
69
|
+
movementDirection
|
|
65
70
|
});
|
|
66
71
|
} // drop inside
|
|
67
72
|
|
|
@@ -72,15 +77,21 @@ var inferHoverItemKinshipDrop = function inferHoverItemKinshipDrop(_ref2) {
|
|
|
72
77
|
newParentNode: overItem.node
|
|
73
78
|
};
|
|
74
79
|
};
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
80
|
+
const isDropValid = _ref3 => {
|
|
81
|
+
let {
|
|
82
|
+
isBefore,
|
|
83
|
+
isAfter,
|
|
84
|
+
draggedItem,
|
|
85
|
+
overItem,
|
|
86
|
+
restrictDragAndDrop
|
|
87
|
+
} = _ref3;
|
|
88
|
+
const {
|
|
89
|
+
id: movedId
|
|
90
|
+
} = draggedItem;
|
|
91
|
+
const {
|
|
92
|
+
id: hoverId
|
|
93
|
+
} = overItem;
|
|
94
|
+
const isInside = !isBefore && !isAfter;
|
|
84
95
|
if (movedId === hoverId) return false;
|
|
85
96
|
|
|
86
97
|
if (isInside && !overItem.isGroup) {
|
|
@@ -90,21 +101,24 @@ var isDropValid = function isDropValid(_ref3) {
|
|
|
90
101
|
if (restrictDragAndDrop) {
|
|
91
102
|
if (isInside) return false; // in this mode we can't drop inside another element
|
|
92
103
|
|
|
93
|
-
|
|
104
|
+
const sameParent = itemsShareSameParent([draggedItem, overItem]);
|
|
94
105
|
if (overItem.node.model.isExpanded && isAfter) return false;
|
|
95
106
|
if (!sameParent) return false;
|
|
96
107
|
}
|
|
97
108
|
|
|
98
109
|
return true;
|
|
99
110
|
};
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
111
|
+
const inferKeyboardKinshipDrop = _ref4 => {
|
|
112
|
+
let {
|
|
113
|
+
items,
|
|
114
|
+
newIndex // movementDirection,
|
|
104
115
|
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
116
|
+
} = _ref4;
|
|
117
|
+
const kinship = {}; // const directionOffset = movementDirection === 'topToBottom' ? 0 : 0;
|
|
118
|
+
|
|
119
|
+
const itemBefore = items[newIndex];
|
|
120
|
+
const itemBeforeModel = itemBefore.node.model;
|
|
121
|
+
const isGroupAndIsExpanded = itemBeforeModel.isExpanded && itemBeforeModel.children.length > 0;
|
|
108
122
|
|
|
109
123
|
if (isGroupAndIsExpanded) {
|
|
110
124
|
kinship.newParentNode = itemBefore.node;
|
|
@@ -118,4 +132,3 @@ var inferKeyboardKinshipDrop = function inferKeyboardKinshipDrop(_ref4) {
|
|
|
118
132
|
};
|
|
119
133
|
|
|
120
134
|
export { inferHoverItemKinshipDrop, inferKeyboardKinshipDrop, isDropValid, keyCodes, sameParentAsHoverItemDrop };
|
|
121
|
-
//# sourceMappingURL=dnd-helpers.js.map
|
|
@@ -1,42 +1,48 @@
|
|
|
1
1
|
import { useCallback, useEffect } from 'react';
|
|
2
2
|
|
|
3
3
|
/* eslint-disable max-params */
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
const toggleItemExpand = function (itemToToggle, triggerTreeRerender) {
|
|
5
|
+
let scrollTo = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : () => {};
|
|
6
|
+
const {
|
|
7
|
+
node: {
|
|
8
|
+
model: {
|
|
9
|
+
isExpanded
|
|
10
|
+
}
|
|
11
|
+
},
|
|
12
|
+
virtualIndex
|
|
13
|
+
} = itemToToggle;
|
|
8
14
|
|
|
9
15
|
if (itemToToggle.node.model.isGroup) {
|
|
10
16
|
itemToToggle.node.model.isExpanded = !isExpanded;
|
|
11
17
|
triggerTreeRerender();
|
|
12
|
-
setTimeout(
|
|
18
|
+
setTimeout(() => {
|
|
13
19
|
scrollTo(virtualIndex, {
|
|
14
20
|
align: 'start'
|
|
15
21
|
});
|
|
16
22
|
});
|
|
17
23
|
}
|
|
18
24
|
};
|
|
19
|
-
|
|
25
|
+
const expandItemModel = modelToExpand => {
|
|
20
26
|
if (modelToExpand.isGroup) modelToExpand.isExpanded = true;
|
|
21
27
|
};
|
|
22
|
-
|
|
28
|
+
const collapseItemModel = modelToCollapse => {
|
|
23
29
|
if (modelToCollapse.isGroup) modelToCollapse.isExpanded = false;
|
|
24
30
|
};
|
|
25
|
-
|
|
26
|
-
treeRoot.walk(
|
|
31
|
+
const expandAll = (treeRoot, triggerTreeRerender) => {
|
|
32
|
+
treeRoot.walk(node => {
|
|
27
33
|
if (!node.isRoot()) expandItemModel(node.model);
|
|
28
34
|
});
|
|
29
35
|
triggerTreeRerender();
|
|
30
36
|
};
|
|
31
|
-
|
|
32
|
-
treeRoot.walk(
|
|
37
|
+
const collapseAll = (treeRoot, triggerTreeRerender) => {
|
|
38
|
+
treeRoot.walk(node => {
|
|
33
39
|
if (!node.isRoot()) collapseItemModel(node.model);
|
|
34
40
|
});
|
|
35
41
|
triggerTreeRerender();
|
|
36
42
|
};
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
treeRoot.walk(
|
|
43
|
+
const getToggleExpandShouldExpand = treeRoot => {
|
|
44
|
+
let shouldExpand = false;
|
|
45
|
+
treeRoot.walk(node => {
|
|
40
46
|
if (!node.isRoot()) {
|
|
41
47
|
if (!node.model.isExpanded && node.model.isGroup) {
|
|
42
48
|
shouldExpand = true; // eslint-disable-next-line no-useless-return
|
|
@@ -47,23 +53,22 @@ var getToggleExpandShouldExpand = function getToggleExpandShouldExpand(treeRoot)
|
|
|
47
53
|
});
|
|
48
54
|
return shouldExpand;
|
|
49
55
|
};
|
|
50
|
-
|
|
56
|
+
const toggleExpandAllHelper = (isExpand, treeRoot, triggerTreeRerender, setLatestToggledItem) => {
|
|
51
57
|
if (isExpand === true) expandAll(treeRoot, triggerTreeRerender);else if (isExpand === false) collapseAll(treeRoot, triggerTreeRerender);else {
|
|
52
|
-
|
|
58
|
+
const shouldExpand = getToggleExpandShouldExpand(treeRoot);
|
|
53
59
|
if (shouldExpand === true) expandAll(treeRoot, triggerTreeRerender);else collapseAll(treeRoot, triggerTreeRerender);
|
|
54
60
|
}
|
|
55
61
|
setLatestToggledItem(null);
|
|
56
62
|
};
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
useEffect(
|
|
63
|
+
const useNotifyExpandedChange = (propsWithDefaults, _ref) => {
|
|
64
|
+
let {
|
|
65
|
+
latestToggledItem,
|
|
66
|
+
expandedGroups
|
|
67
|
+
} = _ref;
|
|
68
|
+
const notifyExpandedChange = useCallback(expandedGroupHashmap => propsWithDefaults.onExpandChange(expandedGroupHashmap, latestToggledItem), [propsWithDefaults, latestToggledItem]);
|
|
69
|
+
useEffect(() => {
|
|
64
70
|
notifyExpandedChange(expandedGroups);
|
|
65
71
|
}, [expandedGroups]);
|
|
66
72
|
};
|
|
67
73
|
|
|
68
74
|
export { collapseAll, collapseItemModel, expandAll, expandItemModel, getToggleExpandShouldExpand, toggleExpandAllHelper, toggleItemExpand, useNotifyExpandedChange };
|
|
69
|
-
//# sourceMappingURL=group-expands-helpers.js.map
|
|
@@ -2,8 +2,6 @@ import { useContext, useCallback, useEffect } from 'react';
|
|
|
2
2
|
import TreeViewContext from '../TreeViewContext.js';
|
|
3
3
|
import { focusItem } from './tree-helpers.js';
|
|
4
4
|
import { toggleItemExpand, toggleExpandAllHelper } from './group-expands-helpers.js';
|
|
5
|
-
import '@babel/runtime/helpers/esm/toConsumableArray';
|
|
6
|
-
import './string-helpers.js';
|
|
7
5
|
|
|
8
6
|
/* eslint-disable max-lines */
|
|
9
7
|
// 13 enter
|
|
@@ -17,32 +15,40 @@ import './string-helpers.js';
|
|
|
17
15
|
// 56 number 8
|
|
18
16
|
// 106 (NumPad) *
|
|
19
17
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
18
|
+
const useOnItemKeyDown = item => {
|
|
19
|
+
const ctx = useContext(TreeViewContext);
|
|
20
|
+
const {
|
|
21
|
+
props: {
|
|
22
|
+
onItemFocus
|
|
23
|
+
},
|
|
24
|
+
triggerTreeRerender,
|
|
25
|
+
isDragging,
|
|
26
|
+
visibleItems,
|
|
27
|
+
setFocusedItem,
|
|
28
|
+
setSelectedItem,
|
|
29
|
+
setLatestToggledItem,
|
|
30
|
+
virtualListHelpers: {
|
|
31
|
+
scrollToIndex
|
|
32
|
+
}
|
|
33
|
+
} = ctx;
|
|
34
|
+
const {
|
|
35
|
+
isGroup,
|
|
36
|
+
isExpanded
|
|
37
|
+
} = item;
|
|
38
|
+
const onItemFocusCurry = useCallback(newFocusItem => onItemFocus({
|
|
39
|
+
itemIndex: newFocusItem.virtualIndex,
|
|
40
|
+
scrollToItem: function () {
|
|
41
|
+
let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
|
|
42
|
+
align: 'start'
|
|
43
|
+
};
|
|
44
|
+
return scrollToIndex(newFocusItem.virtualIndex, opts);
|
|
45
|
+
},
|
|
46
|
+
item: newFocusItem
|
|
47
|
+
}), [onItemFocus]);
|
|
48
|
+
const onItemKeyDown = useCallback(e => {
|
|
49
|
+
const {
|
|
50
|
+
keyCode
|
|
51
|
+
} = e;
|
|
46
52
|
|
|
47
53
|
if (!isDragging) {
|
|
48
54
|
if (keyCode !== 9) e.preventDefault(); // allow tab/shift+tab
|
|
@@ -63,18 +69,20 @@ var useOnItemKeyDown = function useOnItemKeyDown(item) {
|
|
|
63
69
|
}
|
|
64
70
|
}
|
|
65
71
|
|
|
66
|
-
|
|
67
|
-
|
|
72
|
+
const {
|
|
73
|
+
virtualIndex
|
|
74
|
+
} = item;
|
|
75
|
+
const lastItemIndex = visibleItems.length - 1;
|
|
68
76
|
|
|
69
77
|
if (keyCode === 38) {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
78
|
+
const isLoopedFocus = virtualIndex === 0;
|
|
79
|
+
const newFocusIndex = isLoopedFocus ? lastItemIndex : virtualIndex - 1;
|
|
80
|
+
const newFocusItem = visibleItems[newFocusIndex];
|
|
73
81
|
scrollToIndex(newFocusIndex);
|
|
74
82
|
|
|
75
83
|
if (isLoopedFocus) {
|
|
76
84
|
// when looping the list from start to end we need to wait a bit before focusing
|
|
77
|
-
setTimeout(
|
|
85
|
+
setTimeout(() => {
|
|
78
86
|
setFocusedItem(newFocusItem);
|
|
79
87
|
focusItem(newFocusItem);
|
|
80
88
|
onItemFocusCurry(newFocusItem);
|
|
@@ -87,47 +95,45 @@ var useOnItemKeyDown = function useOnItemKeyDown(item) {
|
|
|
87
95
|
}
|
|
88
96
|
|
|
89
97
|
if (keyCode === 40) {
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
var _newFocusItem = visibleItems[_newFocusIndex];
|
|
95
|
-
scrollToIndex(_newFocusIndex);
|
|
98
|
+
const isLoopedFocus = virtualIndex === lastItemIndex;
|
|
99
|
+
const newFocusIndex = isLoopedFocus ? 0 : virtualIndex + 1;
|
|
100
|
+
const newFocusItem = visibleItems[newFocusIndex];
|
|
101
|
+
scrollToIndex(newFocusIndex);
|
|
96
102
|
|
|
97
|
-
if (
|
|
103
|
+
if (isLoopedFocus) {
|
|
98
104
|
// when looping the list from start to end we need to wait a bit before focusing
|
|
99
|
-
setTimeout(
|
|
100
|
-
setFocusedItem(
|
|
101
|
-
onItemFocusCurry(
|
|
102
|
-
focusItem(
|
|
105
|
+
setTimeout(() => {
|
|
106
|
+
setFocusedItem(newFocusItem);
|
|
107
|
+
onItemFocusCurry(newFocusItem);
|
|
108
|
+
focusItem(newFocusItem);
|
|
103
109
|
}, 300);
|
|
104
110
|
} else {
|
|
105
|
-
setFocusedItem(
|
|
106
|
-
onItemFocusCurry(
|
|
107
|
-
focusItem(
|
|
111
|
+
setFocusedItem(newFocusItem);
|
|
112
|
+
onItemFocusCurry(newFocusItem);
|
|
113
|
+
focusItem(newFocusItem);
|
|
108
114
|
}
|
|
109
115
|
}
|
|
110
116
|
|
|
111
117
|
if (keyCode === 35) {
|
|
112
118
|
if (virtualIndex !== lastItemIndex) {
|
|
113
|
-
|
|
119
|
+
const newFocusItem = visibleItems[lastItemIndex];
|
|
114
120
|
scrollToIndex(lastItemIndex);
|
|
115
|
-
setTimeout(
|
|
116
|
-
setFocusedItem(
|
|
117
|
-
onItemFocusCurry(
|
|
118
|
-
focusItem(
|
|
121
|
+
setTimeout(() => {
|
|
122
|
+
setFocusedItem(newFocusItem);
|
|
123
|
+
onItemFocusCurry(newFocusItem);
|
|
124
|
+
focusItem(newFocusItem);
|
|
119
125
|
}, 300);
|
|
120
126
|
}
|
|
121
127
|
}
|
|
122
128
|
|
|
123
129
|
if (keyCode === 36) {
|
|
124
130
|
if (virtualIndex !== 0) {
|
|
125
|
-
|
|
131
|
+
const newFocusItem = visibleItems[0];
|
|
126
132
|
scrollToIndex(0);
|
|
127
|
-
setTimeout(
|
|
128
|
-
setFocusedItem(
|
|
129
|
-
onItemFocusCurry(
|
|
130
|
-
focusItem(
|
|
133
|
+
setTimeout(() => {
|
|
134
|
+
setFocusedItem(newFocusItem);
|
|
135
|
+
onItemFocusCurry(newFocusItem);
|
|
136
|
+
focusItem(newFocusItem);
|
|
131
137
|
}, 300);
|
|
132
138
|
}
|
|
133
139
|
}
|
|
@@ -135,18 +141,18 @@ var useOnItemKeyDown = function useOnItemKeyDown(item) {
|
|
|
135
141
|
}, [item, visibleItems, isGroup, isDragging, onItemFocusCurry, setFocusedItem, setSelectedItem]);
|
|
136
142
|
return onItemKeyDown;
|
|
137
143
|
};
|
|
138
|
-
|
|
139
|
-
useEffect(
|
|
144
|
+
const useGlobalKeyboardListener = func => {
|
|
145
|
+
useEffect(() => {
|
|
140
146
|
document.addEventListener('keydown', func);
|
|
141
|
-
return
|
|
142
|
-
return document.removeEventListener('keydown', func);
|
|
143
|
-
};
|
|
147
|
+
return () => document.removeEventListener('keydown', func);
|
|
144
148
|
}, [func]);
|
|
145
149
|
};
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
+
const useGlobalToggleAllExpandShortcut = (treeRoot, triggerTreeRerender, setLatestToggledItem) => {
|
|
151
|
+
const memoizedToggleAllKeyboardShortcut = useCallback(e => {
|
|
152
|
+
const {
|
|
153
|
+
shiftKey,
|
|
154
|
+
keyCode
|
|
155
|
+
} = e;
|
|
150
156
|
|
|
151
157
|
if (shiftKey && keyCode === 56) {
|
|
152
158
|
toggleExpandAllHelper('toggle', treeRoot, triggerTreeRerender, setLatestToggledItem);
|
|
@@ -156,4 +162,3 @@ var useGlobalToggleAllExpandShortcut = function useGlobalToggleAllExpandShortcut
|
|
|
156
162
|
};
|
|
157
163
|
|
|
158
164
|
export { useGlobalKeyboardListener, useGlobalToggleAllExpandShortcut, useOnItemKeyDown };
|
|
159
|
-
//# sourceMappingURL=keyboard-helpers.js.map
|
|
@@ -1,4 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.reduce.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.reduce.js';
|
|
6
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
7
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
2
8
|
|
|
3
9
|
/* eslint-disable no-sequences */
|
|
4
10
|
|
|
@@ -7,8 +13,8 @@ import _typeof from '@babel/runtime/helpers/esm/typeof';
|
|
|
7
13
|
/* eslint-disable no-restricted-syntax */
|
|
8
14
|
|
|
9
15
|
/* eslint-disable guard-for-in */
|
|
10
|
-
|
|
11
|
-
|
|
16
|
+
const unfreeze = o => {
|
|
17
|
+
let oo;
|
|
12
18
|
|
|
13
19
|
if (o === null) {
|
|
14
20
|
oo = null;
|
|
@@ -18,15 +24,15 @@ var unfreeze = function unfreeze(o) {
|
|
|
18
24
|
oo = new Date(o);
|
|
19
25
|
} else if (o instanceof Array) {
|
|
20
26
|
oo = [];
|
|
21
|
-
o.forEach(
|
|
27
|
+
o.forEach(v => {
|
|
22
28
|
oo.push(v);
|
|
23
29
|
});
|
|
24
30
|
} else if (o instanceof String) {
|
|
25
31
|
oo = String(o);
|
|
26
|
-
} else if (
|
|
32
|
+
} else if (typeof o === 'object') {
|
|
27
33
|
oo = {};
|
|
28
34
|
|
|
29
|
-
for (
|
|
35
|
+
for (const property in o) {
|
|
30
36
|
oo[property] = o[property];
|
|
31
37
|
}
|
|
32
38
|
} else {
|
|
@@ -35,13 +41,6 @@ var unfreeze = function unfreeze(o) {
|
|
|
35
41
|
|
|
36
42
|
return oo;
|
|
37
43
|
};
|
|
38
|
-
|
|
39
|
-
return Object.keys(obj).filter(function (key) {
|
|
40
|
-
return predicate(obj[key]);
|
|
41
|
-
}).reduce(function (res, key) {
|
|
42
|
-
return res[key] = obj[key], res;
|
|
43
|
-
}, {});
|
|
44
|
-
};
|
|
44
|
+
const filterObject = (obj, predicate) => Object.keys(obj).filter(key => predicate(obj[key])).reduce((res, key) => (res[key] = obj[key], res), {});
|
|
45
45
|
|
|
46
46
|
export { filterObject, unfreeze };
|
|
47
|
-
//# sourceMappingURL=object-helpers.js.map
|
|
@@ -1,14 +1,20 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
6
|
+
|
|
1
7
|
// allow multiple refs to be set to point to the same DOM element
|
|
2
|
-
|
|
8
|
+
const setMultipleRefs = function () {
|
|
3
9
|
for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
4
10
|
refs[_key] = arguments[_key];
|
|
5
11
|
}
|
|
6
12
|
|
|
7
|
-
|
|
13
|
+
const filteredRefs = refs.filter(Boolean);
|
|
8
14
|
if (!filteredRefs.length) return null;
|
|
9
15
|
if (filteredRefs.length === 0) return filteredRefs[0];
|
|
10
|
-
return
|
|
11
|
-
filteredRefs.forEach(
|
|
16
|
+
return newRef => {
|
|
17
|
+
filteredRefs.forEach(refToBeUpdated => {
|
|
12
18
|
if (typeof refToBeUpdated === 'function') {
|
|
13
19
|
refToBeUpdated(newRef);
|
|
14
20
|
} else if (refToBeUpdated) {
|
|
@@ -19,4 +25,3 @@ var setMultipleRefs = function setMultipleRefs() {
|
|
|
19
25
|
};
|
|
20
26
|
|
|
21
27
|
export { setMultipleRefs };
|
|
22
|
-
//# sourceMappingURL=refs-helpers.js.map
|
|
@@ -1,59 +1,70 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
1
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
7
|
import { walkAllNodeChildren, walkParents } from './tree-helpers.js';
|
|
3
|
-
import '@babel/runtime/helpers/esm/toConsumableArray';
|
|
4
|
-
import 'react';
|
|
5
|
-
import './string-helpers.js';
|
|
6
8
|
|
|
7
9
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
8
10
|
|
|
9
11
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
walkAllNodeChildren(node,
|
|
14
|
-
|
|
12
|
+
const getGroupCheckState = node => {
|
|
13
|
+
let childAllChecked = true;
|
|
14
|
+
let anyChildChecked = false;
|
|
15
|
+
walkAllNodeChildren(node, childNode => {
|
|
16
|
+
const {
|
|
17
|
+
model: {
|
|
18
|
+
isChecked
|
|
19
|
+
}
|
|
20
|
+
} = childNode;
|
|
15
21
|
if (isChecked === 'mixed' || isChecked === true) anyChildChecked = true;else childAllChecked = false;
|
|
16
22
|
});
|
|
17
23
|
if (childAllChecked) return true;
|
|
18
24
|
if (anyChildChecked) return 'mixed';
|
|
19
25
|
return false;
|
|
20
26
|
};
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
+
const selectCheckboxItemModelParentsTillRoot = function (modelToCheck) {
|
|
28
|
+
let triggerTreeRerender = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
29
|
+
const newSelections = {};
|
|
30
|
+
const {
|
|
31
|
+
nodePath
|
|
32
|
+
} = modelToCheck;
|
|
33
|
+
walkParents(nodePath, parentNode => {
|
|
34
|
+
const nextState = getGroupCheckState(parentNode);
|
|
27
35
|
parentNode.model.isChecked = nextState;
|
|
28
36
|
newSelections[parentNode.model.id] = nextState;
|
|
29
37
|
});
|
|
30
38
|
if (triggerTreeRerender) triggerTreeRerender();
|
|
31
39
|
return newSelections;
|
|
32
40
|
};
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
+
const toggleCheckboxItem = function (itemToSelect) {
|
|
42
|
+
let triggerTreeRerender = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
43
|
+
const {
|
|
44
|
+
node: {
|
|
45
|
+
model: {
|
|
46
|
+
id,
|
|
47
|
+
isChecked,
|
|
48
|
+
children = []
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
} = itemToSelect;
|
|
52
|
+
const newSelections = {}; // 'mixed' -> true -> false -> true [...->false -> true]
|
|
41
53
|
|
|
42
|
-
|
|
54
|
+
const nextState = isChecked === 'mixed' ? true : !isChecked;
|
|
43
55
|
itemToSelect.node.model.isChecked = nextState;
|
|
44
56
|
newSelections[id] = nextState;
|
|
45
57
|
|
|
46
58
|
if (children.length > 0 && (nextState === true || nextState === false)) {
|
|
47
|
-
walkAllNodeChildren(itemToSelect.node,
|
|
59
|
+
walkAllNodeChildren(itemToSelect.node, childNode => {
|
|
48
60
|
childNode.model.isChecked = nextState;
|
|
49
61
|
newSelections[childNode.model.id] = nextState;
|
|
50
62
|
});
|
|
51
63
|
}
|
|
52
64
|
|
|
53
|
-
|
|
65
|
+
const parentsNewSelections = selectCheckboxItemModelParentsTillRoot(itemToSelect);
|
|
54
66
|
if (triggerTreeRerender) triggerTreeRerender();
|
|
55
67
|
return _objectSpread(_objectSpread({}, parentsNewSelections), newSelections);
|
|
56
68
|
};
|
|
57
69
|
|
|
58
70
|
export { getGroupCheckState, selectCheckboxItemModelParentsTillRoot, toggleCheckboxItem };
|
|
59
|
-
//# sourceMappingURL=selectable-helper.js.map
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
return input.trim().toLowerCase();
|
|
3
|
-
};
|
|
1
|
+
const standardizeSearchQueryString = input => input.trim().toLowerCase();
|
|
4
2
|
|
|
5
3
|
export { standardizeSearchQueryString };
|
|
6
|
-
//# sourceMappingURL=string-helpers.js.map
|