@elliemae/ds-shuttle 2.0.0-rc.6 → 2.0.0

package/cjs/ShuttleImpl.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('core-js/modules/esnext.async-iterator.filter.js');
 require('core-js/modules/esnext.iterator.constructor.js');
 require('core-js/modules/esnext.iterator.filter.js');
@@ -26,8 +26,8 @@ var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 
 const _excluded = ["idField", "nonSelectedItems", "moreItemsLoading"];
 
@@ -39,12 +39,12 @@ class ShuttleImpl extends react.Component {
   constructor(props) {
     super(props);
 
-    _defineProperty__default["default"](this, "getState", () => {
+    this.getState = () => {
       const {
         movedItems
       } = this.state;
       return Object.keys(movedItems);
-    });
+    };
 
     this.state = {
       prevProps: {},
@@ -305,8 +305,7 @@ class ShuttleImpl extends react.Component {
 
 }
 
-_defineProperty__default["default"](ShuttleImpl, "contextType", SearchState.Context);
-
+ShuttleImpl.contextType = SearchState.Context;
 var ShuttleImpl$1 = withProviders(ShuttleImpl);
 
 module.exports = ShuttleImpl$1;

package/cjs/components/ShuttleSearchBox.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var react = require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
 var dsUtilities = require('@elliemae/ds-utilities');
@@ -10,7 +9,6 @@ var dsForm = require('@elliemae/ds-form');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
 const blockName = 'shuttle-search-box';
 const SearchBoxContainer = dsClassnames.aggregatedClasses('div')(blockName, null, _ref => {
@@ -103,11 +101,10 @@ class ShuttleSearchBox extends react.Component {
   }
 
 }
-
-_defineProperty__default["default"](ShuttleSearchBox, "defaultProps", {
+ShuttleSearchBox.defaultProps = {
   filterOnKeyStroke: false,
   onChange: () => null,
   onFilter: () => null
-});
+};
 
 module.exports = ShuttleSearchBox;

package/esm/ShuttleImpl.js

@@ -1,5 +1,5 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'core-js/modules/esnext.async-iterator.filter.js';
 import 'core-js/modules/esnext.iterator.constructor.js';
 import 'core-js/modules/esnext.iterator.filter.js';
@@ -32,12 +32,12 @@ class ShuttleImpl extends Component {
   constructor(props) {
     super(props);
 
-    _defineProperty(this, "getState", () => {
+    this.getState = () => {
       const {
         movedItems
       } = this.state;
       return Object.keys(movedItems);
-    });
+    };
 
     this.state = {
       prevProps: {},
@@ -298,8 +298,7 @@ class ShuttleImpl extends Component {
 
 }
 
-_defineProperty(ShuttleImpl, "contextType", SearchState.Context);
-
+ShuttleImpl.contextType = SearchState.Context;
 var ShuttleImpl$1 = withProviders(ShuttleImpl);
 
 export { ShuttleImpl$1 as default };

package/esm/components/ShuttleSearchBox.js

@@ -1,5 +1,4 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { Component } from 'react';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import { debounce } from '@elliemae/ds-utilities';
@@ -96,11 +95,10 @@ class ShuttleSearchBox extends Component {
   }
 
 }
-
-_defineProperty(ShuttleSearchBox, "defaultProps", {
+ShuttleSearchBox.defaultProps = {
   filterOnKeyStroke: false,
   onChange: () => null,
   onFilter: () => null
-});
+};
 
 export { ShuttleSearchBox as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-shuttle",
-  "version": "2.0.0-rc.6",
+  "version": "2.0.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Shuttle",
   "module": "./esm/index.js",
@@ -152,11 +152,16 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-rc.6",
-    "@elliemae/ds-classnames": "2.0.0-rc.6",
-    "@elliemae/ds-icons": "2.0.0-rc.6",
-    "@elliemae/ds-system": "2.0.0-rc.6",
-    "@elliemae/ds-utilities": "2.0.0-rc.6",
+    "@elliemae/ds-basic": "2.0.0",
+    "@elliemae/ds-button": "2.0.0",
+    "@elliemae/ds-circular-progress-indicator": "2.0.0",
+    "@elliemae/ds-classnames": "2.0.0",
+    "@elliemae/ds-form": "2.0.0",
+    "@elliemae/ds-icons": "2.0.0",
+    "@elliemae/ds-indeterminate-progress-indicator": "2.0.0",
+    "@elliemae/ds-system": "2.0.0",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0",
+    "@elliemae/ds-utilities": "2.0.0",
     "constate": "~1.3.2",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
@@ -167,14 +172,21 @@
     "react-window-infinite-loader": "~1.0.5",
     "treetabular": "~3.6.0"
   },
-  "publishConfig": {
-    "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+  "devDependencies": {
+    "@testing-library/jest-dom": "~5.15.0",
+    "@testing-library/react": "~12.1.2",
+    "@testing-library/user-event": "~13.5.0",
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
     "react": "~17.0.2",
-    "react-dom": "^17.0.2"
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3"
+  },
+  "publishConfig": {
+    "access": "public",
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/DSShuttle.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 import utils from './utils';
 declare const DSShuttle: {
@@ -41,79 +42,300 @@ declare const DSShuttle: {
     }): JSX.Element;
     propTypes: {
         /** inject props to shuttle wrapper */
-        containerProps: any;
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** The identifier field for the item object */
-        idField: any;
+        idField: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** The parent identifier field for the item object */
-        parentIdField: any;
+        parentIdField: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Whether to show the icons or not */
-        showIcons: any;
+        showIcons: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** List of items */
-        items: any;
+        items: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Array of item ids that are selected. If passed the component behaves as controlled */
-        selectedItems: any;
+        selectedItems: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Array of item ids that aren't selected. Should include ALL non selected items, even those not rendered */
-        nonSelectedItems: any;
+        nonSelectedItems: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Handler on search */
-        onSearch: any;
+        onSearch: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Handler when the searchbox is visible */
-        onSearchOpen: any;
+        onSearchOpen: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Handler when the searchbox is not visible */
-        onSearchClose: any;
+        onSearchClose: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Source handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction ("up" | "down")  */
-        onDrillDown: any;
+        onDrillDown: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Target handler when a user navigates to a level down on the nested structure. First param: item drilled. Second param: direction ("up" | "down") */
-        onDrillDownTarget: any;
+        onDrillDownTarget: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Target handler when user stops dragging an item */
-        onTargetSortEnd: any;
+        onTargetSortEnd: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Callback function that gets more items for Infinite Scroll */
-        onGetMoreItems: any;
+        onGetMoreItems: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Wheter there are mor items loading for Infinite Scroll */
-        moreItemsLoading: any;
+        moreItemsLoading: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Wheter there is a next page for Infinite Scroll, controls when to trigger onGetMoreItems */
-        hasNextPage: any;
+        hasNextPage: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Function that takes as a parameter an internal getter for the state */
-        setGetStatus: any;
+        setGetStatus: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Whether the target can be sortable with DnD */
-        targetSortable: any;
+        targetSortable: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Handler when the searchbox is visible */
-        sourceRootTitle: any;
+        sourceRootTitle: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Source text when there is no items */
-        sourceEmptyMessage: any;
+        sourceEmptyMessage: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Target text when there is no items */
-        targetEmptyMessage: any;
+        targetEmptyMessage: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Target text for the first hierarchy item */
-        targetRootTitle: any;
+        targetRootTitle: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Function that allow to compose the item props in the source */
-        composeSourceItemProps: any;
+        composeSourceItemProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Function that allow to compose the item props in the target */
-        composeTargetItemProps: any;
+        composeTargetItemProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Handler when a users moves an item to the target */
-        onAddToTarget: any;
+        onAddToTarget: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Handler when a users moves all the 'checked' items to the target */
-        onAddCheckedItems: any;
+        onAddCheckedItems: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Handler when a user removes an item from the target */
-        onRemoveFromTarget: any;
+        onRemoveFromTarget: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Handler when a user removes all the items from the target */
-        onRemoveAllFromTarget: any;
+        onRemoveAllFromTarget: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Handler for every change on the state */
-        onChange: any;
+        onChange: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Function that returns an element for the source counter */
-        renderSourceCounter: any;
+        renderSourceCounter: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Function that returns an element for the target counter */
-        renderTargetCounter: any;
+        renderTargetCounter: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Source text for the clear items button */
-        sourceClearItemsText: any;
+        sourceClearItemsText: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Target text for the clear items button */
-        targetClearItemsText: any;
+        targetClearItemsText: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Searchbox placeholder */
-        searchPlaceholder: any;
+        searchPlaceholder: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Displays loading indicator on source section */
-        loadingSource: any;
+        loadingSource: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** Displays loading indicator on target section */
-        loadingTarget: any;
+        loadingTarget: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 };
-declare const DSShuttleWithSchema: any;
+declare const DSShuttleWithSchema: {
+    (props?: {
+        containerProps?: {} | undefined;
+        idField?: string | undefined;
+        parentIdField?: string | undefined;
+        showIcons?: boolean | undefined;
+        items?: never[] | undefined;
+        selectedItems?: undefined;
+        nonSelectedItems?: undefined;
+        onSearch?: (() => void) | undefined;
+        onSearchOpen?: (() => void) | undefined;
+        onSearchClose?: (() => void) | undefined;
+        onDrillDown?: (() => void) | undefined;
+        onDrillDownTarget?: (() => void) | undefined;
+        onTargetSortEnd?: (() => void) | undefined;
+        setGetStatus?: (() => void) | undefined;
+        targetSortable?: boolean | undefined;
+        sourceEmptyMessage?: string | undefined;
+        sourceRootTitle?: string | undefined;
+        targetEmptyMessage?: string | undefined;
+        targetRootTitle?: string | undefined;
+        composeSourceItemProps?: (() => {}) | undefined;
+        composeTargetItemProps?: (() => {}) | undefined;
+        onAddToTarget?: (() => void) | undefined;
+        onAddCheckedItems?: (() => void) | undefined;
+        onRemoveFromTarget?: (() => void) | undefined;
+        onRemoveAllFromTarget?: (() => void) | undefined;
+        onChange?: (() => void) | undefined;
+        renderSourceCounter?: (() => void) | undefined;
+        renderTargetCounter?: (() => void) | undefined;
+        sourceClearItemsText?: string | undefined;
+        targetClearItemsText?: string | undefined;
+        searchPlaceholder?: string | undefined;
+        loadingSource?: boolean | undefined;
+        loadingTarget?: boolean | undefined;
+        onGetMoreItems?: (() => null) | undefined;
+        hasNextPage?: boolean | undefined;
+        moreItemsLoading: any;
+    } | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { utils, DSShuttleWithSchema };
 export default DSShuttle;