@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,91 +1,89 @@
|
|
|
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
|
-
import
|
|
7
|
+
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
3
8
|
import { useRef, useState, useEffect } from 'react';
|
|
4
9
|
import { useExpandState, isFunction } from '@elliemae/ds-utilities';
|
|
5
10
|
import { walkTreeStrategy } from './walkTreeStrategy.js';
|
|
6
|
-
import '@babel/runtime/helpers/esm/toConsumableArray';
|
|
7
11
|
|
|
8
12
|
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; }
|
|
9
13
|
|
|
10
14
|
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; }
|
|
11
15
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
var nextState = {};
|
|
15
|
-
|
|
16
|
-
if (expand) {
|
|
17
|
-
walkTreeStrategy({
|
|
18
|
-
data: data,
|
|
19
|
-
cb: function cb(node) {
|
|
20
|
-
if (node.isGroup) nextState[node.id] = true;
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
resolve(nextState);
|
|
26
|
-
});
|
|
27
|
-
};
|
|
16
|
+
const toggleExpandAllAsync = (expand, data) => new Promise(resolve => {
|
|
17
|
+
const nextState = {};
|
|
28
18
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
19
|
+
if (expand) {
|
|
20
|
+
walkTreeStrategy({
|
|
21
|
+
data,
|
|
22
|
+
cb: node => {
|
|
23
|
+
if (node.isGroup) nextState[node.id] = true;
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
resolve(nextState);
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
const useExpandTreeState = instance => {
|
|
32
|
+
const {
|
|
33
|
+
originalData,
|
|
34
|
+
props: {
|
|
35
|
+
searchQuery,
|
|
36
|
+
expandedRows: expandedItemsProp = {},
|
|
37
|
+
itemKey = 'id',
|
|
38
|
+
onExpand,
|
|
39
|
+
onExpandChange,
|
|
40
|
+
onExpandAll,
|
|
41
|
+
onToggleExpand,
|
|
42
|
+
onCollapse
|
|
43
|
+
}
|
|
44
|
+
} = instance;
|
|
45
|
+
const expandedState = useExpandState({
|
|
43
46
|
items: originalData,
|
|
44
|
-
itemKey
|
|
47
|
+
itemKey,
|
|
45
48
|
expanded: expandedItemsProp,
|
|
46
|
-
onExpand
|
|
47
|
-
onExpandChange
|
|
48
|
-
onExpandAll
|
|
49
|
-
onToggleExpand
|
|
50
|
-
onCollapse
|
|
49
|
+
onExpand,
|
|
50
|
+
onExpandChange,
|
|
51
|
+
onExpandAll,
|
|
52
|
+
onToggleExpand,
|
|
53
|
+
onCollapse
|
|
51
54
|
});
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
56
|
-
expandedAll = _useState2[0],
|
|
57
|
-
setExpandAll = _useState2[1];
|
|
58
|
-
|
|
59
|
-
useEffect(function () {
|
|
55
|
+
const totalExpandableRecords = useRef(0);
|
|
56
|
+
const [expandedAll, setExpandAll] = useState(false);
|
|
57
|
+
useEffect(() => {
|
|
60
58
|
totalExpandableRecords.current = 0;
|
|
61
59
|
walkTreeStrategy({
|
|
62
60
|
data: originalData,
|
|
63
|
-
cb:
|
|
61
|
+
cb: node => {
|
|
64
62
|
if (node.isGroup) totalExpandableRecords.current += 1;
|
|
65
63
|
}
|
|
66
64
|
});
|
|
67
65
|
}, [originalData]);
|
|
68
|
-
useEffect(
|
|
69
|
-
|
|
70
|
-
|
|
66
|
+
useEffect(() => {
|
|
67
|
+
const currLength = Object.keys(expandedState.state.expanded || {}).length;
|
|
68
|
+
let isExpandedAll;
|
|
71
69
|
if (currLength === 0) isExpandedAll = false;else if (totalExpandableRecords.current !== currLength) isExpandedAll = 'mixed';else if (currLength === totalExpandableRecords.current) isExpandedAll = true;
|
|
72
70
|
setExpandAll(isExpandedAll);
|
|
73
71
|
}, [expandedState.state.expanded, originalData]);
|
|
74
72
|
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
expandedState.setExpanded(
|
|
80
|
-
|
|
73
|
+
const toggleExpand = (item, opts) => {
|
|
74
|
+
const {
|
|
75
|
+
expandAllChildren
|
|
76
|
+
} = opts || {};
|
|
77
|
+
expandedState.setExpanded(prevState => {
|
|
78
|
+
const nextExpandState = _objectSpread({}, prevState);
|
|
81
79
|
|
|
82
|
-
|
|
80
|
+
const nextState = !prevState[item[itemKey]];
|
|
83
81
|
if (nextState) nextExpandState[item[itemKey]] = true;else delete nextExpandState[item[itemKey]];
|
|
84
82
|
|
|
85
83
|
if (expandAllChildren) {
|
|
86
84
|
walkTreeStrategy({
|
|
87
85
|
data: item.children,
|
|
88
|
-
cb:
|
|
86
|
+
cb: node => {
|
|
89
87
|
if (node.isGroup) {
|
|
90
88
|
if (nextState) nextExpandState[node.id] = true;else delete nextExpandState[node.id];
|
|
91
89
|
}
|
|
@@ -101,7 +99,7 @@ var useExpandTreeState = function useExpandTreeState(instance) {
|
|
|
101
99
|
});
|
|
102
100
|
};
|
|
103
101
|
|
|
104
|
-
|
|
102
|
+
const handleToggleExpand = (item, opts) => {
|
|
105
103
|
if (isFunction(onToggleExpand)) {
|
|
106
104
|
onToggleExpand(item);
|
|
107
105
|
} else {
|
|
@@ -109,32 +107,29 @@ var useExpandTreeState = function useExpandTreeState(instance) {
|
|
|
109
107
|
}
|
|
110
108
|
};
|
|
111
109
|
|
|
112
|
-
|
|
113
|
-
|
|
110
|
+
const toggleExpandAll = expanded => {
|
|
111
|
+
let nextExpanded = true; // if no param is passed, keep toggle behavior
|
|
114
112
|
|
|
115
113
|
if (typeof expandedAll === 'boolean') nextExpanded = !expandedAll;
|
|
116
114
|
if (typeof expanded !== 'undefined') nextExpanded = expanded;
|
|
117
115
|
setExpandAll(nextExpanded);
|
|
118
|
-
return toggleExpandAllAsync(nextExpanded, originalData).then(
|
|
119
|
-
return expandedState.setExpanded(nextState);
|
|
120
|
-
});
|
|
116
|
+
return toggleExpandAllAsync(nextExpanded, originalData).then(nextState => expandedState.setExpanded(nextState));
|
|
121
117
|
};
|
|
122
118
|
|
|
123
|
-
useEffect(
|
|
119
|
+
useEffect(() => {
|
|
124
120
|
if (searchQuery && (!expandedAll || expandedAll === 'mixed')) toggleExpandAll(true);
|
|
125
121
|
}, [searchQuery]); // eslint-disable-next-line max-lines
|
|
126
122
|
|
|
127
123
|
return {
|
|
128
124
|
state: _objectSpread(_objectSpread({}, expandedState.state), {}, {
|
|
129
|
-
expandedAll
|
|
125
|
+
expandedAll
|
|
130
126
|
}),
|
|
131
127
|
actions: _objectSpread(_objectSpread({}, expandedState.actions), {}, {
|
|
132
|
-
toggleExpandAll
|
|
133
|
-
toggleExpand
|
|
128
|
+
toggleExpandAll,
|
|
129
|
+
toggleExpand,
|
|
134
130
|
_toggleExpand: handleToggleExpand
|
|
135
131
|
})
|
|
136
132
|
};
|
|
137
133
|
};
|
|
138
134
|
|
|
139
135
|
export { useExpandTreeState };
|
|
140
|
-
//# sourceMappingURL=useExpandTreeState.js.map
|
|
@@ -1,36 +1,28 @@
|
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.find.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.find.js';
|
|
1
4
|
import get from 'lodash/get';
|
|
2
5
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
};
|
|
9
|
-
var getListFromDocument = function getListFromDocument() {
|
|
10
|
-
return document.querySelector("[data-testid=\"tree-list\"]");
|
|
11
|
-
};
|
|
12
|
-
var getParentChildren = function getParentChildren(record) {
|
|
13
|
-
var childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
|
|
6
|
+
const getParentId = record => get(record, ['parentNode', 'id']);
|
|
7
|
+
const findItemOnDocument = id => document.querySelector("[data-id=\"".concat(id, "\"]"));
|
|
8
|
+
const getListFromDocument = () => document.querySelector("[data-testid=\"tree-list\"]");
|
|
9
|
+
const getParentChildren = function (record) {
|
|
10
|
+
let childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
|
|
14
11
|
return get(record, ['parentNode', 'data', childrenKey]);
|
|
15
12
|
};
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
const getItemLabel = function (record) {
|
|
14
|
+
let nameKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'name';
|
|
18
15
|
return get(record, ['data', nameKey]);
|
|
19
16
|
};
|
|
20
|
-
|
|
21
|
-
|
|
17
|
+
const getItemChildren = function (record) {
|
|
18
|
+
let childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
|
|
22
19
|
return get(record, ['data', childrenKey]);
|
|
23
20
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
21
|
+
const getItemChildrenLength = function (record) {
|
|
22
|
+
let childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
|
|
23
|
+
const children = get(record, ['data', childrenKey]);
|
|
27
24
|
return children && children.length;
|
|
28
25
|
};
|
|
29
|
-
|
|
30
|
-
return records.find(function (record) {
|
|
31
|
-
return String(record.id) === id;
|
|
32
|
-
});
|
|
33
|
-
};
|
|
26
|
+
const findItemById = (records, id) => records.find(record => String(record.id) === id);
|
|
34
27
|
|
|
35
28
|
export { findItemById, findItemOnDocument, getItemChildren, getItemChildrenLength, getItemLabel, getListFromDocument, getParentChildren, getParentId };
|
|
36
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -1,35 +1,31 @@
|
|
|
1
|
-
import
|
|
1
|
+
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
2
|
|
|
3
3
|
function getPath(parentNode, index, childrenKey) {
|
|
4
4
|
if (!parentNode) return [index];
|
|
5
|
-
return [
|
|
5
|
+
return [...parentNode.path, childrenKey, index];
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
function walkTreeStrategy(_ref) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
parentNode = _ref.parentNode,
|
|
19
|
-
_ref$shouldWalkChildr = _ref.shouldWalkChildren,
|
|
20
|
-
shouldWalkChildren = _ref$shouldWalkChildr === void 0 ? function () {
|
|
21
|
-
return true;
|
|
22
|
-
} : _ref$shouldWalkChildr,
|
|
23
|
-
cb = _ref.cb;
|
|
9
|
+
let {
|
|
10
|
+
data,
|
|
11
|
+
childrenKey = 'children',
|
|
12
|
+
level = 0,
|
|
13
|
+
getId = item => item.id,
|
|
14
|
+
parentNode,
|
|
15
|
+
shouldWalkChildren = () => true,
|
|
16
|
+
cb
|
|
17
|
+
} = _ref;
|
|
24
18
|
|
|
25
19
|
// eslint-disable-next-line no-plusplus
|
|
26
|
-
for (
|
|
27
|
-
|
|
28
|
-
|
|
20
|
+
for (let i = 0; i < data.length; i++) {
|
|
21
|
+
const currLevel = level + 1;
|
|
22
|
+
const item = data[i];
|
|
29
23
|
if (!item) throw new Error('no item received, invalid tree walking strategy!');
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
24
|
+
const children = item[childrenKey];
|
|
25
|
+
const {
|
|
26
|
+
isGroup
|
|
27
|
+
} = item;
|
|
28
|
+
const node = {
|
|
33
29
|
index: i,
|
|
34
30
|
id: getId(item),
|
|
35
31
|
data: item,
|
|
@@ -50,12 +46,11 @@ function walkTreeStrategy(_ref) {
|
|
|
50
46
|
data: children,
|
|
51
47
|
level: currLevel,
|
|
52
48
|
parentNode: node,
|
|
53
|
-
shouldWalkChildren
|
|
54
|
-
cb
|
|
49
|
+
shouldWalkChildren,
|
|
50
|
+
cb
|
|
55
51
|
});
|
|
56
52
|
}
|
|
57
53
|
}
|
|
58
54
|
}
|
|
59
55
|
|
|
60
56
|
export { walkTreeStrategy };
|
|
61
|
-
//# sourceMappingURL=walkTreeStrategy.js.map
|
|
@@ -1,26 +1,35 @@
|
|
|
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
|
+
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
1
7
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
2
|
-
import
|
|
8
|
+
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
3
9
|
import React, { useRef, useMemo } from 'react';
|
|
4
10
|
import { DynamicSizeList } from '@john-osullivan/react-window-dynamic-fork';
|
|
5
11
|
import { getVirtualListComponent } from '@elliemae/ds-shared/virtualization';
|
|
6
12
|
import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
|
|
7
13
|
import { TreeListNoItems } from '../../renderers.js';
|
|
8
|
-
import '
|
|
9
|
-
import '@elliemae/ds-classnames';
|
|
14
|
+
import { jsx } from 'react/jsx-runtime';
|
|
10
15
|
|
|
11
|
-
|
|
16
|
+
const _excluded = ["records", "itemRenderer", "innerRef"];
|
|
17
|
+
|
|
18
|
+
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; }
|
|
19
|
+
|
|
20
|
+
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; }
|
|
12
21
|
|
|
13
22
|
function shallowDiffers(prev, next) {
|
|
14
23
|
// eslint-disable-next-line no-restricted-syntax
|
|
15
|
-
for (
|
|
24
|
+
for (const attribute in prev) {
|
|
16
25
|
if (!(attribute in next)) {
|
|
17
26
|
return true;
|
|
18
27
|
}
|
|
19
28
|
} // eslint-disable-next-line no-restricted-syntax
|
|
20
29
|
|
|
21
30
|
|
|
22
|
-
for (
|
|
23
|
-
if (prev[
|
|
31
|
+
for (const attribute in next) {
|
|
32
|
+
if (prev[attribute] !== next[attribute]) {
|
|
24
33
|
return true;
|
|
25
34
|
}
|
|
26
35
|
}
|
|
@@ -30,120 +39,126 @@ function shallowDiffers(prev, next) {
|
|
|
30
39
|
|
|
31
40
|
|
|
32
41
|
function areEqualRecords(prevProps, nextProps) {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
42
|
+
const {
|
|
43
|
+
style: prevStyle,
|
|
44
|
+
index: pIdx,
|
|
45
|
+
data: pData
|
|
46
|
+
} = prevProps;
|
|
47
|
+
const {
|
|
48
|
+
style: nextStyle,
|
|
49
|
+
index: nIdx,
|
|
50
|
+
data: nData
|
|
51
|
+
} = nextProps;
|
|
39
52
|
return !shallowDiffers(prevStyle, nextStyle) && !shallowDiffers(pData === null || pData === void 0 ? void 0 : pData.records[pIdx], nData === null || nData === void 0 ? void 0 : nData.records[nIdx]);
|
|
40
53
|
} // memoized list items strategy
|
|
41
54
|
// https://react-window.now.sh/#/examples/list/memoized-list-items
|
|
42
55
|
|
|
43
56
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
57
|
+
const VirtualizedTreeItem = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
58
|
+
let {
|
|
59
|
+
index,
|
|
60
|
+
style,
|
|
61
|
+
data
|
|
62
|
+
} = _ref;
|
|
63
|
+
const {
|
|
64
|
+
instance,
|
|
65
|
+
records,
|
|
66
|
+
listRef
|
|
67
|
+
} = data;
|
|
68
|
+
const {
|
|
69
|
+
itemRenderer,
|
|
70
|
+
getItemProps,
|
|
71
|
+
renderers
|
|
72
|
+
} = instance.getInstance();
|
|
73
|
+
const record = records[index];
|
|
74
|
+
const ItemComponent = renderers.item; // needed to show the shadow below the row and because
|
|
59
75
|
// of absolute positioning from react-window
|
|
60
76
|
|
|
61
|
-
|
|
62
|
-
index
|
|
63
|
-
record
|
|
64
|
-
style
|
|
65
|
-
listRef
|
|
77
|
+
const mixedProps = getItemProps({
|
|
78
|
+
index,
|
|
79
|
+
record,
|
|
80
|
+
style,
|
|
81
|
+
listRef,
|
|
66
82
|
innerRef: ref
|
|
67
83
|
}, {
|
|
68
|
-
record
|
|
84
|
+
record
|
|
69
85
|
});
|
|
70
86
|
record.style = style;
|
|
71
|
-
return /*#__PURE__*/
|
|
72
|
-
tabIndex: -1
|
|
73
|
-
|
|
87
|
+
return /*#__PURE__*/jsx(ItemComponent, _objectSpread(_objectSpread({}, mixedProps), {}, {
|
|
88
|
+
tabIndex: -1,
|
|
89
|
+
children: itemRenderer(mixedProps)
|
|
90
|
+
}));
|
|
74
91
|
}), areEqualRecords); // eslint-disable-next-line react/display-name
|
|
75
92
|
|
|
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
|
-
return /*#__PURE__*/React.createElement(TreeListNoItems, null, noItemsPlaceholder);
|
|
119
|
-
}
|
|
93
|
+
const VirtualizedTree = (renderers, instance) => _ref2 => {
|
|
94
|
+
let {
|
|
95
|
+
records,
|
|
96
|
+
itemRenderer,
|
|
97
|
+
innerRef
|
|
98
|
+
} = _ref2,
|
|
99
|
+
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
100
|
+
|
|
101
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
102
|
+
const {
|
|
103
|
+
props: {
|
|
104
|
+
autoHeight,
|
|
105
|
+
fluid,
|
|
106
|
+
width,
|
|
107
|
+
height = 500,
|
|
108
|
+
noItemsPlaceholder = 'No items found',
|
|
109
|
+
initialOffset
|
|
110
|
+
},
|
|
111
|
+
state: {
|
|
112
|
+
listRef
|
|
113
|
+
},
|
|
114
|
+
renderers: currRenderers,
|
|
115
|
+
setListRef
|
|
116
|
+
} = instance.getInstance(); // eslint-disable-next-line react-hooks/rules-of-hooks
|
|
117
|
+
|
|
118
|
+
const ListComponent = useMemo(() => getVirtualListComponent({
|
|
119
|
+
component: DynamicSizeList,
|
|
120
|
+
height,
|
|
121
|
+
fluid,
|
|
122
|
+
autoHeight
|
|
123
|
+
}), [height, autoHeight]); // eslint-disable-next-line react-hooks/rules-of-hooks
|
|
124
|
+
|
|
125
|
+
const itemData = useMemo(() => ({
|
|
126
|
+
instance,
|
|
127
|
+
listRef,
|
|
128
|
+
renderers: currRenderers,
|
|
129
|
+
records
|
|
130
|
+
}), [records, currRenderers, listRef]); // todo: revise this
|
|
131
|
+
|
|
132
|
+
if (records && !records.length) {
|
|
133
|
+
return /*#__PURE__*/_jsx(TreeListNoItems, {}, void 0, noItemsPlaceholder);
|
|
134
|
+
}
|
|
120
135
|
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
};
|
|
136
|
+
return /*#__PURE__*/jsx(ListComponent, _objectSpread(_objectSpread({
|
|
137
|
+
innerRef: setListRef
|
|
138
|
+
}, rest), {}, {
|
|
139
|
+
ref: listRef,
|
|
140
|
+
component: DynamicSizeList,
|
|
141
|
+
height: height,
|
|
142
|
+
initialScrollOffset: initialOffset,
|
|
143
|
+
itemCount: records.length,
|
|
144
|
+
itemData: itemData,
|
|
145
|
+
outerElementType: renderers.list,
|
|
146
|
+
outerRef: innerRef,
|
|
147
|
+
width: width,
|
|
148
|
+
children: VirtualizedTreeItem
|
|
149
|
+
}));
|
|
135
150
|
};
|
|
136
151
|
|
|
137
|
-
|
|
138
|
-
state
|
|
152
|
+
const TreeVirtualizationPlugin = createInstancePlugin('tree-virtualization', {
|
|
153
|
+
state() {
|
|
139
154
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
140
|
-
|
|
155
|
+
const listRef = useRef();
|
|
141
156
|
return {
|
|
142
157
|
state: {
|
|
143
|
-
listRef
|
|
158
|
+
listRef
|
|
144
159
|
},
|
|
145
160
|
actions: {
|
|
146
|
-
scrollTo: function
|
|
161
|
+
scrollTo: function () {
|
|
147
162
|
var _listRef$current;
|
|
148
163
|
|
|
149
164
|
if (listRef !== null && listRef !== void 0 && (_listRef$current = listRef.current) !== null && _listRef$current !== void 0 && _listRef$current.scrollTo) {
|
|
@@ -154,7 +169,7 @@ var TreeVirtualizationPlugin = createInstancePlugin('tree-virtualization', {
|
|
|
154
169
|
listRef.current.scrollTo(args);
|
|
155
170
|
}
|
|
156
171
|
},
|
|
157
|
-
scrollToItem: function
|
|
172
|
+
scrollToItem: function () {
|
|
158
173
|
var _listRef$current2;
|
|
159
174
|
|
|
160
175
|
if (listRef !== null && listRef !== void 0 && (_listRef$current2 = listRef.current) !== null && _listRef$current2 !== void 0 && _listRef$current2.scrollToItem) {
|
|
@@ -168,16 +183,15 @@ var TreeVirtualizationPlugin = createInstancePlugin('tree-virtualization', {
|
|
|
168
183
|
}
|
|
169
184
|
};
|
|
170
185
|
},
|
|
171
|
-
|
|
186
|
+
|
|
187
|
+
renderers(renderers, instance) {
|
|
172
188
|
return {
|
|
173
|
-
item:
|
|
189
|
+
item: renderers.item,
|
|
174
190
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
175
|
-
list: useMemo(
|
|
176
|
-
return VirtualizedTree(_renderers, instance);
|
|
177
|
-
}, [])
|
|
191
|
+
list: useMemo(() => VirtualizedTree(renderers, instance), [])
|
|
178
192
|
};
|
|
179
193
|
}
|
|
194
|
+
|
|
180
195
|
});
|
|
181
196
|
|
|
182
197
|
export { TreeVirtualizationPlugin };
|
|
183
|
-
//# sourceMappingURL=TreeVirtualizationPlugin.js.map
|
|
@@ -1,11 +1 @@
|
|
|
1
1
|
export { TreeVirtualizationPlugin } from './TreeVirtualizationPlugin.js';
|
|
2
|
-
import '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
3
|
-
import '@babel/runtime/helpers/esm/extends';
|
|
4
|
-
import 'react';
|
|
5
|
-
import '@john-osullivan/react-window-dynamic-fork';
|
|
6
|
-
import '@elliemae/ds-shared/virtualization';
|
|
7
|
-
import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
|
|
8
|
-
import '../../renderers.js';
|
|
9
|
-
import '@babel/runtime/helpers/esm/defineProperty';
|
|
10
|
-
import '@elliemae/ds-classnames';
|
|
11
|
-
//# sourceMappingURL=index.js.map
|