@elliemae/ds-treeview 2.3.1 → 3.0.0-alpha.3

package/package.json

@@ -1,203 +1,206 @@
 {
   "name": "@elliemae/ds-treeview",
-  "version": "2.3.1",
+  "version": "3.0.0-alpha.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Tree View",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./utils/useTree": {
-      "import": "./esm/utils/useTree.js",
-      "require": "./cjs/utils/useTree.js"
+      "import": "./dist/esm/utils/useTree.js",
+      "require": "./dist/cjs/utils/useTree.js"
     },
     "./utils/useInstanceRefActions": {
-      "import": "./esm/utils/useInstanceRefActions.js",
-      "require": "./cjs/utils/useInstanceRefActions.js"
+      "import": "./dist/esm/utils/useInstanceRefActions.js",
+      "require": "./dist/cjs/utils/useInstanceRefActions.js"
     },
     "./utils/tree-helpers": {
-      "import": "./esm/utils/tree-helpers.js",
-      "require": "./cjs/utils/tree-helpers.js"
+      "import": "./dist/esm/utils/tree-helpers.js",
+      "require": "./dist/cjs/utils/tree-helpers.js"
     },
     "./utils/string-helpers": {
-      "import": "./esm/utils/string-helpers.js",
-      "require": "./cjs/utils/string-helpers.js"
+      "import": "./dist/esm/utils/string-helpers.js",
+      "require": "./dist/cjs/utils/string-helpers.js"
     },
     "./utils/selectable-helper": {
-      "import": "./esm/utils/selectable-helper.js",
-      "require": "./cjs/utils/selectable-helper.js"
+      "import": "./dist/esm/utils/selectable-helper.js",
+      "require": "./dist/cjs/utils/selectable-helper.js"
     },
     "./utils/refs-helpers": {
-      "import": "./esm/utils/refs-helpers.js",
-      "require": "./cjs/utils/refs-helpers.js"
+      "import": "./dist/esm/utils/refs-helpers.js",
+      "require": "./dist/cjs/utils/refs-helpers.js"
     },
     "./utils/object-helpers": {
-      "import": "./esm/utils/object-helpers.js",
-      "require": "./cjs/utils/object-helpers.js"
+      "import": "./dist/esm/utils/object-helpers.js",
+      "require": "./dist/cjs/utils/object-helpers.js"
     },
     "./utils/keyboard-helpers": {
-      "import": "./esm/utils/keyboard-helpers.js",
-      "require": "./cjs/utils/keyboard-helpers.js"
+      "import": "./dist/esm/utils/keyboard-helpers.js",
+      "require": "./dist/cjs/utils/keyboard-helpers.js"
     },
     "./utils/group-expands-helpers": {
-      "import": "./esm/utils/group-expands-helpers.js",
-      "require": "./cjs/utils/group-expands-helpers.js"
+      "import": "./dist/esm/utils/group-expands-helpers.js",
+      "require": "./dist/cjs/utils/group-expands-helpers.js"
     },
     "./utils/array-helpers": {
-      "import": "./esm/utils/array-helpers.js",
-      "require": "./cjs/utils/array-helpers.js"
+      "import": "./dist/esm/utils/array-helpers.js",
+      "require": "./dist/cjs/utils/array-helpers.js"
     },
     "./TreeViewContext": {
-      "import": "./esm/TreeViewContext.js",
-      "require": "./cjs/TreeViewContext.js"
+      "import": "./dist/esm/TreeViewContext.js",
+      "require": "./dist/cjs/TreeViewContext.js"
     },
     "./TreeView": {
-      "import": "./esm/TreeView.js",
-      "require": "./cjs/TreeView.js"
+      "import": "./dist/esm/TreeView.js",
+      "require": "./dist/cjs/TreeView.js"
     },
     "./sharedTypes": {
-      "import": "./esm/sharedTypes.js",
-      "require": "./cjs/sharedTypes.js"
+      "import": "./dist/esm/sharedTypes.js",
+      "require": "./dist/cjs/sharedTypes.js"
     },
     "./related-components/TreeViewSearchBar": {
-      "import": "./esm/related-components/TreeViewSearchBar.js",
-      "require": "./cjs/related-components/TreeViewSearchBar.js"
+      "import": "./dist/esm/related-components/TreeViewSearchBar.js",
+      "require": "./dist/cjs/related-components/TreeViewSearchBar.js"
     },
     "./react-desc-prop-types": {
-      "import": "./esm/react-desc-prop-types.js",
-      "require": "./cjs/react-desc-prop-types.js"
+      "import": "./dist/esm/react-desc-prop-types.js",
+      "require": "./dist/cjs/react-desc-prop-types.js"
     },
     "./plugins/virtualization/TreeVirtualizationPlugin": {
-      "import": "./esm/plugins/virtualization/TreeVirtualizationPlugin.js",
-      "require": "./cjs/plugins/virtualization/TreeVirtualizationPlugin.js"
+      "import": "./dist/esm/plugins/virtualization/TreeVirtualizationPlugin.js",
+      "require": "./dist/cjs/plugins/virtualization/TreeVirtualizationPlugin.js"
     },
     "./plugins/virtualization": {
-      "import": "./esm/plugins/virtualization/index.js",
-      "require": "./cjs/plugins/virtualization/index.js"
+      "import": "./dist/esm/plugins/virtualization/index.js",
+      "require": "./dist/cjs/plugins/virtualization/index.js"
     },
     "./plugins/tree/TreeDataPlugin": {
-      "import": "./esm/plugins/tree/TreeDataPlugin.js",
-      "require": "./cjs/plugins/tree/TreeDataPlugin.js"
+      "import": "./dist/esm/plugins/tree/TreeDataPlugin.js",
+      "require": "./dist/cjs/plugins/tree/TreeDataPlugin.js"
     },
     "./plugins/tree": {
-      "import": "./esm/plugins/tree/index.js",
-      "require": "./cjs/plugins/tree/index.js"
+      "import": "./dist/esm/plugins/tree/index.js",
+      "require": "./dist/cjs/plugins/tree/index.js"
     },
     "./plugins/toolbar/TreeToolbarPlugin": {
-      "import": "./esm/plugins/toolbar/TreeToolbarPlugin.js",
-      "require": "./cjs/plugins/toolbar/TreeToolbarPlugin.js"
+      "import": "./dist/esm/plugins/toolbar/TreeToolbarPlugin.js",
+      "require": "./dist/cjs/plugins/toolbar/TreeToolbarPlugin.js"
     },
     "./plugins/toolbar": {
-      "import": "./esm/plugins/toolbar/index.js",
-      "require": "./cjs/plugins/toolbar/index.js"
+      "import": "./dist/esm/plugins/toolbar/index.js",
+      "require": "./dist/cjs/plugins/toolbar/index.js"
     },
     "./plugins/selectable/SelectablePluginTree": {
-      "import": "./esm/plugins/selectable/SelectablePluginTree.js",
-      "require": "./cjs/plugins/selectable/SelectablePluginTree.js"
+      "import": "./dist/esm/plugins/selectable/SelectablePluginTree.js",
+      "require": "./dist/cjs/plugins/selectable/SelectablePluginTree.js"
     },
     "./plugins/selectable": {
-      "import": "./esm/plugins/selectable/index.js",
-      "require": "./cjs/plugins/selectable/index.js"
+      "import": "./dist/esm/plugins/selectable/index.js",
+      "require": "./dist/cjs/plugins/selectable/index.js"
     },
     "./plugins/searchable/SearchableTreePlugin": {
-      "import": "./esm/plugins/searchable/SearchableTreePlugin.js",
-      "require": "./cjs/plugins/searchable/SearchableTreePlugin.js"
+      "import": "./dist/esm/plugins/searchable/SearchableTreePlugin.js",
+      "require": "./dist/cjs/plugins/searchable/SearchableTreePlugin.js"
     },
     "./plugins/searchable": {
-      "import": "./esm/plugins/searchable/index.js",
-      "require": "./cjs/plugins/searchable/index.js"
+      "import": "./dist/esm/plugins/searchable/index.js",
+      "require": "./dist/cjs/plugins/searchable/index.js"
     },
     "./plugins/roving/TreeRovingPlugin": {
-      "import": "./esm/plugins/roving/TreeRovingPlugin.js",
-      "require": "./cjs/plugins/roving/TreeRovingPlugin.js"
+      "import": "./dist/esm/plugins/roving/TreeRovingPlugin.js",
+      "require": "./dist/cjs/plugins/roving/TreeRovingPlugin.js"
     },
     "./plugins/roving": {
-      "import": "./esm/plugins/roving/index.js",
-      "require": "./cjs/plugins/roving/index.js"
+      "import": "./dist/esm/plugins/roving/index.js",
+      "require": "./dist/cjs/plugins/roving/index.js"
     },
     "./plugins": {
-      "import": "./esm/plugins/index.js",
-      "require": "./cjs/plugins/index.js"
+      "import": "./dist/esm/plugins/index.js",
+      "require": "./dist/cjs/plugins/index.js"
     },
     "./plugins/dnd/TreeDndPlugin": {
-      "import": "./esm/plugins/dnd/TreeDndPlugin.js",
-      "require": "./cjs/plugins/dnd/TreeDndPlugin.js"
+      "import": "./dist/esm/plugins/dnd/TreeDndPlugin.js",
+      "require": "./dist/cjs/plugins/dnd/TreeDndPlugin.js"
     },
     "./plugins/dnd": {
-      "import": "./esm/plugins/dnd/index.js",
-      "require": "./cjs/plugins/dnd/index.js"
+      "import": "./dist/esm/plugins/dnd/index.js",
+      "require": "./dist/cjs/plugins/dnd/index.js"
     },
     "./parts/TreeList": {
-      "import": "./esm/parts/TreeList.js",
-      "require": "./cjs/parts/TreeList.js"
+      "import": "./dist/esm/parts/TreeList.js",
+      "require": "./dist/cjs/parts/TreeList.js"
     },
     "./parts/TreeItemText": {
-      "import": "./esm/parts/TreeItemText.js",
-      "require": "./cjs/parts/TreeItemText.js"
+      "import": "./dist/esm/parts/TreeItemText.js",
+      "require": "./dist/cjs/parts/TreeItemText.js"
     },
     "./parts/TreeItem": {
-      "import": "./esm/parts/TreeItem.js",
-      "require": "./cjs/parts/TreeItem.js"
+      "import": "./dist/esm/parts/TreeItem.js",
+      "require": "./dist/cjs/parts/TreeItem.js"
     },
     "./parts/RadioSelectable": {
-      "import": "./esm/parts/RadioSelectable.js",
-      "require": "./cjs/parts/RadioSelectable.js"
+      "import": "./dist/esm/parts/RadioSelectable.js",
+      "require": "./dist/cjs/parts/RadioSelectable.js"
     },
     "./parts/NestingSpace": {
-      "import": "./esm/parts/NestingSpace.js",
-      "require": "./cjs/parts/NestingSpace.js"
+      "import": "./dist/esm/parts/NestingSpace.js",
+      "require": "./dist/cjs/parts/NestingSpace.js"
     },
     "./parts/Icon": {
-      "import": "./esm/parts/Icon.js",
-      "require": "./cjs/parts/Icon.js"
+      "import": "./dist/esm/parts/Icon.js",
+      "require": "./dist/cjs/parts/Icon.js"
     },
     "./parts/ExpandCaret": {
-      "import": "./esm/parts/ExpandCaret.js",
-      "require": "./cjs/parts/ExpandCaret.js"
+      "import": "./dist/esm/parts/ExpandCaret.js",
+      "require": "./dist/cjs/parts/ExpandCaret.js"
     },
     "./parts/DropIndicator": {
-      "import": "./esm/parts/DropIndicator.js",
-      "require": "./cjs/parts/DropIndicator.js"
+      "import": "./dist/esm/parts/DropIndicator.js",
+      "require": "./dist/cjs/parts/DropIndicator.js"
     },
     "./parts/DnDHandle": {
-      "import": "./esm/parts/DnDHandle.js",
-      "require": "./cjs/parts/DnDHandle.js"
+      "import": "./dist/esm/parts/DnDHandle.js",
+      "require": "./dist/cjs/parts/DnDHandle.js"
     },
     "./parts/ChildrenCountDisplayer": {
-      "import": "./esm/parts/ChildrenCountDisplayer.js",
-      "require": "./cjs/parts/ChildrenCountDisplayer.js"
+      "import": "./dist/esm/parts/ChildrenCountDisplayer.js",
+      "require": "./dist/cjs/parts/ChildrenCountDisplayer.js"
     },
     "./parts/CheckboxSelectable": {
-      "import": "./esm/parts/CheckboxSelectable.js",
-      "require": "./cjs/parts/CheckboxSelectable.js"
+      "import": "./dist/esm/parts/CheckboxSelectable.js",
+      "require": "./dist/cjs/parts/CheckboxSelectable.js"
     },
     "./hoc/WithDnDSortableItemContext": {
-      "import": "./esm/hoc/WithDnDSortableItemContext.js",
-      "require": "./cjs/hoc/WithDnDSortableItemContext.js"
+      "import": "./dist/esm/hoc/WithDnDSortableItemContext.js",
+      "require": "./dist/cjs/hoc/WithDnDSortableItemContext.js"
     },
     "./hoc/WithConditionalDnDContext": {
-      "import": "./esm/hoc/WithConditionalDnDContext.js",
-      "require": "./cjs/hoc/WithConditionalDnDContext.js"
+      "import": "./dist/esm/hoc/WithConditionalDnDContext.js",
+      "require": "./dist/cjs/hoc/WithConditionalDnDContext.js"
     },
     "./hoc/SortableItemContext": {
-      "import": "./esm/hoc/SortableItemContext.js",
-      "require": "./cjs/hoc/SortableItemContext.js"
+      "import": "./dist/esm/hoc/SortableItemContext.js",
+      "require": "./dist/cjs/hoc/SortableItemContext.js"
     },
     "./hoc/DnDTreeContext": {
-      "import": "./esm/hoc/DnDTreeContext.js",
-      "require": "./cjs/hoc/DnDTreeContext.js"
+      "import": "./dist/esm/hoc/DnDTreeContext.js",
+      "require": "./dist/cjs/hoc/DnDTreeContext.js"
     },
     "./config/useTreeview": {
-      "import": "./esm/config/useTreeview.js",
-      "require": "./cjs/config/useTreeview.js"
+      "import": "./dist/esm/config/useTreeview.js",
+      "require": "./dist/cjs/config/useTreeview.js"
     },
     "./config/cssClassesConstants": {
-      "import": "./esm/config/cssClassesConstants.js",
-      "require": "./cjs/config/cssClassesConstants.js"
+      "import": "./dist/esm/config/cssClassesConstants.js",
+      "require": "./dist/cjs/config/cssClassesConstants.js"
     }
   },
   "sideEffects": [
@@ -209,42 +212,40 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "test:e2e": "../../../node_modules/pui-e2e-test-sdk/node_modules/.bin/wdio run ../../../wdio.conf.js",
-    "test:reports": "../../../node_modules/pui-e2e-test-sdk/node_modules/.bin/allure open",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "build": "node ../../scripts/build/build.js"
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
   },
   "dependencies": {
-    "@dnd-kit/core": "~4.0.1",
-    "@dnd-kit/sortable": "~5.0.0",
-    "@elliemae/ds-button": "2.3.1",
-    "@elliemae/ds-circular-progress-indicator": "2.3.1",
-    "@elliemae/ds-classnames": "2.3.1",
-    "@elliemae/ds-drag-and-drop": "2.3.1",
-    "@elliemae/ds-form": "2.3.1",
-    "@elliemae/ds-icons": "2.3.1",
-    "@elliemae/ds-props-helpers": "2.3.1",
-    "@elliemae/ds-truncated-tooltip-text": "2.3.1",
-    "@elliemae/ds-utilities": "2.3.1",
+    "@elliemae/ds-button": "3.0.0-alpha.3",
+    "@elliemae/ds-circular-progress-indicator": "3.0.0-alpha.3",
+    "@elliemae/ds-classnames": "3.0.0-alpha.3",
+    "@elliemae/ds-drag-and-drop": "3.0.0-alpha.3",
+    "@elliemae/ds-form": "3.0.0-alpha.3",
+    "@elliemae/ds-icons": "3.0.0-alpha.3",
+    "@elliemae/ds-props-helpers": "3.0.0-alpha.3",
+    "@elliemae/ds-shared": "3.0.0-alpha.3",
+    "@elliemae/ds-truncated-tooltip-text": "3.0.0-alpha.3",
+    "@elliemae/ds-utilities": "3.0.0-alpha.3",
+    "@elliemae/react-sortable-hoc": "^1.0.0",
     "react-desc": "~4.1.3",
     "react-highlight-words": "~0.17.0",
-    "react-virtual": "~2.8.2",
+    "react-virtual": "~2.3.2",
     "tree-model": "~1.0.7",
     "uuid": "~8.3.2"
   },
   "devDependencies": {
+    "@testing-library/react": "~12.1.2",
     "styled-components": "~5.3.3"
   },
   "peerDependencies": {
@@ -252,5 +253,14 @@
     "react": "~17.0.2",
     "react-dom": "^17.0.2",
     "styled-components": "^5.3.3"
+  },
+  "scripts": {
+    "test:e2e": "../../../node_modules/pui-e2e-test-sdk/node_modules/.bin/wdio run ../../../wdio.conf.js",
+    "test:reports": "../../../node_modules/pui-e2e-test-sdk/node_modules/.bin/allure open",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/cjs/TreeView.js

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var reactDesc = require('react-desc');
-var reactDescPropTypes = require('./react-desc-prop-types.js');
-var TreeViewContext = require('./TreeViewContext.js');
-var useTreeview = require('./config/useTreeview.js');
-var TreeList = require('./parts/TreeList.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _TreeList;
-function TreeView(props) {
-  const {
-    ctx
-  } = useTreeview.useTreeview(props);
-  return /*#__PURE__*/_jsx__default["default"](TreeViewContext["default"].Provider, {
-    value: ctx
-  }, void 0, _TreeList || (_TreeList = /*#__PURE__*/_jsx__default["default"](TreeList.TreeList, {})));
-}
-const TreeViewWithSchema = reactDesc.describe(TreeView);
-TreeViewWithSchema.propTypes = reactDescPropTypes.TreeViewPropTypes;
-
-exports.TreeView = TreeView;
-exports.TreeViewWithSchema = TreeViewWithSchema;

package/cjs/TreeViewContext.js

@@ -1,98 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-/* eslint-disable no-unused-vars */
-
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-function noop() {}
-
-const defaultProps = {
-  plugins: [],
-  selection: {},
-  instanceRef: /*#__PURE__*/React.createRef(),
-  isItemDisabled: () => false,
-  disableIcons: false,
-  fluid: false,
-  isMultiSelect: false,
-  isSingleSelect: false,
-  getIsDropValid: () => true,
-  restrictDragAndDrop: false,
-  showChildrenAmount: false,
-  sortable: false,
-  isLoading: false,
-  highlightOnlyQuery: false,
-  onItemClick: noop,
-  onItemFocus: noop,
-  onVisibleItemsChange: noop,
-  onOrderChange: noop,
-  onSelectionChange: noop,
-  onExpandChange: noop,
-  onInstanceRefInitialized: noop,
-  rowSize: 'normal',
-  labelOverflow: 'wrap',
-  noItemsPlaceholder: 'No items found',
-  nameKey: 'name',
-  width: '100%',
-  height: '100%',
-  groupIcon: null,
-  itemIcon: null,
-  searchQuery: '' // workaround on the typings over the fact that
-  // when we instantiate the context we can't have all the props
-  // we only have a part of them but the final typings will include missing props
-  // this is safe to do because
-  // we will "mergeWithDefaults" + "validatePropTypes" when we do instantiate the context
-
-};
-const defaultRelativeMouseCoord = {
-  isBefore: false,
-  isAfter: false,
-  isValid: true,
-  item: null,
-  x: null,
-  y: null,
-  relativeElementDOMRect: null,
-  relativeElementIndex: null
-};
-const defaultContext = {
-  props: defaultProps,
-  visibleItems: [],
-  flattenedItems: [],
-  withRadioChecks: false,
-  withCheckboxChecks: false,
-  withDragAndDrop: false,
-  triggerTreeRerender: noop,
-  tree: undefined,
-  treeRoot: undefined,
-  virtualListHelpers: {
-    virtualItems: [],
-    totalSize: 0,
-    scrollToOffset: noop,
-    scrollToIndex: noop
-  },
-  virtualListRef: undefined,
-  uniqueTreeViewUUID: '',
-  selectedItem: null,
-  setSelectedItem: noop,
-  focusedItem: null,
-  setFocusedItem: noop,
-  selectedCheckboxes: {},
-  setSelectedCheckboxes: noop,
-  expandedGroups: {},
-  setExpandedGroups: noop,
-  latestToggledItem: null,
-  setLatestToggledItem: noop,
-  hoverItem: null,
-  setHoverItem: noop,
-  handleExpandGroup: noop,
-  updateUserExpandedState: noop
-};
-/** Context for cross component communication */
-
-const TreeViewContext = /*#__PURE__*/React.createContext(defaultContext);
-
-exports["default"] = TreeViewContext;
-exports.defaultProps = defaultProps;
-exports.defaultRelativeMouseCoord = defaultRelativeMouseCoord;

package/cjs/config/cssClassesConstants.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const DSTreeViewPrefix = 'em-ds';
-const treeItemBlockName = 'tree-item';
-const treeListBlockName = 'tree-list';
-const treeListNoItemsBn = "".concat(treeListBlockName, "-no-items");
-
-exports.DSTreeViewPrefix = DSTreeViewPrefix;
-exports.treeItemBlockName = treeItemBlockName;
-exports.treeListBlockName = treeListBlockName;
-exports.treeListNoItemsBn = treeListNoItemsBn;