@elliemae/ds-pills 2.2.0-alpha.2 → 2.2.0-beta.0

package/cjs/deprecated/DropdownPill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/deprecated/DropdownPill.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwC;AACxC,wBAAoC;AACpC,6BAA+B;AAC/B,sBAA4B;AAC5B,+BAAkC;AAClC,kBAAqB;AAErB,sBAAsB;AAAA,EACpB,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR;AAAA,EACA,WAAW;AAAA,EACX,2BAA2B;AAAA,EAC3B;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,QAAM,MAAM,yBAAO;AACnB,QAAM,CAAC,WAAW,cAAc;AAChC,QAAM,EAAE,eAAe,gDAAkB;AACzC,SACE,mDAAC,uCAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAgB;AAAA,IAChB,WAAW,EAAE,WAAW,sBAAsB,QAAQ;AAAA,IACtD;AAAA,IACA,SAAS;AAAA,IACT,eAAe;AAAA,IACf,kBACE,mDAAC,kBAAD;AAAA,MACE,eAAY;AAAA,MACZ,WAAU;AAAA,MACV,gBAAgB,EAAE,MAAM,cAAc;AAAA,MACtC,UAAU;AAAA,MACV;AAAA,MACA,YACE,mDAAC,OAAD;AAAA,QAAK,KAAK;AAAA,SACR,mDAAC,6BAAD;AAAA,QAAa,WAAU;AAAA,QAA6B,eAAY;AAAA;AAAA,MAGpE;AAAA,MACA;AAAA;AAAA;AAAA;AAOV,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAE7C,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,SAAS,4BAAU,MAAM,CAAC,SAAS,UAAU,YAAY;AAAA,EAEzD,UAAU,4BAAU,OAAO,YAAY;AAAA,EAEvC,0BAA0B,4BAAU,KAAK,YAAY;AAAA,EAErD,UAAU,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,SAAS,YAAY;AAAA,EAEhF,UAAU,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,SAAS,YAAY;AAAA;AAGlF,aAAa,YAAY;AACzB,MAAM,2BAA2B,gCAAS;AAC1C,yBAAyB,YAAY;",
-  "names": []
-}

package/cjs/deprecated/InputPill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/deprecated/InputPill.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,sBAA4B;AAC5B,2BAAkC;AAClC,qBAAqC;AACrC,kBAAqB;AAErB,MAAM,kBAAkB,4CAAkB,kBAAM,cAAc,MAAM,CAAC,EAAE,YAAa;AAAA,EAClF;AAAA;AAGK,mBAAmB;AAAA,EACxB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,WAAW,MAAM;AAAA;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,MAAI,cAAc;AAGlB,UAAQ;AAAA,SACD;AACH,oBAAc;AACd;AAAA,SACG;AACH,oBAAc;AACd;AAAA;AAEA;AAAA;AAGJ,SACE,mDAAC,iBAAD;AAAA,IACE,WAAU;AAAA,IACV,YAAY,EAAE;AAAA,IACd;AAAA,IACA,OACE,mDAAC,aAAD;AAAA,MACE,eAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,SACI;AAAA;AAAA,IAGR,YACE,SAAS,mDAAC,6BAAD;AAAA,MAAa,WAAU;AAAA,MAAqB,eAAY;AAAA,MAAqB,SAAS;AAAA;AAAA,IAEjG,UAAU;AAAA;AAAA;",
-  "names": []
-}

package/cjs/deprecated/LabeledDropdownPills.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/deprecated/LabeledDropdownPills.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAoC;AACpC,uBAA0B;AAC1B,uCAA0C;AAC1C,sCAA0C;AAC1C,4CAA+C;AAE/C,MAAM,gBAAgB;AAAA,EACpB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA;AAGZ,MAAM,qBAAqB,CAAC,SAC1B,cAAc,SAAS,cAAc;AAEvC,8BAA8B;AAAA,EAC5B,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,QAAM,YAAY,mBAAmB;AAErC,SACE,mDAAC,4BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,KAEA,mDAAC,WAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAMR,MAAM,QAAQ;AAAA,EAEZ,MAAM,4BAAU,MAAM,CAAC,UAAU,SAAS,aAAa,YACrD;AAAA,EAGF,kBAAkB,4BAAU,KAAK,YAAY;AAAA,EAE7C,sBAAsB,4BAAU,KAAK,YAAY;AAAA,EAEjD,iBAAiB,4BAAU,KAAK,YAAY;AAAA,EAE5C,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU;AAAA,KACT,YAAY;AAAA,EAEf,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU;AAAA,KACT,YAAY;AAAA,EAEf,OAAO,4BAAU,KAAK,YAAY;AAAA,EAElC,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,OAAO,4BAAU,UAAU;AAAA,IACzB,4BAAU,QACR,4BAAU,MAAM;AAAA,MACd,IAAI,4BAAU;AAAA,MACd,OAAO,4BAAU;AAAA;AAAA,IAGrB,4BAAU,MAAM;AAAA,MACd,IAAI,4BAAU;AAAA,MACd,OAAO,4BAAU;AAAA;AAAA,KAElB,YAAY;AAAA;AAGjB,qBAAqB,YAAY;AACjC,MAAM,mCAAmC,gCAAS;AAClD,iCAAiC,YAAY;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "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\nfunction 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\nexport { LabeledDropdownCascadeMenuPill };\nexport default LabeledDropdownCascadeMenuPill;", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAwC;AACxC,uBAA0B;AAC1B,2BAA8B;AAC9B,0BAA6B;AAE7B,yBAAyB,SAAS,SAAS;AACzC,SAAO,QAAQ,IAAI,CAAC,QAAQ,UAAU;AACpC,UAAM,gBAAgB,QAAQ;AAE9B,QAAI,OAAO,SAAS,WAAW;AAC7B,YAAM,mBAAmB,QAAQ;AACjC,YAAM,iBAAiB,QAAQ;AAC/B,aACE,mDAAC,kBAAD;AAAA,WAAsB;AAAA,QAAQ,KAAK,OAAO;AAAA,QAAI,MAAM;AAAA,SAClD,mDAAC,gBAAD;AAAA,WACM;AAAA,QACJ,IAAI,OAAO;AAAA,QACX,MAAM;AAAA,QACN,OAAO,OAAO;AAAA,QACd,mBAAmB,CAAC,SAAS;AAAA,QAC7B,OAAK;AAAA;AAAA;AAMb,WAAO,mDAAC,eAAD;AAAA,SAAmB;AAAA,MAAQ,KAAK,OAAO,MAAM;AAAA,MAAO,MAAM;AAAA;AAAA;AAAA;AAIrE,MAAM,4BAA4B,CAAC,SAAS,OAAO;AACjD,QAAM,QAAQ,QAAQ,UAAU,CAAC,WAAW,OAAO,OAAO;AAC1D,SAAO,QAAQ,QAAQ,OAAO,QAAQ;AAAA;AAGxC,wCAAwC;AAAA,EACtC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,OAAO,YAAY;AAAA,EACnB,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,QAAM,cAAc,OAAO,KAAK,WAAW;AAC3C,QAAM,kBAAkB,UAAU,gBAAgB;AAClD,QAAM,gBAAgB,MAAM,QAAQ,mBAChC,0BAA0B,SAAS,eACnC;AAEJ,QAAM,qBAAqB,CAAC,EAAE,MAAM,YAAY;AAC9C,QAAI,oCAAW,WAAW;AACxB,YAAM,gBAAgB,QAClB;AAAA,SACG,MAAM,KAAK,qCAAY,CAAC,GAAI,UAAU,MAAM,OAAO,KAAM,MAAM,CAAC,MAAM,EAAE;AAAA,UAE3E;AAAA,SACG,KAAK,KAAK,KAAK;AAAA;AAEtB,eAAS;AAAA;AAAA;AAIb,QAAM,eAAe,CAAC,WAAW;AAC/B,QAAI,oCAAW,WAAW;AACxB,YAAM,gBAAgB;AAAA,SACnB,cAAc,gBAAgB,OAAO,CAAC,QAAQ,OAAO,OAAO,IAAI;AAAA;AAEnE,eAAS;AAAA;AAEX,aAAS;AAAA;AAGX,SACE,mDAAC,4BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,KAEA,mDAAC,kCAAD;AAAA,OACM;AAAA,IACJ,eAAe;AAAA,IACf,OAAO,iBAAiB;AAAA,IACxB;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA,WAAW;AAAA,OACR,cAAc,MAAM,QAAQ,mBAAmB,gBAAgB,IAAI,CAAC,MAAM,EAAE,MAAM;AAAA;AAAA,IAErF,sBAAoB;AAAA,IACpB,SAAQ;AAAA,MAET,MAAM,QAAQ,oBACb,gBAAgB,IAAI,CAAC,WACnB,mDAAC,oCAAD;AAAA,IAAe,KAAK,OAAO;AAAA,IAAI,OAAO,OAAO;AAAA,IAAO,UAAU,MAAM,aAAa;AAAA;AAAA;AAO3F,IAAO,yCAAQ;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useState, useEffect, useCallback } from 'react';\nimport { find } from 'lodash';\nimport { isFunction, addOrRemove } from '@elliemae/ds-utilities';\nimport { RemovablePill } from '../RemovablePill';\nimport { Pill } from '../Pill';\nimport { OverflowPill } from '../OverflowPill';\nimport { DropdownPill } from '../DropdownPill';\n\nfunction LabeledDropdownMultiPills({\n  label,\n  options = [],\n  value = [],\n  onSelect = () => null,\n  onRemove = () => null,\n  onChange, // if this is defined, then it's calculating the next result onSelect or onRemove\n  maxWidth,\n  minWidth,\n  ...menuProps\n}) {\n  const [totalDefaultOptions, setTotalDefaultOptions] = useState(0);\n  const [selectedOptions, setSelectedOptions] = useState(value);\n  const [allOptions, setAllOptions] = useState(options);\n  const [overflowOptions, setOverflowOptions] = useState([]);\n\n  const overflowQuantity = 3;\n\n  useEffect(() => setSelectedOptions(value), [value]);\n\n  useEffect(() => {\n    const newOptions = allOptions.filter((option) => option.fixedItem);\n    if (newOptions.length > 0) {\n      setSelectedOptions(newOptions);\n    }\n    setTotalDefaultOptions(newOptions.length);\n  }, []);\n\n  useEffect(() => {\n    if (totalDefaultOptions) {\n      const newOptions = allOptions.map((opt) => {\n        if (selectedOptions.length <= totalDefaultOptions && find(selectedOptions, { id: opt.id })) {\n          return { ...opt, fixedItem: true };\n        }\n        return { ...opt, fixedItem: false };\n      });\n\n      setAllOptions(newOptions);\n    }\n  }, [onSelect, onRemove, selectedOptions]);\n\n  useEffect(() => {\n    if (selectedOptions.length > overflowQuantity) {\n      const overflow = selectedOptions.filter((val, index) => index >= overflowQuantity);\n      setOverflowOptions(overflow);\n    }\n  }, [selectedOptions]);\n\n  const selectOption = useCallback(\n    (option) => {\n      if (!option.fixedItem) {\n        if (isFunction(onChange)) {\n          const nextValue = addOrRemove(selectedOptions, option, (item) => item.id);\n          setSelectedOptions(nextValue);\n          onChange(nextValue);\n        }\n        onSelect(option);\n      }\n    },\n    [selectedOptions],\n  );\n\n  const removeOption = useCallback(\n    (option) => {\n      if (!option.fixedItem || selectedOptions.length > totalDefaultOptions) {\n        if (isFunction(onChange)) {\n          const nextValue = selectedOptions.filter((val) => option.id !== val.id);\n          setSelectedOptions(nextValue);\n          onChange(nextValue);\n        }\n        onRemove(option);\n      }\n    },\n    [selectedOptions],\n  );\n\n  const typeOfPill = () => {\n    if (selectedOptions.length > totalDefaultOptions) {\n      return RemovablePill;\n    }\n\n    return Pill;\n  };\n\n  return (\n    <>\n      <DropdownPill\n        {...menuProps}\n        focusOnOpen={false}\n        label={label}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n        onSelectMenuItem={selectOption}\n        options={[\n          {\n            ...menuProps,\n            type: 'SelectionGroup',\n            id: 'multi-selection-views',\n            multi: true,\n            items: allOptions,\n          },\n        ]}\n        selection={{\n          'multi-selection-views': selectedOptions ? selectedOptions.map((o) => o.id) : '',\n        }}\n        variant=\"title\"\n      />\n      {selectedOptions &&\n        selectedOptions.map((option, index) => {\n          const TypeOfPill = typeOfPill();\n          if (index < overflowQuantity) {\n            return <TypeOfPill key={option.id} label={option.label} onRemove={() => removeOption(option)} />;\n          }\n          return null;\n        })}\n      {selectedOptions && selectedOptions.length > overflowQuantity && (\n        <OverflowPill label={`+ ${selectedOptions.length - overflowQuantity}`} options={overflowOptions} />\n      )}\n    </>\n  );\n}\n\nexport { LabeledDropdownMultiPills };\nexport default LabeledDropdownMultiPills;", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable mdx/no-unused-expressions */\n/* eslint-disable no-shadow */\n/* eslint-disable no-unused-expressions */\n/* eslint-disable max-lines */\nimport React, { useCallback, useState, useEffect, useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { isFunction, isString, useShouldRecalculate, usePrevious } from '@elliemae/ds-utilities';\nimport { DropdownPill } from '../DropdownPill';\nimport { InputPill } from '../InputPill';\nimport { Pill } from '../Pill';\nimport { RemovablePill } from '../RemovablePill';\nimport { hasOptionChanged } from './utils';\n\nfunction LabeledDropdownSinglePill({\n  label,\n  labelIsValue = false,\n  options,\n  value,\n  onSelect = () => null,\n  onChange,\n  maxWidth,\n  minWidth,\n  fixed = false,\n  ...menuProps\n}) {\n  const [optionValue, setOptionValue] = useState(value);\n  const prevOptions = usePrevious(options);\n  const areOptionsEqual = useShouldRecalculate(hasOptionChanged(prevOptions, options));\n\n  useEffect(() => setOptionValue(value), [value]);\n\n  useEffect(() => {\n    const selectedValue = options.find((option) => option.selected);\n\n    if (selectedValue) {\n      setOptionValue(selectedValue);\n    } else if (!selectedValue) {\n      setOptionValue(options[0]);\n    }\n  }, [areOptionsEqual]);\n\n  useLayoutEffect(() => {\n    if (optionValue) {\n      const selectedValue = options.find((option) => option.id === optionValue.id);\n      setOptionValue(selectedValue);\n    }\n  }, [options]);\n\n  const selectOption = useCallback(\n    (option) => {\n      if (isFunction(onChange)) {\n        onChange(option);\n      }\n      setOptionValue(option);\n      onSelect(option);\n    },\n    [onChange, onSelect],\n  );\n\n  const onChangeInputValue = useCallback(\n    ({ target: { value: inputValue } }) => {\n      const { onChangeInput } = optionValue;\n\n      onChangeInput && onChangeInput(inputValue);\n    },\n    [optionValue],\n  );\n\n  const removeOption = (removedOption) => {\n    const { onRemove } = menuProps;\n    const { onChangeInput } = optionValue;\n    setOptionValue(null);\n    onChangeInput && onChangeInput('');\n    const newOption = { ...removedOption, input: '' };\n    onRemove && onRemove(newOption, removedOption);\n  };\n\n  const renderPill = (option, fixed) => {\n    const { input, onChangeInput, ...otherProps } = option;\n    let SelectedPill;\n    if (isString(input)) {\n      SelectedPill = InputPill;\n    } else if (fixed) {\n      SelectedPill = Pill;\n    } else {\n      SelectedPill = RemovablePill;\n    }\n\n    return (\n      <SelectedPill\n        key={option.id}\n        label={option.label}\n        onChange={onChangeInputValue}\n        onRemove={(e) => removeOption(option, e)}\n        value={input}\n        {...otherProps}\n      />\n    );\n  };\n\n  const renderSelection = () => {\n    if (!labelIsValue) {\n      if (optionValue) return renderPill(optionValue, fixed);\n      return <Pill label=\"-\" />;\n    }\n  };\n\n  return (\n    <>\n      <DropdownPill\n        {...menuProps}\n        label={!labelIsValue ? label : optionValue?.label}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n        onSelectMenuItem={selectOption}\n        options={[\n          {\n            ...menuProps,\n            type: 'SelectionGroup',\n            id: 'multi-selection-views',\n            multi: false,\n            items: options,\n            closeOnClick: true,\n          },\n        ]}\n        selection={{\n          'multi-selection-views': optionValue ? [optionValue?.id] : '',\n        }}\n        variant=\"title\"\n      />\n      {renderSelection()}\n    </>\n  );\n}\n\nLabeledDropdownSinglePill.propTypes = {\n  label: PropTypes.string,\n  labelIsValue: PropTypes.bool,\n  options: PropTypes.array,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  onSelect: PropTypes.func,\n  onChange: PropTypes.func,\n  maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  fixed: PropTypes.bool,\n};\n\nexport { LabeledDropdownSinglePill };\nexport default LabeledDropdownSinglePill;", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/deprecated/LabeledDropdownPillsTypes/utils.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { isEqual } from '@elliemae/ds-utilities';\nimport { omit } from 'lodash';\n\nexport const hasOptionChanged = (prevOptions, options) => {\n  if (prevOptions && options) {\n    const prevOptionsOmited = prevOptions.map((option) => omit(option, ['input', 'onChangeInput', 'mask']));\n    const optionsOmited = options.map((option) => omit(option, ['input', 'onChangeInput', 'mask']));\n\n    return isEqual(prevOptionsOmited, optionsOmited);\n  }\n\n  return false;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAwB;AACxB,oBAAqB;AAEd,MAAM,mBAAmB,CAAC,aAAa,YAAY;AACxD,MAAI,eAAe,SAAS;AAC1B,UAAM,oBAAoB,YAAY,IAAI,CAAC,WAAW,wBAAK,QAAQ,CAAC,SAAS,iBAAiB;AAC9F,UAAM,gBAAgB,QAAQ,IAAI,CAAC,WAAW,wBAAK,QAAQ,CAAC,SAAS,iBAAiB;AAEtF,WAAO,iCAAQ,mBAAmB;AAAA;AAGpC,SAAO;AAAA;",
-  "names": []
-}

package/cjs/deprecated/LabeledPills.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/deprecated/LabeledPills.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { PillGroup } from './PillGroup';\nimport { RemovablePill } from './RemovablePill';\nimport { Pill } from './Pill';\n\nfunction LabeledPills({\n  children,\n  label = '',\n  leftAddon,\n  onFocusGroupSet,\n  onFocusNextGroup,\n  onFocusPreviousGroup,\n}) {\n  return (\n    <PillGroup\n      onFocusGroupSet={onFocusGroupSet}\n      onFocusNextGroup={onFocusNextGroup}\n      onFocusPreviousGroup={onFocusPreviousGroup}\n    >\n      <Pill\n        label={label}\n        leftAddon={leftAddon}\n        variant=\"title\"\n        data-testid=\"pill-title\"\n      />\n      {children}\n    </PillGroup>\n  );\n}\n\nconst props = {\n  /** labeled pill text label */\n  label: PropTypes.string.isRequired.description('pill text label'),\n  /** pill to add the label to */\n  children: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf([\n        PropTypes.instanceOf(Pill),\n        PropTypes.instanceOf(RemovablePill),\n      ]),\n    }),\n  ).isRequired.description('pill to add the label to'),\n  /** addon component to left */\n  leftAddon: PropTypes.node.description('addon component to left'),\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};\n\nLabeledPills.propTypes = props;\n\nconst DSLabeledPillsWithSchema = describe(LabeledPills);\nDSLabeledPillsWithSchema.propTypes = props;\n\nexport { LabeledPills, DSLabeledPillsWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,uBAA0B;AAC1B,2BAA8B;AAC9B,kBAAqB;AAErB,sBAAsB;AAAA,EACpB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACC;AACD,SACE,mDAAC,4BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,KAEA,mDAAC,kBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAQ;AAAA,IACR,eAAY;AAAA,MAEb;AAAA;AAKP,MAAM,QAAQ;AAAA,EAEZ,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,UAAU,4BAAU,QAClB,4BAAU,MAAM;AAAA,IACd,MAAM,4BAAU,MAAM;AAAA,MACpB,4BAAU,WAAW;AAAA,MACrB,4BAAU,WAAW;AAAA;AAAA,MAGzB,WAAW,YAAY;AAAA,EAEzB,WAAW,4BAAU,KAAK,YAAY;AAAA,EAEtC,kBAAkB,4BAAU,KAAK,YAAY;AAAA,EAE7C,sBAAsB,4BAAU,KAAK,YAAY;AAAA,EAEjD,iBAAiB,4BAAU,KAAK,YAAY;AAAA;AAG9C,aAAa,YAAY;AAEzB,MAAM,2BAA2B,gCAAS;AAC1C,yBAAyB,YAAY;",
-  "names": []
-}

package/cjs/deprecated/OverflowPill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/deprecated/OverflowPill.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useRef, useState, useEffect } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { useFocusGroupItem } from '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';\nimport { DSTooltip } from '@elliemae/ds-tooltip';\nimport { Pill } from './Pill';\n\nfunction OverflowPill({ containerProps = {}, label = '', options = [] }) {\n  const ref = useRef(null);\n  const [tooltipIsOpen, setTooltipIsOpen] = useState(false);\n  const [tooltipText, setTooltipText] = useState('');\n\n  useEffect(() => {\n    let text = '';\n    options.forEach((option) => {\n      if (!tooltipText || option === options[0]) {\n        text = `${option.label}`;\n      } else {\n        text = text.concat(`, ${option.label}`);\n      }\n    });\n    setTooltipText(text);\n  }, [options]);\n\n  useFocusGroupItem(ref);\n\n  return (\n    <DSTooltip\n      isOpen={tooltipIsOpen}\n      title={tooltipText}\n      zIndex={11}\n      triggerComponent={\n        <Pill\n          className=\"overflow-pill\"\n          containerProps={containerProps}\n          innerRef={ref}\n          label={label}\n          tabIndex={-1}\n          onMouseEnter={() => setTooltipIsOpen(true)}\n          onMouseLeave={() => setTooltipIsOpen(false)}\n        />\n      }\n    />\n  );\n}\n\nconst props = {\n  /** props to inject to pill wrapper */\n  containerProps: PropTypes.object.description(\n    'props to inject to pill wrapper',\n  ),\n  /** pill text label */\n  label: PropTypes.string.isRequired.description('pill text label'),\n  /** overflow pills options */\n  options: PropTypes.array.description('overflow pills options'),\n};\n\nOverflowPill.propTypes = props;\nconst DSOverflowPillWithSchema = describe(OverflowPill);\nDSOverflowPillWithSchema.propTypes = props;\n\nexport { OverflowPill, DSOverflowPillWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmD;AACnD,wBAAoC;AACpC,+BAAkC;AAClC,wBAA0B;AAC1B,kBAAqB;AAErB,sBAAsB,EAAE,iBAAiB,IAAI,QAAQ,IAAI,UAAU,MAAM;AACvE,QAAM,MAAM,yBAAO;AACnB,QAAM,CAAC,eAAe,oBAAoB,2BAAS;AACnD,QAAM,CAAC,aAAa,kBAAkB,2BAAS;AAE/C,8BAAU,MAAM;AACd,QAAI,OAAO;AACX,YAAQ,QAAQ,CAAC,WAAW;AAC1B,UAAI,CAAC,eAAe,WAAW,QAAQ,IAAI;AACzC,eAAO,GAAG,OAAO;AAAA,aACZ;AACL,eAAO,KAAK,OAAO,KAAK,OAAO;AAAA;AAAA;AAGnC,mBAAe;AAAA,KACd,CAAC;AAEJ,kDAAkB;AAElB,SACE,mDAAC,6BAAD;AAAA,IACE,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,kBACE,mDAAC,kBAAD;AAAA,MACE,WAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV,cAAc,MAAM,iBAAiB;AAAA,MACrC,cAAc,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAO/C,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAGF,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,SAAS,4BAAU,MAAM,YAAY;AAAA;AAGvC,aAAa,YAAY;AACzB,MAAM,2BAA2B,gCAAS;AAC1C,yBAAyB,YAAY;",
-  "names": []
-}

package/cjs/deprecated/Pill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/deprecated/Pill.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst pillBlockName = 'pill';\n\nconst PillWrapper = aggregatedClasses('div')(\n  pillBlockName,\n  null,\n  ({ size, variant }) => ({\n    [variant]: !!variant,\n    [size]: !!size,\n  }),\n);\nconst PillLabel = aggregatedClasses('span')(pillBlockName, 'label');\nconst PillAddon = aggregatedClasses('div')(pillBlockName, 'addon');\n\nfunction Pill({\n  containerProps = {},\n  label = '',\n  leftAddon,\n  rightAddon,\n  variant = 'value',\n  size = 'm',\n  ...otherProps\n}) {\n  return (\n    <PillWrapper\n      {...containerProps}\n      classProps={{ variant, size }}\n      {...otherProps}\n    >\n      {leftAddon && <PillAddon>{leftAddon}</PillAddon>}\n      <PillLabel>{label}</PillLabel>\n      {rightAddon && <PillAddon>{rightAddon}</PillAddon>}\n    </PillWrapper>\n  );\n}\n\nconst props = {\n  /** props to inject to pill wrapper */\n  containerProps: PropTypes.object.description(\n    'props to inject to pill wrapper',\n  ),\n  /** pill text label */\n  label: PropTypes.string.isRequired.description('pill text label'),\n  /** pill size */\n  size: PropTypes.oneOf(['m', 'l']).description('pill size'),\n  /** pill variant */\n  variant: PropTypes.oneOf(['value', 'title']).description('pill variant'),\n  /** addon component to left */\n  leftAddon: PropTypes.node.description('addon component to left'),\n  /** addon component to right */\n  rightAddon: PropTypes.node.description('addon component to right'),\n};\n\nPill.propTypes = props;\nconst DSPillWithSchema = describe(Pill);\nDSPillWithSchema.propTypes = props;\n\nexport { Pill, DSPillWithSchema };\nexport default Pill;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,2BAAkC;AAElC,MAAM,gBAAgB;AAEtB,MAAM,cAAc,4CAAkB,OACpC,eACA,MACA,CAAC,EAAE,MAAM,cAAe;AAAA,GACrB,UAAU,CAAC,CAAC;AAAA,GACZ,OAAO,CAAC,CAAC;AAAA;AAGd,MAAM,YAAY,4CAAkB,QAAQ,eAAe;AAC3D,MAAM,YAAY,4CAAkB,OAAO,eAAe;AAE1D,cAAc;AAAA,EACZ,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,KACJ;AAAA,GACF;AACD,SACE,mDAAC,aAAD;AAAA,OACM;AAAA,IACJ,YAAY,EAAE,SAAS;AAAA,OACnB;AAAA,KAEH,aAAa,mDAAC,WAAD,MAAY,YAC1B,mDAAC,WAAD,MAAY,QACX,cAAc,mDAAC,WAAD,MAAY;AAAA;AAKjC,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAGF,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,MAAM,4BAAU,MAAM,CAAC,KAAK,MAAM,YAAY;AAAA,EAE9C,SAAS,4BAAU,MAAM,CAAC,SAAS,UAAU,YAAY;AAAA,EAEzD,WAAW,4BAAU,KAAK,YAAY;AAAA,EAEtC,YAAY,4BAAU,KAAK,YAAY;AAAA;AAGzC,KAAK,YAAY;AACjB,MAAM,mBAAmB,gCAAS;AAClC,iBAAiB,YAAY;AAG7B,IAAO,eAAQ;",
-  "names": []
-}

package/cjs/deprecated/PillGroup.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/deprecated/PillGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { FocusGroupProvider } from '@elliemae/ds-shared/FocusGroup/FocusGroupManager';\n\nconst pillGroupBlockName = 'pill-group';\n\nexport const Container = aggregatedClasses('div')(pillGroupBlockName);\n\nconst PillGroup = ({\n  containerProps = {},\n  onFocusNextGroup,\n  onFocusPreviousGroup,\n  onFocusGroupSet,\n  children,\n}) => (\n  <FocusGroupProvider\n    keyBindings={{\n      Tab: 'next',\n    }}\n    onFocusGroupSet={onFocusGroupSet}\n    onFocusNextGroup={onFocusNextGroup}\n    onFocusPreviousGroup={onFocusPreviousGroup}\n    orientation=\"horizontal\"\n  >\n    <Container {...containerProps}>{children}</Container>\n  </FocusGroupProvider>\n);\n\nconst props = {\n  /** props injected to component wrapper */\n  containerProps: PropTypes.object.description(\n    'props injected to component wrapper',\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 components */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]).isRequired.description('pill components'),\n};\n\nPillGroup.propTypes = props;\n\nconst DSPillGroupWithSchema = describe(PillGroup);\nDSPillGroupWithSchema.propTypes = props;\n\nexport { PillGroup, DSPillGroupWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,2BAAkC;AAClC,+BAAmC;AAEnC,MAAM,qBAAqB;AAEpB,MAAM,YAAY,4CAAkB,OAAO;AAElD,MAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC,6CAAD;AAAA,EACE,aAAa;AAAA,IACX,KAAK;AAAA;AAAA,EAEP;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAY;AAAA,GAEZ,mDAAC,WAAD;AAAA,KAAe;AAAA,GAAiB;AAIpC,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAGF,kBAAkB,4BAAU,KAAK,YAAY;AAAA,EAE7C,sBAAsB,4BAAU,KAAK,YAAY;AAAA,EAEjD,iBAAiB,4BAAU,KAAK,YAAY;AAAA,EAE5C,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU,QAAQ,4BAAU;AAAA,IAC5B,4BAAU;AAAA,KACT,WAAW,YAAY;AAAA;AAG5B,UAAU,YAAY;AAEtB,MAAM,wBAAwB,gCAAS;AACvC,sBAAsB,YAAY;",
-  "names": []
-}

package/cjs/deprecated/ReadOnlyPill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/deprecated/ReadOnlyPill.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { InfoCircleSmall } from '@elliemae/ds-icons';\nimport { DSModal, MODAL_TYPE_V2 } from '@elliemae/ds-modal';\nimport { DSPopover } from '@elliemae/ds-popover';\nimport { Pill } from './Pill';\n\nconst ReadOnlyPill = ({\n  containerProps = {},\n  modalContent = '',\n  label = '',\n  leftAddon,\n  modalTitle = '',\n  tooltipText = '',\n}) => {\n  const ref = useRef(null);\n  const [isModalOpen, setIsModalOpen] = useState(false);\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n  const toggle = () => {\n    setIsModalOpen(!isModalOpen);\n  };\n\n  return (\n    <>\n      <Pill\n        data-testid=\"read-only-pill\"\n        className=\"removable-pill\"\n        containerProps={containerProps}\n        innerRef={ref}\n        label={label}\n        leftAddon={leftAddon}\n        rightAddon={\n          <DSPopover\n            isOpen={tooltipText && isTooltipOpen}\n            content={tooltipText}\n            placement=\"top\"\n            showArrow\n            renderTrigger={({ ref }) => (\n              <InfoCircleSmall\n                role=\"button\"\n                data-testid=\"read-only-info-btn\"\n                className=\"remove-pill-button\"\n                onClick={toggle}\n                onMouseEnter={() => setIsTooltipOpen(true)}\n                onMouseLeave={() => setIsTooltipOpen(false)}\n                color={['brand-primary', '600']}\n                innerRef={ref}\n              />\n            )}\n          />\n        }\n        tabIndex={-1}\n      />\n      <DSModal\n        isOpen={isModalOpen}\n        showClose\n        shouldCloseOnOverlayClick\n        modalTitle={modalTitle}\n        modalType={MODAL_TYPE_V2.INFORMATION}\n        onClose={toggle}\n        version={2}\n      >\n        {modalContent}\n      </DSModal>\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  /** addon component to left */\n  leftAddon: PropTypes.node.description('addon component to left'),\n  /** read only pill modal content */\n  modalContent: PropTypes.string.description('read only pill modal content'),\n  /** read only pill modal title */\n  modalTitle: PropTypes.string.description('read only pill modal title'),\n  tooltipText: PropTypes.string.description('text to display in tooltip'),\n};\n\nReadOnlyPill.propTypes = props;\n\nconst DSReadOnlyPillWithSchema = describe(ReadOnlyPill);\nDSReadOnlyPillWithSchema.propTypes = props;\n\nexport { ReadOnlyPill, DSReadOnlyPillWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwC;AACxC,wBAAoC;AACpC,sBAAgC;AAChC,sBAAuC;AACvC,wBAA0B;AAC1B,kBAAqB;AAErB,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,QAAQ;AAAA,EACR;AAAA,EACA,aAAa;AAAA,EACb,cAAc;AAAA,MACV;AACJ,QAAM,MAAM,yBAAO;AACnB,QAAM,CAAC,aAAa,kBAAkB,2BAAS;AAC/C,QAAM,CAAC,eAAe,oBAAoB,2BAAS;AAEnD,QAAM,SAAS,MAAM;AACnB,mBAAe,CAAC;AAAA;AAGlB,SACE,wFACE,mDAAC,kBAAD;AAAA,IACE,eAAY;AAAA,IACZ,WAAU;AAAA,IACV;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,YACE,mDAAC,6BAAD;AAAA,MACE,QAAQ,eAAe;AAAA,MACvB,SAAS;AAAA,MACT,WAAU;AAAA,MACV,WAAS;AAAA,MACT,eAAe,CAAC,EAAE,gBAChB,mDAAC,iCAAD;AAAA,QACE,MAAK;AAAA,QACL,eAAY;AAAA,QACZ,WAAU;AAAA,QACV,SAAS;AAAA,QACT,cAAc,MAAM,iBAAiB;AAAA,QACrC,cAAc,MAAM,iBAAiB;AAAA,QACrC,OAAO,CAAC,iBAAiB;AAAA,QACzB,UAAU;AAAA;AAAA;AAAA,IAKlB,UAAU;AAAA,MAEZ,mDAAC,yBAAD;AAAA,IACE,QAAQ;AAAA,IACR,WAAS;AAAA,IACT,2BAAyB;AAAA,IACzB;AAAA,IACA,WAAW,8BAAc;AAAA,IACzB,SAAS;AAAA,IACT,SAAS;AAAA,KAER;AAAA;AAMT,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAE7C,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,WAAW,4BAAU,KAAK,YAAY;AAAA,EAEtC,cAAc,4BAAU,OAAO,YAAY;AAAA,EAE3C,YAAY,4BAAU,OAAO,YAAY;AAAA,EACzC,aAAa,4BAAU,OAAO,YAAY;AAAA;AAG5C,aAAa,YAAY;AAEzB,MAAM,2BAA2B,gCAAS;AAC1C,yBAAyB,YAAY;",
-  "names": []
-}

package/cjs/deprecated/RemovablePill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/deprecated/RemovablePill.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useRef } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { useFocusGroupItem } from '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';\nimport { Pill } from './Pill';\n\nfunction RemovablePill({ containerProps = {}, label = '', onRemove, size = 'm', leftAddon }) {\n  const ref = useRef(null);\n  const { focusPrevious } = useFocusGroupItem(ref);\n  return (\n    <Pill\n      className=\"removable-pill\"\n      data-testid=\"removable-pill\"\n      containerProps={containerProps}\n      innerRef={ref}\n      size={size}\n      label={label}\n      leftAddon={leftAddon}\n      onKeyDown={(e) => {\n        if (e.key === 'Backspace' && isFunction(onRemove)) {\n          onRemove();\n          if (isFunction(focusPrevious)) focusPrevious();\n        }\n      }}\n      rightAddon={\n        <CloseXsmall role=\"button\" data-testid=\"remove-pill-button\" className=\"remove-pill-button\" onClick={onRemove} />\n      }\n      tabIndex={-1}\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  /** remove click callback */\n  onRemove: PropTypes.func.description('remove click callback'),\n  /** pill size */\n  size: PropTypes.oneOf(['m', 'l']).description('pill size'),\n  /** addon component to left */\n  leftAddon: PropTypes.node.description('addon component to left'),\n};\n\nRemovablePill.propTypes = props;\nconst DSRemovablePillWithSchema = describe(RemovablePill);\nDSRemovablePillWithSchema.propTypes = props;\n\nexport { RemovablePill, DSRemovablePillWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAC9B,wBAAoC;AACpC,0BAA2B;AAC3B,sBAA4B;AAC5B,+BAAkC;AAClC,kBAAqB;AAErB,uBAAuB,EAAE,iBAAiB,IAAI,QAAQ,IAAI,UAAU,OAAO,KAAK,aAAa;AAC3F,QAAM,MAAM,yBAAO;AACnB,QAAM,EAAE,kBAAkB,gDAAkB;AAC5C,SACE,mDAAC,kBAAD;AAAA,IACE,WAAU;AAAA,IACV,eAAY;AAAA,IACZ;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,CAAC,MAAM;AAChB,UAAI,EAAE,QAAQ,eAAe,oCAAW,WAAW;AACjD;AACA,YAAI,oCAAW;AAAgB;AAAA;AAAA;AAAA,IAGnC,YACE,mDAAC,6BAAD;AAAA,MAAa,MAAK;AAAA,MAAS,eAAY;AAAA,MAAqB,WAAU;AAAA,MAAqB,SAAS;AAAA;AAAA,IAEtG,UAAU;AAAA;AAAA;AAKhB,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAE7C,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,UAAU,4BAAU,KAAK,YAAY;AAAA,EAErC,MAAM,4BAAU,MAAM,CAAC,KAAK,MAAM,YAAY;AAAA,EAE9C,WAAW,4BAAU,KAAK,YAAY;AAAA;AAGxC,cAAc,YAAY;AAC1B,MAAM,4BAA4B,gCAAS;AAC3C,0BAA0B,YAAY;",
-  "names": []
-}

package/cjs/deprecated/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/deprecated/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './Pill';\nexport * from './PillGroup';\nexport * from './LabeledDropdownPills';\nexport * from './LabeledPills';\nexport * from './DropdownPill';\nexport * from './RemovablePill';\nexport * from './ReadOnlyPill';\nexport * from './OverflowPill';\n\nexport { default } from './Pill';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAc;AACd,+BAAc;AACd,+BAAc;AACd,+BAAc;AACd,+BAAc;AACd,+BAAc;AACd,+BAAc;AACd,+BAAc;AAEd,kBAAwB;",
-  "names": []
-}

package/cjs/index.d.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.d.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport type { DSDropdownMenuProps } from '@elliemae/ds-dropdownmenu';\n\nexport interface DSPillProps {\n  label: string;\n  type: 'label' | 'value' | 'input' | 'dropdown' | 'removable' | 'readonly';\n  innerRef?: React.MutableRefObject<HTMLElement> | ((_ref: HTMLElement) => void);\n  ariaLabel?: string;\n  labelTruncated?: boolean;\n  size: 'm' | 's';\n  // ---------------------------------------------------------------------------\n  // Value props\n  // ---------------------------------------------------------------------------\n  tooltipValue?: string;\n  // ---------------------------------------------------------------------------\n  // Readonly props\n  // ---------------------------------------------------------------------------\n  iconLeft?: JSX.Element;\n  iconRight?: JSX.Element;\n  // ---------------------------------------------------------------------------\n  // Removable props\n  // ---------------------------------------------------------------------------\n  onRemove?: (e: React.KeyboardEvent & React.MouseEvent) => void;\n  // ---------------------------------------------------------------------------\n  // Input props\n  // ---------------------------------------------------------------------------\n  inputPlaceholder?: string;\n  onInputChange?: (e: React.ChangeEvent, newValue: string) => void;\n  onInputClear?: (e: React.KeyboardEvent & React.MouseEvent) => void;\n  inputWidth?: number;\n  inputRender?: React.ComponentType<any>;\n  // ---------------------------------------------------------------------------\n  // Dropdown props\n  // ---------------------------------------------------------------------------\n  dropdownProps?: DSDropdownMenuProps;\n  onDropdownClick?: (e: React.KeyboardEvent & React.MouseEvent) => void;\n}\n\nexport interface DSLabeledDropdownPillProps {\n  label: string;\n  value?: { id: string; label: string }[];\n  onValuesChange?: (values: DSLabeledDropdownPillProps['values']) => void;\n  type: 'label-is-value' | 'single-value' | 'multi-value' | 'input-value' | 'required-value';\n  dropdownOptions?: any[];\n}\n\nexport interface DSPillGroupProps {\n  width?: string;\n  innerRef?: React.MutableRefObject<HTMLElement> | ((_ref: HTMLElement) => void);\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
-  "names": []
-}

package/cjs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './deprecated';\nexport * from './components';\nexport { default } from './deprecated';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;AACd,wBAAwB;",
-  "names": []
-}

package/cjs/props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/props.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport { PropTypes } from 'react-desc';\nimport { DSInput } from '@elliemae/ds-form';\n\nconst pillTypes = PropTypes.oneOf(['label', 'value', 'input', 'dropdown', 'removable', 'readonly']);\n\nexport const DSPillV2PropTypes = {\n  label: PropTypes.string.description('Label to show in the pill').isRequired,\n  type: pillTypes.description('The type of pill that you want to render').isRequired,\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n    .description('Reference to the focuseable internal element of each pill (remove icons, inputs, dropdown, etc.)')\n    .defaultValue(() => null),\n  size: PropTypes.oneOf(['s', 'm']).description('Vertical pill size').defaultValue('m'),\n  ariaLabel: PropTypes.string\n    .description('Aria label for the pill. If not provided we will use the label')\n    .defaultValue(''),\n  labelTruncated: PropTypes.bool.description('Whether to truncate the pills label').defaultValue(true),\n  tooltipValue: PropTypes.string.description('String to show as a tooltip in the value pill').defaultValue(''),\n  iconLeft: PropTypes.node.description('A component to show int the left of a readonly pill').defaultValue(null),\n  iconRight: PropTypes.node.description('A component to show in the right of a readonly pill').defaultValue(null),\n  onRemove: PropTypes.func\n    .description('Callback triggered when removing a pill with the close icon')\n    .defaultValue(() => null),\n  inputPlaceholder: PropTypes.string.description('Placeholder for the input pill').defaultValue(''),\n  onInputChange: PropTypes.func\n    .description('Callback triggered when user provides input to the input pill')\n    .defaultValue(() => null),\n  onInputClear: PropTypes.func\n    .description('Callback triggered when the user clears an input pill')\n    .defaultValue(() => null),\n  inputWidth: PropTypes.number.description('Width in pixels for the input tag in the input pill').defaultValue(150),\n  dropdownProps: PropTypes.object.description('Properties that will be used for the dropdown-menu').defaultValue({}),\n  onDropdownClick: PropTypes.func\n    .description('Callback when dropdown button is clicked or pressed')\n    .defaultValue(() => null),\n};\n\nexport const DSPillButtonPropTypes = {\n  type: PropTypes.oneOf(['only', 'left', 'right'])\n    .description('The position in which this button will be placed. Only used for css styling internally')\n    .defaultValue('right'),\n  width: PropTypes.string.description('Width of the button').defaultValue('100%'),\n  height: PropTypes.string.description('Height of the button').defaultValue('100%'),\n};\n\nexport const DSPillGroupPropTypes = {\n  width: PropTypes.string.description('Width of the group').defaultValue('fit-content'),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n    .description('Reference to the pill group wrapper')\n    .defaultValue(() => null),\n};\n\nexport const DSPillV2DefaultProps = {\n  innerRef: () => null,\n  ariaLabel: '',\n  size: 'm',\n  labelTruncated: true,\n  tooltipValue: '',\n  iconLeft: null,\n  iconRight: null,\n  onRemove: () => null,\n  inputPlaceholder: '',\n  onInputChange: () => null,\n  onInputClear: () => null,\n  inputWidth: 72,\n  inputRender: DSInput,\n  dropdownProps: {},\n  onDropdownClick: () => null,\n};\n\nexport const DSPillButtonDefaultProps = {\n  type: 'right',\n  width: '100%',\n  height: '100%',\n};\n\nexport const DSPillGroupDefaultProps = {\n  width: 'fit-content',\n  innerRef: () => null,\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAA0B;AAC1B,qBAAwB;AAExB,MAAM,YAAY,4BAAU,MAAM,CAAC,SAAS,SAAS,SAAS,YAAY,aAAa;AAEhF,MAAM,oBAAoB;AAAA,EAC/B,OAAO,4BAAU,OAAO,YAAY,6BAA6B;AAAA,EACjE,MAAM,UAAU,YAAY,4CAA4C;AAAA,EACxE,UAAU,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,OACxD,YAAY,oGACZ,aAAa,MAAM;AAAA,EACtB,MAAM,4BAAU,MAAM,CAAC,KAAK,MAAM,YAAY,sBAAsB,aAAa;AAAA,EACjF,WAAW,4BAAU,OAClB,YAAY,kEACZ,aAAa;AAAA,EAChB,gBAAgB,4BAAU,KAAK,YAAY,uCAAuC,aAAa;AAAA,EAC/F,cAAc,4BAAU,OAAO,YAAY,iDAAiD,aAAa;AAAA,EACzG,UAAU,4BAAU,KAAK,YAAY,uDAAuD,aAAa;AAAA,EACzG,WAAW,4BAAU,KAAK,YAAY,uDAAuD,aAAa;AAAA,EAC1G,UAAU,4BAAU,KACjB,YAAY,+DACZ,aAAa,MAAM;AAAA,EACtB,kBAAkB,4BAAU,OAAO,YAAY,kCAAkC,aAAa;AAAA,EAC9F,eAAe,4BAAU,KACtB,YAAY,iEACZ,aAAa,MAAM;AAAA,EACtB,cAAc,4BAAU,KACrB,YAAY,yDACZ,aAAa,MAAM;AAAA,EACtB,YAAY,4BAAU,OAAO,YAAY,uDAAuD,aAAa;AAAA,EAC7G,eAAe,4BAAU,OAAO,YAAY,sDAAsD,aAAa;AAAA,EAC/G,iBAAiB,4BAAU,KACxB,YAAY,uDACZ,aAAa,MAAM;AAAA;AAGjB,MAAM,wBAAwB;AAAA,EACnC,MAAM,4BAAU,MAAM,CAAC,QAAQ,QAAQ,UACpC,YAAY,0FACZ,aAAa;AAAA,EAChB,OAAO,4BAAU,OAAO,YAAY,uBAAuB,aAAa;AAAA,EACxE,QAAQ,4BAAU,OAAO,YAAY,wBAAwB,aAAa;AAAA;AAGrE,MAAM,uBAAuB;AAAA,EAClC,OAAO,4BAAU,OAAO,YAAY,sBAAsB,aAAa;AAAA,EACvE,UAAU,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,OACxD,YAAY,uCACZ,aAAa,MAAM;AAAA;AAGjB,MAAM,uBAAuB;AAAA,EAClC,UAAU,MAAM;AAAA,EAChB,WAAW;AAAA,EACX,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU,MAAM;AAAA,EAChB,kBAAkB;AAAA,EAClB,eAAe,MAAM;AAAA,EACrB,cAAc,MAAM;AAAA,EACpB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,eAAe;AAAA,EACf,iBAAiB,MAAM;AAAA;AAGlB,MAAM,2BAA2B;AAAA,EACtC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA;AAGH,MAAM,0BAA0B;AAAA,EACrC,OAAO;AAAA,EACP,UAAU,MAAM;AAAA;",
-  "names": []
-}

package/cjs/utils.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/utils.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["type refInterfaceType = React.MutableRefObject<HTMLElement> | ((_ref: HTMLElement) => void);\n\nexport const setMultipleRefs =\n  (...refs: refInterfaceType[]) =>\n  (_ref: HTMLElement): void => {\n    refs.forEach((ref) => {\n      if (!ref || !_ref) return;\n      if (typeof ref === 'function') {\n        ref(_ref);\n        return;\n      }\n      if (ref) ref.current = _ref;\n    });\n  };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,kBACX,IAAI,SACJ,CAAC,SAA4B;AAC3B,OAAK,QAAQ,CAAC,QAAQ;AACpB,QAAI,CAAC,OAAO,CAAC;AAAM;AACnB,QAAI,OAAO,QAAQ,YAAY;AAC7B,UAAI;AACJ;AAAA;AAEF,QAAI;AAAK,UAAI,UAAU;AAAA;AAAA;",
-  "names": []
-}

package/esm/components/Pill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Pill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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, DSPillV2PropTypes);\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"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AAEA;AACA;AAEA,MAAM,sBAAwE;AAAA,EAC5E,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA;AAGT,MAAM,WAA6C,CAAC,UAAU;AAC5D,QAAM,oBAAoB,6BAA6B,OAAO;AAC9D,iCAA+B,mBAAmB;AAClD,QAAM,EAAE,SAAS;AACjB,QAAM,gBAAgB,oBAAoB;AAE1C,SAAO,qCAAC,eAAD;AAAA,OAAmB;AAAA;AAAA;AAG5B,SAAS,YAAY;AACrB,MAAM,qBAAqB,SAAS,UAAU,YAAY;AAC1D,mBAAmB,YAAY;",
-  "names": []
-}

package/esm/components/PillButton.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/PillButton.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { DSButtonPropsT } from '@elliemae/ds-button';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { StyledPillButton } from './styled';\nimport { DSPillButtonDefaultProps, DSPillButtonPropTypes } from '../props';\n\nconst typeToClassName = {\n  only: 'ds-pill-button-only',\n  left: 'ds-pill-button-left',\n  right: 'ds-pill-button-right',\n};\n\nconst DSPillButton: React.ComponentType<DSButtonPropsT> = (props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillButtonDefaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, DSPillButtonPropTypes);\n\n  const { type, children, ...rest } = propsWithDefaults;\n\n  return (\n    <StyledPillButton {...rest} buttonType=\"raw\" className={`${typeToClassName[type]} ${rest.className}`}>\n      {children}\n    </StyledPillButton>\n  );\n};\n\nDSPillButton.propTypes = DSPillButtonPropTypes;\nconst DSPillButtonWithSchema = describe(DSPillButton).description('Pill button');\nDSPillButtonWithSchema.propTypes = DSPillButtonPropTypes;\n\nexport { DSPillButton, DSPillButtonWithSchema };\n"],
-  "mappings": "AAAA;ACCA;AACA;AAEA;AACA;AACA;AAEA,MAAM,kBAAkB;AAAA,EACtB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA;AAGT,MAAM,eAAoD,CAAC,UAAU;AACnE,QAAM,oBAAoB,6BAA6B,OAAO;AAC9D,iCAA+B,mBAAmB;AAElD,QAAM,EAAE,MAAM,aAAa,SAAS;AAEpC,SACE,qCAAC,kBAAD;AAAA,OAAsB;AAAA,IAAM,YAAW;AAAA,IAAM,WAAW,GAAG,gBAAgB,SAAS,KAAK;AAAA,KACtF;AAAA;AAKP,aAAa,YAAY;AACzB,MAAM,yBAAyB,SAAS,cAAc,YAAY;AAClE,uBAAuB,YAAY;",
-  "names": []
-}

package/esm/components/PillGroup.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/PillGroup.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { createContext, useCallback, useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport { uid } from 'uid';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { DSPillGroupProps } from '../index.d';\nimport { DSPillGroupDefaultProps, DSPillGroupPropTypes } from '../props';\nimport { StyledPillGroup } from './styled';\n\nexport const DSPillGroupV2Context = createContext<{ onKeyboardRemove: (pillUid: string) => void }>({\n  onKeyboardRemove: () => null,\n});\n\nconst DSPillGroupV2: React.ComponentType<DSPillGroupProps> = (props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillGroupDefaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, DSPillGroupPropTypes);\n\n  const pillGroupUid = useMemo(() => `ds-pill-group-${uid()}`, []);\n  const { children, width, innerRef } = propsWithDefaults;\n  const onKeyboardRemove = useCallback(\n    (pillUid: string) => {\n      const elems = [...document.querySelectorAll(`#${pillGroupUid} .ds-pill-focus-point`)] as HTMLElement[];\n\n      const pillIndex = elems.findIndex((elem) => elem.id === pillUid);\n\n      if (pillIndex > 0) {\n        elems[pillIndex - 1].focus();\n      } else if (pillIndex + 1 < elems.length) {\n        elems[pillIndex + 1].focus();\n      }\n    },\n    [pillGroupUid],\n  );\n\n  return (\n    <DSPillGroupV2Context.Provider value={{ onKeyboardRemove }}>\n      <StyledPillGroup\n        width={width}\n        id={pillGroupUid}\n        cols={React.Children.map(children, () => 'auto')}\n        gutter=\"2px\"\n        ref={innerRef}\n      >\n        {children}\n      </StyledPillGroup>\n    </DSPillGroupV2Context.Provider>\n  );\n};\n\nDSPillGroupV2.propTypes = DSPillGroupPropTypes;\nconst DSPillGroupV2WithSchema = describe(DSPillGroupV2);\nDSPillGroupV2WithSchema.propTypes = DSPillGroupPropTypes;\n\nexport { DSPillGroupV2, DSPillGroupV2WithSchema };\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEA;AACA;AAEO,MAAM,uBAAuB,cAA+D;AAAA,EACjG,kBAAkB,MAAM;AAAA;AAG1B,MAAM,gBAAuD,CAAC,UAAU;AACtE,QAAM,oBAAoB,6BAA6B,OAAO;AAC9D,iCAA+B,mBAAmB;AAElD,QAAM,eAAe,QAAQ,MAAM,iBAAiB,SAAS;AAC7D,QAAM,EAAE,UAAU,OAAO,aAAa;AACtC,QAAM,mBAAmB,YACvB,CAAC,YAAoB;AACnB,UAAM,QAAQ,CAAC,GAAG,SAAS,iBAAiB,IAAI;AAEhD,UAAM,YAAY,MAAM,UAAU,CAAC,SAAS,KAAK,OAAO;AAExD,QAAI,YAAY,GAAG;AACjB,YAAM,YAAY,GAAG;AAAA,eACZ,YAAY,IAAI,MAAM,QAAQ;AACvC,YAAM,YAAY,GAAG;AAAA;AAAA,KAGzB,CAAC;AAGH,SACE,qCAAC,qBAAqB,UAAtB;AAAA,IAA+B,OAAO,EAAE;AAAA,KACtC,qCAAC,iBAAD;AAAA,IACE;AAAA,IACA,IAAI;AAAA,IACJ,MAAM,OAAM,SAAS,IAAI,UAAU,MAAM;AAAA,IACzC,QAAO;AAAA,IACP,KAAK;AAAA,KAEJ;AAAA;AAMT,cAAc,YAAY;AAC1B,MAAM,0BAA0B,SAAS;AACzC,wBAAwB,YAAY;",
-  "names": []
-}

package/esm/components/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './Pill';\nexport * from './PillGroup';\nexport * from './PillButton';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;",
-  "names": []
-}

package/esm/components/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport styled from 'styled-components';\nimport { css } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSButtonV2 } from '@elliemae/ds-button';\n\n// =============================================================================\n// Common CSS\n// =============================================================================\n\nconst borderOutside = (color: string, size = 1, zIndex = 2, borderRadius = '12px') => css`\n  :after {\n    content: ' ';\n    position: absolute;\n    top: 0px;\n    left: 0px;\n    right: 0px;\n    bottom: 0px;\n    border: ${size}px solid ${color};\n    border-top-left-radius: ${borderRadius};\n    border-top-right-radius: ${borderRadius};\n    border-bottom-left-radius: ${borderRadius};\n    border-bottom-right-radius: ${borderRadius};\n    pointer-events: none;\n    z-index: ${zIndex};\n  }\n`;\n\nconst commonPillWrapperCss = css<{ size: 'm' | 's' }>`\n  height: ${(props) => (props?.size === 'm' ? '24px' : '18px')};\n\n  position: relative;\n\n  width: fit-content;\n\n  background-color: ${(props) => props.theme.colors.brand[200]};\n\n  outline: none;\n\n  white-space: nowrap;\n\n  padding: 0px 12px 0 12px;\n  border-radius: 12px;\n\n  font-size: 13px;\n  line-height: 1;\n  color: ${(props) => props.theme.colors.brand[800]};\n  ${(props) => borderOutside(props.theme.colors.brand[300])};\n`;\n\n// =============================================================================\n// Pills wrappers\n// =============================================================================\n\nexport const StyledLabelPillWrapper = styled(Grid)`\n  ${commonPillWrapperCss}\n\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  padding-left: ${(props) => (props.hasIcon ? '0px !important' : '12px')};\n`;\n\nexport const StyledValuePillWrapper = styled(Grid)`\n  ${commonPillWrapperCss}\n\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  padding-left: ${(props) => (props.hasIcon ? '0px !important' : '12px')};\n`;\n\nexport const StyledInputPillWrapper = styled(Grid)<{ value: string; inputWidth: number; inputHasFocus: boolean }>`\n  ${commonPillWrapperCss}\n\n  background: ${(props) => props.theme.colors.neutral['000']};\n  padding: 0;\n\n  ${({ value, theme }) => borderOutside(value === '' ? theme.colors.neutral[400] : theme.colors.brand[500])}\n\n  :focus-within {\n    ${(props) => (props.inputHasFocus ? borderOutside(props.theme.colors.brand[700], 2) : '')}\n  }\n\n  :active {\n    ${(props) => (props.inputHasFocus ? borderOutside(props.theme.colors.brand[500]) : '')}\n  }\n\n  & .em-ds-input {\n    outline: none !important;\n    border: none !important;\n    box-shadow: none !important;\n    border-radius: 0 !important;\n    height: 100%;\n    background: transparent;\n    width: ${(props) => `${props.inputWidth + (props.value === '' ? 24 : 0)}px`};\n    padding: 0;\n    margin: 0 0 0 8px;\n  }\n\n  & .em-ds-input__tooltip-ref {\n    height: 100%;\n  }\n`;\n\nexport const StyledDropdownPillWrapper = styled(Grid)`\n  ${commonPillWrapperCss}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n\n  padding: 0 0 0 12px;\n`;\n\nexport const StyledReadonlyPillWrapper = styled(Grid)<{ hasIconRight: boolean; hasIconLeft: boolean }>`\n  ${commonPillWrapperCss}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  padding-right: ${(props) => (props.hasIconRight ? '0 !important' : '12px')};\n  padding-left: ${(props) => (props.hasIconLeft ? '0 !important' : '12px')};\n`;\n\nexport const StyledRemovablePillWrapper = styled(Grid)`\n  ${commonPillWrapperCss}\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  padding: 0 0 0 12px;\n`;\n\n// =============================================================================\n// Pill group\n// =============================================================================\n\nexport const StyledPillGroup = styled(Grid)`\n  width: ${({ width }) => width};\n\n  // Pill edges\n  & .ds-pill-wrapper {\n    &:not(:first-of-type) {\n      &,\n      :after,\n      :before,\n      .ds-pill-tooltip-value:after {\n        border-top-left-radius: 0px;\n        border-bottom-left-radius: 0px;\n      }\n    }\n    &:not(:last-of-type) {\n      &,\n      :after,\n      :before,\n      .ds-pill-tooltip-value:after {\n        border-top-right-radius: 0px;\n        border-bottom-right-radius: 0px;\n      }\n    }\n  }\n\n  // Pill paddings to the left / right\n  & .ds-pill-wrapper-label,\n  & .ds-pill-wrapper-value,\n  & .ds-pill-wrapper-readonly {\n    &:not(:first-of-type) {\n      padding-left: 8px;\n    }\n    &:not(:last-of-type) {\n      padding-right: 8px;\n    }\n  }\n\n  & .ds-pill-wrapper-removable:not(:first-of-type) {\n    padding-left: 8px;\n  }\n\n  & .ds-pill-wrapper-dropdown:not(:first-of-type) {\n    padding-left: 8px;\n  }\n\n  & .ds-pill-wrapper {\n    :not(:first-of-type) {\n      .ds-pill-button-left {\n        border-radius: 0px;\n      }\n      .ds-pill-button-only {\n        border-top-left-radius: 0px;\n        border-bottom-left-radius: 0px;\n      }\n    }\n    :not(:last-of-type) {\n      .ds-pill-button-right {\n        border-radius: 0px;\n      }\n      .ds-pill-button-only {\n        border-top-right-radius: 0px;\n        border-bottom-right-radius: 0px;\n      }\n    }\n  }\n`;\n\n// =============================================================================\n// Extra stuff\n// =============================================================================\n\nexport const StyledSpanWithTooltip = styled.span`\n  outline: none;\n  :focus {\n    ${(props) => borderOutside(props.theme.colors.brand[700], 2, 3)}\n  }\n`;\n\nexport const StyledPillButton = styled(DSButtonV2)<{ width: string; height: string }>`\n  display: grid;\n  place-items: center;\n\n  position: relative;\n\n  padding: 0;\n  width: ${(props) => props.width};\n  height: ${(props) => props.height};\n\n  border-radius: 12px;\n\n  :focus {\n    ${(props) => borderOutside(props.theme.colors.brand[700], 2, 3, 'inherit')}\n  }\n\n  cursor: pointer;\n`;\n"],
-  "mappings": "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",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/types/DropdownPill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useMemo, useRef } from 'react';\nimport { DSDropdownMenuV2 } 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>(\n  ({ label, size, labelTruncated, dropdownProps, innerRef, ariaLabel, onDropdownClick }) => {\n    const chevronRef = useRef(null);\n\n    const pillUid = useMemo(() => `ds-pill-${uid()}`, []);\n\n    const TextComponent = labelTruncated\n      ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n      : React.Fragment;\n\n    return (\n      <StyledDropdownPillWrapper\n        size={size}\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        <TextComponent>{label}</TextComponent>\n        <DSDropdownMenuV2\n          placementOrderPreference={[\n            'bottom-start',\n            'bottom',\n            'bottom-end',\n            'right-end',\n            'top-start',\n            'top',\n            'top-end',\n          ]}\n          {...dropdownProps}\n          onClickOutside={(e) => {\n            if (e.code === 'Escape') chevronRef.current.focus();\n            if (dropdownProps.onClickOutside) dropdownProps.onClickOutside(e);\n          }}\n          wrapperStyles={{ w: '100%', h: '100%' }}\n        >\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            onClick={onDropdownClick}\n          >\n            <ChevronSmallDown color={['brand-primary', '800']} width={20} height={20} />\n          </DSPillButton>\n        </DSDropdownMenuV2>\n      </StyledDropdownPillWrapper>\n    );\n  },\n);\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEO,MAAM,eAAe,OAAM,KAChC,CAAC,EAAE,OAAO,MAAM,gBAAgB,eAAe,UAAU,WAAW,sBAAsB;AACxF,QAAM,aAAa,OAAO;AAE1B,QAAM,UAAU,QAAQ,MAAM,WAAW,SAAS;AAElD,QAAM,gBAAgB,iBAClB,CAAC,EAAE,eAAe,qCAAC,4BAAD;AAAA,IAA4B,OAAO;AAAA,OACrD,OAAM;AAEV,SACE,qCAAC,2BAAD;AAAA,IACE;AAAA,IACA,IAAI;AAAA,IACJ,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,MAAM,CAAC,QAAQ;AAAA,IACf,QAAO;AAAA,IACP,YAAW;AAAA,IACX,cAAa;AAAA,KAEb,qCAAC,eAAD,MAAgB,QAChB,qCAAC,kBAAD;AAAA,IACE,0BAA0B;AAAA,MACxB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,OAEE;AAAA,IACJ,gBAAgB,CAAC,MAAM;AACrB,UAAI,EAAE,SAAS;AAAU,mBAAW,QAAQ;AAC5C,UAAI,cAAc;AAAgB,sBAAc,eAAe;AAAA;AAAA,IAEjE,eAAe,EAAE,GAAG,QAAQ,GAAG;AAAA,KAE/B,qCAAC,cAAD;AAAA,IACE,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,UAAU,gBAAgB,YAAY;AAAA,IACtC,cAAY,aAAa;AAAA,IACzB,MAAK;AAAA,IACL,SAAS;AAAA,KAET,qCAAC,kBAAD;AAAA,IAAkB,OAAO,CAAC,iBAAiB;AAAA,IAAQ,OAAO;AAAA,IAAI,QAAQ;AAAA;AAAA;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/types/InputPill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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, size, 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        size={size}\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"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AAEA;AACA;AACA;AAEO,MAAM,YAAY,OAAM,KAC7B,CAAC,EAAE,OAAO,MAAM,kBAAkB,YAAY,aAAa,eAAe,cAAc,eAAe;AACrG,QAAM,MAAM,OAAoB;AAEhC,QAAM,iBAAiB,QAAQ,MAAM,aAAa,CAAC;AAEnD,QAAM,UAAU,QAAQ,MAAM,WAAW,SAAS;AAElD,QAAM,mBAAyE,YAC7E,CAAC,MAAM;AACL,QAAI,CAAC,QAAW,SAAS,SAAS,SAAS,EAAE,OAAO;AAClD,QAAE;AACF,mBAAa;AACb,UAAI,QAAQ;AAAA;AAAA,KAGhB,CAAC;AAGH,QAAM,CAAC,eAAe,oBAAoB,SAAS;AAEnD,SACE,qCAAC,wBAAD;AAAA,IACE;AAAA,IACA,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,MAAM,UAAU,KAAK,CAAC,UAAU,CAAC,QAAQ;AAAA,IACzC;AAAA,IACA,OAAO;AAAA,IACP;AAAA,KAEA,qCAAC,gBAAD;AAAA,IACE,IAAI;AAAA,IACJ,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,UAAU,gBAAgB,KAAK;AAAA,IAC/B,OAAO;AAAA,IACP,UAAU;AAAA,IACV,aAAa;AAAA,IACb,SAAS,MAAM,iBAAiB;AAAA,IAChC,QAAQ,MAAM,iBAAiB;AAAA,IAC/B,gBAAgB;AAAA,MAEjB,UAAU,MACT,qCAAC,cAAD;AAAA,IACE,IAAI;AAAA,IACJ,eAAY;AAAA,IACZ;AAAA,IACA,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAW;AAAA,IACX,MAAK;AAAA,KAEL,qCAAC,aAAD;AAAA,IAAa,MAAK;AAAA,IAAI,OAAO,CAAC,iBAAiB;AAAA;AAAA;",
-  "names": []
-}

package/esm/components/types/LabelPill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/types/LabelPill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledLabelPillWrapper } from '../styled';\n\nexport const LabelPill = React.memo<DSPillProps>(({ label, size, labelTruncated, iconLeft, ariaLabel }) => {\n  const TextComponent = labelTruncated\n    ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n    : React.Fragment;\n  return (\n    <StyledLabelPillWrapper\n      size={size}\n      alignItems=\"center\"\n      className=\"ds-pill-wrapper ds-pill-wrapper-label\"\n      data-testid=\"ds-pill-wrapper\"\n      aria-label={ariaLabel || label}\n      cols={[iconLeft && 'min-content', 'auto'].filter((notFalse) => notFalse)}\n      gutter=\"xxxs\"\n      hasIcon={iconLeft !== null}\n    >\n      {iconLeft}\n      <TextComponent>{label}</TextComponent>\n    </StyledLabelPillWrapper>\n  );\n});\n"],
-  "mappings": "AAAA;ACCA;AACA;AAEA;AAEO,MAAM,YAAY,OAAM,KAAkB,CAAC,EAAE,OAAO,MAAM,gBAAgB,UAAU,gBAAgB;AACzG,QAAM,gBAAgB,iBAClB,CAAC,EAAE,eAAe,qCAAC,4BAAD;AAAA,IAA4B,OAAO;AAAA,OACrD,OAAM;AACV,SACE,qCAAC,wBAAD;AAAA,IACE;AAAA,IACA,YAAW;AAAA,IACX,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,cAAY,aAAa;AAAA,IACzB,MAAM,CAAC,YAAY,eAAe,QAAQ,OAAO,CAAC,aAAa;AAAA,IAC/D,QAAO;AAAA,IACP,SAAS,aAAa;AAAA,KAErB,UACD,qCAAC,eAAD,MAAgB;AAAA;",
-  "names": []
-}

package/esm/components/types/ReadOnlyPill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/types/ReadOnlyPill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledReadonlyPillWrapper } from '../styled';\n\nexport const ReadOnlyPill = React.memo<DSPillProps>(\n  ({ label, size, labelTruncated, iconLeft, iconRight, ariaLabel }) => {\n    const hasIconLeft = iconLeft !== null || (iconRight !== null && label === '');\n    const hasIconRight = iconRight !== null || (iconLeft !== null && label === '');\n\n    const TextComponent = labelTruncated\n      ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n      : React.Fragment;\n\n    return (\n      <StyledReadonlyPillWrapper\n        size={size}\n        alignItems=\"center\"\n        className=\"ds-pill-wrapper ds-pill-wrapper-readonly\"\n        data-testid=\"ds-pill-wrapper\"\n        aria-label={ariaLabel || label}\n        cols={[iconLeft && 'min-content', label && 'auto', iconRight && 'min-content'].filter((notFalse) => notFalse)}\n        gutter=\"xxxs\"\n        hasIconRight={hasIconRight}\n        hasIconLeft={hasIconLeft}\n      >\n        {iconLeft}\n        {label ? <TextComponent>{label}</TextComponent> : null}\n        {iconRight}\n      </StyledReadonlyPillWrapper>\n    );\n  },\n);\n"],
-  "mappings": "AAAA;ACEA;AACA;AAEA;AAEO,MAAM,eAAe,OAAM,KAChC,CAAC,EAAE,OAAO,MAAM,gBAAgB,UAAU,WAAW,gBAAgB;AACnE,QAAM,cAAc,aAAa,QAAS,cAAc,QAAQ,UAAU;AAC1E,QAAM,eAAe,cAAc,QAAS,aAAa,QAAQ,UAAU;AAE3E,QAAM,gBAAgB,iBAClB,CAAC,EAAE,eAAe,qCAAC,4BAAD;AAAA,IAA4B,OAAO;AAAA,OACrD,OAAM;AAEV,SACE,qCAAC,2BAAD;AAAA,IACE;AAAA,IACA,YAAW;AAAA,IACX,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,cAAY,aAAa;AAAA,IACzB,MAAM,CAAC,YAAY,eAAe,SAAS,QAAQ,aAAa,eAAe,OAAO,CAAC,aAAa;AAAA,IACpG,QAAO;AAAA,IACP;AAAA,IACA;AAAA,KAEC,UACA,QAAQ,qCAAC,eAAD,MAAgB,SAAyB,MACjD;AAAA;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/types/RemovablePill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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>(\n  ({ label, size, labelTruncated, onRemove, innerRef, ariaLabel }) => {\n    const { onKeyboardRemove } = useContext(DSPillGroupV2Context);\n    const pillUid = useMemo(() => `ds-pill-${uid()}`, []);\n\n    const TextComponent = labelTruncated\n      ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n      : React.Fragment;\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        size={size}\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        <TextComponent>{label}</TextComponent>\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 width={22.65} height={22.65} color={['brand-primary', '700']} />\n        </DSPillButton>\n      </StyledRemovablePillWrapper>\n    );\n  },\n);\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEO,MAAM,gBAAgB,OAAM,KACjC,CAAC,EAAE,OAAO,MAAM,gBAAgB,UAAU,UAAU,gBAAgB;AAClE,QAAM,EAAE,qBAAqB,WAAW;AACxC,QAAM,UAAU,QAAQ,MAAM,WAAW,SAAS;AAElD,QAAM,gBAAgB,iBAClB,CAAC,EAAE,eAAe,qCAAC,4BAAD;AAAA,IAA4B,OAAO;AAAA,OACrD,OAAM;AAEV,QAAM,YAAkE,YACtE,CAAC,MAAM;AACL,QAAI,CAAC,SAAS,SAAS,SAAS,EAAE,OAAO;AACvC,QAAE;AACF,UAAI;AAAkB,yBAAiB;AACvC,eAAS;AAAA;AAAA,KAGb,CAAC,kBAAkB,UAAU;AAG/B,SACE,qCAAC,4BAAD;AAAA,IACE;AAAA,IACA,MAAM,CAAC,QAAQ;AAAA,IACf,QAAO;AAAA,IACP,YAAW;AAAA,IACX,cAAa;AAAA,IACb,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,cAAY,aAAa;AAAA,KAEzB,qCAAC,eAAD,MAAgB,QAChB,qCAAC,cAAD;AAAA,IACE,WAAU;AAAA,IACV,IAAI;AAAA,IACJ,eAAY;AAAA,IACZ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,cAAY,UAAU;AAAA,IACtB,MAAK;AAAA,KAEL,qCAAC,aAAD;AAAA,IAAa,OAAO;AAAA,IAAO,QAAQ;AAAA,IAAO,OAAO,CAAC,iBAAiB;AAAA;AAAA;",
-  "names": []
-}

package/esm/components/types/ValuePill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/types/ValuePill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { DSTooltipV2 } from '@elliemae/ds-tooltip';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledSpanWithTooltip, StyledValuePillWrapper } from '../styled';\n\nexport const ValuePill = React.memo<DSPillProps>(\n  ({ label, size, labelTruncated, tooltipValue, iconLeft, ariaLabel }) => {\n    const TextComponent = labelTruncated\n      ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n      : React.Fragment;\n\n    return (\n      <StyledValuePillWrapper\n        size={size}\n        alignItems=\"center\"\n        className=\"ds-pill-wrapper ds-pill-wrapper-value\"\n        data-testid=\"ds-pill-wrapper\"\n        aria-label={ariaLabel || label}\n        cols={[iconLeft && 'min-content', 'auto'].filter((notFalse) => notFalse)}\n        gutter=\"xxxs\"\n        hasIcon={iconLeft !== null}\n      >\n        {iconLeft}\n        {tooltipValue !== '' ? (\n          <DSTooltipV2\n            title={tooltipValue}\n            triggerComponent={\n              <StyledSpanWithTooltip className=\"ds-pill-tooltip-value\" tabIndex={0}>\n                {label}\n              </StyledSpanWithTooltip>\n            }\n          />\n        ) : (\n          <TextComponent>{label}</TextComponent>\n        )}\n      </StyledValuePillWrapper>\n    );\n  },\n);\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AAEA;AAEO,MAAM,YAAY,OAAM,KAC7B,CAAC,EAAE,OAAO,MAAM,gBAAgB,cAAc,UAAU,gBAAgB;AACtE,QAAM,gBAAgB,iBAClB,CAAC,EAAE,eAAe,qCAAC,4BAAD;AAAA,IAA4B,OAAO;AAAA,OACrD,OAAM;AAEV,SACE,qCAAC,wBAAD;AAAA,IACE;AAAA,IACA,YAAW;AAAA,IACX,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,cAAY,aAAa;AAAA,IACzB,MAAM,CAAC,YAAY,eAAe,QAAQ,OAAO,CAAC,aAAa;AAAA,IAC/D,QAAO;AAAA,IACP,SAAS,aAAa;AAAA,KAErB,UACA,iBAAiB,KAChB,qCAAC,aAAD;AAAA,IACE,OAAO;AAAA,IACP,kBACE,qCAAC,uBAAD;AAAA,MAAuB,WAAU;AAAA,MAAwB,UAAU;AAAA,OAChE;AAAA,OAKP,qCAAC,eAAD,MAAgB;AAAA;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/types/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DropdownPill';\nexport * from './InputPill';\nexport * from './LabelPill';\nexport * from './ReadOnlyPill';\nexport * from './RemovablePill';\nexport * from './ValuePill';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;",
-  "names": []
-}

package/esm/deprecated/DropdownPill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/DropdownPill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,sBAAsB;AAAA,EACpB,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR;AAAA,EACA,WAAW;AAAA,EACX,2BAA2B;AAAA,EAC3B;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,QAAM,MAAM,OAAO;AACnB,QAAM,CAAC,WAAW,cAAc;AAChC,QAAM,EAAE,eAAe,kBAAkB;AACzC,SACE,qCAAC,gBAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAgB;AAAA,IAChB,WAAW,EAAE,WAAW,sBAAsB,QAAQ;AAAA,IACtD;AAAA,IACA,SAAS;AAAA,IACT,eAAe;AAAA,IACf,kBACE,qCAAC,MAAD;AAAA,MACE,eAAY;AAAA,MACZ,WAAU;AAAA,MACV,gBAAgB,EAAE,MAAM,cAAc;AAAA,MACtC,UAAU;AAAA,MACV;AAAA,MACA,YACE,qCAAC,OAAD;AAAA,QAAK,KAAK;AAAA,SACR,qCAAC,aAAD;AAAA,QAAa,WAAU;AAAA,QAA6B,eAAY;AAAA;AAAA,MAGpE;AAAA,MACA;AAAA;AAAA;AAAA;AAOV,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAE7C,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,SAAS,UAAU,MAAM,CAAC,SAAS,UAAU,YAAY;AAAA,EAEzD,UAAU,UAAU,OAAO,YAAY;AAAA,EAEvC,0BAA0B,UAAU,KAAK,YAAY;AAAA,EAErD,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,YAAY;AAAA,EAEhF,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,YAAY;AAAA;AAGlF,aAAa,YAAY;AACzB,MAAM,2BAA2B,SAAS;AAC1C,yBAAyB,YAAY;",
-  "names": []
-}

package/esm/deprecated/InputPill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/InputPill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,kBAAkB,kBAAkB,MAAM,cAAc,MAAM,CAAC,EAAE,YAAa;AAAA,EAClF;AAAA;AAGK,mBAAmB;AAAA,EACxB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,WAAW,MAAM;AAAA;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,MAAI,cAAc;AAGlB,UAAQ;AAAA,SACD;AACH,oBAAc;AACd;AAAA,SACG;AACH,oBAAc;AACd;AAAA;AAEA;AAAA;AAGJ,SACE,qCAAC,iBAAD;AAAA,IACE,WAAU;AAAA,IACV,YAAY,EAAE;AAAA,IACd;AAAA,IACA,OACE,qCAAC,aAAD;AAAA,MACE,eAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,SACI;AAAA;AAAA,IAGR,YACE,SAAS,qCAAC,aAAD;AAAA,MAAa,WAAU;AAAA,MAAqB,eAAY;AAAA,MAAqB,SAAS;AAAA;AAAA,IAEjG,UAAU;AAAA;AAAA;",
-  "names": []
-}

package/esm/deprecated/LabeledDropdownPills.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/LabeledDropdownPills.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,gBAAgB;AAAA,EACpB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA;AAGZ,MAAM,qBAAqB,CAAC,SAC1B,cAAc,SAAS,cAAc;AAEvC,8BAA8B;AAAA,EAC5B,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,QAAM,YAAY,mBAAmB;AAErC,SACE,qCAAC,WAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,KAEA,qCAAC,WAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAMR,MAAM,QAAQ;AAAA,EAEZ,MAAM,UAAU,MAAM,CAAC,UAAU,SAAS,aAAa,YACrD;AAAA,EAGF,kBAAkB,UAAU,KAAK,YAAY;AAAA,EAE7C,sBAAsB,UAAU,KAAK,YAAY;AAAA,EAEjD,iBAAiB,UAAU,KAAK,YAAY;AAAA,EAE5C,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YAAY;AAAA,EAEf,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YAAY;AAAA,EAEf,OAAO,UAAU,KAAK,YAAY;AAAA,EAElC,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,OAAO,UAAU,UAAU;AAAA,IACzB,UAAU,QACR,UAAU,MAAM;AAAA,MACd,IAAI,UAAU;AAAA,MACd,OAAO,UAAU;AAAA;AAAA,IAGrB,UAAU,MAAM;AAAA,MACd,IAAI,UAAU;AAAA,MACd,OAAO,UAAU;AAAA;AAAA,KAElB,YAAY;AAAA;AAGjB,qBAAqB,YAAY;AACjC,MAAM,mCAAmC,SAAS;AAClD,iCAAiC,YAAY;",
-  "names": []
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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\nfunction 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\nexport { LabeledDropdownCascadeMenuPill };\nexport default LabeledDropdownCascadeMenuPill;"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,yBAAyB,SAAS,SAAS;AACzC,SAAO,QAAQ,IAAI,CAAC,QAAQ,UAAU;AACpC,UAAM,gBAAgB,QAAQ;AAE9B,QAAI,OAAO,SAAS,WAAW;AAC7B,YAAM,mBAAmB,QAAQ;AACjC,YAAM,iBAAiB,QAAQ;AAC/B,aACE,qCAAC,kBAAD;AAAA,WAAsB;AAAA,QAAQ,KAAK,OAAO;AAAA,QAAI,MAAM;AAAA,SAClD,qCAAC,gBAAD;AAAA,WACM;AAAA,QACJ,IAAI,OAAO;AAAA,QACX,MAAM;AAAA,QACN,OAAO,OAAO;AAAA,QACd,mBAAmB,CAAC,SAAS;AAAA,QAC7B,OAAK;AAAA;AAAA;AAMb,WAAO,qCAAC,eAAD;AAAA,SAAmB;AAAA,MAAQ,KAAK,OAAO,MAAM;AAAA,MAAO,MAAM;AAAA;AAAA;AAAA;AAIrE,MAAM,4BAA4B,CAAC,SAAS,OAAO;AACjD,QAAM,QAAQ,QAAQ,UAAU,CAAC,WAAW,OAAO,OAAO;AAC1D,SAAO,QAAQ,QAAQ,OAAO,QAAQ;AAAA;AAGxC,wCAAwC;AAAA,EACtC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,OAAO,YAAY;AAAA,EACnB,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,QAAM,cAAc,OAAO,KAAK,WAAW;AAC3C,QAAM,kBAAkB,UAAU,gBAAgB;AAClD,QAAM,gBAAgB,MAAM,QAAQ,mBAChC,0BAA0B,SAAS,eACnC;AAEJ,QAAM,qBAAqB,CAAC,EAAE,MAAM,YAAY;AAC9C,QAAI,WAAW,WAAW;AACxB,YAAM,gBAAgB,QAClB;AAAA,SACG,MAAM,KAAK,YAAY,CAAC,GAAI,UAAU,MAAM,OAAO,KAAM,MAAM,CAAC,MAAM,EAAE;AAAA,UAE3E;AAAA,SACG,KAAK,KAAK,KAAK;AAAA;AAEtB,eAAS;AAAA;AAAA;AAIb,QAAM,eAAe,CAAC,WAAW;AAC/B,QAAI,WAAW,WAAW;AACxB,YAAM,gBAAgB;AAAA,SACnB,cAAc,gBAAgB,OAAO,CAAC,QAAQ,OAAO,OAAO,IAAI;AAAA;AAEnE,eAAS;AAAA;AAEX,aAAS;AAAA;AAGX,SACE,qCAAC,WAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,KAEA,qCAAC,cAAD;AAAA,OACM;AAAA,IACJ,eAAe;AAAA,IACf,OAAO,iBAAiB;AAAA,IACxB;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA,WAAW;AAAA,OACR,cAAc,MAAM,QAAQ,mBAAmB,gBAAgB,IAAI,CAAC,MAAM,EAAE,MAAM;AAAA;AAAA,IAErF,sBAAoB;AAAA,IACpB,SAAQ;AAAA,MAET,MAAM,QAAQ,oBACb,gBAAgB,IAAI,CAAC,WACnB,qCAAC,eAAD;AAAA,IAAe,KAAK,OAAO;AAAA,IAAI,OAAO,OAAO;AAAA,IAAO,UAAU,MAAM,aAAa;AAAA;AAAA;AAO3F,IAAO,yCAAQ;",
-  "names": []
-}

package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useEffect, useCallback } from 'react';\nimport { find } from 'lodash';\nimport { isFunction, addOrRemove } from '@elliemae/ds-utilities';\nimport { RemovablePill } from '../RemovablePill';\nimport { Pill } from '../Pill';\nimport { OverflowPill } from '../OverflowPill';\nimport { DropdownPill } from '../DropdownPill';\n\nfunction LabeledDropdownMultiPills({\n  label,\n  options = [],\n  value = [],\n  onSelect = () => null,\n  onRemove = () => null,\n  onChange, // if this is defined, then it's calculating the next result onSelect or onRemove\n  maxWidth,\n  minWidth,\n  ...menuProps\n}) {\n  const [totalDefaultOptions, setTotalDefaultOptions] = useState(0);\n  const [selectedOptions, setSelectedOptions] = useState(value);\n  const [allOptions, setAllOptions] = useState(options);\n  const [overflowOptions, setOverflowOptions] = useState([]);\n\n  const overflowQuantity = 3;\n\n  useEffect(() => setSelectedOptions(value), [value]);\n\n  useEffect(() => {\n    const newOptions = allOptions.filter((option) => option.fixedItem);\n    if (newOptions.length > 0) {\n      setSelectedOptions(newOptions);\n    }\n    setTotalDefaultOptions(newOptions.length);\n  }, []);\n\n  useEffect(() => {\n    if (totalDefaultOptions) {\n      const newOptions = allOptions.map((opt) => {\n        if (selectedOptions.length <= totalDefaultOptions && find(selectedOptions, { id: opt.id })) {\n          return { ...opt, fixedItem: true };\n        }\n        return { ...opt, fixedItem: false };\n      });\n\n      setAllOptions(newOptions);\n    }\n  }, [onSelect, onRemove, selectedOptions]);\n\n  useEffect(() => {\n    if (selectedOptions.length > overflowQuantity) {\n      const overflow = selectedOptions.filter((val, index) => index >= overflowQuantity);\n      setOverflowOptions(overflow);\n    }\n  }, [selectedOptions]);\n\n  const selectOption = useCallback(\n    (option) => {\n      if (!option.fixedItem) {\n        if (isFunction(onChange)) {\n          const nextValue = addOrRemove(selectedOptions, option, (item) => item.id);\n          setSelectedOptions(nextValue);\n          onChange(nextValue);\n        }\n        onSelect(option);\n      }\n    },\n    [selectedOptions],\n  );\n\n  const removeOption = useCallback(\n    (option) => {\n      if (!option.fixedItem || selectedOptions.length > totalDefaultOptions) {\n        if (isFunction(onChange)) {\n          const nextValue = selectedOptions.filter((val) => option.id !== val.id);\n          setSelectedOptions(nextValue);\n          onChange(nextValue);\n        }\n        onRemove(option);\n      }\n    },\n    [selectedOptions],\n  );\n\n  const typeOfPill = () => {\n    if (selectedOptions.length > totalDefaultOptions) {\n      return RemovablePill;\n    }\n\n    return Pill;\n  };\n\n  return (\n    <>\n      <DropdownPill\n        {...menuProps}\n        focusOnOpen={false}\n        label={label}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n        onSelectMenuItem={selectOption}\n        options={[\n          {\n            ...menuProps,\n            type: 'SelectionGroup',\n            id: 'multi-selection-views',\n            multi: true,\n            items: allOptions,\n          },\n        ]}\n        selection={{\n          'multi-selection-views': selectedOptions ? selectedOptions.map((o) => o.id) : '',\n        }}\n        variant=\"title\"\n      />\n      {selectedOptions &&\n        selectedOptions.map((option, index) => {\n          const TypeOfPill = typeOfPill();\n          if (index < overflowQuantity) {\n            return <TypeOfPill key={option.id} label={option.label} onRemove={() => removeOption(option)} />;\n          }\n          return null;\n        })}\n      {selectedOptions && selectedOptions.length > overflowQuantity && (\n        <OverflowPill label={`+ ${selectedOptions.length - overflowQuantity}`} options={overflowOptions} />\n      )}\n    </>\n  );\n}\n\nexport { LabeledDropdownMultiPills };\nexport default LabeledDropdownMultiPills;"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,mCAAmC;AAAA,EACjC;AAAA,EACA,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW,MAAM;AAAA,EACjB,WAAW,MAAM;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,QAAM,CAAC,qBAAqB,0BAA0B,SAAS;AAC/D,QAAM,CAAC,iBAAiB,sBAAsB,SAAS;AACvD,QAAM,CAAC,YAAY,iBAAiB,SAAS;AAC7C,QAAM,CAAC,iBAAiB,sBAAsB,SAAS;AAEvD,QAAM,mBAAmB;AAEzB,YAAU,MAAM,mBAAmB,QAAQ,CAAC;AAE5C,YAAU,MAAM;AACd,UAAM,aAAa,WAAW,OAAO,CAAC,WAAW,OAAO;AACxD,QAAI,WAAW,SAAS,GAAG;AACzB,yBAAmB;AAAA;AAErB,2BAAuB,WAAW;AAAA,KACjC;AAEH,YAAU,MAAM;AACd,QAAI,qBAAqB;AACvB,YAAM,aAAa,WAAW,IAAI,CAAC,QAAQ;AACzC,YAAI,gBAAgB,UAAU,uBAAuB,KAAK,iBAAiB,EAAE,IAAI,IAAI,OAAO;AAC1F,iBAAO,KAAK,KAAK,WAAW;AAAA;AAE9B,eAAO,KAAK,KAAK,WAAW;AAAA;AAG9B,oBAAc;AAAA;AAAA,KAEf,CAAC,UAAU,UAAU;AAExB,YAAU,MAAM;AACd,QAAI,gBAAgB,SAAS,kBAAkB;AAC7C,YAAM,WAAW,gBAAgB,OAAO,CAAC,KAAK,UAAU,SAAS;AACjE,yBAAmB;AAAA;AAAA,KAEpB,CAAC;AAEJ,QAAM,eAAe,YACnB,CAAC,WAAW;AACV,QAAI,CAAC,OAAO,WAAW;AACrB,UAAI,WAAW,WAAW;AACxB,cAAM,YAAY,YAAY,iBAAiB,QAAQ,CAAC,SAAS,KAAK;AACtE,2BAAmB;AACnB,iBAAS;AAAA;AAEX,eAAS;AAAA;AAAA,KAGb,CAAC;AAGH,QAAM,eAAe,YACnB,CAAC,WAAW;AACV,QAAI,CAAC,OAAO,aAAa,gBAAgB,SAAS,qBAAqB;AACrE,UAAI,WAAW,WAAW;AACxB,cAAM,YAAY,gBAAgB,OAAO,CAAC,QAAQ,OAAO,OAAO,IAAI;AACpE,2BAAmB;AACnB,iBAAS;AAAA;AAEX,eAAS;AAAA;AAAA,KAGb,CAAC;AAGH,QAAM,aAAa,MAAM;AACvB,QAAI,gBAAgB,SAAS,qBAAqB;AAChD,aAAO;AAAA;AAGT,WAAO;AAAA;AAGT,SACE,4DACE,qCAAC,cAAD;AAAA,OACM;AAAA,IACJ,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB,SAAS;AAAA,MACP;AAAA,WACK;AAAA,QACH,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA;AAAA;AAAA,IAGX,WAAW;AAAA,MACT,yBAAyB,kBAAkB,gBAAgB,IAAI,CAAC,MAAM,EAAE,MAAM;AAAA;AAAA,IAEhF,SAAQ;AAAA,MAET,mBACC,gBAAgB,IAAI,CAAC,QAAQ,UAAU;AACrC,UAAM,aAAa;AACnB,QAAI,QAAQ,kBAAkB;AAC5B,aAAO,qCAAC,YAAD;AAAA,QAAY,KAAK,OAAO;AAAA,QAAI,OAAO,OAAO;AAAA,QAAO,UAAU,MAAM,aAAa;AAAA;AAAA;AAEvF,WAAO;AAAA,MAEV,mBAAmB,gBAAgB,SAAS,oBAC3C,qCAAC,cAAD;AAAA,IAAc,OAAO,KAAK,gBAAgB,SAAS;AAAA,IAAoB,SAAS;AAAA;AAAA;AAOxF,IAAO,mCAAQ;",
-  "names": []
-}

package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable mdx/no-unused-expressions */\n/* eslint-disable no-shadow */\n/* eslint-disable no-unused-expressions */\n/* eslint-disable max-lines */\nimport React, { useCallback, useState, useEffect, useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { isFunction, isString, useShouldRecalculate, usePrevious } from '@elliemae/ds-utilities';\nimport { DropdownPill } from '../DropdownPill';\nimport { InputPill } from '../InputPill';\nimport { Pill } from '../Pill';\nimport { RemovablePill } from '../RemovablePill';\nimport { hasOptionChanged } from './utils';\n\nfunction LabeledDropdownSinglePill({\n  label,\n  labelIsValue = false,\n  options,\n  value,\n  onSelect = () => null,\n  onChange,\n  maxWidth,\n  minWidth,\n  fixed = false,\n  ...menuProps\n}) {\n  const [optionValue, setOptionValue] = useState(value);\n  const prevOptions = usePrevious(options);\n  const areOptionsEqual = useShouldRecalculate(hasOptionChanged(prevOptions, options));\n\n  useEffect(() => setOptionValue(value), [value]);\n\n  useEffect(() => {\n    const selectedValue = options.find((option) => option.selected);\n\n    if (selectedValue) {\n      setOptionValue(selectedValue);\n    } else if (!selectedValue) {\n      setOptionValue(options[0]);\n    }\n  }, [areOptionsEqual]);\n\n  useLayoutEffect(() => {\n    if (optionValue) {\n      const selectedValue = options.find((option) => option.id === optionValue.id);\n      setOptionValue(selectedValue);\n    }\n  }, [options]);\n\n  const selectOption = useCallback(\n    (option) => {\n      if (isFunction(onChange)) {\n        onChange(option);\n      }\n      setOptionValue(option);\n      onSelect(option);\n    },\n    [onChange, onSelect],\n  );\n\n  const onChangeInputValue = useCallback(\n    ({ target: { value: inputValue } }) => {\n      const { onChangeInput } = optionValue;\n\n      onChangeInput && onChangeInput(inputValue);\n    },\n    [optionValue],\n  );\n\n  const removeOption = (removedOption) => {\n    const { onRemove } = menuProps;\n    const { onChangeInput } = optionValue;\n    setOptionValue(null);\n    onChangeInput && onChangeInput('');\n    const newOption = { ...removedOption, input: '' };\n    onRemove && onRemove(newOption, removedOption);\n  };\n\n  const renderPill = (option, fixed) => {\n    const { input, onChangeInput, ...otherProps } = option;\n    let SelectedPill;\n    if (isString(input)) {\n      SelectedPill = InputPill;\n    } else if (fixed) {\n      SelectedPill = Pill;\n    } else {\n      SelectedPill = RemovablePill;\n    }\n\n    return (\n      <SelectedPill\n        key={option.id}\n        label={option.label}\n        onChange={onChangeInputValue}\n        onRemove={(e) => removeOption(option, e)}\n        value={input}\n        {...otherProps}\n      />\n    );\n  };\n\n  const renderSelection = () => {\n    if (!labelIsValue) {\n      if (optionValue) return renderPill(optionValue, fixed);\n      return <Pill label=\"-\" />;\n    }\n  };\n\n  return (\n    <>\n      <DropdownPill\n        {...menuProps}\n        label={!labelIsValue ? label : optionValue?.label}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n        onSelectMenuItem={selectOption}\n        options={[\n          {\n            ...menuProps,\n            type: 'SelectionGroup',\n            id: 'multi-selection-views',\n            multi: false,\n            items: options,\n            closeOnClick: true,\n          },\n        ]}\n        selection={{\n          'multi-selection-views': optionValue ? [optionValue?.id] : '',\n        }}\n        variant=\"title\"\n      />\n      {renderSelection()}\n    </>\n  );\n}\n\nLabeledDropdownSinglePill.propTypes = {\n  label: PropTypes.string,\n  labelIsValue: PropTypes.bool,\n  options: PropTypes.array,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  onSelect: PropTypes.func,\n  onChange: PropTypes.func,\n  maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  fixed: PropTypes.bool,\n};\n\nexport { LabeledDropdownSinglePill };\nexport default LabeledDropdownSinglePill;"],
-  "mappings": "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",
-  "names": []
-}