@elliemae/ds-controlled-form 2.2.0-alpha.4 → 3.0.0-next.2

package/esm/controlled-combobox/parts/a11y-messages/SingleAllyMessages.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/a11y-messages/SingleAllyMessages.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CBItemOption } from '../../index.d';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\nimport { StyledA11ySelectedValues } from './styled';\nconst SingleAllyMessages = (): JSX.Element => {\n  const {\n    props: { selectedValues },\n  } = useContext(ComboBoxContext);\n\n  const singleSelectedValue = selectedValues as CBItemOption;\n  return (\n    <StyledA11ySelectedValues aria-live=\"polite\" aria-atomic=\"false\" aria-relevant=\"additions text\">\n      {`Option selected: ${singleSelectedValue.label}.`}\n    </StyledA11ySelectedValues>\n  );\n};\n\nexport { SingleAllyMessages };\n"],
-  "mappings": "AAAA;ACAA;AAEA;AACA;AACA,MAAM,qBAAqB,MAAmB;AAC5C,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,MACP,WAAW;AAEf,QAAM,sBAAsB;AAC5B,SACE,qCAAC,0BAAD;AAAA,IAA0B,aAAU;AAAA,IAAS,eAAY;AAAA,IAAQ,iBAAc;AAAA,KAC5E,oBAAoB,oBAAoB;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/a11y-messages/index.js.map

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

package/esm/controlled-combobox/parts/a11y-messages/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/a11y-messages/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const StyledA11ySelectedValues = styled.span`\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  clip: rect(1px, 1px, 1px, 1px);\n`;\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,2BAA2B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/container/Container.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/container/Container.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useCallback, useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\nimport { StyledContainerWithPopper, StyledContainerInline, StyledPopperWrapper } from './styled';\nimport { Controls } from '../controls';\nimport { MenuList } from '../menu-list';\nconst Container = (): JSX.Element => {\n  const {\n    props: { inline, startPlacementPreference, placementOrderPreference },\n    showPopover,\n    inputRef,\n    setReferenceElement,\n    setShowPopover,\n    referenceElement,\n  } = useContext(ComboBoxContext);\n\n  const handleCloseMenu = useCallback(() => {\n    setShowPopover(false);\n    if (inputRef.current) inputRef.current.blur();\n  }, [inputRef, setShowPopover]);\n\n  const handleMouseDown = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n  }, []);\n\n  const handleOnClickContainer = useCallback(() => {\n    setShowPopover(!showPopover);\n  }, [setShowPopover, showPopover]);\n\n  const StyledContainer = inline ? StyledContainerInline : StyledContainerWithPopper;\n  return (\n    <>\n      <StyledContainer ref={setReferenceElement} onClick={handleOnClickContainer}>\n        <Controls />\n        {inline ? <MenuList /> : null}\n      </StyledContainer>\n      {!inline ? (\n        <DSPopperJS\n          customOffset={[0, 5]}\n          closeContextMenu={handleCloseMenu}\n          referenceElement={referenceElement}\n          showPopover={showPopover}\n          startPlacementPreference={startPlacementPreference}\n          placementOrderPreference={placementOrderPreference}\n          withoutPortal\n          withoutArrow\n          withoutAnimation\n          zIndex={10}\n        >\n          <StyledPopperWrapper tabIndex={-1} onMouseDown={handleMouseDown}>\n            <MenuList />\n          </StyledPopperWrapper>\n        </DSPopperJS>\n      ) : null}\n    </>\n  );\n};\n\nexport { Container };\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,YAAY,MAAmB;AACnC,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ,0BAA0B;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,kBAAkB,YAAY,MAAM;AACxC,mBAAe;AACf,QAAI,SAAS;AAAS,eAAS,QAAQ;AAAA,KACtC,CAAC,UAAU;AAEd,QAAM,kBAAkB,YAAY,CAAC,MAAwB;AAC3D,MAAE;AAAA,KACD;AAEH,QAAM,yBAAyB,YAAY,MAAM;AAC/C,mBAAe,CAAC;AAAA,KACf,CAAC,gBAAgB;AAEpB,QAAM,kBAAkB,SAAS,wBAAwB;AACzD,SACE,4DACE,qCAAC,iBAAD;AAAA,IAAiB,KAAK;AAAA,IAAqB,SAAS;AAAA,KAClD,qCAAC,UAAD,OACC,SAAS,qCAAC,UAAD,QAAe,OAE1B,CAAC,SACA,qCAAC,YAAD;AAAA,IACE,cAAc,CAAC,GAAG;AAAA,IAClB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAa;AAAA,IACb,cAAY;AAAA,IACZ,kBAAgB;AAAA,IAChB,QAAQ;AAAA,KAER,qCAAC,qBAAD;AAAA,IAAqB,UAAU;AAAA,IAAI,aAAa;AAAA,KAC9C,qCAAC,UAAD,UAGF;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/container/index.js.map

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

package/esm/controlled-combobox/parts/container/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/container/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const StyledContainerWithPopper = styled.div`\n  width: 100%;\n  height: 28px;\n  position: relative;\n`;\n\nexport const StyledContainerInline = styled.div`\n  width: 100%;\n  position: relative;\n`;\n\nexport const StyledPopperWrapper = styled.div`\n  background: #fff;\n  overflow: auto;\n  position: relative;\n`;\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,4BAA4B,OAAO;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAKrC,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/controls/Controls.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/controls/Controls.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useContext, useCallback } from 'react';\nimport { DSPillV2 } from '@elliemae/ds-pills';\nimport { DropdownIndicator } from '../dropdown-indicator/DropdownIndicator';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\nimport {\n  StyledControlsWrapper,\n  StyleHeaderActionsSeparator,\n  StyledHeaderActionsWrapper,\n  StyledSelection,\n} from './styled';\nimport { MultiSelectedValuesContainer } from '../multi-selected-values-container';\nimport { ControlsInput } from '../controls-input/ControlsInput';\nconst Controls = (): JSX.Element => {\n  const {\n    props: { inline, inputMinWidth, hasError, selectedValues },\n    inputRef,\n    selectedOptionsRef,\n    setShowPopover,\n    showPopover,\n    hasFocus,\n    controlsWrapperRef,\n  } = useContext(ComboBoxContext);\n\n  const handleOnClick = useCallback(() => {\n    if (hasFocus && showPopover && !inline) {\n      inputRef.current?.blur();\n    } else if (hasFocus) {\n      setShowPopover(true);\n    } else {\n      inputRef.current?.focus();\n    }\n  }, [hasFocus, setShowPopover, showPopover, inputRef, inline]);\n\n  const handleOnMouseDown = (e: Event) => {\n    if (hasFocus || inline) {\n      e.preventDefault();\n    }\n  };\n  const cols = !inline ? ['minmax(0px,max-content)', 'minmax(20px, auto)', '29px'] : ['minmax(0px, auto)'];\n  return (\n    <StyledControlsWrapper\n      ref={controlsWrapperRef}\n      cols={cols}\n      minWidth={inputMinWidth}\n      hasError={hasError}\n      hasFocus={hasFocus}\n      inline={inline}\n      onClick={handleOnClick}\n      onMouseDown={handleOnMouseDown}\n    >\n      {!inline && (\n        <StyledSelection ref={selectedOptionsRef} data-testid={ComboboxDataTestid.SELECTED_VALUES}>\n          {Array.isArray(selectedValues) ? (\n            <MultiSelectedValuesContainer />\n          ) : (\n            <>\n              {selectedValues && (\n                <DSPillV2\n                  size=\"s\"\n                  labelTruncated\n                  key={selectedValues.value}\n                  label={selectedValues.label}\n                  type=\"value\"\n                />\n              )}\n            </>\n          )}\n        </StyledSelection>\n      )}\n\n      <ControlsInput />\n      {!inline && (\n        <StyledHeaderActionsWrapper>\n          <StyleHeaderActionsSeparator />\n          <DropdownIndicator />\n        </StyledHeaderActionsWrapper>\n      )}\n    </StyledControlsWrapper>\n  );\n};\n\nexport { Controls };\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA,MAAM,WAAW,MAAmB;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ,eAAe,UAAU;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,gBAAgB,YAAY,MAAM;AACtC,QAAI,YAAY,eAAe,CAAC,QAAQ;AACtC,eAAS,SAAS;AAAA,eACT,UAAU;AACnB,qBAAe;AAAA,WACV;AACL,eAAS,SAAS;AAAA;AAAA,KAEnB,CAAC,UAAU,gBAAgB,aAAa,UAAU;AAErD,QAAM,oBAAoB,CAAC,MAAa;AACtC,QAAI,YAAY,QAAQ;AACtB,QAAE;AAAA;AAAA;AAGN,QAAM,OAAO,CAAC,SAAS,CAAC,2BAA2B,sBAAsB,UAAU,CAAC;AACpF,SACE,qCAAC,uBAAD;AAAA,IACE,KAAK;AAAA,IACL;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,aAAa;AAAA,KAEZ,CAAC,UACA,qCAAC,iBAAD;AAAA,IAAiB,KAAK;AAAA,IAAoB,eAAa,mBAAmB;AAAA,KACvE,MAAM,QAAQ,kBACb,qCAAC,8BAAD,QAEA,4DACG,kBACC,qCAAC,UAAD;AAAA,IACE,MAAK;AAAA,IACL,gBAAc;AAAA,IACd,KAAK,eAAe;AAAA,IACpB,OAAO,eAAe;AAAA,IACtB,MAAK;AAAA,QAQjB,qCAAC,eAAD,OACC,CAAC,UACA,qCAAC,4BAAD,MACE,qCAAC,6BAAD,OACA,qCAAC,mBAAD;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/controls/index.js.map

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

package/esm/controlled-combobox/parts/controls/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/controls/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { css } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ComboBoxPropsT } from '../../index.d';\nimport { boolean } from 'yargs';\n\nconst normalBorder = css<{ hasError: boolean }>`\n  border: 1px solid ${(props) => (props.hasError ? props.theme.colors.danger[900] : props.theme.colors.neutral[400])};\n`;\nconst focusBorder = css`\n  border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n`;\n\nexport const StyledControlsWrapper = styled(Grid)<{\n  hasError?: boolean;\n  inline?: boolean;\n  hasFocus: boolean;\n  minWidth: number | undefined;\n}>`\n  background: transparent;\n  position: relative;\n  border-radius: 2px;\n  min-width: ${({ minWidth, inline }) => (inline ? '' : `${minWidth}px`)};\n  align-items: center;\n  align-content: center;\n  height: 28px;\n  padding-left: 8px;\n  margin: ${({ inline }) => (inline ? '10px 16px' : 'none')};\n  &::after {\n    display: block;\n    content: ' ';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: 2px;\n    ${({ hasFocus }) => (hasFocus ? focusBorder : normalBorder)}\n    pointer-events: none;\n    z-index: 7;\n  }\n`;\n\nexport const StyledSelection = styled.div`\n  font-size: 13px;\n  margin-right: 3px;\n  line-height: 13px;\n  display: flex;\n`;\n\nexport const StyledHeaderActionsWrapper = styled.div`\n  align-items: center;\n  align-self: stretch;\n  display: flex;\n  box-sizing: border-box;\n  height: 28px;\n\n  .em-ds-button--text:focus::after {\n    border: none;\n  }\n`;\n\nexport const StyleDropdownIndicator = styled.div``;\n\nexport const StyleHeaderActionsSeparator = styled.span`\n  align-self: stretch;\n  margin: 4px 0px;\n  width: 1px;\n  background-color: ${(props) => props.theme.colors.neutral['500']};\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAIA,MAAM,eAAe;AAAA,sBACC,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,OAAO,OAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAE/G,MAAM,cAAc;AAAA,sBACE,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAGjD,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAAA,eAS7B,CAAC,EAAE,UAAU,aAAc,SAAS,KAAK,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,YAK/C,CAAC,EAAE,aAAc,SAAS,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAU9C,CAAC,EAAE,eAAgB,WAAW,cAAc;AAAA;AAAA;AAAA;AAAA;AAM3C,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/B,MAAM,6BAA6B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY1C,MAAM,yBAAyB,OAAO;AAEtC,MAAM,8BAA8B,OAAO;AAAA;AAAA;AAAA;AAAA,sBAI5B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/controls-input/ControlsInput.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/controls-input/ControlsInput.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids';\nimport { StyledInput, StyledInputWrapper, StyledInputPlaceHolder, StyledInputWidthReference } from './styled';\nimport { useKeyboardNavigation } from '../../utils/hooks/useKeyboardNavigation';\nimport { useControlsInput } from './useControlsInput';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\n\nconst ControlsInput = (): JSX.Element => {\n  const {\n    props: { autoFocus },\n    showPopover,\n    focusOptionIdx,\n    inputRef,\n  } = useContext(ComboBoxContext);\n  const { onInputKeyDown } = useKeyboardNavigation();\n  const { spanReference, width, spanReferenceText, showPlaceholder, handleOnBlur, handleOnChange, handleOnFocus } =\n    useControlsInput();\n  return (\n    <StyledInputWrapper>\n      <StyledInputWidthReference ref={spanReference}>{spanReferenceText}</StyledInputWidthReference>\n      <StyledInputPlaceHolder>\n        <SimpleTruncatedTooltipText value={showPlaceholder}></SimpleTruncatedTooltipText>\n      </StyledInputPlaceHolder>\n\n      <StyledInput\n        data-testid={ComboboxDataTestid.INPUT}\n        autoFocus={autoFocus}\n        aria-labelledby=\"combo-label\"\n        aria-controls=\"combo-listbox\"\n        aria-owns=\"combo-listbox\"\n        aria-activedescendant={focusOptionIdx}\n        aria-expanded={showPopover}\n        aria-haspopup=\"listbox\"\n        role=\"combobox\"\n        style={{ width }}\n        ref={inputRef}\n        type=\"text\"\n        onKeyDown={onInputKeyDown}\n        onChange={handleOnChange}\n        onBlur={handleOnBlur}\n        onFocus={handleOnFocus}\n      />\n    </StyledInputWrapper>\n  );\n};\n\nexport { ControlsInput };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,gBAAgB,MAAmB;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AACf,QAAM,EAAE,mBAAmB;AAC3B,QAAM,EAAE,eAAe,OAAO,mBAAmB,iBAAiB,cAAc,gBAAgB,kBAC9F;AACF,SACE,qCAAC,oBAAD,MACE,qCAAC,2BAAD;AAAA,IAA2B,KAAK;AAAA,KAAgB,oBAChD,qCAAC,wBAAD,MACE,qCAAC,4BAAD;AAAA,IAA4B,OAAO;AAAA,OAGrC,qCAAC,aAAD;AAAA,IACE,eAAa,mBAAmB;AAAA,IAChC;AAAA,IACA,mBAAgB;AAAA,IAChB,iBAAc;AAAA,IACd,aAAU;AAAA,IACV,yBAAuB;AAAA,IACvB,iBAAe;AAAA,IACf,iBAAc;AAAA,IACd,MAAK;AAAA,IACL,OAAO,EAAE;AAAA,IACT,KAAK;AAAA,IACL,MAAK;AAAA,IACL,WAAW;AAAA,IACX,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/controls-input/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/controls-input/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const StyledInput = styled.input`\n  font-size: 13px;\n  line-height: 13px;\n  border: none;\n  padding: 0;\n  outline: none;\n  color: ${(props) => props.theme.colors.neutral[700]};\n  &:focus {\n    outline: none;\n  }\n`;\n\nexport const StyledInputPlaceHolder = styled.div`\n  font-style: italic;\n  color: ${(props) => props.theme.colors.neutral[500]};\n  position: absolute;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  user-select: none;\n  height: 28px;\n`;\n\nexport const StyledInputWidthReference = styled.span`\n  visibility: hidden;\n  position: absolute;\n  top: -9999px;\n`;\n\nexport const StyledInputWrapper = styled.div`\n  position: relative;\n  flex: 1;\n  margin-right: 5px;\n  display: flex;\n  align-items: center;\n`;\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMvB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAM1C,MAAM,yBAAyB,OAAO;AAAA;AAAA,WAElC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS1C,MAAM,4BAA4B,OAAO;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/controls-input/useControlsInput.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/controls-input/useControlsInput.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useContext, useEffect, useMemo, useRef, useCallback, useState } from 'react';\n\nimport { ComboBoxContext } from '../../ComboBoxCTX';\nimport { isSelectedValueEmpty } from '../../utils/listHelper';\n\ninterface UseControlsInputT {\n  handleOnFocus: () => void;\n  handleOnBlur: () => void;\n  handleOnChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  showPlaceholder: string | null | undefined;\n  spanReferenceText: string | undefined;\n  width: number;\n  spanReference: React.Ref<HTMLSpanElement>;\n}\nconst useControlsInput = (): UseControlsInputT => {\n  const {\n    props: { selectedValues, placeholder, onFilter },\n    setShowPopover,\n    setCurrentOption,\n    inputRef,\n    wrapperListRef,\n    setHasFocus,\n    setShowSelectedOptions,\n  } = useContext(ComboBoxContext);\n\n  const [width, setWidth] = useState(1);\n  const spanReference = useRef<HTMLSpanElement>(null);\n\n  useEffect(() => {\n    setWidth(spanReference.current?.offsetWidth || 1);\n  }, [inputRef.current?.value]);\n\n  // When writting open popover\n  // and refresh selected values and update filter outside value.\n  const handleOnChange = useCallback(\n    (e: React.FormEvent<HTMLInputElement>) => {\n      setShowSelectedOptions(false);\n      setShowPopover(true);\n      onFilter(e.currentTarget.value);\n    },\n    [onFilter, setShowPopover, setShowSelectedOptions],\n  );\n\n  const handleOnBlur = useCallback(() => {\n    setHasFocus(false);\n    if (inputRef.current) inputRef.current.value = '';\n\n    setTimeout(() => {\n      if (!wrapperListRef?.current?.contains(document.activeElement)) {\n        setShowPopover(false);\n      }\n      setCurrentOption('');\n      onFilter('');\n    });\n  }, [setHasFocus, setCurrentOption, wrapperListRef, onFilter, inputRef, setShowPopover]);\n\n  const handleOnFocus = useCallback(() => {\n    setHasFocus(true);\n  }, [setHasFocus]);\n\n  const showPlaceholder = !inputRef.current?.value && isSelectedValueEmpty(selectedValues) ? placeholder : null;\n  const spanReferenceText = inputRef.current?.value.replace(/\\s/g, '\\u00a0');\n\n  return useMemo(\n    () => ({\n      handleOnFocus,\n      handleOnBlur,\n      handleOnChange,\n      showPlaceholder,\n      spanReferenceText,\n      width,\n      spanReference,\n    }),\n    [handleOnFocus, handleOnBlur, handleOnChange, spanReferenceText, showPlaceholder, width, spanReference],\n  );\n};\n\nexport { useControlsInput };\n"],
-  "mappings": "AAAA;ACAA;AAEA;AACA;AAWA,MAAM,mBAAmB,MAAyB;AAChD,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,aAAa;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,CAAC,OAAO,YAAY,SAAS;AACnC,QAAM,gBAAgB,OAAwB;AAE9C,YAAU,MAAM;AACd,aAAS,cAAc,SAAS,eAAe;AAAA,KAC9C,CAAC,SAAS,SAAS;AAItB,QAAM,iBAAiB,YACrB,CAAC,MAAyC;AACxC,2BAAuB;AACvB,mBAAe;AACf,aAAS,EAAE,cAAc;AAAA,KAE3B,CAAC,UAAU,gBAAgB;AAG7B,QAAM,eAAe,YAAY,MAAM;AACrC,gBAAY;AACZ,QAAI,SAAS;AAAS,eAAS,QAAQ,QAAQ;AAE/C,eAAW,MAAM;AACf,UAAI,CAAC,gBAAgB,SAAS,SAAS,SAAS,gBAAgB;AAC9D,uBAAe;AAAA;AAEjB,uBAAiB;AACjB,eAAS;AAAA;AAAA,KAEV,CAAC,aAAa,kBAAkB,gBAAgB,UAAU,UAAU;AAEvE,QAAM,gBAAgB,YAAY,MAAM;AACtC,gBAAY;AAAA,KACX,CAAC;AAEJ,QAAM,kBAAkB,CAAC,SAAS,SAAS,SAAS,qBAAqB,kBAAkB,cAAc;AACzG,QAAM,oBAAoB,SAAS,SAAS,MAAM,QAAQ,OAAO;AAEjE,SAAO,QACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,eAAe,cAAc,gBAAgB,mBAAmB,iBAAiB,OAAO;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/dropdown-indicator/DropdownIndicator.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/dropdown-indicator/DropdownIndicator.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable import/no-cycle */\nimport React, { useContext } from 'react';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\nimport { StyledDropDownButton } from './styled';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids';\nconst DropdownIndicator = (): JSX.Element => {\n  const { showPopover } = useContext(ComboBoxContext);\n\n  return (\n    <StyledDropDownButton\n      data-testid={ComboboxDataTestid.DROPDOWN}\n      aria-controls=\"combo-listbox\"\n      aria-labelledby=\"combo-label\"\n      aria-expanded={showPopover}\n      aria-haspopup=\"listbox\"\n      aria-hidden\n      buttonType=\"text\"\n      icon={<ChevronSmallDown />}\n      tabIndex={-1}\n    />\n  );\n};\n\nexport { DropdownIndicator };\nexport default DropdownIndicator;\n"],
-  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA,MAAM,oBAAoB,MAAmB;AAC3C,QAAM,EAAE,gBAAgB,WAAW;AAEnC,SACE,qCAAC,sBAAD;AAAA,IACE,eAAa,mBAAmB;AAAA,IAChC,iBAAc;AAAA,IACd,mBAAgB;AAAA,IAChB,iBAAe;AAAA,IACf,iBAAc;AAAA,IACd,eAAW;AAAA,IACX,YAAW;AAAA,IACX,MAAM,qCAAC,kBAAD;AAAA,IACN,UAAU;AAAA;AAAA;AAMhB,IAAO,4BAAQ;",
-  "names": []
-}

package/esm/controlled-combobox/parts/dropdown-indicator/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": "AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/dropdown-indicator/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/dropdown-indicator/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { DSButton } from '@elliemae/ds-button';\n\nexport const StyledDropDownButton = styled(DSButton)`\n  box-sizing: border-box;\n  width: 100;\n  & svg {\n    fill: ${(props) => props.theme.colors.brand['700']};\n  }\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA,YAI/B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/empty-state/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/empty-state/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\nimport { StyledNoResults, StyledNoResultsWrapper } from './styled';\n\nconst EmptyState = (): JSX.Element => {\n  const {\n    props: { onCreate },\n  } = useContext(ComboBoxContext);\n  return (\n    <StyledNoResultsWrapper id=\"id-no-results\">\n      {/* {onCreate ? (\n        <StyledNoResults>\n          No items match your search, click RETURN at any point to add your unique entry to the field\n        </StyledNoResults>\n      ) : ( */}\n      <StyledNoResults>No matches found</StyledNoResults>\n      {/* )} */}\n    </StyledNoResultsWrapper>\n  );\n};\n\nexport { EmptyState };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,aAAa,MAAmB;AACpC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,MACP,WAAW;AACf,SACE,qCAAC,wBAAD;AAAA,IAAwB,IAAG;AAAA,KAMzB,qCAAC,iBAAD,MAAiB;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/empty-state/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/empty-state/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const StyledNoResultsWrapper = styled.div`\n  padding: 16px;\n`;\n\nexport const StyledNoResults = styled.span``;\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAItC,MAAM,kBAAkB,OAAO;",
-  "names": []
-}

package/esm/controlled-combobox/parts/header-list/HeaderList.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/header-list/HeaderList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-lines */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React, { useContext } from 'react';\nimport { noop } from 'lodash';\nimport { DSControlledCheckbox } from '@elliemae/ds-controlled-form';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\nimport {\n  StyledHeaderListWrapper,\n  StyledButtonSelection,\n  StyledSelectedItems,\n  StyledSelectAllCheckbox,\n  StyledNoOptionsSelected,\n} from './styled';\nimport { CBItemOption } from '../../index.d';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids';\nimport { useHeaderListHandlers } from './useHeaderListHandlers';\nconst HeaderList = (): JSX.Element => {\n  const {\n    props: { onSelectAll, onClearAll, selectedValues },\n    showSelectedOptions,\n    inputRef,\n  } = useContext(ComboBoxContext);\n\n  const isSelectAllSupplied = onSelectAll !== noop;\n  const isClearAllSupplied = onClearAll !== noop;\n\n  const multiSelectedValues = selectedValues as CBItemOption[];\n  const { handleKeyDown, handleOnMouseDown, handleToggle, checkboxStatus, handleSelectAllCheckboxChange } =\n    useHeaderListHandlers();\n\n  return (\n    <StyledHeaderListWrapper onKeyDown={handleKeyDown} onMouseDown={handleOnMouseDown}>\n      <StyledSelectAllCheckbox>\n        {isSelectAllSupplied && isClearAllSupplied && (\n          <DSControlledCheckbox\n            checked={checkboxStatus}\n            ariaControls={checkboxStatus === 'mixed' ? multiSelectedValues.map((item) => item.dsId).join(' ') : ''}\n            name=\"select-all-checkbox\"\n            ariaLabel=\"Select/Unselect All Items\"\n            id=\"select-all-checkbox\"\n            onChange={handleSelectAllCheckboxChange}\n            data-testid={ComboboxDataTestid.SELECT_ALL_CHECKBOX}\n            onBlur={() => {\n              if (multiSelectedValues.length === 0) {\n                setTimeout(() => inputRef.current?.focus());\n              }\n            }}\n          />\n        )}\n      </StyledSelectAllCheckbox>\n      <StyledSelectedItems>\n        {multiSelectedValues.length > 0 ? (\n          <StyledButtonSelection\n            onBlur={() => {\n              setTimeout(() => inputRef.current?.focus());\n            }}\n            buttonType=\"text\"\n            onClick={handleToggle}\n            labelText={!showSelectedOptions ? `SHOW SELECTED [${multiSelectedValues.length}]` : 'SHOW ALL'}\n            size=\"s\"\n            data-testid={ComboboxDataTestid.SHOW_SELECTED_OPTIONS_TOGGLE}\n          />\n        ) : (\n          <StyledNoOptionsSelected>0 SELECTED</StyledNoOptionsSelected>\n        )}\n      </StyledSelectedItems>\n    </StyledHeaderListWrapper>\n  );\n};\n\nexport { HeaderList };\n"],
-  "mappings": "AAAA;ACGA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;AACA,MAAM,aAAa,MAAmB;AACpC,QAAM;AAAA,IACJ,OAAO,EAAE,aAAa,YAAY;AAAA,IAClC;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,sBAAsB,gBAAgB;AAC5C,QAAM,qBAAqB,eAAe;AAE1C,QAAM,sBAAsB;AAC5B,QAAM,EAAE,eAAe,mBAAmB,cAAc,gBAAgB,kCACtE;AAEF,SACE,qCAAC,yBAAD;AAAA,IAAyB,WAAW;AAAA,IAAe,aAAa;AAAA,KAC9D,qCAAC,yBAAD,MACG,uBAAuB,sBACtB,qCAAC,sBAAD;AAAA,IACE,SAAS;AAAA,IACT,cAAc,mBAAmB,UAAU,oBAAoB,IAAI,CAAC,SAAS,KAAK,MAAM,KAAK,OAAO;AAAA,IACpG,MAAK;AAAA,IACL,WAAU;AAAA,IACV,IAAG;AAAA,IACH,UAAU;AAAA,IACV,eAAa,mBAAmB;AAAA,IAChC,QAAQ,MAAM;AACZ,UAAI,oBAAoB,WAAW,GAAG;AACpC,mBAAW,MAAM,SAAS,SAAS;AAAA;AAAA;AAAA,OAM7C,qCAAC,qBAAD,MACG,oBAAoB,SAAS,IAC5B,qCAAC,uBAAD;AAAA,IACE,QAAQ,MAAM;AACZ,iBAAW,MAAM,SAAS,SAAS;AAAA;AAAA,IAErC,YAAW;AAAA,IACX,SAAS;AAAA,IACT,WAAW,CAAC,sBAAsB,kBAAkB,oBAAoB,YAAY;AAAA,IACpF,MAAK;AAAA,IACL,eAAa,mBAAmB;AAAA,OAGlC,qCAAC,yBAAD,MAAyB;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/header-list/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/header-list/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { HeaderList } from './HeaderList';\n"],
-  "mappings": "AAAA;ACAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/header-list/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/header-list/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-len */\nimport styled from 'styled-components';\nimport { css } from '@elliemae/ds-system';\nimport { DSButton } from '@elliemae/ds-button';\n\nexport const StyledHeaderListWrapper = styled.div`\n  display: flex;\n  position: fixed;\n  top: 0;\n  z-index: 10;\n  justify-content: space-between;\n  padding: 0px 12px 0px 16px;\n  width: 100%;\n  height: 28px;\n  background-color: #fff;\n  box-shadow: 0 4px 2px -4px ${(props) => props.theme.colors.neutral[700]};\n  overflow-x: hidden;\n\n  & button {\n    font-size: 13px;\n  }\n`;\n\nexport const StyledButtonSelection = styled(DSButton)`\n  border-radius: 0px;\n  padding: 0 ${(props) => props.theme.space.xxs};\n  margin: 0;\n  align-items: center;\n  transition: unset;\n  &:hover:not([disabled]) {\n    background-color: transparent;\n    color: ${(props) => props.theme.colors.brand['700']};\n  }\n`;\n\nexport const StyledSelectedItems = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledNoOptionsSelected = styled.div`\n  padding: 0 ${(props) => props.theme.space.xxs};\n`;\n\nexport const StyledSelectAllCheckbox = styled.div`\n  display: flex;\n  align-items: center;\n`;\n"],
-  "mappings": "AAAA;ACCA;AAEA;AAEO,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAUf,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ9D,MAAM,wBAAwB,OAAO;AAAA;AAAA,eAE7B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAM/B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAI1C,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAKnC,MAAM,0BAA0B,OAAO;AAAA,eAC/B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGrC,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/header-list/useHeaderListHandlers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/header-list/useHeaderListHandlers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo, useState, useEffect, useContext, useCallback } from 'react';\nimport { CBItemOption } from '../../index.d';\nimport { getSelectableOptions } from '../../utils/listHelper';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\n\ninterface UseHeaderListHandlersT {\n  handleKeyDown: (e: React.KeyboardEvent) => void;\n  handleToggle: () => void;\n  handleOnMouseDown: (e: React.MouseEvent) => void;\n  handleSelectAllCheckboxChange: () => void;\n  checkboxStatus: boolean | 'mixed';\n}\n\nconst useHeaderListHandlers = (): UseHeaderListHandlersT => {\n  const {\n    props: { onFilter, selectedValues, options, onSelectAll, onClearAll },\n    inputRef,\n    showSelectedOptions,\n    setShowSelectedOptions,\n    setShowPopover,\n  } = useContext(ComboBoxContext);\n\n  const multiSelectedValues = selectedValues as CBItemOption[];\n  const selectableOptions = getSelectableOptions(options);\n\n  const checkboxStatus = useMemo(() => {\n    if (selectableOptions?.length === multiSelectedValues?.length) {\n      return true;\n    }\n    if (multiSelectedValues?.length === 0) {\n      return false;\n    }\n    return 'mixed';\n  }, [multiSelectedValues, selectableOptions]);\n\n  const handleOnMouseDown = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n  }, []);\n\n  const handleSelectAllCheckboxChange = useCallback(() => {\n    if (!checkboxStatus || checkboxStatus === 'mixed') {\n      onSelectAll();\n    } else {\n      onClearAll();\n    }\n  }, [checkboxStatus, onSelectAll, onClearAll]);\n\n  const handleToggle = useCallback(() => {\n    if (inputRef.current) inputRef.current.value = '';\n    onFilter('');\n    setShowSelectedOptions(!showSelectedOptions);\n  }, [setShowSelectedOptions, inputRef, onFilter, showSelectedOptions]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        setShowPopover(false);\n      }\n    },\n    [setShowPopover],\n  );\n\n  useEffect(() => {\n    if (multiSelectedValues.length === 0) {\n      setShowSelectedOptions(false);\n    }\n  }, [multiSelectedValues, setShowSelectedOptions]);\n\n  return useMemo(\n    () => ({\n      handleKeyDown,\n      handleToggle,\n      handleOnMouseDown,\n      handleSelectAllCheckboxChange,\n      checkboxStatus,\n    }),\n    [handleKeyDown, handleToggle, handleOnMouseDown, checkboxStatus, handleSelectAllCheckboxChange],\n  );\n};\n\nexport { useHeaderListHandlers };\n"],
-  "mappings": "AAAA;ACAA;AAEA;AACA;AAUA,MAAM,wBAAwB,MAA8B;AAC1D,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU,gBAAgB,SAAS,aAAa;AAAA,IACzD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,sBAAsB;AAC5B,QAAM,oBAAoB,qBAAqB;AAE/C,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,mBAAmB,WAAW,qBAAqB,QAAQ;AAC7D,aAAO;AAAA;AAET,QAAI,qBAAqB,WAAW,GAAG;AACrC,aAAO;AAAA;AAET,WAAO;AAAA,KACN,CAAC,qBAAqB;AAEzB,QAAM,oBAAoB,YAAY,CAAC,MAAwB;AAC7D,MAAE;AAAA,KACD;AAEH,QAAM,gCAAgC,YAAY,MAAM;AACtD,QAAI,CAAC,kBAAkB,mBAAmB,SAAS;AACjD;AAAA,WACK;AACL;AAAA;AAAA,KAED,CAAC,gBAAgB,aAAa;AAEjC,QAAM,eAAe,YAAY,MAAM;AACrC,QAAI,SAAS;AAAS,eAAS,QAAQ,QAAQ;AAC/C,aAAS;AACT,2BAAuB,CAAC;AAAA,KACvB,CAAC,wBAAwB,UAAU,UAAU;AAEhD,QAAM,gBAAgB,YACpB,CAAC,MAA2B;AAC1B,QAAI,EAAE,QAAQ,UAAU;AACtB,qBAAe;AAAA;AAAA,KAGnB,CAAC;AAGH,YAAU,MAAM;AACd,QAAI,oBAAoB,WAAW,GAAG;AACpC,6BAAuB;AAAA;AAAA,KAExB,CAAC,qBAAqB;AAEzB,SAAO,QACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,eAAe,cAAc,mBAAmB,gBAAgB;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/menu-list/MenuList.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/menu-list/MenuList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo, useCallback } from 'react';\nimport { noop } from 'lodash';\n\nimport { StyledListWrapper, StyledList, StyledVirtualListWrapper } from './styled';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\nimport { HeaderList } from '../header-list';\nimport { useOnElementResize } from '../../utils/hooks/useOnElementResize';\nimport { EmptyState } from '../empty-state';\nimport { useItemRenderer } from './useItemRenderer';\nimport { useMenuList } from './useMenuList';\n\nconst MenuList = (): JSX.Element => {\n  const {\n    props: { menuMinWidth, menuMaxHeight, onCreate, inline, options, selectedValues },\n    referenceElement,\n    inputRef,\n    listRef,\n    showPopover,\n    wrapperListRef,\n    controlsWrapperRef,\n    virtualListHelpers,\n  } = useContext(ComboBoxContext);\n\n  const { totalSize } = virtualListHelpers;\n\n  const isOnCreatedSupplied = onCreate !== noop;\n  const multiple = Array.isArray(selectedValues);\n  const withHeader = !inline && multiple && options.length > 0 && inputRef.current?.value === '';\n  const ItemRenderer = useItemRenderer();\n  useMenuList();\n  const { width } = useOnElementResize(controlsWrapperRef);\n\n  const listWidth = useMemo(\n    () => (menuMinWidth as number) || `${referenceElement?.offsetWidth as number}`,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [menuMinWidth, referenceElement, width],\n  );\n\n  const handleOnFocus = useCallback(() => {\n    // inputRef.current?.focus();\n  }, [inputRef]);\n\n  return (\n    <StyledListWrapper\n      ref={wrapperListRef}\n      inline={inline}\n      onMouseDown={(e) => e.preventDefault()}\n      minWidth={listWidth}\n    >\n      {withHeader && <HeaderList />}\n      {options.length > 0 || isOnCreatedSupplied ? (\n        <StyledVirtualListWrapper\n          inline={inline}\n          maxHeight={menuMaxHeight as number}\n          ref={listRef}\n          withHeader={withHeader}\n        >\n          <StyledList\n            id=\"combo-listbox\"\n            role=\"listbox\"\n            tabIndex={-1}\n            aria-expanded={showPopover}\n            onFocus={handleOnFocus}\n            data-testid={ComboboxDataTestid.LIST}\n            style={{ height: totalSize, margin: inline ? '0px' : '8px 0px' }}\n          >\n            {ItemRenderer}\n          </StyledList>\n        </StyledVirtualListWrapper>\n      ) : (\n        <EmptyState />\n      )}\n    </StyledListWrapper>\n  );\n};\n\nexport { MenuList };\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,WAAW,MAAmB;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,cAAc,eAAe,UAAU,QAAQ,SAAS;AAAA,IACjE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,EAAE,cAAc;AAEtB,QAAM,sBAAsB,aAAa;AACzC,QAAM,WAAW,MAAM,QAAQ;AAC/B,QAAM,aAAa,CAAC,UAAU,YAAY,QAAQ,SAAS,KAAK,SAAS,SAAS,UAAU;AAC5F,QAAM,eAAe;AACrB;AACA,QAAM,EAAE,UAAU,mBAAmB;AAErC,QAAM,YAAY,QAChB,MAAO,gBAA2B,GAAG,kBAAkB,eAEvD,CAAC,cAAc,kBAAkB;AAGnC,QAAM,gBAAgB,YAAY,MAAM;AAAA,KAErC,CAAC;AAEJ,SACE,qCAAC,mBAAD;AAAA,IACE,KAAK;AAAA,IACL;AAAA,IACA,aAAa,CAAC,MAAM,EAAE;AAAA,IACtB,UAAU;AAAA,KAET,cAAc,qCAAC,YAAD,OACd,QAAQ,SAAS,KAAK,sBACrB,qCAAC,0BAAD;AAAA,IACE;AAAA,IACA,WAAW;AAAA,IACX,KAAK;AAAA,IACL;AAAA,KAEA,qCAAC,YAAD;AAAA,IACE,IAAG;AAAA,IACH,MAAK;AAAA,IACL,UAAU;AAAA,IACV,iBAAe;AAAA,IACf,SAAS;AAAA,IACT,eAAa,mBAAmB;AAAA,IAChC,OAAO,EAAE,QAAQ,WAAW,QAAQ,SAAS,QAAQ;AAAA,KAEpD,iBAIL,qCAAC,YAAD;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/menu-list/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/menu-list/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { MenuList } from './MenuList';\n"],
-  "mappings": "AAAA;ACAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/menu-list/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/menu-list/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const StyledListWrapper = styled.div<{ inline: boolean | undefined; minWidth: string | number }>`\n  min-width: ${(props) => (props.inline ? '100%' : `${props.minWidth}px`)};\n`;\n\nexport const StyledList = styled.ul`\n  position: relative;\n  padding: 0;\n`;\n\nexport const StyledVirtualListWrapper = styled.div<{\n  inline: boolean | undefined;\n  maxHeight: number;\n  withHeader: boolean;\n}>`\n  overflow-y: auto;\n  margin-top: ${({ withHeader }) => (withHeader ? '28px' : '')};\n\n  max-height: ${({ maxHeight }) => (!maxHeight ? '400px' : `${maxHeight}px`)};\n`;\n\nexport const StyledCreatableLabel = styled.span`\n  font-weight: bold;\n  font-style: italic;\n`;\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,oBAAoB,OAAO;AAAA,eACzB,CAAC,UAAW,MAAM,SAAS,SAAS,GAAG,MAAM;AAAA;AAGrD,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAK1B,MAAM,2BAA2B,OAAO;AAAA;AAAA,gBAM/B,CAAC,EAAE,iBAAkB,aAAa,SAAS;AAAA;AAAA,gBAE3C,CAAC,EAAE,gBAAiB,CAAC,YAAY,UAAU,GAAG;AAAA;AAGvD,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/menu-list/useItemRenderer.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/menu-list/useItemRenderer.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useMemo, useContext, useCallback } from 'react';\nimport { VirtualItem } from 'react-virtual';\nimport { Grid } from '@elliemae/ds-grid';\nimport { SingleMenuItem, MultiMenuItem, Section, Separator } from '@elliemae/ds-form';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\nimport { StyledCreatableLabel } from './styled';\nimport { isSelected } from '../../utils/listHelper';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids';\nimport { CBOptionT } from '../../index.d';\n\nconst useItemRenderer = (): Array<React.ReactNode> => {\n  const {\n    props: { options, onCreate, onChange, selectedValues, onFilter },\n    inputRef,\n    setShowPopover,\n    focusOptionIdx,\n    virtualListHelpers,\n  } = useContext(ComboBoxContext);\n\n  const { virtualItems }: { virtualItems: VirtualItem[] } = virtualListHelpers;\n  const multiple = Array.isArray(selectedValues);\n  const CBItem = multiple ? MultiMenuItem : SingleMenuItem;\n\n  const handleClick = useCallback(\n    (option: CBOptionT, e: Event) => {\n      if (option.type === 'creatable') {\n        if (inputRef.current) {\n          onCreate(inputRef.current.value);\n          inputRef.current.value = '';\n          onFilter('');\n        }\n        return;\n      }\n      if (!multiple) {\n        setShowPopover(false);\n        if (inputRef.current) inputRef.current.value = '';\n      } else if (inputRef.current) {\n        onFilter(inputRef.current.value);\n      }\n      onChange(option);\n      e.stopPropagation();\n      e.preventDefault();\n    },\n    [onFilter, onChange, setShowPopover, multiple, inputRef],\n  );\n\n  const handleOnMouseDown = useCallback((e: React.MouseEvent<HTMLLIElement>) => {\n    e.preventDefault();\n  }, []);\n\n  const ItemRenderer = useMemo(\n    (): Array<React.ReactNode> =>\n      virtualItems.map((vItem) => {\n        const option = options[vItem.index];\n        const generalProps = {\n          wrapperStyles: { position: 'absolute', top: vItem.start, left: 0, width: '100%' },\n          key: `${option.dsId}`,\n          innerRef: vItem.measureRef,\n        };\n        if (option.type === 'section') {\n          return <Section label={option.label} {...generalProps} />;\n        }\n        if (option.type === 'separator') {\n          return <Separator {...generalProps} />;\n        }\n        if (option.type === 'option') {\n          return (\n            <CBItem\n              {...generalProps}\n              value={option.value}\n              label={option.label}\n              dataTestid={ComboboxDataTestid.OPTION}\n              disabled={option.disabled}\n              onClick={(e: Event) => handleClick(option, e)}\n              onMouseDown={handleOnMouseDown}\n              isActive={option.dsId === focusOptionIdx}\n              isSelected={isSelected(selectedValues, option)}\n              tabIndex={-1}\n            />\n          );\n        }\n        if (option.type === 'creatable') {\n          return (\n            <SingleMenuItem\n              dataTestid={ComboboxDataTestid.OPTION}\n              isActive={option.dsId === focusOptionIdx}\n              {...generalProps}\n              render={({ label }) => (\n                <Grid cols={['min-content', 'auto']} height=\"16px\" gutter=\"xxs\" alignItems=\"center\">\n                  <StyledCreatableLabel>Add:</StyledCreatableLabel>\n                  <span>{label}</span>\n                </Grid>\n              )}\n              label={option.label}\n              onClick={(e: Event) => handleClick(option, e)}\n            />\n          );\n        }\n        return <></>;\n      }),\n    [options, focusOptionIdx, selectedValues, inputRef, virtualItems],\n  );\n\n  return ItemRenderer;\n};\n\nexport { useItemRenderer };\n"],
-  "mappings": "AAAA;ACCA;AAEA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,kBAAkB,MAA8B;AACpD,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,UAAU,UAAU,gBAAgB;AAAA,IACtD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,EAAE,iBAAkD;AAC1D,QAAM,WAAW,MAAM,QAAQ;AAC/B,QAAM,SAAS,WAAW,gBAAgB;AAE1C,QAAM,cAAc,YAClB,CAAC,QAAmB,MAAa;AAC/B,QAAI,OAAO,SAAS,aAAa;AAC/B,UAAI,SAAS,SAAS;AACpB,iBAAS,SAAS,QAAQ;AAC1B,iBAAS,QAAQ,QAAQ;AACzB,iBAAS;AAAA;AAEX;AAAA;AAEF,QAAI,CAAC,UAAU;AACb,qBAAe;AACf,UAAI,SAAS;AAAS,iBAAS,QAAQ,QAAQ;AAAA,eACtC,SAAS,SAAS;AAC3B,eAAS,SAAS,QAAQ;AAAA;AAE5B,aAAS;AACT,MAAE;AACF,MAAE;AAAA,KAEJ,CAAC,UAAU,UAAU,gBAAgB,UAAU;AAGjD,QAAM,oBAAoB,YAAY,CAAC,MAAuC;AAC5E,MAAE;AAAA,KACD;AAEH,QAAM,eAAe,QACnB,MACE,aAAa,IAAI,CAAC,UAAU;AAC1B,UAAM,SAAS,QAAQ,MAAM;AAC7B,UAAM,eAAe;AAAA,MACnB,eAAe,EAAE,UAAU,YAAY,KAAK,MAAM,OAAO,MAAM,GAAG,OAAO;AAAA,MACzE,KAAK,GAAG,OAAO;AAAA,MACf,UAAU,MAAM;AAAA;AAElB,QAAI,OAAO,SAAS,WAAW;AAC7B,aAAO,qCAAC,SAAD;AAAA,QAAS,OAAO,OAAO;AAAA,WAAW;AAAA;AAAA;AAE3C,QAAI,OAAO,SAAS,aAAa;AAC/B,aAAO,qCAAC,WAAD;AAAA,WAAe;AAAA;AAAA;AAExB,QAAI,OAAO,SAAS,UAAU;AAC5B,aACE,qCAAC,QAAD;AAAA,WACM;AAAA,QACJ,OAAO,OAAO;AAAA,QACd,OAAO,OAAO;AAAA,QACd,YAAY,mBAAmB;AAAA,QAC/B,UAAU,OAAO;AAAA,QACjB,SAAS,CAAC,MAAa,YAAY,QAAQ;AAAA,QAC3C,aAAa;AAAA,QACb,UAAU,OAAO,SAAS;AAAA,QAC1B,YAAY,WAAW,gBAAgB;AAAA,QACvC,UAAU;AAAA;AAAA;AAIhB,QAAI,OAAO,SAAS,aAAa;AAC/B,aACE,qCAAC,gBAAD;AAAA,QACE,YAAY,mBAAmB;AAAA,QAC/B,UAAU,OAAO,SAAS;AAAA,WACtB;AAAA,QACJ,QAAQ,CAAC,EAAE,YACT,qCAAC,MAAD;AAAA,UAAM,MAAM,CAAC,eAAe;AAAA,UAAS,QAAO;AAAA,UAAO,QAAO;AAAA,UAAM,YAAW;AAAA,WACzE,qCAAC,sBAAD,MAAsB,SACtB,qCAAC,QAAD,MAAO;AAAA,QAGX,OAAO,OAAO;AAAA,QACd,SAAS,CAAC,MAAa,YAAY,QAAQ;AAAA;AAAA;AAIjD,WAAO;AAAA,MAEX,CAAC,SAAS,gBAAgB,gBAAgB,UAAU;AAGtD,SAAO;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/menu-list/useMenuList.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/menu-list/useMenuList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useEffect, useContext } from 'react';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\nimport type { CBItemOption } from '../../index.d';\n\nconst useMenuList = (): void => {\n  const {\n    props: { inline, selectedValues, onMenuOpen, options },\n    inputRef,\n    setCurrentOption,\n    scrollOptionIntoView,\n    hasFocus,\n    showPopover,\n  } = useContext(ComboBoxContext);\n\n  useEffect(() => {\n    const getFirstOption = () => {\n      for (let i = 0; i < options.length; i += 1)\n        if (!['section', 'separator'].includes(options[i].type)) {\n          setCurrentOption(options[i].dsId);\n          break;\n        }\n    };\n    if (showPopover || inline) {\n      if (onMenuOpen) onMenuOpen();\n      if (inputRef.current?.value !== '') {\n        getFirstOption();\n      } else if (Array.isArray(selectedValues)) {\n        const multiSelectedValues = selectedValues as CBItemOption[];\n        if (multiSelectedValues.length > 0) {\n          setCurrentOption(multiSelectedValues[multiSelectedValues.length - 1].dsId);\n          scrollOptionIntoView(multiSelectedValues[multiSelectedValues.length - 1].dsId);\n        } else {\n          getFirstOption();\n        }\n      } else {\n        const singleSelectedValue = selectedValues as CBItemOption;\n        if (singleSelectedValue) {\n          setCurrentOption(selectedValues.dsId);\n          scrollOptionIntoView(selectedValues.dsId);\n        } else {\n          getFirstOption();\n        }\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [showPopover, inline, hasFocus, inputRef.current?.value]);\n};\n\nexport { useMenuList };\n"],
-  "mappings": "AAAA;ACAA;AACA;AAGA,MAAM,cAAc,MAAY;AAC9B,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ,gBAAgB,YAAY;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,YAAU,MAAM;AACd,UAAM,iBAAiB,MAAM;AAC3B,eAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK;AACvC,YAAI,CAAC,CAAC,WAAW,aAAa,SAAS,QAAQ,GAAG,OAAO;AACvD,2BAAiB,QAAQ,GAAG;AAC5B;AAAA;AAAA;AAGN,QAAI,eAAe,QAAQ;AACzB,UAAI;AAAY;AAChB,UAAI,SAAS,SAAS,UAAU,IAAI;AAClC;AAAA,iBACS,MAAM,QAAQ,iBAAiB;AACxC,cAAM,sBAAsB;AAC5B,YAAI,oBAAoB,SAAS,GAAG;AAClC,2BAAiB,oBAAoB,oBAAoB,SAAS,GAAG;AACrE,+BAAqB,oBAAoB,oBAAoB,SAAS,GAAG;AAAA,eACpE;AACL;AAAA;AAAA,aAEG;AACL,cAAM,sBAAsB;AAC5B,YAAI,qBAAqB;AACvB,2BAAiB,eAAe;AAChC,+BAAqB,eAAe;AAAA,eAC/B;AACL;AAAA;AAAA;AAAA;AAAA,KAKL,CAAC,aAAa,QAAQ,UAAU,SAAS,SAAS;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/multi-selected-values-container/MultiSelectedValuesContainer.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/multi-selected-values-container/MultiSelectedValuesContainer.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo, useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\nimport { useGroupPills } from './useGroupPills';\nimport { CBItemOption } from '../../index.d';\nimport { MultiAllyMessages } from '../a11y-messages';\nconst MultiSelectedValuesContainer = (): JSX.Element => {\n  const {\n    props: { selectedValues },\n    inputRef,\n    pillGroupRef,\n  } = useContext(ComboBoxContext);\n\n  const multiSelectedValue = selectedValues as CBItemOption[];\n  const pillsToShow = useGroupPills();\n  const correctPillsToShow = pillsToShow || 1;\n\n  const pills = useMemo(\n    () => (\n      <Grid style={{ width: 'max-content' }}>\n        <DSPillGroupV2 innerRef={pillGroupRef}>\n          {multiSelectedValue.length > 0 &&\n            multiSelectedValue\n              .slice(0, correctPillsToShow)\n              .map((option) => <DSPillV2 size=\"s\" key={option.value} label={option.label} type=\"value\" />)}\n          {multiSelectedValue.length > 0 && correctPillsToShow !== multiSelectedValue.length && (\n            <DSPillV2\n              size=\"s\"\n              labelTruncated={false}\n              key=\"grouped\"\n              label={`+${multiSelectedValue.length - correctPillsToShow}`}\n              type=\"value\"\n            />\n          )}\n        </DSPillGroupV2>\n      </Grid>\n    ),\n\n    [pillGroupRef, multiSelectedValue, correctPillsToShow],\n  );\n\n  return (\n    <>\n      {multiSelectedValue.length > 0 && !inputRef.current?.value && <MultiAllyMessages />}\n      {pills}\n    </>\n  );\n};\n\nexport { MultiSelectedValuesContainer };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA;AACA,MAAM,+BAA+B,MAAmB;AACtD,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,qBAAqB;AAC3B,QAAM,cAAc;AACpB,QAAM,qBAAqB,eAAe;AAE1C,QAAM,QAAQ,QACZ,MACE,qCAAC,MAAD;AAAA,IAAM,OAAO,EAAE,OAAO;AAAA,KACpB,qCAAC,eAAD;AAAA,IAAe,UAAU;AAAA,KACtB,mBAAmB,SAAS,KAC3B,mBACG,MAAM,GAAG,oBACT,IAAI,CAAC,WAAW,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAI,KAAK,OAAO;AAAA,IAAO,OAAO,OAAO;AAAA,IAAO,MAAK;AAAA,OACpF,mBAAmB,SAAS,KAAK,uBAAuB,mBAAmB,UAC1E,qCAAC,UAAD;AAAA,IACE,MAAK;AAAA,IACL,gBAAgB;AAAA,IAChB,KAAI;AAAA,IACJ,OAAO,IAAI,mBAAmB,SAAS;AAAA,IACvC,MAAK;AAAA,QAOf,CAAC,cAAc,oBAAoB;AAGrC,SACE,4DACG,mBAAmB,SAAS,KAAK,CAAC,SAAS,SAAS,SAAS,qCAAC,mBAAD,OAC7D;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/multi-selected-values-container/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/multi-selected-values-container/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { MultiSelectedValuesContainer } from './MultiSelectedValuesContainer';\n"],
-  "mappings": "AAAA;ACAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/multi-selected-values-container/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/multi-selected-values-container/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const StyledGroupedPillPopoverContent = styled.div`\n  padding: 10px;\n  background-color: #fff;\n`;\n\nexport const StyledGroupPillWrapper = styled.div``;\n\nexport const StyledA11ySelectedValues = styled.span`\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  clip: rect(1px, 1px, 1px, 1px);\n`;\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,kCAAkC,OAAO;AAAA;AAAA;AAAA;AAK/C,MAAM,yBAAyB,OAAO;AAEtC,MAAM,2BAA2B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/multi-selected-values-container/useGroupPills.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/multi-selected-values-container/useGroupPills.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useContext, useEffect, useState, useLayoutEffect } from 'react';\nimport { useOnElementResize } from '../../utils/hooks/useOnElementResize';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\nimport { CBItemOption } from '../../index.d';\n\nconst getGroupedPillWidth = (remainingPills: number): number => {\n  if (remainingPills === 0) return 0;\n  const digits = remainingPills.toString().length;\n  return 8 * (digits - 1) + 31;\n};\nconst useGroupPills = (): number => {\n  const {\n    props: { selectedValues },\n    inputRef,\n    selectedOptionsRef,\n    controlsWrapperRef,\n    pillGroupRef,\n  } = useContext(ComboBoxContext);\n\n  const multiSelectedValues = selectedValues as CBItemOption[];\n  const [pillsToShow, setPillsToShow] = useState(multiSelectedValues.length);\n  const { width } = useOnElementResize(controlsWrapperRef);\n  const { width: widthInput } = useOnElementResize(inputRef || null);\n  useEffect(() => {\n    if (multiSelectedValues.length !== pillsToShow) {\n      setPillsToShow(multiSelectedValues.length);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [multiSelectedValues.length, width, widthInput]);\n\n  useLayoutEffect(() => {\n    if (selectedOptionsRef.current) {\n      if (pillGroupRef.current) pillGroupRef.current.style.width = 'max-content';\n      let lastPillFit = -1;\n      let currentWidth = 0;\n      const referenceWidth = selectedOptionsRef.current.offsetWidth;\n      const pills: HTMLDivElement[] = [\n        ...selectedOptionsRef.current.querySelectorAll('.ds-pill-wrapper-value'),\n      ] as HTMLDivElement[];\n      const pillsWidth = pills.map((pill) => pill?.offsetWidth);\n      pillsWidth.forEach((pillWidth, idx) => {\n        currentWidth += pillWidth;\n        if (currentWidth + getGroupedPillWidth(multiSelectedValues.length - idx - 1) <= referenceWidth) {\n          lastPillFit = idx;\n        }\n      });\n      if (!(multiSelectedValues.length > 0 && pillsToShow !== multiSelectedValues.length)) {\n        const nextPillsToShow = lastPillFit + 1;\n\n        if (nextPillsToShow !== pillsToShow) {\n          setPillsToShow(nextPillsToShow);\n        }\n      }\n\n      if (pillGroupRef.current) pillGroupRef.current.style.width = 'fit-content';\n    }\n  }, [selectedOptionsRef, inputRef, multiSelectedValues, pillsToShow, pillGroupRef, width, widthInput]);\n\n  return pillsToShow;\n};\n\nexport { useGroupPills };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAGA,MAAM,sBAAsB,CAAC,mBAAmC;AAC9D,MAAI,mBAAmB;AAAG,WAAO;AACjC,QAAM,SAAS,eAAe,WAAW;AACzC,SAAO,IAAK,UAAS,KAAK;AAAA;AAE5B,MAAM,gBAAgB,MAAc;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,sBAAsB;AAC5B,QAAM,CAAC,aAAa,kBAAkB,SAAS,oBAAoB;AACnE,QAAM,EAAE,UAAU,mBAAmB;AACrC,QAAM,EAAE,OAAO,eAAe,mBAAmB,YAAY;AAC7D,YAAU,MAAM;AACd,QAAI,oBAAoB,WAAW,aAAa;AAC9C,qBAAe,oBAAoB;AAAA;AAAA,KAGpC,CAAC,oBAAoB,QAAQ,OAAO;AAEvC,kBAAgB,MAAM;AACpB,QAAI,mBAAmB,SAAS;AAC9B,UAAI,aAAa;AAAS,qBAAa,QAAQ,MAAM,QAAQ;AAC7D,UAAI,cAAc;AAClB,UAAI,eAAe;AACnB,YAAM,iBAAiB,mBAAmB,QAAQ;AAClD,YAAM,QAA0B;AAAA,QAC9B,GAAG,mBAAmB,QAAQ,iBAAiB;AAAA;AAEjD,YAAM,aAAa,MAAM,IAAI,CAAC,SAAS,MAAM;AAC7C,iBAAW,QAAQ,CAAC,WAAW,QAAQ;AACrC,wBAAgB;AAChB,YAAI,eAAe,oBAAoB,oBAAoB,SAAS,MAAM,MAAM,gBAAgB;AAC9F,wBAAc;AAAA;AAAA;AAGlB,UAAI,CAAE,qBAAoB,SAAS,KAAK,gBAAgB,oBAAoB,SAAS;AACnF,cAAM,kBAAkB,cAAc;AAEtC,YAAI,oBAAoB,aAAa;AACnC,yBAAe;AAAA;AAAA;AAInB,UAAI,aAAa;AAAS,qBAAa,QAAQ,MAAM,QAAQ;AAAA;AAAA,KAE9D,CAAC,oBAAoB,UAAU,qBAAqB,aAAa,cAAc,OAAO;AAEzF,SAAO;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/single-selected-value-container/SingleSelectedValueContainer.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/single-selected-value-container/SingleSelectedValueContainer.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nimport { CBItemOption } from '../../index.d';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\n\nimport { StyledSingleSelectedValue } from './styled';\nconst SingleSelectedValueContainer = (): JSX.Element => {\n  const {\n    props: { selectedValues },\n    showSelectedValue,\n  } = useContext(ComboBoxContext);\n\n  const singleSelectedValue = selectedValues as CBItemOption;\n  return (\n    <StyledSingleSelectedValue>\n      {showSelectedValue ? <SimpleTruncatedTooltipText value={singleSelectedValue?.label} /> : null}\n    </StyledSingleSelectedValue>\n  );\n};\n\nexport { SingleSelectedValueContainer };\n"],
-  "mappings": "AAAA;ACAA;AACA;AAGA;AAEA;AACA,MAAM,+BAA+B,MAAmB;AACtD,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,MACE,WAAW;AAEf,QAAM,sBAAsB;AAC5B,SACE,qCAAC,2BAAD,MACG,oBAAoB,qCAAC,4BAAD;AAAA,IAA4B,OAAO,qBAAqB;AAAA,OAAY;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/single-selected-value-container/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/single-selected-value-container/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { SingleSelectedValueContainer } from './SingleSelectedValueContainer';\n"],
-  "mappings": "AAAA;ACAA;",
-  "names": []
-}

package/esm/controlled-combobox/parts/single-selected-value-container/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/parts/single-selected-value-container/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const StyledSingleSelectedValue = styled.div`\n  width: 100%;\n  display: flex;\n  align-items: center;\n`;\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,4BAA4B,OAAO;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/propTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/controlled-combobox/propTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  placeholder: PropTypes.string.description('input s placeholder value').defaultValue(''),\n  options: PropTypes.oneOfType([PropTypes.array, PropTypes.object]).description('List of options').defaultValue([]),\n  selectedValues: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.object), PropTypes.object]).description(\n    'Array of option or single option selected',\n  ),\n  autoFocus: PropTypes.bool.description('Whether the combo box uses auto focus or not').defaultValue('false'),\n  hasError: PropTypes.bool.description('Whether the combo box has error or not').defaultValue('false'),\n  onChange: PropTypes.func\n    .description('function triggered when an option is selected it will send the options selected')\n    .defaultValue(''),\n  onSelectAll: PropTypes.func\n    .description('function triggered when ALL button is selected from the header menu list')\n    .defaultValue(''),\n  onFilter: PropTypes.func.description('function triggered when user type in the combobox input').defaultValue(''),\n  onCreate: PropTypes.func\n    .description(\n      'function triggered when user select \"create\" a new item whenever is not a match in the all option list',\n    )\n    .defaultValue(''),\n  onClearAll: PropTypes.func\n    .description('function triggered when user select CLEAR button from the header menu list')\n    .defaultValue(''),\n  onCancel: PropTypes.func.description('function triggered when user press ESC key').defaultValue(''),\n  onMenuOpen: PropTypes.func.description('function triggered when user open the menu list').defaultValue(''),\n  inputMinWidth: PropTypes.any.description('Minimum width for the combo box input controller').defaultValue(undefined),\n  menuMinWidth: PropTypes.any.description('Minimum width for the dropdown menu').defaultValue(undefined),\n  menuMaxHeight: PropTypes.any.description('Maximum height for the dropdown menu').defaultValue(undefined),\n  withToggle: PropTypes.bool.description('POC purpose this prop will not remain').defaultValue('false'),\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,YAAY;AAAA,EACvB,aAAa,UAAU,OAAO,YAAY,6BAA6B,aAAa;AAAA,EACpF,SAAS,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,SAAS,YAAY,mBAAmB,aAAa;AAAA,EAC9G,gBAAgB,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,UAAU,SAAS,YAC3F;AAAA,EAEF,WAAW,UAAU,KAAK,YAAY,gDAAgD,aAAa;AAAA,EACnG,UAAU,UAAU,KAAK,YAAY,0CAA0C,aAAa;AAAA,EAC5F,UAAU,UAAU,KACjB,YAAY,mFACZ,aAAa;AAAA,EAChB,aAAa,UAAU,KACpB,YAAY,4EACZ,aAAa;AAAA,EAChB,UAAU,UAAU,KAAK,YAAY,2DAA2D,aAAa;AAAA,EAC7G,UAAU,UAAU,KACjB,YACC,0GAED,aAAa;AAAA,EAChB,YAAY,UAAU,KACnB,YAAY,8EACZ,aAAa;AAAA,EAChB,UAAU,UAAU,KAAK,YAAY,8CAA8C,aAAa;AAAA,EAChG,YAAY,UAAU,KAAK,YAAY,mDAAmD,aAAa;AAAA,EACvG,eAAe,UAAU,IAAI,YAAY,oDAAoD,aAAa;AAAA,EAC1G,cAAc,UAAU,IAAI,YAAY,uCAAuC,aAAa;AAAA,EAC5F,eAAe,UAAU,IAAI,YAAY,wCAAwC,aAAa;AAAA,EAC9F,YAAY,UAAU,KAAK,YAAY,yCAAyC,aAAa;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/tests/utils.js

@@ -1,61 +0,0 @@
-import * as React from "react";
-const basicOptions = [
-  {
-    dsId: "1",
-    type: "option",
-    value: "id_1",
-    label: "Luke Skywalker too long this text is super long"
-  },
-  {
-    dsId: "2",
-    type: "option",
-    value: "id_2",
-    label: "Obi-Wan Kenobi"
-  },
-  {
-    dsId: "3",
-    type: "option",
-    value: "id_3",
-    label: "Padme Amidala"
-  },
-  {
-    dsId: "4",
-    type: "option",
-    value: "id_4",
-    label: "Harry Potter"
-  }
-];
-const groupedOptions = [
-  {
-    dsId: "1",
-    type: "option",
-    value: "id_1",
-    label: "Luke Skywalker too long this text is super long"
-  },
-  {
-    dsId: "2",
-    type: "option",
-    value: "id_2",
-    label: "Obi-Wan Kenobi"
-  },
-  {
-    dsId: "separator",
-    type: "separator"
-  },
-  {
-    dsId: "section",
-    type: "section",
-    label: "Group A"
-  },
-  {
-    dsId: "3",
-    type: "option",
-    value: "id_3",
-    label: "Padme Amidala"
-  }
-];
-export {
-  basicOptions,
-  groupedOptions
-};
-//# sourceMappingURL=utils.js.map

package/esm/controlled-combobox/tests/utils.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/controlled-combobox/tests/utils.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const basicOptions = [\n  {\n    dsId: '1',\n    type: 'option',\n    value: 'id_1',\n    label: 'Luke Skywalker too long this text is super long',\n  },\n  {\n    dsId: '2',\n    type: 'option',\n    value: 'id_2',\n    label: 'Obi-Wan Kenobi',\n  },\n  {\n    dsId: '3',\n    type: 'option',\n    value: 'id_3',\n    label: 'Padme Amidala',\n  },\n  {\n    dsId: '4',\n    type: 'option',\n    value: 'id_4',\n    label: 'Harry Potter',\n  },\n];\n\nexport const groupedOptions = [\n  {\n    dsId: '1',\n    type: 'option',\n    value: 'id_1',\n    label: 'Luke Skywalker too long this text is super long',\n  },\n  {\n    dsId: '2',\n    type: 'option',\n    value: 'id_2',\n    label: 'Obi-Wan Kenobi',\n  },\n  {\n    dsId: 'separator',\n    type: 'separator',\n  },\n  {\n    dsId: 'section',\n    type: 'section',\n    label: 'Group A',\n  },\n  {\n    dsId: '3',\n    type: 'option',\n    value: 'id_3',\n    label: 'Padme Amidala',\n  },\n];\n"],
-  "mappings": "AAAA;ACAO,MAAM,eAAe;AAAA,EAC1B;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA;AAAA;AAIJ,MAAM,iBAAiB;AAAA,EAC5B;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA;AAAA,EAER;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/utils/hooks/useKeyboardNavigation.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/utils/hooks/useKeyboardNavigation.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable max-depth */\n/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport { useCallback, useContext } from 'react';\nimport { CBOptionT } from '../../index.d';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\nimport { findInCircularList } from '../listHelper';\n\nconst isOptionFocuseable = (opt: CBOptionT): boolean => !['section', 'separator'].includes(opt.type);\n\nexport const useKeyboardNavigation = () => {\n  const {\n    props: { inline, onSelectAll, onCancel, onKeyDown, onChange, onCreate, options, selectedValues, onFilter },\n    setShowPopover,\n    showPopover,\n    setShowSelectedValue,\n    focusOptionIdx,\n    inputRef,\n    setCurrentOption,\n    scrollOptionIntoView,\n  } = useContext(ComboBoxContext);\n\n  const multiple = Array.isArray(selectedValues);\n\n  const currentItemIndex = options.findIndex((opt) => opt.dsId === focusOptionIdx);\n  const currentItem = options.find((item) => item.dsId === focusOptionIdx);\n  const selectOption = useCallback(() => {\n    if (multiple) {\n      if (inputRef.current) onFilter(inputRef.current.value);\n    } else {\n      onFilter('');\n      if (inputRef.current) inputRef.current.value = '';\n      setShowSelectedValue(true);\n    }\n    onChange(options.find((item) => item.dsId === focusOptionIdx));\n    setShowPopover(multiple ? true : !showPopover);\n  }, [\n    multiple,\n    options,\n    focusOptionIdx,\n    setShowPopover,\n    showPopover,\n    onFilter,\n    inputRef,\n    setShowSelectedValue,\n    onChange,\n  ]);\n\n  const onInputKeyDown: React.KeyboardEventHandler = useCallback(\n    (e) => {\n      const targetElement = e.target as HTMLInputElement;\n\n      // =============================================================================\n      // CUSTOM KEYS\n      // =============================================================================\n      onKeyDown(e, currentItem);\n      // =============================================================================\n      // ENTER KEY TO CREATE ELEMENTS\n      // =============================================================================\n      if (e.key === 'Enter' && currentItem?.type === 'creatable') {\n        onCreate(targetElement.value);\n        onFilter('');\n        if (inputRef.current) inputRef.current.value = '';\n        return;\n      }\n\n      // =============================================================================\n      // Enter and space on selection\n      // =============================================================================\n      if (e.key === 'Enter' || (e.keyCode === 32 && e.altKey)) {\n        e.preventDefault();\n        if (!showPopover && !inline) {\n          setShowPopover(true);\n        } else {\n          selectOption();\n        }\n      }\n\n      if (e.key === 'Enter' && e.altKey) {\n        setShowPopover(false);\n      }\n\n      if (e.key === 'a' && e.ctrlKey && multiple) {\n        onSelectAll();\n      }\n      // =============================================================================\n      // ARROWS UP AND DOWN\n      // =============================================================================\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        if (showPopover || inline) {\n          const nextItemIndex = findInCircularList(options, currentItemIndex, isOptionFocuseable);\n          setCurrentOption(options[nextItemIndex].dsId);\n          scrollOptionIntoView(options[nextItemIndex].dsId);\n        } else {\n          setShowPopover(true);\n        }\n      }\n      if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        if (showPopover || inline) {\n          const nextItemIndex = findInCircularList(options, currentItemIndex, isOptionFocuseable, -1);\n          setCurrentOption(options[nextItemIndex].dsId);\n          scrollOptionIntoView(options[nextItemIndex].dsId);\n        } else {\n          setShowPopover(true);\n          setTimeout(() => {\n            const nextItemIndex = findInCircularList(options, 0, isOptionFocuseable, -1);\n            setCurrentOption(options[nextItemIndex].dsId);\n            scrollOptionIntoView(options[nextItemIndex].dsId);\n          });\n        }\n      }\n      // =============================================================================\n      // ESCAPE\n      // =============================================================================\n      if (e.key === 'Escape') {\n        if (onCancel) onCancel();\n        if (inputRef.current && inputRef.current?.value !== '') {\n          onFilter('');\n          inputRef.current.value = '';\n        }\n        if (!inline) setShowPopover(false);\n      }\n      // =============================================================================\n      // BACKSPACE\n      // =============================================================================\n      if (e.key === 'Backspace' && targetElement.value.length <= 0 && !inline) {\n        if (multiple && !targetElement.value) {\n          if (selectedValues.length > 0) onChange(selectedValues[selectedValues.length - 1]);\n        } else {\n          onChange(null);\n        }\n        onFilter('');\n        setShowSelectedValue(true);\n      }\n\n      if (e.key === 'Tab' && inline) {\n        // TODO confirm funcionality\n        // e.preventDefault();\n      }\n    },\n    [\n      currentItemIndex,\n      options,\n      currentItem,\n      inputRef,\n      multiple,\n      showPopover,\n      selectedValues,\n      inline,\n      scrollOptionIntoView,\n      onKeyDown,\n      onSelectAll,\n      onChange,\n      onCreate,\n      onFilter,\n      setCurrentOption,\n      setShowPopover,\n      setShowSelectedValue,\n      selectOption,\n      onCancel,\n    ],\n  );\n\n  return { onInputKeyDown };\n};\n"],
-  "mappings": "AAAA;ACIA;AAEA;AACA;AAEA,MAAM,qBAAqB,CAAC,QAA4B,CAAC,CAAC,WAAW,aAAa,SAAS,IAAI;AAExF,MAAM,wBAAwB,MAAM;AACzC,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ,aAAa,UAAU,WAAW,UAAU,UAAU,SAAS,gBAAgB;AAAA,IAChG;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,WAAW,MAAM,QAAQ;AAE/B,QAAM,mBAAmB,QAAQ,UAAU,CAAC,QAAQ,IAAI,SAAS;AACjE,QAAM,cAAc,QAAQ,KAAK,CAAC,SAAS,KAAK,SAAS;AACzD,QAAM,eAAe,YAAY,MAAM;AACrC,QAAI,UAAU;AACZ,UAAI,SAAS;AAAS,iBAAS,SAAS,QAAQ;AAAA,WAC3C;AACL,eAAS;AACT,UAAI,SAAS;AAAS,iBAAS,QAAQ,QAAQ;AAC/C,2BAAqB;AAAA;AAEvB,aAAS,QAAQ,KAAK,CAAC,SAAS,KAAK,SAAS;AAC9C,mBAAe,WAAW,OAAO,CAAC;AAAA,KACjC;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,iBAA6C,YACjD,CAAC,MAAM;AACL,UAAM,gBAAgB,EAAE;AAKxB,cAAU,GAAG;AAIb,QAAI,EAAE,QAAQ,WAAW,aAAa,SAAS,aAAa;AAC1D,eAAS,cAAc;AACvB,eAAS;AACT,UAAI,SAAS;AAAS,iBAAS,QAAQ,QAAQ;AAC/C;AAAA;AAMF,QAAI,EAAE,QAAQ,WAAY,EAAE,YAAY,MAAM,EAAE,QAAS;AACvD,QAAE;AACF,UAAI,CAAC,eAAe,CAAC,QAAQ;AAC3B,uBAAe;AAAA,aACV;AACL;AAAA;AAAA;AAIJ,QAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ;AACjC,qBAAe;AAAA;AAGjB,QAAI,EAAE,QAAQ,OAAO,EAAE,WAAW,UAAU;AAC1C;AAAA;AAKF,QAAI,EAAE,QAAQ,aAAa;AACzB,QAAE;AACF,UAAI,eAAe,QAAQ;AACzB,cAAM,gBAAgB,mBAAmB,SAAS,kBAAkB;AACpE,yBAAiB,QAAQ,eAAe;AACxC,6BAAqB,QAAQ,eAAe;AAAA,aACvC;AACL,uBAAe;AAAA;AAAA;AAGnB,QAAI,EAAE,QAAQ,WAAW;AACvB,QAAE;AACF,UAAI,eAAe,QAAQ;AACzB,cAAM,gBAAgB,mBAAmB,SAAS,kBAAkB,oBAAoB;AACxF,yBAAiB,QAAQ,eAAe;AACxC,6BAAqB,QAAQ,eAAe;AAAA,aACvC;AACL,uBAAe;AACf,mBAAW,MAAM;AACf,gBAAM,gBAAgB,mBAAmB,SAAS,GAAG,oBAAoB;AACzE,2BAAiB,QAAQ,eAAe;AACxC,+BAAqB,QAAQ,eAAe;AAAA;AAAA;AAAA;AAOlD,QAAI,EAAE,QAAQ,UAAU;AACtB,UAAI;AAAU;AACd,UAAI,SAAS,WAAW,SAAS,SAAS,UAAU,IAAI;AACtD,iBAAS;AACT,iBAAS,QAAQ,QAAQ;AAAA;AAE3B,UAAI,CAAC;AAAQ,uBAAe;AAAA;AAK9B,QAAI,EAAE,QAAQ,eAAe,cAAc,MAAM,UAAU,KAAK,CAAC,QAAQ;AACvE,UAAI,YAAY,CAAC,cAAc,OAAO;AACpC,YAAI,eAAe,SAAS;AAAG,mBAAS,eAAe,eAAe,SAAS;AAAA,aAC1E;AACL,iBAAS;AAAA;AAEX,eAAS;AACT,2BAAqB;AAAA;AAGvB,QAAI,EAAE,QAAQ,SAAS,QAAQ;AAAA;AAAA,KAKjC;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,SAAO,EAAE;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/utils/hooks/useOnElementResize.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-combobox/utils/hooks/useOnElementResize.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useEffect, useRef, useMemo } from 'react';\n\n// Custom hook to track dimension of a component\n// Taken and modified from https://stackoverflow.com/a/60218754\nconst useOnElementResize = (targetRef: React.RefObject<HTMLDivElement>): Record<'width' | 'height', number> => {\n  const [width, setWidth] = useState(targetRef.current ? targetRef.current?.offsetWidth : 0);\n  const [height, setHeight] = useState(targetRef.current ? targetRef.current?.offsetWidth : 0);\n  const observer = useRef(null);\n\n  useEffect(() => {\n    function outputsize() {\n      if (targetRef.current) {\n        setWidth(targetRef.current.offsetWidth);\n        setHeight(targetRef.current.offsetHeight);\n      }\n    }\n    observer.current = new ResizeObserver(outputsize).observe(targetRef.current);\n\n    return () => {\n      observer.current?.disconnect();\n    };\n  }, [targetRef]);\n\n  return useMemo(\n    () => ({\n      width,\n      height,\n    }),\n    [width, height],\n  );\n};\n\nexport { useOnElementResize };\n"],
-  "mappings": "AAAA;ACAA;AAIA,MAAM,qBAAqB,CAAC,cAAmF;AAC7G,QAAM,CAAC,OAAO,YAAY,SAAS,UAAU,UAAU,UAAU,SAAS,cAAc;AACxF,QAAM,CAAC,QAAQ,aAAa,SAAS,UAAU,UAAU,UAAU,SAAS,cAAc;AAC1F,QAAM,WAAW,OAAO;AAExB,YAAU,MAAM;AACd,0BAAsB;AACpB,UAAI,UAAU,SAAS;AACrB,iBAAS,UAAU,QAAQ;AAC3B,kBAAU,UAAU,QAAQ;AAAA;AAAA;AAGhC,aAAS,UAAU,IAAI,eAAe,YAAY,QAAQ,UAAU;AAEpE,WAAO,MAAM;AACX,eAAS,SAAS;AAAA;AAAA,KAEnB,CAAC;AAEJ,SAAO,QACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,MAEF,CAAC,OAAO;AAAA;",
-  "names": []
-}

package/esm/controlled-combobox/utils/listHelper.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/controlled-combobox/utils/listHelper.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { CBItemOption, CBOptionT, CBSelectedOptionsT } from '../index.d';\n\nexport const getSelectableOptions = (options: Array<CBOptionT>): Array<CBOptionT> =>\n  options ? options.filter((option) => option.type === 'option' && !option.disabled) : [];\n\nexport const getOptions = (options: Array<CBOptionT>): Array<CBOptionT> =>\n  options ? options.filter((option) => option.type === 'option') : [];\n\nexport const isSelectedValueEmpty = (value: CBSelectedOptionsT): boolean =>\n  Array.isArray(value) ? value.length === 0 : !value;\n\nexport const isSelectedValueMultiple = (value: CBOptionT | Array<CBOptionT>): boolean => Array.isArray(value);\n\nexport const isSelected = (value: CBItemOption | CBItemOption[], activeOption: CBItemOption): boolean => {\n  if (isSelectedValueMultiple(value)) {\n    const multiValue = value as CBItemOption[];\n    return multiValue.some((item) => item?.value === activeOption?.value);\n  }\n  const singleValue = value as CBItemOption;\n  return singleValue?.value === activeOption.value;\n};\n\nexport const findInCircularList = <T extends unknown>(\n  list: T[],\n  from: number,\n  criteria: (item: T) => boolean,\n  step = 1,\n  // eslint-disable-next-line max-params\n): number => {\n  for (let i = (from + step + list.length) % list.length; i !== from; i = (i + step + list.length) % list.length) {\n    if (criteria(list[i])) return i;\n  }\n  return from; // return same item\n};\n"],
-  "mappings": "AAAA;ACEO,MAAM,uBAAuB,CAAC,YACnC,UAAU,QAAQ,OAAO,CAAC,WAAW,OAAO,SAAS,YAAY,CAAC,OAAO,YAAY;AAEhF,MAAM,aAAa,CAAC,YACzB,UAAU,QAAQ,OAAO,CAAC,WAAW,OAAO,SAAS,YAAY;AAE5D,MAAM,uBAAuB,CAAC,UACnC,MAAM,QAAQ,SAAS,MAAM,WAAW,IAAI,CAAC;AAExC,MAAM,0BAA0B,CAAC,UAAiD,MAAM,QAAQ;AAEhG,MAAM,aAAa,CAAC,OAAsC,iBAAwC;AACvG,MAAI,wBAAwB,QAAQ;AAClC,UAAM,aAAa;AACnB,WAAO,WAAW,KAAK,CAAC,SAAS,MAAM,UAAU,cAAc;AAAA;AAEjE,QAAM,cAAc;AACpB,SAAO,aAAa,UAAU,aAAa;AAAA;AAGtC,MAAM,qBAAqB,CAChC,MACA,MACA,UACA,OAAO,MAEI;AACX,WAAS,IAAK,QAAO,OAAO,KAAK,UAAU,KAAK,QAAQ,MAAM,MAAM,IAAK,KAAI,OAAO,KAAK,UAAU,KAAK,QAAQ;AAC9G,QAAI,SAAS,KAAK;AAAK,aAAO;AAAA;AAEhC,SAAO;AAAA;",
-  "names": []
-}

package/esm/controlled-date-range-picker/ControlledDateRangePicker.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/controlled-date-range-picker/ControlledDateRangePicker.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { useControlledDateRangePicker } from './config/useControlledDateRangePicker';\nimport { ControlledDateRangeContent } from './parts/ControlledDateRangeContent';\nimport { propTypes } from './propTypes';\nimport { ControlledDateRangePickerContext } from './ControlledDateRangePickerCTX';\nimport type { DateRangePickerPropsT } from './index.d';\n\nconst DSControlledDateRangePicker = (props: DateRangePickerPropsT): JSX.Element => {\n  const ctx = useControlledDateRangePicker(props);\n  return (\n    <ControlledDateRangePickerContext.Provider value={ctx}>\n      <ControlledDateRangeContent />\n    </ControlledDateRangePickerContext.Provider>\n  );\n};\nDSControlledDateRangePicker.propTypes = propTypes;\nconst DSControlledDateRangePickerWithSchema = describe(DSControlledDateRangePicker);\nDSControlledDateRangePickerWithSchema.propTypes = propTypes;\n\nexport { DSControlledDateRangePickerWithSchema, DSControlledDateRangePicker };\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,8BAA8B,CAAC,UAA8C;AACjF,QAAM,MAAM,6BAA6B;AACzC,SACE,qCAAC,iCAAiC,UAAlC;AAAA,IAA2C,OAAO;AAAA,KAChD,qCAAC,4BAAD;AAAA;AAIN,4BAA4B,YAAY;AACxC,MAAM,wCAAwC,SAAS;AACvD,sCAAsC,YAAY;",
-  "names": []
-}

package/esm/controlled-date-range-picker/ControlledDateRangePickerCTX.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/controlled-date-range-picker/ControlledDateRangePickerCTX.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext } from 'react';\nimport type { DateRangePickerPropsT, ControlledDateRangePickerContextT } from './index.d';\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\nconst defaultReturnFalse = (): boolean => false;\nexport const defaultProps: DateRangePickerPropsT = {\n  type: 'full-date-range',\n  fromDate: '',\n  onFromDateChange: noop,\n  onMonthFromChange: noop,\n  onDayFromChange: noop,\n  onYearFromChange: noop,\n  hasError: false,\n  pickerFooterMsg: '',\n\n  toDate: '',\n  onToDateChange: noop,\n  onMonthToChange: noop,\n  onDayToChange: noop,\n  onYearToChange: noop,\n\n  emptyPickerStartingMonth: undefined,\n  onCalendarOpenFocusedDay: undefined,\n  isClearable: false,\n  getIsDisabledDay: defaultReturnFalse,\n  getIsOutOfRangeDay: defaultReturnFalse,\n  autoFocus: false,\n};\nconst defaultContext = {\n  props: defaultProps,\n  rangePickerLogic: {\n    latestChangedDate: '',\n    onCalendarOpen: noop,\n    onCalendarClose: noop,\n    handleFromDateChange: noop,\n    handleToDateChange: noop,\n    handlePickerDateChange: noop,\n    handlePickerMonthDateChange: noop,\n    handlePickerDayDateChange: noop,\n    handlePickerYearDateChange: noop,\n    getIsStartRangeDay: defaultReturnFalse,\n    getIsDayInRange: defaultReturnFalse,\n    getIsEndRangeDay: defaultReturnFalse,\n  },\n  instanceUID: '',\n  withInputs: false,\n  withIcon: false,\n  isControllerOnly: false,\n};\n/** Context for cross component communication */\nexport const ControlledDateRangePickerContext = createContext<ControlledDateRangePickerContextT>(defaultContext);\n\nexport default ControlledDateRangePickerContext;\n"],
-  "mappings": "AAAA;ACAA;AAGA,MAAM,OAAO,MAAY;AAAA;AACzB,MAAM,qBAAqB,MAAe;AACnC,MAAM,eAAsC;AAAA,EACjD,MAAM;AAAA,EACN,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,iBAAiB;AAAA,EAEjB,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,gBAAgB;AAAA,EAEhB,0BAA0B;AAAA,EAC1B,0BAA0B;AAAA,EAC1B,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,WAAW;AAAA;AAEb,MAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,kBAAkB;AAAA,IAChB,mBAAmB;AAAA,IACnB,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,oBAAoB;AAAA,IACpB,wBAAwB;AAAA,IACxB,6BAA6B;AAAA,IAC7B,2BAA2B;AAAA,IAC3B,4BAA4B;AAAA,IAC5B,oBAAoB;AAAA,IACpB,iBAAiB;AAAA,IACjB,kBAAkB;AAAA;AAAA,EAEpB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,kBAAkB;AAAA;AAGb,MAAM,mCAAmC,cAAiD;AAEjG,IAAO,uCAAQ;",
-  "names": []
-}

package/esm/controlled-date-range-picker/ControlledDateRangePickerDatatestid.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/controlled-date-range-picker/ControlledDateRangePickerDatatestid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const ControlledDateRangePickerDatatestid = {\n  WRAPPER: 'ds-controlled-date-range-picker-wrapper',\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,sCAAsC;AAAA,EACjD,SAAS;AAAA;",
-  "names": []
-}