@elliemae/ds-pills 2.0.0-next.3 → 2.0.0-next.4

package/cjs/components/PillButton.js

@@ -39,7 +39,7 @@ const DSPillButton = props$1 => {
 
   return /*#__PURE__*/jsxRuntime.jsx(styled.StyledPillButton, _objectSpread(_objectSpread({}, rest), {}, {
     buttonType: "raw",
-    className: `${typeToClassName[type]} ${rest.className}`,
+    className: "".concat(typeToClassName[type], " ").concat(rest.className),
     children: children
   }));
 };

package/cjs/components/PillGroup.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var reactDesc = require('react-desc');
 var uid = require('uid');
@@ -20,9 +21,9 @@ const DSPillGroupV2Context = /*#__PURE__*/React.createContext({
 const DSPillGroupV2 = ({
   children
 }) => {
-  const pillGroupUid = React.useMemo(() => `ds-pill-group-${uid.uid()}`, []);
+  const pillGroupUid = React.useMemo(() => "ds-pill-group-".concat(uid.uid()), []);
   const onKeyboardRemove = React.useCallback(pillUid => {
-    const elems = [...document.querySelectorAll(`#${pillGroupUid} .ds-pill-focus-point`)];
+    const elems = [...document.querySelectorAll("#".concat(pillGroupUid, " .ds-pill-focus-point"))];
     const pillIndex = elems.findIndex(elem => elem.id === pillUid);
 
     if (pillIndex > 0) {

package/cjs/components/styled.js

@@ -32,7 +32,7 @@ const StyledInputPillWrapper = /*#__PURE__*/styled__default["default"](Grid__def
 })(["", " background:", ";padding:0;", ":focus-within{", "}:active{", "}& .em-ds-input{outline:none !important;border:none !important;box-shadow:none !important;border-radius:0 !important;height:100%;background:transparent;width:", ";padding:0;margin:0 0 0 8px;}& .em-ds-input__tooltip-ref{height:100%;}"], commonPillWrapperCss, props => props.theme.colors.neutral['000'], ({
   value,
   theme
-}) => borderOutside(value === '' ? theme.colors.neutral[400] : theme.colors.brand[500]), props => props.inputHasFocus ? borderOutside(props.theme.colors.brand[700], 2) : '', props => props.inputHasFocus ? borderOutside(props.theme.colors.brand[500]) : '', props => `${props.inputWidth + (props.value === '' ? 24 : 0)}px`);
+}) => borderOutside(value === '' ? theme.colors.neutral[400] : theme.colors.brand[500]), props => props.inputHasFocus ? borderOutside(props.theme.colors.brand[700], 2) : '', props => props.inputHasFocus ? borderOutside(props.theme.colors.brand[500]) : '', props => "".concat(props.inputWidth + (props.value === '' ? 24 : 0), "px"));
 const StyledDropdownPillWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-j0tlch-3"
 })(["", " font-weight:", ";padding:0 0 0 12px;"], commonPillWrapperCss, props => props.theme.fontWeights.semibold);

package/cjs/components/types/DropdownPill.js

@@ -32,7 +32,7 @@ const DropdownPill = /*#__PURE__*/React__default["default"].memo(({
   ariaLabel
 }) => {
   const chevronRef = React.useRef(null);
-  const pillUid = React.useMemo(() => `ds-pill-${uid.uid()}`, []);
+  const pillUid = React.useMemo(() => "ds-pill-".concat(uid.uid()), []);
   return /*#__PURE__*/_jsx__default["default"](styled.StyledDropdownPillWrapper, {
     id: pillUid,
     className: "ds-pill-wrapper ds-pill-wrapper-dropdown",

package/cjs/components/types/InputPill.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var uid = require('uid');
 var CloseIcon = require('@elliemae/ds-icons/CloseXsmall');
@@ -27,7 +28,7 @@ const InputPill = /*#__PURE__*/React__default["default"].memo(({
 }) => {
   const ref = React.useRef(null);
   const InputComponent = React.useMemo(() => inputRender, [inputRender]);
-  const pillUid = React.useMemo(() => `ds-pill-${uid.uid()}`, []);
+  const pillUid = React.useMemo(() => "ds-pill-".concat(uid.uid()), []);
   const onCloseIconClick = React.useCallback(e => {
     if ([undefined, 'Enter', 'Space'].includes(e.code)) {
       e.preventDefault();

package/cjs/components/types/RemovablePill.js

@@ -26,7 +26,7 @@ const RemovablePill = /*#__PURE__*/React__default["default"].memo(({
   const {
     onKeyboardRemove
   } = React.useContext(PillGroup.DSPillGroupV2Context);
-  const pillUid = React.useMemo(() => `ds-pill-${uid.uid()}`, []);
+  const pillUid = React.useMemo(() => "ds-pill-".concat(uid.uid()), []);
   const onKeyDown = React.useCallback(e => {
     if (['Enter', 'Space'].includes(e.code)) {
       e.preventDefault();
@@ -51,7 +51,7 @@ const RemovablePill = /*#__PURE__*/React__default["default"].memo(({
     innerRef: innerRef,
     onClick: onRemove,
     onKeyDown: onKeyDown,
-    "aria-label": `Remove ${label}`,
+    "aria-label": "Remove ".concat(label),
     type: "right"
   }, void 0, /*#__PURE__*/_jsx__default["default"](CloseIcon__default["default"], {
     size: "s",

package/cjs/deprecated/DropdownPill.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var reactDesc = require('react-desc');
 var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js

@@ -3,6 +3,7 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var utils = require('@elliemae/ds-utilities/utils');
 var PillGroup = require('../PillGroup.js');

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js

@@ -3,6 +3,7 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var lodash = require('lodash');
 var utils = require('@elliemae/ds-utilities/utils');
@@ -136,7 +137,7 @@ function LabeledDropdownMultiPills(_ref) {
 
       return null;
     }), selectedOptions && selectedOptions.length > overflowQuantity && /*#__PURE__*/_jsx__default["default"](OverflowPill.OverflowPill, {
-      label: `+ ${selectedOptions.length - overflowQuantity}`,
+      label: "+ ".concat(selectedOptions.length - overflowQuantity),
       options: overflowOptions
     })]
   });

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js

@@ -3,6 +3,7 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var usePrevious = require('@elliemae/ds-utilities/hooks/usePrevious');
 var useShouldRecalculate = require('@elliemae/ds-utilities/hooks/useShouldRecalculate');

package/cjs/deprecated/OverflowPill.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var reactDesc = require('react-desc');
 var useFocusGroupItem = require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
@@ -27,9 +28,9 @@ function OverflowPill({
     let text = '';
     options.forEach(option => {
       if (!tooltipText || option === options[0]) {
-        text = `${option.label}`;
+        text = "".concat(option.label);
       } else {
-        text = text.concat(`, ${option.label}`);
+        text = text.concat(", ".concat(option.label));
       }
     });
     setTooltipText(text);

package/cjs/deprecated/ReadOnlyPill.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var reactDesc = require('react-desc');
 var InfoCircleSmall = require('@elliemae/ds-icons/InfoCircleSmall');

package/esm/components/PillButton.js

@@ -30,7 +30,7 @@ const DSPillButton = props => {
 
   return /*#__PURE__*/jsx(StyledPillButton, _objectSpread(_objectSpread({}, rest), {}, {
     buttonType: "raw",
-    className: `${typeToClassName[type]} ${rest.className}`,
+    className: "".concat(typeToClassName[type], " ").concat(rest.className),
     children: children
   }));
 };

package/esm/components/PillGroup.js

@@ -1,4 +1,5 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { createContext, useMemo, useCallback } from 'react';
 import { describe } from 'react-desc';
 import { uid } from 'uid';
@@ -11,9 +12,9 @@ const DSPillGroupV2Context = /*#__PURE__*/createContext({
 const DSPillGroupV2 = ({
   children
 }) => {
-  const pillGroupUid = useMemo(() => `ds-pill-group-${uid()}`, []);
+  const pillGroupUid = useMemo(() => "ds-pill-group-".concat(uid()), []);
   const onKeyboardRemove = useCallback(pillUid => {
-    const elems = [...document.querySelectorAll(`#${pillGroupUid} .ds-pill-focus-point`)];
+    const elems = [...document.querySelectorAll("#".concat(pillGroupUid, " .ds-pill-focus-point"))];
     const pillIndex = elems.findIndex(elem => elem.id === pillUid);
 
     if (pillIndex > 0) {

package/esm/components/styled.js

@@ -23,7 +23,7 @@ const StyledInputPillWrapper = /*#__PURE__*/styled(Grid).withConfig({
 })(["", " background:", ";padding:0;", ":focus-within{", "}:active{", "}& .em-ds-input{outline:none !important;border:none !important;box-shadow:none !important;border-radius:0 !important;height:100%;background:transparent;width:", ";padding:0;margin:0 0 0 8px;}& .em-ds-input__tooltip-ref{height:100%;}"], commonPillWrapperCss, props => props.theme.colors.neutral['000'], ({
   value,
   theme
-}) => borderOutside(value === '' ? theme.colors.neutral[400] : theme.colors.brand[500]), props => props.inputHasFocus ? borderOutside(props.theme.colors.brand[700], 2) : '', props => props.inputHasFocus ? borderOutside(props.theme.colors.brand[500]) : '', props => `${props.inputWidth + (props.value === '' ? 24 : 0)}px`);
+}) => borderOutside(value === '' ? theme.colors.neutral[400] : theme.colors.brand[500]), props => props.inputHasFocus ? borderOutside(props.theme.colors.brand[700], 2) : '', props => props.inputHasFocus ? borderOutside(props.theme.colors.brand[500]) : '', props => "".concat(props.inputWidth + (props.value === '' ? 24 : 0), "px"));
 const StyledDropdownPillWrapper = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-j0tlch-3"
 })(["", " font-weight:", ";padding:0 0 0 12px;"], commonPillWrapperCss, props => props.theme.fontWeights.semibold);

package/esm/components/types/DropdownPill.js

@@ -20,7 +20,7 @@ const DropdownPill = /*#__PURE__*/React.memo(({
   ariaLabel
 }) => {
   const chevronRef = useRef(null);
-  const pillUid = useMemo(() => `ds-pill-${uid()}`, []);
+  const pillUid = useMemo(() => "ds-pill-".concat(uid()), []);
   return /*#__PURE__*/_jsx(StyledDropdownPillWrapper, {
     id: pillUid,
     className: "ds-pill-wrapper ds-pill-wrapper-dropdown",

package/esm/components/types/InputPill.js

@@ -1,4 +1,5 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { useRef, useMemo, useCallback, useState } from 'react';
 import { uid } from 'uid';
 import CloseIcon from '@elliemae/ds-icons/CloseXsmall';
@@ -17,7 +18,7 @@ const InputPill = /*#__PURE__*/React.memo(({
 }) => {
   const ref = useRef(null);
   const InputComponent = useMemo(() => inputRender, [inputRender]);
-  const pillUid = useMemo(() => `ds-pill-${uid()}`, []);
+  const pillUid = useMemo(() => "ds-pill-".concat(uid()), []);
   const onCloseIconClick = useCallback(e => {
     if ([undefined, 'Enter', 'Space'].includes(e.code)) {
       e.preventDefault();

package/esm/components/types/RemovablePill.js

@@ -16,7 +16,7 @@ const RemovablePill = /*#__PURE__*/React.memo(({
   const {
     onKeyboardRemove
   } = useContext(DSPillGroupV2Context);
-  const pillUid = useMemo(() => `ds-pill-${uid()}`, []);
+  const pillUid = useMemo(() => "ds-pill-".concat(uid()), []);
   const onKeyDown = useCallback(e => {
     if (['Enter', 'Space'].includes(e.code)) {
       e.preventDefault();
@@ -41,7 +41,7 @@ const RemovablePill = /*#__PURE__*/React.memo(({
     innerRef: innerRef,
     onClick: onRemove,
     onKeyDown: onKeyDown,
-    "aria-label": `Remove ${label}`,
+    "aria-label": "Remove ".concat(label),
     type: "right"
   }, void 0, /*#__PURE__*/_jsx(CloseIcon, {
     size: "s",

package/esm/deprecated/DropdownPill.js

@@ -1,6 +1,7 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useRef, useState } from 'react';
 import { PropTypes, describe } from 'react-desc';
 import DSDropdownMenu from '@elliemae/ds-dropdownmenu';

package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js

@@ -1,6 +1,7 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { createElement } from 'react';
 import { isFunction, addOrRemove } from '@elliemae/ds-utilities/utils';
 import { PillGroup } from '../PillGroup.js';

package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js

@@ -1,6 +1,7 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect, useCallback } from 'react';
 import { find } from 'lodash';
 import { isFunction, addOrRemove } from '@elliemae/ds-utilities/utils';
@@ -128,7 +129,7 @@ function LabeledDropdownMultiPills(_ref) {
 
       return null;
     }), selectedOptions && selectedOptions.length > overflowQuantity && /*#__PURE__*/_jsx(OverflowPill, {
-      label: `+ ${selectedOptions.length - overflowQuantity}`,
+      label: "+ ".concat(selectedOptions.length - overflowQuantity),
       options: overflowOptions
     })]
   });

package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js

@@ -1,6 +1,7 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect, useLayoutEffect, useCallback } from 'react';
 import usePrevious from '@elliemae/ds-utilities/hooks/usePrevious';
 import useShouldRecalculate from '@elliemae/ds-utilities/hooks/useShouldRecalculate';

package/esm/deprecated/OverflowPill.js

@@ -1,4 +1,5 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useRef, useState, useEffect } from 'react';
 import { PropTypes, describe } from 'react-desc';
 import useFocusGroupItem from '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';
@@ -17,9 +18,9 @@ function OverflowPill({
     let text = '';
     options.forEach(option => {
       if (!tooltipText || option === options[0]) {
-        text = `${option.label}`;
+        text = "".concat(option.label);
       } else {
-        text = text.concat(`, ${option.label}`);
+        text = text.concat(", ".concat(option.label));
       }
     });
     setTooltipText(text);

package/esm/deprecated/ReadOnlyPill.js

@@ -1,4 +1,5 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useRef, useState } from 'react';
 import { PropTypes, describe } from 'react-desc';
 import InfoCircleSmall from '@elliemae/ds-icons/InfoCircleSmall';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-pills",
-  "version": "2.0.0-next.3",
+  "version": "2.0.0-next.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Pills",
   "module": "./esm/index.js",
@@ -144,14 +144,14 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.0.0-next.3",
-    "@elliemae/ds-dropdownmenu": "2.0.0-next.3",
-    "@elliemae/ds-form": "2.0.0-next.3",
-    "@elliemae/ds-icons": "2.0.0-next.3",
-    "@elliemae/ds-modal": "2.0.0-next.3",
-    "@elliemae/ds-shared": "2.0.0-next.3",
-    "@elliemae/ds-tooltip": "2.0.0-next.3",
-    "@elliemae/ds-utilities": "2.0.0-next.3",
+    "@elliemae/ds-classnames": "2.0.0-next.4",
+    "@elliemae/ds-dropdownmenu": "2.0.0-next.4",
+    "@elliemae/ds-form": "2.0.0-next.4",
+    "@elliemae/ds-icons": "2.0.0-next.4",
+    "@elliemae/ds-modal": "2.0.0-next.4",
+    "@elliemae/ds-shared": "2.0.0-next.4",
+    "@elliemae/ds-tooltip": "2.0.0-next.4",
+    "@elliemae/ds-utilities": "2.0.0-next.4",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3"
   },

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}