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

package/dist/cjs/ComboBox/v2/components/Content.js

@@ -0,0 +1,54 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Content_exports = {};
+__export(Content_exports, {
+  Content: () => Content,
+  default: () => Content_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_select = require("react-select");
+var import_prop_types = __toESM(require("prop-types"));
+const Content = ({ scheduleUpdate, styleMenu, ...rest }) => {
+  (0, import_react.useEffect)(() => {
+    scheduleUpdate();
+  }, [rest?.selectProps?.inputValue]);
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    style: styleMenu,
+    "data-testid": "combobox-menu"
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_select.components.Menu, {
+    ...rest
+  }));
+};
+Content.propTypes = {
+  scheduleUpdate: import_prop_types.default.func,
+  styleMenu: import_prop_types.default.any
+};
+var Content_default = Content;
+module.exports = __toCommonJS(Content_exports);
+//# sourceMappingURL=Content.js.map

package/dist/cjs/ComboBox/v2/components/Content.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/Content.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useEffect } from 'react';\nimport { components } from 'react-select';\nimport PropTypes from 'prop-types';\n\nconst Content = ({ scheduleUpdate, styleMenu, ...rest }) => {\n  useEffect(() => {\n    // trigger popper update on input change PUI-4069\n    scheduleUpdate();\n  }, [rest?.selectProps?.inputValue]);\n  return (\n    <div style={styleMenu} data-testid=\"combobox-menu\">\n      <components.Menu {...rest} />\n    </div>\n  );\n};\n\nContent.propTypes = {\n  scheduleUpdate: PropTypes.func,\n  styleMenu: PropTypes.any,\n};\n\nexport { Content };\nexport default Content;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAiC;AACjC,0BAA2B;AAC3B,wBAAsB;AAEtB,MAAM,UAAU,CAAC,EAAE,gBAAgB,cAAc,WAAW;AAC1D,8BAAU,MAAM;AAEd;AAAA,KACC,CAAC,MAAM,aAAa;AACvB,SACE,mDAAC,OAAD;AAAA,IAAK,OAAO;AAAA,IAAW,eAAY;AAAA,KACjC,mDAAC,+BAAW,MAAZ;AAAA,OAAqB;AAAA;AAAA;AAK3B,QAAQ,YAAY;AAAA,EAClB,gBAAgB,0BAAU;AAAA,EAC1B,WAAW,0BAAU;AAAA;AAIvB,IAAO,kBAAQ;",
+  "names": []
+}

package/dist/cjs/ComboBox/v2/components/Control.js

@@ -0,0 +1,44 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Control_exports = {};
+__export(Control_exports, {
+  Control: () => Control,
+  default: () => Control_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_select = require("react-select");
+var import_react_popper = require("react-popper");
+const Control = (props) => /* @__PURE__ */ import_react.default.createElement(import_react_popper.Reference, null, ({ ref }) => /* @__PURE__ */ import_react.default.createElement("div", {
+  ref
+}, /* @__PURE__ */ import_react.default.createElement(import_react_select.components.Control, {
+  ...props
+})));
+var Control_default = Control;
+module.exports = __toCommonJS(Control_exports);
+//# sourceMappingURL=Control.js.map

package/dist/cjs/ComboBox/v2/components/Control.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/Control.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { components } from 'react-select';\nimport { Reference } from 'react-popper';\n\nconst Control = props => (\n  <Reference>\n    {({ ref }) => (\n      <div ref={ref}>\n        <components.Control {...props} />\n      </div>\n    )}\n  </Reference>\n);\n\nexport { Control };\nexport default Control;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAA2B;AAC3B,0BAA0B;AAE1B,MAAM,UAAU,WACd,mDAAC,+BAAD,MACG,CAAC,EAAE,UACF,mDAAC,OAAD;AAAA,EAAK;AAAA,GACH,mDAAC,+BAAW,SAAZ;AAAA,KAAwB;AAAA;AAOhC,IAAO,kBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,88 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var CustomOption_exports = {};
+__export(CustomOption_exports, {
+  CustomOption: () => CustomOption,
+  default: () => CustomOption_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_ds_separator = require("@elliemae/ds-separator");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_context = require("../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 } = (0, import_react.useContext)(import_context.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 && (0, import_lodash.get)(option, "props.selectProps.menuIsOpen")) {
+    return import_react.default.cloneElement(option, {
+      ...option.props,
+      innerProps: optionProps,
+      tabIndex: 0
+    }, /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, option.props.data.hasSeparator && !(0, import_lodash.isArray)(option.props.data.options) && /* @__PURE__ */ import_react.default.createElement(import_ds_separator.DSSeparator, {
+      margin: "none",
+      style: { zIndex: -2 },
+      type: "non-form"
+    }), /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+      value: option.props.children
+    })));
+  }
+  return import_react.default.cloneElement(option, {
+    ...option.props,
+    tabIndex: 0,
+    innerProps: optionProps
+  }, /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, option.props.data.hasSeparator && !(0, import_lodash.isArray)(option.props.data.options) && /* @__PURE__ */ import_react.default.createElement(import_ds_separator.DSSeparator, {
+    margin: "none",
+    style: { zIndex: -2 },
+    type: "non-form"
+  }), option.props.children));
+};
+var CustomOption_default = CustomOption;
+module.exports = __toCommonJS(CustomOption_exports);
+//# sourceMappingURL=CustomOption.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/CustomOption.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkC;AAClC,oBAA6B;AAC7B,0BAA4B;AAC5B,uCAA2C;AAC3C,qBAAgC;AAEhC,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,6BAAW;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,uBAAI,QAAQ,iCAAiC;AACnE,WAAO,qBAAM,aACX,QACA;AAAA,SACK,OAAO;AAAA,MACV,YAAY;AAAA,MACZ,UAAU;AAAA,OAEZ,wFACG,OAAO,MAAM,KAAK,gBACjB,CAAC,2BAAQ,OAAO,MAAM,KAAK,YACzB,mDAAC,iCAAD;AAAA,MAAa,QAAO;AAAA,MAAO,OAAO,EAAE,QAAQ;AAAA,MAAM,MAAK;AAAA,QAE3D,mDAAC,6DAAD;AAAA,MAA4B,OAAO,OAAO,MAAM;AAAA;AAAA;AAKtD,SAAO,qBAAM,aACX,QACA;AAAA,OACK,OAAO;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,KAEd,wFACG,OAAO,MAAM,KAAK,gBACjB,CAAC,2BAAQ,OAAO,MAAM,KAAK,YACzB,mDAAC,iCAAD;AAAA,IAAa,QAAO;AAAA,IAAO,OAAO,EAAE,QAAQ;AAAA,IAAM,MAAK;AAAA,MAE1D,OAAO,MAAM;AAAA;AAMpB,IAAO,uBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,86 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var CustomOptionMulti_exports = {};
+__export(CustomOptionMulti_exports, {
+  CustomOptionMulti: () => CustomOptionMulti,
+  default: () => CustomOptionMulti_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_Checkbox = require("../../../Checkbox");
+var import_context = require("../context");
+const CustomOptionMulti = ({ index, data, style, isScrolling }) => {
+  const {
+    items,
+    options: { useTruncatedText }
+  } = data;
+  const option = items[index];
+  const { value } = (0, import_react.useContext)(import_context.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 import_react.default.cloneElement(option, {
+      ...option.props,
+      innerProps: optionProps
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "combobox-v2-option-multiple-container"
+    }, /* @__PURE__ */ import_react.default.createElement(import_Checkbox.DSCheckbox, {
+      checked: option.props.isSelected,
+      labelText: " "
+    }), /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "combobox-v2-option-multiple-truncated-label"
+    }, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+      value: option.props.children
+    }))));
+  }
+  return import_react.default.cloneElement(option, {
+    ...option.props,
+    innerProps: optionProps,
+    children: /* @__PURE__ */ import_react.default.createElement("div", {
+      className: "combobox-v2-option-multiple-container"
+    }, /* @__PURE__ */ import_react.default.createElement(import_Checkbox.DSCheckbox, {
+      checked: option.props.isSelected,
+      labelText: option.props.children
+    }))
+  });
+};
+var CustomOptionMulti_default = CustomOptionMulti;
+module.exports = __toCommonJS(CustomOptionMulti_exports);
+//# sourceMappingURL=CustomOptionMulti.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/CustomOptionMulti.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,uCAA2C;AAC3C,sBAA2B;AAC3B,qBAAgC;AAEhC,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,6BAAW;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,qBAAM,aACX,QACA;AAAA,SACK,OAAO;AAAA,MACV,YAAY;AAAA,OAEd,mDAAC,OAAD;AAAA,MAAK,WAAU;AAAA,OACb,mDAAC,4BAAD;AAAA,MAAY,SAAS,OAAO,MAAM;AAAA,MAAY,WAAU;AAAA,QACxD,mDAAC,OAAD;AAAA,MAAK,WAAU;AAAA,OACb,mDAAC,6DAAD;AAAA,MAA4B,OAAO,OAAO,MAAM;AAAA;AAAA;AAMxD,SAAO,qBAAM,aAAa,QAAQ;AAAA,OAC7B,OAAO;AAAA,IACV,YAAY;AAAA,IACZ,UACE,mDAAC,OAAD;AAAA,MAAK,WAAU;AAAA,OACb,mDAAC,4BAAD;AAAA,MACE,SAAS,OAAO,MAAM;AAAA,MACtB,WAAW,OAAO,MAAM;AAAA;AAAA;AAAA;AAQlC,IAAO,4BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,95 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DropdownIndicator_exports = {};
+__export(DropdownIndicator_exports, {
+  DropdownIndicator: () => DropdownIndicator,
+  default: () => DropdownIndicator_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_button = require("@elliemae/ds-button");
+var import_context = require("../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 } = (0, import_react.useContext)(import_context.DropDownContext);
+  const [touchClick, setTouchClick] = (0, import_react.useState)(false);
+  const handleOnClick = (e) => {
+    onClickDropdownIndicator(e);
+    changeMenuOpen(!menuOpen);
+    changeHandleOpening(!handleOpening);
+  };
+  const handleOnKeyDown = (e) => {
+    if (e.key === "Enter") {
+      changeMenuOpen(!menuOpen);
+      e.preventDefault();
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
+    "data-testid": "combobox-dropdown-btn",
+    "aria-label": "dropdown-indicator",
+    buttonType: "text",
+    className: `dropdown-indicator ${(0, import_lodash.get)(selectProps, "menuIsOpen", false) && !inputInFocus ? "active" : ""}`,
+    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallDown, null),
+    innerRef,
+    onClick: handleOnClick,
+    onKeyDown: handleOnKeyDown,
+    onTouchStart: () => setTouchClick(true),
+    onTouchEnd: (e) => {
+      if (touchClick)
+        handleOnClick(e);
+      setTouchClick(false);
+    },
+    tabIndex: -1,
+    variant: (0, import_lodash.get)(selectProps, "menuIsOpen", false) && !inputInFocus ? import_ds_button.BUTTON_VARIANT.ACTIVE : import_ds_button.BUTTON_VARIANT.DEFAULT,
+    ...rest
+  });
+};
+var DropdownIndicator_default = DropdownIndicator;
+module.exports = __toCommonJS(DropdownIndicator_exports);
+//# sourceMappingURL=DropdownIndicator.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/DropdownIndicator.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA4C;AAC5C,oBAAoB;AACpB,sBAAiC;AACjC,uBAAyC;AACzC,qBAAgC;AAEhC,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,6BAAW;AAEb,QAAM,CAAC,YAAY,iBAAiB,2BAAS;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,mDAAC,2BAAD;AAAA,IACE,eAAY;AAAA,IACZ,cAAW;AAAA,IACX,YAAW;AAAA,IACX,WAAW,sBAAsB,uBAAI,aAAa,cAAc,UAAU,CAAC,eAAe,WAAW;AAAA,IACrG,MAAM,mDAAC,kCAAD;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,uBAAI,aAAa,cAAc,UAAU,CAAC,eAAe,gCAAe,SAAS,gCAAe;AAAA,OACrG;AAAA;AAAA;AAMV,IAAO,4BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,59 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var GroupHeading_exports = {};
+__export(GroupHeading_exports, {
+  GroupHeading: () => GroupHeading,
+  default: () => GroupHeading_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_react_select = require("react-select");
+var import_ds_separator = require("@elliemae/ds-separator");
+var import_utils = require("./utils");
+const GroupHeading = (props) => {
+  const headerPosition = (0, import_utils.getGroupHeaderPosition)(props.id);
+  const { hasSeparator } = props.selectProps.options[headerPosition];
+  return /* @__PURE__ */ import_react.default.createElement(Wrapper, null, hasSeparator && /* @__PURE__ */ import_react.default.createElement(StyledSeparator, {
+    type: "non-form"
+  }), /* @__PURE__ */ import_react.default.createElement(import_react_select.components.GroupHeading, {
+    ...props
+  }));
+};
+const StyledSeparator = (0, import_styled_components.default)(import_ds_separator.DSSeparator)`
+  width: auto;
+  margin: ${(props) => props.theme.space.xs};
+  margin-top: unset;
+`;
+const Wrapper = import_styled_components.default.div`
+  display: flex;
+  flex-direction: column;
+`;
+var GroupHeading_default = GroupHeading;
+module.exports = __toCommonJS(GroupHeading_exports);
+//# sourceMappingURL=GroupHeading.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/GroupHeading.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAmB;AACnB,0BAA2B;AAC3B,0BAA4B;AAC5B,mBAAuC;AAEvC,MAAM,eAAe,CAAC,UAAU;AAC9B,QAAM,iBAAiB,yCAAuB,MAAM;AACpD,QAAM,EAAE,iBAAiB,MAAM,YAAY,QAAQ;AAEnD,SACE,mDAAC,SAAD,MACG,gBAAgB,mDAAC,iBAAD;AAAA,IAAiB,MAAK;AAAA,MACvC,mDAAC,+BAAW,cAAZ;AAAA,OAA6B;AAAA;AAAA;AAKnC,MAAM,kBAAkB,sCAAO;AAAA;AAAA,YAEnB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAIzC,MAAM,UAAU,iCAAO;AAAA;AAAA;AAAA;AAMvB,IAAO,uBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,40 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var IndicatorSeparator_exports = {};
+__export(IndicatorSeparator_exports, {
+  IndicatorSeparator: () => IndicatorSeparator,
+  default: () => IndicatorSeparator_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+const IndicatorSeparator = ({ innerProps }) => /* @__PURE__ */ import_react.default.createElement("span", {
+  ...innerProps
+});
+var IndicatorSeparator_default = IndicatorSeparator;
+module.exports = __toCommonJS(IndicatorSeparator_exports);
+//# sourceMappingURL=IndicatorSeparator.js.map

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

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

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

@@ -0,0 +1,49 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var LoadingIndicator_exports = {};
+__export(LoadingIndicator_exports, {
+  LoadingIndicator: () => LoadingIndicator,
+  default: () => LoadingIndicator_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_circular_progress_indicator = require("@elliemae/ds-circular-progress-indicator");
+const Wrapper = import_styled_components.default.div`
+  display: flex;
+  justify-content: center;
+  margin-top: 12px;
+`;
+const LoadingIndicator = () => /* @__PURE__ */ import_react.default.createElement(Wrapper, {
+  "data-testid": "ds-combobox_loading-indicator"
+}, /* @__PURE__ */ import_react.default.createElement(import_ds_circular_progress_indicator.DSCircularProgressIndicator, {
+  size: "m"
+}));
+var LoadingIndicator_default = LoadingIndicator;
+module.exports = __toCommonJS(LoadingIndicator_exports);
+//# sourceMappingURL=LoadingIndicator.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/LoadingIndicator.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAmB;AACnB,4CAA4C;AAE5C,MAAM,UAAU,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMvB,MAAM,mBAAmB,MACvB,mDAAC,SAAD;AAAA,EAAS,eAAY;AAAA,GACnB,mDAAC,mEAAD;AAAA,EAA6B,MAAK;AAAA;AAKtC,IAAO,2BAAQ;",
+  "names": []
+}