@elliemae/ds-pills 1.57.0-rc.3 → 1.57.0-rc.4

package/cjs/components/Pill.js

@@ -12,11 +12,11 @@ var components_types_LabelPill = require('./types/LabelPill.js');
 var components_types_ReadOnlyPill = require('./types/ReadOnlyPill.js');
 var components_types_RemovablePill = require('./types/RemovablePill.js');
 var components_types_ValuePill = require('./types/ValuePill.js');
-require('@elliemae/ds-form/Input');
+require('@elliemae/ds-form');
 require('@babel/runtime/helpers/extends');
 require('@elliemae/ds-dropdownmenu');
 require('uid');
-require('@elliemae/ds-icons/ChevronSmallDown');
+require('@elliemae/ds-icons');
 require('@elliemae/ds-truncated-tooltip-text');
 require('./styled.js');
 require('styled-components');
@@ -26,7 +26,6 @@ require('../utils.js');
 require('./PillButton.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-icons/CloseXsmall');
 require('./PillGroup.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@elliemae/ds-tooltip');

package/cjs/components/Pill.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pill.js","sources":["../../../src/components/Pill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSPillProps } from '../index.d';\nimport { DSPillV2DefaultProps, DSPillV2PropTypes } from '../props';\nimport { DropdownPill, LabelPill, ValuePill, InputPill, ReadOnlyPill, RemovablePill } from './types';\n\nconst pillComponentGetter: Record<string, React.ComponentType<DSPillProps>> = {\n  dropdown: DropdownPill,\n  input: InputPill,\n  label: LabelPill,\n  readonly: ReadOnlyPill,\n  removable: RemovablePill,\n  value: ValuePill,\n};\n\nconst DSPillV2: React.ComponentType<DSPillProps> = (props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillV2DefaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, DSPillV2WithSchema.toTypescript());\n  const { type } = propsWithDefaults;\n  const PillComponent = pillComponentGetter[type];\n\n  return <PillComponent {...propsWithDefaults} />;\n};\n\nDSPillV2.propTypes = DSPillV2PropTypes;\nconst DSPillV2WithSchema = describe(DSPillV2).description('Pill');\nDSPillV2WithSchema.propTypes = DSPillV2PropTypes;\n\nexport { DSPillV2, DSPillV2WithSchema };\n"],"names":["pillComponentGetter","dropdown","DropdownPill","input","InputPill","label","LabelPill","readonly","ReadOnlyPill","removable","RemovablePill","value","ValuePill","DSPillV2","props","propsWithDefaults","useMemoMergePropsWithDefault","DSPillV2DefaultProps","useValidateTypescriptPropTypes","DSPillV2WithSchema","toTypescript","type","PillComponent","React","propTypes","DSPillV2PropTypes","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAQA,IAAMA,mBAAqE,GAAG;AAC5EC,EAAAA,QAAQ,EAAEC,0CADkE;AAE5EC,EAAAA,KAAK,EAAEC,oCAFqE;AAG5EC,EAAAA,KAAK,EAAEC,oCAHqE;AAI5EC,EAAAA,QAAQ,EAAEC,0CAJkE;AAK5EC,EAAAA,SAAS,EAAEC,4CALiE;AAM5EC,EAAAA,KAAK,EAAEC;AANqE,CAA9E;;IASMC,QAA0C,GAAG,SAA7CA,QAA6C,CAACC,OAAD,EAAW;AAC5D,MAAMC,iBAAiB,GAAGC,2CAA4B,CAACF,OAAD,EAAQG,0BAAR,CAAtD;AACAC,EAAAA,6CAA8B,CAACH,iBAAD,EAAoBI,kBAAkB,CAACC,YAAnB,EAApB,CAA9B;AACA,MAAQC,IAAR,GAAiBN,iBAAjB,CAAQM,IAAR;AACA,MAAMC,aAAa,GAAGtB,mBAAmB,CAACqB,IAAD,CAAzC;AAEA,sBAAOE,wCAAC,aAAD,EAAmBR,iBAAnB,CAAP;AACD;;AAEDF,QAAQ,CAACW,SAAT,GAAqBC,uBAArB;IACMN,kBAAkB,GAAGO,kBAAQ,CAACb,QAAD,CAAR,CAAmBc,WAAnB,CAA+B,MAA/B;AAC3BR,kBAAkB,CAACK,SAAnB,GAA+BC,uBAA/B;;;;;"}
+{"version":3,"file":"Pill.js","sources":["../../../src/components/Pill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSPillProps } from '../index.d';\nimport { DSPillV2DefaultProps, DSPillV2PropTypes } from '../props';\nimport { DropdownPill, LabelPill, ValuePill, InputPill, ReadOnlyPill, RemovablePill } from './types';\n\nconst pillComponentGetter: Record<string, React.ComponentType<DSPillProps>> = {\n  dropdown: DropdownPill,\n  input: InputPill,\n  label: LabelPill,\n  readonly: ReadOnlyPill,\n  removable: RemovablePill,\n  value: ValuePill,\n};\n\nconst DSPillV2: React.ComponentType<DSPillProps> = (props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillV2DefaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, DSPillV2WithSchema.toTypescript());\n  const { type } = propsWithDefaults;\n  const PillComponent = pillComponentGetter[type];\n\n  return <PillComponent {...propsWithDefaults} />;\n};\n\nDSPillV2.propTypes = DSPillV2PropTypes;\nconst DSPillV2WithSchema = describe(DSPillV2).description('Pill');\nDSPillV2WithSchema.propTypes = DSPillV2PropTypes;\n\nexport { DSPillV2, DSPillV2WithSchema };\n"],"names":["pillComponentGetter","dropdown","DropdownPill","input","InputPill","label","LabelPill","readonly","ReadOnlyPill","removable","RemovablePill","value","ValuePill","DSPillV2","props","propsWithDefaults","useMemoMergePropsWithDefault","DSPillV2DefaultProps","useValidateTypescriptPropTypes","DSPillV2WithSchema","toTypescript","type","PillComponent","React","propTypes","DSPillV2PropTypes","describe","description"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAQA,IAAMA,mBAAqE,GAAG;AAC5EC,EAAAA,QAAQ,EAAEC,0CADkE;AAE5EC,EAAAA,KAAK,EAAEC,oCAFqE;AAG5EC,EAAAA,KAAK,EAAEC,oCAHqE;AAI5EC,EAAAA,QAAQ,EAAEC,0CAJkE;AAK5EC,EAAAA,SAAS,EAAEC,4CALiE;AAM5EC,EAAAA,KAAK,EAAEC;AANqE,CAA9E;;IASMC,QAA0C,GAAG,SAA7CA,QAA6C,CAACC,OAAD,EAAW;AAC5D,MAAMC,iBAAiB,GAAGC,2CAA4B,CAACF,OAAD,EAAQG,0BAAR,CAAtD;AACAC,EAAAA,6CAA8B,CAACH,iBAAD,EAAoBI,kBAAkB,CAACC,YAAnB,EAApB,CAA9B;AACA,MAAQC,IAAR,GAAiBN,iBAAjB,CAAQM,IAAR;AACA,MAAMC,aAAa,GAAGtB,mBAAmB,CAACqB,IAAD,CAAzC;AAEA,sBAAOE,wCAAC,aAAD,EAAmBR,iBAAnB,CAAP;AACD;;AAEDF,QAAQ,CAACW,SAAT,GAAqBC,uBAArB;IACMN,kBAAkB,GAAGO,kBAAQ,CAACb,QAAD,CAAR,CAAmBc,WAAnB,CAA+B,MAA/B;AAC3BR,kBAAkB,CAACK,SAAnB,GAA+BC,uBAA/B;;;;;"}

package/cjs/components/PillButton.js

@@ -12,7 +12,7 @@ var props = require('../props.js');
 require('styled-components');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-button');
-require('@elliemae/ds-form/Input');
+require('@elliemae/ds-form');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/components/index.js

@@ -9,12 +9,12 @@ require('react');
 require('react-desc');
 require('@elliemae/ds-props-helpers');
 require('../props.js');
-require('@elliemae/ds-form/Input');
+require('@elliemae/ds-form');
 require('./types/DropdownPill.js');
 require('@babel/runtime/helpers/extends');
 require('@elliemae/ds-dropdownmenu');
 require('uid');
-require('@elliemae/ds-icons/ChevronSmallDown');
+require('@elliemae/ds-icons');
 require('@elliemae/ds-truncated-tooltip-text');
 require('./styled.js');
 require('styled-components');
@@ -24,7 +24,6 @@ require('../utils.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('./types/InputPill.js');
 require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-icons/CloseXsmall');
 require('./types/LabelPill.js');
 require('./types/ReadOnlyPill.js');
 require('./types/RemovablePill.js');

package/cjs/components/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/components/types/DropdownPill.js

@@ -6,7 +6,7 @@ var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
 var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
 var uid = require('uid');
-var ChevronDown = require('@elliemae/ds-icons/ChevronSmallDown');
+var dsIcons = require('@elliemae/ds-icons');
 var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var components_styled = require('../styled.js');
 var utils = require('../../utils.js');
@@ -18,14 +18,13 @@ require('@babel/runtime/helpers/objectWithoutProperties');
 require('react-desc');
 require('@elliemae/ds-props-helpers');
 require('../../props.js');
-require('@elliemae/ds-form/Input');
+require('@elliemae/ds-form');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
-var ChevronDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDown);
 
 var DropdownPill = /*#__PURE__*/React__default['default'].memo(function (_ref) {
   var label = _ref.label,
@@ -61,7 +60,7 @@ var DropdownPill = /*#__PURE__*/React__default['default'].memo(function (_ref) {
       innerRef: utils.setMultipleRefs(chevronRef, innerRef),
       "aria-label": ariaLabel || label,
       type: "right"
-    }, /*#__PURE__*/React__default['default'].createElement(ChevronDown__default['default'], {
+    }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronSmallDown, {
       color: ['brand-primary', '700'],
       size: "s"
     }))

package/cjs/components/types/DropdownPill.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownPill.js","sources":["../../../../src/components/types/DropdownPill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useMemo, useRef } from 'react';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { uid } from 'uid';\nimport ChevronDown from '@elliemae/ds-icons/ChevronSmallDown';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { StyledDropdownPillWrapper } from '../styled';\nimport type { DSPillProps } from '../../index.d';\nimport { setMultipleRefs } from '../../utils';\nimport { DSPillButton } from '../PillButton';\n\nexport const DropdownPill = React.memo<DSPillProps>(({ label, dropdownProps, innerRef, ariaLabel }) => {\n  const chevronRef = useRef(null);\n\n  const pillUid = useMemo(() => `ds-pill-${uid()}`, []);\n\n  return (\n    <StyledDropdownPillWrapper\n      id={pillUid}\n      className=\"ds-pill-wrapper ds-pill-wrapper-dropdown\"\n      data-testid=\"ds-pill-wrapper\"\n      cols={['auto', '24px']}\n      gutter=\"2px\"\n      alignItems=\"center\"\n      justifyItems=\"center\"\n    >\n      <SimpleTruncatedTooltipText value={label} />\n      <DSDropdownMenu\n        hideIfNotVisible\n        onClose={() => chevronRef.current.focus()}\n        menuProps={{ zIndex: 100 }}\n        {...dropdownProps}\n        triggerComponent={\n          <DSPillButton\n            className=\"ds-pill-focus-point\"\n            data-testid=\"ds-pill-dropdown-chevron\"\n            innerRef={setMultipleRefs(chevronRef, innerRef)}\n            aria-label={ariaLabel || label}\n            type=\"right\"\n          >\n            <ChevronDown color={['brand-primary', '700']} size=\"s\" />\n          </DSPillButton>\n        }\n      />\n    </StyledDropdownPillWrapper>\n  );\n});\n"],"names":["DropdownPill","React","memo","label","dropdownProps","innerRef","ariaLabel","chevronRef","useRef","pillUid","useMemo","uid","StyledDropdownPillWrapper","SimpleTruncatedTooltipText","DSDropdownMenu","current","focus","zIndex","DSPillButton","setMultipleRefs","ChevronDown"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWaA,YAAY,gBAAGC,yBAAK,CAACC,IAAN,CAAwB,gBAAmD;AAAA,MAAhDC,KAAgD,QAAhDA,KAAgD;AAAA,MAAzCC,aAAyC,QAAzCA,aAAyC;AAAA,MAA1BC,QAA0B,QAA1BA,QAA0B;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;AACrG,MAAMC,UAAU,GAAGC,YAAM,CAAC,IAAD,CAAzB;AAEA,MAAMC,OAAO,GAAGC,aAAO,CAAC;AAAA,6BAAiBC,OAAG,EAApB;AAAA,GAAD,EAA2B,EAA3B,CAAvB;AAEA,sBACEV,wCAACW,2CAAD;AACE,IAAA,EAAE,EAAEH,OADN;AAEE,IAAA,SAAS,EAAC,0CAFZ;AAGE,mBAAY,iBAHd;AAIE,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CAJR;AAKE,IAAA,MAAM,EAAC,KALT;AAME,IAAA,UAAU,EAAC,QANb;AAOE,IAAA,YAAY,EAAC;AAPf,kBASER,wCAACY,iDAAD;AAA4B,IAAA,KAAK,EAAEV;AAAnC,IATF,eAUEF,wCAACa,kCAAD;AACE,IAAA,gBAAgB,MADlB;AAEE,IAAA,OAAO,EAAE;AAAA,aAAMP,UAAU,CAACQ,OAAX,CAAmBC,KAAnB,EAAN;AAAA,KAFX;AAGE,IAAA,SAAS,EAAE;AAAEC,MAAAA,MAAM,EAAE;AAAV;AAHb,KAIMb,aAJN;AAKE,IAAA,gBAAgB,eACdH,wCAACiB,kCAAD;AACE,MAAA,SAAS,EAAC,qBADZ;AAEE,qBAAY,0BAFd;AAGE,MAAA,QAAQ,EAAEC,qBAAe,CAACZ,UAAD,EAAaF,QAAb,CAH3B;AAIE,oBAAYC,SAAS,IAAIH,KAJ3B;AAKE,MAAA,IAAI,EAAC;AALP,oBAOEF,wCAACmB,+BAAD;AAAa,MAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB,CAApB;AAA8C,MAAA,IAAI,EAAC;AAAnD,MAPF;AANJ,KAVF,CADF;AA8BD,CAnC2B;;;;"}
+{"version":3,"file":"DropdownPill.js","sources":["../../../../src/components/types/DropdownPill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useMemo, useRef } from 'react';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { uid } from 'uid';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { StyledDropdownPillWrapper } from '../styled';\nimport type { DSPillProps } from '../../index.d';\nimport { setMultipleRefs } from '../../utils';\nimport { DSPillButton } from '../PillButton';\n\nexport const DropdownPill = React.memo<DSPillProps>(({ label, dropdownProps, innerRef, ariaLabel }) => {\n  const chevronRef = useRef(null);\n\n  const pillUid = useMemo(() => `ds-pill-${uid()}`, []);\n\n  return (\n    <StyledDropdownPillWrapper\n      id={pillUid}\n      className=\"ds-pill-wrapper ds-pill-wrapper-dropdown\"\n      data-testid=\"ds-pill-wrapper\"\n      cols={['auto', '24px']}\n      gutter=\"2px\"\n      alignItems=\"center\"\n      justifyItems=\"center\"\n    >\n      <SimpleTruncatedTooltipText value={label} />\n      <DSDropdownMenu\n        hideIfNotVisible\n        onClose={() => chevronRef.current.focus()}\n        menuProps={{ zIndex: 100 }}\n        {...dropdownProps}\n        triggerComponent={\n          <DSPillButton\n            className=\"ds-pill-focus-point\"\n            data-testid=\"ds-pill-dropdown-chevron\"\n            innerRef={setMultipleRefs(chevronRef, innerRef)}\n            aria-label={ariaLabel || label}\n            type=\"right\"\n          >\n            <ChevronSmallDown color={['brand-primary', '700']} size=\"s\" />\n          </DSPillButton>\n        }\n      />\n    </StyledDropdownPillWrapper>\n  );\n});\n"],"names":["DropdownPill","React","memo","label","dropdownProps","innerRef","ariaLabel","chevronRef","useRef","pillUid","useMemo","uid","StyledDropdownPillWrapper","SimpleTruncatedTooltipText","DSDropdownMenu","current","focus","zIndex","DSPillButton","setMultipleRefs","ChevronSmallDown"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWaA,YAAY,gBAAGC,yBAAK,CAACC,IAAN,CAAwB,gBAAmD;AAAA,MAAhDC,KAAgD,QAAhDA,KAAgD;AAAA,MAAzCC,aAAyC,QAAzCA,aAAyC;AAAA,MAA1BC,QAA0B,QAA1BA,QAA0B;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;AACrG,MAAMC,UAAU,GAAGC,YAAM,CAAC,IAAD,CAAzB;AAEA,MAAMC,OAAO,GAAGC,aAAO,CAAC;AAAA,6BAAiBC,OAAG,EAApB;AAAA,GAAD,EAA2B,EAA3B,CAAvB;AAEA,sBACEV,wCAACW,2CAAD;AACE,IAAA,EAAE,EAAEH,OADN;AAEE,IAAA,SAAS,EAAC,0CAFZ;AAGE,mBAAY,iBAHd;AAIE,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CAJR;AAKE,IAAA,MAAM,EAAC,KALT;AAME,IAAA,UAAU,EAAC,QANb;AAOE,IAAA,YAAY,EAAC;AAPf,kBASER,wCAACY,iDAAD;AAA4B,IAAA,KAAK,EAAEV;AAAnC,IATF,eAUEF,wCAACa,kCAAD;AACE,IAAA,gBAAgB,MADlB;AAEE,IAAA,OAAO,EAAE;AAAA,aAAMP,UAAU,CAACQ,OAAX,CAAmBC,KAAnB,EAAN;AAAA,KAFX;AAGE,IAAA,SAAS,EAAE;AAAEC,MAAAA,MAAM,EAAE;AAAV;AAHb,KAIMb,aAJN;AAKE,IAAA,gBAAgB,eACdH,wCAACiB,kCAAD;AACE,MAAA,SAAS,EAAC,qBADZ;AAEE,qBAAY,0BAFd;AAGE,MAAA,QAAQ,EAAEC,qBAAe,CAACZ,UAAD,EAAaF,QAAb,CAH3B;AAIE,oBAAYC,SAAS,IAAIH,KAJ3B;AAKE,MAAA,IAAI,EAAC;AALP,oBAOEF,wCAACmB,wBAAD;AAAkB,MAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB,CAAzB;AAAmD,MAAA,IAAI,EAAC;AAAxD,MAPF;AANJ,KAVF,CADF;AA8BD,CAnC2B;;;;"}

package/cjs/components/types/InputPill.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var uid = require('uid');
-var CloseXsmall = require('@elliemae/ds-icons/CloseXsmall');
+var dsIcons = require('@elliemae/ds-icons');
 var components_styled = require('../styled.js');
 var utils = require('../../utils.js');
 var components_PillButton = require('../PillButton.js');
@@ -17,13 +17,12 @@ require('@babel/runtime/helpers/objectWithoutProperties');
 require('react-desc');
 require('@elliemae/ds-props-helpers');
 require('../../props.js');
-require('@elliemae/ds-form/Input');
+require('@elliemae/ds-form');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var CloseXsmall__default = /*#__PURE__*/_interopDefaultLegacy(CloseXsmall);
 
 var InputPill = /*#__PURE__*/React__default['default'].memo(function (_ref) {
   var label = _ref.label,
@@ -83,7 +82,7 @@ var InputPill = /*#__PURE__*/React__default['default'].memo(function (_ref) {
     onKeyDown: onCloseIconClick,
     "aria-label": "Clear input",
     type: "right"
-  }, /*#__PURE__*/React__default['default'].createElement(CloseXsmall__default['default'], {
+  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.CloseXsmall, {
     size: "s",
     color: ['brand-primary', '700']
   })));

package/cjs/components/types/InputPill.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputPill.js","sources":["../../../../src/components/types/InputPill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { uid } from 'uid';\nimport CloseIcon from '@elliemae/ds-icons/CloseXsmall';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledInputPillWrapper } from '../styled';\nimport { setMultipleRefs } from '../../utils';\nimport { DSPillButton } from '../PillButton';\n\nexport const InputPill = React.memo<DSPillProps>(\n  ({ label, inputPlaceholder, inputWidth, inputRender, onInputChange, onInputClear, innerRef }) => {\n    const ref = useRef<HTMLElement>(null);\n\n    const InputComponent = useMemo(() => inputRender, [inputRender]);\n\n    const pillUid = useMemo(() => `ds-pill-${uid()}`, []);\n\n    const onCloseIconClick: React.MouseEventHandler & React.KeyboardEventHandler = useCallback(\n      (e) => {\n        if ([undefined, 'Enter', 'Space'].includes(e.code)) {\n          e.preventDefault();\n          onInputClear(e);\n          ref.current.focus();\n        }\n      },\n      [onInputClear],\n    );\n\n    const [inputHasFocus, setInputHasFocus] = useState(false);\n\n    return (\n      <StyledInputPillWrapper\n        className=\"ds-pill-wrapper\"\n        data-testid=\"ds-pill-wrapper\"\n        cols={label === '' ? ['auto'] : ['auto', '24px']}\n        inputWidth={inputWidth}\n        value={label}\n        inputHasFocus={inputHasFocus}\n      >\n        <InputComponent\n          id={pillUid}\n          className=\"ds-pill-focus-point\"\n          data-testid=\"ds-pill-input\"\n          innerRef={setMultipleRefs(ref, innerRef)}\n          value={label}\n          onChange={onInputChange}\n          placeholder={inputPlaceholder}\n          onFocus={() => setInputHasFocus(true)}\n          onBlur={() => setInputHasFocus(false)}\n          disableTooltip={false}\n        />\n        {label !== '' && (\n          <DSPillButton\n            id={pillUid}\n            data-testid=\"ds-pill-clear-icon\"\n            innerRef={innerRef}\n            onClick={onCloseIconClick}\n            onKeyDown={onCloseIconClick}\n            aria-label=\"Clear input\"\n            type=\"right\"\n          >\n            <CloseIcon size=\"s\" color={['brand-primary', '700']} />\n          </DSPillButton>\n        )}\n      </StyledInputPillWrapper>\n    );\n  },\n);\n"],"names":["InputPill","React","memo","label","inputPlaceholder","inputWidth","inputRender","onInputChange","onInputClear","innerRef","ref","useRef","InputComponent","useMemo","pillUid","uid","onCloseIconClick","useCallback","e","undefined","includes","code","preventDefault","current","focus","useState","inputHasFocus","setInputHasFocus","StyledInputPillWrapper","setMultipleRefs","DSPillButton","CloseIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IASaA,SAAS,gBAAGC,yBAAK,CAACC,IAAN,CACvB,gBAAiG;AAAA,MAA9FC,KAA8F,QAA9FA,KAA8F;AAAA,MAAvFC,gBAAuF,QAAvFA,gBAAuF;AAAA,MAArEC,UAAqE,QAArEA,UAAqE;AAAA,MAAzDC,WAAyD,QAAzDA,WAAyD;AAAA,MAA5CC,aAA4C,QAA5CA,aAA4C;AAAA,MAA7BC,YAA6B,QAA7BA,YAA6B;AAAA,MAAfC,QAAe,QAAfA,QAAe;AAC/F,MAAMC,GAAG,GAAGC,YAAM,CAAc,IAAd,CAAlB;AAEA,MAAMC,cAAc,GAAGC,aAAO,CAAC;AAAA,WAAMP,WAAN;AAAA,GAAD,EAAoB,CAACA,WAAD,CAApB,CAA9B;AAEA,MAAMQ,OAAO,GAAGD,aAAO,CAAC;AAAA,6BAAiBE,OAAG,EAApB;AAAA,GAAD,EAA2B,EAA3B,CAAvB;AAEA,MAAMC,gBAAsE,GAAGC,iBAAW,CACxF,UAACC,CAAD,EAAO;AACL,QAAI,CAACC,SAAD,EAAY,OAAZ,EAAqB,OAArB,EAA8BC,QAA9B,CAAuCF,CAAC,CAACG,IAAzC,CAAJ,EAAoD;AAClDH,MAAAA,CAAC,CAACI,cAAF;AACAd,MAAAA,YAAY,CAACU,CAAD,CAAZ;AACAR,MAAAA,GAAG,CAACa,OAAJ,CAAYC,KAAZ;AACD;AACF,GAPuF,EAQxF,CAAChB,YAAD,CARwF,CAA1F;;AAWA,kBAA0CiB,cAAQ,CAAC,KAAD,CAAlD;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,sBACE1B,wCAAC2B,wCAAD;AACE,IAAA,SAAS,EAAC,iBADZ;AAEE,mBAAY,iBAFd;AAGE,IAAA,IAAI,EAAEzB,KAAK,KAAK,EAAV,GAAe,CAAC,MAAD,CAAf,GAA0B,CAAC,MAAD,EAAS,MAAT,CAHlC;AAIE,IAAA,UAAU,EAAEE,UAJd;AAKE,IAAA,KAAK,EAAEF,KALT;AAME,IAAA,aAAa,EAAEuB;AANjB,kBAQEzB,wCAAC,cAAD;AACE,IAAA,EAAE,EAAEa,OADN;AAEE,IAAA,SAAS,EAAC,qBAFZ;AAGE,mBAAY,eAHd;AAIE,IAAA,QAAQ,EAAEe,qBAAe,CAACnB,GAAD,EAAMD,QAAN,CAJ3B;AAKE,IAAA,KAAK,EAAEN,KALT;AAME,IAAA,QAAQ,EAAEI,aANZ;AAOE,IAAA,WAAW,EAAEH,gBAPf;AAQE,IAAA,OAAO,EAAE;AAAA,aAAMuB,gBAAgB,CAAC,IAAD,CAAtB;AAAA,KARX;AASE,IAAA,MAAM,EAAE;AAAA,aAAMA,gBAAgB,CAAC,KAAD,CAAtB;AAAA,KATV;AAUE,IAAA,cAAc,EAAE;AAVlB,IARF,EAoBGxB,KAAK,KAAK,EAAV,iBACCF,wCAAC6B,kCAAD;AACE,IAAA,EAAE,EAAEhB,OADN;AAEE,mBAAY,oBAFd;AAGE,IAAA,QAAQ,EAAEL,QAHZ;AAIE,IAAA,OAAO,EAAEO,gBAJX;AAKE,IAAA,SAAS,EAAEA,gBALb;AAME,kBAAW,aANb;AAOE,IAAA,IAAI,EAAC;AAPP,kBASEf,wCAAC8B,+BAAD;AAAW,IAAA,IAAI,EAAC,GAAhB;AAAoB,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;AAA3B,IATF,CArBJ,CADF;AAoCD,CAzDsB;;;;"}
+{"version":3,"file":"InputPill.js","sources":["../../../../src/components/types/InputPill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { uid } from 'uid';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledInputPillWrapper } from '../styled';\nimport { setMultipleRefs } from '../../utils';\nimport { DSPillButton } from '../PillButton';\n\nexport const InputPill = React.memo<DSPillProps>(\n  ({ label, inputPlaceholder, inputWidth, inputRender, onInputChange, onInputClear, innerRef }) => {\n    const ref = useRef<HTMLElement>(null);\n\n    const InputComponent = useMemo(() => inputRender, [inputRender]);\n\n    const pillUid = useMemo(() => `ds-pill-${uid()}`, []);\n\n    const onCloseIconClick: React.MouseEventHandler & React.KeyboardEventHandler = useCallback(\n      (e) => {\n        if ([undefined, 'Enter', 'Space'].includes(e.code)) {\n          e.preventDefault();\n          onInputClear(e);\n          ref.current.focus();\n        }\n      },\n      [onInputClear],\n    );\n\n    const [inputHasFocus, setInputHasFocus] = useState(false);\n\n    return (\n      <StyledInputPillWrapper\n        className=\"ds-pill-wrapper\"\n        data-testid=\"ds-pill-wrapper\"\n        cols={label === '' ? ['auto'] : ['auto', '24px']}\n        inputWidth={inputWidth}\n        value={label}\n        inputHasFocus={inputHasFocus}\n      >\n        <InputComponent\n          id={pillUid}\n          className=\"ds-pill-focus-point\"\n          data-testid=\"ds-pill-input\"\n          innerRef={setMultipleRefs(ref, innerRef)}\n          value={label}\n          onChange={onInputChange}\n          placeholder={inputPlaceholder}\n          onFocus={() => setInputHasFocus(true)}\n          onBlur={() => setInputHasFocus(false)}\n          disableTooltip={false}\n        />\n        {label !== '' && (\n          <DSPillButton\n            id={pillUid}\n            data-testid=\"ds-pill-clear-icon\"\n            innerRef={innerRef}\n            onClick={onCloseIconClick}\n            onKeyDown={onCloseIconClick}\n            aria-label=\"Clear input\"\n            type=\"right\"\n          >\n            <CloseXsmall size=\"s\" color={['brand-primary', '700']} />\n          </DSPillButton>\n        )}\n      </StyledInputPillWrapper>\n    );\n  },\n);\n"],"names":["InputPill","React","memo","label","inputPlaceholder","inputWidth","inputRender","onInputChange","onInputClear","innerRef","ref","useRef","InputComponent","useMemo","pillUid","uid","onCloseIconClick","useCallback","e","undefined","includes","code","preventDefault","current","focus","useState","inputHasFocus","setInputHasFocus","StyledInputPillWrapper","setMultipleRefs","DSPillButton","CloseXsmall"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;IASaA,SAAS,gBAAGC,yBAAK,CAACC,IAAN,CACvB,gBAAiG;AAAA,MAA9FC,KAA8F,QAA9FA,KAA8F;AAAA,MAAvFC,gBAAuF,QAAvFA,gBAAuF;AAAA,MAArEC,UAAqE,QAArEA,UAAqE;AAAA,MAAzDC,WAAyD,QAAzDA,WAAyD;AAAA,MAA5CC,aAA4C,QAA5CA,aAA4C;AAAA,MAA7BC,YAA6B,QAA7BA,YAA6B;AAAA,MAAfC,QAAe,QAAfA,QAAe;AAC/F,MAAMC,GAAG,GAAGC,YAAM,CAAc,IAAd,CAAlB;AAEA,MAAMC,cAAc,GAAGC,aAAO,CAAC;AAAA,WAAMP,WAAN;AAAA,GAAD,EAAoB,CAACA,WAAD,CAApB,CAA9B;AAEA,MAAMQ,OAAO,GAAGD,aAAO,CAAC;AAAA,6BAAiBE,OAAG,EAApB;AAAA,GAAD,EAA2B,EAA3B,CAAvB;AAEA,MAAMC,gBAAsE,GAAGC,iBAAW,CACxF,UAACC,CAAD,EAAO;AACL,QAAI,CAACC,SAAD,EAAY,OAAZ,EAAqB,OAArB,EAA8BC,QAA9B,CAAuCF,CAAC,CAACG,IAAzC,CAAJ,EAAoD;AAClDH,MAAAA,CAAC,CAACI,cAAF;AACAd,MAAAA,YAAY,CAACU,CAAD,CAAZ;AACAR,MAAAA,GAAG,CAACa,OAAJ,CAAYC,KAAZ;AACD;AACF,GAPuF,EAQxF,CAAChB,YAAD,CARwF,CAA1F;;AAWA,kBAA0CiB,cAAQ,CAAC,KAAD,CAAlD;AAAA;AAAA,MAAOC,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,sBACE1B,wCAAC2B,wCAAD;AACE,IAAA,SAAS,EAAC,iBADZ;AAEE,mBAAY,iBAFd;AAGE,IAAA,IAAI,EAAEzB,KAAK,KAAK,EAAV,GAAe,CAAC,MAAD,CAAf,GAA0B,CAAC,MAAD,EAAS,MAAT,CAHlC;AAIE,IAAA,UAAU,EAAEE,UAJd;AAKE,IAAA,KAAK,EAAEF,KALT;AAME,IAAA,aAAa,EAAEuB;AANjB,kBAQEzB,wCAAC,cAAD;AACE,IAAA,EAAE,EAAEa,OADN;AAEE,IAAA,SAAS,EAAC,qBAFZ;AAGE,mBAAY,eAHd;AAIE,IAAA,QAAQ,EAAEe,qBAAe,CAACnB,GAAD,EAAMD,QAAN,CAJ3B;AAKE,IAAA,KAAK,EAAEN,KALT;AAME,IAAA,QAAQ,EAAEI,aANZ;AAOE,IAAA,WAAW,EAAEH,gBAPf;AAQE,IAAA,OAAO,EAAE;AAAA,aAAMuB,gBAAgB,CAAC,IAAD,CAAtB;AAAA,KARX;AASE,IAAA,MAAM,EAAE;AAAA,aAAMA,gBAAgB,CAAC,KAAD,CAAtB;AAAA,KATV;AAUE,IAAA,cAAc,EAAE;AAVlB,IARF,EAoBGxB,KAAK,KAAK,EAAV,iBACCF,wCAAC6B,kCAAD;AACE,IAAA,EAAE,EAAEhB,OADN;AAEE,mBAAY,oBAFd;AAGE,IAAA,QAAQ,EAAEL,QAHZ;AAIE,IAAA,OAAO,EAAEO,gBAJX;AAKE,IAAA,SAAS,EAAEA,gBALb;AAME,kBAAW,aANb;AAOE,IAAA,IAAI,EAAC;AAPP,kBASEf,wCAAC8B,mBAAD;AAAa,IAAA,IAAI,EAAC,GAAlB;AAAsB,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;AAA7B,IATF,CArBJ,CADF;AAoCD,CAzDsB;;;;"}

package/cjs/components/types/RemovablePill.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var uid = require('uid');
-var CloseXsmall = require('@elliemae/ds-icons/CloseXsmall');
+var dsIcons = require('@elliemae/ds-icons');
 var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var components_styled = require('../styled.js');
 var components_PillGroup = require('../PillGroup.js');
@@ -18,12 +18,11 @@ require('@babel/runtime/helpers/extends');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@elliemae/ds-props-helpers');
 require('../../props.js');
-require('@elliemae/ds-form/Input');
+require('@elliemae/ds-form');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var CloseXsmall__default = /*#__PURE__*/_interopDefaultLegacy(CloseXsmall);
 
 /* eslint-disable react/prop-types */
 var RemovablePill = /*#__PURE__*/React__default['default'].memo(function (_ref) {
@@ -64,7 +63,7 @@ var RemovablePill = /*#__PURE__*/React__default['default'].memo(function (_ref)
     onKeyDown: onKeyDown,
     "aria-label": "Remove ".concat(label),
     type: "right"
-  }, /*#__PURE__*/React__default['default'].createElement(CloseXsmall__default['default'], {
+  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.CloseXsmall, {
     size: "s",
     color: ['brand-primary', '700']
   })));

package/cjs/components/types/RemovablePill.js.map

@@ -1 +1 @@
-{"version":3,"file":"RemovablePill.js","sources":["../../../../src/components/types/RemovablePill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useCallback, useContext, useMemo } from 'react';\nimport { uid } from 'uid';\nimport CloseIcon from '@elliemae/ds-icons/CloseXsmall';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledRemovablePillWrapper } from '../styled';\nimport { DSPillGroupV2Context } from '../PillGroup';\nimport { DSPillButton } from '../PillButton';\n\nexport const RemovablePill = React.memo<DSPillProps>(({ label, onRemove, innerRef, ariaLabel }) => {\n  const { onKeyboardRemove } = useContext(DSPillGroupV2Context);\n  const pillUid = useMemo(() => `ds-pill-${uid()}`, []);\n\n  const onKeyDown: React.MouseEventHandler & React.KeyboardEventHandler = useCallback(\n    (e) => {\n      if (['Enter', 'Space'].includes(e.code)) {\n        e.preventDefault();\n        if (onKeyboardRemove) onKeyboardRemove(pillUid);\n        onRemove(e);\n      }\n    },\n    [onKeyboardRemove, onRemove, pillUid],\n  );\n\n  return (\n    <StyledRemovablePillWrapper\n      cols={['auto', '24px']}\n      gutter=\"2px\"\n      alignItems=\"center\"\n      justifyItems=\"center\"\n      className=\"ds-pill-wrapper ds-pill-wrapper-removable\"\n      data-testid=\"ds-pill-wrapper\"\n      aria-label={ariaLabel || label}\n    >\n      <SimpleTruncatedTooltipText value={label} />\n      <DSPillButton\n        className=\"ds-pill-focus-point\"\n        id={pillUid}\n        data-testid=\"ds-pill-close-icon\"\n        innerRef={innerRef}\n        onClick={onRemove}\n        onKeyDown={onKeyDown}\n        aria-label={`Remove ${label}`}\n        type=\"right\"\n      >\n        <CloseIcon size=\"s\" color={['brand-primary', '700']} />\n      </DSPillButton>\n    </StyledRemovablePillWrapper>\n  );\n});\n"],"names":["RemovablePill","React","memo","label","onRemove","innerRef","ariaLabel","useContext","DSPillGroupV2Context","onKeyboardRemove","pillUid","useMemo","uid","onKeyDown","useCallback","e","includes","code","preventDefault","StyledRemovablePillWrapper","SimpleTruncatedTooltipText","DSPillButton","CloseIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAUaA,aAAa,gBAAGC,yBAAK,CAACC,IAAN,CAAwB,gBAA8C;AAAA,MAA3CC,KAA2C,QAA3CA,KAA2C;AAAA,MAApCC,QAAoC,QAApCA,QAAoC;AAAA,MAA1BC,QAA0B,QAA1BA,QAA0B;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;;AACjG,oBAA6BC,gBAAU,CAACC,yCAAD,CAAvC;AAAA,MAAQC,gBAAR,eAAQA,gBAAR;;AACA,MAAMC,OAAO,GAAGC,aAAO,CAAC;AAAA,6BAAiBC,OAAG,EAApB;AAAA,GAAD,EAA2B,EAA3B,CAAvB;AAEA,MAAMC,SAA+D,GAAGC,iBAAW,CACjF,UAACC,CAAD,EAAO;AACL,QAAI,CAAC,OAAD,EAAU,OAAV,EAAmBC,QAAnB,CAA4BD,CAAC,CAACE,IAA9B,CAAJ,EAAyC;AACvCF,MAAAA,CAAC,CAACG,cAAF;AACA,UAAIT,gBAAJ,EAAsBA,gBAAgB,CAACC,OAAD,CAAhB;AACtBN,MAAAA,QAAQ,CAACW,CAAD,CAAR;AACD;AACF,GAPgF,EAQjF,CAACN,gBAAD,EAAmBL,QAAnB,EAA6BM,OAA7B,CARiF,CAAnF;AAWA,sBACET,wCAACkB,4CAAD;AACE,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADR;AAEE,IAAA,MAAM,EAAC,KAFT;AAGE,IAAA,UAAU,EAAC,QAHb;AAIE,IAAA,YAAY,EAAC,QAJf;AAKE,IAAA,SAAS,EAAC,2CALZ;AAME,mBAAY,iBANd;AAOE,kBAAYb,SAAS,IAAIH;AAP3B,kBASEF,wCAACmB,iDAAD;AAA4B,IAAA,KAAK,EAAEjB;AAAnC,IATF,eAUEF,wCAACoB,kCAAD;AACE,IAAA,SAAS,EAAC,qBADZ;AAEE,IAAA,EAAE,EAAEX,OAFN;AAGE,mBAAY,oBAHd;AAIE,IAAA,QAAQ,EAAEL,QAJZ;AAKE,IAAA,OAAO,EAAED,QALX;AAME,IAAA,SAAS,EAAES,SANb;AAOE,mCAAsBV,KAAtB,CAPF;AAQE,IAAA,IAAI,EAAC;AARP,kBAUEF,wCAACqB,+BAAD;AAAW,IAAA,IAAI,EAAC,GAAhB;AAAoB,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;AAA3B,IAVF,CAVF,CADF;AAyBD,CAxC4B;;;;"}
+{"version":3,"file":"RemovablePill.js","sources":["../../../../src/components/types/RemovablePill.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React, { useCallback, useContext, useMemo } from 'react';\nimport { uid } from 'uid';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledRemovablePillWrapper } from '../styled';\nimport { DSPillGroupV2Context } from '../PillGroup';\nimport { DSPillButton } from '../PillButton';\n\nexport const RemovablePill = React.memo<DSPillProps>(({ label, onRemove, innerRef, ariaLabel }) => {\n  const { onKeyboardRemove } = useContext(DSPillGroupV2Context);\n  const pillUid = useMemo(() => `ds-pill-${uid()}`, []);\n\n  const onKeyDown: React.MouseEventHandler & React.KeyboardEventHandler = useCallback(\n    (e) => {\n      if (['Enter', 'Space'].includes(e.code)) {\n        e.preventDefault();\n        if (onKeyboardRemove) onKeyboardRemove(pillUid);\n        onRemove(e);\n      }\n    },\n    [onKeyboardRemove, onRemove, pillUid],\n  );\n\n  return (\n    <StyledRemovablePillWrapper\n      cols={['auto', '24px']}\n      gutter=\"2px\"\n      alignItems=\"center\"\n      justifyItems=\"center\"\n      className=\"ds-pill-wrapper ds-pill-wrapper-removable\"\n      data-testid=\"ds-pill-wrapper\"\n      aria-label={ariaLabel || label}\n    >\n      <SimpleTruncatedTooltipText value={label} />\n      <DSPillButton\n        className=\"ds-pill-focus-point\"\n        id={pillUid}\n        data-testid=\"ds-pill-close-icon\"\n        innerRef={innerRef}\n        onClick={onRemove}\n        onKeyDown={onKeyDown}\n        aria-label={`Remove ${label}`}\n        type=\"right\"\n      >\n        <CloseXsmall size=\"s\" color={['brand-primary', '700']} />\n      </DSPillButton>\n    </StyledRemovablePillWrapper>\n  );\n});\n"],"names":["RemovablePill","React","memo","label","onRemove","innerRef","ariaLabel","useContext","DSPillGroupV2Context","onKeyboardRemove","pillUid","useMemo","uid","onKeyDown","useCallback","e","includes","code","preventDefault","StyledRemovablePillWrapper","SimpleTruncatedTooltipText","DSPillButton","CloseXsmall"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAUaA,aAAa,gBAAGC,yBAAK,CAACC,IAAN,CAAwB,gBAA8C;AAAA,MAA3CC,KAA2C,QAA3CA,KAA2C;AAAA,MAApCC,QAAoC,QAApCA,QAAoC;AAAA,MAA1BC,QAA0B,QAA1BA,QAA0B;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;;AACjG,oBAA6BC,gBAAU,CAACC,yCAAD,CAAvC;AAAA,MAAQC,gBAAR,eAAQA,gBAAR;;AACA,MAAMC,OAAO,GAAGC,aAAO,CAAC;AAAA,6BAAiBC,OAAG,EAApB;AAAA,GAAD,EAA2B,EAA3B,CAAvB;AAEA,MAAMC,SAA+D,GAAGC,iBAAW,CACjF,UAACC,CAAD,EAAO;AACL,QAAI,CAAC,OAAD,EAAU,OAAV,EAAmBC,QAAnB,CAA4BD,CAAC,CAACE,IAA9B,CAAJ,EAAyC;AACvCF,MAAAA,CAAC,CAACG,cAAF;AACA,UAAIT,gBAAJ,EAAsBA,gBAAgB,CAACC,OAAD,CAAhB;AACtBN,MAAAA,QAAQ,CAACW,CAAD,CAAR;AACD;AACF,GAPgF,EAQjF,CAACN,gBAAD,EAAmBL,QAAnB,EAA6BM,OAA7B,CARiF,CAAnF;AAWA,sBACET,wCAACkB,4CAAD;AACE,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT,CADR;AAEE,IAAA,MAAM,EAAC,KAFT;AAGE,IAAA,UAAU,EAAC,QAHb;AAIE,IAAA,YAAY,EAAC,QAJf;AAKE,IAAA,SAAS,EAAC,2CALZ;AAME,mBAAY,iBANd;AAOE,kBAAYb,SAAS,IAAIH;AAP3B,kBASEF,wCAACmB,iDAAD;AAA4B,IAAA,KAAK,EAAEjB;AAAnC,IATF,eAUEF,wCAACoB,kCAAD;AACE,IAAA,SAAS,EAAC,qBADZ;AAEE,IAAA,EAAE,EAAEX,OAFN;AAGE,mBAAY,oBAHd;AAIE,IAAA,QAAQ,EAAEL,QAJZ;AAKE,IAAA,OAAO,EAAED,QALX;AAME,IAAA,SAAS,EAAES,SANb;AAOE,mCAAsBV,KAAtB,CAPF;AAQE,IAAA,IAAI,EAAC;AARP,kBAUEF,wCAACqB,mBAAD;AAAa,IAAA,IAAI,EAAC,GAAlB;AAAsB,IAAA,KAAK,EAAE,CAAC,eAAD,EAAkB,KAAlB;AAA7B,IAVF,CAVF,CADF;AAyBD,CAxC4B;;;;"}

package/cjs/components/types/index.js

@@ -12,7 +12,7 @@ require('@babel/runtime/helpers/extends');
 require('react');
 require('@elliemae/ds-dropdownmenu');
 require('uid');
-require('@elliemae/ds-icons/ChevronSmallDown');
+require('@elliemae/ds-icons');
 require('@elliemae/ds-truncated-tooltip-text');
 require('../styled.js');
 require('styled-components');
@@ -24,9 +24,8 @@ require('@babel/runtime/helpers/objectWithoutProperties');
 require('react-desc');
 require('@elliemae/ds-props-helpers');
 require('../../props.js');
-require('@elliemae/ds-form/Input');
+require('@elliemae/ds-form');
 require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-icons/CloseXsmall');
 require('../PillGroup.js');
 require('@babel/runtime/helpers/toConsumableArray');
 require('@elliemae/ds-tooltip');

package/cjs/components/types/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/deprecated/DropdownPill.js

@@ -9,7 +9,7 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var React = require('react');
 var reactDesc = require('react-desc');
 var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
-var ChevronDown = require('@elliemae/ds-icons/ChevronDown');
+var dsIcons = require('@elliemae/ds-icons');
 var useFocusGroupItem = require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
 var deprecated_Pill = require('./Pill.js');
 require('@elliemae/ds-classnames');
@@ -22,7 +22,6 @@ var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray)
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
-var ChevronDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDown);
 var useFocusGroupItem__default = /*#__PURE__*/_interopDefaultLegacy(useFocusGroupItem);
 
 var _excluded = ["containerProps", "label", "variant", "tabIndex", "closeMenuOnItemSelection", "maxWidth", "minWidth"];
@@ -76,7 +75,7 @@ function DropdownPill(_ref) {
       label: label,
       rightAddon: /*#__PURE__*/React__default['default'].createElement("div", {
         ref: chevronRef
-      }, /*#__PURE__*/React__default['default'].createElement(ChevronDown__default['default'], {
+      }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronDown, {
         className: "dropdown-pill-chevron-down",
         "data-testid": "dropdown-pill-button"
       })),

package/cjs/deprecated/DropdownPill.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownPill.js","sources":["../../../src/deprecated/DropdownPill.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport ChevronDown from '@elliemae/ds-icons/ChevronDown';\nimport useFocusGroupItem from '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';\nimport { Pill } from './Pill';\n\nfunction DropdownPill({\n  containerProps = {},\n  label = '',\n  variant,\n  tabIndex = -1,\n  closeMenuOnItemSelection = false,\n  maxWidth,\n  minWidth,\n  ...dropdownProps\n}) {\n  const ref = useRef(null);\n  const [chevronEl, chevronRef] = useState();\n  const { focusFirst } = useFocusGroupItem(ref);\n  return (\n    <DSDropdownMenu\n      {...dropdownProps}\n      closeMenuOnItemSelection={closeMenuOnItemSelection}\n      maxWidth={maxWidth}\n      hideIfNotVisible\n      menuProps={{ className: 'dropdown-pill-menu', zIndex: 100 }}\n      minWidth={minWidth}\n      onClose={focusFirst}\n      referenceNode={chevronEl}\n      triggerComponent={\n        <Pill\n          data-testid=\"dropdown-pill\"\n          className=\"dropdown-pill\"\n          containerProps={{ role: 'listbox', ...containerProps }}\n          innerRef={ref}\n          label={label}\n          rightAddon={\n            <div ref={chevronRef}>\n              <ChevronDown\n                className=\"dropdown-pill-chevron-down\"\n                data-testid=\"dropdown-pill-button\"\n              />\n            </div>\n          }\n          tabIndex={tabIndex}\n          variant={variant}\n        />\n      }\n    />\n  );\n}\n\nconst props = {\n  /** props injected to component wrapper */\n  containerProps: PropTypes.object.description(\n    'props injected to component wrapper',\n  ),\n  /** labeled pill text label */\n  label: PropTypes.string.isRequired.description('pill text label'),\n  /** pill variant */\n  variant: PropTypes.oneOf(['value', 'title']).description('pill variant'),\n  /** html focus border */\n  tabIndex: PropTypes.number.description('html focus order'),\n  /** close menu on item selection */\n  closeMenuOnItemSelection: PropTypes.bool.description(\n    'close menu on item selection',\n  ),\n  /** pill max width */\n  maxWidth: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('pill max width'),\n  /** pill min width */\n  minWidth: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('pill min width'),\n};\n\nDropdownPill.propTypes = props;\nconst DSDropdownPillWithSchema = describe(DropdownPill);\nDSDropdownPillWithSchema.propTypes = props;\n\nexport { DropdownPill, DSDropdownPillWithSchema };\n"],"names":["DropdownPill","containerProps","label","variant","tabIndex","closeMenuOnItemSelection","maxWidth","minWidth","dropdownProps","ref","useRef","useState","chevronEl","chevronRef","useFocusGroupItem","focusFirst","React","DSDropdownMenu","className","zIndex","Pill","role","ChevronDown","props","PropTypes","object","description","string","isRequired","oneOf","number","bool","oneOfType","propTypes","DSDropdownPillWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"DropdownPill.js","sources":["../../../src/deprecated/DropdownPill.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSDropdownMenu from '@elliemae/ds-dropdownmenu';\nimport { ChevronDown } from '@elliemae/ds-icons';\nimport useFocusGroupItem from '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';\nimport { Pill } from './Pill';\n\nfunction DropdownPill({\n  containerProps = {},\n  label = '',\n  variant,\n  tabIndex = -1,\n  closeMenuOnItemSelection = false,\n  maxWidth,\n  minWidth,\n  ...dropdownProps\n}) {\n  const ref = useRef(null);\n  const [chevronEl, chevronRef] = useState();\n  const { focusFirst } = useFocusGroupItem(ref);\n  return (\n    <DSDropdownMenu\n      {...dropdownProps}\n      closeMenuOnItemSelection={closeMenuOnItemSelection}\n      maxWidth={maxWidth}\n      hideIfNotVisible\n      menuProps={{ className: 'dropdown-pill-menu', zIndex: 100 }}\n      minWidth={minWidth}\n      onClose={focusFirst}\n      referenceNode={chevronEl}\n      triggerComponent={\n        <Pill\n          data-testid=\"dropdown-pill\"\n          className=\"dropdown-pill\"\n          containerProps={{ role: 'listbox', ...containerProps }}\n          innerRef={ref}\n          label={label}\n          rightAddon={\n            <div ref={chevronRef}>\n              <ChevronDown className=\"dropdown-pill-chevron-down\" data-testid=\"dropdown-pill-button\" />\n            </div>\n          }\n          tabIndex={tabIndex}\n          variant={variant}\n        />\n      }\n    />\n  );\n}\n\nconst props = {\n  /** props injected to component wrapper */\n  containerProps: PropTypes.object.description('props injected to component wrapper'),\n  /** labeled pill text label */\n  label: PropTypes.string.isRequired.description('pill text label'),\n  /** pill variant */\n  variant: PropTypes.oneOf(['value', 'title']).description('pill variant'),\n  /** html focus border */\n  tabIndex: PropTypes.number.description('html focus order'),\n  /** close menu on item selection */\n  closeMenuOnItemSelection: PropTypes.bool.description('close menu on item selection'),\n  /** pill max width */\n  maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('pill max width'),\n  /** pill min width */\n  minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('pill min width'),\n};\n\nDropdownPill.propTypes = props;\nconst DSDropdownPillWithSchema = describe(DropdownPill);\nDSDropdownPillWithSchema.propTypes = props;\n\nexport { DropdownPill, DSDropdownPillWithSchema };\n"],"names":["DropdownPill","containerProps","label","variant","tabIndex","closeMenuOnItemSelection","maxWidth","minWidth","dropdownProps","ref","useRef","useState","chevronEl","chevronRef","useFocusGroupItem","focusFirst","React","DSDropdownMenu","className","zIndex","Pill","role","ChevronDown","props","PropTypes","object","description","string","isRequired","oneOf","number","bool","oneOfType","propTypes","DSDropdownPillWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,YAAT,OASG;AAAA,iCARDC,cAQC;AAAA,MARDA,cAQC,oCARgB,EAQhB;AAAA,wBAPDC,KAOC;AAAA,MAPDA,KAOC,2BAPO,EAOP;AAAA,MANDC,OAMC,QANDA,OAMC;AAAA,2BALDC,QAKC;AAAA,MALDA,QAKC,8BALU,CAAC,CAKX;AAAA,mCAJDC,wBAIC;AAAA,MAJDA,wBAIC,sCAJ0B,KAI1B;AAAA,MAHDC,QAGC,QAHDA,QAGC;AAAA,MAFDC,QAEC,QAFDA,QAEC;AAAA,MADEC,aACF;;AACD,MAAMC,GAAG,GAAGC,YAAM,CAAC,IAAD,CAAlB;;AACA,kBAAgCC,cAAQ,EAAxC;AAAA;AAAA,MAAOC,SAAP;AAAA,MAAkBC,UAAlB;;AACA,2BAAuBC,qCAAiB,CAACL,GAAD,CAAxC;AAAA,MAAQM,UAAR,sBAAQA,UAAR;;AACA,sBACEC,wCAACC,kCAAD,mCACMT,aADN;AAEE,IAAA,wBAAwB,EAAEH,wBAF5B;AAGE,IAAA,QAAQ,EAAEC,QAHZ;AAIE,IAAA,gBAAgB,MAJlB;AAKE,IAAA,SAAS,EAAE;AAAEY,MAAAA,SAAS,EAAE,oBAAb;AAAmCC,MAAAA,MAAM,EAAE;AAA3C,KALb;AAME,IAAA,QAAQ,EAAEZ,QANZ;AAOE,IAAA,OAAO,EAAEQ,UAPX;AAQE,IAAA,aAAa,EAAEH,SARjB;AASE,IAAA,gBAAgB,eACdI,wCAACI,oBAAD;AACE,qBAAY,eADd;AAEE,MAAA,SAAS,EAAC,eAFZ;AAGE,MAAA,cAAc;AAAIC,QAAAA,IAAI,EAAE;AAAV,SAAwBpB,cAAxB,CAHhB;AAIE,MAAA,QAAQ,EAAEQ,GAJZ;AAKE,MAAA,KAAK,EAAEP,KALT;AAME,MAAA,UAAU,eACRc;AAAK,QAAA,GAAG,EAAEH;AAAV,sBACEG,wCAACM,mBAAD;AAAa,QAAA,SAAS,EAAC,4BAAvB;AAAoD,uBAAY;AAAhE,QADF,CAPJ;AAWE,MAAA,QAAQ,EAAElB,QAXZ;AAYE,MAAA,OAAO,EAAED;AAZX;AAVJ,KADF;AA4BD;;AAED,IAAMoB,KAAK,GAAG;AACZ;AACAtB,EAAAA,cAAc,EAAEuB,mBAAS,CAACC,MAAV,CAAiBC,WAAjB,CAA6B,qCAA7B,CAFJ;;AAGZ;AACAxB,EAAAA,KAAK,EAAEsB,mBAAS,CAACG,MAAV,CAAiBC,UAAjB,CAA4BF,WAA5B,CAAwC,iBAAxC,CAJK;;AAKZ;AACAvB,EAAAA,OAAO,EAAEqB,mBAAS,CAACK,KAAV,CAAgB,CAAC,OAAD,EAAU,OAAV,CAAhB,EAAoCH,WAApC,CAAgD,cAAhD,CANG;;AAOZ;AACAtB,EAAAA,QAAQ,EAAEoB,mBAAS,CAACM,MAAV,CAAiBJ,WAAjB,CAA6B,kBAA7B,CARE;;AASZ;AACArB,EAAAA,wBAAwB,EAAEmB,mBAAS,CAACO,IAAV,CAAeL,WAAf,CAA2B,8BAA3B,CAVd;;AAWZ;AACApB,EAAAA,QAAQ,EAAEkB,mBAAS,CAACQ,SAAV,CAAoB,CAACR,mBAAS,CAACG,MAAX,EAAmBH,mBAAS,CAACM,MAA7B,CAApB,EAA0DJ,WAA1D,CAAsE,gBAAtE,CAZE;;AAaZ;AACAnB,EAAAA,QAAQ,EAAEiB,mBAAS,CAACQ,SAAV,CAAoB,CAACR,mBAAS,CAACG,MAAX,EAAmBH,mBAAS,CAACM,MAA7B,CAApB,EAA0DJ,WAA1D,CAAsE,gBAAtE;AAdE,CAAd;AAiBA1B,YAAY,CAACiC,SAAb,GAAyBV,KAAzB;IACMW,wBAAwB,GAAGC,kBAAQ,CAACnC,YAAD;AACzCkC,wBAAwB,CAACD,SAAzB,GAAqCV,KAArC;;;;;"}

package/cjs/deprecated/InputPill.js

@@ -5,10 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _extends = require('@babel/runtime/helpers/extends');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
-var CloseXsmall = require('@elliemae/ds-icons/CloseXsmall');
+var dsIcons = require('@elliemae/ds-icons');
 var dsClassnames = require('@elliemae/ds-classnames');
-var DSInputMask = require('@elliemae/ds-form/InputMask');
-var DSInput = require('@elliemae/ds-form/Input');
+var dsForm = require('@elliemae/ds-form');
 var deprecated_Pill = require('./Pill.js');
 require('@babel/runtime/helpers/defineProperty');
 require('react-desc');
@@ -18,9 +17,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var CloseXsmall__default = /*#__PURE__*/_interopDefaultLegacy(CloseXsmall);
-var DSInputMask__default = /*#__PURE__*/_interopDefaultLegacy(DSInputMask);
-var DSInput__default = /*#__PURE__*/_interopDefaultLegacy(DSInput);
 
 var _excluded = ["containerProps", "placeholder", "onChange", "onRemove", "value", "type"];
 var StyledInputPill = dsClassnames.aggregatedClasses(deprecated_Pill.Pill)('input-pill', null, function (_ref) {
@@ -41,16 +37,16 @@ function InputPill(_ref2) {
       type = _ref2.type,
       otherProps = _objectWithoutProperties__default['default'](_ref2, _excluded);
 
-  var TypeOfInput = DSInput__default['default']; // TODO: implement the DSTimeInput, see how because it returns a moment()
+  var TypeOfInput = dsForm.DSInput; // TODO: implement the DSTimeInput, see how because it returns a moment()
   // TODO: implement the DSDateInput
 
   switch (type) {
     case 'inputText':
-      TypeOfInput = DSInput__default['default'];
+      TypeOfInput = dsForm.DSInput;
       break;
 
     case 'inputMask':
-      TypeOfInput = DSInputMask__default['default'];
+      TypeOfInput = dsForm.DSInputMask;
       break;
   }
 
@@ -66,7 +62,7 @@ function InputPill(_ref2) {
       placeholder: placeholder,
       value: value
     }, otherProps)),
-    rightAddon: value && /*#__PURE__*/React__default['default'].createElement(CloseXsmall__default['default'], {
+    rightAddon: value && /*#__PURE__*/React__default['default'].createElement(dsIcons.CloseXsmall, {
       className: "remove-pill-button",
       "data-testid": "remove-pill-button",
       onClick: onRemove

package/cjs/deprecated/InputPill.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputPill.js","sources":["../../../src/deprecated/InputPill.tsx"],"sourcesContent":["import React from 'react';\nimport CloseXsmall from '@elliemae/ds-icons/CloseXsmall';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport DSInputMask from '@elliemae/ds-form/InputMask';\nimport DSInput from '@elliemae/ds-form/Input';\nimport { Pill } from './Pill';\n\nconst StyledInputPill = aggregatedClasses(Pill)(\n  'input-pill',\n  null,\n  ({ value }) => ({\n    value,\n  }),\n);\n\nexport function InputPill({\n  containerProps = {},\n  placeholder = 'Enter Value',\n  onChange = () => {},\n  onRemove,\n  value,\n  type,\n  ...otherProps\n}) {\n  let TypeOfInput = DSInput;\n  // TODO: implement the DSTimeInput, see how because it returns a moment()\n  // TODO: implement the DSDateInput\n  switch (type) {\n    case 'inputText':\n      TypeOfInput = DSInput;\n      break;\n    case 'inputMask':\n      TypeOfInput = DSInputMask;\n      break;\n    default:\n      break;\n  }\n\n  return (\n    <StyledInputPill\n      className=\"input-pill\"\n      classProps={{ value }}\n      containerProps={containerProps}\n      label={\n        <TypeOfInput\n          data-testid=\"input-pill\"\n          onChange={onChange}\n          placeholder={placeholder}\n          value={value}\n          {...otherProps}\n        />\n      }\n      rightAddon={\n        value && (\n          <CloseXsmall\n            className=\"remove-pill-button\"\n            data-testid=\"remove-pill-button\"\n            onClick={onRemove}\n          />\n        )\n      }\n      tabIndex={-1}\n    />\n  );\n}\n"],"names":["StyledInputPill","aggregatedClasses","Pill","value","InputPill","containerProps","placeholder","onChange","onRemove","type","otherProps","TypeOfInput","DSInput","DSInputMask","React","CloseXsmall"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,eAAe,GAAGC,8BAAiB,CAACC,oBAAD,CAAjB,CACtB,YADsB,EAEtB,IAFsB,EAGtB;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAgB;AACdA,IAAAA,KAAK,EAALA;AADc,GAAhB;AAAA,CAHsB,CAAxB;AAQO,SAASC,SAAT,QAQJ;AAAA,mCAPDC,cAOC;AAAA,MAPDA,cAOC,qCAPgB,EAOhB;AAAA,gCANDC,WAMC;AAAA,MANDA,WAMC,kCANa,aAMb;AAAA,6BALDC,QAKC;AAAA,MALDA,QAKC,+BALU,YAAM,EAKhB;AAAA,MAJDC,QAIC,SAJDA,QAIC;AAAA,MAHDL,KAGC,SAHDA,KAGC;AAAA,MAFDM,IAEC,SAFDA,IAEC;AAAA,MADEC,UACF;;AACD,MAAIC,WAAW,GAAGC,2BAAlB,CADC;AAGD;;AACA,UAAQH,IAAR;AACE,SAAK,WAAL;AACEE,MAAAA,WAAW,GAAGC,2BAAd;AACA;;AACF,SAAK,WAAL;AACED,MAAAA,WAAW,GAAGE,+BAAd;AACA;AANJ;;AAWA,sBACEC,wCAAC,eAAD;AACE,IAAA,SAAS,EAAC,YADZ;AAEE,IAAA,UAAU,EAAE;AAAEX,MAAAA,KAAK,EAALA;AAAF,KAFd;AAGE,IAAA,cAAc,EAAEE,cAHlB;AAIE,IAAA,KAAK,eACHS,wCAAC,WAAD;AACE,qBAAY,YADd;AAEE,MAAA,QAAQ,EAAEP,QAFZ;AAGE,MAAA,WAAW,EAAED,WAHf;AAIE,MAAA,KAAK,EAAEH;AAJT,OAKMO,UALN,EALJ;AAaE,IAAA,UAAU,EACRP,KAAK,iBACHW,wCAACC,+BAAD;AACE,MAAA,SAAS,EAAC,oBADZ;AAEE,qBAAY,oBAFd;AAGE,MAAA,OAAO,EAAEP;AAHX,MAfN;AAsBE,IAAA,QAAQ,EAAE,CAAC;AAtBb,IADF;AA0BD;;;;"}
+{"version":3,"file":"InputPill.js","sources":["../../../src/deprecated/InputPill.tsx"],"sourcesContent":["import React from 'react';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSInput, DSInputMask } from '@elliemae/ds-form';\nimport { Pill } from './Pill';\n\nconst StyledInputPill = aggregatedClasses(Pill)('input-pill', null, ({ value }) => ({\n  value,\n}));\n\nexport function InputPill({\n  containerProps = {},\n  placeholder = 'Enter Value',\n  onChange = () => {},\n  onRemove,\n  value,\n  type,\n  ...otherProps\n}) {\n  let TypeOfInput = DSInput;\n  // TODO: implement the DSTimeInput, see how because it returns a moment()\n  // TODO: implement the DSDateInput\n  switch (type) {\n    case 'inputText':\n      TypeOfInput = DSInput;\n      break;\n    case 'inputMask':\n      TypeOfInput = DSInputMask;\n      break;\n    default:\n      break;\n  }\n\n  return (\n    <StyledInputPill\n      className=\"input-pill\"\n      classProps={{ value }}\n      containerProps={containerProps}\n      label={\n        <TypeOfInput\n          data-testid=\"input-pill\"\n          onChange={onChange}\n          placeholder={placeholder}\n          value={value}\n          {...otherProps}\n        />\n      }\n      rightAddon={\n        value && <CloseXsmall className=\"remove-pill-button\" data-testid=\"remove-pill-button\" onClick={onRemove} />\n      }\n      tabIndex={-1}\n    />\n  );\n}\n"],"names":["StyledInputPill","aggregatedClasses","Pill","value","InputPill","containerProps","placeholder","onChange","onRemove","type","otherProps","TypeOfInput","DSInput","DSInputMask","React","CloseXsmall"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,eAAe,GAAGC,8BAAiB,CAACC,oBAAD,CAAjB,CAAwB,YAAxB,EAAsC,IAAtC,EAA4C;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAgB;AAClFA,IAAAA,KAAK,EAALA;AADkF,GAAhB;AAAA,CAA5C,CAAxB;AAIO,SAASC,SAAT,QAQJ;AAAA,mCAPDC,cAOC;AAAA,MAPDA,cAOC,qCAPgB,EAOhB;AAAA,gCANDC,WAMC;AAAA,MANDA,WAMC,kCANa,aAMb;AAAA,6BALDC,QAKC;AAAA,MALDA,QAKC,+BALU,YAAM,EAKhB;AAAA,MAJDC,QAIC,SAJDA,QAIC;AAAA,MAHDL,KAGC,SAHDA,KAGC;AAAA,MAFDM,IAEC,SAFDA,IAEC;AAAA,MADEC,UACF;;AACD,MAAIC,WAAW,GAAGC,cAAlB,CADC;AAGD;;AACA,UAAQH,IAAR;AACE,SAAK,WAAL;AACEE,MAAAA,WAAW,GAAGC,cAAd;AACA;;AACF,SAAK,WAAL;AACED,MAAAA,WAAW,GAAGE,kBAAd;AACA;AANJ;;AAWA,sBACEC,wCAAC,eAAD;AACE,IAAA,SAAS,EAAC,YADZ;AAEE,IAAA,UAAU,EAAE;AAAEX,MAAAA,KAAK,EAALA;AAAF,KAFd;AAGE,IAAA,cAAc,EAAEE,cAHlB;AAIE,IAAA,KAAK,eACHS,wCAAC,WAAD;AACE,qBAAY,YADd;AAEE,MAAA,QAAQ,EAAEP,QAFZ;AAGE,MAAA,WAAW,EAAED,WAHf;AAIE,MAAA,KAAK,EAAEH;AAJT,OAKMO,UALN,EALJ;AAaE,IAAA,UAAU,EACRP,KAAK,iBAAIW,wCAACC,mBAAD;AAAa,MAAA,SAAS,EAAC,oBAAvB;AAA4C,qBAAY,oBAAxD;AAA6E,MAAA,OAAO,EAAEP;AAAtF,MAdb;AAgBE,IAAA,QAAQ,EAAE,CAAC;AAhBb,IADF;AAoBD;;;;"}

package/cjs/deprecated/LabeledDropdownPills.js

@@ -15,18 +15,14 @@ require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/slicedToArray');
 require('prop-types');
-require('@elliemae/ds-utilities/hooks/usePrevious');
-require('@elliemae/ds-utilities/hooks/useShouldRecalculate');
-require('@elliemae/ds-utilities/utils');
+require('@elliemae/ds-utilities');
 require('./DropdownPill.js');
 require('@elliemae/ds-dropdownmenu');
-require('@elliemae/ds-icons/ChevronDown');
+require('@elliemae/ds-icons');
 require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
 require('./Pill.js');
 require('./InputPill.js');
-require('@elliemae/ds-icons/CloseXsmall');
-require('@elliemae/ds-form/InputMask');
-require('@elliemae/ds-form/Input');
+require('@elliemae/ds-form');
 require('./RemovablePill.js');
 require('./LabeledDropdownPillsTypes/utils.js');
 require('lodash');

package/cjs/deprecated/LabeledDropdownPills.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledDropdownPills.js","sources":["../../../src/deprecated/LabeledDropdownPills.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { PillGroup } from './PillGroup';\nimport LabeledDropdownSinglePill from './LabeledDropdownPillsTypes/LabeledDropdownSinglePill';\nimport LabeledDropdownMultiPills from './LabeledDropdownPillsTypes/LabeledDropdownMultiPill';\nimport LabeledDropdownCascadeMenuPill from './LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill';\n\nconst DropdownPills = {\n  single: LabeledDropdownSinglePill,\n  multi: LabeledDropdownMultiPills,\n  cascaded: LabeledDropdownCascadeMenuPill,\n};\n\nconst createDropdownPill = (type) =>\n  DropdownPills[type] || DropdownPills.single;\n\nfunction LabeledDropdownPills({\n  label = '',\n  value,\n  type,\n  onFocusNextGroup,\n  onFocusPreviousGroup,\n  onFocusGroupSet,\n  maxWidth,\n  minWidth,\n  fixed,\n  ...menuProps\n}) {\n  const Component = createDropdownPill(type);\n\n  return (\n    <PillGroup\n      onFocusGroupSet={onFocusGroupSet}\n      onFocusNextGroup={onFocusNextGroup}\n      onFocusPreviousGroup={onFocusPreviousGroup}\n    >\n      <Component\n        {...menuProps}\n        label={label}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n        value={value}\n        fixed={fixed}\n      />\n    </PillGroup>\n  );\n}\n\nconst props = {\n  /** pill type */\n  type: PropTypes.oneOf(['single', 'multi', 'cascaded']).description(\n    'pill type',\n  ),\n  /** focus next group callback */\n  onFocusNextGroup: PropTypes.func.description('focus next group callback'),\n  /** focus prev group callback */\n  onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),\n  /** focus group set callback */\n  onFocusGroupSet: PropTypes.func.description('focus group set callback'),\n  /** pill max width */\n  maxWidth: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('pill max width'),\n  /** pill min width */\n  minWidth: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('pill min width'),\n  /** fixed pill */\n  fixed: PropTypes.bool.description('fixed pill'),\n  /** pill label text */\n  label: PropTypes.string.isRequired.description('pill label text'),\n  /** pill value */\n  value: PropTypes.oneOfType([\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string,\n        label: PropTypes.string,\n      }),\n    ),\n    PropTypes.shape({\n      id: PropTypes.string,\n      label: PropTypes.string,\n    }),\n  ]).description('pill value'),\n};\n\nLabeledDropdownPills.propTypes = props;\nconst DSLabeledDropdownPillsWithSchema = describe(LabeledDropdownPills);\nDSLabeledDropdownPillsWithSchema.propTypes = props;\n\nexport { LabeledDropdownPills, DSLabeledDropdownPillsWithSchema };\n"],"names":["DropdownPills","single","LabeledDropdownSinglePill","multi","LabeledDropdownMultiPills","cascaded","LabeledDropdownCascadeMenuPill","createDropdownPill","type","LabeledDropdownPills","label","value","onFocusNextGroup","onFocusPreviousGroup","onFocusGroupSet","maxWidth","minWidth","fixed","menuProps","Component","React","PillGroup","props","PropTypes","oneOf","description","func","oneOfType","string","number","bool","isRequired","arrayOf","shape","id","propTypes","DSLabeledDropdownPillsWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"LabeledDropdownPills.js","sources":["../../../src/deprecated/LabeledDropdownPills.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { PillGroup } from './PillGroup';\nimport LabeledDropdownSinglePill from './LabeledDropdownPillsTypes/LabeledDropdownSinglePill';\nimport LabeledDropdownMultiPills from './LabeledDropdownPillsTypes/LabeledDropdownMultiPill';\nimport LabeledDropdownCascadeMenuPill from './LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill';\n\nconst DropdownPills = {\n  single: LabeledDropdownSinglePill,\n  multi: LabeledDropdownMultiPills,\n  cascaded: LabeledDropdownCascadeMenuPill,\n};\n\nconst createDropdownPill = (type) =>\n  DropdownPills[type] || DropdownPills.single;\n\nfunction LabeledDropdownPills({\n  label = '',\n  value,\n  type,\n  onFocusNextGroup,\n  onFocusPreviousGroup,\n  onFocusGroupSet,\n  maxWidth,\n  minWidth,\n  fixed,\n  ...menuProps\n}) {\n  const Component = createDropdownPill(type);\n\n  return (\n    <PillGroup\n      onFocusGroupSet={onFocusGroupSet}\n      onFocusNextGroup={onFocusNextGroup}\n      onFocusPreviousGroup={onFocusPreviousGroup}\n    >\n      <Component\n        {...menuProps}\n        label={label}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n        value={value}\n        fixed={fixed}\n      />\n    </PillGroup>\n  );\n}\n\nconst props = {\n  /** pill type */\n  type: PropTypes.oneOf(['single', 'multi', 'cascaded']).description(\n    'pill type',\n  ),\n  /** focus next group callback */\n  onFocusNextGroup: PropTypes.func.description('focus next group callback'),\n  /** focus prev group callback */\n  onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),\n  /** focus group set callback */\n  onFocusGroupSet: PropTypes.func.description('focus group set callback'),\n  /** pill max width */\n  maxWidth: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('pill max width'),\n  /** pill min width */\n  minWidth: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('pill min width'),\n  /** fixed pill */\n  fixed: PropTypes.bool.description('fixed pill'),\n  /** pill label text */\n  label: PropTypes.string.isRequired.description('pill label text'),\n  /** pill value */\n  value: PropTypes.oneOfType([\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string,\n        label: PropTypes.string,\n      }),\n    ),\n    PropTypes.shape({\n      id: PropTypes.string,\n      label: PropTypes.string,\n    }),\n  ]).description('pill value'),\n};\n\nLabeledDropdownPills.propTypes = props;\nconst DSLabeledDropdownPillsWithSchema = describe(LabeledDropdownPills);\nDSLabeledDropdownPillsWithSchema.propTypes = props;\n\nexport { LabeledDropdownPills, DSLabeledDropdownPillsWithSchema };\n"],"names":["DropdownPills","single","LabeledDropdownSinglePill","multi","LabeledDropdownMultiPills","cascaded","LabeledDropdownCascadeMenuPill","createDropdownPill","type","LabeledDropdownPills","label","value","onFocusNextGroup","onFocusPreviousGroup","onFocusGroupSet","maxWidth","minWidth","fixed","menuProps","Component","React","PillGroup","props","PropTypes","oneOf","description","func","oneOfType","string","number","bool","isRequired","arrayOf","shape","id","propTypes","DSLabeledDropdownPillsWithSchema","describe"],"mappings":"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"}

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js

@@ -5,19 +5,18 @@ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _extends = require('@babel/runtime/helpers/extends');
 var React = require('react');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var deprecated_PillGroup = require('../PillGroup.js');
 var deprecated_RemovablePill = require('../RemovablePill.js');
 var deprecated_DropdownPill = require('../DropdownPill.js');
 require('react-desc');
 require('@elliemae/ds-classnames');
 require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
-require('@elliemae/ds-icons/CloseXsmall');
+require('@elliemae/ds-icons');
 require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
 require('../Pill.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('@elliemae/ds-dropdownmenu');
-require('@elliemae/ds-icons/ChevronDown');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -89,8 +88,8 @@ function LabeledDropdownCascadeMenuPill(_ref) {
     var item = _ref2.item,
         group = _ref2.group;
 
-    if (utils.isFunction(onChange)) {
-      var nextSelection = group ? _defineProperty__default['default']({}, group.id, utils.addOrRemove(_toConsumableArray__default['default'](selection[group.id] || []), item, function (o) {
+    if (dsUtilities.isFunction(onChange)) {
+      var nextSelection = group ? _defineProperty__default['default']({}, group.id, dsUtilities.addOrRemove(_toConsumableArray__default['default'](selection[group.id] || []), item, function (o) {
         return o.id;
       })) : _defineProperty__default['default']({}, item.id, item.label);
       onChange(nextSelection);
@@ -98,7 +97,7 @@ function LabeledDropdownCascadeMenuPill(_ref) {
   };
 
   var removeOption = function removeOption(option) {
-    if (utils.isFunction(onChange)) {
+    if (dsUtilities.isFunction(onChange)) {
       var nextSelection = _defineProperty__default['default']({}, selectionId, selectionValues.filter(function (val) {
         return option.id !== val.id;
       }));

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledDropdownCascadeMenuPill.js","sources":["../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.tsx"],"sourcesContent":["import React from 'react';\nimport { isFunction, addOrRemove } from '@elliemae/ds-utilities/utils';\nimport { PillGroup } from '../PillGroup';\nimport { RemovablePill } from '../RemovablePill';\nimport { DropdownPill } from '../DropdownPill';\n\nfunction renderMenuItems(options, factory) {\n  return options.map((option, index) => {\n    const ItemComponent = factory('radio');\n\n    if (option.type === 'submenu') {\n      const SubmenuComponent = factory('submenu');\n      const ChildComponent = factory('selection-group');\n      return (\n        <SubmenuComponent {...option} key={option.id} item={option}>\n          <ChildComponent\n            {...option}\n            id={option.id}\n            item={option}\n            items={option.items}\n            itemValueAccessor={item => item}\n            multi\n          />\n        </SubmenuComponent>\n      );\n    }\n\n    return <ItemComponent {...option} key={option.id || index} item={option} />;\n  });\n}\n\nconst getSubmenuOptionLabelById = (options, id) => {\n  const index = options.findIndex(option => option.id === id);\n  return index ? options[index].label : '';\n};\n\nexport default function LabeledDropdownCascadeMenuPill({\n  label,\n  options,\n  value: optionValue,\n  onChange,\n  onRemove,\n  value: selection = {},\n  placeholder = '---',\n  onFocusNextGroup,\n  onFocusPreviousGroup,\n  onFocusGroupSet,\n  maxWidth,\n  minWidth,\n  ...menuProps\n}) {\n  const selectionId = Object.keys(selection)[0];\n  const selectionValues = selection[selectionId] || '';\n  const dropdownLabel = Array.isArray(selectionValues)\n    ? getSubmenuOptionLabelById(options, selectionId)\n    : selectionValues;\n\n  const handleSelectChange = ({ item, group }) => {\n    if (isFunction(onChange)) {\n      const nextSelection = group\n        ? {\n            [group.id]: addOrRemove(\n              [...(selection[group.id] || [])],\n              item,\n              o => o.id,\n            ),\n          }\n        : {\n            [item.id]: item.label,\n          };\n      onChange(nextSelection);\n    }\n  };\n\n  const removeOption = option => {\n    if (isFunction(onChange)) {\n      const nextSelection = {\n        [selectionId]: selectionValues.filter(val => option.id !== val.id),\n      };\n      onChange(nextSelection);\n    }\n    onRemove(option);\n  };\n\n  return (\n    <PillGroup\n      onFocusGroupSet={onFocusGroupSet}\n      onFocusNextGroup={onFocusNextGroup}\n      onFocusPreviousGroup={onFocusPreviousGroup}\n    >\n      <DropdownPill\n        {...menuProps}\n        itemsRenderer={renderMenuItems}\n        label={dropdownLabel || placeholder}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n        onSelectChange={handleSelectChange}\n        options={options}\n        selection={{\n          [selectionId]: Array.isArray(selectionValues)\n            ? selectionValues.map(v => v.id)\n            : selectionValues,\n        }}\n        singleGroupSelection\n        variant=\"title\"\n      />\n      {Array.isArray(selectionValues) &&\n        selectionValues.map(option => (\n          <RemovablePill\n            key={option.id}\n            label={option.label}\n            onRemove={() => removeOption(option)}\n          />\n        ))}\n    </PillGroup>\n  );\n}\n"],"names":["renderMenuItems","options","factory","map","option","index","ItemComponent","type","SubmenuComponent","ChildComponent","React","id","items","item","getSubmenuOptionLabelById","findIndex","label","LabeledDropdownCascadeMenuPill","value","onChange","onRemove","selection","placeholder","onFocusNextGroup","onFocusPreviousGroup","onFocusGroupSet","maxWidth","minWidth","menuProps","selectionId","Object","keys","selectionValues","dropdownLabel","Array","isArray","handleSelectChange","group","isFunction","nextSelection","addOrRemove","o","removeOption","filter","val","PillGroup","DropdownPill","v","RemovablePill"],"mappings":"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"}
+{"version":3,"file":"LabeledDropdownCascadeMenuPill.js","sources":["../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.tsx"],"sourcesContent":["import React from 'react';\nimport { isFunction, addOrRemove } from '@elliemae/ds-utilities';\nimport { PillGroup } from '../PillGroup';\nimport { RemovablePill } from '../RemovablePill';\nimport { DropdownPill } from '../DropdownPill';\n\nfunction renderMenuItems(options, factory) {\n  return options.map((option, index) => {\n    const ItemComponent = factory('radio');\n\n    if (option.type === 'submenu') {\n      const SubmenuComponent = factory('submenu');\n      const ChildComponent = factory('selection-group');\n      return (\n        <SubmenuComponent {...option} key={option.id} item={option}>\n          <ChildComponent\n            {...option}\n            id={option.id}\n            item={option}\n            items={option.items}\n            itemValueAccessor={(item) => item}\n            multi\n          />\n        </SubmenuComponent>\n      );\n    }\n\n    return <ItemComponent {...option} key={option.id || index} item={option} />;\n  });\n}\n\nconst getSubmenuOptionLabelById = (options, id) => {\n  const index = options.findIndex((option) => option.id === id);\n  return index ? options[index].label : '';\n};\n\nexport default function LabeledDropdownCascadeMenuPill({\n  label,\n  options,\n  value: optionValue,\n  onChange,\n  onRemove,\n  value: selection = {},\n  placeholder = '---',\n  onFocusNextGroup,\n  onFocusPreviousGroup,\n  onFocusGroupSet,\n  maxWidth,\n  minWidth,\n  ...menuProps\n}) {\n  const selectionId = Object.keys(selection)[0];\n  const selectionValues = selection[selectionId] || '';\n  const dropdownLabel = Array.isArray(selectionValues)\n    ? getSubmenuOptionLabelById(options, selectionId)\n    : selectionValues;\n\n  const handleSelectChange = ({ item, group }) => {\n    if (isFunction(onChange)) {\n      const nextSelection = group\n        ? {\n            [group.id]: addOrRemove([...(selection[group.id] || [])], item, (o) => o.id),\n          }\n        : {\n            [item.id]: item.label,\n          };\n      onChange(nextSelection);\n    }\n  };\n\n  const removeOption = (option) => {\n    if (isFunction(onChange)) {\n      const nextSelection = {\n        [selectionId]: selectionValues.filter((val) => option.id !== val.id),\n      };\n      onChange(nextSelection);\n    }\n    onRemove(option);\n  };\n\n  return (\n    <PillGroup\n      onFocusGroupSet={onFocusGroupSet}\n      onFocusNextGroup={onFocusNextGroup}\n      onFocusPreviousGroup={onFocusPreviousGroup}\n    >\n      <DropdownPill\n        {...menuProps}\n        itemsRenderer={renderMenuItems}\n        label={dropdownLabel || placeholder}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n        onSelectChange={handleSelectChange}\n        options={options}\n        selection={{\n          [selectionId]: Array.isArray(selectionValues) ? selectionValues.map((v) => v.id) : selectionValues,\n        }}\n        singleGroupSelection\n        variant=\"title\"\n      />\n      {Array.isArray(selectionValues) &&\n        selectionValues.map((option) => (\n          <RemovablePill key={option.id} label={option.label} onRemove={() => removeOption(option)} />\n        ))}\n    </PillGroup>\n  );\n}\n"],"names":["renderMenuItems","options","factory","map","option","index","ItemComponent","type","SubmenuComponent","ChildComponent","React","id","items","item","getSubmenuOptionLabelById","findIndex","label","LabeledDropdownCascadeMenuPill","value","onChange","onRemove","selection","placeholder","onFocusNextGroup","onFocusPreviousGroup","onFocusGroupSet","maxWidth","minWidth","menuProps","selectionId","Object","keys","selectionValues","dropdownLabel","Array","isArray","handleSelectChange","group","isFunction","nextSelection","addOrRemove","o","removeOption","filter","val","PillGroup","DropdownPill","v","RemovablePill"],"mappings":"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"}

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js

@@ -6,18 +6,17 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var lodash = require('lodash');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var deprecated_RemovablePill = require('../RemovablePill.js');
 var deprecated_Pill = require('../Pill.js');
 var deprecated_OverflowPill = require('../OverflowPill.js');
 var deprecated_DropdownPill = require('../DropdownPill.js');
 require('react-desc');
-require('@elliemae/ds-icons/CloseXsmall');
+require('@elliemae/ds-icons');
 require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
 require('@elliemae/ds-classnames');
 require('@elliemae/ds-tooltip');
 require('@elliemae/ds-dropdownmenu');
-require('@elliemae/ds-icons/ChevronDown');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -114,8 +113,8 @@ function LabeledDropdownMultiPills(_ref) {
   }, [selectedOptions]);
   var selectOption = React.useCallback(function (option) {
     if (!option.fixedItem) {
-      if (utils.isFunction(onChange)) {
-        var nextValue = utils.addOrRemove(selectedOptions, option, function (item) {
+      if (dsUtilities.isFunction(onChange)) {
+        var nextValue = dsUtilities.addOrRemove(selectedOptions, option, function (item) {
           return item.id;
         });
         setSelectedOptions(nextValue);
@@ -127,7 +126,7 @@ function LabeledDropdownMultiPills(_ref) {
   }, [selectedOptions]);
   var removeOption = React.useCallback(function (option) {
     if (!option.fixedItem || selectedOptions.length > totalDefaultOptions) {
-      if (utils.isFunction(onChange)) {
+      if (dsUtilities.isFunction(onChange)) {
         var nextValue = selectedOptions.filter(function (val) {
           return option.id !== val.id;
         });