@elliemae/ds-shuttle 2.4.2-rc.9 → 2.4.3-rc.2

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.
@@ -1,6 +1,5 @@
1
1
  'use strict';
2
2
 
3
- require('core-js/modules/web.dom-collections.iterator.js');
4
3
  var react = require('react');
5
4
  var createContainer = require('constate');
6
5
 
package/cjs/DSShuttle.js CHANGED
@@ -3,7 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _jsx = require('@babel/runtime/helpers/jsx');
6
- require('core-js/modules/web.dom-collections.iterator.js');
7
6
  require('react');
8
7
  var lodash = require('lodash');
9
8
  var reactDesc = require('react-desc');
@@ -1,6 +1,5 @@
1
1
  'use strict';
2
2
 
3
- require('core-js/modules/web.dom-collections.iterator.js');
4
3
  var react = require('react');
5
4
  var createContainer = require('constate');
6
5
 
@@ -3,7 +3,6 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
6
- require('core-js/modules/web.dom-collections.iterator.js');
7
6
  require('core-js/modules/esnext.async-iterator.filter.js');
8
7
  require('core-js/modules/esnext.iterator.constructor.js');
9
8
  require('core-js/modules/esnext.iterator.filter.js');
@@ -63,7 +62,7 @@ function getItemDeep(_ref) {
63
62
  const itemIndex = collection.findIndex(fItem => fItem[idField] === id); // get item with nested children
64
63
 
65
64
  const item = collection[itemIndex];
66
- const children = item !== null && item !== void 0 && item.hasChildren ? dsUtilities.compose(utils.getChildren({
65
+ const children = item?.hasChildren ? dsUtilities.compose(utils.getChildren({
67
66
  index: itemIndex
68
67
  }))(collection) || [] : [];
69
68
  return {
@@ -100,12 +99,12 @@ function removeFromTarget(itemToRemove) {
100
99
  let targetItems = dsUtilities.cloneDeep(state.targetItems);
101
100
  const itemIndex = targetItems.findIndex(fItem => fItem.id === itemToRemove.id);
102
101
  const item = targetItems[itemIndex];
103
- const children = item !== null && item !== void 0 && item.hasChildren ? dsUtilities.compose(helper.filterMovedItems(state.movedItems), utils.getChildren({
102
+ const children = item?.hasChildren ? dsUtilities.compose(helper.filterMovedItems(state.movedItems), utils.getChildren({
104
103
  index: itemIndex
105
104
  }))(targetItems) || [] : [];
106
105
  targetItems.splice(itemIndex, 1);
107
106
 
108
- if (item !== null && item !== void 0 && item.hasChildren && children.length) {
107
+ if (item?.hasChildren && children.length) {
109
108
  const childrenHash = dsUtilities.hashArray(children, 'id');
110
109
  targetItems = targetItems.filter(i => !childrenHash[i.id]);
111
110
  }
@@ -9,7 +9,6 @@ require('core-js/modules/esnext.async-iterator.some.js');
9
9
  require('core-js/modules/esnext.iterator.some.js');
10
10
  require('core-js/modules/esnext.async-iterator.map.js');
11
11
  require('core-js/modules/esnext.iterator.map.js');
12
- require('core-js/modules/web.dom-collections.iterator.js');
13
12
  require('core-js/modules/esnext.async-iterator.find.js');
14
13
  require('core-js/modules/esnext.iterator.find.js');
15
14
  require('core-js/modules/esnext.async-iterator.for-each.js');
@@ -1,6 +1,5 @@
1
1
  'use strict';
2
2
 
3
- require('core-js/modules/web.dom-collections.iterator.js');
4
3
  require('core-js/modules/esnext.async-iterator.map.js');
5
4
  require('core-js/modules/esnext.iterator.map.js');
6
5
  var react = require('react');
@@ -15,7 +15,7 @@ const animationConfig = {
15
15
  transform: 'translate3d(0,0,0)'
16
16
  },
17
17
  to: {
18
- transform: "translate3d(".concat(xPosMovement, "px,0,0)")
18
+ transform: `translate3d(${xPosMovement}px,0,0)`
19
19
  }
20
20
  },
21
21
  slideLeft: {
@@ -23,7 +23,7 @@ const animationConfig = {
23
23
  transform: 'translate3d(0,0,0)'
24
24
  },
25
25
  to: {
26
- transform: "translate3d(".concat(-xPosMovement, "px,0,0)")
26
+ transform: `translate3d(${-xPosMovement}px,0,0)`
27
27
  }
28
28
  },
29
29
  moveItem: isMovingLeft => ({
@@ -32,14 +32,14 @@ const animationConfig = {
32
32
  },
33
33
  enter: {
34
34
  opacity: 1,
35
- transform: "translate3d(".concat(0, "px,0,0)")
35
+ transform: `translate3d(${0}px,0,0)`
36
36
  },
37
37
  from: {
38
38
  opacity: 1,
39
- transform: "translate3d(".concat(isMovingLeft ? -xPosMovement : xPosMovement, "px,0,0)")
39
+ transform: `translate3d(${isMovingLeft ? -xPosMovement : xPosMovement}px,0,0)`
40
40
  },
41
41
  leave: {
42
- transform: "translate3d(".concat(isMovingLeft ? -xPosMovement : xPosMovement, "px,0,0)")
42
+ transform: `translate3d(${isMovingLeft ? -xPosMovement : xPosMovement}px,0,0)`
43
43
  }
44
44
  }),
45
45
  moveList: isDrillingDown => ({
@@ -52,11 +52,11 @@ const animationConfig = {
52
52
  },
53
53
  from: {
54
54
  opacity: 0,
55
- transform: "translate3d(0px,".concat(isDrillingDown ? xPosMovement : -xPosMovement, "px,0)")
55
+ transform: `translate3d(0px,${isDrillingDown ? xPosMovement : -xPosMovement}px,0)`
56
56
  },
57
57
  leave: {
58
58
  opacity: 0,
59
- transform: "translate3d(0,".concat(isDrillingDown ? -xPosMovement : xPosMovement, "px,0)")
59
+ transform: `translate3d(0,${isDrillingDown ? -xPosMovement : xPosMovement}px,0)`
60
60
  }
61
61
  }),
62
62
  breadcrumb: () => ({
@@ -65,15 +65,15 @@ const animationConfig = {
65
65
  },
66
66
  enter: {
67
67
  opacity: 1,
68
- transform: "translate3d(".concat(0, "px,0,0)")
68
+ transform: `translate3d(${0}px,0,0)`
69
69
  },
70
70
  from: {
71
71
  opacity: 0,
72
- transform: "translate3d(".concat(xBreadcrumbPos, "px,0px,0)")
72
+ transform: `translate3d(${xBreadcrumbPos}px,0px,0)`
73
73
  },
74
74
  leave: {
75
75
  opacity: 0,
76
- transform: "translate3d(".concat(xBreadcrumbPos, "px,0,0)")
76
+ transform: `translate3d(${xBreadcrumbPos}px,0,0)`
77
77
  }
78
78
  })
79
79
  };
@@ -12,12 +12,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
12
  var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
13
13
 
14
14
  const blockName = 'shuttle';
15
- const headerBlockName = "".concat(blockName, "-header");
16
- const listBlockName = "".concat(blockName, "-list");
17
- const footerBlockName = "".concat(blockName, "-footer");
15
+ const headerBlockName = `${blockName}-header`;
16
+ const listBlockName = `${blockName}-list`;
17
+ const footerBlockName = `${blockName}-footer`;
18
18
  const ShuttleContainer = dsClassnames.aggregatedClasses('div')(blockName); // wrapper
19
19
 
20
- const ShuttleWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-wrapper")); // header
20
+ const ShuttleWrapper = dsClassnames.aggregatedClasses('div')(`${blockName}-wrapper`); // header
21
21
 
22
22
  const ShuttleHeader = dsClassnames.aggregatedClasses('div')(headerBlockName);
23
23
  const ShuttleHeaderBreadcrumb = dsClassnames.aggregatedClasses(ShuttleBreadcrumb)(headerBlockName, 'breadcrumb');
@@ -1,14 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
- var _jsx = require('@babel/runtime/helpers/jsx');
5
- var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
6
- require('core-js/modules/web.dom-collections.iterator.js');
7
3
  require('core-js/modules/esnext.async-iterator.filter.js');
8
4
  require('core-js/modules/esnext.iterator.constructor.js');
9
5
  require('core-js/modules/esnext.iterator.filter.js');
10
6
  require('core-js/modules/esnext.async-iterator.for-each.js');
11
7
  require('core-js/modules/esnext.iterator.for-each.js');
8
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
9
+ var _jsx = require('@babel/runtime/helpers/jsx');
10
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
12
11
  var react = require('react');
13
12
  var helper = require('../../helper.js');
14
13
  var ActionButtons = require('./ActionButtons.js');
@@ -65,7 +65,7 @@ function ShuttleSource(_ref) {
65
65
  onSortEnd = noop,
66
66
  sourceClearItemsText = 'CLEAR ALL',
67
67
  searchPlaceholder,
68
- renderSourceCounter = amount => "".concat(amount, " items"),
68
+ renderSourceCounter = amount => `${amount} items`,
69
69
  onGetMoreItems = () => {},
70
70
  moreItemsLoading = false,
71
71
  hasNextPage = false
@@ -48,7 +48,7 @@ function ShuttleTarget(_ref) {
48
48
  targetSortable = false,
49
49
  onSortEnd = noop,
50
50
  targetClearItemsText = 'CLEAR ALL',
51
- renderTargetCounter = amount => "".concat(amount, " items"),
51
+ renderTargetCounter = amount => `${amount} items`,
52
52
  loading = false
53
53
  } = _ref;
54
54
  const {
@@ -3,7 +3,6 @@
3
3
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
4
  require('core-js/modules/esnext.async-iterator.map.js');
5
5
  require('core-js/modules/esnext.iterator.map.js');
6
- require('core-js/modules/web.dom-collections.iterator.js');
7
6
  require('core-js/modules/esnext.async-iterator.find.js');
8
7
  require('core-js/modules/esnext.iterator.constructor.js');
9
8
  require('core-js/modules/esnext.iterator.find.js');
@@ -1,4 +1,3 @@
1
- import 'core-js/modules/web.dom-collections.iterator.js';
2
1
  import { useState, useCallback } from 'react';
3
2
  import createContainer from 'constate';
4
3
 
package/esm/DSShuttle.js CHANGED
@@ -1,5 +1,4 @@
1
1
  import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import 'core-js/modules/web.dom-collections.iterator.js';
3
2
  import 'react';
4
3
  import { debounce } from 'lodash';
5
4
  import { PropTypes, describe } from 'react-desc';
@@ -1,4 +1,3 @@
1
- import 'core-js/modules/web.dom-collections.iterator.js';
2
1
  import { useState } from 'react';
3
2
  import createContainer from 'constate';
4
3
 
@@ -1,7 +1,6 @@
1
1
  import 'core-js/modules/esnext.async-iterator.for-each.js';
2
2
  import 'core-js/modules/esnext.iterator.for-each.js';
3
3
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
4
- import 'core-js/modules/web.dom-collections.iterator.js';
5
4
  import 'core-js/modules/esnext.async-iterator.filter.js';
6
5
  import 'core-js/modules/esnext.iterator.constructor.js';
7
6
  import 'core-js/modules/esnext.iterator.filter.js';
@@ -55,7 +54,7 @@ function getItemDeep(_ref) {
55
54
  const itemIndex = collection.findIndex(fItem => fItem[idField] === id); // get item with nested children
56
55
 
57
56
  const item = collection[itemIndex];
58
- const children = item !== null && item !== void 0 && item.hasChildren ? compose(utils.getChildren({
57
+ const children = item?.hasChildren ? compose(utils.getChildren({
59
58
  index: itemIndex
60
59
  }))(collection) || [] : [];
61
60
  return {
@@ -92,12 +91,12 @@ function removeFromTarget(itemToRemove) {
92
91
  let targetItems = cloneDeep(state.targetItems);
93
92
  const itemIndex = targetItems.findIndex(fItem => fItem.id === itemToRemove.id);
94
93
  const item = targetItems[itemIndex];
95
- const children = item !== null && item !== void 0 && item.hasChildren ? compose(filterMovedItems(state.movedItems), utils.getChildren({
94
+ const children = item?.hasChildren ? compose(filterMovedItems(state.movedItems), utils.getChildren({
96
95
  index: itemIndex
97
96
  }))(targetItems) || [] : [];
98
97
  targetItems.splice(itemIndex, 1);
99
98
 
100
- if (item !== null && item !== void 0 && item.hasChildren && children.length) {
99
+ if (item?.hasChildren && children.length) {
101
100
  const childrenHash = hashArray(children, 'id');
102
101
  targetItems = targetItems.filter(i => !childrenHash[i.id]);
103
102
  }
@@ -7,7 +7,6 @@ import 'core-js/modules/esnext.async-iterator.some.js';
7
7
  import 'core-js/modules/esnext.iterator.some.js';
8
8
  import 'core-js/modules/esnext.async-iterator.map.js';
9
9
  import 'core-js/modules/esnext.iterator.map.js';
10
- import 'core-js/modules/web.dom-collections.iterator.js';
11
10
  import 'core-js/modules/esnext.async-iterator.find.js';
12
11
  import 'core-js/modules/esnext.iterator.find.js';
13
12
  import 'core-js/modules/esnext.async-iterator.for-each.js';
@@ -1,4 +1,3 @@
1
- import 'core-js/modules/web.dom-collections.iterator.js';
2
1
  import 'core-js/modules/esnext.async-iterator.map.js';
3
2
  import 'core-js/modules/esnext.iterator.map.js';
4
3
  import { useState } from 'react';
@@ -11,7 +11,7 @@ const animationConfig = {
11
11
  transform: 'translate3d(0,0,0)'
12
12
  },
13
13
  to: {
14
- transform: "translate3d(".concat(xPosMovement, "px,0,0)")
14
+ transform: `translate3d(${xPosMovement}px,0,0)`
15
15
  }
16
16
  },
17
17
  slideLeft: {
@@ -19,7 +19,7 @@ const animationConfig = {
19
19
  transform: 'translate3d(0,0,0)'
20
20
  },
21
21
  to: {
22
- transform: "translate3d(".concat(-xPosMovement, "px,0,0)")
22
+ transform: `translate3d(${-xPosMovement}px,0,0)`
23
23
  }
24
24
  },
25
25
  moveItem: isMovingLeft => ({
@@ -28,14 +28,14 @@ const animationConfig = {
28
28
  },
29
29
  enter: {
30
30
  opacity: 1,
31
- transform: "translate3d(".concat(0, "px,0,0)")
31
+ transform: `translate3d(${0}px,0,0)`
32
32
  },
33
33
  from: {
34
34
  opacity: 1,
35
- transform: "translate3d(".concat(isMovingLeft ? -xPosMovement : xPosMovement, "px,0,0)")
35
+ transform: `translate3d(${isMovingLeft ? -xPosMovement : xPosMovement}px,0,0)`
36
36
  },
37
37
  leave: {
38
- transform: "translate3d(".concat(isMovingLeft ? -xPosMovement : xPosMovement, "px,0,0)")
38
+ transform: `translate3d(${isMovingLeft ? -xPosMovement : xPosMovement}px,0,0)`
39
39
  }
40
40
  }),
41
41
  moveList: isDrillingDown => ({
@@ -48,11 +48,11 @@ const animationConfig = {
48
48
  },
49
49
  from: {
50
50
  opacity: 0,
51
- transform: "translate3d(0px,".concat(isDrillingDown ? xPosMovement : -xPosMovement, "px,0)")
51
+ transform: `translate3d(0px,${isDrillingDown ? xPosMovement : -xPosMovement}px,0)`
52
52
  },
53
53
  leave: {
54
54
  opacity: 0,
55
- transform: "translate3d(0,".concat(isDrillingDown ? -xPosMovement : xPosMovement, "px,0)")
55
+ transform: `translate3d(0,${isDrillingDown ? -xPosMovement : xPosMovement}px,0)`
56
56
  }
57
57
  }),
58
58
  breadcrumb: () => ({
@@ -61,15 +61,15 @@ const animationConfig = {
61
61
  },
62
62
  enter: {
63
63
  opacity: 1,
64
- transform: "translate3d(".concat(0, "px,0,0)")
64
+ transform: `translate3d(${0}px,0,0)`
65
65
  },
66
66
  from: {
67
67
  opacity: 0,
68
- transform: "translate3d(".concat(xBreadcrumbPos, "px,0px,0)")
68
+ transform: `translate3d(${xBreadcrumbPos}px,0px,0)`
69
69
  },
70
70
  leave: {
71
71
  opacity: 0,
72
- transform: "translate3d(".concat(xBreadcrumbPos, "px,0,0)")
72
+ transform: `translate3d(${xBreadcrumbPos}px,0,0)`
73
73
  }
74
74
  })
75
75
  };
@@ -4,12 +4,12 @@ import ShuttleBreadcrumb from './components/ShuttleBreadcrumb.js';
4
4
  import OverflowList from './components/OverflowList.js';
5
5
 
6
6
  const blockName = 'shuttle';
7
- const headerBlockName = "".concat(blockName, "-header");
8
- const listBlockName = "".concat(blockName, "-list");
9
- const footerBlockName = "".concat(blockName, "-footer");
7
+ const headerBlockName = `${blockName}-header`;
8
+ const listBlockName = `${blockName}-list`;
9
+ const footerBlockName = `${blockName}-footer`;
10
10
  const ShuttleContainer = aggregatedClasses('div')(blockName); // wrapper
11
11
 
12
- const ShuttleWrapper = aggregatedClasses('div')("".concat(blockName, "-wrapper")); // header
12
+ const ShuttleWrapper = aggregatedClasses('div')(`${blockName}-wrapper`); // header
13
13
 
14
14
  const ShuttleHeader = aggregatedClasses('div')(headerBlockName);
15
15
  const ShuttleHeaderBreadcrumb = aggregatedClasses(ShuttleBreadcrumb)(headerBlockName, 'breadcrumb');
@@ -1,12 +1,11 @@
1
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
2
- import _jsx from '@babel/runtime/helpers/esm/jsx';
3
- import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
4
- import 'core-js/modules/web.dom-collections.iterator.js';
5
1
  import 'core-js/modules/esnext.async-iterator.filter.js';
6
2
  import 'core-js/modules/esnext.iterator.constructor.js';
7
3
  import 'core-js/modules/esnext.iterator.filter.js';
8
4
  import 'core-js/modules/esnext.async-iterator.for-each.js';
9
5
  import 'core-js/modules/esnext.iterator.for-each.js';
6
+ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
7
+ import _jsx from '@babel/runtime/helpers/esm/jsx';
8
+ import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
10
9
  import { useState, useCallback, useEffect } from 'react';
11
10
  import { isMovable } from '../../helper.js';
12
11
  import { DrillDownButton, MoveButton } from './ActionButtons.js';
@@ -56,7 +56,7 @@ function ShuttleSource(_ref) {
56
56
  onSortEnd = noop,
57
57
  sourceClearItemsText = 'CLEAR ALL',
58
58
  searchPlaceholder,
59
- renderSourceCounter = amount => "".concat(amount, " items"),
59
+ renderSourceCounter = amount => `${amount} items`,
60
60
  onGetMoreItems = () => {},
61
61
  moreItemsLoading = false,
62
62
  hasNextPage = false
@@ -39,7 +39,7 @@ function ShuttleTarget(_ref) {
39
39
  targetSortable = false,
40
40
  onSortEnd = noop,
41
41
  targetClearItemsText = 'CLEAR ALL',
42
- renderTargetCounter = amount => "".concat(amount, " items"),
42
+ renderTargetCounter = amount => `${amount} items`,
43
43
  loading = false
44
44
  } = _ref;
45
45
  const {
@@ -5,7 +5,6 @@ import 'core-js/modules/esnext.iterator.for-each.js';
5
5
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
6
6
  import 'core-js/modules/esnext.async-iterator.map.js';
7
7
  import 'core-js/modules/esnext.iterator.map.js';
8
- import 'core-js/modules/web.dom-collections.iterator.js';
9
8
  import 'core-js/modules/esnext.async-iterator.find.js';
10
9
  import 'core-js/modules/esnext.iterator.constructor.js';
11
10
  import 'core-js/modules/esnext.iterator.find.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-shuttle",
3
- "version": "2.4.2-rc.9",
3
+ "version": "2.4.3-rc.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Shuttle",
6
6
  "module": "./esm/index.js",
@@ -152,16 +152,16 @@
152
152
  "build": "node ../../scripts/build/build.js"
153
153
  },
154
154
  "dependencies": {
155
- "@elliemae/ds-basic": "2.4.2-rc.9",
156
- "@elliemae/ds-button": "2.4.2-rc.9",
157
- "@elliemae/ds-circular-progress-indicator": "2.4.2-rc.9",
158
- "@elliemae/ds-classnames": "2.4.2-rc.9",
159
- "@elliemae/ds-form": "2.4.2-rc.9",
160
- "@elliemae/ds-icons": "2.4.2-rc.9",
161
- "@elliemae/ds-indeterminate-progress-indicator": "2.4.2-rc.9",
162
- "@elliemae/ds-system": "2.4.2-rc.9",
163
- "@elliemae/ds-truncated-tooltip-text": "2.4.2-rc.9",
164
- "@elliemae/ds-utilities": "2.4.2-rc.9",
155
+ "@elliemae/ds-basic": "2.4.3-rc.2",
156
+ "@elliemae/ds-button": "2.4.3-rc.2",
157
+ "@elliemae/ds-circular-progress-indicator": "2.4.3-rc.2",
158
+ "@elliemae/ds-classnames": "2.4.3-rc.2",
159
+ "@elliemae/ds-form": "2.4.3-rc.2",
160
+ "@elliemae/ds-icons": "2.4.3-rc.2",
161
+ "@elliemae/ds-indeterminate-progress-indicator": "2.4.3-rc.2",
162
+ "@elliemae/ds-system": "2.4.3-rc.2",
163
+ "@elliemae/ds-truncated-tooltip-text": "2.4.3-rc.2",
164
+ "@elliemae/ds-utilities": "2.4.3-rc.2",
165
165
  "constate": "~1.3.2",
166
166
  "prop-types": "~15.7.2",
167
167
  "react-desc": "~4.1.3",