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

package/cjs/ComboBox/v1/DSComboBox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/ComboBox/v1/DSComboBox.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/forbid-prop-types */\n/* eslint-disable react/destructuring-assignment,react/display-name, react/require-default-props */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { debounce, throttle } from 'lodash';\nimport Select from 'react-select';\nimport { Manager } from 'react-popper';\nimport { withContentRect } from 'react-measure';\nimport { cx } from '@elliemae/ds-utilities';\nimport { withSelectStringValueConverter } from './withSelectStringValueConverter';\nimport {\n  COMBOBOX_VARIANT,\n  comboBoxVariants,\n} from '@elliemae/ds-shared/prop-types';\nimport { Control } from './components/Control';\nimport { DropdownIndicator } from './components/DropdownIndicator';\nimport { SelectMenu } from './components/SelectMenu';\nimport { ClearIndicator } from './components/ClearIndicator';\nimport { MenuList } from './components/MenuList';\nimport { MultiValueLabel } from './components/MultiValueLabel';\nimport { MultiValueRemove } from './components/MultiValueRemove';\nimport { SingleValueLabel } from './components/SingleValueLabel';\nimport { calculateWidth } from './components/calculateWidth';\nimport { ValueContainer } from './components/ValueContainer';\n\n// todo: use convertClassPropsTo....\nconst ThemeConstants = {\n  prefix: 'em-ds',\n};\n\nconst blockName = 'selectbox';\nconst allOption = { value: 'SELECT_ALL_COMBOBOX', label: 'All' };\n\nconst getValues = (option, isMulti, valueProperty) => {\n  if (!option) return null;\n  return isMulti ? option.map((mOption) => mOption[valueProperty]) : option[valueProperty];\n};\n\nclass DSComboBox extends React.Component {\n  forceFocus = false;\n\n  isHover = undefined;\n\n  handleHover = debounce((value) => {\n    if (this.state.isHover === this.isHover) return;\n    if (!this.unmount) this.setState({ isHover: value });\n  }, 0);\n\n  static defaultProps = {\n    showAllOption: false,\n  };\n\n  constructor(props) {\n    super(props);\n    this.clear = React.createRef();\n    this.arrow = React.createRef();\n    this.select = React.createRef();\n  }\n\n  state = {\n    focus: null,\n    isHover: undefined,\n  };\n\n  componentDidMount() {\n    const { handleHoverRef } = this.props;\n    if (handleHoverRef) handleHoverRef(this.handleHoverRef);\n    window.addEventListener('scroll', throttle(this.handleOutsideScroll, 300), true);\n  }\n\n  componentWillUnmount() {\n    this.unmount = true;\n    window.removeEventListener('scroll', throttle(this.handleOutsideScroll, 300), true);\n  }\n\n  handleOutsideScroll = () => {\n    if (this.isHover !== true && !this.unmount) {\n      this.isHover = false;\n      this.handleHover(false);\n    }\n  };\n\n  handleHoverRef = (value) => {\n    this.isHover = value;\n    this.handleHover(value);\n  };\n\n  // onKeyDownIndicator = (e) => {\n  //   if (e.key === 'ArrowLeft') {\n  //     if (this.clear && this.clear.focus) this.clear.focus()\n  //     else this.select.focus()\n  //   }\n  // }\n  onKeyDownClear = (e) => {\n    // if (e.key === 'ArrowRight') {\n    //   this.arrow.focus()\n    // } else if (e.key === 'ArrowLeft') {\n    //   this.select.focus()\n    // }\n    if (e.keyCode === 32 || e.keyCode === 13) {\n      this.select.focus();\n    }\n  };\n\n  handleKeyDown = (e) => {\n    // if (e.key === 'ArrowRight') e.preventDefault()\n    // if (e.target.type === 'text' && e.key === 'ArrowRight') {\n    //   if (this.clear && this.clear.focus) {\n    //     this.clear.focus()\n    //   } else {\n    //     this.arrow.focus()\n    //   }\n    // }\n    if (e.target.type === 'text' && e.key === 'Backspace') {\n      this.select.focus();\n    }\n    return () => {\n      const { value } = e.target;\n      if (!value && e.key === ' ') e.preventDefault();\n      this.props.onKeyDown(e);\n    };\n  };\n\n  render() {\n    const {\n      hideSelectedOptions = false,\n      autoFocus = false,\n      className = '',\n      hasError = false,\n      onFocus = () => null,\n      onBlur = () => null,\n      onChange = () => null,\n      // onKeyDown = () => null,\n      filterOption = undefined,\n      onClickDropdownIndicator = () => null,\n      onInputKeyDown = () => null,\n      onInputChange = undefined,\n      isRtl = false,\n      isFocused = undefined,\n      isMulti = false,\n      showAllOption = false,\n      value = null,\n      options = [],\n      clearable = false,\n      searchable = true,\n      disabled = false,\n      placeholder = '',\n      valueProperty = 'value',\n      labelProperty = 'label',\n      menuIsOpen = undefined,\n      inlineMenu = false,\n      noOptionsMessage = () => <span>No options</span>,\n      components: customComponents = {},\n      measureRef,\n      contentRect,\n      readOnly = false,\n      expandMenuToContainer = true,\n      expandMenuOutsideContainer = false,\n      customMenuItemOptions = {\n        useTruncatedText: false,\n        itemSize: 35,\n      },\n      returnValue = true,\n      variant = COMBOBOX_VARIANT.DEFAULT,\n      containerProps = {},\n      zIndex = 11,\n      ...restPropsToCustomizeSelect\n    } = this.props;\n    const { focus } = this.state;\n    let internalOptions = options;\n    let internalValue = value;\n    if (showAllOption && isMulti) {\n      internalOptions = [allOption, ...options];\n    }\n    if (this.allSelected && isMulti) {\n      internalValue = [allOption, ...value];\n    }\n    return (\n      <Manager>\n        <div\n          ref={measureRef}\n          className={cx(\n            `${ThemeConstants.prefix}-${blockName}-wrapper`,\n            className,\n            hasError && `${ThemeConstants.prefix}-${blockName}--${COMBOBOX_VARIANT.ERROR}`,\n            `${ThemeConstants.prefix}-${blockName}--${variant}`,\n            `focus-${focus}`,\n            isMulti && 'combo-multi',\n            expandMenuOutsideContainer && 'expanded-outside-container',\n          )}\n          {...containerProps}\n          onMouseEnter={() => {\n            this.handleHoverRef(undefined);\n          }}\n        >\n          <Select\n            ref={(ref) => {\n              this.select = ref;\n            }}\n            autoFocus={autoFocus}\n            classNamePrefix={`${ThemeConstants.prefix}-${blockName}`}\n            components={{\n              Control,\n              Menu:\n                !options || options.length === 0\n                  ? SelectMenu\n                  : (props) => (\n                      <div\n                        className={`select-menu-combo ${isMulti && 'select-menu-combo-multi'}`}\n                        onMouseLeave={() => {\n                          this.isHover = undefined;\n                          this.handleHover(undefined);\n                        }}\n                        onMouseOverCapture={() => {\n                          this.isHover = true;\n                          this.handleHover(true);\n                        }}\n                      >\n                        <SelectMenu {...props} />\n                      </div>\n                    ),\n              // Menu: SelectMenu,\n              DropdownIndicator: () => (\n                <DropdownIndicator\n                  innerRef={(ref) => {\n                    this.arrow = ref;\n                  }}\n                  onClick={onClickDropdownIndicator}\n                  onKeyDown={this.onKeyDownIndicator}\n                />\n              ),\n              ClearIndicator: (props) => (\n                <ClearIndicator\n                  {...props}\n                  innerRef={(ref) => {\n                    this.clear = ref;\n                  }}\n                  onKeyDown={this.onKeyDownClear}\n                />\n              ),\n              MultiValueLabel,\n              MultiValueRemove,\n              SingleValue: SingleValueLabel,\n              MenuList,\n              ValueContainer,\n              ...customComponents,\n            }}\n            customMenuItemOptions={customMenuItemOptions}\n            expandMenuOutsideContainer={expandMenuOutsideContainer}\n            expandMenuToContainer={expandMenuToContainer}\n            filterOption={filterOption}\n            getOptionLabel={(option) => option[labelProperty]}\n            getOptionValue={(option) => option[valueProperty]}\n            hideSelectedOptions={hideSelectedOptions}\n            inlineMenu={inlineMenu}\n            isClearable={clearable}\n            isDisabled={disabled || readOnly}\n            isFocused={isFocused}\n            isMulti={isMulti}\n            isRtl={isRtl}\n            isSearchable={readOnly ? false : searchable}\n            menuIsOpen={menuIsOpen === undefined ? this.isHover : menuIsOpen}\n            noOptionsMessage={(...args) => {\n              noOptionsMessage(...args);\n            }}\n            onBlur={onBlur}\n            onChange={\n              returnValue\n                ? (option, action) => {\n                    this.allSelected = false;\n                    this.isHover = undefined;\n                    this.setState({ isHover: undefined });\n                    if (showAllOption && isMulti && option.find((op) => op.value === 'SELECT_ALL_COMBOBOX')) {\n                      this.allSelected = true;\n                      return onChange(getValues(options, isMulti, valueProperty), action);\n                    }\n                    return onChange(getValues(option, isMulti, valueProperty), action);\n                  }\n                : (option, action) => {\n                    this.allSelected = false;\n                    this.isHover = undefined;\n                    this.setState({ isHover: undefined });\n                    if (showAllOption && isMulti && option.find((op) => op.value === 'SELECT_ALL_COMBOBOX')) {\n                      this.allSelected = true;\n                      return onChange(options, action);\n                    }\n                    return onChange(option, action);\n                  }\n            }\n            onFocus={onFocus}\n            onInputChange={onInputChange}\n            onInputKeyDown={onInputKeyDown}\n            onKeyDown={this.handleKeyDown}\n            options={internalOptions}\n            placeholder={placeholder}\n            selectMeasure={contentRect}\n            styles={{\n              control: () => null,\n              menu: () => {\n                if (expandMenuOutsideContainer) {\n                  const width = calculateWidth(options);\n                  if (!width) return null;\n                  return {\n                    width: `${width}px`,\n                  };\n                }\n                return null;\n              },\n              option: () => null,\n              dropdownIndicator: () => null,\n              clearIndicator: () => null,\n              placeholder: () => null,\n              indicatorSeparator: () => null,\n              multiValue: (base) => ({\n                ...base,\n                background: 'none',\n                minWidth: '3rem',\n              }),\n            }}\n            value={internalValue}\n            zIndex={zIndex}\n            {...restPropsToCustomizeSelect}\n          />\n        </div>\n      </Manager>\n    );\n  }\n}\n\nDSComboBox.propTypes = {\n  containerProps: PropTypes.shape({}),\n  handleHoverRef: PropTypes.func,\n  /**\n   * Whether the combo box uses auto focus or not\n   */\n  autoFocus: PropTypes.bool,\n  className: PropTypes.string,\n  /**\n   * Whether the combo box has error or not\n   */\n  hasError: PropTypes.bool,\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 once the combo box changes\n   */\n  onChange: PropTypes.func,\n  /**\n   * Allows a function that is triggered once a key is being pressed\n   */\n  onKeyDown: PropTypes.func,\n  /**\n   * Allows a function that is triggered once the combo box input key down\n   */\n  onInputKeyDown: PropTypes.func,\n  /**\n   * Allows a function that is triggered once the combo box input changes\n   */\n  onInputChange: PropTypes.func,\n  /**\n   * Whether the combo box is rtl or not  //ASK\n   */\n  isRtl: PropTypes.bool,\n  /**\n   * Whether the combo box is focused or not\n   */\n  isFocused: PropTypes.bool,\n  /**\n   * Whether the combo box is multi or not\n   */\n  isMulti: PropTypes.bool,\n  inputValue: PropTypes.string,\n  showAllOption: PropTypes.bool,\n  allOption: PropTypes.shape({\n    label: PropTypes.string,\n    value: PropTypes.string,\n  }),\n  /**\n   * Value that the combo box has as default\n   */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]),\n  /**\n   * Value that the combo box has as default\n   */\n  options: PropTypes.array,\n  /**\n   * Whether the combo box is clearable or not\n   */\n  clearable: PropTypes.bool,\n  /**\n   * Whether the combo box is searchable or not. Set to false makes the input non-editable\n   */\n  searchable: PropTypes.bool,\n  /**\n   * Whether the combo box is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Placeholder for the combo box\n   */\n  placeholder: PropTypes.string,\n  /**\n   * Displays a Loading Indicator in the menu\n   */\n  loading: PropTypes.bool,\n  valueProperty: PropTypes.string,\n  labelProperty: 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  inlineMenu: PropTypes.bool,\n  /**\n   * Message to show once there aren't any options\n   */\n  noOptionsMessage: PropTypes.func,\n  /**\n   * Components you can add to the combo box\n   */\n  measureRef: PropTypes.func,\n  /**\n   * Whether the combo box is read only or not\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Whether the combo box can be expanded the menu to container or not\n   */\n  expandMenuToContainer: PropTypes.bool,\n  /**\n   * Allow have options larger than his container\n   */\n  expandMenuOutsideContainer: PropTypes.bool,\n  /**\n   * Custom combo box menu item options\n   */\n  customMenuItemOptions: PropTypes.object,\n  /**\n   * Whether the combo box is has value to return or not\n   */\n  returnValue: PropTypes.bool,\n  /**\n    [\n      'variant-default',\n      'variant-focus-input',\n      'variant-focus-icon',\n      'variant-active-input',\n      'variant-active-icon',\n      'variant-disabled',\n      'variant-error',\n    ]\n   */\n  variant: PropTypes.oneOf(comboBoxVariants),\n  hideSelectedOptions: PropTypes.bool,\n  maxOptions: PropTypes.number,\n  /**\n   * Custom method to filter whether an option should be displayed in the menu\n   */\n  filterOption: PropTypes.func,\n  onClickDropdownIndicator: PropTypes.func,\n  /**\n   * Object with custom components for react-select\n   */\n  components: PropTypes.object,\n  contentRect: PropTypes.object,\n  zIndex: PropTypes.number,\n};\n\nexport { components } from 'react-select';\nexport { COMBOBOX_VARIANT };\nconst DSComboBoxHOC = withSelectStringValueConverter(withContentRect('bounds')(DSComboBox));\nexport { DSComboBoxHOC as DSComboBoxV1 };\nexport default DSComboBoxHOC;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/cjs/ComboBox/v1/components/AllOption.js

@@ -1,37 +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 _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-var DSCheckbox = require('../../../Checkbox/DSCheckbox.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 _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; }
-
-const MultiSelectHeader = _ref => {
-  let rest = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  return /*#__PURE__*/_jsx__default["default"]("div", {
-    className: "combobox-multi-select-all"
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx(DSCheckbox.DSCheckbox, _objectSpread({
-    labelText: "All"
-  }, rest)));
+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 });
 };
-
-module.exports = MultiSelectHeader;
+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 AllOption_exports = {};
+__export(AllOption_exports, {
+  default: () => AllOption_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_Checkbox = require("../../../Checkbox");
+const MultiSelectHeader = ({ children, ...rest }) => /* @__PURE__ */ import_react.default.createElement("div", {
+  className: "combobox-multi-select-all"
+}, /* @__PURE__ */ import_react.default.createElement(import_Checkbox.DSCheckbox, {
+  labelText: "All",
+  ...rest
+}));
+var AllOption_default = MultiSelectHeader;
+module.exports = __toCommonJS(AllOption_exports);
+//# sourceMappingURL=AllOption.js.map

package/cjs/ComboBox/v1/components/AllOption.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v1/components/AllOption.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/destructuring-assignment,max-lines,react/display-name, react/require-default-props */\nimport React from 'react';\nimport { DSCheckbox } from '../../../Checkbox';\n\nconst MultiSelectHeader = ({ children, ...rest }) => (\n  <div className=\"combobox-multi-select-all\">\n    <DSCheckbox labelText=\"All\" {...rest} />\n  </div>\n);\n\nexport default MultiSelectHeader;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,sBAA2B;AAE3B,MAAM,oBAAoB,CAAC,EAAE,aAAa,WACxC,mDAAC,OAAD;AAAA,EAAK,WAAU;AAAA,GACb,mDAAC,4BAAD;AAAA,EAAY,WAAU;AAAA,KAAU;AAAA;AAIpC,IAAO,oBAAQ;",
+  "names": []
+}

package/cjs/ComboBox/v1/components/ClearIndicator.js

@@ -1,48 +1,66 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var DSButton = require('@elliemae/ds-button');
-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 DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-var _CloseCircle;
-
-const ClearIndicator = props => {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ClearIndicator_exports = {};
+__export(ClearIndicator_exports, {
+  ClearIndicator: () => ClearIndicator,
+  default: () => ClearIndicator_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_button = require("@elliemae/ds-button");
+const ClearIndicator = (props) => {
   const {
     getStyles,
-    innerProps: {
-      ref
-    },
+    innerProps: { ref },
     innerRef
   } = props;
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    ref: ref,
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    ref,
     "aria-hidden": "false",
-    style: getStyles('clearIndicator', props),
-    children: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
-      "aria-label": "clear-indicator",
-      buttonType: "text",
-      className: "clear-indicator",
-      icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseCircle, {
-        size: "m"
-      })),
-      innerRef: innerRef,
-      onKeyDown: e => {
-        if (e.keyCode === 32 || e.keyCode === 13) {
-          e.preventDefault();
-          props.clearValue();
-        }
-
-        props.onKeyDown(e);
+    style: getStyles("clearIndicator", props)
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
+    "aria-label": "clear-indicator",
+    buttonType: "text",
+    className: "clear-indicator",
+    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseCircle, {
+      size: "m"
+    }),
+    innerRef,
+    onKeyDown: (e) => {
+      if (e.keyCode === 32 || e.keyCode === 13) {
+        e.preventDefault();
+        props.clearValue();
       }
-    })
-  });
+      props.onKeyDown(e);
+    }
+  }));
 };
-
-module.exports = ClearIndicator;
+var ClearIndicator_default = ClearIndicator;
+module.exports = __toCommonJS(ClearIndicator_exports);
+//# sourceMappingURL=ClearIndicator.js.map

package/cjs/ComboBox/v1/components/ClearIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v1/components/ClearIndicator.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/destructuring-assignment,max-lines,react/display-name, react/require-default-props */\nimport React from 'react';\nimport { CloseCircle } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\n\nconst ClearIndicator = (props) => {\n  const {\n    getStyles,\n    innerProps: { ref },\n    innerRef,\n  } = props;\n  return (\n    <div ref={ref} aria-hidden=\"false\" style={getStyles('clearIndicator', props)}>\n      <DSButton\n        aria-label=\"clear-indicator\"\n        buttonType=\"text\"\n        className=\"clear-indicator\"\n        icon={<CloseCircle size=\"m\" />}\n        innerRef={innerRef}\n        onKeyDown={(e) => {\n          if (e.keyCode === 32 || e.keyCode === 13) {\n            e.preventDefault();\n            props.clearValue();\n          }\n          props.onKeyDown(e);\n        }}\n      />\n    </div>\n  );\n};\n\nexport { ClearIndicator };\nexport default ClearIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,sBAA4B;AAC5B,uBAAyB;AAEzB,MAAM,iBAAiB,CAAC,UAAU;AAChC,QAAM;AAAA,IACJ;AAAA,IACA,YAAY,EAAE;AAAA,IACd;AAAA,MACE;AACJ,SACE,mDAAC,OAAD;AAAA,IAAK;AAAA,IAAU,eAAY;AAAA,IAAQ,OAAO,UAAU,kBAAkB;AAAA,KACpE,mDAAC,2BAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,WAAU;AAAA,IACV,MAAM,mDAAC,6BAAD;AAAA,MAAa,MAAK;AAAA;AAAA,IACxB;AAAA,IACA,WAAW,CAAC,MAAM;AAChB,UAAI,EAAE,YAAY,MAAM,EAAE,YAAY,IAAI;AACxC,UAAE;AACF,cAAM;AAAA;AAER,YAAM,UAAU;AAAA;AAAA;AAAA;AAQ1B,IAAO,yBAAQ;",
+  "names": []
+}

package/cjs/ComboBox/v1/components/Control.js

@@ -1,34 +1,44 @@
-'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 reactPopper = require('react-popper');
-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 Control = props => /*#__PURE__*/_jsx__default["default"](reactPopper.Reference, {}, void 0, _ref => {
-  let {
-    ref
-  } = _ref;
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    ref: ref,
-    children: /*#__PURE__*/jsxRuntime.jsx(Select.components.Control, _objectSpread({}, props))
-  });
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Control_exports = {};
+__export(Control_exports, {
+  Control: () => Control,
+  default: () => Control_default
 });
-
-module.exports = Control;
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_select = require("react-select");
+var import_react_popper = require("react-popper");
+const Control = (props) => /* @__PURE__ */ import_react.default.createElement(import_react_popper.Reference, null, ({ ref }) => /* @__PURE__ */ import_react.default.createElement("div", {
+  ref
+}, /* @__PURE__ */ import_react.default.createElement(import_react_select.components.Control, {
+  ...props
+})));
+var Control_default = Control;
+module.exports = __toCommonJS(Control_exports);
+//# sourceMappingURL=Control.js.map

package/cjs/ComboBox/v1/components/Control.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v1/components/Control.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { components } from 'react-select';\nimport { Reference } from 'react-popper';\n\nconst Control = props => (\n  <Reference>\n    {({ ref }) => (\n      <div ref={ref}>\n        <components.Control {...props} />\n      </div>\n    )}\n  </Reference>\n);\n\nexport { Control };\nexport default Control;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAA2B;AAC3B,0BAA0B;AAE1B,MAAM,UAAU,WACd,mDAAC,+BAAD,MACG,CAAC,EAAE,UACF,mDAAC,OAAD;AAAA,EAAK;AAAA,GACH,mDAAC,+BAAW,SAAZ;AAAA,KAAwB;AAAA;AAOhC,IAAO,kBAAQ;",
+  "names": []
+}

package/cjs/ComboBox/v1/components/CustomOption.js

@@ -1,61 +1,67 @@
-'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');
-var React = require('react');
-var lodash = require('lodash');
-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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
-
-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 CustomOption = _ref => {
-  let {
-    index,
-    data,
-    style,
-    isScrolling
-  } = _ref;
+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 CustomOption_exports = {};
+__export(CustomOption_exports, {
+  CustomOption: () => CustomOption,
+  default: () => CustomOption_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+const CustomOption = ({ index, data, style, isScrolling }) => {
   const {
     items,
-    options: {
-      useTruncatedText
-    }
+    options: { useTruncatedText }
   } = data;
   const option = items[index];
-
-  const optionProps = _objectSpread(_objectSpread({}, option.props.innerProps), {}, {
+  const optionProps = {
+    ...option.props.innerProps,
     style,
-    onClick: e => {
+    onClick: (e) => {
       e.stopPropagation();
-      if (option.props.innerProps.onClick) option.props.innerProps.onClick(e);
+      if (option.props.innerProps.onClick)
+        option.props.innerProps.onClick(e);
     }
-  });
-
-  if (useTruncatedText && !isScrolling && lodash.get(option, 'props.selectProps.menuIsOpen')) {
-    return /*#__PURE__*/React__default["default"].cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
+  };
+  if (useTruncatedText && !isScrolling && (0, import_lodash.get)(option, "props.selectProps.menuIsOpen")) {
+    return import_react.default.cloneElement(option, {
+      ...option.props,
       innerProps: optionProps
-    }), /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
+    }, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
       value: option.props.children
     }));
   }
-
-  return /*#__PURE__*/React__default["default"].cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
+  return import_react.default.cloneElement(option, {
+    ...option.props,
     innerProps: optionProps
-  }));
+  });
 };
-
-module.exports = CustomOption;
+var CustomOption_default = CustomOption;
+module.exports = __toCommonJS(CustomOption_exports);
+//# sourceMappingURL=CustomOption.js.map

package/cjs/ComboBox/v1/components/CustomOption.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v1/components/CustomOption.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/destructuring-assignment,max-lines,react/display-name, react/require-default-props */\nimport React from 'react';\nimport { get } from 'lodash';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nconst CustomOption = ({ index, data, style, isScrolling }) => {\n  const {\n    items,\n    options: { useTruncatedText },\n  } = data;\n  const option = items[index];\n  const optionProps = {\n    ...option.props.innerProps,\n    style,\n    onClick: (e) => {\n      e.stopPropagation();\n      if (option.props.innerProps.onClick) option.props.innerProps.onClick(e);\n    },\n  };\n  if (\n    useTruncatedText &&\n    !isScrolling &&\n    get(option, 'props.selectProps.menuIsOpen')\n  ) {\n    return React.cloneElement(\n      option,\n      {\n        ...option.props,\n        innerProps: optionProps,\n      },\n      <DSTruncatedTooltipText value={option.props.children} />,\n    );\n  }\n  return React.cloneElement(option, {\n    ...option.props,\n    innerProps: optionProps,\n  });\n};\n\nexport { CustomOption };\nexport default CustomOption;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,oBAAoB;AACpB,uCAAuC;AAEvC,MAAM,eAAe,CAAC,EAAE,OAAO,MAAM,OAAO,kBAAkB;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA,SAAS,EAAE;AAAA,MACT;AACJ,QAAM,SAAS,MAAM;AACrB,QAAM,cAAc;AAAA,OACf,OAAO,MAAM;AAAA,IAChB;AAAA,IACA,SAAS,CAAC,MAAM;AACd,QAAE;AACF,UAAI,OAAO,MAAM,WAAW;AAAS,eAAO,MAAM,WAAW,QAAQ;AAAA;AAAA;AAGzE,MACE,oBACA,CAAC,eACD,uBAAI,QAAQ,iCACZ;AACA,WAAO,qBAAM,aACX,QACA;AAAA,SACK,OAAO;AAAA,MACV,YAAY;AAAA,OAEd,mDAAC,yDAAD;AAAA,MAAwB,OAAO,OAAO,MAAM;AAAA;AAAA;AAGhD,SAAO,qBAAM,aAAa,QAAQ;AAAA,OAC7B,OAAO;AAAA,IACV,YAAY;AAAA;AAAA;AAKhB,IAAO,uBAAQ;",
+  "names": []
+}