@elliemae/ds-mini-toolbar 2.2.0-alpha.3 → 2.2.0-next.2

package/cjs/styles.js

@@ -1,62 +1,29 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styles_exports = {};
-__export(styles_exports, {
-  Container: () => Container,
-  Item: () => Item,
-  Separator: () => Separator,
-  StyledButton: () => StyledButton
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-const Container = import_styled_components.default.ul`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: fit-content;
-  padding: 0 6px;
-`;
-const Separator = import_styled_components.default.span`
-  height: 24px;
-  width: 1px;
-  margin: 6px;
-  border-left: 1px solid #bbb;
-`;
-const Item = import_styled_components.default.li`
-  display: flex;
-  margin: 6px;
-  cursor: pointer;
-`;
-const StyledButton = (0, import_styled_components.default)(import_ds_button.DSButton)`
-  &:not(:focus) {
-    border-color: transparent;
-  }
-`;
-module.exports = __toCommonJS(styles_exports);
-//# sourceMappingURL=styles.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+var DSButton = require('@elliemae/ds-button');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+
+const Container = /*#__PURE__*/styled__default["default"].ul.withConfig({
+  componentId: "sc-18ftw1x-0"
+})(["display:flex;align-items:center;justify-content:center;width:fit-content;padding:0 6px;"]);
+const Separator = /*#__PURE__*/styled__default["default"].span.withConfig({
+  componentId: "sc-18ftw1x-1"
+})(["height:24px;width:1px;margin:6px;border-left:1px solid #bbb;"]);
+const Item = /*#__PURE__*/styled__default["default"].li.withConfig({
+  componentId: "sc-18ftw1x-2"
+})(["display:flex;margin:6px;cursor:pointer;"]);
+const StyledButton = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
+  componentId: "sc-18ftw1x-3"
+})(["&:not(:focus){border-color:transparent;}"]);
+
+exports.Container = Container;
+exports.Item = Item;
+exports.Separator = Separator;
+exports.StyledButton = StyledButton;

package/esm/Components/MiniToolbar.js

@@ -1,52 +1,60 @@
-import * as React from "react";
-import React2, { useState, useCallback } from "react";
-import { describe } from "react-desc";
-import { DSDropdownMenu } from "@elliemae/ds-dropdownmenu";
-import { MoreOptionsVert } from "@elliemae/ds-icons";
-import { StyledButton, Container } from "../styles";
-import { miniToolbarProps } from "../propTypes";
-import { useGenerateItems } from "../hooks/useGenerateItems";
-const Elipsis = /* @__PURE__ */ React2.createElement(MoreOptionsVert, {
-  color: ["brand-primary", "600"],
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+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 { miniToolbarProps } from '../propTypes.js';
+import { useGenerateItems } from '../hooks/useGenerateItems.js';
+
+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), []);
   const openDropdownMenu = useCallback(() => setIsDropdownMenuOpen(true), []);
-  const openDropdownMenuKeyPress = useCallback((e) => {
-    if (e.key === " ") {
+  const openDropdownMenuKeyPress = useCallback(e => {
+    if (e.key === ' ') {
       setIsDropdownMenuOpen(true);
     }
   }, []);
-  const { ariaLabel, style, buttonType = "secondary" } = overflowButtonProps || {};
-  return /* @__PURE__ */ React2.createElement(Container, {
+  const {
+    ariaLabel,
+    style,
+    buttonType = 'secondary'
+  } = overflowButtonProps || {};
+  return /*#__PURE__*/_jsx(Container, {
     role: "toolbar",
     "data-testid": "ds-mini-toolbar"
-  }, shortcutItems, /* @__PURE__ */ React2.createElement(DSDropdownMenu, {
+  }, void 0, shortcutItems, /*#__PURE__*/_jsx(DSDropdownMenu, {
     "data-testid": "ds-mini-toolbar__dropdown-menu",
     isOpen: isDropdownMenuOpen,
     onSelectMenuItem: closeDropdownMenu,
     onClickOutsideMenu: closeDropdownMenu,
     options: dropdownMenuItems,
-    triggerComponent: /* @__PURE__ */ React2.createElement(StyledButton, {
+    triggerComponent: /*#__PURE__*/_jsx(StyledButton, {
       "aria-label": ariaLabel,
       "data-testid": "ds-mini-toolbar__elipsis",
       size: "m",
-      style,
-      buttonType,
+      style: style,
+      buttonType: buttonType,
       onClick: openDropdownMenu,
       onKeyPress: openDropdownMenuKeyPress,
       leftIcon: Elipsis
     })
   }));
 };
-MiniToolbar.propTypes = miniToolbarProps;
+
 const MiniToolbarWithSchema = describe(MiniToolbar);
 MiniToolbarWithSchema.propTypes = miniToolbarProps;
-export {
-  MiniToolbar,
-  MiniToolbarWithSchema
-};
-//# sourceMappingURL=MiniToolbar.js.map
+
+export { MiniToolbar, MiniToolbarWithSchema };

package/esm/Components/ToolbarShortcut.js

@@ -1,43 +1,63 @@
-import * as React from "react";
-import React2, { useRef, useEffect } from "react";
-import { Item } from "../styles";
-const ToolbarShortcut = (props) => {
-  const { Component, shortcutProps, sharedProps, ContextualRegion, contextualRegionProps } = props;
+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';
+import { Item } from '../styles.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const ToolbarShortcut = props => {
+  const {
+    Component,
+    shortcutProps,
+    sharedProps,
+    ContextualRegion,
+    contextualRegionProps
+  } = props;
   const leftRef = useRef(null);
   const rightRef = useRef(null);
   const timerLeft = useRef(null);
   const timerRight = useRef(null);
-  const { position = "left", isOpen = false } = contextualRegionProps || {};
-  const { style } = shortcutProps || {};
-  const mergedProps = {
-    ...sharedProps,
-    ...shortcutProps
-  };
+  const {
+    position = 'left',
+    isOpen = false
+  } = contextualRegionProps || {};
+  const {
+    style
+  } = shortcutProps || {};
+
+  const mergedProps = _objectSpread(_objectSpread({}, sharedProps), shortcutProps);
+
   useEffect(() => {
     if (isOpen && leftRef.current) {
       timerLeft.current = setTimeout(() => leftRef.current.focus(), 200);
     }
+
     if (isOpen && rightRef.current) {
       timerRight.current = setTimeout(() => rightRef.current.focus(), 200);
     }
+
     return () => {
       clearTimeout(timerLeft.current);
       clearTimeout(timerRight.current);
     };
   }, [isOpen, leftRef, rightRef]);
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, isOpen && position === "left" && /* @__PURE__ */ React2.createElement(Item, null, /* @__PURE__ */ React2.createElement(ContextualRegion, {
-    innerRef: leftRef,
-    ...contextualRegionProps
-  })), Component && /* @__PURE__ */ React2.createElement(Item, {
-    style
-  }, /* @__PURE__ */ React2.createElement(Component, {
-    ...mergedProps
-  })), isOpen && position === "right" && /* @__PURE__ */ React2.createElement(Item, null, /* @__PURE__ */ React2.createElement(ContextualRegion, {
-    innerRef: rightRef,
-    ...contextualRegionProps
-  })));
-};
-export {
-  ToolbarShortcut
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [isOpen && position === 'left' && /*#__PURE__*/_jsx(Item, {}, void 0, /*#__PURE__*/jsx(ContextualRegion, _objectSpread({
+      innerRef: leftRef
+    }, contextualRegionProps))), Component && /*#__PURE__*/_jsx(Item, {
+      style: style
+    }, void 0, /*#__PURE__*/jsx(Component, _objectSpread({}, mergedProps))), isOpen && position === 'right' && /*#__PURE__*/_jsx(Item, {}, void 0, /*#__PURE__*/jsx(ContextualRegion, _objectSpread({
+      innerRef: rightRef
+    }, contextualRegionProps)))]
+  });
 };
-//# sourceMappingURL=ToolbarShortcut.js.map
+
+export { ToolbarShortcut };

package/esm/Components/outOfTheBox/Button.js

@@ -1,12 +1,20 @@
-import * as React from "react";
-import React2 from "react";
-import { DSButton } from "@elliemae/ds-button";
-const MiniToolbarButton = (props) => /* @__PURE__ */ React2.createElement(DSButton, {
-  ...props,
+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-button';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const MiniToolbarButton = props => /*#__PURE__*/jsx(DSButton, _objectSpread(_objectSpread({}, props), {}, {
   "aria-label": props.ariaLabel,
   "data-testid": "ds-mini-toolbar__shortcut"
-});
-export {
-  MiniToolbarButton
-};
-//# sourceMappingURL=Button.js.map
+}));
+
+export { MiniToolbarButton };

package/esm/Components/outOfTheBox/ComboBox.js

@@ -1,10 +1,17 @@
-import * as React from "react";
-import React2 from "react";
-import { DSComboBox2 } from "@elliemae/ds-form";
-const MiniToolbarComboBox = (props) => /* @__PURE__ */ React2.createElement(DSComboBox2, {
-  ...props
-});
-export {
-  MiniToolbarComboBox
-};
-//# sourceMappingURL=ComboBox.js.map
+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-form';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const MiniToolbarComboBox = props => /*#__PURE__*/jsx(DSComboBox2, _objectSpread({}, props));
+
+export { MiniToolbarComboBox };

package/esm/Components/outOfTheBox/IconItem.js

@@ -1,21 +1,28 @@
-import * as React from "react";
-import React2 from "react";
-import { StyledButton } from "../../styles";
-const MiniToolbarIcon = (props) => {
-  const { Icon, size, color, onClick, ariaLabel, style, buttonType = "secondary" } = props;
-  return /* @__PURE__ */ React2.createElement(StyledButton, {
-    "aria-label": ariaLabel,
-    buttonType,
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { StyledButton } from '../../styles.js';
+
+const MiniToolbarIcon = props => {
+  const {
+    Icon,
+    size,
+    color,
     onClick,
+    ariaLabel,
     style,
-    leftIcon: /* @__PURE__ */ React2.createElement(Icon, {
-      size,
-      color
+    buttonType = 'secondary'
+  } = props;
+  return /*#__PURE__*/_jsx(StyledButton, {
+    "aria-label": ariaLabel,
+    buttonType: buttonType,
+    onClick: onClick,
+    style: style,
+    leftIcon: /*#__PURE__*/_jsx(Icon, {
+      size: size,
+      color: color
     }),
     "data-testid": "ds-mini-toolbar__shortcut"
   });
 };
-export {
-  MiniToolbarIcon
-};
-//# sourceMappingURL=IconItem.js.map
+
+export { MiniToolbarIcon };

package/esm/Components/outOfTheBox/SearchBox.js

@@ -1,29 +1,45 @@
-import * as React from "react";
-import React2 from "react";
-import { Search } from "@elliemae/ds-icons";
-import { DSSearchBox } from "@elliemae/ds-form";
-import { StyledButton } from "../../styles";
-const MiniToolbarSearchButton = (props) => {
-  const { size, color, onClick, ariaLabel, style, buttonType = "secondary" } = props;
-  return /* @__PURE__ */ React2.createElement(StyledButton, {
-    "aria-label": ariaLabel,
-    buttonType,
+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 { Search } from '@elliemae/ds-icons';
+import { DSSearchBox } from '@elliemae/ds-form';
+import { StyledButton } from '../../styles.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const MiniToolbarSearchButton = props => {
+  const {
+    size,
+    color,
     onClick,
+    ariaLabel,
     style,
-    leftIcon: /* @__PURE__ */ React2.createElement(Search, {
-      size,
-      color
+    buttonType = 'secondary'
+  } = props;
+  return /*#__PURE__*/_jsx(StyledButton, {
+    "aria-label": ariaLabel,
+    buttonType: buttonType,
+    onClick: onClick,
+    style: style,
+    leftIcon: /*#__PURE__*/_jsx(Search, {
+      size: size,
+      color: color
     }),
     "data-testid": "ds-mini-toolbar__shortcut"
   });
 };
-const MiniToolbarSearchBox = (props) => /* @__PURE__ */ React2.createElement(DSSearchBox, {
+
+const MiniToolbarSearchBox = props => /*#__PURE__*/jsx(DSSearchBox, _objectSpread({
   clearable: true,
-  showIcon: false,
-  ...props
-});
-export {
-  MiniToolbarSearchBox,
-  MiniToolbarSearchButton
-};
-//# sourceMappingURL=SearchBox.js.map
+  showIcon: false
+}, props));
+
+export { MiniToolbarSearchBox, MiniToolbarSearchButton };

package/esm/Components/outOfTheBox/Separator.js

@@ -1,10 +1,11 @@
-import * as React from "react";
-import React2 from "react";
-import { Separator } from "../../styles";
-const MiniToolbarSeparator = () => /* @__PURE__ */ React2.createElement(Separator, {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { Separator } from '../../styles.js';
+
+var _Separator;
+
+const MiniToolbarSeparator = () => _Separator || (_Separator = /*#__PURE__*/_jsx(Separator, {
   "data-testid": "ds-mini-toolbar__separator"
-});
-export {
-  MiniToolbarSeparator
-};
-//# sourceMappingURL=Separator.js.map
+}));
+
+export { MiniToolbarSeparator };

package/esm/Components/outOfTheBox/index.js

@@ -1,24 +1,13 @@
-import * as React from "react";
-import { MiniToolbarButton } from "./Button";
-import { MiniToolbarIcon } from "./IconItem";
-import { MiniToolbarSearchBox } from "./SearchBox";
-import { MiniToolbarSeparator } from "./Separator";
-import { MiniToolbarComboBox } from "./ComboBox";
-const ICON_ITEM = "ds-icon-item";
-const SEPARATOR = "ds-separator";
-const BUTTON = "ds-button";
-const SEARCH_BOX = "ds-search-box";
-const COMBO_BOX = "ds-combo-box";
-export {
-  BUTTON,
-  COMBO_BOX,
-  ICON_ITEM,
-  MiniToolbarButton,
-  MiniToolbarComboBox,
-  MiniToolbarIcon,
-  MiniToolbarSearchBox,
-  MiniToolbarSeparator,
-  SEARCH_BOX,
-  SEPARATOR
-};
-//# sourceMappingURL=index.js.map
+export { MiniToolbarButton } from './Button.js';
+export { MiniToolbarIcon } from './IconItem.js';
+export { MiniToolbarSearchBox } from './SearchBox.js';
+export { MiniToolbarSeparator } from './Separator.js';
+export { MiniToolbarComboBox } from './ComboBox.js';
+
+const ICON_ITEM = 'ds-icon-item';
+const SEPARATOR = 'ds-separator';
+const BUTTON = 'ds-button';
+const SEARCH_BOX = 'ds-search-box';
+const COMBO_BOX = 'ds-combo-box';
+
+export { BUTTON, COMBO_BOX, ICON_ITEM, SEARCH_BOX, SEPARATOR };