@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
|
@@ -1,159 +1,172 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
+
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
3
3
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
4
|
-
import
|
|
4
|
+
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
5
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
6
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
7
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
8
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
9
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
10
|
+
import { useContext, useState, useRef, useCallback, createElement } from 'react';
|
|
5
11
|
import { DragDropContext, Droppable } from 'react-beautiful-dnd';
|
|
6
12
|
import { cx, mergeRefs } from '@elliemae/ds-utilities';
|
|
7
13
|
import { GripperVertical } from '@elliemae/ds-icons';
|
|
8
14
|
import FocusGroupContext from '@elliemae/ds-shared/FocusGroup/FocusGroupContext';
|
|
9
15
|
import { findItemById, findItemOnDocument } from '../../tree/utils.js';
|
|
10
16
|
import { getDraggableProps } from '../utils.js';
|
|
11
|
-
import '
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
var
|
|
16
|
-
|
|
17
|
-
var
|
|
18
|
-
|
|
19
|
-
|
|
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
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
17
|
+
import { jsx } from 'react/jsx-runtime';
|
|
18
|
+
|
|
19
|
+
const _excluded = ["records"];
|
|
20
|
+
|
|
21
|
+
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; }
|
|
22
|
+
|
|
23
|
+
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; }
|
|
24
|
+
|
|
25
|
+
const DroppableList = (renderers, instance) => _ref => {
|
|
26
|
+
let {
|
|
27
|
+
records
|
|
28
|
+
} = _ref,
|
|
29
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
30
|
+
|
|
31
|
+
const {
|
|
32
|
+
props: {
|
|
33
|
+
expandTimerDelay = 1000,
|
|
34
|
+
restrictDragAndDrop
|
|
35
|
+
},
|
|
36
|
+
actions: {
|
|
37
|
+
setDraggedRecord,
|
|
38
|
+
changeRecordsPosition,
|
|
39
|
+
toggleExpand
|
|
40
|
+
},
|
|
41
|
+
state: {
|
|
42
|
+
draggedRecord
|
|
43
|
+
},
|
|
44
|
+
itemRenderer
|
|
45
|
+
} = instance.getInstance();
|
|
46
|
+
const focusContext = useContext(FocusGroupContext);
|
|
47
|
+
const [focusedItemWasDragged, setFocusedItemWasDragged] = useState(false);
|
|
48
|
+
const preDragFocusedNode = useRef();
|
|
49
|
+
const expandTimerRef = useRef();
|
|
50
|
+
const draggedRecordShouldExpand = useRef(false);
|
|
51
|
+
const currTargetRef = useRef({});
|
|
52
|
+
const onDragUpdate = useCallback(data => {
|
|
53
|
+
const {
|
|
54
|
+
destination,
|
|
55
|
+
combine
|
|
56
|
+
} = data;
|
|
57
|
+
clearTimeout(expandTimerRef.current);
|
|
58
|
+
|
|
59
|
+
if (combine) {
|
|
60
|
+
const {
|
|
61
|
+
draggableId
|
|
62
|
+
} = combine;
|
|
63
|
+
const targetRecord = findItemById(records, draggableId);
|
|
64
|
+
|
|
65
|
+
if (targetRecord && targetRecord.isGroup && !targetRecord.expanded) {
|
|
66
|
+
expandTimerRef.current = setTimeout(() => toggleExpand(targetRecord), expandTimerDelay);
|
|
59
67
|
}
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
currTargetRef.current = destination || currTargetRef.current;
|
|
71
|
+
}, [records]);
|
|
72
|
+
const onDragStart = useCallback(_ref2 => {
|
|
73
|
+
let {
|
|
74
|
+
source
|
|
75
|
+
} = _ref2;
|
|
76
|
+
preDragFocusedNode.current = document.activeElement; // when we move the currently focused item, preDragFocusedNode is the body of the doc
|
|
77
|
+
|
|
78
|
+
setFocusedItemWasDragged(preDragFocusedNode.current.tagName === 'BODY');
|
|
79
|
+
const draggingRecord = records[source.index];
|
|
80
|
+
|
|
81
|
+
if (draggingRecord.expanded) {
|
|
82
|
+
draggedRecordShouldExpand.current = true;
|
|
83
|
+
toggleExpand(draggingRecord);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
setDraggedRecord(draggingRecord);
|
|
87
|
+
}, [records]);
|
|
88
|
+
const onDragEnd = useCallback( // eslint-disable-next-line complexity
|
|
89
|
+
// eslint-disable-next-line max-statements
|
|
90
|
+
_ref3 => {
|
|
91
|
+
var _sourceRecord$parentN, _targetRecord$parentN;
|
|
92
|
+
|
|
93
|
+
let {
|
|
94
|
+
destination,
|
|
95
|
+
source,
|
|
96
|
+
combine
|
|
97
|
+
} = _ref3;
|
|
98
|
+
clearTimeout(expandTimerRef.current);
|
|
99
|
+
const sourceIndex = source.index;
|
|
100
|
+
const destinationIndex = destination && destination.index;
|
|
101
|
+
if (sourceIndex === destinationIndex) return;
|
|
102
|
+
const sourceRecord = records[sourceIndex];
|
|
103
|
+
const targetRecord = destination && records[destinationIndex];
|
|
104
|
+
const combineWith = combine && findItemById(records, combine.draggableId);
|
|
105
|
+
const down = sourceIndex < destinationIndex;
|
|
106
|
+
if (restrictDragAndDrop && (sourceRecord === null || sourceRecord === void 0 ? void 0 : (_sourceRecord$parentN = sourceRecord.parentNode) === null || _sourceRecord$parentN === void 0 ? void 0 : _sourceRecord$parentN.id) !== (targetRecord === null || targetRecord === void 0 ? void 0 : (_targetRecord$parentN = targetRecord.parentNode) === null || _targetRecord$parentN === void 0 ? void 0 : _targetRecord$parentN.id)) return; // TODO check if we can change the records Immutable, this makes the DOM inconsistent on first renderers
|
|
107
|
+
|
|
108
|
+
changeRecordsPosition({
|
|
109
|
+
sourceRecord,
|
|
110
|
+
targetRecord,
|
|
111
|
+
combineWith,
|
|
112
|
+
down
|
|
113
|
+
});
|
|
114
|
+
|
|
115
|
+
if (draggedRecordShouldExpand.current) {
|
|
116
|
+
draggedRecordShouldExpand.current = false;
|
|
117
|
+
toggleExpand(sourceRecord);
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
if (focusContext) {
|
|
121
|
+
// TODO if we fix the mutable/immutable records handling this work-around should not be required anymore
|
|
122
|
+
setTimeout(() => {
|
|
123
|
+
const postDragFocusedNode = focusedItemWasDragged ? findItemOnDocument(sourceRecord.id) : findItemOnDocument(preDragFocusedNode.current.dataset.id);
|
|
124
|
+
focusContext.focusItemByNode(postDragFocusedNode);
|
|
125
|
+
}, 0);
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
currTargetRef.current = null;
|
|
129
|
+
setDraggedRecord(null);
|
|
130
|
+
}, [records, focusedItemWasDragged]);
|
|
131
|
+
const {
|
|
132
|
+
item: ItemComponent,
|
|
133
|
+
list: ListComponent
|
|
134
|
+
} = renderers;
|
|
135
|
+
const renderClone = useCallback((provided, snapshot, rubric) => {
|
|
136
|
+
const targetRecord = currTargetRef.current && records[currTargetRef.current.index] || {};
|
|
137
|
+
const record = records[rubric.source.index];
|
|
138
|
+
return /*#__PURE__*/createElement(ItemComponent, _objectSpread(_objectSpread({}, provided.draggableProps), {}, {
|
|
139
|
+
key: rubric.source.index,
|
|
140
|
+
record: record
|
|
141
|
+
}, getDraggableProps({
|
|
142
|
+
className: 'item-cloned'
|
|
143
|
+
}, provided, snapshot)), /*#__PURE__*/jsx(GripperVertical, _objectSpread(_objectSpread({}, provided.dragHandleProps), {}, {
|
|
144
|
+
className: "drag-handle"
|
|
145
|
+
})), itemRenderer({
|
|
146
|
+
record,
|
|
147
|
+
nestingLevel: targetRecord.nestingLevel
|
|
148
|
+
}));
|
|
149
|
+
}, [currTargetRef, records, itemRenderer]);
|
|
150
|
+
return /*#__PURE__*/_jsx(DragDropContext, {
|
|
151
|
+
onDragEnd: onDragEnd,
|
|
152
|
+
onDragStart: onDragStart,
|
|
153
|
+
onDragUpdate: onDragUpdate
|
|
154
|
+
}, void 0, /*#__PURE__*/_jsx(Droppable, {
|
|
155
|
+
droppableId: "droppableId",
|
|
156
|
+
isCombineEnabled: true,
|
|
157
|
+
mode: "virtual",
|
|
158
|
+
renderClone: renderClone
|
|
159
|
+
}, void 0, (droppableProvided, snapshot) => {
|
|
160
|
+
// Add an extra item to our list to make space for a dragging item
|
|
161
|
+
// work in a virtual list
|
|
162
|
+
const itemCount = snapshot.isUsingPlaceholder ? records.length + 1 : records.length;
|
|
163
|
+
return /*#__PURE__*/jsx(ListComponent, _objectSpread(_objectSpread({}, rest), {}, {
|
|
164
|
+
className: cx(rest.className, draggedRecord && 'dragging'),
|
|
165
|
+
innerRef: mergeRefs(droppableProvided.innerRef, rest.innerRef, rest.ref),
|
|
166
|
+
itemCount: itemCount,
|
|
167
|
+
records: records
|
|
154
168
|
}));
|
|
155
|
-
};
|
|
169
|
+
}));
|
|
156
170
|
};
|
|
157
171
|
|
|
158
172
|
export { DroppableList as default };
|
|
159
|
-
//# sourceMappingURL=DroppableList.js.map
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
-
import
|
|
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';
|
|
2
6
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
7
|
+
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
3
8
|
import { cx, mergeRefs, set, get, cloneDeep, arrayMove } from '@elliemae/ds-utilities';
|
|
4
9
|
|
|
5
10
|
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; }
|
|
@@ -13,7 +18,7 @@ function getStyle(provided, style) {
|
|
|
13
18
|
return _objectSpread(_objectSpread({}, provided.draggableProps.style), style);
|
|
14
19
|
}
|
|
15
20
|
function getDraggableProps(props, provided, snapshot) {
|
|
16
|
-
|
|
21
|
+
const isGroupedOver = Boolean(snapshot.combineTargetFor);
|
|
17
22
|
return _objectSpread(_objectSpread(_objectSpread({}, props), provided.draggableProps), {}, {
|
|
18
23
|
className: cx(props.className, isGroupedOver && 'can-group-over'),
|
|
19
24
|
// provided,
|
|
@@ -24,8 +29,8 @@ function getDraggableProps(props, provided, snapshot) {
|
|
|
24
29
|
}))
|
|
25
30
|
});
|
|
26
31
|
}
|
|
27
|
-
|
|
28
|
-
|
|
32
|
+
const setTreeArrayInPath = (treeData, path, data) => {
|
|
33
|
+
const nextTreeData = [...treeData];
|
|
29
34
|
|
|
30
35
|
if (path.length) {
|
|
31
36
|
set(nextTreeData, path, data);
|
|
@@ -35,14 +40,14 @@ var setTreeArrayInPath = function setTreeArrayInPath(treeData, path, data) {
|
|
|
35
40
|
return data;
|
|
36
41
|
}; // check if at the earliest possible different nest level the source is before the target or not
|
|
37
42
|
|
|
38
|
-
|
|
39
|
-
|
|
43
|
+
const isSourceBeforeTarget = (sourcePath, targetPath) => {
|
|
44
|
+
let sourceIsBeforeTarget = false;
|
|
40
45
|
|
|
41
46
|
if (sourcePath.length <= targetPath.length) {
|
|
42
47
|
// we increase by 2 beacuse every other position is 'children'
|
|
43
|
-
for (
|
|
44
|
-
|
|
45
|
-
|
|
48
|
+
for (let i = 0; i < sourcePath.length; i += 2) {
|
|
49
|
+
const source = sourcePath[i];
|
|
50
|
+
const target = targetPath[i]; // since we skip by 2 source/target can be out of bounds
|
|
46
51
|
// if source/target are the same we are at same nest level
|
|
47
52
|
|
|
48
53
|
if (!Number.isInteger(source) || // check to see if it's a number because 0 == false in javascript
|
|
@@ -55,55 +60,58 @@ var isSourceBeforeTarget = function isSourceBeforeTarget(sourcePath, targetPath)
|
|
|
55
60
|
|
|
56
61
|
return sourceIsBeforeTarget;
|
|
57
62
|
};
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
var posToUpdate = sourcePath.length ? sourcePath.length - 1 : 0;
|
|
63
|
+
const updateTargetPath = function (sourcePath, targetPath) {
|
|
64
|
+
let incr = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
|
|
65
|
+
const nextTargetPath = [...targetPath];
|
|
66
|
+
const posToUpdate = sourcePath.length ? sourcePath.length - 1 : 0;
|
|
64
67
|
nextTargetPath.splice(posToUpdate, 1, targetPath[posToUpdate] + incr);
|
|
65
68
|
return nextTargetPath;
|
|
66
69
|
};
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
70
|
+
const getParentPath = path => path.slice(0, -1);
|
|
71
|
+
const getParentChildrenByPath = (treeData, path) => path && path.length ? get(treeData, path) : treeData;
|
|
72
|
+
const getTreePosition = recordPath => ({
|
|
73
|
+
parentPath: getParentPath(recordPath),
|
|
74
|
+
index: recordPath.slice(-1)[0]
|
|
75
|
+
});
|
|
76
|
+
const changePositionBetweenDifferentArrays = _ref => {
|
|
77
|
+
let {
|
|
78
|
+
sourceTreePosition,
|
|
79
|
+
// already extracted sourceRecord.path
|
|
80
|
+
targetTreePosition,
|
|
81
|
+
// already extracted targetRecord.path
|
|
82
|
+
// combineWith the element we want to append to the children of (this is null when the drag doesn't result in adding children)
|
|
83
|
+
combineWith,
|
|
84
|
+
sourceRecord,
|
|
85
|
+
// what we are dragging
|
|
86
|
+
targetRecord,
|
|
87
|
+
// what we are dropping on top of
|
|
88
|
+
down,
|
|
89
|
+
// ???
|
|
90
|
+
data,
|
|
91
|
+
// tree before dragEnd changes
|
|
92
|
+
childrenKey = 'children' // constant -> 'children'
|
|
93
|
+
|
|
94
|
+
} = _ref;
|
|
95
|
+
let nextTreeData = cloneDeep(data);
|
|
90
96
|
if (!sourceRecord || !sourceRecord.data) throw new Error('error while dragging, no dragged item received');
|
|
91
|
-
|
|
97
|
+
const sourceTreeChildren = getParentChildrenByPath(nextTreeData, sourceTreePosition.parentPath); // When moving an item we remove the item from it's former parent children array
|
|
92
98
|
|
|
93
99
|
sourceTreeChildren.splice(sourceTreePosition.index, 1);
|
|
94
100
|
nextTreeData = setTreeArrayInPath(nextTreeData, sourceTreePosition.parentPath, sourceTreeChildren); // if source is at previous position than the target children
|
|
95
101
|
// then the index should decrease
|
|
96
102
|
|
|
97
|
-
|
|
98
|
-
|
|
103
|
+
const shouldUpdateTarget = isSourceBeforeTarget(sourceRecord.path, targetRecord.path);
|
|
104
|
+
const nextTargetPosition = shouldUpdateTarget ? combineWith ? {
|
|
99
105
|
parentPath: updateTargetPath(sourceRecord.path, combineWith.path)
|
|
100
106
|
} : getTreePosition(updateTargetPath(sourceRecord.path, targetRecord.path)) : targetTreePosition; // add to target
|
|
101
107
|
|
|
102
|
-
|
|
103
|
-
|
|
108
|
+
const {
|
|
109
|
+
parentPath
|
|
110
|
+
} = nextTargetPosition;
|
|
111
|
+
const targetTreeChildren = getParentChildrenByPath(nextTreeData, parentPath) || (combineWith === null || combineWith === void 0 ? void 0 : combineWith.data) || (targetRecord === null || targetRecord === void 0 ? void 0 : targetRecord.data);
|
|
104
112
|
|
|
105
113
|
if (combineWith && targetTreeChildren) {
|
|
106
|
-
|
|
114
|
+
const targetChildrensArray = targetTreeChildren[childrenKey];
|
|
107
115
|
targetChildrensArray.push(sourceRecord.data);
|
|
108
116
|
} else if (targetTreeChildren) {
|
|
109
117
|
targetTreeChildren.splice(targetTreePosition.index + (down ? 1 : 0), 0, sourceRecord.data);
|
|
@@ -112,19 +120,20 @@ var changePositionBetweenDifferentArrays = function changePositionBetweenDiffere
|
|
|
112
120
|
nextTreeData = setTreeArrayInPath(nextTreeData, parentPath, targetTreeChildren);
|
|
113
121
|
return nextTreeData;
|
|
114
122
|
};
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
123
|
+
const combineWithTarget = () => {};
|
|
124
|
+
const changePositionSameArray = _ref2 => {
|
|
125
|
+
let {
|
|
126
|
+
targetTreePosition,
|
|
127
|
+
sourceRecord,
|
|
128
|
+
targetRecord,
|
|
129
|
+
data
|
|
130
|
+
} = _ref2;
|
|
131
|
+
let nextTreeData = cloneDeep(data);
|
|
132
|
+
const targetTreeChildren = getParentChildrenByPath(nextTreeData, targetTreePosition.parentPath);
|
|
133
|
+
const nextChildren = arrayMove(targetTreeChildren, sourceRecord.index, targetRecord.index); // mutates the tree. That's the reason of the clone above
|
|
124
134
|
|
|
125
135
|
nextTreeData = setTreeArrayInPath(nextTreeData, targetTreePosition.parentPath, nextChildren);
|
|
126
136
|
return nextTreeData;
|
|
127
137
|
};
|
|
128
138
|
|
|
129
139
|
export { changePositionBetweenDifferentArrays, changePositionSameArray, combineWithTarget, getDraggableProps, getParentChildrenByPath, getParentPath, getStyle, getTreePosition, isSourceBeforeTarget, setTreeArrayInPath, updateTargetPath };
|
|
130
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -5,33 +5,3 @@ export { TreeToolbarPlugin } from './toolbar/TreeToolbarPlugin.js';
|
|
|
5
5
|
export { TreePluginList } from './tree/TreeDataPlugin.js';
|
|
6
6
|
export { TreeVirtualizationPlugin } from './virtualization/TreeVirtualizationPlugin.js';
|
|
7
7
|
export { SearchableTreePlugin } from './searchable/SearchableTreePlugin.js';
|
|
8
|
-
import '@babel/runtime/helpers/esm/defineProperty';
|
|
9
|
-
import '@babel/runtime/helpers/esm/slicedToArray';
|
|
10
|
-
import 'react';
|
|
11
|
-
import '@elliemae/ds-utilities';
|
|
12
|
-
import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
|
|
13
|
-
import './dnd/renderers/DraggableItem.js';
|
|
14
|
-
import '@babel/runtime/helpers/esm/extends';
|
|
15
|
-
import '@babel/runtime/helpers/esm/toConsumableArray';
|
|
16
|
-
import '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
17
|
-
import 'react-beautiful-dnd';
|
|
18
|
-
import '@elliemae/ds-icons';
|
|
19
|
-
import './dnd/utils.js';
|
|
20
|
-
import './dnd/renderers/DroppableList.js';
|
|
21
|
-
import '@elliemae/ds-shared/FocusGroup/FocusGroupContext';
|
|
22
|
-
import './tree/utils.js';
|
|
23
|
-
import 'lodash/get';
|
|
24
|
-
import '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
|
|
25
|
-
import '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';
|
|
26
|
-
import '@elliemae/ds-form';
|
|
27
|
-
import './tree/walkTreeStrategy.js';
|
|
28
|
-
import './selectable/utils.js';
|
|
29
|
-
import '@elliemae/ds-button';
|
|
30
|
-
import '@elliemae/ds-shared/toolbar/ToolbarProvider';
|
|
31
|
-
import '@elliemae/ds-classnames';
|
|
32
|
-
import '../renderers.js';
|
|
33
|
-
import './tree/useExpandTreeState.js';
|
|
34
|
-
import '@john-osullivan/react-window-dynamic-fork';
|
|
35
|
-
import '@elliemae/ds-shared/virtualization';
|
|
36
|
-
import 'react-highlight-words';
|
|
37
|
-
//# sourceMappingURL=index.js.map
|