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

package/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js

@@ -1,81 +1,66 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import { noop } from 'lodash';
-import '../ComboBox/v1/DSComboBox.js';
-import { DSComboBox2 } from '../ComboBox/v2/Combobox.js';
-import { MultiValueLabel } from './components/MultiValueLabel.js';
-import { MultiValueRemove } from './components/MultiValueRemove.js';
-import { SingleValue } from './components/SingleValue.js';
-import { SingleValueRemove } from './components/SingleValueRemove.js';
-
-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(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; }
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import { noop } from "lodash";
+import { DSComboBox2 } from "../ComboBox";
+import { MultiValueLabel } from "./components/MultiValueLabel";
+import { MultiValueRemove } from "./components/MultiValueRemove";
+import { SingleValue } from "./components/SingleValue";
+import { SingleValueRemove } from "./components/SingleValueRemove";
 const customStyles = {
   multiValueRemove: MultiValueRemove.style,
   clearIndicator: SingleValueRemove.style,
-  multiValue: base => _objectSpread(_objectSpread({}, base), {}, {
-    borderRadius: '10px',
-    backgroundColor: '#ebf6ff'
+  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 = noop,
-    onChangeV2 = noop,
-    onInputChange = noop,
-    onFocus = noop,
-    onBlur = noop,
-    containerProps = {},
-    disabled = false,
-    menuIsOpen = false,
-    placeholder = 'Select values',
-    formatCreateLabel = val => "Create ".concat(val),
-    maxOptions = undefined
-  } = _ref;
-  return /*#__PURE__*/_jsx(DSComboBox2, {
+function ComboBoxFreeSolo({
+  isMulti = false,
+  options = {},
+  value = [],
+  onChange = noop,
+  onChangeV2 = noop,
+  onInputChange = noop,
+  onFocus = noop,
+  onBlur = noop,
+  containerProps = {},
+  disabled = false,
+  menuIsOpen = false,
+  placeholder = "Select values",
+  formatCreateLabel = (val) => `Create ${val}`,
+  maxOptions = void 0
+}) {
+  return /* @__PURE__ */ React2.createElement(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,
       MultiValueRemove,
@@ -84,5 +69,25 @@ function ComboBoxFreeSolo(_ref) {
     componentsStyle: customStyles
   });
 }
-
-export { ComboBoxFreeSolo as default };
+ComboBoxFreeSolo.propTypes = {
+  containerProps: PropTypes.object,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  onChange: PropTypes.func.isRequired,
+  onChangeV2: PropTypes.func,
+  onInputChange: PropTypes.func,
+  value: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
+  options: PropTypes.arrayOf(PropTypes.object),
+  disabled: PropTypes.bool,
+  isMulti: PropTypes.bool,
+  placeholder: PropTypes.string,
+  menuIsOpen: PropTypes.bool,
+  formatCreateLabel: PropTypes.func,
+  maxOptions: PropTypes.number
+};
+var ComboBoxFreeSolo_default = ComboBoxFreeSolo;
+export {
+  ComboBoxFreeSolo,
+  ComboBoxFreeSolo_default as default
+};
+//# sourceMappingURL=ComboBoxFreeSolo.js.map

package/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ComboBoxFreeSolo/ComboBoxFreeSolo.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,eAAe;AAAA,EACnB,kBAAkB,iBAAiB;AAAA,EACnC,gBAAgB,kBAAkB;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,qCAAC,aAAD;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,UAAU;AAAA,EAI1B,SAAS,UAAU;AAAA,EAInB,QAAQ,UAAU;AAAA,EAIlB,UAAU,UAAU,KAAK;AAAA,EAKzB,YAAY,UAAU;AAAA,EAItB,eAAe,UAAU;AAAA,EACzB,OAAO,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU;AAAA,EAIvD,SAAS,UAAU,QAAQ,UAAU;AAAA,EAIrC,UAAU,UAAU;AAAA,EAIpB,SAAS,UAAU;AAAA,EAInB,aAAa,UAAU;AAAA,EAIvB,YAAY,UAAU;AAAA,EAOtB,mBAAmB,UAAU;AAAA,EAI7B,YAAY,UAAU;AAAA;AAIxB,IAAO,2BAAQ;",
+  "names": []
+}

package/esm/ComboBoxFreeSolo/components/MultiValueLabel.js

@@ -1,36 +1,37 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-
-const RemovablePillWrapper = /*#__PURE__*/styled.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.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__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(RemovablePillWrapper, {
-      "data-testid": "pill-wrapper"
-    }, void 0, /*#__PURE__*/_jsx(PillLabel, {}, void 0, label)), clear]
-  });
+import * as React from "react";
+import React2 from "react";
+import styled from "styled-components";
+const RemovablePillWrapper = styled.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 = styled.span`
+  margin: 0 4px;
+  color: ${(props) => props.theme.colors.neutral[800]};
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+`;
+const RemovablePill = ({ label, clear }) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(RemovablePillWrapper, {
+  "data-testid": "pill-wrapper"
+}, /* @__PURE__ */ React2.createElement(PillLabel, null, label)), clear);
+const MultiValueLabel = ({ children, clear }) => /* @__PURE__ */ React2.createElement(RemovablePill, {
+  label: children,
+  clear
+});
+export {
+  MultiValueLabel
 };
-
-const MultiValueLabel = _ref2 => {
-  let {
-    children,
-    clear
-  } = _ref2;
-  return /*#__PURE__*/_jsx(RemovablePill, {
-    label: children,
-    clear: clear
-  });
-};
-
-export { MultiValueLabel };
+//# sourceMappingURL=MultiValueLabel.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ComboBoxFreeSolo/components/MultiValueLabel.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACCA;AACA;AAEA,MAAM,uBAAuB,OAAO;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,OAAO;AAAA;AAAA,WAEd,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAMjD,MAAM,gBAAgB,CAAC,EAAE,OAAO,YAC9B,4DACE,qCAAC,sBAAD;AAAA,EAAsB,eAAY;AAAA,GAChC,qCAAC,WAAD,MAAY,SAEb;AAIL,MAAM,kBAAkB,CAAC,EAAE,UAAU,YACnC,qCAAC,eAAD;AAAA,EAAe,OAAO;AAAA,EAAU;AAAA;",
+  "names": []
+}

package/esm/ComboBoxFreeSolo/components/MultiValueRemove.js

@@ -1,35 +1,27 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { components } from 'react-select';
-import { CloseXsmall } from '@elliemae/ds-icons';
-import { jsx } from 'react/jsx-runtime';
-
-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(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.div.withConfig({
-  componentId: "sc-kbngzd-0"
-})(["cursor:pointer;height:", ";& > span{height:auto;}"], props => props.theme.space.xs);
-
-const MultiValueRemove = props => /*#__PURE__*/jsx(components.MultiValueRemove, _objectSpread(_objectSpread({}, props), {}, {
-  children: _PillCloseAddon || (_PillCloseAddon = /*#__PURE__*/_jsx(PillCloseAddon, {}, void 0, /*#__PURE__*/_jsx(CloseXsmall, {})))
-}));
-
-MultiValueRemove.style = base => _objectSpread(_objectSpread({}, base), {}, {
+import * as React from "react";
+import React2 from "react";
+import styled from "styled-components";
+import { components } from "react-select";
+import { CloseXsmall } from "@elliemae/ds-icons";
+const PillCloseAddon = styled.div`
+  cursor: pointer;
+  height: ${(props) => props.theme.space.xs};
+  & > span {
+    height: auto;
+  }
+`;
+const MultiValueRemove = (props) => /* @__PURE__ */ React2.createElement(components.MultiValueRemove, {
+  ...props
+}, /* @__PURE__ */ React2.createElement(PillCloseAddon, null, /* @__PURE__ */ React2.createElement(CloseXsmall, null)));
+MultiValueRemove.style = (base) => ({
+  ...base,
   paddingLeft: 0,
-  height: '100%',
-  ':hover': {
-    backgroundColor: '#EBF6FF'
+  height: "100%",
+  ":hover": {
+    backgroundColor: "#EBF6FF"
   }
 });
-
-export { MultiValueRemove };
+export {
+  MultiValueRemove
+};
+//# sourceMappingURL=MultiValueRemove.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ComboBoxFreeSolo/components/MultiValueRemove.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,OAAO;AAAA;AAAA,YAElB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,mBAAmB,CAAC,UACxB,qCAAC,WAAW,kBAAZ;AAAA,KAAiC;AAAA,GAC/B,qCAAC,gBAAD,MACE,qCAAC,aAAD;AAKN,iBAAiB,QAAQ,CAAC,SAAU;AAAA,KAC/B;AAAA,EACH,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,UAAU;AAAA,IACR,iBAAiB;AAAA;AAAA;",
+  "names": []
+}

package/esm/ComboBoxFreeSolo/components/SingleValue.js

@@ -1,27 +1,16 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import { SingleValueRemove } from './SingleValueRemove.js';
-import { MultiValueLabel } from './MultiValueLabel.js';
-import { jsx } from 'react/jsx-runtime';
-
-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(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(MultiValueLabel, {
-    clear: /*#__PURE__*/jsx(SingleValueRemove, _objectSpread({}, props))
-  }, void 0, children);
+import * as React from "react";
+import React2 from "react";
+import { SingleValueRemove } from "./SingleValueRemove";
+import { MultiValueLabel } from "./MultiValueLabel";
+const SingleValue = (props) => {
+  const { children } = props;
+  return /* @__PURE__ */ React2.createElement(MultiValueLabel, {
+    clear: /* @__PURE__ */ React2.createElement(SingleValueRemove, {
+      ...props
+    })
+  }, children);
 };
-
-export { SingleValue };
+export {
+  SingleValue
+};
+//# sourceMappingURL=SingleValue.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ComboBoxFreeSolo/components/SingleValue.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,cAAc,CAAC,UAAU;AAE7B,QAAM,EAAE,aAAa;AACrB,SACE,qCAAC,iBAAD;AAAA,IAAiB,OAAO,qCAAC,mBAAD;AAAA,SAAuB;AAAA;AAAA,KAC5C;AAAA;",
+  "names": []
+}

package/esm/ComboBoxFreeSolo/components/SingleValueRemove.js

@@ -1,52 +1,42 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { components } from 'react-select';
-import styled from 'styled-components';
-import { CloseXsmall } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
-import { jsx } from 'react/jsx-runtime';
-
-var _CloseXsmall;
-
-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(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 StyledButton = /*#__PURE__*/styled(DSButton).withConfig({
-  componentId: "sc-cikqh1-0"
-})(["padding-right:8px;width:1.16rem !important;height:auto;z-index:10;color:'#000';"]);
-
-const SingleValueRemove = props => {
-  // eslint-disable-next-line react/prop-types
-  const {
-    clearValue
-  } = props;
-  return /*#__PURE__*/jsx(components.ClearIndicator, _objectSpread(_objectSpread({}, props), {}, {
-    children: /*#__PURE__*/jsx(StyledButton, _objectSpread(_objectSpread({}, props), {}, {
-      "data-testid": "free-solo-pill-clear-btn",
-      "aria-label": "clear-indicator",
-      buttonType: "text",
-      className: "clear-indicator",
-      icon: _CloseXsmall || (_CloseXsmall = /*#__PURE__*/_jsx(CloseXsmall, {
-        fill: "#000"
-      })),
-      onClick: () => clearValue()
-    }))
+import * as React from "react";
+import React2 from "react";
+import { components } from "react-select";
+import styled from "styled-components";
+import { CloseXsmall } from "@elliemae/ds-icons";
+import { DSButton } from "@elliemae/ds-button";
+const StyledButton = styled(DSButton)`
+  padding-right: 8px;
+  width: 1.16rem !important;
+  height: auto;
+  z-index: 10;
+  color: '#000';
+`;
+const SingleValueRemove = (props) => {
+  const { clearValue } = props;
+  return /* @__PURE__ */ React2.createElement(components.ClearIndicator, {
+    ...props
+  }, /* @__PURE__ */ React2.createElement(StyledButton, {
+    ...props,
+    "data-testid": "free-solo-pill-clear-btn",
+    "aria-label": "clear-indicator",
+    buttonType: "text",
+    className: "clear-indicator",
+    icon: /* @__PURE__ */ React2.createElement(CloseXsmall, {
+      fill: "#000"
+    }),
+    onClick: () => clearValue()
   }));
 };
-
-SingleValueRemove.style = base => _objectSpread(_objectSpread({}, base), {}, {
+SingleValueRemove.style = (base) => ({
+  ...base,
   padding: 0,
-  height: '16px',
-  backgroundColor: '#EBF6FF',
-  ':hover': {
-    backgroundColor: '#EBF6FF'
+  height: "16px",
+  backgroundColor: "#EBF6FF",
+  ":hover": {
+    backgroundColor: "#EBF6FF"
   }
 });
-
-export { SingleValueRemove };
+export {
+  SingleValueRemove
+};
+//# sourceMappingURL=SingleValueRemove.js.map

package/esm/ComboBoxFreeSolo/components/SingleValueRemove.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ComboBoxFreeSolo/components/SingleValueRemove.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { components } from 'react-select';\nimport styled from 'styled-components';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\n\nconst StyledButton = styled(DSButton)`\n  padding-right: 8px;\n  width: 1.16rem !important;\n  height: auto;\n  z-index: 10;\n  color: '#000';\n`;\n\nconst SingleValueRemove = (props) => {\n  // eslint-disable-next-line react/prop-types\n  const { clearValue } = props;\n\n  return (\n    <components.ClearIndicator {...props}>\n      <StyledButton\n        {...props}\n        data-testid=\"free-solo-pill-clear-btn\"\n        aria-label=\"clear-indicator\"\n        buttonType=\"text\"\n        className=\"clear-indicator\"\n        icon={<CloseXsmall fill=\"#000\" />}\n        onClick={() => clearValue()}\n      />\n    </components.ClearIndicator>\n  );\n};\n\nSingleValueRemove.style = (base) => ({\n  ...base,\n  padding: 0,\n  height: '16px',\n  backgroundColor: '#EBF6FF',\n  ':hover': {\n    backgroundColor: '#EBF6FF',\n  },\n});\n\nexport { SingleValueRemove };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ5B,MAAM,oBAAoB,CAAC,UAAU;AAEnC,QAAM,EAAE,eAAe;AAEvB,SACE,qCAAC,WAAW,gBAAZ;AAAA,OAA+B;AAAA,KAC7B,qCAAC,cAAD;AAAA,OACM;AAAA,IACJ,eAAY;AAAA,IACZ,cAAW;AAAA,IACX,YAAW;AAAA,IACX,WAAU;AAAA,IACV,MAAM,qCAAC,aAAD;AAAA,MAAa,MAAK;AAAA;AAAA,IACxB,SAAS,MAAM;AAAA;AAAA;AAMvB,kBAAkB,QAAQ,CAAC,SAAU;AAAA,KAChC;AAAA,EACH,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,UAAU;AAAA,IACR,iBAAiB;AAAA;AAAA;",
+  "names": []
+}

package/esm/ComboBoxFreeSolo/index.js

@@ -1 +1,3 @@
-export { default } from './ComboBoxFreeSolo.js';
+import * as React from "react";
+export * from "./ComboBoxFreeSolo";
+//# sourceMappingURL=index.js.map

package/esm/ComboBoxFreeSolo/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ComboBoxFreeSolo/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './ComboBoxFreeSolo';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}