@elliemae/ds-form 2.2.1 → 2.3.0-alpha.4

package/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js

@@ -1,95 +1,122 @@
-'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; }
+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 = require("lodash");
+var import_ComboBox = require("../ComboBox");
+var import_MultiValueLabel = require("./components/MultiValueLabel");
+var import_MultiValueRemove = require("./components/MultiValueRemove");
+var import_SingleValue = require("./components/SingleValue");
+var import_SingleValueRemove = require("./components/SingleValueRemove");
 const customStyles = {
-  multiValueRemove: MultiValueRemove.MultiValueRemove.style,
-  clearIndicator: SingleValueRemove.SingleValueRemove.style,
-  multiValue: base => _objectSpread(_objectSpread({}, base), {}, {
-    borderRadius: '10px',
-    backgroundColor: '#ebf6ff'
+  multiValueRemove: import_MultiValueRemove.MultiValueRemove.style,
+  clearIndicator: import_SingleValueRemove.SingleValueRemove.style,
+  multiValue: (base) => ({
+    ...base,
+    borderRadius: "10px",
+    backgroundColor: "#ebf6ff"
   }),
-  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
-
+  valueContainer: (base) => ({
+    ...base,
+    display: "-webkit-box",
+    flexWrap: "nowrap",
+    overflowX: "scroll",
+    overflowY: "hidden",
+    "-ms-overflow-style": "none",
+    "scrollbar-width": "none",
+    "::-webkit-scrollbar": { display: "none" }
   })
 };
-
-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, {
+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, {
     isFreeSolo: true,
     clearable: true,
-    isMulti: isMulti,
-    value: value,
-    options: options,
+    isMulti,
+    value,
+    options,
     keepTypedValue: false,
-    placeholder: placeholder,
-    disabled: disabled,
-    menuIsOpen: menuIsOpen,
-    formatCreateLabel: formatCreateLabel,
+    placeholder,
+    disabled,
+    menuIsOpen,
+    formatCreateLabel,
     createOptionPosition: "first",
-    onChange: onChange,
-    onChangeV2: onChangeV2,
-    onInputChange: onInputChange,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    containerProps: containerProps,
-    maxOptions: maxOptions,
+    onChange,
+    onChangeV2,
+    onInputChange,
+    onFocus,
+    onBlur,
+    containerProps,
+    maxOptions,
     components: {
-      MultiValueLabel: MultiValueLabel.MultiValueLabel,
-      MultiValueRemove: MultiValueRemove.MultiValueRemove,
-      SingleValue: SingleValue.SingleValue
+      MultiValueLabel: import_MultiValueLabel.MultiValueLabel,
+      MultiValueRemove: import_MultiValueRemove.MultiValueRemove,
+      SingleValue: import_SingleValue.SingleValue
     },
     componentsStyle: customStyles
   });
 }
-
-module.exports = ComboBoxFreeSolo;
+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

package/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ComboBoxFreeSolo/ComboBoxFreeSolo.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { noop } from 'lodash';\nimport { DSComboBox2 } from '../ComboBox';\nimport { MultiValueLabel } from './components/MultiValueLabel';\nimport { MultiValueRemove } from './components/MultiValueRemove';\nimport { SingleValue } from './components/SingleValue';\nimport { SingleValueRemove } from './components/SingleValueRemove';\n\nconst customStyles = {\n  multiValueRemove: MultiValueRemove.style,\n  clearIndicator: SingleValueRemove.style,\n  multiValue: (base) => ({\n    ...base,\n    borderRadius: '10px',\n    backgroundColor: '#ebf6ff',\n  }),\n  valueContainer: (base) => ({\n    ...base,\n    display: '-webkit-box',\n    flexWrap: 'nowrap',\n    overflowX: 'scroll',\n    overflowY: 'hidden',\n    '-ms-overflow-style': 'none', // IE and Edge\n    'scrollbar-width': 'none', // Firefox\n    '::-webkit-scrollbar': { display: 'none' }, // Chrome\n  }),\n};\n\nfunction ComboBoxFreeSolo({\n  isMulti = false,\n  options = {},\n  value = [],\n  onChange = noop,\n  onChangeV2 = noop,\n  onInputChange = noop,\n  onFocus = noop,\n  onBlur = noop,\n  containerProps = {},\n  disabled = false,\n  menuIsOpen = false,\n  placeholder = 'Select values',\n  formatCreateLabel = (val) => `Create ${val}`,\n  maxOptions = undefined,\n}) {\n  return (\n    <DSComboBox2\n      isFreeSolo\n      clearable\n      isMulti={isMulti}\n      value={value}\n      options={options}\n      keepTypedValue={false}\n      placeholder={placeholder}\n      disabled={disabled}\n      menuIsOpen={menuIsOpen}\n      formatCreateLabel={formatCreateLabel}\n      createOptionPosition=\"first\"\n      onChange={onChange}\n      onChangeV2={onChangeV2}\n      onInputChange={onInputChange}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      containerProps={containerProps}\n      maxOptions={maxOptions}\n      components={{\n        MultiValueLabel,\n        MultiValueRemove,\n        SingleValue,\n      }}\n      componentsStyle={customStyles}\n    />\n  );\n}\n\nComboBoxFreeSolo.propTypes = {\n  containerProps: PropTypes.object,\n  /**\n   * Allows a function that is triggered once the combo box is focused\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Allows a function that is triggered once the combo box loses focus\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Allows a function that is triggered when a new value is selected from the dropdown menu\n   */\n  onChange: PropTypes.func.isRequired,\n  /**\n   * Allows a function that is triggered when a new value is selected from the dropdown menu\n   * It will return the current options selected\n   */\n  onChangeV2: PropTypes.func,\n  /**\n   * Allows a function that is triggered once the input value changes (on every keystroke)\n   */\n  onInputChange: PropTypes.func,\n  value: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n  /**\n   * Value that the combo box has as default\n   */\n  options: PropTypes.arrayOf(PropTypes.object),\n  /**\n   * Whether the combo box is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Whether the combo box free solo is multi selectable or not\n   */\n  isMulti: PropTypes.bool,\n  /**\n   * Placeholder for the combo box\n   */\n  placeholder: PropTypes.string,\n  /**\n   * Whether the combo box menu is open or not\n   */\n  menuIsOpen: PropTypes.bool,\n  /**\n   * Whether to show the combo box menu inline or not\n   */\n  /**\n   * function that reciveves the new value and returns the formatted value\n   */\n  formatCreateLabel: PropTypes.func,\n  /**\n   * Max options to be displayed on the menu list\n   */\n  maxOptions: PropTypes.number,\n};\n\nexport { ComboBoxFreeSolo };\nexport default ComboBoxFreeSolo;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,oBAAqB;AACrB,sBAA4B;AAC5B,6BAAgC;AAChC,8BAAiC;AACjC,yBAA4B;AAC5B,+BAAkC;AAElC,MAAM,eAAe;AAAA,EACnB,kBAAkB,yCAAiB;AAAA,EACnC,gBAAgB,2CAAkB;AAAA,EAClC,YAAY,CAAC,SAAU;AAAA,OAClB;AAAA,IACH,cAAc;AAAA,IACd,iBAAiB;AAAA;AAAA,EAEnB,gBAAgB,CAAC,SAAU;AAAA,OACtB;AAAA,IACH,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAW;AAAA,IACX,WAAW;AAAA,IACX,sBAAsB;AAAA,IACtB,mBAAmB;AAAA,IACnB,uBAAuB,EAAE,SAAS;AAAA;AAAA;AAItC,0BAA0B;AAAA,EACxB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,aAAa;AAAA,EACb,cAAc;AAAA,EACd,oBAAoB,CAAC,QAAQ,UAAU;AAAA,EACvC,aAAa;AAAA,GACZ;AACD,SACE,mDAAC,6BAAD;AAAA,IACE,YAAU;AAAA,IACV,WAAS;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAqB;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,iBAAiB;AAAA;AAAA;AAKvB,iBAAiB,YAAY;AAAA,EAC3B,gBAAgB,0BAAU;AAAA,EAI1B,SAAS,0BAAU;AAAA,EAInB,QAAQ,0BAAU;AAAA,EAIlB,UAAU,0BAAU,KAAK;AAAA,EAKzB,YAAY,0BAAU;AAAA,EAItB,eAAe,0BAAU;AAAA,EACzB,OAAO,0BAAU,UAAU,CAAC,0BAAU,OAAO,0BAAU;AAAA,EAIvD,SAAS,0BAAU,QAAQ,0BAAU;AAAA,EAIrC,UAAU,0BAAU;AAAA,EAIpB,SAAS,0BAAU;AAAA,EAInB,aAAa,0BAAU;AAAA,EAIvB,YAAY,0BAAU;AAAA,EAOtB,mBAAmB,0BAAU;AAAA,EAI7B,YAAY,0BAAU;AAAA;AAIxB,IAAO,2BAAQ;",
+  "names": []
+}

package/cjs/ComboBoxFreeSolo/components/MultiValueLabel.js

@@ -1,45 +1,66 @@
-'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 __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 });
 };
-
-const MultiValueLabel = _ref2 => {
-  let {
-    children,
-    clear
-  } = _ref2;
-  return /*#__PURE__*/_jsx__default["default"](RemovablePill, {
-    label: children,
-    clear: 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;
 };
-
-exports.MultiValueLabel = MultiValueLabel;
+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

package/cjs/ComboBoxFreeSolo/components/MultiValueLabel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/ComboBoxFreeSolo/components/MultiValueLabel.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport styled from 'styled-components';\n\nconst RemovablePillWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  outline: none;\n  height: ${(props) => props.theme.space.xs};\n  max-width: 90%;\n  margin: 0;\n  padding: 0 4px;\n  background-color: ${(props) => props.theme.colors.brand[200]};\n  border-top-left-radius: ${(props) => props.theme.fontSizes.value[600]};\n  border-bottom-left-radius: ${(props) => props.theme.fontSizes.value[600]};\n  & + div {\n    border-top-right-radius: ${(props) => props.theme.fontSizes.value[600]};\n    border-bottom-right-radius: ${(props) => props.theme.fontSizes.value[600]};\n  }\n`;\n\nconst PillLabel = styled.span`\n  margin: 0 4px;\n  color: ${(props) => props.theme.colors.neutral[800]};\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n`;\n\nconst RemovablePill = ({ label, clear }) => (\n  <>\n    <RemovablePillWrapper data-testid=\"pill-wrapper\">\n      <PillLabel>{label}</PillLabel>\n    </RemovablePillWrapper>\n    {clear}\n  </>\n);\n\nconst MultiValueLabel = ({ children, clear }) => (\n  <RemovablePill label={children} clear={clear} />\n);\n\nexport { MultiValueLabel };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,+BAAmB;AAEnB,MAAM,uBAAuB,iCAAO;AAAA;AAAA;AAAA;AAAA,YAIxB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA,sBAInB,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,4BAC9B,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA,+BACpC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA;AAAA,+BAEvC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA,kCACpC,CAAC,UAAU,MAAM,MAAM,UAAU,MAAM;AAAA;AAAA;AAIzE,MAAM,YAAY,iCAAO;AAAA;AAAA,WAEd,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAMjD,MAAM,gBAAgB,CAAC,EAAE,OAAO,YAC9B,wFACE,mDAAC,sBAAD;AAAA,EAAsB,eAAY;AAAA,GAChC,mDAAC,WAAD,MAAY,SAEb;AAIL,MAAM,kBAAkB,CAAC,EAAE,UAAU,YACnC,mDAAC,eAAD;AAAA,EAAe,OAAO;AAAA,EAAU;AAAA;",
+  "names": []
+}

package/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js

@@ -1,45 +1,56 @@
-'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), {}, {
+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 = require("react-select");
+var import_ds_icons = 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,
   paddingLeft: 0,
-  height: '100%',
-  ':hover': {
-    backgroundColor: '#EBF6FF'
+  height: "100%",
+  ":hover": {
+    backgroundColor: "#EBF6FF"
   }
 });
-
-exports.MultiValueRemove = MultiValueRemove;
+module.exports = __toCommonJS(MultiValueRemove_exports);
+//# sourceMappingURL=MultiValueRemove.js.map

package/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/ComboBoxFreeSolo/components/MultiValueRemove.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport styled from 'styled-components';\nimport { components } from 'react-select';\nimport { CloseXsmall } from '@elliemae/ds-icons';\n\nconst PillCloseAddon = styled.div`\n  cursor: pointer;\n  height: ${(props) => props.theme.space.xs};\n  & > span {\n    height: auto;\n  }\n`;\n\nconst MultiValueRemove = (props) => (\n  <components.MultiValueRemove {...props}>\n    <PillCloseAddon>\n      <CloseXsmall />\n    </PillCloseAddon>\n  </components.MultiValueRemove>\n);\n\nMultiValueRemove.style = (base) => ({\n  ...base,\n  paddingLeft: 0,\n  height: '100%',\n  ':hover': {\n    backgroundColor: '#EBF6FF',\n  },\n});\n\nexport { MultiValueRemove };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAmB;AACnB,0BAA2B;AAC3B,sBAA4B;AAE5B,MAAM,iBAAiB,iCAAO;AAAA;AAAA,YAElB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,mBAAmB,CAAC,UACxB,mDAAC,+BAAW,kBAAZ;AAAA,KAAiC;AAAA,GAC/B,mDAAC,gBAAD,MACE,mDAAC,6BAAD;AAKN,iBAAiB,QAAQ,CAAC,SAAU;AAAA,KAC/B;AAAA,EACH,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,UAAU;AAAA,IACR,iBAAiB;AAAA;AAAA;",
+  "names": []
+}

package/cjs/ComboBoxFreeSolo/components/SingleValue.js

@@ -1,36 +1,45 @@
-'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 _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('react');
-var SingleValueRemove = require('./SingleValueRemove.js');
-var MultiValueLabel = require('./MultiValueLabel.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);
-
-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 SingleValue = props => {
-  // eslint-disable-next-line react/prop-types
-  const {
-    children
-  } = props;
-  return /*#__PURE__*/_jsx__default["default"](MultiValueLabel.MultiValueLabel, {
-    clear: /*#__PURE__*/jsxRuntime.jsx(SingleValueRemove.SingleValueRemove, _objectSpread({}, props))
-  }, void 0, 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 });
 };
-
-exports.SingleValue = SingleValue;
+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 SingleValue_exports = {};
+__export(SingleValue_exports, {
+  SingleValue: () => SingleValue
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_SingleValueRemove = require("./SingleValueRemove");
+var import_MultiValueLabel = require("./MultiValueLabel");
+const SingleValue = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ import_react.default.createElement(import_MultiValueLabel.MultiValueLabel, {
+    clear: /* @__PURE__ */ import_react.default.createElement(import_SingleValueRemove.SingleValueRemove, {
+      ...props
+    })
+  }, children);
+};
+module.exports = __toCommonJS(SingleValue_exports);
+//# sourceMappingURL=SingleValue.js.map

package/cjs/ComboBoxFreeSolo/components/SingleValue.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/ComboBoxFreeSolo/components/SingleValue.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { SingleValueRemove } from './SingleValueRemove';\nimport { MultiValueLabel } from './MultiValueLabel';\n\nconst SingleValue = (props) => {\n  // eslint-disable-next-line react/prop-types\n  const { children } = props;\n  return (\n    <MultiValueLabel clear={<SingleValueRemove {...props} />}>\n      {children}\n    </MultiValueLabel>\n  );\n};\n\nexport { SingleValue };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAkC;AAClC,6BAAgC;AAEhC,MAAM,cAAc,CAAC,UAAU;AAE7B,QAAM,EAAE,aAAa;AACrB,SACE,mDAAC,wCAAD;AAAA,IAAiB,OAAO,mDAAC,4CAAD;AAAA,SAAuB;AAAA;AAAA,KAC5C;AAAA;",
+  "names": []
+}