@elliemae/ds-form 1.57.0-rc.1 → 1.57.0-rc.13

package/esm/MenuItem/components/SubmenuItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/MenuItem/components/SubmenuItem/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { describe } from 'react-desc';\nimport Grid from '@elliemae/ds-grid';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport Ellipsis from '@elliemae/ds-icons/MoreOptionsVert';\nimport ChevronRight from '@elliemae/ds-icons/ChevronRight';\nimport { DSDropdownMenuV2 } from '@elliemae/ds-dropdownmenu';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { MenuItemT, defaultProps, itemProps } from '../../props';\nimport { StyledItemLabel } from './styled';\nimport { StyledSubmenuItemWrapper } from '../styled';\n\nconst SubmenuItem = (props: MenuItemT): JSX.Element => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, SubmenuItemWithSchema.toTypescript());\n\n  const {\n    dsId,\n    label,\n    isSelected,\n    isActive,\n    onClick,\n    isFocus,\n    rightAddon,\n    options,\n    selectedOptions,\n    innerRef,\n    onMouseEnter,\n    onMouseLeave,\n    onKeyDown,\n    onOptionClick,\n    onClickOutside,\n  } = propsWithDefault;\n\n  const [delayedIsOpened, setDelayedIsOpened] = useState(false);\n\n  useEffect(() => {\n    setDelayedIsOpened(isSelected);\n  }, [isSelected]);\n\n  const timeoutRef = useRef<NodeJS.Timeout>(null);\n\n  const onMouseEnterHandler = useCallback(\n    (e) => {\n      if (rightAddon !== 'ellipsis') {\n        if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n        else if (!isSelected) onClick(e);\n        timeoutRef.current = null;\n      }\n      if (e.target) onMouseEnter(e);\n    },\n    [isSelected, onClick, onMouseEnter, rightAddon],\n  );\n\n  const onMouseLeaveHandler = useCallback(\n    (e) => {\n      if (rightAddon !== 'ellipsis') {\n        if (timeoutRef.current === null) {\n          timeoutRef.current = setTimeout(() => {\n            timeoutRef.current = null;\n            onClick(e);\n          }, 300);\n        }\n      }\n      onMouseLeave(e);\n    },\n    [onClick, onMouseLeave, rightAddon],\n  );\n\n  return (\n    <DSDropdownMenuV2\n      isOpened={delayedIsOpened}\n      options={options}\n      onOptionClick={onOptionClick}\n      startPlacementPreference=\"right-start\"\n      placementOrderPreference={['right-start', 'right-end', 'left-start', 'left-end']}\n      selectedOptions={selectedOptions}\n      onKeyDown={onKeyDown}\n      onMouseEnter={onMouseEnterHandler}\n      onMouseLeave={onMouseLeaveHandler}\n      onClickOutside={onClickOutside}\n      wrapperSpacing={{ width: '100%' }}\n      customOffset={[0, 1]}\n    >\n      <StyledSubmenuItemWrapper\n        aria-selected={isSelected}\n        pr={0}\n        id={dsId}\n        role=\"option\"\n        isSelected={isSelected}\n        isActive={isActive}\n        isFocus={isFocus}\n        onClick={onClick}\n        ref={innerRef}\n        onMouseEnter={onMouseEnterHandler}\n        onMouseLeave={onMouseLeaveHandler}\n      >\n        <Grid cols={['auto', 'min-content']}>\n          <StyledItemLabel>{label}</StyledItemLabel>\n\n          <DSButtonV2\n            buttonType=\"icon\"\n            onClick={(e) => {\n              e.stopPropagation();\n              onClick(e);\n            }}\n          >\n            {rightAddon === 'ellipsis' ? <Ellipsis /> : <ChevronRight />}\n          </DSButtonV2>\n        </Grid>\n      </StyledSubmenuItemWrapper>\n    </DSDropdownMenuV2>\n  );\n};\n\nSubmenuItem.propTypes = itemProps;\nconst SubmenuItemWithSchema = describe(SubmenuItem);\nSubmenuItemWithSchema.propTypes = itemProps;\n\nexport { SubmenuItem, SubmenuItemWithSchema };\n"],"names":["SubmenuItem","props","propsWithDefault","useMemoMergePropsWithDefault","defaultProps","useValidateTypescriptPropTypes","SubmenuItemWithSchema","toTypescript","dsId","label","isSelected","isActive","onClick","isFocus","rightAddon","options","selectedOptions","innerRef","onMouseEnter","onMouseLeave","onKeyDown","onOptionClick","onClickOutside","useState","delayedIsOpened","setDelayedIsOpened","useEffect","timeoutRef","useRef","onMouseEnterHandler","useCallback","e","current","clearTimeout","target","onMouseLeaveHandler","setTimeout","width","stopPropagation","propTypes","itemProps","describe"],"mappings":"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"}

package/esm/MenuItem/components/SubmenuItem/styled.js

@@ -0,0 +1,15 @@
+import styled from 'styled-components';
+import { StyledGlobalMenuItemWrapper } from '../styled.js';
+import 'styled-system';
+
+var StyledItemWrapper = /*#__PURE__*/styled(StyledGlobalMenuItemWrapper).withConfig({
+  componentId: "sc-1kei8ft-0"
+})(["background-color:", " !important;"], function (props) {
+  return props.isSelected ? props.theme.colors.brand[200] : 'white';
+});
+var StyledItemLabel = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1kei8ft-1"
+})(["display:grid;align-items:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;"]);
+
+export { StyledItemLabel, StyledItemWrapper };
+//# sourceMappingURL=styled.js.map

package/esm/MenuItem/components/SubmenuItem/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../src/MenuItem/components/SubmenuItem/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { StyledGlobalMenuItemWrapper } from '../styled';\n\nexport const StyledItemWrapper = styled(StyledGlobalMenuItemWrapper)`\n  background-color: ${(props) => (props.isSelected ? props.theme.colors.brand[200] : 'white')} !important;\n`;\n\nexport const StyledItemLabel = styled.div`\n  display: grid;\n  align-items: center;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  width: 100%;\n`;\n"],"names":["StyledItemWrapper","styled","StyledGlobalMenuItemWrapper","props","isSelected","theme","colors","brand","StyledItemLabel","div"],"mappings":";;;;IAGaA,iBAAiB,gBAAGC,MAAM,CAACC,2BAAD,CAAT;AAAA;AAAA,0CACR,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACC,UAAN,GAAmBD,KAAK,CAACE,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAnB,GAAmD,OAA/D;AAAA,CADQ;IAIjBC,eAAe,gBAAGP,MAAM,CAACQ,GAAV;AAAA;AAAA;;;;"}

package/esm/MenuItem/components/index.js

@@ -0,0 +1,31 @@
+export { SingleMenuItem } from './SingleMenuItem/SingleMenuItem.js';
+export { MultiMenuItem, MultiMenuItemWithSchema } from './MultiMenuItem/MultiMenuItem.js';
+export { MenuItem, MenuItemWithSchema } from './MenuItem/index.js';
+export { SubmenuItem, SubmenuItemWithSchema } from './SubmenuItem/index.js';
+export { Section } from './Section/index.js';
+export { Separator } from './Separator/index.js';
+import 'react';
+import 'react-desc';
+import '@elliemae/ds-truncated-tooltip-text';
+import '@elliemae/ds-icons/Checkmark';
+import '@elliemae/ds-grid';
+import '../props.js';
+import 'lodash';
+import './SingleMenuItem/styled.js';
+import 'styled-components';
+import './styled.js';
+import 'styled-system';
+import '@elliemae/ds-controlled-form';
+import './MultiMenuItem/styled.js';
+import '@elliemae/ds-props-helpers';
+import './MenuItem/styled.js';
+import '@babel/runtime/helpers/esm/slicedToArray';
+import '@elliemae/ds-button';
+import '@elliemae/ds-icons/MoreOptionsVert';
+import '@elliemae/ds-icons/ChevronRight';
+import '@elliemae/ds-dropdownmenu';
+import './SubmenuItem/styled.js';
+import './Section/props.js';
+import './Section/styled.js';
+import './Separator/styled.js';
+//# sourceMappingURL=index.js.map

package/esm/MenuItem/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/MenuItem/components/styled.js

@@ -0,0 +1,44 @@
+import styled, { css } from 'styled-components';
+import { space } from 'styled-system';
+
+var borderOutside = function borderOutside(color) {
+  var width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  return css([":after{display:block;content:' ';position:absolute;top:0;left:0;right:0;bottom:0;border:", "px solid ", ";pointer-events:none;z-index:7;}"], width, color);
+};
+
+var activeBorderCss = function activeBorderCss(props) {
+  return borderOutside(props.theme.colors.brand[500]);
+};
+
+var focusBorderCss = function focusBorderCss(props) {
+  return borderOutside(props.theme.colors.brand[700], 2);
+};
+
+var StyledGlobalMenuItemWrapper = /*#__PURE__*/styled.li.withConfig({
+  componentId: "sc-jyoobd-0"
+})(["cursor:pointer;height:32px;padding-left:16px;padding-right:40px;display:grid;align-items:center;list-style:none;position:relative;", " ", ";background-color:", ";&:hover{background-color:", ";}"], space, function (props) {
+  if (props.isFocus) return focusBorderCss(props);
+  if (props.isActive) return activeBorderCss(props);
+  return '';
+}, function (props) {
+  return props.isActive ? props.theme.colors.brand[200] : 'white';
+}, function (props) {
+  return props.theme.colors.brand[200];
+});
+var StyledMenuItemWrapper = /*#__PURE__*/styled(StyledGlobalMenuItemWrapper).withConfig({
+  componentId: "sc-jyoobd-1"
+})(["background-color:", " !important;", ";"], function (props) {
+  return props.isSelected ? props.theme.colors.brand[200] : 'white';
+}, function (props) {
+  return props.isSelected && !props.isFocus ? activeBorderCss(props) : '';
+});
+var StyledSubmenuItemWrapper = /*#__PURE__*/styled(StyledGlobalMenuItemWrapper).withConfig({
+  componentId: "sc-jyoobd-2"
+})(["background-color:", " !important;", ";"], function (props) {
+  return props.isSelected ? props.theme.colors.brand[200] : 'white';
+}, function (props) {
+  return props.isSelected && !props.isFocus ? activeBorderCss(props) : '';
+});
+
+export { StyledGlobalMenuItemWrapper, StyledMenuItemWrapper, StyledSubmenuItemWrapper };
+//# sourceMappingURL=styled.js.map

package/esm/MenuItem/components/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../src/MenuItem/components/styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { space } from 'styled-system';\nimport { MenuItemT } from '../props';\n\nconst borderOutside = (color, width = 1) => css`\n  :after {\n    display: block;\n    content: ' ';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border: ${width}px solid ${color};\n    pointer-events: none;\n    z-index: 7;\n  }\n`;\n\nconst activeBorderCss = (props) => borderOutside(props.theme.colors.brand[500]);\nconst focusBorderCss = (props) => borderOutside(props.theme.colors.brand[700], 2);\n\nexport const StyledGlobalMenuItemWrapper = styled.li<\n  Pick<MenuItemT, 'isSelected' | 'isFocus' | 'isActive'> & typeof space\n>`\n  cursor: pointer;\n  height: 32px;\n  padding-left: 16px;\n  padding-right: 40px;\n  display: grid;\n  align-items: center;\n  list-style: none;\n  position: relative;\n\n  ${space}\n\n  ${(props) => {\n    if (props.isFocus) return focusBorderCss(props);\n    if (props.isActive) return activeBorderCss(props);\n    return '';\n  }};\n\n  background-color: ${(props) => (props.isActive ? props.theme.colors.brand[200] : 'white')};\n\n  &:hover {\n    background-color: ${(props) => props.theme.colors.brand[200]};\n  }\n`;\n\nexport const StyledMenuItemWrapper = styled(StyledGlobalMenuItemWrapper)`\n  background-color: ${(props) => (props.isSelected ? props.theme.colors.brand[200] : 'white')} !important;\n\n  ${(props) => (props.isSelected && !props.isFocus ? activeBorderCss(props) : '')};\n`;\n\nexport const StyledSubmenuItemWrapper = styled(StyledGlobalMenuItemWrapper)`\n  background-color: ${(props) => (props.isSelected ? props.theme.colors.brand[200] : 'white')} !important;\n\n  ${(props) => (props.isSelected && !props.isFocus ? activeBorderCss(props) : '')};\n`;\n"],"names":["borderOutside","color","width","css","activeBorderCss","props","theme","colors","brand","focusBorderCss","StyledGlobalMenuItemWrapper","styled","li","space","isFocus","isActive","StyledMenuItemWrapper","isSelected","StyledSubmenuItemWrapper"],"mappings":";;;AAIA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;AAAA,MAAQC,KAAR,uEAAgB,CAAhB;AAAA,SAAsBC,GAAtB,gJASRD,KATQ,EASSD,KATT;AAAA,CAAtB;;AAeA,IAAMG,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD;AAAA,SAAWL,aAAa,CAACK,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAD,CAAxB;AAAA,CAAxB;;AACA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACJ,KAAD;AAAA,SAAWL,aAAa,CAACK,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAD,EAAgC,CAAhC,CAAxB;AAAA,CAAvB;;IAEaE,2BAA2B,gBAAGC,MAAM,CAACC,EAAV;AAAA;AAAA,0MAYpCC,KAZoC,EAcpC,UAACR,KAAD,EAAW;AACX,MAAIA,KAAK,CAACS,OAAV,EAAmB,OAAOL,cAAc,CAACJ,KAAD,CAArB;AACnB,MAAIA,KAAK,CAACU,QAAV,EAAoB,OAAOX,eAAe,CAACC,KAAD,CAAtB;AACpB,SAAO,EAAP;AACD,CAlBqC,EAoBlB,UAACA,KAAD;AAAA,SAAYA,KAAK,CAACU,QAAN,GAAiBV,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAjB,GAAiD,OAA7D;AAAA,CApBkB,EAuBhB,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAvBgB;IA2B3BQ,qBAAqB,gBAAGL,MAAM,CAACD,2BAAD,CAAT;AAAA;AAAA,+CACZ,UAACL,KAAD;AAAA,SAAYA,KAAK,CAACY,UAAN,GAAmBZ,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAnB,GAAmD,OAA/D;AAAA,CADY,EAG9B,UAACH,KAAD;AAAA,SAAYA,KAAK,CAACY,UAAN,IAAoB,CAACZ,KAAK,CAACS,OAA3B,GAAqCV,eAAe,CAACC,KAAD,CAApD,GAA8D,EAA1E;AAAA,CAH8B;IAMrBa,wBAAwB,gBAAGP,MAAM,CAACD,2BAAD,CAAT;AAAA;AAAA,+CACf,UAACL,KAAD;AAAA,SAAYA,KAAK,CAACY,UAAN,GAAmBZ,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAnB,GAAmD,OAA/D;AAAA,CADe,EAGjC,UAACH,KAAD;AAAA,SAAYA,KAAK,CAACY,UAAN,IAAoB,CAACZ,KAAK,CAACS,OAA3B,GAAqCV,eAAe,CAACC,KAAD,CAApD,GAA8D,EAA1E;AAAA,CAHiC;;;;"}

package/esm/MenuItem/index.js

@@ -0,0 +1,31 @@
+export { SingleMenuItem } from './components/SingleMenuItem/SingleMenuItem.js';
+export { MultiMenuItem, MultiMenuItemWithSchema } from './components/MultiMenuItem/MultiMenuItem.js';
+export { MenuItem, MenuItemWithSchema } from './components/MenuItem/index.js';
+export { SubmenuItem, SubmenuItemWithSchema } from './components/SubmenuItem/index.js';
+export { Section } from './components/Section/index.js';
+export { Separator } from './components/Separator/index.js';
+import 'react';
+import 'react-desc';
+import '@elliemae/ds-truncated-tooltip-text';
+import '@elliemae/ds-icons/Checkmark';
+import '@elliemae/ds-grid';
+import './props.js';
+import 'lodash';
+import './components/SingleMenuItem/styled.js';
+import 'styled-components';
+import './components/styled.js';
+import 'styled-system';
+import '@elliemae/ds-controlled-form';
+import './components/MultiMenuItem/styled.js';
+import '@elliemae/ds-props-helpers';
+import './components/MenuItem/styled.js';
+import '@babel/runtime/helpers/esm/slicedToArray';
+import '@elliemae/ds-button';
+import '@elliemae/ds-icons/MoreOptionsVert';
+import '@elliemae/ds-icons/ChevronRight';
+import '@elliemae/ds-dropdownmenu';
+import './components/SubmenuItem/styled.js';
+import './components/Section/props.js';
+import './components/Section/styled.js';
+import './components/Separator/styled.js';
+//# sourceMappingURL=index.js.map

package/esm/MenuItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/MenuItem/props.js

@@ -0,0 +1,21 @@
+import { noop } from 'lodash';
+import { PropTypes } from 'react-desc';
+
+var defaultProps = {
+  dsId: '',
+  value: '',
+  label: '',
+  onClick: noop,
+  onKeyUp: noop,
+  isSelected: false,
+  isActive: false,
+  isFocus: false,
+  disabled: false
+};
+var itemProps = {
+  value: PropTypes.string.description('').defaultValue(''),
+  label: PropTypes.string.description('').defaultValue('')
+};
+
+export { defaultProps, itemProps };
+//# sourceMappingURL=props.js.map

package/esm/MenuItem/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../src/MenuItem/props.tsx"],"sourcesContent":["import { noop } from 'lodash';\nimport { PropTypes } from 'react-desc';\n\nexport interface MenuItemT {\n  dsId: string;\n  value: string;\n  label: string;\n  onClick: (value: any) => void;\n  onKeyUp: () => void;\n  isSelected: boolean;\n  isFocus: boolean;\n  isActive: boolean;\n  disabled: boolean;\n  rightAddon?: 'chevron' | 'ellipsis';\n  options?: unknown[];\n  innerRef?: React.RefObject<HTMLLIElement> | ((_ref: HTMLLIElement) => void);\n  selectedOptions?: unknown[];\n  onMouseDown?: React.MouseEventHandler;\n  onMouseEnter?: React.MouseEventHandler;\n  onMouseLeave?: React.MouseEventHandler;\n  onKeyDown?: React.KeyboardEventHandler;\n}\n\nexport const defaultProps: MenuItemT = {\n  dsId: '',\n  value: '',\n  label: '',\n  onClick: noop,\n  onKeyUp: noop,\n  isSelected: false,\n  isActive: false,\n  isFocus: false,\n  disabled: false,\n};\n\nexport const itemProps = {\n  value: PropTypes.string.description('').defaultValue(''),\n  label: PropTypes.string.description('').defaultValue(''),\n};\n"],"names":["defaultProps","dsId","value","label","onClick","noop","onKeyUp","isSelected","isActive","isFocus","disabled","itemProps","PropTypes","string","description","defaultValue"],"mappings":";;;IAuBaA,YAAuB,GAAG;AACrCC,EAAAA,IAAI,EAAE,EAD+B;AAErCC,EAAAA,KAAK,EAAE,EAF8B;AAGrCC,EAAAA,KAAK,EAAE,EAH8B;AAIrCC,EAAAA,OAAO,EAAEC,IAJ4B;AAKrCC,EAAAA,OAAO,EAAED,IAL4B;AAMrCE,EAAAA,UAAU,EAAE,KANyB;AAOrCC,EAAAA,QAAQ,EAAE,KAP2B;AAQrCC,EAAAA,OAAO,EAAE,KAR4B;AASrCC,EAAAA,QAAQ,EAAE;AAT2B;IAY1BC,SAAS,GAAG;AACvBT,EAAAA,KAAK,EAAEU,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,EAA7B,EAAiCC,YAAjC,CAA8C,EAA9C,CADgB;AAEvBZ,EAAAA,KAAK,EAAES,SAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,EAA7B,EAAiCC,YAAjC,CAA8C,EAA9C;AAFgB;;;;"}

package/esm/RadioGroup/DSRadioGroup.js

@@ -11,7 +11,7 @@ import { defaultProps } from './defaultProps.js';
 import '@babel/runtime/helpers/esm/objectWithoutProperties';
 import '@babel/runtime/helpers/esm/defineProperty';
 import '@elliemae/ds-classnames';
-import '@elliemae/ds-utilities/getComponentFromProps';
+import '@elliemae/ds-utilities';
 import '../InputGroup/DSInputGroup.js';
 import '../InputGroup/AddonWrapper.js';
 import '@babel/runtime/helpers/esm/classCallCheck';
@@ -36,7 +36,7 @@ import '../Input/DSInput.js';
 import '../Input/InputImpl.js';
 import '@babel/runtime/helpers/esm/typeof';
 import 'lodash';
-import '@elliemae/ds-icons/CloseCircle';
+import '@elliemae/ds-icons';
 import '@elliemae/ds-button';
 import '@elliemae/ds-tooltip';
 import '../Input/InputAddonWrapper.js';
@@ -49,7 +49,7 @@ import '../FormItem/Suffix/Suffix.js';
 import 'styled-components';
 import '../Radio/Circle.js';
 import '@elliemae/ds-system';
-import '../prop-types-cc01d273.js';
+import '../prop-types-45aa1e9c.js';
 
 var emClassPrefix = 'em-ds';
 var baseClass = "".concat(emClassPrefix, "-radio-group");

package/esm/RadioGroup/index.js

@@ -8,7 +8,7 @@ import '../FormItem/DSFormItemLayout.js';
 import '@babel/runtime/helpers/esm/objectWithoutProperties';
 import '@babel/runtime/helpers/esm/defineProperty';
 import '@elliemae/ds-classnames';
-import '@elliemae/ds-utilities/getComponentFromProps';
+import '@elliemae/ds-utilities';
 import '../InputGroup/DSInputGroup.js';
 import '../InputGroup/AddonWrapper.js';
 import '@babel/runtime/helpers/esm/classCallCheck';
@@ -33,7 +33,7 @@ import '../Input/DSInput.js';
 import '../Input/InputImpl.js';
 import '@babel/runtime/helpers/esm/typeof';
 import 'lodash';
-import '@elliemae/ds-icons/CloseCircle';
+import '@elliemae/ds-icons';
 import '@elliemae/ds-button';
 import '@elliemae/ds-tooltip';
 import '../Input/InputAddonWrapper.js';
@@ -49,6 +49,6 @@ import '../Radio/DSRadio.js';
 import '../Radio/Circle.js';
 import '@elliemae/ds-system';
 import './props.js';
-import '../prop-types-cc01d273.js';
+import '../prop-types-45aa1e9c.js';
 import './defaultProps.js';
 //# sourceMappingURL=index.js.map

package/esm/RadioGroup/props.js

@@ -1,5 +1,5 @@
 import { PropTypes } from 'react-desc';
-import { o as orientation } from '../prop-types-cc01d273.js';
+import { o as orientation } from '../prop-types-45aa1e9c.js';
 
 var props = {
   /** Inject props to component wrapper  */

package/esm/SearchBox/DSSearchBox.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import { describe } from 'react-desc';
-import SearchIcon from '@elliemae/ds-icons/Search';
+import { CloseXsmall, Search } from '@elliemae/ds-icons';
 import { DSIconColors } from '@elliemae/ds-icon';
-import CloseXsmall from '@elliemae/ds-icons/CloseXsmall';
 import { SearchBoxTextBox } from './styled.js';
 import { SButton } from './SButton.js';
 import { useSearch } from './useSearch.js';
@@ -25,14 +24,13 @@ import '@babel/runtime/helpers/esm/defineProperty';
 import 'prop-types';
 import 'lodash';
 import '@elliemae/ds-classnames';
-import '@elliemae/ds-icons/CloseCircle';
 import '@elliemae/ds-button';
 import '@elliemae/ds-tooltip';
 import '../Input/InputAddonWrapper.js';
 import '@babel/runtime/helpers/esm/toConsumableArray';
 import '@elliemae/ds-system';
 import '@babel/runtime/helpers/esm/slicedToArray';
-import '@elliemae/ds-utilities/utils';
+import '@elliemae/ds-utilities';
 
 /* eslint-disable complexity */
 
@@ -77,7 +75,7 @@ var DSSearchBox = function DSSearchBox(_ref) {
   var shouldShowSearchIcon = !shouldShowClearIcon && showIcon;
   var shouldShowAnyIcon = shouldShowClearIcon || shouldShowSearchIcon;
   var PureSearchboxIcon = React.useMemo(function () {
-    var Icon = /*#__PURE__*/React.createElement(SearchIcon, {
+    var Icon = /*#__PURE__*/React.createElement(Search, {
       "aria-label": "Search"
     });
 

package/esm/SearchBox/DSSearchBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSSearchBox.js","sources":["../../../src/SearchBox/DSSearchBox.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport Search from '@elliemae/ds-icons/Search';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport CloseXsmall from '@elliemae/ds-icons/CloseXsmall';\nimport { SearchBoxTextBox } from './styled';\nimport { SButton } from './SButton';\nimport { useSearch } from './useSearch';\nimport { searchBoxProps } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst DSSearchBox = ({\n  className,\n  clearable,\n  containerProps,\n  disableButton,\n  disabled,\n  innerRef,\n  onBlur,\n  onChange,\n  onKeyUp,\n  onSearch,\n  onClearButtonClick,\n  placeholder,\n  property,\n  readOnly,\n  searchOnEnter,\n  onSearchButtonClick,\n  showIcon,\n  style,\n  value,\n}) => {\n  const { searchValue, handleChange, handleSearch, handleKeyUp, handleClear } = useSearch({\n    onChange,\n    onKeyUp,\n    onSearch,\n    onSearchButtonClick,\n    property,\n    searchOnEnter,\n    value,\n    onClearButtonClick,\n  });\n  const shouldShowClearIcon = clearable && searchValue?.length > 0;\n  const shouldShowSearchIcon = !shouldShowClearIcon && showIcon;\n  const shouldShowAnyIcon = shouldShowClearIcon || shouldShowSearchIcon;\n\n  const PureSearchboxIcon = React.useMemo(() => {\n    let Icon = <Search aria-label=\"Search\" />;\n    let handleOnClick = () => handleSearch(true);\n    if (!shouldShowAnyIcon) return null;\n    if (shouldShowClearIcon) {\n      Icon = <CloseXsmall color={DSIconColors.PRIMARY} aria-label=\"Clear input\" />;\n      handleOnClick = handleClear;\n    }\n\n    return (\n      <SButton\n        disabled={disabled || disableButton}\n        icon={Icon}\n        onClick={handleOnClick}\n        dataTestid={shouldShowClearIcon ? 'ds-searchbox-button-clear' : 'ds-searchbox-button'}\n      />\n    );\n  }, [\n    shouldShowClearIcon,\n    shouldShowSearchIcon,\n    shouldShowAnyIcon,\n    disabled,\n    disableButton,\n    handleSearch,\n    handleClear,\n  ]);\n\n  return (\n    <div style={{ position: 'relative', zIndex: 0 }}>\n      <SearchBoxTextBox\n        className={className}\n        containerProps={containerProps}\n        disabled={disabled}\n        innerRef={innerRef}\n        onChange={handleChange}\n        onKeyUp={handleKeyUp}\n        onBlur={onBlur}\n        placeholder={placeholder}\n        readOnly={readOnly}\n        style={style}\n        value={searchValue}\n      />\n      {PureSearchboxIcon}\n    </div>\n  );\n};\n\nDSSearchBox.propTypes = searchBoxProps;\nDSSearchBox.defaultProps = defaultProps;\n\nconst SearchBoxWithSchema = describe(DSSearchBox);\nSearchBoxWithSchema.propTypes = searchBoxProps;\n\nexport { SearchBoxWithSchema };\nexport default DSSearchBox;\n"],"names":["DSSearchBox","className","clearable","containerProps","disableButton","disabled","innerRef","onBlur","onChange","onKeyUp","onSearch","onClearButtonClick","placeholder","property","readOnly","searchOnEnter","onSearchButtonClick","showIcon","style","value","useSearch","searchValue","handleChange","handleSearch","handleKeyUp","handleClear","shouldShowClearIcon","length","shouldShowSearchIcon","shouldShowAnyIcon","PureSearchboxIcon","React","useMemo","Icon","Search","handleOnClick","DSIconColors","PRIMARY","position","zIndex","propTypes","searchBoxProps","defaultProps","SearchBoxWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"DSSearchBox.js","sources":["../../../src/SearchBox/DSSearchBox.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { Search, CloseXsmall } from '@elliemae/ds-icons';\nimport { DSIconColors } from '@elliemae/ds-icon';\nimport { SearchBoxTextBox } from './styled';\nimport { SButton } from './SButton';\nimport { useSearch } from './useSearch';\nimport { searchBoxProps } from './props';\nimport { defaultProps } from './defaultProps';\n\nconst DSSearchBox = ({\n  className,\n  clearable,\n  containerProps,\n  disableButton,\n  disabled,\n  innerRef,\n  onBlur,\n  onChange,\n  onKeyUp,\n  onSearch,\n  onClearButtonClick,\n  placeholder,\n  property,\n  readOnly,\n  searchOnEnter,\n  onSearchButtonClick,\n  showIcon,\n  style,\n  value,\n}) => {\n  const { searchValue, handleChange, handleSearch, handleKeyUp, handleClear } = useSearch({\n    onChange,\n    onKeyUp,\n    onSearch,\n    onSearchButtonClick,\n    property,\n    searchOnEnter,\n    value,\n    onClearButtonClick,\n  });\n  const shouldShowClearIcon = clearable && searchValue?.length > 0;\n  const shouldShowSearchIcon = !shouldShowClearIcon && showIcon;\n  const shouldShowAnyIcon = shouldShowClearIcon || shouldShowSearchIcon;\n\n  const PureSearchboxIcon = React.useMemo(() => {\n    let Icon = <Search aria-label=\"Search\" />;\n    let handleOnClick = () => handleSearch(true);\n    if (!shouldShowAnyIcon) return null;\n    if (shouldShowClearIcon) {\n      Icon = <CloseXsmall color={DSIconColors.PRIMARY} aria-label=\"Clear input\" />;\n      handleOnClick = handleClear;\n    }\n\n    return (\n      <SButton\n        disabled={disabled || disableButton}\n        icon={Icon}\n        onClick={handleOnClick}\n        dataTestid={shouldShowClearIcon ? 'ds-searchbox-button-clear' : 'ds-searchbox-button'}\n      />\n    );\n  }, [\n    shouldShowClearIcon,\n    shouldShowSearchIcon,\n    shouldShowAnyIcon,\n    disabled,\n    disableButton,\n    handleSearch,\n    handleClear,\n  ]);\n\n  return (\n    <div style={{ position: 'relative', zIndex: 0 }}>\n      <SearchBoxTextBox\n        className={className}\n        containerProps={containerProps}\n        disabled={disabled}\n        innerRef={innerRef}\n        onChange={handleChange}\n        onKeyUp={handleKeyUp}\n        onBlur={onBlur}\n        placeholder={placeholder}\n        readOnly={readOnly}\n        style={style}\n        value={searchValue}\n      />\n      {PureSearchboxIcon}\n    </div>\n  );\n};\n\nDSSearchBox.propTypes = searchBoxProps;\nDSSearchBox.defaultProps = defaultProps;\n\nconst SearchBoxWithSchema = describe(DSSearchBox);\nSearchBoxWithSchema.propTypes = searchBoxProps;\n\nexport { SearchBoxWithSchema };\nexport default DSSearchBox;\n"],"names":["DSSearchBox","className","clearable","containerProps","disableButton","disabled","innerRef","onBlur","onChange","onKeyUp","onSearch","onClearButtonClick","placeholder","property","readOnly","searchOnEnter","onSearchButtonClick","showIcon","style","value","useSearch","searchValue","handleChange","handleSearch","handleKeyUp","handleClear","shouldShowClearIcon","length","shouldShowSearchIcon","shouldShowAnyIcon","PureSearchboxIcon","React","useMemo","Icon","handleOnClick","DSIconColors","PRIMARY","position","zIndex","propTypes","searchBoxProps","defaultProps","SearchBoxWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;IAWMA,WAAW,GAAG,SAAdA,WAAc,OAoBd;AAAA,MAnBJC,SAmBI,QAnBJA,SAmBI;AAAA,MAlBJC,SAkBI,QAlBJA,SAkBI;AAAA,MAjBJC,cAiBI,QAjBJA,cAiBI;AAAA,MAhBJC,aAgBI,QAhBJA,aAgBI;AAAA,MAfJC,QAeI,QAfJA,QAeI;AAAA,MAdJC,QAcI,QAdJA,QAcI;AAAA,MAbJC,MAaI,QAbJA,MAaI;AAAA,MAZJC,QAYI,QAZJA,QAYI;AAAA,MAXJC,OAWI,QAXJA,OAWI;AAAA,MAVJC,QAUI,QAVJA,QAUI;AAAA,MATJC,kBASI,QATJA,kBASI;AAAA,MARJC,WAQI,QARJA,WAQI;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,MALJC,aAKI,QALJA,aAKI;AAAA,MAJJC,mBAII,QAJJA,mBAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,KAEI,QAFJA,KAEI;AAAA,MADJC,KACI,QADJA,KACI;;AACJ,mBAA8EC,SAAS,CAAC;AACtFZ,IAAAA,QAAQ,EAARA,QADsF;AAEtFC,IAAAA,OAAO,EAAPA,OAFsF;AAGtFC,IAAAA,QAAQ,EAARA,QAHsF;AAItFM,IAAAA,mBAAmB,EAAnBA,mBAJsF;AAKtFH,IAAAA,QAAQ,EAARA,QALsF;AAMtFE,IAAAA,aAAa,EAAbA,aANsF;AAOtFI,IAAAA,KAAK,EAALA,KAPsF;AAQtFR,IAAAA,kBAAkB,EAAlBA;AARsF,GAAD,CAAvF;AAAA,MAAQU,WAAR,cAAQA,WAAR;AAAA,MAAqBC,YAArB,cAAqBA,YAArB;AAAA,MAAmCC,YAAnC,cAAmCA,YAAnC;AAAA,MAAiDC,WAAjD,cAAiDA,WAAjD;AAAA,MAA8DC,WAA9D,cAA8DA,WAA9D;;AAUA,MAAMC,mBAAmB,GAAGxB,SAAS,IAAI,CAAAmB,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEM,MAAb,IAAsB,CAA/D;AACA,MAAMC,oBAAoB,GAAG,CAACF,mBAAD,IAAwBT,QAArD;AACA,MAAMY,iBAAiB,GAAGH,mBAAmB,IAAIE,oBAAjD;AAEA,MAAME,iBAAiB,GAAGC,KAAK,CAACC,OAAN,CAAc,YAAM;AAC5C,QAAIC,IAAI,gBAAG,oBAAC,MAAD;AAAQ,oBAAW;AAAnB,MAAX;;AACA,QAAIC,aAAa,GAAG;AAAA,aAAMX,YAAY,CAAC,IAAD,CAAlB;AAAA,KAApB;;AACA,QAAI,CAACM,iBAAL,EAAwB,OAAO,IAAP;;AACxB,QAAIH,mBAAJ,EAAyB;AACvBO,MAAAA,IAAI,gBAAG,oBAAC,WAAD;AAAa,QAAA,KAAK,EAAEE,YAAY,CAACC,OAAjC;AAA0C,sBAAW;AAArD,QAAP;AACAF,MAAAA,aAAa,GAAGT,WAAhB;AACD;;AAED,wBACE,oBAAC,OAAD;AACE,MAAA,QAAQ,EAAEpB,QAAQ,IAAID,aADxB;AAEE,MAAA,IAAI,EAAE6B,IAFR;AAGE,MAAA,OAAO,EAAEC,aAHX;AAIE,MAAA,UAAU,EAAER,mBAAmB,GAAG,2BAAH,GAAiC;AAJlE,MADF;AAQD,GAjByB,EAiBvB,CACDA,mBADC,EAEDE,oBAFC,EAGDC,iBAHC,EAIDxB,QAJC,EAKDD,aALC,EAMDmB,YANC,EAODE,WAPC,CAjBuB,CAA1B;AA2BA,sBACE;AAAK,IAAA,KAAK,EAAE;AAAEY,MAAAA,QAAQ,EAAE,UAAZ;AAAwBC,MAAAA,MAAM,EAAE;AAAhC;AAAZ,kBACE,oBAAC,gBAAD;AACE,IAAA,SAAS,EAAErC,SADb;AAEE,IAAA,cAAc,EAAEE,cAFlB;AAGE,IAAA,QAAQ,EAAEE,QAHZ;AAIE,IAAA,QAAQ,EAAEC,QAJZ;AAKE,IAAA,QAAQ,EAAEgB,YALZ;AAME,IAAA,OAAO,EAAEE,WANX;AAOE,IAAA,MAAM,EAAEjB,MAPV;AAQE,IAAA,WAAW,EAAEK,WARf;AASE,IAAA,QAAQ,EAAEE,QATZ;AAUE,IAAA,KAAK,EAAEI,KAVT;AAWE,IAAA,KAAK,EAAEG;AAXT,IADF,EAcGS,iBAdH,CADF;AAkBD;;AAED9B,WAAW,CAACuC,SAAZ,GAAwBC,cAAxB;AACAxC,WAAW,CAACyC,YAAZ,GAA2BA,YAA3B;IAEMC,mBAAmB,GAAGC,QAAQ,CAAC3C,WAAD;AACpC0C,mBAAmB,CAACH,SAApB,GAAgCC,cAAhC;;;;"}

package/esm/SearchBox/NavSearchBox.js

@@ -2,12 +2,9 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
 import { describe } from 'react-desc';
-import ChevronDown from '@elliemae/ds-icons/ChevronDown';
-import SearchIcon from '@elliemae/ds-icons/Search';
-import ChevronUp from '@elliemae/ds-icons/ChevronUp';
+import { ChevronDown, ChevronUp, CloseXsmall, Search } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import DSTextBox from '../TextBox/DSTextBox.js';
-import CloseXsmall from '@elliemae/ds-icons/CloseXsmall';
 import { navSearchBoxProps } from './props.js';
 import { navSearchBoxDefaultProps } from './defaultProps.js';
 import '@babel/runtime/helpers/esm/extends';
@@ -24,7 +21,6 @@ import '@babel/runtime/helpers/esm/getPrototypeOf';
 import '@babel/runtime/helpers/esm/defineProperty';
 import 'lodash';
 import '@elliemae/ds-classnames';
-import '@elliemae/ds-icons/CloseCircle';
 import '@elliemae/ds-tooltip';
 import '../Input/InputAddonWrapper.js';
 import '@babel/runtime/helpers/esm/toConsumableArray';
@@ -85,7 +81,7 @@ var RightButtonsGroup = function RightButtonsGroup(props) {
       'data-testid': 'ds-navsearchbox-clear'
     },
     buttonType: "text",
-    icon: /*#__PURE__*/React.createElement(SearchIcon, {
+    icon: /*#__PURE__*/React.createElement(Search, {
       color: ['brand-primary', '800']
     }),
     last: true

package/esm/SearchBox/NavSearchBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavSearchBox.js","sources":["../../../src/SearchBox/NavSearchBox.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { describe } from 'react-desc';\n\nimport ChevronDown from '@elliemae/ds-icons/ChevronDown';\nimport SearchIcon from '@elliemae/ds-icons/Search';\nimport ChevronUp from '@elliemae/ds-icons/ChevronUp';\nimport DSButton from '@elliemae/ds-button';\nimport DSTextBox from '../TextBox';\nimport CloseXsmall from '@elliemae/ds-icons/CloseXsmall';\nimport { navSearchBoxProps } from './props';\nimport { navSearchBoxDefaultProps } from './defaultProps';\n\nconst StyledResultTracker = styled.div`\n  padding: 0 8px;\n  color: #a2a9b6; // this is color picked from the placeholder, specs doesn't specify\n  white-space: nowrap;\n  word-spacing: 2px;\n`;\nconst StyledVerticalSeparator = styled.div`\n  height: 60%;\n  border-right: 1px solid #a2a9b6; // this is color picked from the placeholder, specs doesn't specify\n`;\nconst StyledToolbarRightAddonsWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n`;\n\nconst NavBtn = styled(DSButton)`\n  height: calc(100% - 2px);\n  border: none;\n  border-radius: ${({ last }) => (last ? '2px  2px 0px 0px' : '0px')};\n`;\n\nconst RightButtonsGroup = (props) => {\n  const { onNext, onPrevious, onClear, hideNavs, showClear } = props;\n\n  return (\n    <>\n      {!hideNavs && (\n        <>\n          <NavBtn\n            buttonType=\"text\"\n            containerProps={{ 'data-testid': 'ds-navsearchbox-next' }}\n            icon={<ChevronDown color={['brand-primary', '800']} />}\n            onClick={onNext}\n          />\n          <NavBtn\n            buttonType=\"text\"\n            containerProps={{ 'data-testid': 'ds-navsearchbox-prev' }}\n            icon={<ChevronUp color={['brand-primary', '800']} />}\n            onClick={onPrevious}\n          />\n        </>\n      )}\n      {showClear ? (\n        <NavBtn\n          containerProps={{ 'data-testid': 'ds-navsearchbox-clear' }}\n          buttonType=\"text\"\n          icon={<CloseXsmall color={['brand-primary', '800']} />}\n          onClick={onClear}\n          last\n        />\n      ) : (\n        <NavBtn\n          containerProps={{ 'data-testid': 'ds-navsearchbox-clear' }}\n          buttonType=\"text\"\n          icon={<SearchIcon color={['brand-primary', '800']} />}\n          last\n        />\n      )}\n    </>\n  );\n};\nRightButtonsGroup.propTypes = {\n  onNext: PropTypes.func.isRequired,\n  onPrevious: PropTypes.func.isRequired,\n  onClear: PropTypes.func.isRequired,\n  hideNavs: PropTypes.bool,\n  showClear: PropTypes.bool,\n};\n\nconst ResultTracker = (props) => {\n  const { currentResultIndex, totalResults } = props;\n\n  if (currentResultIndex === -1 && !totalResults) return null;\n\n  if (currentResultIndex === -1 && totalResults)\n    return <StyledResultTracker>{totalResults}</StyledResultTracker>;\n\n  return (\n    <StyledResultTracker>\n      {`${currentResultIndex + 1} / ${totalResults}`}\n    </StyledResultTracker>\n  );\n};\nResultTracker.propTypes = {\n  currentResultIndex: PropTypes.number.isRequired,\n  totalResults: PropTypes.number.isRequired,\n};\n\nconst VerticalSeparator = () => <StyledVerticalSeparator />;\n\nconst ToolbarRightAddons = (props) => {\n  const {\n    onNext,\n    onPrevious,\n    onClear,\n    currentResultIndex,\n    totalResults,\n    showClear,\n  } = props;\n\n  return (\n    <StyledToolbarRightAddonsWrapper>\n      <ResultTracker\n        currentResultIndex={currentResultIndex}\n        totalResults={totalResults}\n      />\n      {currentResultIndex !== -1 || totalResults ? <VerticalSeparator /> : null}\n      <RightButtonsGroup\n        onNext={onNext}\n        hideNavs={currentResultIndex === -1 && !totalResults}\n        onPrevious={onPrevious}\n        showClear={showClear}\n        onClear={onClear}\n      />\n    </StyledToolbarRightAddonsWrapper>\n  );\n};\nToolbarRightAddons.propTypes = {\n  onNext: PropTypes.func.isRequired,\n  onPrevious: PropTypes.func.isRequired,\n  onClear: PropTypes.func.isRequired,\n  currentResultIndex: PropTypes.number.isRequired,\n  totalResults: PropTypes.number.isRequired,\n  showClear: PropTypes.bool,\n};\n\nconst NavSearchBox = (props) => {\n  const {\n    currentResultIndex,\n    onChange,\n    onClear,\n    onNext,\n    onPrevious,\n    totalResults,\n    value,\n    onBlur,\n    placeholder,\n  } = props;\n\n  const handleChange = (e) => {\n    if (onChange) onChange(e.target.value);\n  };\n\n  const handleKeyDown = (e) => {\n    // SHIFT + ENTER\n    if (e.shiftKey) {\n      if (e.key === 'Enter' || e.keyCode === 13) {\n        onPrevious();\n      }\n    } // ESCAPE\n    else if (e.key === 'Escape' || e.keyCode === 27) {\n      onClear();\n    } // ENTER\n    else if (e.key === 'Enter' || e.keyCode === 13) {\n      onNext();\n    }\n  };\n\n  return (\n    <DSTextBox\n      onChange={handleChange}\n      containerProps={{ 'data-testid': 'ds-nav-searchbox-input' }}\n      onBlur={onBlur}\n      onKeyDown={handleKeyDown}\n      placeholder={placeholder}\n      value={value}\n      rightComponent={\n        <ToolbarRightAddons\n          showClear={!!value}\n          onNext={onNext}\n          onPrevious={onPrevious}\n          onClear={onClear}\n          currentResultIndex={currentResultIndex}\n          totalResults={totalResults}\n        />\n      }\n    />\n  );\n};\n\nNavSearchBox.propTypes = navSearchBoxProps;\nNavSearchBox.defaultProps = navSearchBoxDefaultProps;\nconst DSNavSearchBoxWithSchema = describe(NavSearchBox);\nDSNavSearchBoxWithSchema.propTypes = navSearchBoxProps;\nexport { NavSearchBox, DSNavSearchBoxWithSchema };\n"],"names":["StyledResultTracker","styled","div","StyledVerticalSeparator","StyledToolbarRightAddonsWrapper","NavBtn","DSButton","last","RightButtonsGroup","props","onNext","onPrevious","onClear","hideNavs","showClear","propTypes","PropTypes","func","isRequired","bool","ResultTracker","currentResultIndex","totalResults","number","VerticalSeparator","ToolbarRightAddons","NavSearchBox","onChange","value","onBlur","placeholder","handleChange","e","target","handleKeyDown","shiftKey","key","keyCode","navSearchBoxProps","defaultProps","navSearchBoxDefaultProps","DSNavSearchBoxWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"NavSearchBox.js","sources":["../../../src/SearchBox/NavSearchBox.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { describe } from 'react-desc';\nimport { ChevronDown, Search, ChevronUp, CloseXsmall } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport DSTextBox from '../TextBox';\nimport { navSearchBoxProps } from './props';\nimport { navSearchBoxDefaultProps } from './defaultProps';\n\nconst StyledResultTracker = styled.div`\n  padding: 0 8px;\n  color: #a2a9b6; // this is color picked from the placeholder, specs doesn't specify\n  white-space: nowrap;\n  word-spacing: 2px;\n`;\nconst StyledVerticalSeparator = styled.div`\n  height: 60%;\n  border-right: 1px solid #a2a9b6; // this is color picked from the placeholder, specs doesn't specify\n`;\nconst StyledToolbarRightAddonsWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n`;\n\nconst NavBtn = styled(DSButton)`\n  height: calc(100% - 2px);\n  border: none;\n  border-radius: ${({ last }) => (last ? '2px  2px 0px 0px' : '0px')};\n`;\n\nconst RightButtonsGroup = (props) => {\n  const { onNext, onPrevious, onClear, hideNavs, showClear } = props;\n\n  return (\n    <>\n      {!hideNavs && (\n        <>\n          <NavBtn\n            buttonType=\"text\"\n            containerProps={{ 'data-testid': 'ds-navsearchbox-next' }}\n            icon={<ChevronDown color={['brand-primary', '800']} />}\n            onClick={onNext}\n          />\n          <NavBtn\n            buttonType=\"text\"\n            containerProps={{ 'data-testid': 'ds-navsearchbox-prev' }}\n            icon={<ChevronUp color={['brand-primary', '800']} />}\n            onClick={onPrevious}\n          />\n        </>\n      )}\n      {showClear ? (\n        <NavBtn\n          containerProps={{ 'data-testid': 'ds-navsearchbox-clear' }}\n          buttonType=\"text\"\n          icon={<CloseXsmall color={['brand-primary', '800']} />}\n          onClick={onClear}\n          last\n        />\n      ) : (\n        <NavBtn\n          containerProps={{ 'data-testid': 'ds-navsearchbox-clear' }}\n          buttonType=\"text\"\n          icon={<Search color={['brand-primary', '800']} />}\n          last\n        />\n      )}\n    </>\n  );\n};\nRightButtonsGroup.propTypes = {\n  onNext: PropTypes.func.isRequired,\n  onPrevious: PropTypes.func.isRequired,\n  onClear: PropTypes.func.isRequired,\n  hideNavs: PropTypes.bool,\n  showClear: PropTypes.bool,\n};\n\nconst ResultTracker = (props) => {\n  const { currentResultIndex, totalResults } = props;\n\n  if (currentResultIndex === -1 && !totalResults) return null;\n\n  if (currentResultIndex === -1 && totalResults) return <StyledResultTracker>{totalResults}</StyledResultTracker>;\n\n  return <StyledResultTracker>{`${currentResultIndex + 1} / ${totalResults}`}</StyledResultTracker>;\n};\nResultTracker.propTypes = {\n  currentResultIndex: PropTypes.number.isRequired,\n  totalResults: PropTypes.number.isRequired,\n};\n\nconst VerticalSeparator = () => <StyledVerticalSeparator />;\n\nconst ToolbarRightAddons = (props) => {\n  const { onNext, onPrevious, onClear, currentResultIndex, totalResults, showClear } = props;\n\n  return (\n    <StyledToolbarRightAddonsWrapper>\n      <ResultTracker currentResultIndex={currentResultIndex} totalResults={totalResults} />\n      {currentResultIndex !== -1 || totalResults ? <VerticalSeparator /> : null}\n      <RightButtonsGroup\n        onNext={onNext}\n        hideNavs={currentResultIndex === -1 && !totalResults}\n        onPrevious={onPrevious}\n        showClear={showClear}\n        onClear={onClear}\n      />\n    </StyledToolbarRightAddonsWrapper>\n  );\n};\nToolbarRightAddons.propTypes = {\n  onNext: PropTypes.func.isRequired,\n  onPrevious: PropTypes.func.isRequired,\n  onClear: PropTypes.func.isRequired,\n  currentResultIndex: PropTypes.number.isRequired,\n  totalResults: PropTypes.number.isRequired,\n  showClear: PropTypes.bool,\n};\n\nconst NavSearchBox = (props) => {\n  const { currentResultIndex, onChange, onClear, onNext, onPrevious, totalResults, value, onBlur, placeholder } = props;\n\n  const handleChange = (e) => {\n    if (onChange) onChange(e.target.value);\n  };\n\n  const handleKeyDown = (e) => {\n    // SHIFT + ENTER\n    if (e.shiftKey) {\n      if (e.key === 'Enter' || e.keyCode === 13) {\n        onPrevious();\n      }\n    } // ESCAPE\n    else if (e.key === 'Escape' || e.keyCode === 27) {\n      onClear();\n    } // ENTER\n    else if (e.key === 'Enter' || e.keyCode === 13) {\n      onNext();\n    }\n  };\n\n  return (\n    <DSTextBox\n      onChange={handleChange}\n      containerProps={{ 'data-testid': 'ds-nav-searchbox-input' }}\n      onBlur={onBlur}\n      onKeyDown={handleKeyDown}\n      placeholder={placeholder}\n      value={value}\n      rightComponent={\n        <ToolbarRightAddons\n          showClear={!!value}\n          onNext={onNext}\n          onPrevious={onPrevious}\n          onClear={onClear}\n          currentResultIndex={currentResultIndex}\n          totalResults={totalResults}\n        />\n      }\n    />\n  );\n};\n\nNavSearchBox.propTypes = navSearchBoxProps;\nNavSearchBox.defaultProps = navSearchBoxDefaultProps;\nconst DSNavSearchBoxWithSchema = describe(NavSearchBox);\nDSNavSearchBoxWithSchema.propTypes = navSearchBoxProps;\nexport { NavSearchBox, DSNavSearchBoxWithSchema };\n"],"names":["StyledResultTracker","styled","div","StyledVerticalSeparator","StyledToolbarRightAddonsWrapper","NavBtn","DSButton","last","RightButtonsGroup","props","onNext","onPrevious","onClear","hideNavs","showClear","propTypes","PropTypes","func","isRequired","bool","ResultTracker","currentResultIndex","totalResults","number","VerticalSeparator","ToolbarRightAddons","NavSearchBox","onChange","value","onBlur","placeholder","handleChange","e","target","handleKeyDown","shiftKey","key","keyCode","navSearchBoxProps","defaultProps","navSearchBoxDefaultProps","DSNavSearchBoxWithSchema","describe"],"mappings":"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"}

package/esm/SearchBox/SearchBoxToggle.js

@@ -3,12 +3,11 @@ import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import React, { useState } from 'react';
 import styled from 'styled-components';
-import SearchIcon from '@elliemae/ds-icons/Search';
+import { Search } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import DSSearchBox from './DSSearchBox.js';
 import 'react-desc';
 import '@elliemae/ds-icon';
-import '@elliemae/ds-icons/CloseXsmall';
 import './styled.js';
 import '../TextBox/DSTextBox.js';
 import '../Input/DSInput.js';
@@ -24,14 +23,13 @@ import '@babel/runtime/helpers/esm/defineProperty';
 import 'prop-types';
 import 'lodash';
 import '@elliemae/ds-classnames';
-import '@elliemae/ds-icons/CloseCircle';
 import '@elliemae/ds-tooltip';
 import '../Input/InputAddonWrapper.js';
 import '@babel/runtime/helpers/esm/toConsumableArray';
 import './SButton.js';
 import '@elliemae/ds-system';
 import './useSearch.js';
-import '@elliemae/ds-utilities/utils';
+import '@elliemae/ds-utilities';
 import './props.js';
 import './defaultProps.js';
 
@@ -66,7 +64,7 @@ var SearchBoxToggle = function SearchBoxToggle(_ref) {
       setOpen(true);
     },
     buttonType: "text",
-    icon: /*#__PURE__*/React.createElement(SearchIcon, null)
+    icon: /*#__PURE__*/React.createElement(Search, null)
   });
   return /*#__PURE__*/React.createElement("div", null, show && !isOpen && button, /*#__PURE__*/React.createElement(SearchWrap, {
     show: !show || isOpen,

package/esm/SearchBox/SearchBoxToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBoxToggle.js","sources":["../../../src/SearchBox/SearchBoxToggle.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport SearchIcon from '@elliemae/ds-icons/Search';\nimport DSButton from '@elliemae/ds-button';\nimport DSSearchBox from './DSSearchBox';\n\nconst SEARCH_BUTTON_WIDTH = 26;\n\nconst SearchWrap = styled.div`\n  transition: width 200ms ease;\n  width: ${SEARCH_BUTTON_WIDTH}px;\n  height: 0;\n\n  ${(props) =>\n    !props.show\n      ? `\n        opacity:0;\n\n        & * {\n          width: ${SEARCH_BUTTON_WIDTH}px;\n          height: 0;\n          border: 0;\n        }\n      `\n      : ''}\n  ${(props) =>\n    props.isOpen ? `width: ${props.width};opacity: 1;height: auto;` : ''}\n`;\n\n// eslint-disable-next-line react/prop-types\nconst SearchBoxToggle = ({ onSearchButtonClick, width, ...rest }) => {\n  const [isOpen, setOpen] = useState(false);\n  const [show, setShow] = useState(true);\n  const computedWidth = typeof width === 'number' ? `${width}px` : width;\n  const button = (\n    <DSButton\n      onClick={() => {\n        setOpen(true);\n      }}\n      buttonType=\"text\"\n      icon={<SearchIcon />}\n    />\n  );\n  return (\n    <div>\n      {show && !isOpen && button}\n      <SearchWrap\n        show={!show || isOpen}\n        isOpen={isOpen}\n        width={computedWidth}\n        onTransitionEnd={() => {\n          setShow(!isOpen);\n        }}\n      >\n        <DSSearchBox\n          {...rest}\n          onSearchButtonClick={() => {\n            onSearchButtonClick();\n            setOpen(false);\n          }}\n        />\n      </SearchWrap>\n    </div>\n  );\n};\n\nSearchBoxToggle.defaultProps = {\n  onSearchButtonClick: () => null,\n  width: 300,\n};\n\nexport default SearchBoxToggle;\n"],"names":["SEARCH_BUTTON_WIDTH","SearchWrap","styled","div","props","show","isOpen","width","SearchBoxToggle","onSearchButtonClick","rest","useState","setOpen","setShow","computedWidth","button","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,mBAAmB,GAAG,EAA5B;AAEA,IAAMC,UAAU,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,oEAELH,mBAFK,EAKZ,UAACI,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,IAAP,qEAKeL,mBALf,0EAUI,EAXJ;AAAA,CALY,EAiBZ,UAACI,KAAD;AAAA,SACAA,KAAK,CAACE,MAAN,oBAAyBF,KAAK,CAACG,KAA/B,iCAAkE,EADlE;AAAA,CAjBY,CAAhB;;IAsBMC,eAAe,GAAG,SAAlBA,eAAkB,OAA6C;AAAA,MAA1CC,oBAA0C,QAA1CA,mBAA0C;AAAA,MAArBF,KAAqB,QAArBA,KAAqB;AAAA,MAAXG,IAAW;;AACnE,kBAA0BC,QAAQ,CAAC,KAAD,CAAlC;AAAA;AAAA,MAAOL,MAAP;AAAA,MAAeM,OAAf;;AACA,mBAAwBD,QAAQ,CAAC,IAAD,CAAhC;AAAA;AAAA,MAAON,IAAP;AAAA,MAAaQ,OAAb;;AACA,MAAMC,aAAa,GAAG,OAAOP,KAAP,KAAiB,QAAjB,aAA+BA,KAA/B,UAA2CA,KAAjE;AACA,MAAMQ,MAAM,gBACV,oBAAC,QAAD;AACE,IAAA,OAAO,EAAE,mBAAM;AACbH,MAAAA,OAAO,CAAC,IAAD,CAAP;AACD,KAHH;AAIE,IAAA,UAAU,EAAC,MAJb;AAKE,IAAA,IAAI,eAAE,oBAAC,UAAD;AALR,IADF;AASA,sBACE,iCACGP,IAAI,IAAI,CAACC,MAAT,IAAmBS,MADtB,eAEE,oBAAC,UAAD;AACE,IAAA,IAAI,EAAE,CAACV,IAAD,IAASC,MADjB;AAEE,IAAA,MAAM,EAAEA,MAFV;AAGE,IAAA,KAAK,EAAEQ,aAHT;AAIE,IAAA,eAAe,EAAE,2BAAM;AACrBD,MAAAA,OAAO,CAAC,CAACP,MAAF,CAAP;AACD;AANH,kBAQE,oBAAC,WAAD,eACMI,IADN;AAEE,IAAA,mBAAmB,EAAE,+BAAM;AACzBD,MAAAA,oBAAmB;;AACnBG,MAAAA,OAAO,CAAC,KAAD,CAAP;AACD;AALH,KARF,CAFF,CADF;AAqBD;;AAEDJ,eAAe,CAACQ,YAAhB,GAA+B;AAC7BP,EAAAA,mBAAmB,EAAE;AAAA,WAAM,IAAN;AAAA,GADQ;AAE7BF,EAAAA,KAAK,EAAE;AAFsB,CAA/B;;;;"}
+{"version":3,"file":"SearchBoxToggle.js","sources":["../../../src/SearchBox/SearchBoxToggle.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { Search } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport DSSearchBox from './DSSearchBox';\n\nconst SEARCH_BUTTON_WIDTH = 26;\n\nconst SearchWrap = styled.div`\n  transition: width 200ms ease;\n  width: ${SEARCH_BUTTON_WIDTH}px;\n  height: 0;\n\n  ${(props) =>\n    !props.show\n      ? `\n        opacity:0;\n\n        & * {\n          width: ${SEARCH_BUTTON_WIDTH}px;\n          height: 0;\n          border: 0;\n        }\n      `\n      : ''}\n  ${(props) => (props.isOpen ? `width: ${props.width};opacity: 1;height: auto;` : '')}\n`;\n\n// eslint-disable-next-line react/prop-types\nconst SearchBoxToggle = ({ onSearchButtonClick, width, ...rest }) => {\n  const [isOpen, setOpen] = useState(false);\n  const [show, setShow] = useState(true);\n  const computedWidth = typeof width === 'number' ? `${width}px` : width;\n  const button = (\n    <DSButton\n      onClick={() => {\n        setOpen(true);\n      }}\n      buttonType=\"text\"\n      icon={<Search />}\n    />\n  );\n  return (\n    <div>\n      {show && !isOpen && button}\n      <SearchWrap\n        show={!show || isOpen}\n        isOpen={isOpen}\n        width={computedWidth}\n        onTransitionEnd={() => {\n          setShow(!isOpen);\n        }}\n      >\n        <DSSearchBox\n          {...rest}\n          onSearchButtonClick={() => {\n            onSearchButtonClick();\n            setOpen(false);\n          }}\n        />\n      </SearchWrap>\n    </div>\n  );\n};\n\nSearchBoxToggle.defaultProps = {\n  onSearchButtonClick: () => null,\n  width: 300,\n};\n\nexport default SearchBoxToggle;\n"],"names":["SEARCH_BUTTON_WIDTH","SearchWrap","styled","div","props","show","isOpen","width","SearchBoxToggle","onSearchButtonClick","rest","useState","setOpen","setShow","computedWidth","button","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,mBAAmB,GAAG,EAA5B;AAEA,IAAMC,UAAU,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,oEAELH,mBAFK,EAKZ,UAACI,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,IAAP,qEAKeL,mBALf,0EAUI,EAXJ;AAAA,CALY,EAiBZ,UAACI,KAAD;AAAA,SAAYA,KAAK,CAACE,MAAN,oBAAyBF,KAAK,CAACG,KAA/B,iCAAkE,EAA9E;AAAA,CAjBY,CAAhB;;IAqBMC,eAAe,GAAG,SAAlBA,eAAkB,OAA6C;AAAA,MAA1CC,oBAA0C,QAA1CA,mBAA0C;AAAA,MAArBF,KAAqB,QAArBA,KAAqB;AAAA,MAAXG,IAAW;;AACnE,kBAA0BC,QAAQ,CAAC,KAAD,CAAlC;AAAA;AAAA,MAAOL,MAAP;AAAA,MAAeM,OAAf;;AACA,mBAAwBD,QAAQ,CAAC,IAAD,CAAhC;AAAA;AAAA,MAAON,IAAP;AAAA,MAAaQ,OAAb;;AACA,MAAMC,aAAa,GAAG,OAAOP,KAAP,KAAiB,QAAjB,aAA+BA,KAA/B,UAA2CA,KAAjE;AACA,MAAMQ,MAAM,gBACV,oBAAC,QAAD;AACE,IAAA,OAAO,EAAE,mBAAM;AACbH,MAAAA,OAAO,CAAC,IAAD,CAAP;AACD,KAHH;AAIE,IAAA,UAAU,EAAC,MAJb;AAKE,IAAA,IAAI,eAAE,oBAAC,MAAD;AALR,IADF;AASA,sBACE,iCACGP,IAAI,IAAI,CAACC,MAAT,IAAmBS,MADtB,eAEE,oBAAC,UAAD;AACE,IAAA,IAAI,EAAE,CAACV,IAAD,IAASC,MADjB;AAEE,IAAA,MAAM,EAAEA,MAFV;AAGE,IAAA,KAAK,EAAEQ,aAHT;AAIE,IAAA,eAAe,EAAE,2BAAM;AACrBD,MAAAA,OAAO,CAAC,CAACP,MAAF,CAAP;AACD;AANH,kBAQE,oBAAC,WAAD,eACMI,IADN;AAEE,IAAA,mBAAmB,EAAE,+BAAM;AACzBD,MAAAA,oBAAmB;;AACnBG,MAAAA,OAAO,CAAC,KAAD,CAAP;AACD;AALH,KARF,CAFF,CADF;AAqBD;;AAEDJ,eAAe,CAACQ,YAAhB,GAA+B;AAC7BP,EAAAA,mBAAmB,EAAE;AAAA,WAAM,IAAN;AAAA,GADQ;AAE7BF,EAAAA,KAAK,EAAE;AAFsB,CAA/B;;;;"}

package/esm/SearchBox/index.js

@@ -6,11 +6,10 @@ import '@babel/runtime/helpers/esm/slicedToArray';
 import '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'react';
 import 'styled-components';
-import '@elliemae/ds-icons/Search';
+import '@elliemae/ds-icons';
 import '@elliemae/ds-button';
 import 'react-desc';
 import '@elliemae/ds-icon';
-import '@elliemae/ds-icons/CloseXsmall';
 import './styled.js';
 import '../TextBox/DSTextBox.js';
 import '../Input/DSInput.js';
@@ -26,16 +25,13 @@ import '@babel/runtime/helpers/esm/defineProperty';
 import 'prop-types';
 import 'lodash';
 import '@elliemae/ds-classnames';
-import '@elliemae/ds-icons/CloseCircle';
 import '@elliemae/ds-tooltip';
 import '../Input/InputAddonWrapper.js';
 import '@babel/runtime/helpers/esm/toConsumableArray';
 import './SButton.js';
 import '@elliemae/ds-system';
 import './useSearch.js';
-import '@elliemae/ds-utilities/utils';
+import '@elliemae/ds-utilities';
 import './props.js';
 import './defaultProps.js';
-import '@elliemae/ds-icons/ChevronDown';
-import '@elliemae/ds-icons/ChevronUp';
 //# sourceMappingURL=index.js.map

package/esm/SearchBox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/SearchBox/styled.js

@@ -17,7 +17,7 @@ import '@babel/runtime/helpers/esm/defineProperty';
 import 'prop-types';
 import 'lodash';
 import '@elliemae/ds-classnames';
-import '@elliemae/ds-icons/CloseCircle';
+import '@elliemae/ds-icons';
 import '@elliemae/ds-button';
 import '@elliemae/ds-tooltip';
 import '../Input/InputAddonWrapper.js';

package/esm/SearchBox/useSearch.js

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { useState, useCallback, useEffect } from 'react';
-import { debounce } from '@elliemae/ds-utilities/utils';
+import { debounce } from '@elliemae/ds-utilities';
 
 function handleSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property, clickTrigger, onSearchButtonClick) {
   if (clickTrigger) {

package/esm/SearchBox/useSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSearch.js","sources":["../../../src/SearchBox/useSearch.tsx"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react';\nimport { debounce } from '@elliemae/ds-utilities/utils';\n\n// eslint-disable-next-line max-params\nfunction handleSearch(\n  clearOnSearch,\n  setValue,\n  searchOnEnter,\n  value,\n  onSearch,\n  property,\n  clickTrigger,\n  onSearchButtonClick,\n) {\n  if (clickTrigger) {\n    onSearchButtonClick();\n  }\n  if (clearOnSearch) setValue('');\n  if (searchOnEnter && !value) return;\n  onSearch({\n    query: { [property]: value },\n    property,\n    value,\n  });\n}\n\nexport function useSearch(params = {}) {\n  const {\n    onKeyUp,\n    onSearch,\n    onSearchButtonClick,\n    property,\n    clearOnSearch,\n    searchOnEnter,\n    onChange,\n    onClearButtonClick,\n  } = params;\n  const [value, setValue] = useState(params.value);\n  const debouncedSearch = useCallback(debounce(handleSearch, 200), []);\n  // update state if prop changes\n  useEffect(() => {\n    if (value !== params.value) {\n      setValue(params.value);\n    }\n  }, [params.value]);\n\n  const searchWithParams = (clickedSearchButton = false) =>\n    handleSearch(\n      clearOnSearch,\n      setValue,\n      searchOnEnter,\n      value,\n      onSearch,\n      property,\n      clickedSearchButton,\n      onSearchButtonClick,\n    );\n\n  const handleChange = ({ target }) => {\n    onChange(target.value);\n    setValue(target.value);\n    if (!searchOnEnter) {\n      // Functional update to get latest value state, similar to this.setState callback\n      setValue((prevValue) => {\n        debouncedSearch(clearOnSearch, setValue, searchOnEnter, prevValue, onSearch, property);\n        return prevValue;\n      });\n    }\n  };\n\n  const handleClear = () => {\n    onClearButtonClick();\n    onChange('');\n    setValue('');\n    if (!searchOnEnter) {\n      // Functional update to get latest value state, similar to this.setState callback\n      setValue((prevValue) => {\n        debouncedSearch(clearOnSearch, setValue, searchOnEnter, prevValue, onSearch, property);\n        return prevValue;\n      });\n    }\n    debouncedSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property);\n  };\n\n  const handleKeyUp = (e) => {\n    const { key } = e;\n    if (searchOnEnter && key === 'Enter') {\n      searchWithParams();\n    }\n    onKeyUp(e);\n  };\n\n  return {\n    searchValue: value,\n    handleChange,\n    handleSearch: searchWithParams,\n    handleKeyUp,\n    handleClear,\n  };\n}\n"],"names":["handleSearch","clearOnSearch","setValue","searchOnEnter","value","onSearch","property","clickTrigger","onSearchButtonClick","query","useSearch","params","onKeyUp","onChange","onClearButtonClick","useState","debouncedSearch","useCallback","debounce","useEffect","searchWithParams","clickedSearchButton","handleChange","target","prevValue","handleClear","handleKeyUp","e","key","searchValue"],"mappings":";;;;;AAIA,SAASA,YAAT,CACEC,aADF,EAEEC,QAFF,EAGEC,aAHF,EAIEC,KAJF,EAKEC,QALF,EAMEC,QANF,EAOEC,YAPF,EAQEC,mBARF,EASE;AACA,MAAID,YAAJ,EAAkB;AAChBC,IAAAA,mBAAmB;AACpB;;AACD,MAAIP,aAAJ,EAAmBC,QAAQ,CAAC,EAAD,CAAR;AACnB,MAAIC,aAAa,IAAI,CAACC,KAAtB,EAA6B;AAC7BC,EAAAA,QAAQ,CAAC;AACPI,IAAAA,KAAK,sBAAKH,QAAL,EAAgBF,KAAhB,CADE;AAEPE,IAAAA,QAAQ,EAARA,QAFO;AAGPF,IAAAA,KAAK,EAALA;AAHO,GAAD,CAAR;AAKD;;AAEM,SAASM,SAAT,GAAgC;AAAA,MAAbC,MAAa,uEAAJ,EAAI;AACrC,MACEC,OADF,GASID,MATJ,CACEC,OADF;AAAA,MAEEP,QAFF,GASIM,MATJ,CAEEN,QAFF;AAAA,MAGEG,mBAHF,GASIG,MATJ,CAGEH,mBAHF;AAAA,MAIEF,QAJF,GASIK,MATJ,CAIEL,QAJF;AAAA,MAKEL,aALF,GASIU,MATJ,CAKEV,aALF;AAAA,MAMEE,aANF,GASIQ,MATJ,CAMER,aANF;AAAA,MAOEU,QAPF,GASIF,MATJ,CAOEE,QAPF;AAAA,MAQEC,kBARF,GASIH,MATJ,CAQEG,kBARF;;AAUA,kBAA0BC,QAAQ,CAACJ,MAAM,CAACP,KAAR,CAAlC;AAAA;AAAA,MAAOA,KAAP;AAAA,MAAcF,QAAd;;AACA,MAAMc,eAAe,GAAGC,WAAW,CAACC,QAAQ,CAAClB,YAAD,EAAe,GAAf,CAAT,EAA8B,EAA9B,CAAnC,CAZqC;;AAcrCmB,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIf,KAAK,KAAKO,MAAM,CAACP,KAArB,EAA4B;AAC1BF,MAAAA,QAAQ,CAACS,MAAM,CAACP,KAAR,CAAR;AACD;AACF,GAJQ,EAIN,CAACO,MAAM,CAACP,KAAR,CAJM,CAAT;;AAMA,MAAMgB,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,QAACC,mBAAD,uEAAuB,KAAvB;AAAA,WACvBrB,YAAY,CACVC,aADU,EAEVC,QAFU,EAGVC,aAHU,EAIVC,KAJU,EAKVC,QALU,EAMVC,QANU,EAOVe,mBAPU,EAQVb,mBARU,CADW;AAAA,GAAzB;;AAYA,MAAMc,YAAY,GAAG,SAAfA,YAAe,OAAgB;AAAA,QAAbC,MAAa,QAAbA,MAAa;AACnCV,IAAAA,QAAQ,CAACU,MAAM,CAACnB,KAAR,CAAR;AACAF,IAAAA,QAAQ,CAACqB,MAAM,CAACnB,KAAR,CAAR;;AACA,QAAI,CAACD,aAAL,EAAoB;AAClB;AACAD,MAAAA,QAAQ,CAAC,UAACsB,SAAD,EAAe;AACtBR,QAAAA,eAAe,CAACf,aAAD,EAAgBC,QAAhB,EAA0BC,aAA1B,EAAyCqB,SAAzC,EAAoDnB,QAApD,EAA8DC,QAA9D,CAAf;AACA,eAAOkB,SAAP;AACD,OAHO,CAAR;AAID;AACF,GAVD;;AAYA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBX,IAAAA,kBAAkB;AAClBD,IAAAA,QAAQ,CAAC,EAAD,CAAR;AACAX,IAAAA,QAAQ,CAAC,EAAD,CAAR;;AACA,QAAI,CAACC,aAAL,EAAoB;AAClB;AACAD,MAAAA,QAAQ,CAAC,UAACsB,SAAD,EAAe;AACtBR,QAAAA,eAAe,CAACf,aAAD,EAAgBC,QAAhB,EAA0BC,aAA1B,EAAyCqB,SAAzC,EAAoDnB,QAApD,EAA8DC,QAA9D,CAAf;AACA,eAAOkB,SAAP;AACD,OAHO,CAAR;AAID;;AACDR,IAAAA,eAAe,CAACf,aAAD,EAAgBC,QAAhB,EAA0BC,aAA1B,EAAyCC,KAAzC,EAAgDC,QAAhD,EAA0DC,QAA1D,CAAf;AACD,GAZD;;AAcA,MAAMoB,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAO;AACzB,QAAQC,GAAR,GAAgBD,CAAhB,CAAQC,GAAR;;AACA,QAAIzB,aAAa,IAAIyB,GAAG,KAAK,OAA7B,EAAsC;AACpCR,MAAAA,gBAAgB;AACjB;;AACDR,IAAAA,OAAO,CAACe,CAAD,CAAP;AACD,GAND;;AAQA,SAAO;AACLE,IAAAA,WAAW,EAAEzB,KADR;AAELkB,IAAAA,YAAY,EAAZA,YAFK;AAGLtB,IAAAA,YAAY,EAAEoB,gBAHT;AAILM,IAAAA,WAAW,EAAXA,WAJK;AAKLD,IAAAA,WAAW,EAAXA;AALK,GAAP;AAOD;;;;"}
+{"version":3,"file":"useSearch.js","sources":["../../../src/SearchBox/useSearch.tsx"],"sourcesContent":["import { useState, useEffect, useCallback } from 'react';\nimport { debounce } from '@elliemae/ds-utilities';\n\n// eslint-disable-next-line max-params\nfunction handleSearch(\n  clearOnSearch,\n  setValue,\n  searchOnEnter,\n  value,\n  onSearch,\n  property,\n  clickTrigger,\n  onSearchButtonClick,\n) {\n  if (clickTrigger) {\n    onSearchButtonClick();\n  }\n  if (clearOnSearch) setValue('');\n  if (searchOnEnter && !value) return;\n  onSearch({\n    query: { [property]: value },\n    property,\n    value,\n  });\n}\n\nexport function useSearch(params = {}) {\n  const {\n    onKeyUp,\n    onSearch,\n    onSearchButtonClick,\n    property,\n    clearOnSearch,\n    searchOnEnter,\n    onChange,\n    onClearButtonClick,\n  } = params;\n  const [value, setValue] = useState(params.value);\n  const debouncedSearch = useCallback(debounce(handleSearch, 200), []);\n  // update state if prop changes\n  useEffect(() => {\n    if (value !== params.value) {\n      setValue(params.value);\n    }\n  }, [params.value]);\n\n  const searchWithParams = (clickedSearchButton = false) =>\n    handleSearch(\n      clearOnSearch,\n      setValue,\n      searchOnEnter,\n      value,\n      onSearch,\n      property,\n      clickedSearchButton,\n      onSearchButtonClick,\n    );\n\n  const handleChange = ({ target }) => {\n    onChange(target.value);\n    setValue(target.value);\n    if (!searchOnEnter) {\n      // Functional update to get latest value state, similar to this.setState callback\n      setValue((prevValue) => {\n        debouncedSearch(clearOnSearch, setValue, searchOnEnter, prevValue, onSearch, property);\n        return prevValue;\n      });\n    }\n  };\n\n  const handleClear = () => {\n    onClearButtonClick();\n    onChange('');\n    setValue('');\n    if (!searchOnEnter) {\n      // Functional update to get latest value state, similar to this.setState callback\n      setValue((prevValue) => {\n        debouncedSearch(clearOnSearch, setValue, searchOnEnter, prevValue, onSearch, property);\n        return prevValue;\n      });\n    }\n    debouncedSearch(clearOnSearch, setValue, searchOnEnter, value, onSearch, property);\n  };\n\n  const handleKeyUp = (e) => {\n    const { key } = e;\n    if (searchOnEnter && key === 'Enter') {\n      searchWithParams();\n    }\n    onKeyUp(e);\n  };\n\n  return {\n    searchValue: value,\n    handleChange,\n    handleSearch: searchWithParams,\n    handleKeyUp,\n    handleClear,\n  };\n}\n"],"names":["handleSearch","clearOnSearch","setValue","searchOnEnter","value","onSearch","property","clickTrigger","onSearchButtonClick","query","useSearch","params","onKeyUp","onChange","onClearButtonClick","useState","debouncedSearch","useCallback","debounce","useEffect","searchWithParams","clickedSearchButton","handleChange","target","prevValue","handleClear","handleKeyUp","e","key","searchValue"],"mappings":";;;;;AAIA,SAASA,YAAT,CACEC,aADF,EAEEC,QAFF,EAGEC,aAHF,EAIEC,KAJF,EAKEC,QALF,EAMEC,QANF,EAOEC,YAPF,EAQEC,mBARF,EASE;AACA,MAAID,YAAJ,EAAkB;AAChBC,IAAAA,mBAAmB;AACpB;;AACD,MAAIP,aAAJ,EAAmBC,QAAQ,CAAC,EAAD,CAAR;AACnB,MAAIC,aAAa,IAAI,CAACC,KAAtB,EAA6B;AAC7BC,EAAAA,QAAQ,CAAC;AACPI,IAAAA,KAAK,sBAAKH,QAAL,EAAgBF,KAAhB,CADE;AAEPE,IAAAA,QAAQ,EAARA,QAFO;AAGPF,IAAAA,KAAK,EAALA;AAHO,GAAD,CAAR;AAKD;;AAEM,SAASM,SAAT,GAAgC;AAAA,MAAbC,MAAa,uEAAJ,EAAI;AACrC,MACEC,OADF,GASID,MATJ,CACEC,OADF;AAAA,MAEEP,QAFF,GASIM,MATJ,CAEEN,QAFF;AAAA,MAGEG,mBAHF,GASIG,MATJ,CAGEH,mBAHF;AAAA,MAIEF,QAJF,GASIK,MATJ,CAIEL,QAJF;AAAA,MAKEL,aALF,GASIU,MATJ,CAKEV,aALF;AAAA,MAMEE,aANF,GASIQ,MATJ,CAMER,aANF;AAAA,MAOEU,QAPF,GASIF,MATJ,CAOEE,QAPF;AAAA,MAQEC,kBARF,GASIH,MATJ,CAQEG,kBARF;;AAUA,kBAA0BC,QAAQ,CAACJ,MAAM,CAACP,KAAR,CAAlC;AAAA;AAAA,MAAOA,KAAP;AAAA,MAAcF,QAAd;;AACA,MAAMc,eAAe,GAAGC,WAAW,CAACC,QAAQ,CAAClB,YAAD,EAAe,GAAf,CAAT,EAA8B,EAA9B,CAAnC,CAZqC;;AAcrCmB,EAAAA,SAAS,CAAC,YAAM;AACd,QAAIf,KAAK,KAAKO,MAAM,CAACP,KAArB,EAA4B;AAC1BF,MAAAA,QAAQ,CAACS,MAAM,CAACP,KAAR,CAAR;AACD;AACF,GAJQ,EAIN,CAACO,MAAM,CAACP,KAAR,CAJM,CAAT;;AAMA,MAAMgB,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,QAACC,mBAAD,uEAAuB,KAAvB;AAAA,WACvBrB,YAAY,CACVC,aADU,EAEVC,QAFU,EAGVC,aAHU,EAIVC,KAJU,EAKVC,QALU,EAMVC,QANU,EAOVe,mBAPU,EAQVb,mBARU,CADW;AAAA,GAAzB;;AAYA,MAAMc,YAAY,GAAG,SAAfA,YAAe,OAAgB;AAAA,QAAbC,MAAa,QAAbA,MAAa;AACnCV,IAAAA,QAAQ,CAACU,MAAM,CAACnB,KAAR,CAAR;AACAF,IAAAA,QAAQ,CAACqB,MAAM,CAACnB,KAAR,CAAR;;AACA,QAAI,CAACD,aAAL,EAAoB;AAClB;AACAD,MAAAA,QAAQ,CAAC,UAACsB,SAAD,EAAe;AACtBR,QAAAA,eAAe,CAACf,aAAD,EAAgBC,QAAhB,EAA0BC,aAA1B,EAAyCqB,SAAzC,EAAoDnB,QAApD,EAA8DC,QAA9D,CAAf;AACA,eAAOkB,SAAP;AACD,OAHO,CAAR;AAID;AACF,GAVD;;AAYA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBX,IAAAA,kBAAkB;AAClBD,IAAAA,QAAQ,CAAC,EAAD,CAAR;AACAX,IAAAA,QAAQ,CAAC,EAAD,CAAR;;AACA,QAAI,CAACC,aAAL,EAAoB;AAClB;AACAD,MAAAA,QAAQ,CAAC,UAACsB,SAAD,EAAe;AACtBR,QAAAA,eAAe,CAACf,aAAD,EAAgBC,QAAhB,EAA0BC,aAA1B,EAAyCqB,SAAzC,EAAoDnB,QAApD,EAA8DC,QAA9D,CAAf;AACA,eAAOkB,SAAP;AACD,OAHO,CAAR;AAID;;AACDR,IAAAA,eAAe,CAACf,aAAD,EAAgBC,QAAhB,EAA0BC,aAA1B,EAAyCC,KAAzC,EAAgDC,QAAhD,EAA0DC,QAA1D,CAAf;AACD,GAZD;;AAcA,MAAMoB,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAO;AACzB,QAAQC,GAAR,GAAgBD,CAAhB,CAAQC,GAAR;;AACA,QAAIzB,aAAa,IAAIyB,GAAG,KAAK,OAA7B,EAAsC;AACpCR,MAAAA,gBAAgB;AACjB;;AACDR,IAAAA,OAAO,CAACe,CAAD,CAAP;AACD,GAND;;AAQA,SAAO;AACLE,IAAAA,WAAW,EAAEzB,KADR;AAELkB,IAAAA,YAAY,EAAZA,YAFK;AAGLtB,IAAAA,YAAY,EAAEoB,gBAHT;AAILM,IAAAA,WAAW,EAAXA,WAJK;AAKLD,IAAAA,WAAW,EAAXA;AALK,GAAP;AAOD;;;;"}

package/esm/SearchBox/withSearchable.js

@@ -9,7 +9,7 @@ import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
-import { debounce } from '@elliemae/ds-utilities/utils';
+import { debounce } from '@elliemae/ds-utilities';
 
 var _excluded = ["containerProps"];