@elliemae/ds-shuttle 2.0.0-alpha.9 → 2.0.0-next.4
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/AnimationState.js +1 -0
- package/cjs/DSShuttle.js +1 -0
- package/cjs/SearchState.js +1 -0
- package/cjs/Shuttle.actions.js +1 -0
- package/cjs/ShuttleImpl.js +1 -0
- package/cjs/ShuttleState.js +1 -0
- package/cjs/animation/animationConfig.js +10 -10
- package/cjs/classedComponents.js +4 -4
- package/cjs/components/ShuttleListItem/ShuttleSourceListItem.js +1 -0
- package/cjs/components/ShuttleSource.js +1 -1
- package/cjs/components/ShuttleTarget.js +1 -1
- package/cjs/updateShuttleStateFromProps.js +1 -0
- package/esm/AnimationState.js +1 -0
- package/esm/DSShuttle.js +1 -0
- package/esm/SearchState.js +1 -0
- package/esm/Shuttle.actions.js +1 -0
- package/esm/ShuttleImpl.js +1 -0
- package/esm/ShuttleState.js +1 -0
- package/esm/animation/animationConfig.js +10 -10
- package/esm/classedComponents.js +4 -4
- package/esm/components/ShuttleListItem/ShuttleSourceListItem.js +1 -0
- package/esm/components/ShuttleSource.js +1 -1
- package/esm/components/ShuttleTarget.js +1 -1
- package/esm/updateShuttleStateFromProps.js +1 -0
- package/package.json +4 -4
- package/cjs/package.json +0 -7
- package/esm/package.json +0 -7
package/cjs/AnimationState.js
CHANGED
package/cjs/DSShuttle.js
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
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');
|
|
6
7
|
require('react');
|
|
7
8
|
var lodash = require('lodash');
|
|
8
9
|
var reactDesc = require('react-desc');
|
package/cjs/SearchState.js
CHANGED
package/cjs/Shuttle.actions.js
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
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');
|
|
6
7
|
var utils = require('@elliemae/ds-utilities/utils');
|
|
7
8
|
var helper = require('./helper.js');
|
|
8
9
|
var utils$1 = require('./utils.js');
|
package/cjs/ShuttleImpl.js
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
4
4
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
5
6
|
var react = require('react');
|
|
6
7
|
var utils = require('@elliemae/ds-utilities/utils');
|
|
7
8
|
var withProviders = require('./withProviders.js');
|
package/cjs/ShuttleState.js
CHANGED
|
@@ -15,7 +15,7 @@ const animationConfig = {
|
|
|
15
15
|
transform: 'translate3d(0,0,0)'
|
|
16
16
|
},
|
|
17
17
|
to: {
|
|
18
|
-
transform:
|
|
18
|
+
transform: "translate3d(".concat(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:
|
|
26
|
+
transform: "translate3d(".concat(-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:
|
|
35
|
+
transform: "translate3d(".concat(0, "px,0,0)")
|
|
36
36
|
},
|
|
37
37
|
from: {
|
|
38
38
|
opacity: 1,
|
|
39
|
-
transform:
|
|
39
|
+
transform: "translate3d(".concat(isMovingLeft ? -xPosMovement : xPosMovement, "px,0,0)")
|
|
40
40
|
},
|
|
41
41
|
leave: {
|
|
42
|
-
transform:
|
|
42
|
+
transform: "translate3d(".concat(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:
|
|
55
|
+
transform: "translate3d(0px,".concat(isDrillingDown ? xPosMovement : -xPosMovement, "px,0)")
|
|
56
56
|
},
|
|
57
57
|
leave: {
|
|
58
58
|
opacity: 0,
|
|
59
|
-
transform:
|
|
59
|
+
transform: "translate3d(0,".concat(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:
|
|
68
|
+
transform: "translate3d(".concat(0, "px,0,0)")
|
|
69
69
|
},
|
|
70
70
|
from: {
|
|
71
71
|
opacity: 0,
|
|
72
|
-
transform:
|
|
72
|
+
transform: "translate3d(".concat(xBreadcrumbPos, "px,0px,0)")
|
|
73
73
|
},
|
|
74
74
|
leave: {
|
|
75
75
|
opacity: 0,
|
|
76
|
-
transform:
|
|
76
|
+
transform: "translate3d(".concat(xBreadcrumbPos, "px,0,0)")
|
|
77
77
|
}
|
|
78
78
|
})
|
|
79
79
|
};
|
package/cjs/classedComponents.js
CHANGED
|
@@ -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 =
|
|
16
|
-
const listBlockName =
|
|
17
|
-
const footerBlockName =
|
|
15
|
+
const headerBlockName = "".concat(blockName, "-header");
|
|
16
|
+
const listBlockName = "".concat(blockName, "-list");
|
|
17
|
+
const footerBlockName = "".concat(blockName, "-footer");
|
|
18
18
|
const ShuttleContainer = dsClassnames.aggregatedClasses('div')(blockName); // wrapper
|
|
19
19
|
|
|
20
|
-
const ShuttleWrapper = dsClassnames.aggregatedClasses('div')(
|
|
20
|
+
const ShuttleWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-wrapper")); // header
|
|
21
21
|
|
|
22
22
|
const ShuttleHeader = dsClassnames.aggregatedClasses('div')(headerBlockName);
|
|
23
23
|
const ShuttleHeaderBreadcrumb = dsClassnames.aggregatedClasses(ShuttleBreadcrumb)(headerBlockName, 'breadcrumb');
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
4
|
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
5
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
6
7
|
var react = require('react');
|
|
7
8
|
var helper = require('../../helper.js');
|
|
8
9
|
var ActionButtons = require('./ActionButtons.js');
|
|
@@ -60,7 +60,7 @@ function ShuttleSource({
|
|
|
60
60
|
onSortEnd = noop,
|
|
61
61
|
sourceClearItemsText = 'CLEAR ALL',
|
|
62
62
|
searchPlaceholder,
|
|
63
|
-
renderSourceCounter = amount =>
|
|
63
|
+
renderSourceCounter = amount => "".concat(amount, " items"),
|
|
64
64
|
onGetMoreItems = () => {},
|
|
65
65
|
moreItemsLoading = false,
|
|
66
66
|
hasNextPage = false
|
|
@@ -42,7 +42,7 @@ function ShuttleTarget({
|
|
|
42
42
|
targetSortable = false,
|
|
43
43
|
onSortEnd = noop,
|
|
44
44
|
targetClearItemsText = 'CLEAR ALL',
|
|
45
|
-
renderTargetCounter = amount =>
|
|
45
|
+
renderTargetCounter = amount => "".concat(amount, " items"),
|
|
46
46
|
loading = false
|
|
47
47
|
}) {
|
|
48
48
|
const {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
+
require('core-js/modules/web.dom-collections.iterator.js');
|
|
4
5
|
var utils = require('@elliemae/ds-utilities/utils');
|
|
5
6
|
var helper = require('./helper.js');
|
|
6
7
|
var Shuttle_actions = require('./Shuttle.actions.js');
|
package/esm/AnimationState.js
CHANGED
package/esm/DSShuttle.js
CHANGED
package/esm/SearchState.js
CHANGED
package/esm/Shuttle.actions.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
|
+
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
3
|
import { addOrRemove, cloneDeep, compose, hashArray } from '@elliemae/ds-utilities/utils';
|
|
3
4
|
import { toggleInObject, filterMovedItems, getHierarchyTypeName } from './helper.js';
|
|
4
5
|
import utils from './utils.js';
|
package/esm/ShuttleImpl.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
2
2
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
3
|
+
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
3
4
|
import { Component } from 'react';
|
|
4
5
|
import { arrayMove, compose } from '@elliemae/ds-utilities/utils';
|
|
5
6
|
import withProviders from './withProviders.js';
|
package/esm/ShuttleState.js
CHANGED
|
@@ -11,7 +11,7 @@ const animationConfig = {
|
|
|
11
11
|
transform: 'translate3d(0,0,0)'
|
|
12
12
|
},
|
|
13
13
|
to: {
|
|
14
|
-
transform:
|
|
14
|
+
transform: "translate3d(".concat(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:
|
|
22
|
+
transform: "translate3d(".concat(-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:
|
|
31
|
+
transform: "translate3d(".concat(0, "px,0,0)")
|
|
32
32
|
},
|
|
33
33
|
from: {
|
|
34
34
|
opacity: 1,
|
|
35
|
-
transform:
|
|
35
|
+
transform: "translate3d(".concat(isMovingLeft ? -xPosMovement : xPosMovement, "px,0,0)")
|
|
36
36
|
},
|
|
37
37
|
leave: {
|
|
38
|
-
transform:
|
|
38
|
+
transform: "translate3d(".concat(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:
|
|
51
|
+
transform: "translate3d(0px,".concat(isDrillingDown ? xPosMovement : -xPosMovement, "px,0)")
|
|
52
52
|
},
|
|
53
53
|
leave: {
|
|
54
54
|
opacity: 0,
|
|
55
|
-
transform:
|
|
55
|
+
transform: "translate3d(0,".concat(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:
|
|
64
|
+
transform: "translate3d(".concat(0, "px,0,0)")
|
|
65
65
|
},
|
|
66
66
|
from: {
|
|
67
67
|
opacity: 0,
|
|
68
|
-
transform:
|
|
68
|
+
transform: "translate3d(".concat(xBreadcrumbPos, "px,0px,0)")
|
|
69
69
|
},
|
|
70
70
|
leave: {
|
|
71
71
|
opacity: 0,
|
|
72
|
-
transform:
|
|
72
|
+
transform: "translate3d(".concat(xBreadcrumbPos, "px,0,0)")
|
|
73
73
|
}
|
|
74
74
|
})
|
|
75
75
|
};
|
package/esm/classedComponents.js
CHANGED
|
@@ -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 =
|
|
8
|
-
const listBlockName =
|
|
9
|
-
const footerBlockName =
|
|
7
|
+
const headerBlockName = "".concat(blockName, "-header");
|
|
8
|
+
const listBlockName = "".concat(blockName, "-list");
|
|
9
|
+
const footerBlockName = "".concat(blockName, "-footer");
|
|
10
10
|
const ShuttleContainer = aggregatedClasses('div')(blockName); // wrapper
|
|
11
11
|
|
|
12
|
-
const ShuttleWrapper = aggregatedClasses('div')(
|
|
12
|
+
const ShuttleWrapper = aggregatedClasses('div')("".concat(blockName, "-wrapper")); // header
|
|
13
13
|
|
|
14
14
|
const ShuttleHeader = aggregatedClasses('div')(headerBlockName);
|
|
15
15
|
const ShuttleHeaderBreadcrumb = aggregatedClasses(ShuttleBreadcrumb)(headerBlockName, 'breadcrumb');
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
2
|
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
3
3
|
import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
4
|
+
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
4
5
|
import { useState, useCallback, useEffect } from 'react';
|
|
5
6
|
import { isMovable } from '../../helper.js';
|
|
6
7
|
import { DrillDownButton, MoveButton } from './ActionButtons.js';
|
|
@@ -49,7 +49,7 @@ function ShuttleSource({
|
|
|
49
49
|
onSortEnd = noop,
|
|
50
50
|
sourceClearItemsText = 'CLEAR ALL',
|
|
51
51
|
searchPlaceholder,
|
|
52
|
-
renderSourceCounter = amount =>
|
|
52
|
+
renderSourceCounter = amount => "".concat(amount, " items"),
|
|
53
53
|
onGetMoreItems = () => {},
|
|
54
54
|
moreItemsLoading = false,
|
|
55
55
|
hasNextPage = false
|
|
@@ -33,7 +33,7 @@ function ShuttleTarget({
|
|
|
33
33
|
targetSortable = false,
|
|
34
34
|
onSortEnd = noop,
|
|
35
35
|
targetClearItemsText = 'CLEAR ALL',
|
|
36
|
-
renderTargetCounter = amount =>
|
|
36
|
+
renderTargetCounter = amount => "".concat(amount, " items"),
|
|
37
37
|
loading = false
|
|
38
38
|
}) {
|
|
39
39
|
const {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
2
|
+
import 'core-js/modules/web.dom-collections.iterator.js';
|
|
2
3
|
import { compose, isEqual, hashArray } from '@elliemae/ds-utilities/utils';
|
|
3
4
|
import { getItemsById, pipe, prepareItems } from './helper.js';
|
|
4
5
|
import { addToTarget, resetMovedItems } from './Shuttle.actions.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-shuttle",
|
|
3
|
-
"version": "2.0.0-
|
|
3
|
+
"version": "2.0.0-next.4",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Shuttle",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -152,9 +152,9 @@
|
|
|
152
152
|
"build": "node ../../scripts/build/build.js"
|
|
153
153
|
},
|
|
154
154
|
"dependencies": {
|
|
155
|
-
"@elliemae/ds-basic": "2.0.0-
|
|
156
|
-
"@elliemae/ds-classnames": "2.0.0-
|
|
157
|
-
"@elliemae/ds-utilities": "2.0.0-
|
|
155
|
+
"@elliemae/ds-basic": "2.0.0-next.4",
|
|
156
|
+
"@elliemae/ds-classnames": "2.0.0-next.4",
|
|
157
|
+
"@elliemae/ds-utilities": "2.0.0-next.4",
|
|
158
158
|
"constate": "~1.3.2",
|
|
159
159
|
"memoize-one": "~4.0.3",
|
|
160
160
|
"prop-types": "~15.7.2",
|
package/cjs/package.json
DELETED