@elliemae/ds-form 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/ComboBox/v2/context.js

@@ -1,36 +1,13 @@
-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 context_exports = {};
-__export(context_exports, {
-  DropDownContext: () => DropDownContext
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-const DropDownContext = import_react.default.createContext();
-module.exports = __toCommonJS(context_exports);
-//# sourceMappingURL=context.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const DropDownContext = /*#__PURE__*/React__default["default"].createContext();
+
+exports.DropDownContext = DropDownContext;

package/cjs/ComboBox/v2/index.js

@@ -1,36 +1,11 @@
-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 v2_exports = {};
-__export(v2_exports, {
-  default: () => import_Combobox.default
-});
-var React = __toESM(require("react"));
-__reExport(v2_exports, __toESM(require("./Combobox")));
-var import_Combobox = __toESM(require("./Combobox"));
-module.exports = __toCommonJS(v2_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Combobox = require('./Combobox.js');
+
+
+
+exports.ComboBoxWithSchema = Combobox.ComboBoxWithSchema;
+exports.DSComboBox2 = Combobox.DSComboBox2;
+exports["default"] = Combobox.DSComboBox2;

package/cjs/ComboBox/v2/mockOptions.js

@@ -1,57 +1,20 @@
-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 mockOptions_exports = {};
-__export(mockOptions_exports, {
-  default: () => mockOptions_default
-});
-var React = __toESM(require("react"));
-const options = [
-  {
-    value: "id_1",
-    label: "Luke Skywalker"
-  },
-  {
-    value: "id_2",
-    label: "Obi-Wan Kenobi"
-  },
-  {
-    value: "id_3",
-    label: "Padme Amidala"
-  },
-  {
-    value: "id_4",
-    label: "Han Solo"
-  },
-  {
-    value: "id_5",
-    label: "Anakin Skywalker"
-  }
-];
-var mockOptions_default = options;
-module.exports = __toCommonJS(mockOptions_exports);
-//# sourceMappingURL=mockOptions.js.map
+'use strict';
+
+const options = [{
+  value: 'id_1',
+  label: 'Luke Skywalker'
+}, {
+  value: 'id_2',
+  label: 'Obi-Wan Kenobi'
+}, {
+  value: 'id_3',
+  label: 'Padme Amidala'
+}, {
+  value: 'id_4',
+  label: 'Han Solo'
+}, {
+  value: 'id_5',
+  label: 'Anakin Skywalker'
+}];
+
+module.exports = options;

package/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js

@@ -1,122 +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 ComboBoxFreeSolo_exports = {};
-__export(ComboBoxFreeSolo_exports, {
-  ComboBoxFreeSolo: () => ComboBoxFreeSolo,
-  default: () => ComboBoxFreeSolo_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_lodash = __toESM(require("lodash"));
-var import_ComboBox = __toESM(require("../ComboBox"));
-var import_MultiValueLabel = __toESM(require("./components/MultiValueLabel"));
-var import_MultiValueRemove = __toESM(require("./components/MultiValueRemove"));
-var import_SingleValue = __toESM(require("./components/SingleValue"));
-var import_SingleValueRemove = __toESM(require("./components/SingleValueRemove"));
+'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 lodash = require('lodash');
+require('../ComboBox/v1/DSComboBox.js');
+var Combobox = require('../ComboBox/v2/Combobox.js');
+var MultiValueLabel = require('./components/MultiValueLabel.js');
+var MultiValueRemove = require('./components/MultiValueRemove.js');
+var SingleValue = require('./components/SingleValue.js');
+var SingleValueRemove = require('./components/SingleValueRemove.js');
+
+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);
+
+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 customStyles = {
-  multiValueRemove: import_MultiValueRemove.MultiValueRemove.style,
-  clearIndicator: import_SingleValueRemove.SingleValueRemove.style,
-  multiValue: (base) => ({
-    ...base,
-    borderRadius: "10px",
-    backgroundColor: "#ebf6ff"
+  multiValueRemove: MultiValueRemove.MultiValueRemove.style,
+  clearIndicator: SingleValueRemove.SingleValueRemove.style,
+  multiValue: base => _objectSpread(_objectSpread({}, base), {}, {
+    borderRadius: '10px',
+    backgroundColor: '#ebf6ff'
   }),
-  valueContainer: (base) => ({
-    ...base,
-    display: "-webkit-box",
-    flexWrap: "nowrap",
-    overflowX: "scroll",
-    overflowY: "hidden",
-    "-ms-overflow-style": "none",
-    "scrollbar-width": "none",
-    "::-webkit-scrollbar": { display: "none" }
+  valueContainer: base => _objectSpread(_objectSpread({}, base), {}, {
+    display: '-webkit-box',
+    flexWrap: 'nowrap',
+    overflowX: 'scroll',
+    overflowY: 'hidden',
+    '-ms-overflow-style': 'none',
+    // IE and Edge
+    'scrollbar-width': 'none',
+    // Firefox
+    '::-webkit-scrollbar': {
+      display: 'none'
+    } // Chrome
+
   })
 };
-function ComboBoxFreeSolo({
-  isMulti = false,
-  options = {},
-  value = [],
-  onChange = import_lodash.noop,
-  onChangeV2 = import_lodash.noop,
-  onInputChange = import_lodash.noop,
-  onFocus = import_lodash.noop,
-  onBlur = import_lodash.noop,
-  containerProps = {},
-  disabled = false,
-  menuIsOpen = false,
-  placeholder = "Select values",
-  formatCreateLabel = (val) => `Create ${val}`,
-  maxOptions = void 0
-}) {
-  return /* @__PURE__ */ import_react.default.createElement(import_ComboBox.DSComboBox2, {
+
+function ComboBoxFreeSolo(_ref) {
+  let {
+    isMulti = false,
+    options = {},
+    value = [],
+    onChange = lodash.noop,
+    onChangeV2 = lodash.noop,
+    onInputChange = lodash.noop,
+    onFocus = lodash.noop,
+    onBlur = lodash.noop,
+    containerProps = {},
+    disabled = false,
+    menuIsOpen = false,
+    placeholder = 'Select values',
+    formatCreateLabel = val => "Create ".concat(val),
+    maxOptions = undefined
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](Combobox.DSComboBox2, {
     isFreeSolo: true,
     clearable: true,
-    isMulti,
-    value,
-    options,
+    isMulti: isMulti,
+    value: value,
+    options: options,
     keepTypedValue: false,
-    placeholder,
-    disabled,
-    menuIsOpen,
-    formatCreateLabel,
+    placeholder: placeholder,
+    disabled: disabled,
+    menuIsOpen: menuIsOpen,
+    formatCreateLabel: formatCreateLabel,
     createOptionPosition: "first",
-    onChange,
-    onChangeV2,
-    onInputChange,
-    onFocus,
-    onBlur,
-    containerProps,
-    maxOptions,
+    onChange: onChange,
+    onChangeV2: onChangeV2,
+    onInputChange: onInputChange,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    containerProps: containerProps,
+    maxOptions: maxOptions,
     components: {
-      MultiValueLabel: import_MultiValueLabel.MultiValueLabel,
-      MultiValueRemove: import_MultiValueRemove.MultiValueRemove,
-      SingleValue: import_SingleValue.SingleValue
+      MultiValueLabel: MultiValueLabel.MultiValueLabel,
+      MultiValueRemove: MultiValueRemove.MultiValueRemove,
+      SingleValue: SingleValue.SingleValue
     },
     componentsStyle: customStyles
   });
 }
-ComboBoxFreeSolo.propTypes = {
-  containerProps: import_prop_types.default.object,
-  onFocus: import_prop_types.default.func,
-  onBlur: import_prop_types.default.func,
-  onChange: import_prop_types.default.func.isRequired,
-  onChangeV2: import_prop_types.default.func,
-  onInputChange: import_prop_types.default.func,
-  value: import_prop_types.default.oneOfType([import_prop_types.default.array, import_prop_types.default.object]),
-  options: import_prop_types.default.arrayOf(import_prop_types.default.object),
-  disabled: import_prop_types.default.bool,
-  isMulti: import_prop_types.default.bool,
-  placeholder: import_prop_types.default.string,
-  menuIsOpen: import_prop_types.default.bool,
-  formatCreateLabel: import_prop_types.default.func,
-  maxOptions: import_prop_types.default.number
-};
-var ComboBoxFreeSolo_default = ComboBoxFreeSolo;
-module.exports = __toCommonJS(ComboBoxFreeSolo_exports);
-//# sourceMappingURL=ComboBoxFreeSolo.js.map
+
+module.exports = ComboBoxFreeSolo;

package/cjs/ComboBoxFreeSolo/components/MultiValueLabel.js

@@ -1,66 +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 });
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var styled = require('styled-components');
+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 styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const RemovablePillWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-1qoa267-0"
+})(["display:flex;align-items:center;outline:none;height:", ";max-width:90%;margin:0;padding:0 4px;background-color:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";& + div{border-top-right-radius:", ";border-bottom-right-radius:", ";}"], props => props.theme.space.xs, props => props.theme.colors.brand[200], props => props.theme.fontSizes.value[600], props => props.theme.fontSizes.value[600], props => props.theme.fontSizes.value[600], props => props.theme.fontSizes.value[600]);
+const PillLabel = /*#__PURE__*/styled__default["default"].span.withConfig({
+  componentId: "sc-1qoa267-1"
+})(["margin:0 4px;color:", ";white-space:nowrap;text-overflow:ellipsis;overflow:hidden;"], props => props.theme.colors.neutral[800]);
+
+const RemovablePill = _ref => {
+  let {
+    label,
+    clear
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/_jsx__default["default"](RemovablePillWrapper, {
+      "data-testid": "pill-wrapper"
+    }, void 0, /*#__PURE__*/_jsx__default["default"](PillLabel, {}, void 0, label)), clear]
+  });
 };
-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;
+
+const MultiValueLabel = _ref2 => {
+  let {
+    children,
+    clear
+  } = _ref2;
+  return /*#__PURE__*/_jsx__default["default"](RemovablePill, {
+    label: children,
+    clear: clear
+  });
 };
-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
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-const RemovablePillWrapper = import_styled_components.default.div`
-  display: flex;
-  align-items: center;
-  outline: none;
-  height: ${(props) => props.theme.space.xs};
-  max-width: 90%;
-  margin: 0;
-  padding: 0 4px;
-  background-color: ${(props) => props.theme.colors.brand[200]};
-  border-top-left-radius: ${(props) => props.theme.fontSizes.value[600]};
-  border-bottom-left-radius: ${(props) => props.theme.fontSizes.value[600]};
-  & + div {
-    border-top-right-radius: ${(props) => props.theme.fontSizes.value[600]};
-    border-bottom-right-radius: ${(props) => props.theme.fontSizes.value[600]};
-  }
-`;
-const PillLabel = import_styled_components.default.span`
-  margin: 0 4px;
-  color: ${(props) => props.theme.colors.neutral[800]};
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-`;
-const RemovablePill = ({ label, clear }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(RemovablePillWrapper, {
-  "data-testid": "pill-wrapper"
-}, /* @__PURE__ */ import_react.default.createElement(PillLabel, null, label)), clear);
-const MultiValueLabel = ({ children, clear }) => /* @__PURE__ */ import_react.default.createElement(RemovablePill, {
-  label: children,
-  clear
-});
-module.exports = __toCommonJS(MultiValueLabel_exports);
-//# sourceMappingURL=MultiValueLabel.js.map
+
+exports.MultiValueLabel = MultiValueLabel;

package/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js

@@ -1,56 +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 MultiValueRemove_exports = {};
-__export(MultiValueRemove_exports, {
-  MultiValueRemove: () => MultiValueRemove
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_react_select = __toESM(require("react-select"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-const PillCloseAddon = import_styled_components.default.div`
-  cursor: pointer;
-  height: ${(props) => props.theme.space.xs};
-  & > span {
-    height: auto;
-  }
-`;
-const MultiValueRemove = (props) => /* @__PURE__ */ import_react.default.createElement(import_react_select.components.MultiValueRemove, {
-  ...props
-}, /* @__PURE__ */ import_react.default.createElement(PillCloseAddon, null, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseXsmall, null)));
-MultiValueRemove.style = (base) => ({
-  ...base,
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var styled = require('styled-components');
+var Select = require('react-select');
+var dsIcons = require('@elliemae/ds-icons');
+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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var _PillCloseAddon;
+
+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 PillCloseAddon = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-kbngzd-0"
+})(["cursor:pointer;height:", ";& > span{height:auto;}"], props => props.theme.space.xs);
+
+const MultiValueRemove = props => /*#__PURE__*/jsxRuntime.jsx(Select.components.MultiValueRemove, _objectSpread(_objectSpread({}, props), {}, {
+  children: _PillCloseAddon || (_PillCloseAddon = /*#__PURE__*/_jsx__default["default"](PillCloseAddon, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {})))
+}));
+
+MultiValueRemove.style = base => _objectSpread(_objectSpread({}, base), {}, {
   paddingLeft: 0,
-  height: "100%",
-  ":hover": {
-    backgroundColor: "#EBF6FF"
+  height: '100%',
+  ':hover': {
+    backgroundColor: '#EBF6FF'
   }
 });
-module.exports = __toCommonJS(MultiValueRemove_exports);
-//# sourceMappingURL=MultiValueRemove.js.map
+
+exports.MultiValueRemove = MultiValueRemove;