@elliemae/ds-form 2.1.0 → 2.2.0-alpha.3

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

@@ -1,79 +1,57 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/esnext.async-iterator.find.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.find.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import React, { useContext } from 'react';
-import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
-import { DSCheckbox } from '../../../Checkbox/DSCheckbox.js';
-import { DropDownContext } from '../context.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const CustomOptionMulti = _ref => {
-  let {
-    index,
-    data,
-    style,
-    isScrolling
-  } = _ref;
+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
-    }
+    options: { useTruncatedText }
   } = data;
   const option = items[index];
-  const {
-    value
-  } = useContext(DropDownContext);
-  const isSelected = !!(value !== null && value !== void 0 && value.find(item => {
-    var _option$props;
-
-    return item.label === (option === null || option === void 0 ? void 0 : (_option$props = option.props) === null || _option$props === void 0 ? void 0 : _option$props.label);
-  }));
-
-  const optionProps = _objectSpread(_objectSpread({}, option.props.innerProps), {}, {
+  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 => {
+    "data-testid": "combobox-option",
+    role: "option",
+    "aria-selected": isSelected,
+    onClick: (e) => {
       e.stopPropagation();
-      if (option.props.innerProps.onClick) option.props.innerProps.onClick(e);
+      if (option.props.innerProps.onClick)
+        option.props.innerProps.onClick(e);
     }
-  });
-
+  };
   if (useTruncatedText) {
-    return /*#__PURE__*/React.cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
+    return React2.cloneElement(option, {
+      ...option.props,
       innerProps: optionProps
-    }), /*#__PURE__*/_jsx("div", {
+    }, /* @__PURE__ */ React2.createElement("div", {
       className: "combobox-v2-option-multiple-container"
-    }, void 0, /*#__PURE__*/_jsx(DSCheckbox, {
+    }, /* @__PURE__ */ React2.createElement(DSCheckbox, {
       checked: option.props.isSelected,
       labelText: " "
-    }), /*#__PURE__*/_jsx("div", {
+    }), /* @__PURE__ */ React2.createElement("div", {
       className: "combobox-v2-option-multiple-truncated-label"
-    }, void 0, /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
+    }, /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
       value: option.props.children
     }))));
   }
-
-  return /*#__PURE__*/React.cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
+  return React2.cloneElement(option, {
+    ...option.props,
     innerProps: optionProps,
-    children: /*#__PURE__*/_jsx("div", {
+    children: /* @__PURE__ */ React2.createElement("div", {
       className: "combobox-v2-option-multiple-container"
-    }, void 0, /*#__PURE__*/_jsx(DSCheckbox, {
+    }, /* @__PURE__ */ React2.createElement(DSCheckbox, {
       checked: option.props.isSelected,
       labelText: option.props.children
     }))
-  }));
+  });
+};
+var CustomOptionMulti_default = CustomOptionMulti;
+export {
+  CustomOptionMulti,
+  CustomOptionMulti_default as default
 };
-
-export { CustomOptionMulti as default };
+//# sourceMappingURL=CustomOptionMulti.js.map

package/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/esm/ComboBox/v2/components/DropdownIndicator.js

@@ -1,90 +1,66 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { 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.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _ChevronSmallDown;
-
-const _excluded = ["innerRef", "onKeyDown", "options", "theme", "clearValue", "getStyles", "getValue", "setValue", "hasStyle", "hasValue", "isMulti", "isRtl", "isDisabled", "isFocused", "selectOption", "selectProps", "innerProps", "cx"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DropdownIndicator = _ref => {
-  let {
-    innerRef,
-    onKeyDown,
-    options,
-    theme,
-    clearValue,
-    getStyles,
-    getValue,
-    setValue,
-    hasStyle,
-    hasValue,
-    isMulti,
-    isRtl,
-    isDisabled,
-    isFocused,
-    selectOption,
-    selectProps,
-    innerProps,
-    cx
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  const {
-    changeHandleOpening,
-    changeMenuOpen,
-    inputInFocus,
-    handleOpening,
-    menuOpen,
-    onClickDropdownIndicator
-  } = useContext(DropDownContext);
+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 => {
+  const handleOnClick = (e) => {
     onClickDropdownIndicator(e);
     changeMenuOpen(!menuOpen);
     changeHandleOpening(!handleOpening);
   };
-
-  const handleOnKeyDown = e => {
-    if (e.key === 'Enter') {
+  const handleOnKeyDown = (e) => {
+    if (e.key === "Enter") {
       changeMenuOpen(!menuOpen);
       e.preventDefault();
     }
   };
-
-  return /*#__PURE__*/jsx(DSButton, _objectSpread({
+  return /* @__PURE__ */ React2.createElement(DSButton, {
     "data-testid": "combobox-dropdown-btn",
     "aria-label": "dropdown-indicator",
     buttonType: "text",
-    className: "dropdown-indicator ".concat(get(selectProps, 'menuIsOpen', false) && !inputInFocus ? 'active' : ''),
-    icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx(ChevronSmallDown, {})),
-    innerRef: innerRef,
+    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);
+    onTouchEnd: (e) => {
+      if (touchClick)
+        handleOnClick(e);
       setTouchClick(false);
     },
     tabIndex: -1,
-    variant: get(selectProps, 'menuIsOpen', false) && !inputInFocus ? BUTTON_VARIANT.ACTIVE : BUTTON_VARIANT.DEFAULT
-  }, rest));
+    variant: get(selectProps, "menuIsOpen", false) && !inputInFocus ? BUTTON_VARIANT.ACTIVE : BUTTON_VARIANT.DEFAULT,
+    ...rest
+  });
+};
+var DropdownIndicator_default = DropdownIndicator;
+export {
+  DropdownIndicator,
+  DropdownIndicator_default as default
 };
-
-export { DropdownIndicator as default };
+//# sourceMappingURL=DropdownIndicator.js.map

package/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/esm/ComboBox/v2/components/GroupHeading.js

@@ -1,38 +1,30 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { components } from 'react-select';
-import DSSeparator from '@elliemae/ds-separator';
-import { getGroupHeaderPosition } from './utils.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _StyledSeparator;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const GroupHeading = props => {
+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__*/_jsx(Wrapper, {}, void 0, hasSeparator && (_StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx(StyledSeparator, {
+  const { hasSeparator } = props.selectProps.options[headerPosition];
+  return /* @__PURE__ */ React2.createElement(Wrapper, null, hasSeparator && /* @__PURE__ */ React2.createElement(StyledSeparator, {
     type: "non-form"
-  }))), /*#__PURE__*/jsx(components.GroupHeading, _objectSpread({}, props)));
+  }), /* @__PURE__ */ React2.createElement(components.GroupHeading, {
+    ...props
+  }));
 };
-
-const StyledSeparator = /*#__PURE__*/styled(DSSeparator).withConfig({
-  componentId: "sc-1bw0sto-0"
-})(["width:auto;margin:", ";margin-top:unset;"], props => props.theme.space.xs);
-const Wrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1bw0sto-1"
-})(["display:flex;flex-direction:column;"]);
-
-export { GroupHeading as default };
+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/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/esm/ComboBox/v2/components/IndicatorSeparator.js

@@ -1,20 +1,11 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const IndicatorSeparator = _ref => {
-  let {
-    innerProps
-  } = _ref;
-  return /*#__PURE__*/jsx("span", _objectSpread({}, innerProps));
+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
 };
-
-export { IndicatorSeparator, IndicatorSeparator as default };
+//# sourceMappingURL=IndicatorSeparator.js.map

package/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/esm/ComboBox/v2/components/LoadingIndicator.js

@@ -1,17 +1,20 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';
-
-var _Wrapper;
-const Wrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-m7hflj-0"
-})(["display:flex;justify-content:center;margin-top:12px;"]);
-
-const LoadingIndicator = () => _Wrapper || (_Wrapper = /*#__PURE__*/_jsx(Wrapper, {
+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"
-}, void 0, /*#__PURE__*/_jsx(DSCircularProgressIndicator, {
+}, /* @__PURE__ */ React2.createElement(DSCircularProgressIndicator, {
   size: "m"
-})));
-
-export { LoadingIndicator as default };
+}));
+var LoadingIndicator_default = LoadingIndicator;
+export {
+  LoadingIndicator,
+  LoadingIndicator_default as default
+};
+//# sourceMappingURL=LoadingIndicator.js.map

package/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/esm/ComboBox/v2/components/MenuList.js

@@ -1,123 +1,98 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import React, { useRef, useState, useEffect } from 'react';
-import { components } from 'react-select';
-import { FixedSizeList } from 'react-window';
-import memoize from 'memoize-one';
-import CustomOption from './CustomOption.js';
-import CustomOptionMulti from './CustomOptionMulti.js';
-import MultiSelectHeader from './MultiSelectHeader.js';
-import { useMenuListHeight } from './useMenuListHeight.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 !== null && items !== void 0 && items.findIndex) {
-    const index = items.findIndex(item => item.props.isFocused);
-    if (index > -1) return {
-      items,
-      options
-    };
+  if (items?.findIndex) {
+    const index = items.findIndex((item) => item.props.isFocused);
+    if (index > -1)
+      return { items, options };
     return {
-      items: [_objectSpread(_objectSpread({}, items[0]), {}, {
-        props: _objectSpread(_objectSpread({}, items[0].props), {}, {
-          isFocused: true
-        })
-      }), ...items.slice(1)],
+      items: [
+        { ...items[0], props: { ...items[0].props, isFocused: true } },
+        ...items.slice(1)
+      ],
       options
     };
   }
-
-  return {
-    items,
-    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);
+    const { items } = listRef.current.props.itemData;
+    const index = items.findIndex((item) => item.props.isFocused);
     listRef.current.scrollToItem(index !== -1 ? index : 0, type);
   }
 };
-
-const MenuList = /*#__PURE__*/React.memo(props => {
-  const {
-    children: options,
-    selectProps,
-    isMulti,
-    hasValue
-  } = props;
+const MenuList = React2.memo((props) => {
+  const { children: options, selectProps, isMulti, hasValue } = props;
   const {
     customMenuItemOptions,
     selectMeasure: {
-      bounds: {
-        bottom
-      }
+      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);
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
   }, []);
-
   const handleKeyDown = () => setInside(false);
-
-  const {
-    itemSize = 35,
-    maxOptions
-  } = customMenuItemOptions;
+  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); // use autoScroll
+    scrollTo(listRef);
   }
-
   useEffect(() => {
-    // fix this that has a bug where the groups is being focused
-    if (hasValue && !inside && listRef) scrollTo(listRef);
+    if (hasValue && !inside && listRef)
+      scrollTo(listRef);
   }, [options]);
-
   const setInsideFalseAtClosing = () => setInside(false);
-
   useEffect(() => setInsideFalseAtClosing, []);
-  if (!options.length) return /*#__PURE__*/jsx(components.MenuList, _objectSpread({}, props));
-  return /*#__PURE__*/_jsx("div", {
+  if (!options.length)
+    return /* @__PURE__ */ React2.createElement(components.MenuList, {
+      ...props
+    });
+  return /* @__PURE__ */ React2.createElement("div", {
     role: "list",
     "data-testid": "combobox-menu-list"
-  }, void 0, isMulti && /*#__PURE__*/jsx(MultiSelectHeader, _objectSpread({}, props)), /*#__PURE__*/jsx(FixedSizeList, {
-    ref: r => {
+  }, 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 ".concat(isMulti && 'combobox-menu-list-is-multi'),
-    height: height,
+    className: `combobox-menu-list ${isMulti && "combobox-menu-list-is-multi"}`,
+    height,
     itemCount: options.length,
-    itemData: itemData,
-    itemSize: itemSize,
+    itemData,
+    itemSize,
     onScroll: () => setInside(true),
-    useIsScrolling: true,
-    children: RenderOption
-  }));
+    useIsScrolling: true
+  }, RenderOption));
 });
-
-export { MenuList as default };
+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