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