@elliemae/ds-shuttle 1.60.0 → 2.0.0-alpha.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (188) hide show
  1. package/cjs/AnimationState.js +26 -42
  2. package/cjs/DSShuttle.js +54 -146
  3. package/cjs/SearchState.js +10 -22
  4. package/cjs/Shuttle.actions.js +65 -73
  5. package/cjs/ShuttleContainer.js +49 -77
  6. package/cjs/ShuttleImpl.js +250 -338
  7. package/cjs/ShuttleRenderer.js +121 -184
  8. package/cjs/ShuttleState.js +22 -39
  9. package/cjs/animation/animationConfig.js +56 -63
  10. package/cjs/classedComponents.js +32 -35
  11. package/cjs/components/LoadingIndicator.js +11 -12
  12. package/cjs/components/OverflowList.js +33 -29
  13. package/cjs/components/ShuttleBreadcrumb.js +26 -32
  14. package/cjs/components/ShuttleInfiniteScrollIndicator.js +17 -13
  15. package/cjs/components/ShuttleListItem/ActionButtons.js +39 -34
  16. package/cjs/components/ShuttleListItem/ShuttleListItem.js +59 -58
  17. package/cjs/components/ShuttleListItem/ShuttleSourceListItem.js +40 -61
  18. package/cjs/components/ShuttleListItem/ShuttleTargetListItem.js +35 -50
  19. package/cjs/components/ShuttleListPanel.js +11 -23
  20. package/cjs/components/ShuttleSearchBox.js +79 -102
  21. package/cjs/components/ShuttleSource.js +99 -169
  22. package/cjs/components/ShuttleTarget.js +62 -82
  23. package/cjs/components/VirtualizedItem.js +28 -22
  24. package/cjs/components/VirtualizedList.js +52 -50
  25. package/cjs/components/VirtualizedSortableList.js +25 -23
  26. package/cjs/helper.js +52 -82
  27. package/cjs/index.js +1 -60
  28. package/cjs/updateShuttleStateFromProps.js +41 -40
  29. package/cjs/utils.js +9 -9
  30. package/cjs/withProviders.js +15 -16
  31. package/esm/AnimationState.js +25 -40
  32. package/esm/DSShuttle.js +51 -143
  33. package/esm/SearchState.js +9 -20
  34. package/esm/Shuttle.actions.js +64 -71
  35. package/esm/ShuttleContainer.js +47 -75
  36. package/esm/ShuttleImpl.js +254 -334
  37. package/esm/ShuttleRenderer.js +117 -179
  38. package/esm/ShuttleState.js +17 -32
  39. package/esm/animation/animationConfig.js +56 -63
  40. package/esm/classedComponents.js +30 -33
  41. package/esm/components/LoadingIndicator.js +10 -11
  42. package/esm/components/OverflowList.js +30 -26
  43. package/esm/components/ShuttleBreadcrumb.js +23 -29
  44. package/esm/components/ShuttleInfiniteScrollIndicator.js +16 -12
  45. package/esm/components/ShuttleListItem/ActionButtons.js +38 -33
  46. package/esm/components/ShuttleListItem/ShuttleListItem.js +56 -55
  47. package/esm/components/ShuttleListItem/ShuttleSourceListItem.js +36 -56
  48. package/esm/components/ShuttleListItem/ShuttleTargetListItem.js +31 -46
  49. package/esm/components/ShuttleListPanel.js +10 -22
  50. package/esm/components/ShuttleSearchBox.js +78 -95
  51. package/esm/components/ShuttleSource.js +89 -157
  52. package/esm/components/ShuttleTarget.js +55 -75
  53. package/esm/components/VirtualizedItem.js +26 -20
  54. package/esm/components/VirtualizedList.js +48 -46
  55. package/esm/components/VirtualizedSortableList.js +21 -18
  56. package/esm/helper.js +49 -77
  57. package/esm/index.js +0 -59
  58. package/esm/updateShuttleStateFromProps.js +40 -38
  59. package/esm/utils.js +6 -4
  60. package/esm/withProviders.js +13 -15
  61. package/package.json +163 -18
  62. package/types/AnimationState.d.ts +26 -0
  63. package/types/DSShuttle.d.ts +341 -0
  64. package/types/SearchState.d.ts +22 -0
  65. package/types/Shuttle.actions.d.ts +11 -0
  66. package/types/ShuttleContainer.d.ts +3 -0
  67. package/types/ShuttleImpl.d.ts +3 -0
  68. package/types/ShuttleRenderer.d.ts +37 -0
  69. package/types/ShuttleState.d.ts +53 -0
  70. package/types/animation/animationConfig.d.ts +68 -0
  71. package/types/classedComponents.d.ts +14 -0
  72. package/types/components/LoadingIndicator.d.ts +3 -0
  73. package/types/components/OverflowList.d.ts +7 -0
  74. package/types/components/ShuttleBreadcrumb.d.ts +7 -0
  75. package/types/components/ShuttleInfiniteScrollIndicator.d.ts +5 -0
  76. package/types/components/ShuttleListItem/ActionButtons.d.ts +4 -0
  77. package/types/components/ShuttleListItem/ShuttleListItem.d.ts +14 -0
  78. package/types/components/ShuttleListItem/ShuttleSourceListItem.d.ts +13 -0
  79. package/types/components/ShuttleListItem/ShuttleTargetListItem.d.ts +13 -0
  80. package/types/components/ShuttleListPanel.d.ts +7 -0
  81. package/types/components/ShuttleSearchBox.d.ts +20 -0
  82. package/types/components/ShuttleSource.d.ts +54 -0
  83. package/types/components/ShuttleTarget.d.ts +16 -0
  84. package/types/components/VirtualizedItem.d.ts +3 -0
  85. package/types/components/VirtualizedList.d.ts +12 -0
  86. package/types/components/VirtualizedSortableList.d.ts +6 -0
  87. package/types/helper.d.ts +16 -0
  88. package/types/index.d.ts +1 -0
  89. package/types/tests/DSShuttle.events.test.d.ts +1 -0
  90. package/types/tests/DSShuttle.test.d.ts +1 -0
  91. package/types/tests/utils.d.ts +116 -0
  92. package/types/updateShuttleStateFromProps.d.ts +1 -0
  93. package/types/utils.d.ts +2 -0
  94. package/types/withProviders.d.ts +3 -0
  95. package/AnimationState/package.json +0 -10
  96. package/DSShuttle/package.json +0 -10
  97. package/SearchState/package.json +0 -10
  98. package/Shuttle.actions/package.json +0 -10
  99. package/ShuttleContainer/package.json +0 -10
  100. package/ShuttleImpl/package.json +0 -10
  101. package/ShuttleRenderer/package.json +0 -10
  102. package/ShuttleState/package.json +0 -10
  103. package/animation/animationConfig/package.json +0 -10
  104. package/cjs/AnimationState.js.map +0 -1
  105. package/cjs/DSShuttle.js.map +0 -1
  106. package/cjs/SearchState.js.map +0 -1
  107. package/cjs/Shuttle.actions.js.map +0 -1
  108. package/cjs/ShuttleContainer.js.map +0 -1
  109. package/cjs/ShuttleImpl.js.map +0 -1
  110. package/cjs/ShuttleRenderer.js.map +0 -1
  111. package/cjs/ShuttleState.js.map +0 -1
  112. package/cjs/animation/animationConfig.js.map +0 -1
  113. package/cjs/classedComponents.js.map +0 -1
  114. package/cjs/components/LoadingIndicator.js.map +0 -1
  115. package/cjs/components/OverflowList.js.map +0 -1
  116. package/cjs/components/ShuttleBreadcrumb.js.map +0 -1
  117. package/cjs/components/ShuttleInfiniteScrollIndicator.js.map +0 -1
  118. package/cjs/components/ShuttleListItem/ActionButtons.js.map +0 -1
  119. package/cjs/components/ShuttleListItem/ShuttleListItem.js.map +0 -1
  120. package/cjs/components/ShuttleListItem/ShuttleSourceListItem.js.map +0 -1
  121. package/cjs/components/ShuttleListItem/ShuttleTargetListItem.js.map +0 -1
  122. package/cjs/components/ShuttleListPanel.js.map +0 -1
  123. package/cjs/components/ShuttleSearchBox.js.map +0 -1
  124. package/cjs/components/ShuttleSource.js.map +0 -1
  125. package/cjs/components/ShuttleTarget.js.map +0 -1
  126. package/cjs/components/VirtualizedItem.js.map +0 -1
  127. package/cjs/components/VirtualizedList.js.map +0 -1
  128. package/cjs/components/VirtualizedSortableList.js.map +0 -1
  129. package/cjs/helper.js.map +0 -1
  130. package/cjs/index.js.map +0 -1
  131. package/cjs/tests/utils.js +0 -1112
  132. package/cjs/tests/utils.js.map +0 -1
  133. package/cjs/updateShuttleStateFromProps.js.map +0 -1
  134. package/cjs/utils.js.map +0 -1
  135. package/cjs/withProviders.js.map +0 -1
  136. package/classedComponents/package.json +0 -10
  137. package/components/LoadingIndicator/package.json +0 -10
  138. package/components/OverflowList/package.json +0 -10
  139. package/components/ShuttleBreadcrumb/package.json +0 -10
  140. package/components/ShuttleInfiniteScrollIndicator/package.json +0 -10
  141. package/components/ShuttleListItem/ActionButtons/package.json +0 -10
  142. package/components/ShuttleListItem/ShuttleListItem/package.json +0 -10
  143. package/components/ShuttleListItem/ShuttleSourceListItem/package.json +0 -10
  144. package/components/ShuttleListItem/ShuttleTargetListItem/package.json +0 -10
  145. package/components/ShuttleListPanel/package.json +0 -10
  146. package/components/ShuttleSearchBox/package.json +0 -10
  147. package/components/ShuttleSource/package.json +0 -10
  148. package/components/ShuttleTarget/package.json +0 -10
  149. package/components/VirtualizedItem/package.json +0 -10
  150. package/components/VirtualizedList/package.json +0 -10
  151. package/components/VirtualizedSortableList/package.json +0 -10
  152. package/esm/AnimationState.js.map +0 -1
  153. package/esm/DSShuttle.js.map +0 -1
  154. package/esm/SearchState.js.map +0 -1
  155. package/esm/Shuttle.actions.js.map +0 -1
  156. package/esm/ShuttleContainer.js.map +0 -1
  157. package/esm/ShuttleImpl.js.map +0 -1
  158. package/esm/ShuttleRenderer.js.map +0 -1
  159. package/esm/ShuttleState.js.map +0 -1
  160. package/esm/animation/animationConfig.js.map +0 -1
  161. package/esm/classedComponents.js.map +0 -1
  162. package/esm/components/LoadingIndicator.js.map +0 -1
  163. package/esm/components/OverflowList.js.map +0 -1
  164. package/esm/components/ShuttleBreadcrumb.js.map +0 -1
  165. package/esm/components/ShuttleInfiniteScrollIndicator.js.map +0 -1
  166. package/esm/components/ShuttleListItem/ActionButtons.js.map +0 -1
  167. package/esm/components/ShuttleListItem/ShuttleListItem.js.map +0 -1
  168. package/esm/components/ShuttleListItem/ShuttleSourceListItem.js.map +0 -1
  169. package/esm/components/ShuttleListItem/ShuttleTargetListItem.js.map +0 -1
  170. package/esm/components/ShuttleListPanel.js.map +0 -1
  171. package/esm/components/ShuttleSearchBox.js.map +0 -1
  172. package/esm/components/ShuttleSource.js.map +0 -1
  173. package/esm/components/ShuttleTarget.js.map +0 -1
  174. package/esm/components/VirtualizedItem.js.map +0 -1
  175. package/esm/components/VirtualizedList.js.map +0 -1
  176. package/esm/components/VirtualizedSortableList.js.map +0 -1
  177. package/esm/helper.js.map +0 -1
  178. package/esm/index.js.map +0 -1
  179. package/esm/tests/utils.js +0 -1100
  180. package/esm/tests/utils.js.map +0 -1
  181. package/esm/updateShuttleStateFromProps.js.map +0 -1
  182. package/esm/utils.js.map +0 -1
  183. package/esm/withProviders.js.map +0 -1
  184. package/helper/package.json +0 -10
  185. package/tests/utils/package.json +0 -10
  186. package/updateShuttleStateFromProps/package.json +0 -10
  187. package/utils/package.json +0 -10
  188. package/withProviders/package.json +0 -10
@@ -1,72 +1,57 @@
1
1
  'use strict';
2
2
 
3
- var _extends = require('@babel/runtime/helpers/extends');
3
+ require('core-js/modules/esnext.async-iterator.filter.js');
4
+ require('core-js/modules/esnext.iterator.constructor.js');
5
+ require('core-js/modules/esnext.iterator.filter.js');
6
+ require('core-js/modules/esnext.async-iterator.for-each.js');
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');
4
10
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
5
- var React = require('react');
6
- var components_ShuttleListItem_ActionButtons = require('./ActionButtons.js');
7
- var components_ShuttleListItem_ShuttleListItem = require('./ShuttleListItem.js');
8
- require('@elliemae/ds-classnames');
9
- require('@elliemae/ds-button');
10
- require('@elliemae/ds-icons');
11
- require('react-spring/web.cjs');
12
- require('@elliemae/ds-truncated-tooltip-text');
13
- require('react-sortable-hoc');
14
- require('../../helper.js');
15
- require('@babel/runtime/helpers/defineProperty');
16
- require('@elliemae/ds-utilities');
17
- require('treetabular');
11
+ var react = require('react');
12
+ var ActionButtons = require('./ActionButtons.js');
13
+ var ShuttleListItem = require('./ShuttleListItem.js');
14
+ var jsxRuntime = require('react/jsx-runtime');
18
15
 
19
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
20
17
 
21
- var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
18
+ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
19
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
22
20
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
23
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
24
21
 
25
- var _excluded = ["item", "onMoveToSource", "onNavigateOnTargetTo", "isRoot", "showDeleteButton", "showDrillDownButton", "showActions", "index"];
22
+ const _excluded = ["item", "onMoveToSource", "onNavigateOnTargetTo", "isRoot", "showDeleteButton", "showDrillDownButton", "showActions", "index"];
23
+
24
+ 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; }
25
+
26
+ 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__default["default"](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; }
26
27
 
27
28
  function ShuttleTargetListItem(_ref) {
28
- var _ref$item = _ref.item,
29
- item = _ref$item === void 0 ? {} : _ref$item,
30
- _ref$onMoveToSource = _ref.onMoveToSource,
31
- onMoveToSource = _ref$onMoveToSource === void 0 ? function () {
32
- return null;
33
- } : _ref$onMoveToSource,
34
- _ref$onNavigateOnTarg = _ref.onNavigateOnTargetTo,
35
- onNavigateOnTargetTo = _ref$onNavigateOnTarg === void 0 ? function () {
36
- return null;
37
- } : _ref$onNavigateOnTarg,
38
- _ref$isRoot = _ref.isRoot,
39
- isRoot = _ref$isRoot === void 0 ? false : _ref$isRoot,
40
- _ref$showDeleteButton = _ref.showDeleteButton,
41
- showDeleteButton = _ref$showDeleteButton === void 0 ? true : _ref$showDeleteButton,
42
- _ref$showDrillDownBut = _ref.showDrillDownButton,
43
- showDrillDownButton = _ref$showDrillDownBut === void 0 ? true : _ref$showDrillDownBut,
44
- _ref$showActions = _ref.showActions,
45
- showActions = _ref$showActions === void 0 ? true : _ref$showActions;
46
- _ref.index;
47
- var rest = _objectWithoutProperties__default['default'](_ref, _excluded);
29
+ let {
30
+ item = {},
31
+ onMoveToSource = () => null,
32
+ onNavigateOnTargetTo = () => null,
33
+ isRoot = false,
34
+ showDeleteButton = true,
35
+ showDrillDownButton = true,
36
+ showActions = true,
37
+ index
38
+ } = _ref,
39
+ rest = _objectWithoutProperties__default["default"](_ref, _excluded);
48
40
 
49
- var moveToSource = React.useCallback(function () {
50
- return onMoveToSource(item);
51
- }, [item]);
52
- var navigateOnTargetTo = React.useCallback(function () {
53
- return onNavigateOnTargetTo(item);
54
- }, [item]);
55
- return /*#__PURE__*/React__default['default'].createElement(components_ShuttleListItem_ShuttleListItem, _extends__default['default']({}, rest, {
56
- actions: [showDrillDownButton && /*#__PURE__*/React__default['default'].createElement(components_ShuttleListItem_ActionButtons.DrillDownButton, {
57
- key: "drill-down",
41
+ const moveToSource = react.useCallback(() => onMoveToSource(item), [item]);
42
+ const navigateOnTargetTo = react.useCallback(() => onNavigateOnTargetTo(item), [item]);
43
+ return /*#__PURE__*/jsxRuntime.jsx(ShuttleListItem, _objectSpread(_objectSpread({}, rest), {}, {
44
+ actions: [showDrillDownButton && /*#__PURE__*/_jsx__default["default"](ActionButtons.DrillDownButton, {
58
45
  disabled: !item.hasChildren && !item.asyncLoad || item.readOnly || item.disableDrillDown,
59
46
  onClick: navigateOnTargetTo
60
- }), showDeleteButton && isRoot && /*#__PURE__*/React__default['default'].createElement(components_ShuttleListItem_ActionButtons.DeleteButton, {
61
- key: "delete",
47
+ }, "drill-down"), showDeleteButton && isRoot && /*#__PURE__*/_jsx__default["default"](ActionButtons.DeleteButton, {
62
48
  disabled: item.readOnly,
63
49
  onClick: moveToSource,
64
50
  "data-testid": "ds-shuttle__close-button"
65
- })],
51
+ }, "delete")],
66
52
  item: item,
67
53
  showActions: showActions
68
54
  }));
69
55
  }
70
56
 
71
57
  module.exports = ShuttleTargetListItem;
72
- //# sourceMappingURL=ShuttleTargetListItem.js.map
@@ -1,37 +1,26 @@
1
1
  'use strict';
2
2
 
3
- var React = require('react');
3
+ var _jsx = require('@babel/runtime/helpers/jsx');
4
+ require('react');
4
5
  var DSButton = require('@elliemae/ds-button');
5
6
  var classedComponents = require('../classedComponents.js');
6
- require('@elliemae/ds-classnames');
7
- require('./ShuttleBreadcrumb.js');
8
- require('react-spring/web.cjs');
9
- require('@elliemae/ds-breadcrumb');
10
- require('../animation/animationConfig.js');
11
- require('./OverflowList.js');
12
- require('@babel/runtime/helpers/defineProperty');
13
- require('../AnimationState.js');
14
- require('@babel/runtime/helpers/slicedToArray');
15
- require('constate');
16
7
 
17
8
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
18
9
 
19
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
10
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
20
11
  var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
21
12
 
22
13
  function ShuttleListPanel(_ref) {
23
- var _ref$onClick = _ref.onClick,
24
- onClick = _ref$onClick === void 0 ? function () {
25
- return null;
26
- } : _ref$onClick,
27
- _ref$open = _ref.open,
28
- open = _ref$open === void 0 ? false : _ref$open,
29
- children = _ref.children;
30
- return /*#__PURE__*/React__default['default'].createElement(classedComponents.ShuttleListPanel, {
14
+ let {
15
+ onClick = () => null,
16
+ open = false,
17
+ children
18
+ } = _ref;
19
+ return /*#__PURE__*/_jsx__default["default"](classedComponents.ShuttleListPanel, {
31
20
  classProps: {
32
- open: open
21
+ open
33
22
  }
34
- }, /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
23
+ }, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
35
24
  buttonType: "text",
36
25
  icon: children,
37
26
  onClick: onClick,
@@ -40,4 +29,3 @@ function ShuttleListPanel(_ref) {
40
29
  }
41
30
 
42
31
  module.exports = ShuttleListPanel;
43
- //# sourceMappingURL=ShuttleListPanel.js.map
@@ -1,133 +1,110 @@
1
1
  'use strict';
2
2
 
3
- var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
4
- var _createClass = require('@babel/runtime/helpers/createClass');
5
- var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
6
- var _inherits = require('@babel/runtime/helpers/inherits');
7
- var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
8
- var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
9
- var React = require('react');
3
+ var _jsx = require('@babel/runtime/helpers/jsx');
4
+ var react = require('react');
10
5
  var dsClassnames = require('@elliemae/ds-classnames');
11
6
  var dsUtilities = require('@elliemae/ds-utilities');
12
7
  var dsForm = require('@elliemae/ds-form');
13
8
 
14
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
10
 
16
- var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
17
- var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
18
- var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
19
- var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
20
- var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
21
- var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
22
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
+ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
23
12
 
24
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
25
-
26
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
27
- var blockName = 'shuttle-search-box';
28
- var SearchBoxContainer = dsClassnames.aggregatedClasses('div')(blockName, null, function (_ref) {
29
- var isOpen = _ref.isOpen;
13
+ const blockName = 'shuttle-search-box';
14
+ const SearchBoxContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
15
+ let {
16
+ isOpen
17
+ } = _ref;
30
18
  return {
31
19
  opened: isOpen
32
20
  };
33
21
  });
34
- var filterList = dsUtilities.debounce(function (term, onFilterCallback) {
22
+ const filterList = dsUtilities.debounce((term, onFilterCallback) => {
35
23
  onFilterCallback(term);
36
24
  }, 200);
37
-
38
- var ShuttleSearchBox = /*#__PURE__*/function (_Component) {
39
- _inherits__default['default'](ShuttleSearchBox, _Component);
40
-
41
- var _super = _createSuper(ShuttleSearchBox);
42
-
43
- function ShuttleSearchBox(props) {
44
- var _this;
45
-
46
- _classCallCheck__default['default'](this, ShuttleSearchBox);
47
-
48
- _this = _super.call(this, props);
49
- _this.state = {
25
+ class ShuttleSearchBox extends react.Component {
26
+ constructor(props) {
27
+ super(props);
28
+ this.state = {
50
29
  value: props.value,
51
30
  prevProps: {}
52
31
  };
53
- _this.handleChange = _this.handleChange.bind(_assertThisInitialized__default['default'](_this));
54
- _this.handleKeyPress = _this.handleKeyPress.bind(_assertThisInitialized__default['default'](_this));
55
- return _this;
32
+ this.handleChange = this.handleChange.bind(this);
33
+ this.handleKeyPress = this.handleKeyPress.bind(this);
56
34
  }
57
35
 
58
- _createClass__default['default'](ShuttleSearchBox, [{
59
- key: "handleChange",
60
- value: function handleChange(e) {
61
- var _this$props = this.props,
62
- onChange = _this$props.onChange,
63
- filterOnKeyStroke = _this$props.filterOnKeyStroke,
64
- onFilter = _this$props.onFilter;
65
- var value = e.target.value;
66
- onChange(value);
67
- if (filterOnKeyStroke) filterList(value, onFilter);
68
- this.setState({
69
- value: value
70
- });
71
- }
72
- }, {
73
- key: "handleKeyPress",
74
- value: function handleKeyPress(e) {
75
- var onFilter = this.props.onFilter;
76
- if (e.keyCode === 13) onFilter(e.target.value);
77
- }
78
- }, {
79
- key: "render",
80
- value: function render() {
81
- var value = this.state.value;
82
- var _this$props2 = this.props,
83
- isOpen = _this$props2.isOpen,
84
- onClose = _this$props2.onClose,
85
- placeholder = _this$props2.placeholder;
86
- return /*#__PURE__*/React__default['default'].createElement(SearchBoxContainer, {
87
- classProps: {
88
- isOpen: isOpen
36
+ static getDerivedStateFromProps(nextProps, _ref2) {
37
+ let {
38
+ prevProps
39
+ } = _ref2;
40
+ const {
41
+ value
42
+ } = nextProps;
43
+
44
+ if (value !== prevProps.value) {
45
+ return {
46
+ value,
47
+ prevProps: {
48
+ value
89
49
  }
90
- }, /*#__PURE__*/React__default['default'].createElement(dsForm.DSTextBox, {
91
- autoFocus: true,
92
- clearable: true,
93
- onChange: this.handleChange,
94
- onClear: onClose,
95
- onKeyDown: this.handleKeyPress,
96
- placeholder: placeholder,
97
- value: value
98
- }));
50
+ };
99
51
  }
100
- }], [{
101
- key: "getDerivedStateFromProps",
102
- value: function getDerivedStateFromProps(nextProps, _ref2) {
103
- var prevProps = _ref2.prevProps;
104
- var value = nextProps.value;
105
52
 
106
- if (value !== prevProps.value) {
107
- return {
108
- value: value,
109
- prevProps: {
110
- value: value
111
- }
112
- };
113
- }
53
+ return null;
54
+ }
114
55
 
115
- return null;
116
- }
117
- }]);
56
+ handleChange(e) {
57
+ const {
58
+ onChange,
59
+ filterOnKeyStroke,
60
+ onFilter
61
+ } = this.props;
62
+ const {
63
+ value
64
+ } = e.target;
65
+ onChange(value);
66
+ if (filterOnKeyStroke) filterList(value, onFilter);
67
+ this.setState({
68
+ value
69
+ });
70
+ }
71
+
72
+ handleKeyPress(e) {
73
+ const {
74
+ onFilter
75
+ } = this.props;
76
+ if (e.keyCode === 13) onFilter(e.target.value);
77
+ }
118
78
 
119
- return ShuttleSearchBox;
120
- }(React.Component);
79
+ render() {
80
+ const {
81
+ value
82
+ } = this.state;
83
+ const {
84
+ isOpen,
85
+ onClose,
86
+ placeholder
87
+ } = this.props;
88
+ return /*#__PURE__*/_jsx__default["default"](SearchBoxContainer, {
89
+ classProps: {
90
+ isOpen
91
+ }
92
+ }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSTextBox, {
93
+ autoFocus: true,
94
+ clearable: true,
95
+ onChange: this.handleChange,
96
+ onClear: onClose,
97
+ onKeyDown: this.handleKeyPress,
98
+ placeholder: placeholder,
99
+ value: value
100
+ }));
101
+ }
121
102
 
103
+ }
122
104
  ShuttleSearchBox.defaultProps = {
123
105
  filterOnKeyStroke: false,
124
- onChange: function onChange() {
125
- return null;
126
- },
127
- onFilter: function onFilter() {
128
- return null;
129
- }
106
+ onChange: () => null,
107
+ onFilter: () => null
130
108
  };
131
109
 
132
110
  module.exports = ShuttleSearchBox;
133
- //# sourceMappingURL=ShuttleSearchBox.js.map