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

package/cjs/ComboBox/v2/Combobox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/ComboBox/v2/Combobox.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable spaced-comment */\n/* eslint-disable no-else-return */\n/* eslint-disable max-statements */\n/* eslint-disable no-confusing-arrow */\n/* eslint-disable import/no-cycle, max-lines */\nimport React, { useCallback, useState, useRef, useEffect, useMemo } from 'react';\nimport { noop } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\nimport Select, { createFilter } from 'react-select';\nimport Creatable from 'react-select/creatable';\nimport { Manager } from 'react-popper';\nimport { withContentRect } from 'react-measure';\nimport { cx, isEqual, usePrevious, useShouldRecalculate } from '@elliemae/ds-utilities';\nimport { useTheme } from '@elliemae/ds-system';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { withSelectStringValueConverter } from '../v1/withSelectStringValueConverter';\nimport { DropdownIndicator } from './components/DropdownIndicator';\nimport { GroupHeading } from './components/GroupHeading';\nimport { SelectMenu } from './components/SelectMenu';\nimport { Control } from './components/Control';\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 { LoadingIndicator } from './components/LoadingIndicator';\nimport { calculateWidth } from './components/calculateWidth';\nimport { ValueContainer } from './components/ValueContainer';\nimport { DropDownContext } from './context';\n\nconst blockName = 'em-ds-combobox';\nconst container = `${blockName}-container`;\nconst getValues = (options, isMulti, valueProperty) => {\n  if (!options) return null;\n  return isMulti ? options.map((mOption) => mOption[valueProperty]) : options[valueProperty];\n};\nconst createOption = (label, value) => ({ label, value });\n\nconst DSComboBox2HOCLess = ({\n  hideSelectedOptions = false,\n  autoFocus = false,\n  className = '',\n  hasError = false,\n  onFocus = noop,\n  onBlur = noop,\n  onChange = noop,\n  onChangeV2 = noop,\n  // onKeyDown = () => null,\n  filterOption = createFilter({ ignoreAccents: false }), // this fix performance issue\n  onClickDropdownIndicator = noop,\n  onInputKeyDown = noop,\n  onInputChange = noop,\n  isRtl = false,\n  isFocused = undefined,\n  isMulti = false,\n  isFreeSolo,\n  selectAllDisabled = false,\n  formatCreateLabel,\n  createOptionPosition,\n  value: selectedValue = null,\n  options = [],\n  clearable = false,\n  searchable = true,\n  disabled = false,\n  placeholder = '',\n  valueProperty = 'value',\n  labelProperty = 'label',\n  noOptionsMessage = 'No matches found',\n  loading = false,\n  menuIsOpen = undefined,\n  onMenuClose = noop,\n  inlineMenu = false,\n  components: customComponents = {},\n  measureRef,\n  contentRect,\n  readOnly = false,\n  returnValue = true,\n  expandMenuToContainer = true,\n  expandMenuOutsideContainer = false,\n  customMenuItemOptions = {\n    useTruncatedText: false,\n    itemSize: 35,\n  },\n  containerProps = {},\n  maxOptions,\n  zIndex = 11,\n  componentsStyle,\n  keepTypedValue = true, //TEMPORARY PROP UNTIL WE HAVE THIS FUNCTIONALITY IN SINGLE FREE SOLO\n  ...restPropsToCustomizeSelect\n}) => {\n  const theme = useTheme();\n  const select = useRef();\n  const [selectAll, setSelectAll] = useState(false);\n  const [inputInFocus, setInputInFocus] = useState(false);\n  const [value, setValue] = useState(selectedValue);\n  const [inputValue, setInputValue] = useState('');\n  const [handleOpening, setHandleOpening] = useState(false);\n  const [menuOpen, setMenuOpen] = useState(menuIsOpen);\n  const [isMultipleKeyPressed, setIsMultipleKeyPressed] = useState(false);\n  const prevOptions = usePrevious(options);\n  const optionsChanged = useShouldRecalculate(isEqual(prevOptions, options));\n  const SelectComponent = useMemo(() => (isFreeSolo ? Creatable : Select), [isFreeSolo]);\n\n  useEffect(() => {\n    setInputInFocus(isFocused);\n    if (isFocused) select.current?.focus();\n  }, [isFocused]);\n\n  useEffect(() => {\n    if (selectedValue && !isFreeSolo && !Array.isArray(selectedValue)) {\n      const newValue = options.find((option) => option.value === selectedValue.value);\n      setValue(newValue);\n    } else setValue(selectedValue);\n  }, [selectedValue, options, optionsChanged]);\n\n  const handleInputChange = useCallback((val, action) => {\n    setInputValue(val);\n    if (action.action === 'input-change' && !isMulti) {\n      setMenuOpen(true);\n      if (!inlineMenu && keepTypedValue) {\n        onChange({ value: val, label: val }, action);\n      }\n    }\n    if (val || typeof val === 'string') onInputChange(val, action);\n  }, []);\n\n  const handleOnKeyDown = (e) => {\n    if (e.key === 'Enter' || e.key === 'ArrowDown' || e.keyCode === 32) {\n      setMenuOpen(true);\n    }\n    if (e.key === 'Tab' && menuOpen) {\n      select.current?.blur(); // manually invoking blur to ensure losing focus on tab.\n    }\n    if (e.key === 'Escape') setMenuOpen(false);\n    if (e.key === 'Backspace' && !e.target.value && value && clearable) {\n      onChange('', { action: 'input-clear' }); // this clears the input\n    }\n    if (e.key === 'Control') setIsMultipleKeyPressed(true);\n    // If Ctrl + Enter are pressed, focus is set to the input and the menu closes\n    if (isMultipleKeyPressed && e.key === 'Enter') {\n      setInputInFocus(true);\n      setMenuOpen(false);\n      setIsMultipleKeyPressed(false);\n      e.preventDefault();\n    }\n  };\n\n  const handleOnChange = (newValue, action) => {\n    onChangeV2(newValue, action);\n    setMenuOpen(isMulti);\n    if (returnValue) {\n      if (isFreeSolo) return onChange(newValue, action);\n      return onChange(getValues(newValue, isMulti, valueProperty), action);\n    }\n    if (isMulti && selectAll) return onChange(options, action);\n    return onChange(newValue, action);\n  };\n\n  const onSelectAll = useCallback(\n    (isSelected) => {\n      setSelectAll(isSelected);\n      if (isSelected) {\n        const createdValues = Array.isArray(value) ? value : [];\n        const allOptions = [...createdValues, ...options];\n        const optionsValues = [...new Set(allOptions.map((opt) => opt.value))];\n        const optionsSet = optionsValues.map((val) => allOptions.find((option) => option.value === val));\n        onChange(optionsSet.map((o) => o.value));\n        onChangeV2(optionsSet);\n      } else {\n        onChange(getValues());\n        onChangeV2([]);\n      }\n    },\n    [value, getValues],\n  );\n\n  const handleCreateNewOption = (inputVal) => {\n    const newOption = createOption(inputVal, inputVal);\n    const prevValue = Array.isArray(value) ? value : [];\n    const newValue = isMulti ? [...prevValue, newOption] : newOption;\n    setMenuOpen(isMulti);\n    onChange(newValue);\n    onChangeV2(newValue);\n  };\n\n  const handleFocus = useCallback((e) => {\n    setInputInFocus(true);\n    onFocus(e);\n    setHandleOpening(true);\n  }, []);\n\n  const handleBlur = (e) => {\n    setInputInFocus(false);\n    if (!inlineMenu) setMenuOpen(false);\n    onBlur(e, value);\n    setHandleOpening(false);\n  };\n\n  const ctx = useMemo(\n    // contexts values must be memoized to avoid heavy performance hits\n    () => ({\n      inputInFocus,\n      value,\n      isMulti,\n      menuOpen,\n      handleOpening,\n      selectAll,\n      selectAllDisabled,\n      changeHandleOpening: (isOpen) => setHandleOpening(isOpen),\n      changeMenuOpen: (isOpen) => setMenuOpen(isOpen),\n      onClickDropdownIndicator,\n      onSelectAll: (val) => onSelectAll(val),\n      clearable,\n      removeDropdownIndicator: customComponents.DropdownIndicator === null,\n      select,\n    }),\n    [\n      inputInFocus,\n      value,\n      isMulti,\n      menuOpen,\n      handleOpening,\n      selectAll,\n      selectAllDisabled,\n      clearable,\n      customComponents.DropdownIndicator,\n      select,\n    ],\n  );\n\n  return (\n    <TooltipTextProvider>\n      <DropDownContext.Provider value={ctx}>\n        <Manager>\n          <div\n            ref={measureRef}\n            className={cx(\n              `${container}`,\n              inputInFocus && 'in-focus',\n              hasError && 'with-error',\n              disabled && 'is-disabled',\n              className,\n            )}\n            onBlur={handleBlur}\n            data-testid=\"combobox\"\n            role=\"combobox\"\n            {...containerProps}\n          >\n            <SelectComponent\n              ref={select}\n              autoFocus={autoFocus}\n              classNamePrefix={blockName}\n              // If it is multiselect let the menu open on select.\n              closeMenuOnSelect={!isMulti}\n              components={{\n                Control,\n                // IndicatorSeparator,\n                Menu: SelectMenu,\n                DropdownIndicator,\n                ClearIndicator: isFreeSolo ? null : ClearIndicator,\n                GroupHeading,\n                MultiValueLabel,\n                MultiValueRemove,\n                SingleValue: SingleValueLabel,\n                MenuList,\n                ValueContainer,\n                ...customComponents,\n              }}\n              customMenuItemOptions={{ maxOptions, ...customMenuItemOptions }}\n              expandMenuOutsideContainer={expandMenuOutsideContainer}\n              expandMenuToContainer={expandMenuToContainer}\n              filterOption={filterOption}\n              getOptionLabel={(option) => option[labelProperty]}\n              getOptionValue={(option) => option[valueProperty]}\n              formatCreateLabel={formatCreateLabel}\n              createOptionPosition={createOptionPosition}\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 === true ? menuIsOpen : menuOpen}\n              onMenuClose={onMenuClose}\n              noOptionsMessage={() => (loading ? <LoadingIndicator /> : noOptionsMessage)}\n              onChange={handleOnChange}\n              onCreateOption={handleCreateNewOption}\n              onFocus={handleFocus}\n              onInputChange={handleInputChange}\n              onInputKeyDown={onInputKeyDown}\n              onKeyDown={handleOnKeyDown}\n              options={loading ? [] : options}\n              placeholder={placeholder}\n              selectMeasure={contentRect}\n              styles={{\n                control: () => null,\n                option: () => null,\n                dropdownIndicator: () => null,\n                groupHeading: (provided) => ({\n                  ...provided,\n                  color: theme.colors.neutral[500],\n                }),\n                clearIndicator: () => null,\n                placeholder: () => null,\n                indicatorSeparator: () => null,\n                singleValue: (provided) => ({ ...provided, maxWidth: '90%' }),\n                multiValueLabel: (provided) => ({\n                  ...provided,\n                  backgroundColor: 'transparent',\n                }),\n                multiValue: (provided) => ({\n                  ...provided,\n                  backgroundColor: 'transparent',\n                }),\n                multiValueRemove: (provided) => ({\n                  ...provided,\n                  '&:hover': {\n                    backgroundColor: 'transparent',\n                    color: theme.colors.neutral[800],\n                  },\n                }),\n                valueContainer: (provided) => ({\n                  ...provided,\n                  flexWrap: 'nowrap',\n                }),\n                menu: () => {\n                  if (expandMenuOutsideContainer) {\n                    const width = calculateWidth(options);\n                    if (!width) return null;\n                    return { width: `${width}px` };\n                  }\n                  if (loading) return { height: '72px' };\n                  return null;\n                },\n                ...componentsStyle,\n              }}\n              tabSelectsValue={!isMulti}\n              value={value}\n              inputValue={inputValue}\n              zIndex={zIndex}\n              {...restPropsToCustomizeSelect}\n            />\n          </div>\n        </Manager>\n      </DropDownContext.Provider>\n    </TooltipTextProvider>\n  );\n};\n\nconst comboBoxProps = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description('Selected value')\n    .isRequired,\n  options: PropTypes.array.description('List of options'),\n  onChange: PropTypes.func.description('function triggered when an option is selected. use onChangeV2'),\n  onChangeV2: PropTypes.func.description(\n    'function triggered when an option is selected it will send the options selected',\n  ),\n  autoFocus: PropTypes.bool.description('Whether the combo box uses auto focus or not').defaultValue(false),\n  className: PropTypes.string.description('html class attr'),\n  hasError: PropTypes.bool.description('Whether the combo box has error or not').defaultValue(false),\n  onFocus: PropTypes.func.description('function triggered once the combo box is focused'),\n  onBlur: PropTypes.func.description('function triggered once the combo box loses focus'),\n  onKeyDown: PropTypes.func.description('function triggered once a key is being pressed'),\n  onInputKeyDown: PropTypes.func.description('function triggered once the combobox input key down'),\n  onInputChange: PropTypes.func.description('function triggered once the combo box input changes'),\n  isRtl: PropTypes.bool.description('Whether the combo box is rtl or no').defaultValue(false),\n  isFocused: PropTypes.bool.description('Whether the combo box is focused or not').defaultValue(false),\n  selectAllDisabled: PropTypes.bool\n    .description('Whether the select all/clear buttons are displayed or not')\n    .defaultValue(false),\n  isMulti: PropTypes.bool.description('Whether the combo box is multiselect or not').defaultValue(false),\n  clearable: PropTypes.bool.description('Whether the combo box is clearable or not').defaultValue(false),\n  searchable: PropTypes.bool\n    .description('Whether the combo box is searchable or not. Set to false makes the input non-editable')\n    .defaultValue(true),\n  disabled: PropTypes.bool.description('Whether the combo box is disabled or not').defaultValue(false),\n  placeholder: PropTypes.string.description('input s placeholder value'),\n  loading: PropTypes.bool.description('Displays a Loading Indicator in the menu').defaultValue(false),\n  valueProperty: PropTypes.string.description('property used as value').defaultValue('value'),\n  labelProperty: PropTypes.string.description('property used as label').defaultValue('label'),\n  menuIsOpen: PropTypes.bool.description('Whether the combo box menu is open or not'),\n  onMenuClose: PropTypes.func.description('Callback that triggers when the select menu is closed'),\n  inlineMenu: PropTypes.bool.description('Whether to show the combo box menu inline or not').defaultValue(false),\n  noOptionsMessage: PropTypes.string\n    .description('Message to show once there are no options')\n    .defaultValue('No matches found'),\n  measureRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('ref to the components container'),\n  readOnly: PropTypes.bool.description('Whether the combo box is read only or not').defaultValue(false),\n  expandMenuToContainer: PropTypes.bool\n    .description('Whether the combo box can be expanded the menu to container or not')\n    .defaultValue(true),\n  expandMenuOutsideContainer: PropTypes.bool\n    .description('Allow have options larger than his container')\n    .defaultValue(false),\n  customMenuItemOptions: PropTypes.shape({\n    useTruncatedText: PropTypes.bool,\n    itemSize: PropTypes.number,\n  })\n    .description(\n      'Custom combo box menu item options. useTruncatedText controls whether you want an ellipsis and tooltip to show if an option is truncated',\n    )\n    .defaultValue({ useTruncatedText: true, itemSize: 35 }),\n  returnValue: PropTypes.bool.description('Whether the combo box is has value to return or not').defaultValue(true),\n  hideSelectedOptions: PropTypes.bool.description('Whether to hide the selected options or not').defaultValue(true),\n  maxOptions: PropTypes.number.description(\n    'Maximun amount of options to display in the menu before adding scroll, this controls the menu s height',\n  ),\n  filterOption: PropTypes.func.description('Custom method to filter whether an option should be displayed in the menu'),\n  isFreeSolo: PropTypes.bool.description('ONLY FOR DIMSUM INTERNAL USE'),\n  formatCreateLabel: PropTypes.func.description('ONLY FOR DIMSUM INTERNAL USE'),\n  createOptionPosition: PropTypes.string.description('ONLY FOR DIMSUM INTERNAL USE'),\n  onClickDropdownIndicator: PropTypes.func.description('function executed when clicking dropdown indicator'),\n  components: PropTypes.object.description('Object with custom components for react-select'),\n  componentsStyle: PropTypes.object.description('Object with custom styles for react-select'),\n  contentRect: PropTypes.object.description(''),\n  zIndex: PropTypes.number.description('z-index value').defaultValue(11),\n  keepTypedValue: PropTypes.bool\n    .description('keep typed value in the input')\n    .deprecated('use ComboBoxFreeSolo instead'),\n};\n\nDSComboBox2HOCLess.propTypes = comboBoxProps;\n\nconst DSComboBox2 = withSelectStringValueConverter(withContentRect('bounds')(DSComboBox2HOCLess));\n\nconst ComboBoxWithSchema = describe(DSComboBox2HOCLess);\nComboBoxWithSchema.propTypes = comboBoxProps;\n\nexport { DSComboBox2, ComboBoxWithSchema };\nexport default DSComboBox2;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/cjs/ComboBox/v2/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/v2/components/AllOption.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/AllOption.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\n/* 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;ADEvB,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/v2/components/ClearIndicator.js

@@ -1,73 +1,78 @@
-'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 _jsx = require('@babel/runtime/helpers/jsx');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
-var lodash = require('lodash');
-var dsIcons = require('@elliemae/ds-icons');
-var DSButton = require('@elliemae/ds-button');
-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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-var _CloseXsmall;
-
-const _excluded = ["ref"];
-
-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 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_lodash = require("lodash");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_button = require("@elliemae/ds-button");
+var import_context = require("../context");
+const ClearIndicator = (props) => {
   const {
     getStyles,
-    innerProps: {
-      ref
-    },
+    innerProps: { ref, ...restInnerProps },
     innerRef
-  } = props,
-        restInnerProps = _objectWithoutProperties__default["default"](props.innerProps, _excluded);
-
-  const c = React.useContext(context.DropDownContext);
-  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({}, restInnerProps), {}, {
-    ref: ref,
+  } = props;
+  const c = (0, import_react.useContext)(import_context.DropDownContext);
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    ...restInnerProps,
+    ref,
     "aria-hidden": "false",
-    style: getStyles('clearIndicator', props),
-    children: /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread(_objectSpread({}, props), {}, {
-      "data-testid": "combobox-clear-btn",
-      "aria-label": "clear-indicator",
-      buttonType: "text",
-      tabOrder: "2",
-      className: "clear-indicator",
-      icon: _CloseXsmall || (_CloseXsmall = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
-        size: "m"
-      })),
-      innerRef: innerRef,
-      onKeyDown: e => {
-        if (e.keyCode === 32 || e.keyCode === 13) {
-          e.preventDefault();
-          e.stopPropagation();
-          props.clearValue();
-          const select = lodash.get(c, 'select.current');
-          if (select && select.focus) select.focus();
-        }
-
-        if (props.onKeyDown) props.onKeyDown(e);
+    style: getStyles("clearIndicator", props)
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
+    ...props,
+    "data-testid": "combobox-clear-btn",
+    "aria-label": "clear-indicator",
+    buttonType: "text",
+    tabOrder: "2",
+    className: "clear-indicator",
+    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseXsmall, {
+      size: "m"
+    }),
+    innerRef,
+    onKeyDown: (e) => {
+      if (e.keyCode === 32 || e.keyCode === 13) {
+        e.preventDefault();
+        e.stopPropagation();
+        props.clearValue();
+        const select = (0, import_lodash.get)(c, "select.current");
+        if (select && select.focus)
+          select.focus();
       }
-    }))
+      if (props.onKeyDown)
+        props.onKeyDown(e);
+    }
   }));
 };
-
-module.exports = ClearIndicator;
+var ClearIndicator_default = ClearIndicator;
+module.exports = __toCommonJS(ClearIndicator_exports);
+//# sourceMappingURL=ClearIndicator.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/ClearIndicator.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable react/destructuring-assignment,max-lines,react/display-name, react/require-default-props */\nimport React, { useContext } from 'react';\nimport { get } from 'lodash';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DropDownContext } from '../context';\n\nconst ClearIndicator = (props) => {\n  const {\n    getStyles,\n    innerProps: { ref, ...restInnerProps },\n    innerRef,\n  } = props;\n  const c = useContext(DropDownContext);\n\n  return (\n    <div {...restInnerProps} ref={ref} aria-hidden=\"false\" style={getStyles('clearIndicator', props)}>\n      <DSButton\n        {...props}\n        data-testid=\"combobox-clear-btn\"\n        aria-label=\"clear-indicator\"\n        buttonType=\"text\"\n        tabOrder=\"2\"\n        className=\"clear-indicator\"\n        icon={<CloseXsmall size=\"m\" />}\n        innerRef={innerRef}\n        onKeyDown={(e) => {\n          if (e.keyCode === 32 || e.keyCode === 13) {\n            e.preventDefault();\n            e.stopPropagation();\n            props.clearValue();\n            const select = get(c, 'select.current');\n            if (select && select.focus) select.focus();\n          }\n          if (props.onKeyDown) 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;ADEvB,mBAAkC;AAClC,oBAAoB;AACpB,sBAA4B;AAC5B,uBAAyB;AACzB,qBAAgC;AAEhC,MAAM,iBAAiB,CAAC,UAAU;AAChC,QAAM;AAAA,IACJ;AAAA,IACA,YAAY,EAAE,QAAQ;AAAA,IACtB;AAAA,MACE;AACJ,QAAM,IAAI,6BAAW;AAErB,SACE,mDAAC,OAAD;AAAA,OAAS;AAAA,IAAgB;AAAA,IAAU,eAAY;AAAA,IAAQ,OAAO,UAAU,kBAAkB;AAAA,KACxF,mDAAC,2BAAD;AAAA,OACM;AAAA,IACJ,eAAY;AAAA,IACZ,cAAW;AAAA,IACX,YAAW;AAAA,IACX,UAAS;AAAA,IACT,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,UAAE;AACF,cAAM;AACN,cAAM,SAAS,uBAAI,GAAG;AACtB,YAAI,UAAU,OAAO;AAAO,iBAAO;AAAA;AAErC,UAAI,MAAM;AAAW,cAAM,UAAU;AAAA;AAAA;AAAA;AAQ/C,IAAO,yBAAQ;",
+  "names": []
+}

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

@@ -1,46 +1,54 @@
-'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');
-var React = 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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-const _excluded = ["scheduleUpdate", "styleMenu"];
-
-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 Content = _ref => {
-  var _rest$selectProps;
-
-  let {
-    scheduleUpdate,
-    styleMenu
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  React.useEffect(() => {
-    // trigger popper update on input change PUI-4069
+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 Content_exports = {};
+__export(Content_exports, {
+  Content: () => Content,
+  default: () => Content_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_select = require("react-select");
+var import_prop_types = __toESM(require("prop-types"));
+const Content = ({ scheduleUpdate, styleMenu, ...rest }) => {
+  (0, import_react.useEffect)(() => {
     scheduleUpdate();
-  }, [rest === null || rest === void 0 ? void 0 : (_rest$selectProps = rest.selectProps) === null || _rest$selectProps === void 0 ? void 0 : _rest$selectProps.inputValue]);
-  return /*#__PURE__*/_jsx__default["default"]("div", {
+  }, [rest?.selectProps?.inputValue]);
+  return /* @__PURE__ */ import_react.default.createElement("div", {
     style: styleMenu,
     "data-testid": "combobox-menu"
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx(Select.components.Menu, _objectSpread({}, rest)));
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_select.components.Menu, {
+    ...rest
+  }));
+};
+Content.propTypes = {
+  scheduleUpdate: import_prop_types.default.func,
+  styleMenu: import_prop_types.default.any
 };
-
-module.exports = Content;
+var Content_default = Content;
+module.exports = __toCommonJS(Content_exports);
+//# sourceMappingURL=Content.js.map

package/cjs/ComboBox/v2/components/Content.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/Content.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useEffect } from 'react';\nimport { components } from 'react-select';\nimport PropTypes from 'prop-types';\n\nconst Content = ({ scheduleUpdate, styleMenu, ...rest }) => {\n  useEffect(() => {\n    // trigger popper update on input change PUI-4069\n    scheduleUpdate();\n  }, [rest?.selectProps?.inputValue]);\n  return (\n    <div style={styleMenu} data-testid=\"combobox-menu\">\n      <components.Menu {...rest} />\n    </div>\n  );\n};\n\nContent.propTypes = {\n  scheduleUpdate: PropTypes.func,\n  styleMenu: PropTypes.any,\n};\n\nexport { Content };\nexport default Content;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAiC;AACjC,0BAA2B;AAC3B,wBAAsB;AAEtB,MAAM,UAAU,CAAC,EAAE,gBAAgB,cAAc,WAAW;AAC1D,8BAAU,MAAM;AAEd;AAAA,KACC,CAAC,MAAM,aAAa;AACvB,SACE,mDAAC,OAAD;AAAA,IAAK,OAAO;AAAA,IAAW,eAAY;AAAA,KACjC,mDAAC,+BAAW,MAAZ;AAAA,OAAqB;AAAA;AAAA;AAK3B,QAAQ,YAAY;AAAA,EAClB,gBAAgB,0BAAU;AAAA,EAC1B,WAAW,0BAAU;AAAA;AAIvB,IAAO,kBAAQ;",
+  "names": []
+}

package/cjs/ComboBox/v2/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/v2/components/Control.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/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": []
+}