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

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

@@ -1,83 +1,111 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-var React = require('react');
-var styled = require('styled-components');
-var DSButton = require('@elliemae/ds-button');
-var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var DSSeparator = require('@elliemae/ds-separator');
-var context = require('../context.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var DSSeparator__default = /*#__PURE__*/_interopDefaultLegacy(DSSeparator);
-
-var _StyledSeparator, _DSSeparator;
-
-const MultiSelectHeader = props => {
+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
-  } = React.useContext(context.DropDownContext);
+  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__*/_jsx__default["default"](HeaderWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](ContentWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](HeaderTitle, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.SimpleTruncatedTooltipText, {
-    value: "".concat(selectedItems, " selected")
-  })), !selectAllDisabled && /*#__PURE__*/_jsx__default["default"](ActionButtons, {}, void 0, /*#__PURE__*/_jsx__default["default"](StyledButton, {
+  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 && DSButton.BUTTON_VARIANT.DISABLED
-  }), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx__default["default"](StyledSeparator, {
+    "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__*/_jsx__default["default"](StyledButton, {
+  }), /* @__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 && DSButton.BUTTON_VARIANT.DISABLED
-  }))), _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
+    "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
 };
-
-const HeaderWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-zjm4r5-0"
-})(["display:flex;flex-direction:column;padding:0 ", ";"], props => props.theme.space.xs);
-const ContentWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-zjm4r5-1"
-})(["display:grid;align-items:flex-end;justify-content:space-between;height:", ";padding-bottom:4px;grid-template-columns:minmax(0,1fr) 104px;"], props => props.theme.space.s);
-const HeaderTitle = /*#__PURE__*/styled__default["default"].span.withConfig({
-  componentId: "sc-zjm4r5-2"
-})(["color:", ";text-overflow:ellipsis;"], props => props.theme.colors.neutral[500]);
-const ActionButtons = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-zjm4r5-3"
-})(["display:inline-flex;color:", ";"], props => props.theme.colors.neutral[500]);
-const StyledSeparator = /*#__PURE__*/styled__default["default"](DSSeparator__default["default"]).withConfig({
-  componentId: "sc-zjm4r5-4"
-})(["height:auto;width:auto;"]);
-const StyledButton = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
-  componentId: "sc-zjm4r5-5"
-})(["padding:0 ", ";"], props => props.theme.space.xxs);
-
-module.exports = MultiSelectHeader;
+var MultiSelectHeader_default = MultiSelectHeader;
+module.exports = __toCommonJS(MultiSelectHeader_exports);
+//# sourceMappingURL=MultiSelectHeader.js.map

package/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/cjs/ComboBox/v2/components/MultiValueLabel.js

@@ -1,23 +1,45 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var DSPopper = require('@elliemae/ds-popper');
-var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
-
-function MultiValueLabel(_ref) {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
-    tooltipPlacement: DSPopper.PopperPositions.TOP,
+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
   });
 }
-
-module.exports = MultiValueLabel;
+var MultiValueLabel_default = MultiValueLabel;
+module.exports = __toCommonJS(MultiValueLabel_exports);
+//# sourceMappingURL=MultiValueLabel.js.map

package/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/cjs/ComboBox/v2/components/MultiValueRemove.js

@@ -1,43 +1,53 @@
-'use strict';
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-var Select = require('react-select');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-const _excluded = ["innerProps"];
-
-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__default["default"](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; }
-
-function MultiValueRemove(_ref) {
-  let {
-    innerProps
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  const innerPropsWithOutRemoval = _objectSpread(_objectSpread({}, innerProps), {}, {
-    onClick: () => {},
-    onTouchEnd: () => {},
-    onMouseDown: () => {}
-  });
-
-  return /*#__PURE__*/jsxRuntime.jsx(Select.components.MultiValueRemove, _objectSpread(_objectSpread({}, rest), {}, {
-    innerProps: innerPropsWithOutRemoval,
-    children: ","
-  }));
+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
+  }, ",");
 }
-
-module.exports = MultiValueRemove;
+var MultiValueRemove_default = MultiValueRemove;
+module.exports = __toCommonJS(MultiValueRemove_exports);
+//# sourceMappingURL=MultiValueRemove.js.map

package/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/cjs/ComboBox/v2/components/SelectMenu.js

@@ -1,66 +1,72 @@
-'use strict';
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('react');
-var Select = require('react-select');
-var DSPopper = require('@elliemae/ds-popper');
-var dsClassnames = require('@elliemae/ds-classnames');
-var Content = require('./Content.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
-
-var _TriggerComponent, _TriggerComponent2;
-
-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__default["default"](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 TriggerComponent = dsClassnames.aggregatedClasses('div')('combobox-trigger', null);
-
-const SelectMenu = props => {
+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
-    },
+    selectMeasure: { bounds },
     expandMenuToContainer,
     expandMenuOutsideContainer,
     zIndex
   } = props.selectProps;
-
   if (inlineMenu) {
-    return /*#__PURE__*/jsxRuntime.jsx(Select.components.Menu, _objectSpread({}, props));
+    return /* @__PURE__ */ import_react.default.createElement(import_react_select.components.Menu, {
+      ...props
+    });
   }
-
-  const styleMenu = expandMenuToContainer ? {
-    width: bounds.width
-  } : {};
-
+  const styleMenu = expandMenuToContainer ? { width: bounds.width } : {};
   if (expandMenuOutsideContainer) {
-    styleMenu.width = 'auto';
+    styleMenu.width = "auto";
   }
-
-  return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
-    contentComponent: /*#__PURE__*/jsxRuntime.jsx(Content, _objectSpread(_objectSpread({}, props), {}, {
-      styleMenu: styleMenu
-    })),
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_popper.DSPopper, {
+    contentComponent: /* @__PURE__ */ import_react.default.createElement(import_Content.Content, {
+      ...props,
+      styleMenu
+    }),
     isOpen: true,
-    placement: DSPopper.PopperPositions.BOTTOM_START,
-    preventOverflow: _TriggerComponent || (_TriggerComponent = /*#__PURE__*/_jsx__default["default"](TriggerComponent, {})),
+    placement: import_ds_popper.PopperPositions.BOTTOM_START,
+    preventOverflow: /* @__PURE__ */ import_react.default.createElement(TriggerComponent, null),
     showArrow: false,
-    triggerComponent: _TriggerComponent2 || (_TriggerComponent2 = /*#__PURE__*/_jsx__default["default"](TriggerComponent, {})),
-    zIndex: zIndex
+    triggerComponent: /* @__PURE__ */ import_react.default.createElement(TriggerComponent, null),
+    zIndex
   });
 };
-
-module.exports = SelectMenu;
+var SelectMenu_default = SelectMenu;
+module.exports = __toCommonJS(SelectMenu_exports);
+//# sourceMappingURL=SelectMenu.js.map

package/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/cjs/ComboBox/v2/components/SingleValueLabel.js

@@ -1,23 +1,49 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var DSPopper = require('@elliemae/ds-popper');
-var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
-
-function SingleValueLabel(_ref) {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
-    tooltipPlacement: DSPopper.PopperPositions.TOP,
+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
   });
 }
-
-module.exports = SingleValueLabel;
+SingleValueLabel.propTypes = {
+  children: import_prop_types.default.string.isRequired
+};
+var SingleValueLabel_default = SingleValueLabel;
+module.exports = __toCommonJS(SingleValueLabel_exports);
+//# sourceMappingURL=SingleValueLabel.js.map

package/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": []
+}