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

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

@@ -0,0 +1,127 @@
+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 MenuList_exports = {};
+__export(MenuList_exports, {
+  MenuList: () => MenuList,
+  default: () => MenuList_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_react_select = require("react-select");
+var import_react_window = require("react-window");
+var import_memoize_one = __toESM(require("memoize-one"));
+var import_CustomOption = require("./CustomOption");
+var import_CustomOptionMulti = require("./CustomOptionMulti");
+var import_MultiSelectHeader = require("./MultiSelectHeader");
+var import_useMenuListHeight = require("./useMenuListHeight");
+const createItemData = (0, import_memoize_one.default)((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 = import_react.default.memo((props) => {
+  const { children: options, selectProps, isMulti, hasValue } = props;
+  const {
+    customMenuItemOptions,
+    selectMeasure: {
+      bounds: { bottom }
+    }
+  } = selectProps;
+  const listRef = (0, import_react.useRef)(null);
+  const [inside, setInside] = (0, import_react.useState)(false);
+  const remainingHeight = window.innerHeight - bottom - 10;
+  (0, import_react.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 ? import_CustomOption.CustomOption : import_CustomOptionMulti.CustomOptionMulti;
+  const height = (0, import_useMenuListHeight.useMenuListHeight)(options, maxOptions, itemSize, remainingHeight);
+  if (listRef && listRef.current && !inside && hasValue) {
+    scrollTo(listRef);
+  }
+  (0, import_react.useEffect)(() => {
+    if (hasValue && !inside && listRef)
+      scrollTo(listRef);
+  }, [options]);
+  const setInsideFalseAtClosing = () => setInside(false);
+  (0, import_react.useEffect)(() => setInsideFalseAtClosing, []);
+  if (!options.length)
+    return /* @__PURE__ */ import_react.default.createElement(import_react_select.components.MenuList, {
+      ...props
+    });
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    role: "list",
+    "data-testid": "combobox-menu-list"
+  }, isMulti && /* @__PURE__ */ import_react.default.createElement(import_MultiSelectHeader.MultiSelectHeader, {
+    ...props
+  }), /* @__PURE__ */ import_react.default.createElement(import_react_window.FixedSizeList, {
+    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: import_prop_types.default.arrayOf(import_prop_types.default.element),
+  selectProps: import_prop_types.default.object,
+  isMulti: import_prop_types.default.bool,
+  hasValue: import_prop_types.default.bool
+};
+var MenuList_default = MenuList;
+module.exports = __toCommonJS(MenuList_exports);
+//# sourceMappingURL=MenuList.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/MenuList.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAmD;AACnD,wBAAsB;AACtB,0BAA2B;AAC3B,0BAAsC;AACtC,yBAAoB;AACpB,0BAA6B;AAC7B,+BAAkC;AAClC,+BAAkC;AAClC,+BAAkC;AAElC,MAAM,iBAAiB,gCAAQ,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,qBAAM,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,yBAAO;AACvB,QAAM,CAAC,QAAQ,aAAa,2BAAS;AACrC,QAAM,kBAAkB,OAAO,cAAc,SAAS;AAEtD,8BAAU,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,mCAAe;AAE/C,QAAM,SAAS,gDACb,SACA,YACA,UACA;AAGF,MAAI,WAAW,QAAQ,WAAW,CAAC,UAAU,UAAU;AACrD,aAAS;AAAA;AAGX,8BAAU,MAAM;AAEd,QAAI,YAAY,CAAC,UAAU;AAAS,eAAS;AAAA,KAC5C,CAAC;AAEJ,QAAM,0BAA0B,MAAM,UAAU;AAChD,8BAAU,MAAM,yBAAyB;AAEzC,MAAI,CAAC,QAAQ;AAAQ,WAAO,mDAAC,+BAAW,UAAZ;AAAA,SAAyB;AAAA;AAErD,SACE,mDAAC,OAAD;AAAA,IAAK,MAAK;AAAA,IAAO,eAAY;AAAA,KAC1B,WAAW,mDAAC,4CAAD;AAAA,OAAuB;AAAA,MACnC,mDAAC,mCAAD;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,0BAAU,QAAQ,0BAAU;AAAA,EACtC,aAAa,0BAAU;AAAA,EACvB,SAAS,0BAAU;AAAA,EACnB,UAAU,0BAAU;AAAA;AAItB,IAAO,mBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,111 @@
+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 MultiSelectHeader_exports = {};
+__export(MultiSelectHeader_exports, {
+  MultiSelectHeader: () => MultiSelectHeader,
+  default: () => MultiSelectHeader_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_button = require("@elliemae/ds-button");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_ds_separator = require("@elliemae/ds-separator");
+var import_context = require("../context");
+const MultiSelectHeader = (props) => {
+  const totalItems = props.children.length;
+  const selectedItems = props.children.filter((child) => child.props.isSelected).length;
+  const { onSelectAll, selectAllDisabled } = (0, import_react.useContext)(import_context.DropDownContext);
+  const isClearButtonDisabled = selectedItems === 0;
+  const isAllButtonDisabled = selectedItems === totalItems;
+  return /* @__PURE__ */ import_react.default.createElement(HeaderWrapper, null, /* @__PURE__ */ import_react.default.createElement(ContentWrapper, null, /* @__PURE__ */ import_react.default.createElement(HeaderTitle, null, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+    value: `${selectedItems} selected`
+  })), !selectAllDisabled && /* @__PURE__ */ import_react.default.createElement(ActionButtons, null, /* @__PURE__ */ import_react.default.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 && import_ds_button.BUTTON_VARIANT.DISABLED
+  }), /* @__PURE__ */ import_react.default.createElement(StyledSeparator, {
+    orientation: "vertical",
+    position: "center",
+    type: "group-level",
+    margin: "none"
+  }), /* @__PURE__ */ import_react.default.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 && import_ds_button.BUTTON_VARIANT.DISABLED
+  }))), /* @__PURE__ */ import_react.default.createElement(import_ds_separator.DSSeparator, {
+    position: "center",
+    type: "non-form",
+    margin: "none"
+  }));
+};
+const HeaderWrapper = import_styled_components.default.div`
+  display: flex;
+  flex-direction: column;
+  padding: 0 ${(props) => props.theme.space.xs};
+`;
+const ContentWrapper = import_styled_components.default.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 = import_styled_components.default.span`
+  color: ${(props) => props.theme.colors.neutral[500]};
+  text-overflow: ellipsis;
+`;
+const ActionButtons = import_styled_components.default.div`
+  display: inline-flex;
+  color: ${(props) => props.theme.colors.neutral[500]};
+`;
+const StyledSeparator = (0, import_styled_components.default)(import_ds_separator.DSSeparator)`
+  height: auto;
+  width: auto;
+`;
+const StyledButton = (0, import_styled_components.default)(import_ds_button.DSButton)`
+  padding: 0 ${(props) => props.theme.space.xxs};
+`;
+MultiSelectHeader.propTypes = {
+  children: import_prop_types.default.array
+};
+var MultiSelectHeader_default = MultiSelectHeader;
+module.exports = __toCommonJS(MultiSelectHeader_exports);
+//# sourceMappingURL=MultiSelectHeader.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/MultiSelectHeader.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkC;AAClC,wBAAsB;AACtB,+BAAmB;AACnB,uBAAyC;AACzC,uCAA2C;AAC3C,0BAA4B;AAC5B,qBAAgC;AAEhC,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,6BAAW;AACtD,QAAM,wBAAwB,kBAAkB;AAChD,QAAM,sBAAsB,kBAAkB;AAE9C,SACE,mDAAC,eAAD,MACE,mDAAC,gBAAD,MACE,mDAAC,aAAD,MACE,mDAAC,6DAAD;AAAA,IAA4B,OAAO,GAAG;AAAA,OAEvC,CAAC,qBACA,mDAAC,eAAD,MACE,mDAAC,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,gCAAe;AAAA,MAEjD,mDAAC,iBAAD;AAAA,IAAiB,aAAY;AAAA,IAAW,UAAS;AAAA,IAAS,MAAK;AAAA,IAAc,QAAO;AAAA,MACpF,mDAAC,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,gCAAe;AAAA,QAKzD,mDAAC,iCAAD;AAAA,IAAa,UAAS;AAAA,IAAS,MAAK;AAAA,IAAW,QAAO;AAAA;AAAA;AAK5D,MAAM,gBAAgB,iCAAO;AAAA;AAAA;AAAA,eAGd,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAG5C,MAAM,iBAAiB,iCAAO;AAAA;AAAA;AAAA;AAAA,YAIlB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAKzC,MAAM,cAAc,iCAAO;AAAA,WAChB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIjD,MAAM,gBAAgB,iCAAO;AAAA;AAAA,WAElB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGjD,MAAM,kBAAkB,sCAAO;AAAA;AAAA;AAAA;AAK/B,MAAM,eAAe,sCAAO;AAAA,eACb,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAG5C,kBAAkB,YAAY;AAAA,EAC5B,UAAU,0BAAU;AAAA;AAItB,IAAO,4BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,45 @@
+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 MultiValueLabel_exports = {};
+__export(MultiValueLabel_exports, {
+  MultiValueLabel: () => MultiValueLabel,
+  default: () => MultiValueLabel_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_popper = require("@elliemae/ds-popper");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+function MultiValueLabel({ children }) {
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
+    tooltipPlacement: import_ds_popper.PopperPositions.TOP,
+    value: children
+  });
+}
+var MultiValueLabel_default = MultiValueLabel;
+module.exports = __toCommonJS(MultiValueLabel_exports);
+//# sourceMappingURL=MultiValueLabel.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/MultiValueLabel.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAA6C;AAC7C,uCAAuC;AAEvC,yBAAyB,EAAE,YAAY;AACrC,SACE,mDAAC,yDAAD;AAAA,IAAwB,kBAAkB,iCAAU;AAAA,IAAK,OAAO;AAAA;AAAA;AAKpE,IAAO,0BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,53 @@
+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 MultiValueRemove_exports = {};
+__export(MultiValueRemove_exports, {
+  MultiValueRemove: () => MultiValueRemove,
+  default: () => MultiValueRemove_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_select = require("react-select");
+function MultiValueRemove({ innerProps, ...rest }) {
+  const innerPropsWithOutRemoval = {
+    ...innerProps,
+    onClick: () => {
+    },
+    onTouchEnd: () => {
+    },
+    onMouseDown: () => {
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react_select.components.MultiValueRemove, {
+    ...rest,
+    innerProps: innerPropsWithOutRemoval
+  }, ",");
+}
+var MultiValueRemove_default = MultiValueRemove;
+module.exports = __toCommonJS(MultiValueRemove_exports);
+//# sourceMappingURL=MultiValueRemove.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/MultiValueRemove.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAA2B;AAE3B,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,mDAAC,+BAAW,kBAAZ;AAAA,OACM;AAAA,IACJ,YAAY;AAAA,KACb;AAAA;AAOL,IAAO,2BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,72 @@
+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 SelectMenu_exports = {};
+__export(SelectMenu_exports, {
+  SelectMenu: () => SelectMenu,
+  default: () => SelectMenu_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_select = require("react-select");
+var import_ds_popper = require("@elliemae/ds-popper");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_Content = require("./Content");
+const TriggerComponent = (0, import_ds_classnames.aggregatedClasses)("div")("combobox-trigger", null);
+const SelectMenu = (props) => {
+  const {
+    inlineMenu,
+    selectMeasure: { bounds },
+    expandMenuToContainer,
+    expandMenuOutsideContainer,
+    zIndex
+  } = props.selectProps;
+  if (inlineMenu) {
+    return /* @__PURE__ */ import_react.default.createElement(import_react_select.components.Menu, {
+      ...props
+    });
+  }
+  const styleMenu = expandMenuToContainer ? { width: bounds.width } : {};
+  if (expandMenuOutsideContainer) {
+    styleMenu.width = "auto";
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_popper.DSPopper, {
+    contentComponent: /* @__PURE__ */ import_react.default.createElement(import_Content.Content, {
+      ...props,
+      styleMenu
+    }),
+    isOpen: true,
+    placement: import_ds_popper.PopperPositions.BOTTOM_START,
+    preventOverflow: /* @__PURE__ */ import_react.default.createElement(TriggerComponent, null),
+    showArrow: false,
+    triggerComponent: /* @__PURE__ */ import_react.default.createElement(TriggerComponent, null),
+    zIndex
+  });
+};
+var SelectMenu_default = SelectMenu;
+module.exports = __toCommonJS(SelectMenu_exports);
+//# sourceMappingURL=SelectMenu.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/SelectMenu.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable react/destructuring-assignment */\nimport React from 'react';\nimport { components } from 'react-select';\nimport { DSPopper, PopperPositions } from '@elliemae/ds-popper';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\n// todo: the dropdown menu should be separated to a basic component and then import it here\n// use this for the moment but this needs to be changed\nimport { Content } from './Content';\n\nconst TriggerComponent = aggregatedClasses('div')('combobox-trigger', null);\n\nconst SelectMenu = (props) => {\n  const {\n    inlineMenu,\n    selectMeasure: { bounds },\n    expandMenuToContainer,\n    expandMenuOutsideContainer,\n    zIndex,\n  } = props.selectProps;\n\n  if (inlineMenu) {\n    return <components.Menu {...props} />;\n  }\n\n  const styleMenu = expandMenuToContainer ? { width: bounds.width } : {};\n  if (expandMenuOutsideContainer) {\n    styleMenu.width = 'auto';\n  }\n\n  return (\n    <DSPopper\n      contentComponent={<Content {...props} styleMenu={styleMenu} />}\n      isOpen\n      placement={PopperPositions.BOTTOM_START}\n      preventOverflow={<TriggerComponent />}\n      showArrow={false}\n      triggerComponent={<TriggerComponent />}\n      zIndex={zIndex}\n    />\n  );\n};\n\nexport { SelectMenu };\nexport default SelectMenu;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,0BAA2B;AAC3B,uBAA0C;AAC1C,2BAAkC;AAIlC,qBAAwB;AAExB,MAAM,mBAAmB,4CAAkB,OAAO,oBAAoB;AAEtE,MAAM,aAAa,CAAC,UAAU;AAC5B,QAAM;AAAA,IACJ;AAAA,IACA,eAAe,EAAE;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,MACE,MAAM;AAEV,MAAI,YAAY;AACd,WAAO,mDAAC,+BAAW,MAAZ;AAAA,SAAqB;AAAA;AAAA;AAG9B,QAAM,YAAY,wBAAwB,EAAE,OAAO,OAAO,UAAU;AACpE,MAAI,4BAA4B;AAC9B,cAAU,QAAQ;AAAA;AAGpB,SACE,mDAAC,2BAAD;AAAA,IACE,kBAAkB,mDAAC,wBAAD;AAAA,SAAa;AAAA,MAAO;AAAA;AAAA,IACtC,QAAM;AAAA,IACN,WAAW,iCAAgB;AAAA,IAC3B,iBAAiB,mDAAC,kBAAD;AAAA,IACjB,WAAW;AAAA,IACX,kBAAkB,mDAAC,kBAAD;AAAA,IAClB;AAAA;AAAA;AAMN,IAAO,qBAAQ;",
+  "names": []
+}

package/dist/cjs/ComboBox/v2/components/SingleValueLabel.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 SingleValueLabel_exports = {};
+__export(SingleValueLabel_exports, {
+  SingleValueLabel: () => SingleValueLabel,
+  default: () => SingleValueLabel_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_popper = require("@elliemae/ds-popper");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+function SingleValueLabel({ children }) {
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
+    tooltipPlacement: import_ds_popper.PopperPositions.TOP,
+    value: children
+  });
+}
+SingleValueLabel.propTypes = {
+  children: import_prop_types.default.string.isRequired
+};
+var SingleValueLabel_default = SingleValueLabel;
+module.exports = __toCommonJS(SingleValueLabel_exports);
+//# sourceMappingURL=SingleValueLabel.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/SingleValueLabel.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { PopperPositions as Positions } from '@elliemae/ds-popper';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nfunction SingleValueLabel({ children }) {\n  return (\n    <DSTruncatedTooltipText tooltipPlacement={Positions.TOP} value={children} />\n  );\n}\n\nSingleValueLabel.propTypes = {\n  children: PropTypes.string.isRequired,\n};\n\nexport { SingleValueLabel };\nexport default SingleValueLabel;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,uBAA6C;AAC7C,uCAAuC;AAEvC,0BAA0B,EAAE,YAAY;AACtC,SACE,mDAAC,yDAAD;AAAA,IAAwB,kBAAkB,iCAAU;AAAA,IAAK,OAAO;AAAA;AAAA;AAIpE,iBAAiB,YAAY;AAAA,EAC3B,UAAU,0BAAU,OAAO;AAAA;AAI7B,IAAO,2BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,68 @@
+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 ValueContainer_exports = {};
+__export(ValueContainer_exports, {
+  ValueContainer: () => ValueContainer,
+  default: () => ValueContainer_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_select = require("react-select");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_context = require("../context");
+function ValueContainer({ children, ...rest }) {
+  const valueContainerRef = (0, import_react.useRef)(null);
+  const {
+    changeMenuOpen,
+    inputInFocus,
+    value,
+    clearable,
+    removeDropdownIndicator
+  } = (0, import_react.useContext)(import_context.DropDownContext);
+  const [touchClick, setTouchClick] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    "data-testid": "combobox-value-container",
+    onClick: (e) => {
+      e.stopPropagation();
+      changeMenuOpen(true);
+    },
+    onTouchStart: () => setTouchClick(true),
+    onTouchEnd: () => {
+      if (touchClick)
+        changeMenuOpen(true);
+      setTouchClick(false);
+    },
+    ref: valueContainerRef,
+    className: (0, import_ds_utilities.cx)("combobox-v2-value-container", inputInFocus && "in-focus", value && clearable && "has-value", removeDropdownIndicator && "dropdown-indicator-removed")
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_select.components.ValueContainer, {
+    ...rest
+  }, children));
+}
+var ValueContainer_default = ValueContainer;
+module.exports = __toCommonJS(ValueContainer_exports);
+//# sourceMappingURL=ValueContainer.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/ValueContainer.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable react/prop-types */\n/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\nimport React, { useContext, useRef, useState } from 'react';\nimport { components } from 'react-select';\nimport { cx } from '@elliemae/ds-utilities';\nimport { DropDownContext } from '../context';\n\nexport function ValueContainer({ children, ...rest }) {\n  const valueContainerRef = useRef(null);\n  const {\n    changeMenuOpen,\n    inputInFocus,\n    value,\n    clearable,\n    removeDropdownIndicator,\n  } = useContext(DropDownContext);\n\n  const [touchClick, setTouchClick] = useState(false);\n\n  return (\n    <div\n      data-testid=\"combobox-value-container\"\n      onClick={(e) => {\n        e.stopPropagation();\n        changeMenuOpen(true);\n      }}\n      onTouchStart={() => setTouchClick(true)}\n      onTouchEnd={() => {\n        if (touchClick) changeMenuOpen(true);\n        setTouchClick(false);\n      }}\n      ref={valueContainerRef}\n      className={cx(\n        'combobox-v2-value-container',\n        inputInFocus && 'in-focus',\n        value && clearable && 'has-value',\n        removeDropdownIndicator && 'dropdown-indicator-removed',\n      )}\n    >\n      <components.ValueContainer {...rest}>\n        {children}\n      </components.ValueContainer>\n    </div>\n  );\n}\n\nexport default ValueContainer;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAoD;AACpD,0BAA2B;AAC3B,0BAAmB;AACnB,qBAAgC;AAEzB,wBAAwB,EAAE,aAAa,QAAQ;AACpD,QAAM,oBAAoB,yBAAO;AACjC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,CAAC,YAAY,iBAAiB,2BAAS;AAE7C,SACE,mDAAC,OAAD;AAAA,IACE,eAAY;AAAA,IACZ,SAAS,CAAC,MAAM;AACd,QAAE;AACF,qBAAe;AAAA;AAAA,IAEjB,cAAc,MAAM,cAAc;AAAA,IAClC,YAAY,MAAM;AAChB,UAAI;AAAY,uBAAe;AAC/B,oBAAc;AAAA;AAAA,IAEhB,KAAK;AAAA,IACL,WAAW,4BACT,+BACA,gBAAgB,YAChB,SAAS,aAAa,aACtB,2BAA2B;AAAA,KAG7B,mDAAC,+BAAW,gBAAZ;AAAA,OAA+B;AAAA,KAC5B;AAAA;AAMT,IAAO,yBAAQ;",
+  "names": []
+}