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

package/cjs/SearchBox/NavSearchBox.js

@@ -6,12 +6,9 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var styled = require('styled-components');
 var reactDesc = require('react-desc');
-var ChevronDown = require('@elliemae/ds-icons/ChevronDown');
-var SearchIcon = require('@elliemae/ds-icons/Search');
-var ChevronUp = require('@elliemae/ds-icons/ChevronUp');
+var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-button');
 var TextBox_DSTextBox = require('../TextBox/DSTextBox.js');
-var CloseXsmall = require('@elliemae/ds-icons/CloseXsmall');
 var SearchBox_props = require('./props.js');
 var SearchBox_defaultProps = require('./defaultProps.js');
 require('@babel/runtime/helpers/extends');
@@ -28,7 +25,6 @@ require('@babel/runtime/helpers/getPrototypeOf');
 require('@babel/runtime/helpers/defineProperty');
 require('lodash');
 require('@elliemae/ds-classnames');
-require('@elliemae/ds-icons/CloseCircle');
 require('@elliemae/ds-tooltip');
 require('../Input/InputAddonWrapper.js');
 require('@babel/runtime/helpers/toConsumableArray');
@@ -38,11 +34,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var ChevronDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDown);
-var SearchIcon__default = /*#__PURE__*/_interopDefaultLegacy(SearchIcon);
-var ChevronUp__default = /*#__PURE__*/_interopDefaultLegacy(ChevronUp);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var CloseXsmall__default = /*#__PURE__*/_interopDefaultLegacy(CloseXsmall);
 
 /* eslint-disable max-lines */
 var StyledResultTracker = /*#__PURE__*/styled__default['default'].div.withConfig({
@@ -72,7 +64,7 @@ var RightButtonsGroup = function RightButtonsGroup(props) {
     containerProps: {
       'data-testid': 'ds-navsearchbox-next'
     },
-    icon: /*#__PURE__*/React__default['default'].createElement(ChevronDown__default['default'], {
+    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronDown, {
       color: ['brand-primary', '800']
     }),
     onClick: onNext
@@ -81,7 +73,7 @@ var RightButtonsGroup = function RightButtonsGroup(props) {
     containerProps: {
       'data-testid': 'ds-navsearchbox-prev'
     },
-    icon: /*#__PURE__*/React__default['default'].createElement(ChevronUp__default['default'], {
+    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronUp, {
       color: ['brand-primary', '800']
     }),
     onClick: onPrevious
@@ -90,7 +82,7 @@ var RightButtonsGroup = function RightButtonsGroup(props) {
       'data-testid': 'ds-navsearchbox-clear'
     },
     buttonType: "text",
-    icon: /*#__PURE__*/React__default['default'].createElement(CloseXsmall__default['default'], {
+    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.CloseXsmall, {
       color: ['brand-primary', '800']
     }),
     onClick: onClear,
@@ -100,7 +92,7 @@ var RightButtonsGroup = function RightButtonsGroup(props) {
       'data-testid': 'ds-navsearchbox-clear'
     },
     buttonType: "text",
-    icon: /*#__PURE__*/React__default['default'].createElement(SearchIcon__default['default'], {
+    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.Search, {
       color: ['brand-primary', '800']
     }),
     last: true

package/cjs/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","React","ChevronDown","ChevronUp","CloseXsmall","SearchIcon","propTypes","PropTypes","func","isRequired","bool","ResultTracker","currentResultIndex","totalResults","number","VerticalSeparator","ToolbarRightAddons","NavSearchBox","onChange","value","onBlur","placeholder","handleChange","e","target","handleKeyDown","shiftKey","key","keyCode","DSTextBox","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","React","ChevronDown","ChevronUp","CloseXsmall","Search","propTypes","PropTypes","func","isRequired","bool","ResultTracker","currentResultIndex","totalResults","number","VerticalSeparator","ToolbarRightAddons","NavSearchBox","onChange","value","onBlur","placeholder","handleChange","e","target","handleKeyDown","shiftKey","key","keyCode","DSTextBox","navSearchBoxProps","defaultProps","navSearchBoxDefaultProps","DSNavSearchBoxWithSchema","describe"],"mappings":"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"}

package/cjs/SearchBox/SearchBoxToggle.js

@@ -5,12 +5,11 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var styled = require('styled-components');
-var SearchIcon = require('@elliemae/ds-icons/Search');
+var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-button');
 var SearchBox_DSSearchBox = require('./DSSearchBox.js');
 require('react-desc');
 require('@elliemae/ds-icon');
-require('@elliemae/ds-icons/CloseXsmall');
 require('./styled.js');
 require('../TextBox/DSTextBox.js');
 require('../Input/DSInput.js');
@@ -26,14 +25,13 @@ require('@babel/runtime/helpers/defineProperty');
 require('prop-types');
 require('lodash');
 require('@elliemae/ds-classnames');
-require('@elliemae/ds-icons/CloseCircle');
 require('@elliemae/ds-tooltip');
 require('../Input/InputAddonWrapper.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('./SButton.js');
 require('@elliemae/ds-system');
 require('./useSearch.js');
-require('@elliemae/ds-utilities/utils');
+require('@elliemae/ds-utilities');
 require('./props.js');
 require('./defaultProps.js');
 
@@ -44,7 +42,6 @@ var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray)
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var SearchIcon__default = /*#__PURE__*/_interopDefaultLegacy(SearchIcon);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
 var _excluded = ["onSearchButtonClick", "width"];
@@ -78,7 +75,7 @@ var SearchBoxToggle = function SearchBoxToggle(_ref) {
       setOpen(true);
     },
     buttonType: "text",
-    icon: /*#__PURE__*/React__default['default'].createElement(SearchIcon__default['default'], null)
+    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.Search, null)
   });
   return /*#__PURE__*/React__default['default'].createElement("div", null, show && !isOpen && button, /*#__PURE__*/React__default['default'].createElement(SearchWrap, {
     show: !show || isOpen,

package/cjs/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","React","DSButton","SearchIcon","DSSearchBox","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,mBAAmB,GAAG,EAA5B;AAEA,IAAMC,UAAU,gBAAGC,0BAAM,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,cAAQ,CAAC,KAAD,CAAlC;AAAA;AAAA,MAAOL,MAAP;AAAA,MAAeM,OAAf;;AACA,mBAAwBD,cAAQ,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,gBACVC,wCAACC,4BAAD;AACE,IAAA,OAAO,EAAE,mBAAM;AACbL,MAAAA,OAAO,CAAC,IAAD,CAAP;AACD,KAHH;AAIE,IAAA,UAAU,EAAC,MAJb;AAKE,IAAA,IAAI,eAAEI,wCAACE,8BAAD;AALR,IADF;AASA,sBACEF,qDACGX,IAAI,IAAI,CAACC,MAAT,IAAmBS,MADtB,eAEEC,wCAAC,UAAD;AACE,IAAA,IAAI,EAAE,CAACX,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,kBAQEU,wCAACG,gCAAD,mCACMT,IADN;AAEE,IAAA,mBAAmB,EAAE,+BAAM;AACzBD,MAAAA,oBAAmB;;AACnBG,MAAAA,OAAO,CAAC,KAAD,CAAP;AACD;AALH,KARF,CAFF,CADF;AAqBD;;AAEDJ,eAAe,CAACY,YAAhB,GAA+B;AAC7BX,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","React","DSButton","Search","DSSearchBox","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,mBAAmB,GAAG,EAA5B;AAEA,IAAMC,UAAU,gBAAGC,0BAAM,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,cAAQ,CAAC,KAAD,CAAlC;AAAA;AAAA,MAAOL,MAAP;AAAA,MAAeM,OAAf;;AACA,mBAAwBD,cAAQ,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,gBACVC,wCAACC,4BAAD;AACE,IAAA,OAAO,EAAE,mBAAM;AACbL,MAAAA,OAAO,CAAC,IAAD,CAAP;AACD,KAHH;AAIE,IAAA,UAAU,EAAC,MAJb;AAKE,IAAA,IAAI,eAAEI,wCAACE,cAAD;AALR,IADF;AASA,sBACEF,qDACGX,IAAI,IAAI,CAACC,MAAT,IAAmBS,MADtB,eAEEC,wCAAC,UAAD;AACE,IAAA,IAAI,EAAE,CAACX,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,kBAQEU,wCAACG,gCAAD,mCACMT,IADN;AAEE,IAAA,mBAAmB,EAAE,+BAAM;AACzBD,MAAAA,oBAAmB;;AACnBG,MAAAA,OAAO,CAAC,KAAD,CAAP;AACD;AALH,KARF,CAFF,CADF;AAqBD;;AAEDJ,eAAe,CAACY,YAAhB,GAA+B;AAC7BX,EAAAA,mBAAmB,EAAE;AAAA,WAAM,IAAN;AAAA,GADQ;AAE7BF,EAAAA,KAAK,EAAE;AAFsB,CAA/B;;;;"}

package/cjs/SearchBox/index.js

@@ -10,11 +10,10 @@ require('@babel/runtime/helpers/slicedToArray');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');
 require('styled-components');
-require('@elliemae/ds-icons/Search');
+require('@elliemae/ds-icons');
 require('@elliemae/ds-button');
 require('react-desc');
 require('@elliemae/ds-icon');
-require('@elliemae/ds-icons/CloseXsmall');
 require('./styled.js');
 require('../TextBox/DSTextBox.js');
 require('../Input/DSInput.js');
@@ -30,18 +29,15 @@ require('@babel/runtime/helpers/defineProperty');
 require('prop-types');
 require('lodash');
 require('@elliemae/ds-classnames');
-require('@elliemae/ds-icons/CloseCircle');
 require('@elliemae/ds-tooltip');
 require('../Input/InputAddonWrapper.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('./SButton.js');
 require('@elliemae/ds-system');
 require('./useSearch.js');
-require('@elliemae/ds-utilities/utils');
+require('@elliemae/ds-utilities');
 require('./props.js');
 require('./defaultProps.js');
-require('@elliemae/ds-icons/ChevronDown');
-require('@elliemae/ds-icons/ChevronUp');
 
 
 

package/cjs/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/cjs/SearchBox/styled.js

@@ -21,7 +21,7 @@ require('@babel/runtime/helpers/defineProperty');
 require('prop-types');
 require('lodash');
 require('@elliemae/ds-classnames');
-require('@elliemae/ds-icons/CloseCircle');
+require('@elliemae/ds-icons');
 require('@elliemae/ds-button');
 require('@elliemae/ds-tooltip');
 require('../Input/InputAddonWrapper.js');

package/cjs/SearchBox/useSearch.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -42,7 +42,7 @@ function useSearch() {
       value = _useState2[0],
       setValue = _useState2[1];
 
-  var debouncedSearch = React.useCallback(utils.debounce(handleSearch, 200), []); // update state if prop changes
+  var debouncedSearch = React.useCallback(dsUtilities.debounce(handleSearch, 200), []); // update state if prop changes
 
   React.useEffect(function () {
     if (value !== params.value) {

package/cjs/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,0CAAKH,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,cAAQ,CAACJ,MAAM,CAACP,KAAR,CAAlC;AAAA;AAAA,MAAOA,KAAP;AAAA,MAAcF,QAAd;;AACA,MAAMc,eAAe,GAAGC,iBAAW,CAACC,cAAQ,CAAClB,YAAD,EAAe,GAAf,CAAT,EAA8B,EAA9B,CAAnC,CAZqC;;AAcrCmB,EAAAA,eAAS,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":"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"}

package/cjs/SearchBox/withSearchable.js

@@ -11,7 +11,7 @@ var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 var PropTypes = require('prop-types');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -46,7 +46,7 @@ var withSearchable = function withSearchable(WrappedComponent) {
 
       _this = _super.call(this, props);
 
-      _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "debouncedSearch", utils.debounce(_this.handleSearch, 200));
+      _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "debouncedSearch", dsUtilities.debounce(_this.handleSearch, 200));
 
       _this.state = {
         value: props.value

package/cjs/SearchBox/withSearchable.js.map

@@ -1 +1 @@
-{"version":3,"file":"withSearchable.js","sources":["../../../src/SearchBox/withSearchable.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { debounce } from '@elliemae/ds-utilities/utils';\n\nconst withSearchable = (WrappedComponent) => {\n  class Searchable extends Component {\n    debouncedSearch = debounce(this.handleSearch, 200);\n\n    constructor(props) {\n      super(props);\n      this.state = {\n        value: props.value,\n      };\n      this.handleSearch = this.handleSearch.bind(this);\n      this.handleKeyUp = this.handleKeyUp.bind(this);\n      this.handleChange = this.handleChange.bind(this);\n      this.buttonRef = React.createRef();\n    }\n\n    static getDerivedStateFromProps(nextProps, { prevPropValue }) {\n      if (nextProps.value !== prevPropValue) {\n        return {\n          value: nextProps.value,\n          prevPropValue: nextProps.value,\n        };\n      }\n      return null;\n    }\n\n    handleKeyUp(e) {\n      const { onKeyUp, searchOnEnter } = this.props;\n      const { key } = e;\n      if (searchOnEnter && key === 'Enter') {\n        this.handleSearch();\n      }\n      onKeyUp(e);\n    }\n\n    handleSearch() {\n      const { onSearch, property, clearOnSearch, searchOnEnter } = this.props;\n      const { value } = this.state;\n\n      if (clearOnSearch) this.setState({ value: '' });\n      if (searchOnEnter && !value) return;\n      onSearch({\n        query: { [property]: value },\n        property,\n        value,\n      });\n    }\n\n    handleChange({ target }) {\n      const { value } = target;\n      const { searchOnEnter, onChange } = this.props;\n      onChange(value);\n      this.setState({ value }, () => {\n        if (!searchOnEnter) this.debouncedSearch();\n      });\n    }\n\n    render() {\n      const { value } = this.state;\n      const { containerProps, ...rest } = this.props;\n\n      return (\n        <WrappedComponent\n          {...rest}\n          buttonRef={this.buttonRef}\n          containerProps={containerProps}\n          onChange={this.handleChange}\n          onKeyUp={this.handleKeyUp}\n          onSearch={this.handleSearch}\n          value={value}\n        />\n      );\n    }\n  }\n\n  Searchable.defaultProps = {\n    onChange: () => null,\n    onSearch: () => null,\n    onKeyUp: () => null,\n    property: 'all',\n    searchOnEnter: true,\n    clearOnSearch: false,\n    containerProps: {},\n  };\n\n  Searchable.propTypes = {\n    containerProps: PropTypes.shape({}),\n    onChange: PropTypes.func,\n    onSearch: PropTypes.func,\n    onKeyUp: PropTypes.func,\n    property: PropTypes.string,\n    searchOnEnter: PropTypes.bool,\n    clearOnSearch: PropTypes.bool,\n    value: PropTypes.string,\n  };\n\n  return Searchable;\n};\n\nexport default withSearchable;\n"],"names":["withSearchable","WrappedComponent","Searchable","props","debounce","handleSearch","state","value","bind","handleKeyUp","handleChange","buttonRef","React","createRef","e","onKeyUp","searchOnEnter","key","onSearch","property","clearOnSearch","setState","query","target","onChange","debouncedSearch","containerProps","rest","nextProps","prevPropValue","Component","defaultProps","propTypes","PropTypes","shape","func","string","bool"],"mappings":"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"}
+{"version":3,"file":"withSearchable.js","sources":["../../../src/SearchBox/withSearchable.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { debounce } from '@elliemae/ds-utilities';\n\nconst withSearchable = (WrappedComponent) => {\n  class Searchable extends Component {\n    debouncedSearch = debounce(this.handleSearch, 200);\n\n    constructor(props) {\n      super(props);\n      this.state = {\n        value: props.value,\n      };\n      this.handleSearch = this.handleSearch.bind(this);\n      this.handleKeyUp = this.handleKeyUp.bind(this);\n      this.handleChange = this.handleChange.bind(this);\n      this.buttonRef = React.createRef();\n    }\n\n    static getDerivedStateFromProps(nextProps, { prevPropValue }) {\n      if (nextProps.value !== prevPropValue) {\n        return {\n          value: nextProps.value,\n          prevPropValue: nextProps.value,\n        };\n      }\n      return null;\n    }\n\n    handleKeyUp(e) {\n      const { onKeyUp, searchOnEnter } = this.props;\n      const { key } = e;\n      if (searchOnEnter && key === 'Enter') {\n        this.handleSearch();\n      }\n      onKeyUp(e);\n    }\n\n    handleSearch() {\n      const { onSearch, property, clearOnSearch, searchOnEnter } = this.props;\n      const { value } = this.state;\n\n      if (clearOnSearch) this.setState({ value: '' });\n      if (searchOnEnter && !value) return;\n      onSearch({\n        query: { [property]: value },\n        property,\n        value,\n      });\n    }\n\n    handleChange({ target }) {\n      const { value } = target;\n      const { searchOnEnter, onChange } = this.props;\n      onChange(value);\n      this.setState({ value }, () => {\n        if (!searchOnEnter) this.debouncedSearch();\n      });\n    }\n\n    render() {\n      const { value } = this.state;\n      const { containerProps, ...rest } = this.props;\n\n      return (\n        <WrappedComponent\n          {...rest}\n          buttonRef={this.buttonRef}\n          containerProps={containerProps}\n          onChange={this.handleChange}\n          onKeyUp={this.handleKeyUp}\n          onSearch={this.handleSearch}\n          value={value}\n        />\n      );\n    }\n  }\n\n  Searchable.defaultProps = {\n    onChange: () => null,\n    onSearch: () => null,\n    onKeyUp: () => null,\n    property: 'all',\n    searchOnEnter: true,\n    clearOnSearch: false,\n    containerProps: {},\n  };\n\n  Searchable.propTypes = {\n    containerProps: PropTypes.shape({}),\n    onChange: PropTypes.func,\n    onSearch: PropTypes.func,\n    onKeyUp: PropTypes.func,\n    property: PropTypes.string,\n    searchOnEnter: PropTypes.bool,\n    clearOnSearch: PropTypes.bool,\n    value: PropTypes.string,\n  };\n\n  return Searchable;\n};\n\nexport default withSearchable;\n"],"names":["withSearchable","WrappedComponent","Searchable","props","debounce","handleSearch","state","value","bind","handleKeyUp","handleChange","buttonRef","React","createRef","e","onKeyUp","searchOnEnter","key","onSearch","property","clearOnSearch","setState","query","target","onChange","debouncedSearch","containerProps","rest","nextProps","prevPropValue","Component","defaultProps","propTypes","PropTypes","shape","func","string","bool"],"mappings":"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"}

package/cjs/TextBox/DSTextBox.js

@@ -19,7 +19,7 @@ require('@babel/runtime/helpers/defineProperty');
 require('prop-types');
 require('lodash');
 require('@elliemae/ds-classnames');
-require('@elliemae/ds-icons/CloseCircle');
+require('@elliemae/ds-icons');
 require('@elliemae/ds-button');
 require('@elliemae/ds-tooltip');
 require('../Input/InputAddonWrapper.js');

package/cjs/TextBox/index.js

@@ -20,7 +20,7 @@ require('@babel/runtime/helpers/defineProperty');
 require('prop-types');
 require('lodash');
 require('@elliemae/ds-classnames');
-require('@elliemae/ds-icons/CloseCircle');
+require('@elliemae/ds-icons');
 require('@elliemae/ds-button');
 require('@elliemae/ds-tooltip');
 require('../Input/InputAddonWrapper.js');

package/cjs/TimeInput/DSTimeInput.js

@@ -20,18 +20,17 @@ require('@babel/runtime/helpers/defineProperty');
 require('prop-types');
 require('lodash');
 require('@elliemae/ds-classnames');
-require('@elliemae/ds-icons/CloseCircle');
+require('@elliemae/ds-icons');
 require('@elliemae/ds-button');
 require('@elliemae/ds-tooltip');
 require('../Input/InputAddonWrapper.js');
 require('@babel/runtime/helpers/toConsumableArray');
-require('@elliemae/ds-utilities/timeUtils');
+require('@elliemae/ds-utilities');
 require('memoize-one');
 require('./TimeInputs.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('moment');
-require('../utils-328f60e2.js');
-require('@elliemae/ds-utilities/utils');
+require('../utils-f82fe290.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/TimeInput/DSTimeInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DSTimeInput.js","sources":["../../../src/TimeInput/DSTimeInput.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSInput from '../Input';\nimport TimeInputImpl from './TimeInputImpl';\n\nconst DSTimeInput = ({\n  containerProps = {},\n  innerRef,\n  className = '',\n  style = {},\n  onChange = () => null,\n  format,\n  value = '',\n  clearable = false,\n  disabled = false,\n  ariaLabel = 'Time input',\n}) => (\n  <DSInput\n    className={className}\n    clearable={clearable}\n    containerProps={containerProps}\n    customInputType={({ onChange: inputOnChange, ...restInputProps }) => (\n      <TimeInputImpl\n        aria-label={ariaLabel}\n        disabled={disabled}\n        format={format}\n        onChange={(time) => inputOnChange(time)}\n        {...restInputProps}\n        style={style}\n      />\n    )}\n    disabled={disabled}\n    innerRef={innerRef}\n    isShowElipsisActive={false}\n    onChange={onChange}\n    onClear={() => onChange(null)}\n    value={value}\n  />\n);\n\nDSTimeInput.defaultProps = {\n  format: 'hh:mm:ss',\n  disabled: false,\n  clearable: true,\n};\n\nconst props = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description(\n    'Injected props to wrapper element of component',\n  ),\n  /**\n   * Allows a function that is triggered once the time input changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the time input changes',\n  ),\n  /** a11y aria label */\n  'aria-label': PropTypes.string.description('a11y aria label'),\n  /** style object for time input wrapper */\n  style: PropTypes.object.description('style object for time input wrapper'),\n  /** inner ref for time inpot wrapper */\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('inner ref for time input wrapper'),\n  /** class for time input */\n  className: PropTypes.string.description('class for time input'),\n  /**\n   * Valid time format\n   */\n  format: PropTypes.string.description('Valid time format'),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description(\n    'Default value once the component is initialized',\n  ),\n  /**\n   * Whether the time input is clearable or not\n   */\n  clearable: PropTypes.bool.description(\n    'Whether the time input is clearable or not',\n  ),\n  /**\n   * Whether the time input is disabled or not\n   */\n  disabled: PropTypes.bool.description(\n    'Whether the time input is disabled or not',\n  ),\n  /**\n   * Aria label\n   */\n  ariaLabel: PropTypes.string.description('Aria label'),\n};\n\nDSTimeInput.propTypes = props;\n\nconst DSTimeInputWithSchema = describe(DSTimeInput);\nDSTimeInputWithSchema.propTypes = props;\n\nexport { TimeInputImpl, DSTimeInputWithSchema };\n\nexport default DSTimeInput;\n"],"names":["DSTimeInput","containerProps","innerRef","className","style","onChange","format","value","clearable","disabled","ariaLabel","React","DSInput","inputOnChange","restInputProps","TimeInputImpl","time","defaultProps","props","PropTypes","object","description","func","string","oneOfType","shape","current","any","bool","propTypes","DSTimeInputWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"DSTimeInput.js","sources":["../../../src/TimeInput/DSTimeInput.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSInput from '../Input';\nimport TimeInputImpl from './TimeInputImpl';\n\nconst DSTimeInput = ({\n  containerProps = {},\n  innerRef,\n  className = '',\n  style = {},\n  onChange = () => null,\n  format,\n  value = '',\n  clearable = false,\n  disabled = false,\n  ariaLabel = 'Time input',\n}) => (\n  <DSInput\n    className={className}\n    clearable={clearable}\n    containerProps={containerProps}\n    customInputType={({ onChange: inputOnChange, ...restInputProps }) => (\n      <TimeInputImpl\n        aria-label={ariaLabel}\n        disabled={disabled}\n        format={format}\n        onChange={(time) => inputOnChange(time)}\n        {...restInputProps}\n        style={style}\n      />\n    )}\n    disabled={disabled}\n    innerRef={innerRef}\n    isShowElipsisActive={false}\n    onChange={onChange}\n    onClear={() => onChange(null)}\n    value={value}\n  />\n);\n\nDSTimeInput.defaultProps = {\n  format: 'hh:mm:ss',\n  disabled: false,\n  clearable: true,\n};\n\nconst props = {\n  /** Injected props to wrapper element of component */\n  containerProps: PropTypes.object.description(\n    'Injected props to wrapper element of component',\n  ),\n  /**\n   * Allows a function that is triggered once the time input changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the time input changes',\n  ),\n  /** a11y aria label */\n  'aria-label': PropTypes.string.description('a11y aria label'),\n  /** style object for time input wrapper */\n  style: PropTypes.object.description('style object for time input wrapper'),\n  /** inner ref for time inpot wrapper */\n  innerRef: PropTypes.oneOfType([\n    PropTypes.func,\n    PropTypes.shape({ current: PropTypes.any }),\n  ]).description('inner ref for time input wrapper'),\n  /** class for time input */\n  className: PropTypes.string.description('class for time input'),\n  /**\n   * Valid time format\n   */\n  format: PropTypes.string.description('Valid time format'),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description(\n    'Default value once the component is initialized',\n  ),\n  /**\n   * Whether the time input is clearable or not\n   */\n  clearable: PropTypes.bool.description(\n    'Whether the time input is clearable or not',\n  ),\n  /**\n   * Whether the time input is disabled or not\n   */\n  disabled: PropTypes.bool.description(\n    'Whether the time input is disabled or not',\n  ),\n  /**\n   * Aria label\n   */\n  ariaLabel: PropTypes.string.description('Aria label'),\n};\n\nDSTimeInput.propTypes = props;\n\nconst DSTimeInputWithSchema = describe(DSTimeInput);\nDSTimeInputWithSchema.propTypes = props;\n\nexport { TimeInputImpl, DSTimeInputWithSchema };\n\nexport default DSTimeInput;\n"],"names":["DSTimeInput","containerProps","innerRef","className","style","onChange","format","value","clearable","disabled","ariaLabel","React","DSInput","inputOnChange","restInputProps","TimeInputImpl","time","defaultProps","props","PropTypes","object","description","func","string","oneOfType","shape","current","any","bool","propTypes","DSTimeInputWithSchema","describe"],"mappings":"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"}

package/cjs/TimeInput/TimeInputImpl.js

@@ -3,15 +3,14 @@
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var PropTypes = require('prop-types');
-var timeUtils = require('@elliemae/ds-utilities/timeUtils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var memoize = require('memoize-one');
 var dsClassnames = require('@elliemae/ds-classnames');
 var TimeInput_TimeInputs = require('./TimeInputs.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/slicedToArray');
 require('moment');
-require('../utils-328f60e2.js');
-require('@elliemae/ds-utilities/utils');
+require('../utils-f82fe290.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -33,7 +32,7 @@ var TimeInputImpl = function TimeInputImpl(_ref) {
       clearable = _ref.clearable,
       ariaLabel = _ref['arial-label'];
   var getVisibleTimeInputs = memoize__default['default'](function (formatValue) {
-    return timeUtils.getVisibleTimeByFormat(formatValue);
+    return dsUtilities.getVisibleTimeByFormat(formatValue);
   });
   var inputsContainer = React.useRef();
 

package/cjs/TimeInput/TimeInputImpl.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeInputImpl.js","sources":["../../../src/TimeInput/TimeInputImpl.tsx"],"sourcesContent":["import React, { useRef, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { getVisibleTimeByFormat } from '@elliemae/ds-utilities/timeUtils';\nimport memoizeOne from 'memoize-one';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport TimeInputs from './TimeInputs';\n\nconst blockName = 'input-time';\n\nconst InputTimeContainer = aggregatedClasses('div')(blockName);\n\nconst TimeInputImpl = ({\n  format,\n  innerRef,\n  onChange,\n  className,\n  value,\n  disabled,\n  clearable,\n  'arial-label': ariaLabel,\n}) => {\n  const getVisibleTimeInputs = memoizeOne((formatValue) =>\n    getVisibleTimeByFormat(formatValue),\n  );\n  let inputsContainer = useRef();\n\n  const handleFocus = (e) => {\n    if (!e.target.type) {\n      inputsContainer.querySelector('input').focus();\n    }\n  };\n\n  const visibleInputs = useMemo(() => getVisibleTimeInputs(format));\n\n  return (\n    <InputTimeContainer\n      className={className}\n      disabled={disabled}\n      innerRef={innerRef}\n      onClick={handleFocus}\n    >\n      <TimeInputs\n        aria-label={ariaLabel}\n        clearable={clearable}\n        disabled={disabled}\n        format={format}\n        innerRef={(node) => {\n          inputsContainer = node;\n        }}\n        onChange={onChange}\n        time={value}\n        {...visibleInputs}\n      />\n    </InputTimeContainer>\n  );\n};\n\nTimeInputImpl.propTypes = {\n  containerProps: PropTypes.shape({}),\n  /**\n   * Inner reference to the input\n   */\n  innerRef: PropTypes.any,\n  /**\n   * Classes to add to the container\n   */\n  className: PropTypes.string,\n  /**\n   * Styles to add to the container\n   */\n  style: PropTypes.shape({}),\n  /**\n   * Allows a function that is triggered once the time input changes\n   */\n  onChange: PropTypes.func,\n  /**\n   * Valid time format\n   */\n  format: PropTypes.string,\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string,\n  /**\n   * Whether the time input is clearable or not\n   */\n  clearable: PropTypes.bool,\n  /**\n   * Whether the time input is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Aria label to add to the container\n   */\n  'aria-label': PropTypes.bool,\n  'arial-label': PropTypes.bool,\n};\n\nexport default TimeInputImpl;\n"],"names":["blockName","InputTimeContainer","aggregatedClasses","TimeInputImpl","format","innerRef","onChange","className","value","disabled","clearable","ariaLabel","getVisibleTimeInputs","memoizeOne","formatValue","getVisibleTimeByFormat","inputsContainer","useRef","handleFocus","e","target","type","querySelector","focus","visibleInputs","useMemo","React","TimeInputs","node","propTypes","containerProps","PropTypes","shape","any","string","style","func","bool"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,SAAS,GAAG,YAAlB;AAEA,IAAMC,kBAAkB,GAAGC,8BAAiB,CAAC,KAAD,CAAjB,CAAyBF,SAAzB,CAA3B;;IAEMG,aAAa,GAAG,SAAhBA,aAAgB,OAShB;AAAA,MARJC,MAQI,QARJA,MAQI;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADWC,SACX,QADJ,aACI;AACJ,MAAMC,oBAAoB,GAAGC,2BAAU,CAAC,UAACC,WAAD;AAAA,WACtCC,gCAAsB,CAACD,WAAD,CADgB;AAAA,GAAD,CAAvC;AAGA,MAAIE,eAAe,GAAGC,YAAM,EAA5B;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAO;AACzB,QAAI,CAACA,CAAC,CAACC,MAAF,CAASC,IAAd,EAAoB;AAClBL,MAAAA,eAAe,CAACM,aAAhB,CAA8B,OAA9B,EAAuCC,KAAvC;AACD;AACF,GAJD;;AAMA,MAAMC,aAAa,GAAGC,aAAO,CAAC;AAAA,WAAMb,oBAAoB,CAACR,MAAD,CAA1B;AAAA,GAAD,CAA7B;AAEA,sBACEsB,wCAAC,kBAAD;AACE,IAAA,SAAS,EAAEnB,SADb;AAEE,IAAA,QAAQ,EAAEE,QAFZ;AAGE,IAAA,QAAQ,EAAEJ,QAHZ;AAIE,IAAA,OAAO,EAAEa;AAJX,kBAMEQ,wCAACC,oBAAD;AACE,kBAAYhB,SADd;AAEE,IAAA,SAAS,EAAED,SAFb;AAGE,IAAA,QAAQ,EAAED,QAHZ;AAIE,IAAA,MAAM,EAAEL,MAJV;AAKE,IAAA,QAAQ,EAAE,kBAACwB,IAAD,EAAU;AAClBZ,MAAAA,eAAe,GAAGY,IAAlB;AACD,KAPH;AAQE,IAAA,QAAQ,EAAEtB,QARZ;AASE,IAAA,IAAI,EAAEE;AATR,KAUMgB,aAVN,EANF,CADF;AAqBD;;AAEDrB,aAAa,CAAC0B,SAAd,GAA0B;AACxBC,EAAAA,cAAc,EAAEC,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADQ;;AAExB;AACF;AACA;AACE3B,EAAAA,QAAQ,EAAE0B,6BAAS,CAACE,GALI;;AAMxB;AACF;AACA;AACE1B,EAAAA,SAAS,EAAEwB,6BAAS,CAACG,MATG;;AAUxB;AACF;AACA;AACEC,EAAAA,KAAK,EAAEJ,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAbiB;;AAcxB;AACF;AACA;AACE1B,EAAAA,QAAQ,EAAEyB,6BAAS,CAACK,IAjBI;;AAkBxB;AACF;AACA;AACEhC,EAAAA,MAAM,EAAE2B,6BAAS,CAACG,MArBM;;AAsBxB;AACF;AACA;AACE1B,EAAAA,KAAK,EAAEuB,6BAAS,CAACG,MAzBO;;AA0BxB;AACF;AACA;AACExB,EAAAA,SAAS,EAAEqB,6BAAS,CAACM,IA7BG;;AA8BxB;AACF;AACA;AACE5B,EAAAA,QAAQ,EAAEsB,6BAAS,CAACM,IAjCI;;AAkCxB;AACF;AACA;AACE,gBAAcN,6BAAS,CAACM,IArCA;AAsCxB,iBAAeN,6BAAS,CAACM;AAtCD,CAA1B;;;;"}
+{"version":3,"file":"TimeInputImpl.js","sources":["../../../src/TimeInput/TimeInputImpl.tsx"],"sourcesContent":["import React, { useRef, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { getVisibleTimeByFormat } from '@elliemae/ds-utilities';\nimport memoizeOne from 'memoize-one';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport TimeInputs from './TimeInputs';\n\nconst blockName = 'input-time';\n\nconst InputTimeContainer = aggregatedClasses('div')(blockName);\n\nconst TimeInputImpl = ({\n  format,\n  innerRef,\n  onChange,\n  className,\n  value,\n  disabled,\n  clearable,\n  'arial-label': ariaLabel,\n}) => {\n  const getVisibleTimeInputs = memoizeOne((formatValue) =>\n    getVisibleTimeByFormat(formatValue),\n  );\n  let inputsContainer = useRef();\n\n  const handleFocus = (e) => {\n    if (!e.target.type) {\n      inputsContainer.querySelector('input').focus();\n    }\n  };\n\n  const visibleInputs = useMemo(() => getVisibleTimeInputs(format));\n\n  return (\n    <InputTimeContainer\n      className={className}\n      disabled={disabled}\n      innerRef={innerRef}\n      onClick={handleFocus}\n    >\n      <TimeInputs\n        aria-label={ariaLabel}\n        clearable={clearable}\n        disabled={disabled}\n        format={format}\n        innerRef={(node) => {\n          inputsContainer = node;\n        }}\n        onChange={onChange}\n        time={value}\n        {...visibleInputs}\n      />\n    </InputTimeContainer>\n  );\n};\n\nTimeInputImpl.propTypes = {\n  containerProps: PropTypes.shape({}),\n  /**\n   * Inner reference to the input\n   */\n  innerRef: PropTypes.any,\n  /**\n   * Classes to add to the container\n   */\n  className: PropTypes.string,\n  /**\n   * Styles to add to the container\n   */\n  style: PropTypes.shape({}),\n  /**\n   * Allows a function that is triggered once the time input changes\n   */\n  onChange: PropTypes.func,\n  /**\n   * Valid time format\n   */\n  format: PropTypes.string,\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string,\n  /**\n   * Whether the time input is clearable or not\n   */\n  clearable: PropTypes.bool,\n  /**\n   * Whether the time input is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Aria label to add to the container\n   */\n  'aria-label': PropTypes.bool,\n  'arial-label': PropTypes.bool,\n};\n\nexport default TimeInputImpl;\n"],"names":["blockName","InputTimeContainer","aggregatedClasses","TimeInputImpl","format","innerRef","onChange","className","value","disabled","clearable","ariaLabel","getVisibleTimeInputs","memoizeOne","formatValue","getVisibleTimeByFormat","inputsContainer","useRef","handleFocus","e","target","type","querySelector","focus","visibleInputs","useMemo","React","TimeInputs","node","propTypes","containerProps","PropTypes","shape","any","string","style","func","bool"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,SAAS,GAAG,YAAlB;AAEA,IAAMC,kBAAkB,GAAGC,8BAAiB,CAAC,KAAD,CAAjB,CAAyBF,SAAzB,CAA3B;;IAEMG,aAAa,GAAG,SAAhBA,aAAgB,OAShB;AAAA,MARJC,MAQI,QARJA,MAQI;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,QAMI,QANJA,QAMI;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,MAHJC,QAGI,QAHJA,QAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADWC,SACX,QADJ,aACI;AACJ,MAAMC,oBAAoB,GAAGC,2BAAU,CAAC,UAACC,WAAD;AAAA,WACtCC,kCAAsB,CAACD,WAAD,CADgB;AAAA,GAAD,CAAvC;AAGA,MAAIE,eAAe,GAAGC,YAAM,EAA5B;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAO;AACzB,QAAI,CAACA,CAAC,CAACC,MAAF,CAASC,IAAd,EAAoB;AAClBL,MAAAA,eAAe,CAACM,aAAhB,CAA8B,OAA9B,EAAuCC,KAAvC;AACD;AACF,GAJD;;AAMA,MAAMC,aAAa,GAAGC,aAAO,CAAC;AAAA,WAAMb,oBAAoB,CAACR,MAAD,CAA1B;AAAA,GAAD,CAA7B;AAEA,sBACEsB,wCAAC,kBAAD;AACE,IAAA,SAAS,EAAEnB,SADb;AAEE,IAAA,QAAQ,EAAEE,QAFZ;AAGE,IAAA,QAAQ,EAAEJ,QAHZ;AAIE,IAAA,OAAO,EAAEa;AAJX,kBAMEQ,wCAACC,oBAAD;AACE,kBAAYhB,SADd;AAEE,IAAA,SAAS,EAAED,SAFb;AAGE,IAAA,QAAQ,EAAED,QAHZ;AAIE,IAAA,MAAM,EAAEL,MAJV;AAKE,IAAA,QAAQ,EAAE,kBAACwB,IAAD,EAAU;AAClBZ,MAAAA,eAAe,GAAGY,IAAlB;AACD,KAPH;AAQE,IAAA,QAAQ,EAAEtB,QARZ;AASE,IAAA,IAAI,EAAEE;AATR,KAUMgB,aAVN,EANF,CADF;AAqBD;;AAEDrB,aAAa,CAAC0B,SAAd,GAA0B;AACxBC,EAAAA,cAAc,EAAEC,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CADQ;;AAExB;AACF;AACA;AACE3B,EAAAA,QAAQ,EAAE0B,6BAAS,CAACE,GALI;;AAMxB;AACF;AACA;AACE1B,EAAAA,SAAS,EAAEwB,6BAAS,CAACG,MATG;;AAUxB;AACF;AACA;AACEC,EAAAA,KAAK,EAAEJ,6BAAS,CAACC,KAAV,CAAgB,EAAhB,CAbiB;;AAcxB;AACF;AACA;AACE1B,EAAAA,QAAQ,EAAEyB,6BAAS,CAACK,IAjBI;;AAkBxB;AACF;AACA;AACEhC,EAAAA,MAAM,EAAE2B,6BAAS,CAACG,MArBM;;AAsBxB;AACF;AACA;AACE1B,EAAAA,KAAK,EAAEuB,6BAAS,CAACG,MAzBO;;AA0BxB;AACF;AACA;AACExB,EAAAA,SAAS,EAAEqB,6BAAS,CAACM,IA7BG;;AA8BxB;AACF;AACA;AACE5B,EAAAA,QAAQ,EAAEsB,6BAAS,CAACM,IAjCI;;AAkCxB;AACF;AACA;AACE,gBAAcN,6BAAS,CAACM,IArCA;AAsCxB,iBAAeN,6BAAS,CAACM;AAtCD,CAA1B;;;;"}

package/cjs/TimeInput/TimeInputs.js

@@ -6,9 +6,8 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
 var moment = require('moment');
-var TimeInput_utils = require('../utils-328f60e2.js');
-require('@elliemae/ds-utilities/timeUtils');
-require('@elliemae/ds-utilities/utils');
+var TimeInput_utils = require('../utils-f82fe290.js');
+require('@elliemae/ds-utilities');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }