@elliemae/ds-form 2.2.2-rc.1 → 2.3.0-alpha.10

package/dist/esm/ComboBox/v2/components/CustomOption.js

@@ -0,0 +1,59 @@
+import * as React from "react";
+import React2, { useContext } from "react";
+import { get, isArray } from "lodash";
+import { DSSeparator } from "@elliemae/ds-separator";
+import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import { DropDownContext } from "../context";
+const isOptionAGroup = (option) => option && option.type && option.type.name === "Group";
+const CustomOption = ({ index, data, style, isScrolling }) => {
+  const {
+    items,
+    options: { useTruncatedText }
+  } = data;
+  const option = items[index];
+  const { value } = useContext(DropDownContext);
+  const isSelected = value?.label === option?.props?.label;
+  delete option?.props?.innerProps?.onMouseMove;
+  delete option?.props?.innerProps?.onMouseOver;
+  const renderOptionStyle = isOptionAGroup(option) ? {} : style;
+  const optionProps = {
+    ...option.props.innerProps,
+    style: renderOptionStyle,
+    "data-testid": "combobox-option",
+    role: "option",
+    "aria-selected": isSelected,
+    onClick: (e) => {
+      e.stopPropagation();
+      if (option?.props?.innerProps?.onClick)
+        option.props.innerProps.onClick(e);
+    }
+  };
+  if (useTruncatedText && get(option, "props.selectProps.menuIsOpen")) {
+    return React2.cloneElement(option, {
+      ...option.props,
+      innerProps: optionProps,
+      tabIndex: 0
+    }, /* @__PURE__ */ React2.createElement(React2.Fragment, null, option.props.data.hasSeparator && !isArray(option.props.data.options) && /* @__PURE__ */ React2.createElement(DSSeparator, {
+      margin: "none",
+      style: { zIndex: -2 },
+      type: "non-form"
+    }), /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
+      value: option.props.children
+    })));
+  }
+  return React2.cloneElement(option, {
+    ...option.props,
+    tabIndex: 0,
+    innerProps: optionProps
+  }, /* @__PURE__ */ React2.createElement(React2.Fragment, null, option.props.data.hasSeparator && !isArray(option.props.data.options) && /* @__PURE__ */ React2.createElement(DSSeparator, {
+    margin: "none",
+    style: { zIndex: -2 },
+    type: "non-form"
+  }), option.props.children));
+};
+var CustomOption_default = CustomOption;
+export {
+  CustomOption,
+  CustomOption_default as default
+};
+//# sourceMappingURL=CustomOption.js.map

package/dist/esm/ComboBox/v2/components/CustomOption.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v2/components/CustomOption.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\n/* eslint-disable react/destructuring-assignment,max-lines,react/display-name, react/require-default-props */\nimport React, { useContext } from 'react';\nimport { get, isArray } from 'lodash';\nimport { DSSeparator } from '@elliemae/ds-separator';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { DropDownContext } from '../context';\n\nconst isOptionAGroup = (option) =>\n  option && option.type && option.type.name === 'Group';\n\nconst CustomOption = ({ index, data, style, isScrolling }) => {\n  const {\n    items,\n    options: { useTruncatedText },\n  } = data;\n  const option = items[index];\n\n  const { value } = useContext(DropDownContext);\n  const isSelected = value?.label === option?.props?.label;\n\n  // react-select performance optimization\n  delete option?.props?.innerProps?.onMouseMove;\n  delete option?.props?.innerProps?.onMouseOver;\n\n  const renderOptionStyle = isOptionAGroup(option) ? {} : style;\n  const optionProps = {\n    ...option.props.innerProps,\n    style: renderOptionStyle,\n    'data-testid': 'combobox-option',\n    role: 'option',\n    'aria-selected': isSelected,\n    onClick: (e) => {\n      e.stopPropagation();\n      if (option?.props?.innerProps?.onClick)\n        option.props.innerProps.onClick(e);\n    },\n  };\n\n  if (useTruncatedText && get(option, 'props.selectProps.menuIsOpen')) {\n    return React.cloneElement(\n      option,\n      {\n        ...option.props,\n        innerProps: optionProps,\n        tabIndex: 0,\n      },\n      <>\n        {option.props.data.hasSeparator &&\n          !isArray(option.props.data.options) && (\n            <DSSeparator margin=\"none\" style={{ zIndex: -2 }} type=\"non-form\" />\n          )}\n        <SimpleTruncatedTooltipText value={option.props.children} />\n      </>,\n    );\n  }\n\n  return React.cloneElement(\n    option,\n    {\n      ...option.props,\n      tabIndex: 0,\n      innerProps: optionProps,\n    },\n    <>\n      {option.props.data.hasSeparator &&\n        !isArray(option.props.data.options) && (\n          <DSSeparator margin=\"none\" style={{ zIndex: -2 }} type=\"non-form\" />\n        )}\n      {option.props.children}\n    </>,\n  );\n};\n\nexport { CustomOption };\nexport default CustomOption;\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,CAAC,WACtB,UAAU,OAAO,QAAQ,OAAO,KAAK,SAAS;AAEhD,MAAM,eAAe,CAAC,EAAE,OAAO,MAAM,OAAO,kBAAkB;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA,SAAS,EAAE;AAAA,MACT;AACJ,QAAM,SAAS,MAAM;AAErB,QAAM,EAAE,UAAU,WAAW;AAC7B,QAAM,aAAa,OAAO,UAAU,QAAQ,OAAO;AAGnD,SAAO,QAAQ,OAAO,YAAY;AAClC,SAAO,QAAQ,OAAO,YAAY;AAElC,QAAM,oBAAoB,eAAe,UAAU,KAAK;AACxD,QAAM,cAAc;AAAA,OACf,OAAO,MAAM;AAAA,IAChB,OAAO;AAAA,IACP,eAAe;AAAA,IACf,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,SAAS,CAAC,MAAM;AACd,QAAE;AACF,UAAI,QAAQ,OAAO,YAAY;AAC7B,eAAO,MAAM,WAAW,QAAQ;AAAA;AAAA;AAItC,MAAI,oBAAoB,IAAI,QAAQ,iCAAiC;AACnE,WAAO,OAAM,aACX,QACA;AAAA,SACK,OAAO;AAAA,MACV,YAAY;AAAA,MACZ,UAAU;AAAA,OAEZ,4DACG,OAAO,MAAM,KAAK,gBACjB,CAAC,QAAQ,OAAO,MAAM,KAAK,YACzB,qCAAC,aAAD;AAAA,MAAa,QAAO;AAAA,MAAO,OAAO,EAAE,QAAQ;AAAA,MAAM,MAAK;AAAA,QAE3D,qCAAC,4BAAD;AAAA,MAA4B,OAAO,OAAO,MAAM;AAAA;AAAA;AAKtD,SAAO,OAAM,aACX,QACA;AAAA,OACK,OAAO;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,KAEd,4DACG,OAAO,MAAM,KAAK,gBACjB,CAAC,QAAQ,OAAO,MAAM,KAAK,YACzB,qCAAC,aAAD;AAAA,IAAa,QAAO;AAAA,IAAO,OAAO,EAAE,QAAQ;AAAA,IAAM,MAAK;AAAA,MAE1D,OAAO,MAAM;AAAA;AAMpB,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v2/components/CustomOptionMulti.js

@@ -0,0 +1,57 @@
+import * as React from "react";
+import React2, { useContext } from "react";
+import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import { DSCheckbox } from "../../../Checkbox";
+import { DropDownContext } from "../context";
+const CustomOptionMulti = ({ index, data, style, isScrolling }) => {
+  const {
+    items,
+    options: { useTruncatedText }
+  } = data;
+  const option = items[index];
+  const { value } = useContext(DropDownContext);
+  const isSelected = !!value?.find((item) => item.label === option?.props?.label);
+  const optionProps = {
+    ...option.props.innerProps,
+    style,
+    "data-testid": "combobox-option",
+    role: "option",
+    "aria-selected": isSelected,
+    onClick: (e) => {
+      e.stopPropagation();
+      if (option.props.innerProps.onClick)
+        option.props.innerProps.onClick(e);
+    }
+  };
+  if (useTruncatedText) {
+    return React2.cloneElement(option, {
+      ...option.props,
+      innerProps: optionProps
+    }, /* @__PURE__ */ React2.createElement("div", {
+      className: "combobox-v2-option-multiple-container"
+    }, /* @__PURE__ */ React2.createElement(DSCheckbox, {
+      checked: option.props.isSelected,
+      labelText: " "
+    }), /* @__PURE__ */ React2.createElement("div", {
+      className: "combobox-v2-option-multiple-truncated-label"
+    }, /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
+      value: option.props.children
+    }))));
+  }
+  return React2.cloneElement(option, {
+    ...option.props,
+    innerProps: optionProps,
+    children: /* @__PURE__ */ React2.createElement("div", {
+      className: "combobox-v2-option-multiple-container"
+    }, /* @__PURE__ */ React2.createElement(DSCheckbox, {
+      checked: option.props.isSelected,
+      labelText: option.props.children
+    }))
+  });
+};
+var CustomOptionMulti_default = CustomOptionMulti;
+export {
+  CustomOptionMulti,
+  CustomOptionMulti_default as default
+};
+//# sourceMappingURL=CustomOptionMulti.js.map

package/dist/esm/ComboBox/v2/components/CustomOptionMulti.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v2/components/CustomOptionMulti.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/destructuring-assignment,max-lines,react/display-name, react/require-default-props */\nimport React, { useContext } from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { DSCheckbox } from '../../../Checkbox';\nimport { DropDownContext } from '../context';\n\nconst CustomOptionMulti = ({ index, data, style, isScrolling }) => {\n  const {\n    items,\n    options: { useTruncatedText },\n  } = data;\n\n  const option = items[index];\n  const { value } = useContext(DropDownContext);\n  const isSelected = !!value?.find(item => item.label === option?.props?.label)\n\n  const optionProps = {\n    ...option.props.innerProps,\n    style,\n    'data-testid': 'combobox-option',\n    role: 'option',\n    'aria-selected': isSelected,\n    onClick: (e) => {\n      e.stopPropagation();\n      if (option.props.innerProps.onClick) option.props.innerProps.onClick(e);\n    },\n  };\n\n  if (useTruncatedText) {\n    return React.cloneElement(\n      option,\n      {\n        ...option.props,\n        innerProps: optionProps,\n      },\n      <div className=\"combobox-v2-option-multiple-container\">\n        <DSCheckbox checked={option.props.isSelected} labelText=\" \" />\n        <div className=\"combobox-v2-option-multiple-truncated-label\">\n          <SimpleTruncatedTooltipText value={option.props.children} />\n        </div>\n      </div>,\n    );\n  }\n\n  return React.cloneElement(option, {\n    ...option.props,\n    innerProps: optionProps,\n    children: (\n      <div className=\"combobox-v2-option-multiple-container\">\n        <DSCheckbox\n          checked={option.props.isSelected}\n          labelText={option.props.children}\n        />\n      </div>\n    ),\n  });\n};\n\nexport { CustomOptionMulti };\nexport default CustomOptionMulti;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEA,MAAM,oBAAoB,CAAC,EAAE,OAAO,MAAM,OAAO,kBAAkB;AACjE,QAAM;AAAA,IACJ;AAAA,IACA,SAAS,EAAE;AAAA,MACT;AAEJ,QAAM,SAAS,MAAM;AACrB,QAAM,EAAE,UAAU,WAAW;AAC7B,QAAM,aAAa,CAAC,CAAC,OAAO,KAAK,UAAQ,KAAK,UAAU,QAAQ,OAAO;AAEvE,QAAM,cAAc;AAAA,OACf,OAAO,MAAM;AAAA,IAChB;AAAA,IACA,eAAe;AAAA,IACf,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,SAAS,CAAC,MAAM;AACd,QAAE;AACF,UAAI,OAAO,MAAM,WAAW;AAAS,eAAO,MAAM,WAAW,QAAQ;AAAA;AAAA;AAIzE,MAAI,kBAAkB;AACpB,WAAO,OAAM,aACX,QACA;AAAA,SACK,OAAO;AAAA,MACV,YAAY;AAAA,OAEd,qCAAC,OAAD;AAAA,MAAK,WAAU;AAAA,OACb,qCAAC,YAAD;AAAA,MAAY,SAAS,OAAO,MAAM;AAAA,MAAY,WAAU;AAAA,QACxD,qCAAC,OAAD;AAAA,MAAK,WAAU;AAAA,OACb,qCAAC,4BAAD;AAAA,MAA4B,OAAO,OAAO,MAAM;AAAA;AAAA;AAMxD,SAAO,OAAM,aAAa,QAAQ;AAAA,OAC7B,OAAO;AAAA,IACV,YAAY;AAAA,IACZ,UACE,qCAAC,OAAD;AAAA,MAAK,WAAU;AAAA,OACb,qCAAC,YAAD;AAAA,MACE,SAAS,OAAO,MAAM;AAAA,MACtB,WAAW,OAAO,MAAM;AAAA;AAAA;AAAA;AAQlC,IAAO,4BAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v2/components/DropdownIndicator.js

@@ -0,0 +1,66 @@
+import * as React from "react";
+import React2, { useContext, useState } from "react";
+import { get } from "lodash";
+import { ChevronSmallDown } from "@elliemae/ds-icons";
+import { DSButton, BUTTON_VARIANT } from "@elliemae/ds-button";
+import { DropDownContext } from "../context";
+const DropdownIndicator = ({
+  innerRef,
+  onKeyDown,
+  options,
+  theme,
+  clearValue,
+  getStyles,
+  getValue,
+  setValue,
+  hasStyle,
+  hasValue,
+  isMulti,
+  isRtl,
+  isDisabled,
+  isFocused,
+  selectOption,
+  selectProps,
+  innerProps,
+  cx,
+  ...rest
+}) => {
+  const { changeHandleOpening, changeMenuOpen, inputInFocus, handleOpening, menuOpen, onClickDropdownIndicator } = useContext(DropDownContext);
+  const [touchClick, setTouchClick] = useState(false);
+  const handleOnClick = (e) => {
+    onClickDropdownIndicator(e);
+    changeMenuOpen(!menuOpen);
+    changeHandleOpening(!handleOpening);
+  };
+  const handleOnKeyDown = (e) => {
+    if (e.key === "Enter") {
+      changeMenuOpen(!menuOpen);
+      e.preventDefault();
+    }
+  };
+  return /* @__PURE__ */ React2.createElement(DSButton, {
+    "data-testid": "combobox-dropdown-btn",
+    "aria-label": "dropdown-indicator",
+    buttonType: "text",
+    className: `dropdown-indicator ${get(selectProps, "menuIsOpen", false) && !inputInFocus ? "active" : ""}`,
+    icon: /* @__PURE__ */ React2.createElement(ChevronSmallDown, null),
+    innerRef,
+    onClick: handleOnClick,
+    onKeyDown: handleOnKeyDown,
+    onTouchStart: () => setTouchClick(true),
+    onTouchEnd: (e) => {
+      if (touchClick)
+        handleOnClick(e);
+      setTouchClick(false);
+    },
+    tabIndex: -1,
+    variant: get(selectProps, "menuIsOpen", false) && !inputInFocus ? BUTTON_VARIANT.ACTIVE : BUTTON_VARIANT.DEFAULT,
+    ...rest
+  });
+};
+var DropdownIndicator_default = DropdownIndicator;
+export {
+  DropdownIndicator,
+  DropdownIndicator_default as default
+};
+//# sourceMappingURL=DropdownIndicator.js.map

package/dist/esm/ComboBox/v2/components/DropdownIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v2/components/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, useState } from 'react';\nimport { get } from 'lodash';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport { DSButton, BUTTON_VARIANT } from '@elliemae/ds-button';\nimport { DropDownContext } from '../context';\n\nconst DropdownIndicator = ({\n  innerRef,\n  onKeyDown,\n  options,\n  theme,\n  clearValue,\n  getStyles,\n  getValue,\n  setValue,\n  hasStyle,\n  hasValue,\n  isMulti,\n  isRtl,\n  isDisabled,\n  isFocused,\n  selectOption,\n  selectProps,\n  innerProps,\n  cx,\n  ...rest\n}) => {\n  const { changeHandleOpening, changeMenuOpen, inputInFocus, handleOpening, menuOpen, onClickDropdownIndicator } =\n    useContext(DropDownContext);\n\n  const [touchClick, setTouchClick] = useState(false);\n\n  const handleOnClick = (e) => {\n    onClickDropdownIndicator(e);\n    changeMenuOpen(!menuOpen);\n    changeHandleOpening(!handleOpening);\n  };\n\n  const handleOnKeyDown = (e) => {\n    if (e.key === 'Enter') {\n      changeMenuOpen(!menuOpen);\n      e.preventDefault();\n    }\n  };\n\n  return (\n    <DSButton\n      data-testid=\"combobox-dropdown-btn\"\n      aria-label=\"dropdown-indicator\"\n      buttonType=\"text\"\n      className={`dropdown-indicator ${get(selectProps, 'menuIsOpen', false) && !inputInFocus ? 'active' : ''}`}\n      icon={<ChevronSmallDown />}\n      innerRef={innerRef}\n      onClick={handleOnClick}\n      onKeyDown={handleOnKeyDown}\n      onTouchStart={() => setTouchClick(true)}\n      onTouchEnd={(e) => {\n        if (touchClick) handleOnClick(e);\n        setTouchClick(false);\n      }}\n      tabIndex={-1}\n      variant={get(selectProps, 'menuIsOpen', false) && !inputInFocus ? BUTTON_VARIANT.ACTIVE : BUTTON_VARIANT.DEFAULT}\n      {...rest}\n    />\n  );\n};\n\nexport { DropdownIndicator };\nexport default DropdownIndicator;\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MACC;AACJ,QAAM,EAAE,qBAAqB,gBAAgB,cAAc,eAAe,UAAU,6BAClF,WAAW;AAEb,QAAM,CAAC,YAAY,iBAAiB,SAAS;AAE7C,QAAM,gBAAgB,CAAC,MAAM;AAC3B,6BAAyB;AACzB,mBAAe,CAAC;AAChB,wBAAoB,CAAC;AAAA;AAGvB,QAAM,kBAAkB,CAAC,MAAM;AAC7B,QAAI,EAAE,QAAQ,SAAS;AACrB,qBAAe,CAAC;AAChB,QAAE;AAAA;AAAA;AAIN,SACE,qCAAC,UAAD;AAAA,IACE,eAAY;AAAA,IACZ,cAAW;AAAA,IACX,YAAW;AAAA,IACX,WAAW,sBAAsB,IAAI,aAAa,cAAc,UAAU,CAAC,eAAe,WAAW;AAAA,IACrG,MAAM,qCAAC,kBAAD;AAAA,IACN;AAAA,IACA,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc,MAAM,cAAc;AAAA,IAClC,YAAY,CAAC,MAAM;AACjB,UAAI;AAAY,sBAAc;AAC9B,oBAAc;AAAA;AAAA,IAEhB,UAAU;AAAA,IACV,SAAS,IAAI,aAAa,cAAc,UAAU,CAAC,eAAe,eAAe,SAAS,eAAe;AAAA,OACrG;AAAA;AAAA;AAMV,IAAO,4BAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v2/components/GroupHeading.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import React2 from "react";
+import styled from "styled-components";
+import { components } from "react-select";
+import { DSSeparator } from "@elliemae/ds-separator";
+import { getGroupHeaderPosition } from "./utils";
+const GroupHeading = (props) => {
+  const headerPosition = getGroupHeaderPosition(props.id);
+  const { hasSeparator } = props.selectProps.options[headerPosition];
+  return /* @__PURE__ */ React2.createElement(Wrapper, null, hasSeparator && /* @__PURE__ */ React2.createElement(StyledSeparator, {
+    type: "non-form"
+  }), /* @__PURE__ */ React2.createElement(components.GroupHeading, {
+    ...props
+  }));
+};
+const StyledSeparator = styled(DSSeparator)`
+  width: auto;
+  margin: ${(props) => props.theme.space.xs};
+  margin-top: unset;
+`;
+const Wrapper = styled.div`
+  display: flex;
+  flex-direction: column;
+`;
+var GroupHeading_default = GroupHeading;
+export {
+  GroupHeading,
+  GroupHeading_default as default
+};
+//# sourceMappingURL=GroupHeading.js.map

package/dist/esm/ComboBox/v2/components/GroupHeading.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v2/components/GroupHeading.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport styled from 'styled-components';\nimport { components } from 'react-select';\nimport { DSSeparator } from '@elliemae/ds-separator';\nimport { getGroupHeaderPosition } from './utils';\n\nconst GroupHeading = (props) => {\n  const headerPosition = getGroupHeaderPosition(props.id);\n  const { hasSeparator } = props.selectProps.options[headerPosition];\n\n  return (\n    <Wrapper>\n      {hasSeparator && <StyledSeparator type=\"non-form\" />}\n      <components.GroupHeading {...props} />\n    </Wrapper>\n  );\n};\n\nconst StyledSeparator = styled(DSSeparator)`\n  width: auto;\n  margin: ${(props) => props.theme.space.xs};\n  margin-top: unset;\n`;\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport { GroupHeading };\nexport default GroupHeading;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,eAAe,CAAC,UAAU;AAC9B,QAAM,iBAAiB,uBAAuB,MAAM;AACpD,QAAM,EAAE,iBAAiB,MAAM,YAAY,QAAQ;AAEnD,SACE,qCAAC,SAAD,MACG,gBAAgB,qCAAC,iBAAD;AAAA,IAAiB,MAAK;AAAA,MACvC,qCAAC,WAAW,cAAZ;AAAA,OAA6B;AAAA;AAAA;AAKnC,MAAM,kBAAkB,OAAO;AAAA;AAAA,YAEnB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAIzC,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAMvB,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v2/components/IndicatorSeparator.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import React2 from "react";
+const IndicatorSeparator = ({ innerProps }) => /* @__PURE__ */ React2.createElement("span", {
+  ...innerProps
+});
+var IndicatorSeparator_default = IndicatorSeparator;
+export {
+  IndicatorSeparator,
+  IndicatorSeparator_default as default
+};
+//# sourceMappingURL=IndicatorSeparator.js.map

package/dist/esm/ComboBox/v2/components/IndicatorSeparator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v2/components/IndicatorSeparator.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nexport const IndicatorSeparator = ({ innerProps }) => <span {...innerProps} />;\n\nexport default IndicatorSeparator;\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,qBAAqB,CAAC,EAAE,iBAAiB,qCAAC,QAAD;AAAA,KAAU;AAAA;AAEhE,IAAO,6BAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v2/components/LoadingIndicator.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+import React2 from "react";
+import styled from "styled-components";
+import { DSCircularProgressIndicator } from "@elliemae/ds-circular-progress-indicator";
+const Wrapper = styled.div`
+  display: flex;
+  justify-content: center;
+  margin-top: 12px;
+`;
+const LoadingIndicator = () => /* @__PURE__ */ React2.createElement(Wrapper, {
+  "data-testid": "ds-combobox_loading-indicator"
+}, /* @__PURE__ */ React2.createElement(DSCircularProgressIndicator, {
+  size: "m"
+}));
+var LoadingIndicator_default = LoadingIndicator;
+export {
+  LoadingIndicator,
+  LoadingIndicator_default as default
+};
+//# sourceMappingURL=LoadingIndicator.js.map

package/dist/esm/ComboBox/v2/components/LoadingIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v2/components/LoadingIndicator.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport styled from 'styled-components';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\n\nconst Wrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  margin-top: 12px;\n`;\n\nconst LoadingIndicator = () => (\n  <Wrapper data-testid=\"ds-combobox_loading-indicator\">\n    <DSCircularProgressIndicator size=\"m\" />\n  </Wrapper>\n);\n\nexport { LoadingIndicator };\nexport default LoadingIndicator;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAMvB,MAAM,mBAAmB,MACvB,qCAAC,SAAD;AAAA,EAAS,eAAY;AAAA,GACnB,qCAAC,6BAAD;AAAA,EAA6B,MAAK;AAAA;AAKtC,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v2/components/MenuList.js

@@ -0,0 +1,98 @@
+import * as React from "react";
+import React2, { useRef, useState, useEffect } from "react";
+import PropTypes from "prop-types";
+import { components } from "react-select";
+import { FixedSizeList as List } from "react-window";
+import memoize from "memoize-one";
+import { CustomOption } from "./CustomOption";
+import { CustomOptionMulti } from "./CustomOptionMulti";
+import { MultiSelectHeader } from "./MultiSelectHeader";
+import { useMenuListHeight } from "./useMenuListHeight";
+const createItemData = memoize((items, options) => {
+  if (items?.findIndex) {
+    const index = items.findIndex((item) => item.props.isFocused);
+    if (index > -1)
+      return { items, options };
+    return {
+      items: [
+        { ...items[0], props: { ...items[0].props, isFocused: true } },
+        ...items.slice(1)
+      ],
+      options
+    };
+  }
+  return { items, options };
+});
+const scrollTo = (listRef, type) => {
+  if (listRef && listRef.current && listRef.current.props) {
+    const { items } = listRef.current.props.itemData;
+    const index = items.findIndex((item) => item.props.isFocused);
+    listRef.current.scrollToItem(index !== -1 ? index : 0, type);
+  }
+};
+const MenuList = React2.memo((props) => {
+  const { children: options, selectProps, isMulti, hasValue } = props;
+  const {
+    customMenuItemOptions,
+    selectMeasure: {
+      bounds: { bottom }
+    }
+  } = selectProps;
+  const listRef = useRef(null);
+  const [inside, setInside] = useState(false);
+  const remainingHeight = window.innerHeight - bottom - 10;
+  useEffect(() => {
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, []);
+  const handleKeyDown = () => setInside(false);
+  const { itemSize = 35, maxOptions } = customMenuItemOptions;
+  const itemData = createItemData(options, customMenuItemOptions);
+  const RenderOption = !isMulti ? CustomOption : CustomOptionMulti;
+  const height = useMenuListHeight(options, maxOptions, itemSize, remainingHeight);
+  if (listRef && listRef.current && !inside && hasValue) {
+    scrollTo(listRef);
+  }
+  useEffect(() => {
+    if (hasValue && !inside && listRef)
+      scrollTo(listRef);
+  }, [options]);
+  const setInsideFalseAtClosing = () => setInside(false);
+  useEffect(() => setInsideFalseAtClosing, []);
+  if (!options.length)
+    return /* @__PURE__ */ React2.createElement(components.MenuList, {
+      ...props
+    });
+  return /* @__PURE__ */ React2.createElement("div", {
+    role: "list",
+    "data-testid": "combobox-menu-list"
+  }, isMulti && /* @__PURE__ */ React2.createElement(MultiSelectHeader, {
+    ...props
+  }), /* @__PURE__ */ React2.createElement(List, {
+    ref: (r) => {
+      listRef.current = r;
+      if (!inside && listRef && hasValue) {
+        scrollTo(listRef);
+      }
+    },
+    className: `combobox-menu-list ${isMulti && "combobox-menu-list-is-multi"}`,
+    height,
+    itemCount: options.length,
+    itemData,
+    itemSize,
+    onScroll: () => setInside(true),
+    useIsScrolling: true
+  }, RenderOption));
+});
+MenuList.propTypes = {
+  children: PropTypes.arrayOf(PropTypes.element),
+  selectProps: PropTypes.object,
+  isMulti: PropTypes.bool,
+  hasValue: PropTypes.bool
+};
+var MenuList_default = MenuList;
+export {
+  MenuList,
+  MenuList_default as default
+};
+//# sourceMappingURL=MenuList.js.map

package/dist/esm/ComboBox/v2/components/MenuList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v2/components/MenuList.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { components } from 'react-select';\nimport { FixedSizeList as List } from 'react-window';\nimport memoize from 'memoize-one';\nimport { CustomOption } from './CustomOption';\nimport { CustomOptionMulti } from './CustomOptionMulti';\nimport { MultiSelectHeader } from './MultiSelectHeader';\nimport { useMenuListHeight } from './useMenuListHeight';\n\nconst createItemData = memoize((items, options) => {\n  if (items?.findIndex) {\n    const index = items.findIndex((item) => item.props.isFocused);\n    if (index > -1) return { items, options };\n    return {\n      items: [\n        { ...items[0], props: { ...items[0].props, isFocused: true } },\n        ...items.slice(1),\n      ],\n      options,\n    };\n  }\n  return { items, options };\n});\n\nconst scrollTo = (listRef, type) => {\n  if (listRef && listRef.current && listRef.current.props) {\n    const { items } = listRef.current.props.itemData;\n    const index = items.findIndex((item) => item.props.isFocused);\n    listRef.current.scrollToItem(index !== -1 ? index : 0, type);\n  }\n};\n\nconst MenuList = React.memo((props) => {\n  const { children: options, selectProps, isMulti, hasValue } = props;\n  const {\n    customMenuItemOptions,\n    selectMeasure: {\n      bounds: { bottom },\n    },\n  } = selectProps;\n  const listRef = useRef(null);\n  const [inside, setInside] = useState(false);\n  const remainingHeight = window.innerHeight - bottom - 10;\n\n  useEffect(() => {\n    window.addEventListener('keydown', handleKeyDown);\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, []);\n\n  const handleKeyDown = () => setInside(false);\n\n  const { itemSize = 35, maxOptions } = customMenuItemOptions;\n  const itemData = createItemData(options, customMenuItemOptions);\n  const RenderOption = !isMulti ? CustomOption : CustomOptionMulti;\n\n  const height = useMenuListHeight(\n    options,\n    maxOptions,\n    itemSize,\n    remainingHeight,\n  );\n\n  if (listRef && listRef.current && !inside && hasValue) {\n    scrollTo(listRef); // use autoScroll\n  }\n\n  useEffect(() => {\n    // fix this that has a bug where the groups is being focused\n    if (hasValue && !inside && listRef) scrollTo(listRef);\n  }, [options]);\n\n  const setInsideFalseAtClosing = () => setInside(false);\n  useEffect(() => setInsideFalseAtClosing, []);\n\n  if (!options.length) return <components.MenuList {...props} />;\n\n  return (\n    <div role='list' data-testid=\"combobox-menu-list\">\n      {isMulti && <MultiSelectHeader {...props} />}\n      <List\n        ref={(r) => {\n          listRef.current = r;\n          if (!inside && listRef && hasValue) {\n            scrollTo(listRef);\n          }\n        }}\n        className={`combobox-menu-list ${\n          isMulti && 'combobox-menu-list-is-multi'\n        }`}\n        height={height}\n        itemCount={options.length}\n        itemData={itemData}\n        itemSize={itemSize}\n        onScroll={() => setInside(true)}\n        useIsScrolling\n      >\n        {RenderOption}\n      </List>\n    </div>\n  );\n});\n\nMenuList.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.element),\n  selectProps: PropTypes.object,\n  isMulti: PropTypes.bool,\n  hasValue: PropTypes.bool,\n};\n\nexport { MenuList };\nexport default MenuList;\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,QAAQ,CAAC,OAAO,YAAY;AACjD,MAAI,OAAO,WAAW;AACpB,UAAM,QAAQ,MAAM,UAAU,CAAC,SAAS,KAAK,MAAM;AACnD,QAAI,QAAQ;AAAI,aAAO,EAAE,OAAO;AAChC,WAAO;AAAA,MACL,OAAO;AAAA,QACL,KAAK,MAAM,IAAI,OAAO,KAAK,MAAM,GAAG,OAAO,WAAW;AAAA,QACtD,GAAG,MAAM,MAAM;AAAA;AAAA,MAEjB;AAAA;AAAA;AAGJ,SAAO,EAAE,OAAO;AAAA;AAGlB,MAAM,WAAW,CAAC,SAAS,SAAS;AAClC,MAAI,WAAW,QAAQ,WAAW,QAAQ,QAAQ,OAAO;AACvD,UAAM,EAAE,UAAU,QAAQ,QAAQ,MAAM;AACxC,UAAM,QAAQ,MAAM,UAAU,CAAC,SAAS,KAAK,MAAM;AACnD,YAAQ,QAAQ,aAAa,UAAU,KAAK,QAAQ,GAAG;AAAA;AAAA;AAI3D,MAAM,WAAW,OAAM,KAAK,CAAC,UAAU;AACrC,QAAM,EAAE,UAAU,SAAS,aAAa,SAAS,aAAa;AAC9D,QAAM;AAAA,IACJ;AAAA,IACA,eAAe;AAAA,MACb,QAAQ,EAAE;AAAA;AAAA,MAEV;AACJ,QAAM,UAAU,OAAO;AACvB,QAAM,CAAC,QAAQ,aAAa,SAAS;AACrC,QAAM,kBAAkB,OAAO,cAAc,SAAS;AAEtD,YAAU,MAAM;AACd,WAAO,iBAAiB,WAAW;AACnC,WAAO,MAAM,OAAO,oBAAoB,WAAW;AAAA,KAClD;AAEH,QAAM,gBAAgB,MAAM,UAAU;AAEtC,QAAM,EAAE,WAAW,IAAI,eAAe;AACtC,QAAM,WAAW,eAAe,SAAS;AACzC,QAAM,eAAe,CAAC,UAAU,eAAe;AAE/C,QAAM,SAAS,kBACb,SACA,YACA,UACA;AAGF,MAAI,WAAW,QAAQ,WAAW,CAAC,UAAU,UAAU;AACrD,aAAS;AAAA;AAGX,YAAU,MAAM;AAEd,QAAI,YAAY,CAAC,UAAU;AAAS,eAAS;AAAA,KAC5C,CAAC;AAEJ,QAAM,0BAA0B,MAAM,UAAU;AAChD,YAAU,MAAM,yBAAyB;AAEzC,MAAI,CAAC,QAAQ;AAAQ,WAAO,qCAAC,WAAW,UAAZ;AAAA,SAAyB;AAAA;AAErD,SACE,qCAAC,OAAD;AAAA,IAAK,MAAK;AAAA,IAAO,eAAY;AAAA,KAC1B,WAAW,qCAAC,mBAAD;AAAA,OAAuB;AAAA,MACnC,qCAAC,MAAD;AAAA,IACE,KAAK,CAAC,MAAM;AACV,cAAQ,UAAU;AAClB,UAAI,CAAC,UAAU,WAAW,UAAU;AAClC,iBAAS;AAAA;AAAA;AAAA,IAGb,WAAW,sBACT,WAAW;AAAA,IAEb;AAAA,IACA,WAAW,QAAQ;AAAA,IACnB;AAAA,IACA;AAAA,IACA,UAAU,MAAM,UAAU;AAAA,IAC1B,gBAAc;AAAA,KAEb;AAAA;AAMT,SAAS,YAAY;AAAA,EACnB,UAAU,UAAU,QAAQ,UAAU;AAAA,EACtC,aAAa,UAAU;AAAA,EACvB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA;AAItB,IAAO,mBAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v2/components/MultiSelectHeader.js

@@ -0,0 +1,82 @@
+import * as React from "react";
+import React2, { useContext } from "react";
+import PropTypes from "prop-types";
+import styled from "styled-components";
+import { DSButton, BUTTON_VARIANT } from "@elliemae/ds-button";
+import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import { DSSeparator } from "@elliemae/ds-separator";
+import { DropDownContext } from "../context";
+const MultiSelectHeader = (props) => {
+  const totalItems = props.children.length;
+  const selectedItems = props.children.filter((child) => child.props.isSelected).length;
+  const { onSelectAll, selectAllDisabled } = useContext(DropDownContext);
+  const isClearButtonDisabled = selectedItems === 0;
+  const isAllButtonDisabled = selectedItems === totalItems;
+  return /* @__PURE__ */ React2.createElement(HeaderWrapper, null, /* @__PURE__ */ React2.createElement(ContentWrapper, null, /* @__PURE__ */ React2.createElement(HeaderTitle, null, /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
+    value: `${selectedItems} selected`
+  })), !selectAllDisabled && /* @__PURE__ */ React2.createElement(ActionButtons, null, /* @__PURE__ */ React2.createElement(StyledButton, {
+    "data-testid": "combobox-all-btn",
+    buttonType: "text",
+    labelText: "All",
+    size: "s",
+    onClick: () => onSelectAll(true),
+    disabled: isAllButtonDisabled,
+    "aria-disabled": isAllButtonDisabled ? "true" : "false",
+    variant: isAllButtonDisabled && BUTTON_VARIANT.DISABLED
+  }), /* @__PURE__ */ React2.createElement(StyledSeparator, {
+    orientation: "vertical",
+    position: "center",
+    type: "group-level",
+    margin: "none"
+  }), /* @__PURE__ */ React2.createElement(StyledButton, {
+    "data-testid": "combobox-clear-btn",
+    buttonType: "text",
+    labelText: "Clear",
+    size: "s",
+    onClick: () => onSelectAll(false),
+    disabled: isClearButtonDisabled,
+    "aria-disabled": isClearButtonDisabled ? "true" : "false",
+    variant: isClearButtonDisabled && BUTTON_VARIANT.DISABLED
+  }))), /* @__PURE__ */ React2.createElement(DSSeparator, {
+    position: "center",
+    type: "non-form",
+    margin: "none"
+  }));
+};
+const HeaderWrapper = styled.div`
+  display: flex;
+  flex-direction: column;
+  padding: 0 ${(props) => props.theme.space.xs};
+`;
+const ContentWrapper = styled.div`
+  display: grid;
+  align-items: flex-end;
+  justify-content: space-between;
+  height: ${(props) => props.theme.space.s};
+  padding-bottom: 4px;
+  grid-template-columns: minmax(0, 1fr) 104px;
+`;
+const HeaderTitle = styled.span`
+  color: ${(props) => props.theme.colors.neutral[500]};
+  text-overflow: ellipsis;
+`;
+const ActionButtons = styled.div`
+  display: inline-flex;
+  color: ${(props) => props.theme.colors.neutral[500]};
+`;
+const StyledSeparator = styled(DSSeparator)`
+  height: auto;
+  width: auto;
+`;
+const StyledButton = styled(DSButton)`
+  padding: 0 ${(props) => props.theme.space.xxs};
+`;
+MultiSelectHeader.propTypes = {
+  children: PropTypes.array
+};
+var MultiSelectHeader_default = MultiSelectHeader;
+export {
+  MultiSelectHeader,
+  MultiSelectHeader_default as default
+};
+//# sourceMappingURL=MultiSelectHeader.js.map

package/dist/esm/ComboBox/v2/components/MultiSelectHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v2/components/MultiSelectHeader.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-cycle */\n/* eslint-disable react/destructuring-assignment,max-lines,react/display-name, react/require-default-props */\nimport React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { DSButton, BUTTON_VARIANT } from '@elliemae/ds-button';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { DSSeparator } from '@elliemae/ds-separator';\nimport { DropDownContext } from '../context';\n\nconst MultiSelectHeader = (props) => {\n  const totalItems = props.children.length;\n  const selectedItems = props.children.filter((child) => child.props.isSelected).length;\n  const { onSelectAll, selectAllDisabled } = useContext(DropDownContext);\n  const isClearButtonDisabled = selectedItems === 0;\n  const isAllButtonDisabled = selectedItems === totalItems;\n\n  return (\n    <HeaderWrapper>\n      <ContentWrapper>\n        <HeaderTitle>\n          <SimpleTruncatedTooltipText value={`${selectedItems} selected`} />\n        </HeaderTitle>\n        {!selectAllDisabled && (\n          <ActionButtons>\n            <StyledButton\n              data-testid=\"combobox-all-btn\"\n              buttonType=\"text\"\n              labelText=\"All\"\n              size=\"s\"\n              onClick={() => onSelectAll(true)}\n              disabled={isAllButtonDisabled}\n              aria-disabled={isAllButtonDisabled ? 'true' : 'false'}\n              variant={isAllButtonDisabled && BUTTON_VARIANT.DISABLED}\n            />\n            <StyledSeparator orientation=\"vertical\" position=\"center\" type=\"group-level\" margin=\"none\" />\n            <StyledButton\n              data-testid=\"combobox-clear-btn\"\n              buttonType=\"text\"\n              labelText=\"Clear\"\n              size=\"s\"\n              onClick={() => onSelectAll(false)}\n              disabled={isClearButtonDisabled}\n              aria-disabled={isClearButtonDisabled ? 'true' : 'false'}\n              variant={isClearButtonDisabled && BUTTON_VARIANT.DISABLED}\n            />\n          </ActionButtons>\n        )}\n      </ContentWrapper>\n      <DSSeparator position=\"center\" type=\"non-form\" margin=\"none\" />\n    </HeaderWrapper>\n  );\n};\n\nconst HeaderWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  padding: 0 ${(props) => props.theme.space.xs};\n`;\n\nconst ContentWrapper = styled.div`\n  display: grid;\n  align-items: flex-end;\n  justify-content: space-between;\n  height: ${(props) => props.theme.space.s};\n  padding-bottom: 4px;\n  grid-template-columns: minmax(0, 1fr) 104px;\n`;\n\nconst HeaderTitle = styled.span`\n  color: ${(props) => props.theme.colors.neutral[500]};\n  text-overflow: ellipsis;\n`;\n\nconst ActionButtons = styled.div`\n  display: inline-flex;\n  color: ${(props) => props.theme.colors.neutral[500]};\n`;\n\nconst StyledSeparator = styled(DSSeparator)`\n  height: auto;\n  width: auto;\n`;\n\nconst StyledButton = styled(DSButton)`\n  padding: 0 ${(props) => props.theme.space.xxs};\n`;\n\nMultiSelectHeader.propTypes = {\n  children: PropTypes.array,\n};\n\nexport { MultiSelectHeader };\nexport default MultiSelectHeader;\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,oBAAoB,CAAC,UAAU;AACnC,QAAM,aAAa,MAAM,SAAS;AAClC,QAAM,gBAAgB,MAAM,SAAS,OAAO,CAAC,UAAU,MAAM,MAAM,YAAY;AAC/E,QAAM,EAAE,aAAa,sBAAsB,WAAW;AACtD,QAAM,wBAAwB,kBAAkB;AAChD,QAAM,sBAAsB,kBAAkB;AAE9C,SACE,qCAAC,eAAD,MACE,qCAAC,gBAAD,MACE,qCAAC,aAAD,MACE,qCAAC,4BAAD;AAAA,IAA4B,OAAO,GAAG;AAAA,OAEvC,CAAC,qBACA,qCAAC,eAAD,MACE,qCAAC,cAAD;AAAA,IACE,eAAY;AAAA,IACZ,YAAW;AAAA,IACX,WAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAS,MAAM,YAAY;AAAA,IAC3B,UAAU;AAAA,IACV,iBAAe,sBAAsB,SAAS;AAAA,IAC9C,SAAS,uBAAuB,eAAe;AAAA,MAEjD,qCAAC,iBAAD;AAAA,IAAiB,aAAY;AAAA,IAAW,UAAS;AAAA,IAAS,MAAK;AAAA,IAAc,QAAO;AAAA,MACpF,qCAAC,cAAD;AAAA,IACE,eAAY;AAAA,IACZ,YAAW;AAAA,IACX,WAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAS,MAAM,YAAY;AAAA,IAC3B,UAAU;AAAA,IACV,iBAAe,wBAAwB,SAAS;AAAA,IAChD,SAAS,yBAAyB,eAAe;AAAA,QAKzD,qCAAC,aAAD;AAAA,IAAa,UAAS;AAAA,IAAS,MAAK;AAAA,IAAW,QAAO;AAAA;AAAA;AAK5D,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA,eAGd,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAG5C,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA,YAIlB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAKzC,MAAM,cAAc,OAAO;AAAA,WAChB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIjD,MAAM,gBAAgB,OAAO;AAAA;AAAA,WAElB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGjD,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAK/B,MAAM,eAAe,OAAO;AAAA,eACb,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAG5C,kBAAkB,YAAY;AAAA,EAC5B,UAAU,UAAU;AAAA;AAItB,IAAO,4BAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v2/components/MultiValueLabel.js

@@ -0,0 +1,16 @@
+import * as React from "react";
+import React2 from "react";
+import { PopperPositions as Positions } from "@elliemae/ds-popper";
+import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+function MultiValueLabel({ children }) {
+  return /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
+    tooltipPlacement: Positions.TOP,
+    value: children
+  });
+}
+var MultiValueLabel_default = MultiValueLabel;
+export {
+  MultiValueLabel,
+  MultiValueLabel_default as default
+};
+//# sourceMappingURL=MultiValueLabel.js.map

package/dist/esm/ComboBox/v2/components/MultiValueLabel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v2/components/MultiValueLabel.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PopperPositions as Positions } from '@elliemae/ds-popper';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nfunction MultiValueLabel({ children }) {\n  return (\n    <DSTruncatedTooltipText tooltipPlacement={Positions.TOP} value={children} />\n  );\n}\n\nexport { MultiValueLabel };\nexport default MultiValueLabel;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,yBAAyB,EAAE,YAAY;AACrC,SACE,qCAAC,wBAAD;AAAA,IAAwB,kBAAkB,UAAU;AAAA,IAAK,OAAO;AAAA;AAAA;AAKpE,IAAO,0BAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v2/components/MultiValueRemove.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+import React2 from "react";
+import { components } from "react-select";
+function MultiValueRemove({ innerProps, ...rest }) {
+  const innerPropsWithOutRemoval = {
+    ...innerProps,
+    onClick: () => {
+    },
+    onTouchEnd: () => {
+    },
+    onMouseDown: () => {
+    }
+  };
+  return /* @__PURE__ */ React2.createElement(components.MultiValueRemove, {
+    ...rest,
+    innerProps: innerPropsWithOutRemoval
+  }, ",");
+}
+var MultiValueRemove_default = MultiValueRemove;
+export {
+  MultiValueRemove,
+  MultiValueRemove_default as default
+};
+//# sourceMappingURL=MultiValueRemove.js.map

package/dist/esm/ComboBox/v2/components/MultiValueRemove.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v2/components/MultiValueRemove.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { components } from 'react-select';\n\nfunction MultiValueRemove({ innerProps, ...rest }) {\n  const innerPropsWithOutRemoval = {\n    ...innerProps,\n    onClick: () => {},\n    onTouchEnd: () => {},\n    onMouseDown: () => {},\n  };\n  return (\n    <components.MultiValueRemove\n      {...rest}\n      innerProps={innerPropsWithOutRemoval}\n    >\n      ,\n    </components.MultiValueRemove>\n  );\n}\n\nexport { MultiValueRemove };\nexport default MultiValueRemove;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,0BAA0B,EAAE,eAAe,QAAQ;AACjD,QAAM,2BAA2B;AAAA,OAC5B;AAAA,IACH,SAAS,MAAM;AAAA;AAAA,IACf,YAAY,MAAM;AAAA;AAAA,IAClB,aAAa,MAAM;AAAA;AAAA;AAErB,SACE,qCAAC,WAAW,kBAAZ;AAAA,OACM;AAAA,IACJ,YAAY;AAAA,KACb;AAAA;AAOL,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v2/components/SelectMenu.js

@@ -0,0 +1,43 @@
+import * as React from "react";
+import React2 from "react";
+import { components } from "react-select";
+import { DSPopper, PopperPositions } from "@elliemae/ds-popper";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { Content } from "./Content";
+const TriggerComponent = aggregatedClasses("div")("combobox-trigger", null);
+const SelectMenu = (props) => {
+  const {
+    inlineMenu,
+    selectMeasure: { bounds },
+    expandMenuToContainer,
+    expandMenuOutsideContainer,
+    zIndex
+  } = props.selectProps;
+  if (inlineMenu) {
+    return /* @__PURE__ */ React2.createElement(components.Menu, {
+      ...props
+    });
+  }
+  const styleMenu = expandMenuToContainer ? { width: bounds.width } : {};
+  if (expandMenuOutsideContainer) {
+    styleMenu.width = "auto";
+  }
+  return /* @__PURE__ */ React2.createElement(DSPopper, {
+    contentComponent: /* @__PURE__ */ React2.createElement(Content, {
+      ...props,
+      styleMenu
+    }),
+    isOpen: true,
+    placement: PopperPositions.BOTTOM_START,
+    preventOverflow: /* @__PURE__ */ React2.createElement(TriggerComponent, null),
+    showArrow: false,
+    triggerComponent: /* @__PURE__ */ React2.createElement(TriggerComponent, null),
+    zIndex
+  });
+};
+var SelectMenu_default = SelectMenu;
+export {
+  SelectMenu,
+  SelectMenu_default as default
+};
+//# sourceMappingURL=SelectMenu.js.map