@elliemae/ds-mini-toolbar 2.0.0-next.7 → 2.0.0-rc.10

package/cjs/Components/MiniToolbar.js

@@ -7,8 +7,8 @@ require('core-js/modules/web.dom-collections.iterator.js');
 var react = require('react');
 var reactDesc = require('react-desc');
 var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
+var dsIcons = require('@elliemae/ds-icons');
 var styles = require('../styles.js');
-var VerticalElipsis = require('@elliemae/ds-icons/MoreOptionsVert');
 var propTypes = require('../propTypes.js');
 var useGenerateItems = require('../hooks/useGenerateItems.js');
 
@@ -16,17 +16,17 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
-var VerticalElipsis__default = /*#__PURE__*/_interopDefaultLegacy(VerticalElipsis);
 
-const Elipsis = /*#__PURE__*/_jsx__default["default"](VerticalElipsis__default["default"], {
+const Elipsis = /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
   color: ['brand-primary', '600'],
   size: "m"
 });
 
-const MiniToolbar = ({
-  items,
-  overflowButtonProps
-}) => {
+const MiniToolbar = _ref => {
+  let {
+    items,
+    overflowButtonProps
+  } = _ref;
   const [shortcutItems, dropdownMenuItems] = useGenerateItems.useGenerateItems(items);
   const [isDropdownMenuOpen, setIsDropdownMenuOpen] = react.useState(false);
   const closeDropdownMenu = react.useCallback(() => setIsDropdownMenuOpen(false), []);

package/cjs/Components/ToolbarShortcut.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var react = require('react');

package/cjs/Components/outOfTheBox/Button.js

@@ -2,9 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('react');
-var DSButton = require('@elliemae/ds-basic/Button');
+var DSButton = require('@elliemae/ds-button');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/Components/outOfTheBox/ComboBox.js

@@ -2,20 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('react');
-var DSComboBox2 = require('@elliemae/ds-basic/form/ComboBox');
+var dsForm = require('@elliemae/ds-form');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var DSComboBox2__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox2);
 
 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; }
 
 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; }
 
-const MiniToolbarComboBox = props => /*#__PURE__*/jsxRuntime.jsx(DSComboBox2__default["default"], _objectSpread({}, props));
+const MiniToolbarComboBox = props => /*#__PURE__*/jsxRuntime.jsx(dsForm.DSComboBox2, _objectSpread({}, props));
 
 exports.MiniToolbarComboBox = MiniToolbarComboBox;

package/cjs/Components/outOfTheBox/SearchBox.js

@@ -2,11 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var SearchIcon = require('@elliemae/ds-icons/Search');
-var DSSearchBox = require('@elliemae/ds-basic/form/SearchBox');
+var dsIcons = require('@elliemae/ds-icons');
+var dsForm = require('@elliemae/ds-form');
 var styles = require('../../styles.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -14,8 +19,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var SearchIcon__default = /*#__PURE__*/_interopDefaultLegacy(SearchIcon);
-var DSSearchBox__default = /*#__PURE__*/_interopDefaultLegacy(DSSearchBox);
 
 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; }
 
@@ -35,7 +38,7 @@ const MiniToolbarSearchButton = props => {
     buttonType: buttonType,
     onClick: onClick,
     style: style,
-    leftIcon: /*#__PURE__*/_jsx__default["default"](SearchIcon__default["default"], {
+    leftIcon: /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {
       size: size,
       color: color
     }),
@@ -43,7 +46,7 @@ const MiniToolbarSearchButton = props => {
   });
 };
 
-const MiniToolbarSearchBox = props => /*#__PURE__*/jsxRuntime.jsx(DSSearchBox__default["default"], _objectSpread({
+const MiniToolbarSearchBox = props => /*#__PURE__*/jsxRuntime.jsx(dsForm.DSSearchBox, _objectSpread({
   clearable: true,
   showIcon: false
 }, props));

package/cjs/hooks/useGenerateItems.js

@@ -4,9 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+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');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var react = require('react');
 var uid = require('uid');
-var SearchIcon = require('@elliemae/ds-icons/Search');
+var dsIcons = require('@elliemae/ds-icons');
 var index = require('../Components/outOfTheBox/index.js');
 var ToolbarShortcut = require('../Components/ToolbarShortcut.js');
 var SearchBox = require('../Components/outOfTheBox/SearchBox.js');
@@ -19,7 +26,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var SearchIcon__default = /*#__PURE__*/_interopDefaultLegacy(SearchIcon);
 
 var _MiniToolbarSeparator;
 
@@ -99,7 +105,7 @@ const useGenerateItems = items => {
         color: color
       });
     } else if (component === index.SEARCH_BOX) {
-      dropdownItem.leftAddon = /*#__PURE__*/_jsx__default["default"](SearchIcon__default["default"], {
+      dropdownItem.leftAddon = /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {
         color: color
       });
     } else if (component === index.COMBO_BOX) {

package/cjs/styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var styled = require('styled-components');
-var DSButton = require('@elliemae/ds-basic/Button');
+var DSButton = require('@elliemae/ds-button');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/esm/Components/MiniToolbar.js

@@ -3,20 +3,21 @@ import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useCallback } from 'react';
 import { describe } from 'react-desc';
 import DSDropdownMenu from '@elliemae/ds-dropdownmenu';
+import { MoreOptionsVert } from '@elliemae/ds-icons';
 import { Container, StyledButton } from '../styles.js';
-import VerticalElipsis from '@elliemae/ds-icons/MoreOptionsVert';
 import { miniToolbarProps } from '../propTypes.js';
 import { useGenerateItems } from '../hooks/useGenerateItems.js';
 
-const Elipsis = /*#__PURE__*/_jsx(VerticalElipsis, {
+const Elipsis = /*#__PURE__*/_jsx(MoreOptionsVert, {
   color: ['brand-primary', '600'],
   size: "m"
 });
 
-const MiniToolbar = ({
-  items,
-  overflowButtonProps
-}) => {
+const MiniToolbar = _ref => {
+  let {
+    items,
+    overflowButtonProps
+  } = _ref;
   const [shortcutItems, dropdownMenuItems] = useGenerateItems(items);
   const [isDropdownMenuOpen, setIsDropdownMenuOpen] = useState(false);
   const closeDropdownMenu = useCallback(() => setIsDropdownMenuOpen(false), []);

package/esm/Components/ToolbarShortcut.js

@@ -1,3 +1,8 @@
+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';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { useRef, useEffect } from 'react';

package/esm/Components/outOfTheBox/Button.js

@@ -1,6 +1,11 @@
+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';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'react';
-import DSButton from '@elliemae/ds-basic/Button';
+import DSButton from '@elliemae/ds-button';
 import { jsx } from 'react/jsx-runtime';
 
 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; }

package/esm/Components/outOfTheBox/ComboBox.js

@@ -1,6 +1,11 @@
+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';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'react';
-import DSComboBox2 from '@elliemae/ds-basic/form/ComboBox';
+import { DSComboBox2 } from '@elliemae/ds-form';
 import { jsx } from 'react/jsx-runtime';
 
 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; }

package/esm/Components/outOfTheBox/SearchBox.js

@@ -1,8 +1,13 @@
+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';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
-import SearchIcon from '@elliemae/ds-icons/Search';
-import DSSearchBox from '@elliemae/ds-basic/form/SearchBox';
+import { Search } from '@elliemae/ds-icons';
+import { DSSearchBox } from '@elliemae/ds-form';
 import { StyledButton } from '../../styles.js';
 import { jsx } from 'react/jsx-runtime';
 
@@ -24,7 +29,7 @@ const MiniToolbarSearchButton = props => {
     buttonType: buttonType,
     onClick: onClick,
     style: style,
-    leftIcon: /*#__PURE__*/_jsx(SearchIcon, {
+    leftIcon: /*#__PURE__*/_jsx(Search, {
       size: size,
       color: color
     }),

package/esm/hooks/useGenerateItems.js

@@ -1,8 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+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';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useMemo } from 'react';
 import { uid } from 'uid';
-import SearchIcon from '@elliemae/ds-icons/Search';
+import { Search } from '@elliemae/ds-icons';
 import { SEARCH_BOX, SEPARATOR, BUTTON, ICON_ITEM, COMBO_BOX } from '../Components/outOfTheBox/index.js';
 import { ToolbarShortcut } from '../Components/ToolbarShortcut.js';
 import { MiniToolbarSearchButton, MiniToolbarSearchBox } from '../Components/outOfTheBox/SearchBox.js';
@@ -89,7 +96,7 @@ const useGenerateItems = items => {
         color: color
       });
     } else if (component === SEARCH_BOX) {
-      dropdownItem.leftAddon = /*#__PURE__*/_jsx(SearchIcon, {
+      dropdownItem.leftAddon = /*#__PURE__*/_jsx(Search, {
         color: color
       });
     } else if (component === COMBO_BOX) {

package/esm/styles.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import DSButton from '@elliemae/ds-basic/Button';
+import DSButton from '@elliemae/ds-button';
 
 const Container = /*#__PURE__*/styled.ul.withConfig({
   componentId: "sc-18ftw1x-0"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-mini-toolbar",
-  "version": "2.0.0-next.7",
+  "version": "2.0.0-rc.10",
   "license": "MIT",
   "description": "ICE MT - Dimsum - MiniToolbar",
   "module": "./esm/index.js",
@@ -72,18 +72,24 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-next.7",
+    "@elliemae/ds-button": "2.0.0-rc.10",
+    "@elliemae/ds-dropdownmenu": "2.0.0-rc.10",
+    "@elliemae/ds-form": "2.0.0-rc.10",
+    "@elliemae/ds-icons": "2.0.0-rc.10",
+    "@elliemae/ds-system": "2.0.0-rc.10",
     "react-desc": "~4.1.3",
-    "uuid": "~8.3.2"
+    "uid": "~2.0.0"
   },
   "devDependencies": {
-    "styled-components": "~5.3.1"
+    "@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",
-    "styled-components": "^5.3.1"
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",

package/types/Components/MiniToolbar.d.ts

@@ -1,11 +1,21 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 import React from 'react';
 import { MiniToolbarPropsT } from '../index.d';
 declare const MiniToolbar: {
     ({ items, overflowButtonProps }: MiniToolbarPropsT): React.ReactElement;
     propTypes: {
-        items: any;
-        overflowButtonProps: any;
+        items: import("react-desc").PropTypesDescValidator;
+        overflowButtonProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 };
-declare const MiniToolbarWithSchema: any;
+declare const MiniToolbarWithSchema: {
+    (props?: MiniToolbarPropsT | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { MiniToolbar, MiniToolbarWithSchema };

package/types/propTypes.d.ts

@@ -1,6 +1,17 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
 declare const miniToolbarProps: {
-    items: any;
-    overflowButtonProps: any;
+    items: import("react-desc").PropTypesDescValidator;
+    overflowButtonProps: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+};
+declare const ToolbarItemWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
 };
-declare const ToolbarItemWithSchema: any;
 export { ToolbarItemWithSchema, miniToolbarProps };

package/types/styles.d.ts

@@ -1,5 +1,5 @@
-declare const Container: import("styled-components").StyledComponent<"ul", any, {}, never>;
-declare const Separator: import("styled-components").StyledComponent<"span", any, {}, never>;
-declare const Item: import("styled-components").StyledComponent<"li", any, {}, never>;
-declare const StyledButton: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const Container: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+declare const Separator: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+declare const Item: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
 export { Container, Separator, Item, StyledButton };

package/types/tests/utils.test.d.ts

@@ -12,7 +12,7 @@ export const testItems: ({
         onClick: jest.Mock<null, []>;
     };
     sharedProps: {
-        Icon: any;
+        Icon: (rest: any) => JSX.Element;
         color: string[];
         onClick?: undefined;
     };
@@ -30,7 +30,7 @@ export const testItems: ({
         onClick?: undefined;
     };
     sharedProps: {
-        Icon: any;
+        Icon: (rest: any) => JSX.Element;
         onClick: jest.Mock<null, []>;
         color: string[];
     };
@@ -48,7 +48,7 @@ export const testItems: ({
         onClick: jest.Mock<null, []>;
     };
     sharedProps: {
-        Icon: any;
+        Icon: (rest: any) => JSX.Element;
         color: string[];
         onClick: jest.Mock<null, []>;
     };
@@ -72,7 +72,7 @@ export const testItems: ({
         onClick?: undefined;
     };
     sharedProps: {
-        Icon: any;
+        Icon: (rest: any) => JSX.Element;
         color: string[];
         onClick?: undefined;
     };
@@ -91,7 +91,7 @@ export function addContextualRegionToItems(isOpen: any): ({
         onClick: jest.Mock<null, []>;
     };
     sharedProps: {
-        Icon: any;
+        Icon: (rest: any) => JSX.Element;
         color: string[];
         onClick?: undefined;
     };
@@ -109,7 +109,7 @@ export function addContextualRegionToItems(isOpen: any): ({
         onClick?: undefined;
     };
     sharedProps: {
-        Icon: any;
+        Icon: (rest: any) => JSX.Element;
         onClick: jest.Mock<null, []>;
         color: string[];
     };
@@ -127,7 +127,7 @@ export function addContextualRegionToItems(isOpen: any): ({
         onClick: jest.Mock<null, []>;
     };
     sharedProps: {
-        Icon: any;
+        Icon: (rest: any) => JSX.Element;
         color: string[];
         onClick: jest.Mock<null, []>;
     };
@@ -151,7 +151,7 @@ export function addContextualRegionToItems(isOpen: any): ({
         onClick?: undefined;
     };
     sharedProps: {
-        Icon: any;
+        Icon: (rest: any) => JSX.Element;
         color: string[];
         onClick?: undefined;
     };