@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
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
2
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
3
|
-
import
|
|
4
|
-
import React, { useMemo, useCallback } from 'react';
|
|
3
|
+
import { useMemo, useCallback } from 'react';
|
|
5
4
|
import Checkbox from '@elliemae/ds-basic/form/Checkbox';
|
|
6
5
|
import Radio from '@elliemae/ds-basic/form/Radio';
|
|
7
6
|
import { cx, isFunction } from '@elliemae/ds-utilities/utils';
|
|
@@ -10,70 +9,58 @@ import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createI
|
|
|
10
9
|
import { walkTreeStrategy } from '../tree/walkTreeStrategy.js';
|
|
11
10
|
import { getParentId, getParentChildren } from '../tree/utils.js';
|
|
12
11
|
import { checkParentState } from './utils.js';
|
|
13
|
-
import '
|
|
12
|
+
import 'react/jsx-runtime';
|
|
14
13
|
|
|
15
14
|
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; }
|
|
16
15
|
|
|
17
16
|
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; }
|
|
18
17
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
18
|
+
const updateParentState = ({
|
|
19
|
+
node,
|
|
20
|
+
checked,
|
|
21
|
+
selectionState,
|
|
22
|
+
isCurrentParentChildren = true
|
|
23
|
+
}) => {
|
|
24
|
+
const {
|
|
25
|
+
parentNode
|
|
26
|
+
} = node;
|
|
26
27
|
|
|
27
28
|
if (parentNode) {
|
|
28
|
-
|
|
29
|
+
let nextSelectedChildrenAmount; // increase or decrease the amount
|
|
29
30
|
|
|
30
31
|
if (checked === true && isCurrentParentChildren) nextSelectedChildrenAmount = parentNode.selectedChildren.length;
|
|
31
32
|
if (checked === true && !isCurrentParentChildren) nextSelectedChildrenAmount = parentNode.selectedChildren.length + 1;
|
|
32
33
|
if (checked === false) nextSelectedChildrenAmount = parentNode.selectedChildren.length - 1;
|
|
33
|
-
|
|
34
|
-
|
|
34
|
+
const parentChildren = getParentChildren(node);
|
|
35
|
+
const parentChildrenLength = parentChildren && parentChildren.length; // check parent state
|
|
35
36
|
|
|
36
|
-
|
|
37
|
+
const parentState = checkParentState(nextSelectedChildrenAmount, parentChildrenLength, checked);
|
|
37
38
|
selectionState[parentNode.id || 'all'] = parentState;
|
|
38
39
|
updateParentState({
|
|
39
40
|
node: parentNode,
|
|
40
41
|
checked: parentState,
|
|
41
|
-
selectionState
|
|
42
|
+
selectionState,
|
|
42
43
|
isCurrentParentChildren: false
|
|
43
44
|
});
|
|
44
45
|
}
|
|
45
46
|
};
|
|
46
47
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
} : _instance$props$onSel2,
|
|
62
|
-
_instance$props$isMul = _instance$props.isMultiSelect,
|
|
63
|
-
isMultiSelect = _instance$props$isMul === void 0 ? false : _instance$props$isMul,
|
|
64
|
-
_instance$props$isSin = _instance$props.isSingleSelect,
|
|
65
|
-
isSingleSelect = _instance$props$isSin === void 0 ? false : _instance$props$isSin;
|
|
66
|
-
|
|
67
|
-
var _useDerivedStateFromP = useDerivedStateFromProps(selectionProp),
|
|
68
|
-
_useDerivedStateFromP2 = _slicedToArray(_useDerivedStateFromP, 2),
|
|
69
|
-
selection = _useDerivedStateFromP2[0],
|
|
70
|
-
setSelection = _useDerivedStateFromP2[1];
|
|
71
|
-
|
|
72
|
-
var isAllSelected = useMemo(function () {
|
|
48
|
+
const useSelectableTreeState = instance => {
|
|
49
|
+
const {
|
|
50
|
+
originalData,
|
|
51
|
+
idKey = 'id',
|
|
52
|
+
props: {
|
|
53
|
+
onSelect = () => null,
|
|
54
|
+
selection: selectionProp = {},
|
|
55
|
+
onSelectionChange = () => null,
|
|
56
|
+
isMultiSelect = false,
|
|
57
|
+
isSingleSelect = false
|
|
58
|
+
}
|
|
59
|
+
} = instance;
|
|
60
|
+
const [selection, setSelection] = useDerivedStateFromProps(selectionProp);
|
|
61
|
+
const isAllSelected = useMemo(() => {
|
|
73
62
|
if (!isMultiSelect) return false;
|
|
74
|
-
|
|
75
|
-
return selection[item[idKey]] === true ? result + 1 : result;
|
|
76
|
-
}, 0);
|
|
63
|
+
const amountSelected = originalData.reduce((result, item) => selection[item[idKey]] === true ? result + 1 : result, 0);
|
|
77
64
|
|
|
78
65
|
if (amountSelected === originalData.length) {
|
|
79
66
|
return true;
|
|
@@ -85,25 +72,19 @@ var useSelectableTreeState = function useSelectableTreeState(instance) {
|
|
|
85
72
|
|
|
86
73
|
return 'mixed';
|
|
87
74
|
}, [selection]);
|
|
88
|
-
|
|
89
|
-
var additionalActions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
90
|
-
|
|
75
|
+
const select = useCallback((record, additionalActions = {}) => {
|
|
91
76
|
if (isFunction(onSelect)) {
|
|
92
77
|
onSelect(record.data, {
|
|
93
|
-
scrollToItem:
|
|
94
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
95
|
-
args[_key] = arguments[_key];
|
|
96
|
-
}
|
|
97
|
-
|
|
78
|
+
scrollToItem: (...args) => {
|
|
98
79
|
if (additionalActions.scrollToItem) additionalActions.scrollToItem(args);
|
|
99
80
|
},
|
|
100
81
|
itemIndex: additionalActions === null || additionalActions === void 0 ? void 0 : additionalActions.itemIndex
|
|
101
82
|
});
|
|
102
83
|
}
|
|
103
84
|
|
|
104
|
-
setSelection(
|
|
105
|
-
|
|
106
|
-
|
|
85
|
+
setSelection(prevSelection => {
|
|
86
|
+
const nextSelectionState = isMultiSelect ? _objectSpread({}, prevSelection) : {};
|
|
87
|
+
const nextState = isMultiSelect ? !prevSelection[record.id] : {};
|
|
107
88
|
nextSelectionState[record.id] = nextState;
|
|
108
89
|
|
|
109
90
|
if (isMultiSelect || isSingleSelect) {
|
|
@@ -115,8 +96,8 @@ var useSelectableTreeState = function useSelectableTreeState(instance) {
|
|
|
115
96
|
walkTreeStrategy({
|
|
116
97
|
data: record.data.children,
|
|
117
98
|
parentNode: record,
|
|
118
|
-
cb:
|
|
119
|
-
|
|
99
|
+
cb: node => {
|
|
100
|
+
const parentId = getParentId(node); // if direct child and truthy next state
|
|
120
101
|
|
|
121
102
|
if (nextState && parentId === record.id) {
|
|
122
103
|
record.selectedChildren.push(node.id);
|
|
@@ -136,11 +117,7 @@ var useSelectableTreeState = function useSelectableTreeState(instance) {
|
|
|
136
117
|
}
|
|
137
118
|
|
|
138
119
|
onSelectionChange(nextSelectionState, record.data, {
|
|
139
|
-
scrollToItem:
|
|
140
|
-
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
141
|
-
args[_key2] = arguments[_key2];
|
|
142
|
-
}
|
|
143
|
-
|
|
120
|
+
scrollToItem: (...args) => {
|
|
144
121
|
if (additionalActions.scrollToItem) additionalActions.scrollToItem(args);
|
|
145
122
|
},
|
|
146
123
|
itemIndex: additionalActions === null || additionalActions === void 0 ? void 0 : additionalActions.itemIndex
|
|
@@ -150,81 +127,83 @@ var useSelectableTreeState = function useSelectableTreeState(instance) {
|
|
|
150
127
|
}, []);
|
|
151
128
|
return {
|
|
152
129
|
state: {
|
|
153
|
-
selection
|
|
154
|
-
isAllSelected
|
|
130
|
+
selection,
|
|
131
|
+
isAllSelected
|
|
155
132
|
},
|
|
156
133
|
actions: {
|
|
157
|
-
select
|
|
134
|
+
select
|
|
158
135
|
}
|
|
159
136
|
};
|
|
160
137
|
};
|
|
161
138
|
|
|
162
|
-
|
|
163
|
-
|
|
139
|
+
const updateParentInternalState = (record, checked) => {
|
|
140
|
+
const {
|
|
141
|
+
parentNode
|
|
142
|
+
} = record;
|
|
164
143
|
if (!parentNode) return; // if next state is checked
|
|
165
144
|
|
|
166
145
|
if (checked === true) {
|
|
167
146
|
parentNode.selectedChildren.push(record.id);
|
|
168
147
|
} else {
|
|
169
|
-
parentNode.selectedChildren = parentNode.selectedChildren.filter(
|
|
170
|
-
return id !== record.id;
|
|
171
|
-
});
|
|
148
|
+
parentNode.selectedChildren = parentNode.selectedChildren.filter(id => id !== record.id);
|
|
172
149
|
}
|
|
173
150
|
};
|
|
174
|
-
|
|
151
|
+
const SelectablePluginTree = createInstancePlugin('selectable', {
|
|
175
152
|
state: useSelectableTreeState,
|
|
176
153
|
// itemRenderer: SelectionFormatter,
|
|
177
|
-
record:
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
154
|
+
record: (record, instance) => {
|
|
155
|
+
const {
|
|
156
|
+
state: {
|
|
157
|
+
selection
|
|
158
|
+
},
|
|
159
|
+
props: {
|
|
160
|
+
isMultiSelect,
|
|
161
|
+
isSingleSelect
|
|
162
|
+
}
|
|
163
|
+
} = instance.getInstance();
|
|
164
|
+
record.checked = selection[record.id];
|
|
185
165
|
|
|
186
166
|
if (isMultiSelect || isSingleSelect) {
|
|
187
167
|
// if it's the root of the tree declare the selectedChildren array
|
|
188
|
-
if (!
|
|
189
|
-
|
|
168
|
+
if (!record.parentNode.id && record.parentNode.selectedChildren === undefined) {
|
|
169
|
+
record.parentNode.selectedChildren = [];
|
|
190
170
|
}
|
|
191
171
|
|
|
192
|
-
if (
|
|
193
|
-
|
|
172
|
+
if (record.isGroup && record.selectedChildren === undefined) {
|
|
173
|
+
record.selectedChildren = [];
|
|
194
174
|
}
|
|
195
175
|
|
|
196
|
-
updateParentInternalState(
|
|
176
|
+
updateParentInternalState(record, record.checked);
|
|
197
177
|
}
|
|
198
178
|
|
|
199
|
-
return
|
|
179
|
+
return record;
|
|
200
180
|
},
|
|
201
|
-
getItemProps: function getItemProps(props, instance, _ref3) {
|
|
202
|
-
var record = _ref3.record;
|
|
203
|
-
|
|
204
|
-
var _instance$getInstance4 = instance.getInstance(),
|
|
205
|
-
select = _instance$getInstance4.actions.select,
|
|
206
|
-
_instance$getInstance5 = _instance$getInstance4.props,
|
|
207
|
-
isMultiSelect = _instance$getInstance5.isMultiSelect,
|
|
208
|
-
isSingleSelect = _instance$getInstance5.isSingleSelect,
|
|
209
|
-
disableLeafs = _instance$getInstance5.disableLeafs,
|
|
210
|
-
disableGroups = _instance$getInstance5.disableGroups;
|
|
211
|
-
|
|
212
|
-
var handleSelect = function handleSelect() {
|
|
213
|
-
return select(record, {
|
|
214
|
-
scrollToItem: function scrollToItem() {
|
|
215
|
-
var _props$listRef, _props$listRef$curren;
|
|
216
|
-
|
|
217
|
-
for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
|
|
218
|
-
args[_key3] = arguments[_key3];
|
|
219
|
-
}
|
|
220
181
|
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
182
|
+
getItemProps(props, instance, {
|
|
183
|
+
record
|
|
184
|
+
}) {
|
|
185
|
+
const {
|
|
186
|
+
actions: {
|
|
187
|
+
select
|
|
188
|
+
},
|
|
189
|
+
props: {
|
|
190
|
+
isMultiSelect,
|
|
191
|
+
isSingleSelect,
|
|
192
|
+
disableLeafs,
|
|
193
|
+
disableGroups
|
|
194
|
+
}
|
|
195
|
+
} = instance.getInstance();
|
|
196
|
+
|
|
197
|
+
const handleSelect = () => select(record, {
|
|
198
|
+
scrollToItem: (...args) => {
|
|
199
|
+
var _props$listRef, _props$listRef$curren;
|
|
226
200
|
|
|
227
|
-
|
|
201
|
+
return props === null || props === void 0 ? void 0 : (_props$listRef = props.listRef) === null || _props$listRef === void 0 ? void 0 : (_props$listRef$curren = _props$listRef.current) === null || _props$listRef$curren === void 0 ? void 0 : _props$listRef$curren.scrollToItem(args);
|
|
202
|
+
},
|
|
203
|
+
itemIndex: props === null || props === void 0 ? void 0 : props.index
|
|
204
|
+
});
|
|
205
|
+
|
|
206
|
+
const checkboxAddon = isMultiSelect && /*#__PURE__*/_jsx(Checkbox, {
|
|
228
207
|
checked: record.checked,
|
|
229
208
|
disabled: record.isGroup ? disableGroups : disableLeafs,
|
|
230
209
|
className: "tree-item-checkbox",
|
|
@@ -232,7 +211,8 @@ var SelectablePluginTree = createInstancePlugin('selectable', {
|
|
|
232
211
|
onChange: handleSelect,
|
|
233
212
|
tabIndex: -1
|
|
234
213
|
});
|
|
235
|
-
|
|
214
|
+
|
|
215
|
+
const radioAddon = isSingleSelect && !isMultiSelect && /*#__PURE__*/_jsx(Radio, {
|
|
236
216
|
checked: !!record.checked,
|
|
237
217
|
disabled: record.isGroup ? disableGroups : disableLeafs,
|
|
238
218
|
className: "tree-item-radio",
|
|
@@ -243,7 +223,7 @@ var SelectablePluginTree = createInstancePlugin('selectable', {
|
|
|
243
223
|
|
|
244
224
|
if (isMultiSelect || isSingleSelect) {
|
|
245
225
|
return _objectSpread(_objectSpread({}, props), {}, {
|
|
246
|
-
leftAddons: [checkboxAddon, radioAddon
|
|
226
|
+
leftAddons: [checkboxAddon, radioAddon, ...(props.leftAddons || [])],
|
|
247
227
|
'aria-selected': !!record.checked
|
|
248
228
|
});
|
|
249
229
|
}
|
|
@@ -254,21 +234,24 @@ var SelectablePluginTree = createInstancePlugin('selectable', {
|
|
|
254
234
|
'aria-selected': !!record.checked
|
|
255
235
|
});
|
|
256
236
|
},
|
|
257
|
-
|
|
237
|
+
|
|
238
|
+
hotKeys(grid) {
|
|
258
239
|
return {
|
|
259
240
|
key: 'space',
|
|
260
|
-
handler:
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
241
|
+
handler: ({
|
|
242
|
+
index
|
|
243
|
+
}) => {
|
|
244
|
+
const {
|
|
245
|
+
records,
|
|
246
|
+
actions: {
|
|
247
|
+
select
|
|
248
|
+
}
|
|
249
|
+
} = grid.getInstance();
|
|
267
250
|
select(records[index]);
|
|
268
251
|
}
|
|
269
252
|
};
|
|
270
253
|
}
|
|
254
|
+
|
|
271
255
|
});
|
|
272
256
|
|
|
273
257
|
export { SelectablePluginTree };
|
|
274
|
-
//# sourceMappingURL=SelectablePluginTree.js.map
|
|
@@ -1,15 +1 @@
|
|
|
1
1
|
export { SelectablePluginTree } from './SelectablePluginTree.js';
|
|
2
|
-
import '@babel/runtime/helpers/esm/toConsumableArray';
|
|
3
|
-
import '@babel/runtime/helpers/esm/defineProperty';
|
|
4
|
-
import '@babel/runtime/helpers/esm/slicedToArray';
|
|
5
|
-
import 'react';
|
|
6
|
-
import '@elliemae/ds-basic/form/Checkbox';
|
|
7
|
-
import '@elliemae/ds-basic/form/Radio';
|
|
8
|
-
import '@elliemae/ds-utilities/utils';
|
|
9
|
-
import '@elliemae/ds-utilities/hooks/useDerivedStateFromProps';
|
|
10
|
-
import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
|
|
11
|
-
import '../tree/walkTreeStrategy.js';
|
|
12
|
-
import '../tree/utils.js';
|
|
13
|
-
import 'lodash/get';
|
|
14
|
-
import './utils.js';
|
|
15
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
const checkParentState = (nextSelectedChildrenAmount, parentChildrenLength, checked) => {
|
|
2
|
+
let parentState = false;
|
|
3
3
|
|
|
4
4
|
if (nextSelectedChildrenAmount === parentChildrenLength) {
|
|
5
5
|
parentState = true;
|
|
@@ -13,4 +13,3 @@ var checkParentState = function checkParentState(nextSelectedChildrenAmount, par
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
export { checkParentState };
|
|
16
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -1,39 +1,41 @@
|
|
|
1
|
-
import _extends from '@babel/runtime/helpers/esm/extends';
|
|
2
1
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
|
+
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
3
3
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
4
|
-
import
|
|
4
|
+
import { useMemo, useContext, useRef } from 'react';
|
|
5
5
|
import MoreOptionsVert from '@elliemae/ds-icons/MoreOptionsVert';
|
|
6
6
|
import Button from '@elliemae/ds-basic/Button';
|
|
7
7
|
import { runAll } from '@elliemae/ds-utilities/utils';
|
|
8
8
|
import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
|
|
9
9
|
import ToolbarProvider, { ToolbarContext } from '@elliemae/ds-shared/toolbar/ToolbarProvider';
|
|
10
10
|
import FocusGroupContext from '@elliemae/ds-shared/FocusGroup/FocusGroupContext';
|
|
11
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
11
12
|
|
|
12
|
-
|
|
13
|
+
const _excluded = ["onMouseEnter", "onMouseLeave", "extraParams", "renderToolbar", "isItemFocused", "icon", "rowSize"];
|
|
13
14
|
|
|
14
15
|
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; }
|
|
15
16
|
|
|
16
17
|
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; }
|
|
17
18
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
19
|
+
const ToolbarDisclosure = props => {
|
|
20
|
+
const {
|
|
21
|
+
onMouseEnter,
|
|
22
|
+
onMouseLeave,
|
|
23
|
+
extraParams,
|
|
24
|
+
renderToolbar,
|
|
25
|
+
isItemFocused,
|
|
26
|
+
icon = /*#__PURE__*/_jsx(MoreOptionsVert, {
|
|
27
|
+
color: ['brand-primary', 800]
|
|
28
|
+
}),
|
|
29
|
+
rowSize
|
|
30
|
+
} = props,
|
|
31
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
30
32
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
+
const toolbarContext = useContext(ToolbarContext);
|
|
34
|
+
const ref = useRef(null);
|
|
33
35
|
|
|
34
|
-
|
|
36
|
+
const show = () => {
|
|
35
37
|
if (ref.current) {
|
|
36
|
-
|
|
38
|
+
const toolbar = renderToolbar(_objectSpread(_objectSpread({
|
|
37
39
|
onCloseToolbar: toolbarContext.hide
|
|
38
40
|
}, extraParams), {}, {
|
|
39
41
|
size: rowSize
|
|
@@ -45,11 +47,11 @@ var ToolbarDisclosure = function ToolbarDisclosure(props) {
|
|
|
45
47
|
}
|
|
46
48
|
};
|
|
47
49
|
|
|
48
|
-
|
|
50
|
+
const hide = e => {
|
|
49
51
|
toolbarContext.hide(e);
|
|
50
52
|
};
|
|
51
53
|
|
|
52
|
-
return /*#__PURE__*/
|
|
54
|
+
return /*#__PURE__*/jsx(Button, _objectSpread(_objectSpread({}, rest), {}, {
|
|
53
55
|
buttonType: "text",
|
|
54
56
|
className: "toolbar-trigger",
|
|
55
57
|
icon: icon,
|
|
@@ -61,43 +63,47 @@ var ToolbarDisclosure = function ToolbarDisclosure(props) {
|
|
|
61
63
|
}));
|
|
62
64
|
};
|
|
63
65
|
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
onShowToolbar
|
|
68
|
-
onCloseToolbar
|
|
69
|
-
renderToolbar
|
|
70
|
-
rowSize
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
66
|
+
const TriggerFormatter = (value, extraParams, instance) => {
|
|
67
|
+
const {
|
|
68
|
+
props: {
|
|
69
|
+
onShowToolbar,
|
|
70
|
+
onCloseToolbar,
|
|
71
|
+
renderToolbar,
|
|
72
|
+
rowSize
|
|
73
|
+
}
|
|
74
|
+
} = instance.getInstance();
|
|
75
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
76
|
+
children: [value, /*#__PURE__*/_jsx(ToolbarDisclosure, {
|
|
77
|
+
isItemFocused: extraParams.isItemFocused,
|
|
78
|
+
onClose: onCloseToolbar,
|
|
79
|
+
onShow: onShowToolbar,
|
|
80
|
+
renderToolbar: renderToolbar,
|
|
81
|
+
rowSize: rowSize
|
|
82
|
+
})]
|
|
83
|
+
});
|
|
79
84
|
};
|
|
80
85
|
|
|
81
|
-
|
|
86
|
+
const TreeToolbarPlugin = createInstancePlugin('tree-toolbar', {
|
|
82
87
|
itemRenderer: TriggerFormatter,
|
|
83
|
-
renderers: function renderers(_renderers) {
|
|
84
|
-
var List = useMemo(function () {
|
|
85
|
-
var Component = _renderers.list; // eslint-disable-next-line react/display-name
|
|
86
88
|
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
89
|
+
renderers(renderers) {
|
|
90
|
+
const List = useMemo(() => {
|
|
91
|
+
const Component = renderers.list; // eslint-disable-next-line react/display-name
|
|
92
|
+
|
|
93
|
+
return props => {
|
|
94
|
+
const focusContext = useContext(FocusGroupContext);
|
|
95
|
+
return /*#__PURE__*/_jsx(ToolbarProvider, {
|
|
96
|
+
onHide: (state, e) => {
|
|
91
97
|
if (e && e.type === 'keydown' && focusContext) focusContext.focus();
|
|
92
98
|
}
|
|
93
|
-
}, /*#__PURE__*/
|
|
99
|
+
}, void 0, /*#__PURE__*/jsx(Component, _objectSpread({}, props)));
|
|
94
100
|
};
|
|
95
101
|
}, []);
|
|
96
|
-
return _objectSpread(_objectSpread({},
|
|
102
|
+
return _objectSpread(_objectSpread({}, renderers), {}, {
|
|
97
103
|
list: List
|
|
98
104
|
});
|
|
99
105
|
}
|
|
106
|
+
|
|
100
107
|
});
|
|
101
108
|
|
|
102
109
|
export { TreeToolbarPlugin };
|
|
103
|
-
//# sourceMappingURL=TreeToolbarPlugin.js.map
|
|
@@ -1,12 +1 @@
|
|
|
1
1
|
export { TreeToolbarPlugin } from './TreeToolbarPlugin.js';
|
|
2
|
-
import '@babel/runtime/helpers/esm/extends';
|
|
3
|
-
import '@babel/runtime/helpers/esm/defineProperty';
|
|
4
|
-
import '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
5
|
-
import 'react';
|
|
6
|
-
import '@elliemae/ds-icons/MoreOptionsVert';
|
|
7
|
-
import '@elliemae/ds-basic/Button';
|
|
8
|
-
import '@elliemae/ds-utilities/utils';
|
|
9
|
-
import '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
|
|
10
|
-
import '@elliemae/ds-shared/toolbar/ToolbarProvider';
|
|
11
|
-
import '@elliemae/ds-shared/FocusGroup/FocusGroupContext';
|
|
12
|
-
//# sourceMappingURL=index.js.map
|