@elliemae/ds-form 2.3.0-alpha.8 → 2.3.0-next.2

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

@@ -0,0 +1,43 @@
+'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: ","
+  }));
+}
+
+module.exports = MultiValueRemove;

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

@@ -0,0 +1,66 @@
+'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 => {
+  const {
+    inlineMenu,
+    selectMeasure: {
+      bounds
+    },
+    expandMenuToContainer,
+    expandMenuOutsideContainer,
+    zIndex
+  } = props.selectProps;
+
+  if (inlineMenu) {
+    return /*#__PURE__*/jsxRuntime.jsx(Select.components.Menu, _objectSpread({}, props));
+  }
+
+  const styleMenu = expandMenuToContainer ? {
+    width: bounds.width
+  } : {};
+
+  if (expandMenuOutsideContainer) {
+    styleMenu.width = 'auto';
+  }
+
+  return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
+    contentComponent: /*#__PURE__*/jsxRuntime.jsx(Content, _objectSpread(_objectSpread({}, props), {}, {
+      styleMenu: styleMenu
+    })),
+    isOpen: true,
+    placement: DSPopper.PopperPositions.BOTTOM_START,
+    preventOverflow: _TriggerComponent || (_TriggerComponent = /*#__PURE__*/_jsx__default["default"](TriggerComponent, {})),
+    showArrow: false,
+    triggerComponent: _TriggerComponent2 || (_TriggerComponent2 = /*#__PURE__*/_jsx__default["default"](TriggerComponent, {})),
+    zIndex: zIndex
+  });
+};
+
+module.exports = SelectMenu;

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

@@ -0,0 +1,23 @@
+'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,
+    value: children
+  });
+}
+
+module.exports = SingleValueLabel;

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

@@ -0,0 +1,64 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
+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 React = require('react');
+var Select = require('react-select');
+var dsUtilities = require('@elliemae/ds-utilities');
+var context = require('../context.js');
+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 = ["children"];
+
+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 ValueContainer(_ref) {
+  let {
+    children
+  } = _ref,
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const valueContainerRef = React.useRef(null);
+  const {
+    changeMenuOpen,
+    inputInFocus,
+    value,
+    clearable,
+    removeDropdownIndicator
+  } = React.useContext(context.DropDownContext);
+  const [touchClick, setTouchClick] = React.useState(false);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    "data-testid": "combobox-value-container",
+    onClick: e => {
+      e.stopPropagation();
+      changeMenuOpen(true);
+    },
+    onTouchStart: () => setTouchClick(true),
+    onTouchEnd: () => {
+      if (touchClick) changeMenuOpen(true);
+      setTouchClick(false);
+    },
+    ref: valueContainerRef,
+    className: dsUtilities.cx('combobox-v2-value-container', inputInFocus && 'in-focus', value && clearable && 'has-value', removeDropdownIndicator && 'dropdown-indicator-removed'),
+    children: /*#__PURE__*/jsxRuntime.jsx(Select.components.ValueContainer, _objectSpread(_objectSpread({}, rest), {}, {
+      children: children
+    }))
+  });
+}
+
+exports.ValueContainer = ValueContainer;
+exports["default"] = ValueContainer;

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

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+
+const letterFactor = 5.7;
+const fixedSpace = 45;
+function calculateWidth(options) {
+  // get longest label string
+  const longest = options.reduce((a, b) => {
+    if (a && a.label && b && b.label) return a.label.length > b.label.length ? a : b;
+    return 0; // Calling reduce on an empty array without an initialValue will throw a TypeError.
+  }, options[0] || null);
+
+  if (longest && longest.label && longest.label.length) {
+    // if (longest.label.length > fixedSpace) return fixedSpace * letterFactor
+    return longest.label.length * letterFactor + fixedSpace;
+  }
+
+  return 0;
+}
+
+exports.calculateWidth = calculateWidth;

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

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+
+const getOptions = _ref => {
+  let {
+    showAllOption,
+    isMulti,
+    allOption,
+    options
+  } = _ref;
+  return showAllOption && isMulti ? [allOption, ...options] : options;
+};
+
+exports.getOptions = getOptions;

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

@@ -0,0 +1,84 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+
+/* eslint-disable no-restricted-syntax */
+
+/* eslint-disable max-statements */
+
+/* eslint-disable complexity */
+
+/* eslint-disable max-params */
+const GROUP_PADDING = 16;
+const GROUP_TITLE = 13.44;
+const SEPARATOR = 17;
+
+function isGroup(opts) {
+  return opts.length && opts[0].type.name === 'Group';
+}
+
+function countOptions(opts) {
+  let count = opts.length;
+
+  if (isGroup(opts)) {
+    if (opts.length === 1) {
+      count = opts[0].props.options.length;
+    } else {
+      count = opts.reduce((o1, o2) => o1.props.options.length + o2.props.options.length);
+    }
+  }
+
+  return count;
+}
+
+const useMenuListHeight = (elements, maxElements, itemSize, remainingHeight) => {
+  const amountOfOptions = countOptions(elements);
+  const elementSlotsToShow = amountOfOptions < maxElements || !maxElements ? amountOfOptions : maxElements;
+  let calculatedHeight = itemSize * elementSlotsToShow;
+
+  if (elementSlotsToShow === 1) {
+    var _elements$, _elements$$props, _elements$$props$data;
+
+    if ((_elements$ = elements[0]) !== null && _elements$ !== void 0 && (_elements$$props = _elements$.props) !== null && _elements$$props !== void 0 && (_elements$$props$data = _elements$$props.data) !== null && _elements$$props$data !== void 0 && _elements$$props$data.hasSeparator) calculatedHeight += 40;else calculatedHeight += 25;
+  } // add pixels for group type (title and padding)
+
+
+  if (isGroup(elements)) {
+    let groupElementsShowed = 0;
+
+    for (const group of elements) {
+      var _currentOptions$props, _currentOptions$props2, _currentOptions$props3, _currentOptions$props4;
+
+      if (groupElementsShowed >= elementSlotsToShow) {
+        break;
+      }
+
+      const currentOptions = group;
+      groupElementsShowed += (currentOptions === null || currentOptions === void 0 ? void 0 : (_currentOptions$props = currentOptions.props) === null || _currentOptions$props === void 0 ? void 0 : (_currentOptions$props2 = _currentOptions$props.options) === null || _currentOptions$props2 === void 0 ? void 0 : _currentOptions$props2.length) || 0;
+      calculatedHeight += GROUP_PADDING + GROUP_TITLE;
+
+      if (currentOptions !== null && currentOptions !== void 0 && (_currentOptions$props3 = currentOptions.props) !== null && _currentOptions$props3 !== void 0 && (_currentOptions$props4 = _currentOptions$props3.data) !== null && _currentOptions$props4 !== void 0 && _currentOptions$props4.hasSeparator) {
+        calculatedHeight += SEPARATOR;
+      }
+    }
+  }
+
+  let height;
+
+  if (maxElements) {
+    height = calculatedHeight;
+  } else if (remainingHeight > calculatedHeight) {
+    height = calculatedHeight;
+  } else {
+    height = remainingHeight;
+  }
+
+  return height;
+};
+
+exports.useMenuListHeight = useMenuListHeight;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const getGroupHeaderPosition = string => string.match(/group(.*)/g)[0].match(/[0-9]/g)[0];
+
+exports.getGroupHeaderPosition = getGroupHeaderPosition;

package/cjs/ComboBox/v2/context.js

@@ -0,0 +1,13 @@
+'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

@@ -0,0 +1,11 @@
+'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

@@ -0,0 +1,20 @@
+'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

@@ -0,0 +1,95 @@
+'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: MultiValueRemove.MultiValueRemove.style,
+  clearIndicator: SingleValueRemove.SingleValueRemove.style,
+  multiValue: base => _objectSpread(_objectSpread({}, 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
+
+  })
+};
+
+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: isMulti,
+    value: value,
+    options: options,
+    keepTypedValue: false,
+    placeholder: placeholder,
+    disabled: disabled,
+    menuIsOpen: menuIsOpen,
+    formatCreateLabel: formatCreateLabel,
+    createOptionPosition: "first",
+    onChange: onChange,
+    onChangeV2: onChangeV2,
+    onInputChange: onInputChange,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    containerProps: containerProps,
+    maxOptions: maxOptions,
+    components: {
+      MultiValueLabel: MultiValueLabel.MultiValueLabel,
+      MultiValueRemove: MultiValueRemove.MultiValueRemove,
+      SingleValue: SingleValue.SingleValue
+    },
+    componentsStyle: customStyles
+  });
+}
+
+module.exports = ComboBoxFreeSolo;

package/cjs/ComboBoxFreeSolo/components/MultiValueLabel.js

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

package/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js

@@ -0,0 +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 _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'
+  }
+});
+
+exports.MultiValueRemove = MultiValueRemove;

package/cjs/ComboBoxFreeSolo/components/SingleValue.js

@@ -0,0 +1,36 @@
+'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);
+};
+
+exports.SingleValue = SingleValue;