@elliemae/ds-form 2.2.0-alpha.1 → 2.2.0-alpha.2

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ComboBox/v2/Combobox.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "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",
+  "names": []
+}

package/esm/ComboBox/v2/components/AllOption.js

@@ -1,29 +1,14 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { DSCheckbox } from '../../../Checkbox/DSCheckbox.js';
-import { jsx } from 'react/jsx-runtime';
-
-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(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(_ref, _excluded);
-
-  return /*#__PURE__*/_jsx("div", {
-    className: "combobox-multi-select-all"
-  }, void 0, /*#__PURE__*/jsx(DSCheckbox, _objectSpread({
-    labelText: "All"
-  }, rest)));
+import * as React from "react";
+import React2 from "react";
+import { DSCheckbox } from "../../../Checkbox";
+const MultiSelectHeader = ({ children, ...rest }) => /* @__PURE__ */ React2.createElement("div", {
+  className: "combobox-multi-select-all"
+}, /* @__PURE__ */ React2.createElement(DSCheckbox, {
+  labelText: "All",
+  ...rest
+}));
+var AllOption_default = MultiSelectHeader;
+export {
+  AllOption_default as default
 };
-
-export { MultiSelectHeader as default };
+//# sourceMappingURL=AllOption.js.map

package/esm/ComboBox/v2/components/AllOption.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v2/components/AllOption.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACEA;AACA;AAEA,MAAM,oBAAoB,CAAC,EAAE,aAAa,WACxC,qCAAC,OAAD;AAAA,EAAK,WAAU;AAAA,GACb,qCAAC,YAAD;AAAA,EAAY,WAAU;AAAA,KAAU;AAAA;AAIpC,IAAO,oBAAQ;",
+  "names": []
+}

package/esm/ComboBox/v2/components/ClearIndicator.js

@@ -1,64 +1,49 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { useContext } from 'react';
-import { get } from 'lodash';
-import { CloseXsmall } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
-import { DropDownContext } from '../context.js';
-import { jsx } from 'react/jsx-runtime';
-
-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(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 => {
+import * as React from "react";
+import React2, { useContext } from "react";
+import { get } from "lodash";
+import { CloseXsmall } from "@elliemae/ds-icons";
+import { DSButton } from "@elliemae/ds-button";
+import { DropDownContext } from "../context";
+const ClearIndicator = (props) => {
   const {
     getStyles,
-    innerProps: {
-      ref
-    },
+    innerProps: { ref, ...restInnerProps },
     innerRef
-  } = props,
-        restInnerProps = _objectWithoutProperties(props.innerProps, _excluded);
-
+  } = props;
   const c = useContext(DropDownContext);
-  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({}, restInnerProps), {}, {
-    ref: ref,
+  return /* @__PURE__ */ React2.createElement("div", {
+    ...restInnerProps,
+    ref,
     "aria-hidden": "false",
-    style: getStyles('clearIndicator', props),
-    children: /*#__PURE__*/jsx(DSButton, _objectSpread(_objectSpread({}, props), {}, {
-      "data-testid": "combobox-clear-btn",
-      "aria-label": "clear-indicator",
-      buttonType: "text",
-      tabOrder: "2",
-      className: "clear-indicator",
-      icon: _CloseXsmall || (_CloseXsmall = /*#__PURE__*/_jsx(CloseXsmall, {
-        size: "m"
-      })),
-      innerRef: innerRef,
-      onKeyDown: e => {
-        if (e.keyCode === 32 || e.keyCode === 13) {
-          e.preventDefault();
-          e.stopPropagation();
-          props.clearValue();
-          const select = get(c, 'select.current');
-          if (select && select.focus) select.focus();
-        }
-
-        if (props.onKeyDown) props.onKeyDown(e);
+    style: getStyles("clearIndicator", props)
+  }, /* @__PURE__ */ React2.createElement(DSButton, {
+    ...props,
+    "data-testid": "combobox-clear-btn",
+    "aria-label": "clear-indicator",
+    buttonType: "text",
+    tabOrder: "2",
+    className: "clear-indicator",
+    icon: /* @__PURE__ */ React2.createElement(CloseXsmall, {
+      size: "m"
+    }),
+    innerRef,
+    onKeyDown: (e) => {
+      if (e.keyCode === 32 || e.keyCode === 13) {
+        e.preventDefault();
+        e.stopPropagation();
+        props.clearValue();
+        const select = get(c, "select.current");
+        if (select && select.focus)
+          select.focus();
       }
-    }))
+      if (props.onKeyDown)
+        props.onKeyDown(e);
+    }
   }));
 };
-
-export { ClearIndicator as default };
+var ClearIndicator_default = ClearIndicator;
+export {
+  ClearIndicator,
+  ClearIndicator_default as default
+};
+//# sourceMappingURL=ClearIndicator.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v2/components/ClearIndicator.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,CAAC,UAAU;AAChC,QAAM;AAAA,IACJ;AAAA,IACA,YAAY,EAAE,QAAQ;AAAA,IACtB;AAAA,MACE;AACJ,QAAM,IAAI,WAAW;AAErB,SACE,qCAAC,OAAD;AAAA,OAAS;AAAA,IAAgB;AAAA,IAAU,eAAY;AAAA,IAAQ,OAAO,UAAU,kBAAkB;AAAA,KACxF,qCAAC,UAAD;AAAA,OACM;AAAA,IACJ,eAAY;AAAA,IACZ,cAAW;AAAA,IACX,YAAW;AAAA,IACX,UAAS;AAAA,IACT,WAAU;AAAA,IACV,MAAM,qCAAC,aAAD;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,IAAI,GAAG;AACtB,YAAI,UAAU,OAAO;AAAO,iBAAO;AAAA;AAErC,UAAI,MAAM;AAAW,cAAM,UAAU;AAAA;AAAA;AAAA;AAQ/C,IAAO,yBAAQ;",
+  "names": []
+}

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

@@ -1,38 +1,25 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { useEffect } from 'react';
-import { components } from 'react-select';
-import { jsx } from 'react/jsx-runtime';
-
-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(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(_ref, _excluded);
-
+import * as React from "react";
+import React2, { useEffect } from "react";
+import { components } from "react-select";
+import PropTypes from "prop-types";
+const Content = ({ scheduleUpdate, styleMenu, ...rest }) => {
   useEffect(() => {
-    // trigger popper update on input change PUI-4069
     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("div", {
+  }, [rest?.selectProps?.inputValue]);
+  return /* @__PURE__ */ React2.createElement("div", {
     style: styleMenu,
     "data-testid": "combobox-menu"
-  }, void 0, /*#__PURE__*/jsx(components.Menu, _objectSpread({}, rest)));
+  }, /* @__PURE__ */ React2.createElement(components.Menu, {
+    ...rest
+  }));
 };
-
-export { Content as default };
+Content.propTypes = {
+  scheduleUpdate: PropTypes.func,
+  styleMenu: PropTypes.any
+};
+var Content_default = Content;
+export {
+  Content,
+  Content_default as default
+};
+//# sourceMappingURL=Content.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v2/components/Content.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,UAAU,CAAC,EAAE,gBAAgB,cAAc,WAAW;AAC1D,YAAU,MAAM;AAEd;AAAA,KACC,CAAC,MAAM,aAAa;AACvB,SACE,qCAAC,OAAD;AAAA,IAAK,OAAO;AAAA,IAAW,eAAY;AAAA,KACjC,qCAAC,WAAW,MAAZ;AAAA,OAAqB;AAAA;AAAA;AAK3B,QAAQ,YAAY;AAAA,EAClB,gBAAgB,UAAU;AAAA,EAC1B,WAAW,UAAU;AAAA;AAIvB,IAAO,kBAAQ;",
+  "names": []
+}

package/esm/ComboBox/v2/components/Control.js

@@ -1,27 +1,15 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import { components } from 'react-select';
-import { Reference } from 'react-popper';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const Control = props => /*#__PURE__*/_jsx(Reference, {}, void 0, _ref => {
-  let {
-    ref
-  } = _ref;
-  return /*#__PURE__*/jsx("div", {
-    ref: ref,
-    children: /*#__PURE__*/jsx(components.Control, _objectSpread({}, props))
-  });
-});
-
-export { Control as default };
+import * as React from "react";
+import React2 from "react";
+import { components } from "react-select";
+import { Reference } from "react-popper";
+const Control = (props) => /* @__PURE__ */ React2.createElement(Reference, null, ({ ref }) => /* @__PURE__ */ React2.createElement("div", {
+  ref
+}, /* @__PURE__ */ React2.createElement(components.Control, {
+  ...props
+})));
+var Control_default = Control;
+export {
+  Control,
+  Control_default as default
+};
+//# sourceMappingURL=Control.js.map

package/esm/ComboBox/v2/components/Control.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v2/components/Control.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,UAAU,WACd,qCAAC,WAAD,MACG,CAAC,EAAE,UACF,qCAAC,OAAD;AAAA,EAAK;AAAA,GACH,qCAAC,WAAW,SAAZ;AAAA,KAAwB;AAAA;AAOhC,IAAO,kBAAQ;",
+  "names": []
+}

package/esm/ComboBox/v2/components/CustomOption.js

@@ -1,90 +1,59 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import React, { useContext } from 'react';
-import { get, isArray } from 'lodash';
-import DSSeparator from '@elliemae/ds-separator';
-import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
-import { DropDownContext } from '../context.js';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const isOptionAGroup = option => option && option.type && option.type.name === 'Group';
-
-const CustomOption = _ref => {
-  var _option$props, _option$props2, _option$props2$innerP, _option$props3, _option$props3$innerP;
-
-  let {
-    index,
-    data,
-    style,
-    isScrolling
-  } = _ref;
+import * as React from "react";
+import React2, { useContext } from "react";
+import { get, isArray } from "lodash";
+import { DSSeparator } from "@elliemae/ds-separator";
+import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import { DropDownContext } from "../context";
+const isOptionAGroup = (option) => option && option.type && option.type.name === "Group";
+const CustomOption = ({ index, data, style, isScrolling }) => {
   const {
     items,
-    options: {
-      useTruncatedText
-    }
+    options: { useTruncatedText }
   } = data;
   const option = items[index];
-  const {
-    value
-  } = useContext(DropDownContext);
-  const isSelected = (value === null || value === void 0 ? void 0 : value.label) === (option === null || option === void 0 ? void 0 : (_option$props = option.props) === null || _option$props === void 0 ? void 0 : _option$props.label); // react-select performance optimization
-
-  option === null || option === void 0 ? true : (_option$props2 = option.props) === null || _option$props2 === void 0 ? true : (_option$props2$innerP = _option$props2.innerProps) === null || _option$props2$innerP === void 0 ? true : delete _option$props2$innerP.onMouseMove;
-  option === null || option === void 0 ? true : (_option$props3 = option.props) === null || _option$props3 === void 0 ? true : (_option$props3$innerP = _option$props3.innerProps) === null || _option$props3$innerP === void 0 ? true : delete _option$props3$innerP.onMouseOver;
+  const { value } = useContext(DropDownContext);
+  const isSelected = value?.label === option?.props?.label;
+  delete option?.props?.innerProps?.onMouseMove;
+  delete option?.props?.innerProps?.onMouseOver;
   const renderOptionStyle = isOptionAGroup(option) ? {} : style;
-
-  const optionProps = _objectSpread(_objectSpread({}, option.props.innerProps), {}, {
+  const optionProps = {
+    ...option.props.innerProps,
     style: renderOptionStyle,
-    'data-testid': 'combobox-option',
-    role: 'option',
-    'aria-selected': isSelected,
-    onClick: e => {
-      var _option$props4, _option$props4$innerP;
-
+    "data-testid": "combobox-option",
+    role: "option",
+    "aria-selected": isSelected,
+    onClick: (e) => {
       e.stopPropagation();
-      if (option !== null && option !== void 0 && (_option$props4 = option.props) !== null && _option$props4 !== void 0 && (_option$props4$innerP = _option$props4.innerProps) !== null && _option$props4$innerP !== void 0 && _option$props4$innerP.onClick) option.props.innerProps.onClick(e);
+      if (option?.props?.innerProps?.onClick)
+        option.props.innerProps.onClick(e);
     }
-  });
-
-  if (useTruncatedText && get(option, 'props.selectProps.menuIsOpen')) {
-    return /*#__PURE__*/React.cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
+  };
+  if (useTruncatedText && get(option, "props.selectProps.menuIsOpen")) {
+    return React2.cloneElement(option, {
+      ...option.props,
       innerProps: optionProps,
       tabIndex: 0
-    }), /*#__PURE__*/jsxs(Fragment, {
-      children: [option.props.data.hasSeparator && !isArray(option.props.data.options) && /*#__PURE__*/_jsx(DSSeparator, {
-        margin: "none",
-        style: {
-          zIndex: -2
-        },
-        type: "non-form"
-      }), /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
-        value: option.props.children
-      })]
-    }));
+    }, /* @__PURE__ */ React2.createElement(React2.Fragment, null, option.props.data.hasSeparator && !isArray(option.props.data.options) && /* @__PURE__ */ React2.createElement(DSSeparator, {
+      margin: "none",
+      style: { zIndex: -2 },
+      type: "non-form"
+    }), /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
+      value: option.props.children
+    })));
   }
-
-  return /*#__PURE__*/React.cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
+  return React2.cloneElement(option, {
+    ...option.props,
     tabIndex: 0,
     innerProps: optionProps
-  }), /*#__PURE__*/jsxs(Fragment, {
-    children: [option.props.data.hasSeparator && !isArray(option.props.data.options) && /*#__PURE__*/_jsx(DSSeparator, {
-      margin: "none",
-      style: {
-        zIndex: -2
-      },
-      type: "non-form"
-    }), option.props.children]
-  }));
+  }, /* @__PURE__ */ React2.createElement(React2.Fragment, null, option.props.data.hasSeparator && !isArray(option.props.data.options) && /* @__PURE__ */ React2.createElement(DSSeparator, {
+    margin: "none",
+    style: { zIndex: -2 },
+    type: "non-form"
+  }), option.props.children));
+};
+var CustomOption_default = CustomOption;
+export {
+  CustomOption,
+  CustomOption_default as default
 };
-
-export { CustomOption as default };
+//# sourceMappingURL=CustomOption.js.map

package/esm/ComboBox/v2/components/CustomOption.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v2/components/CustomOption.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\n/* eslint-disable react/destructuring-assignment,max-lines,react/display-name, react/require-default-props */\nimport React, { useContext } from 'react';\nimport { get, isArray } from 'lodash';\nimport { DSSeparator } from '@elliemae/ds-separator';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { DropDownContext } from '../context';\n\nconst isOptionAGroup = (option) =>\n  option && option.type && option.type.name === 'Group';\n\nconst CustomOption = ({ index, data, style, isScrolling }) => {\n  const {\n    items,\n    options: { useTruncatedText },\n  } = data;\n  const option = items[index];\n\n  const { value } = useContext(DropDownContext);\n  const isSelected = value?.label === option?.props?.label;\n\n  // react-select performance optimization\n  delete option?.props?.innerProps?.onMouseMove;\n  delete option?.props?.innerProps?.onMouseOver;\n\n  const renderOptionStyle = isOptionAGroup(option) ? {} : style;\n  const optionProps = {\n    ...option.props.innerProps,\n    style: renderOptionStyle,\n    'data-testid': 'combobox-option',\n    role: 'option',\n    'aria-selected': isSelected,\n    onClick: (e) => {\n      e.stopPropagation();\n      if (option?.props?.innerProps?.onClick)\n        option.props.innerProps.onClick(e);\n    },\n  };\n\n  if (useTruncatedText && get(option, 'props.selectProps.menuIsOpen')) {\n    return React.cloneElement(\n      option,\n      {\n        ...option.props,\n        innerProps: optionProps,\n        tabIndex: 0,\n      },\n      <>\n        {option.props.data.hasSeparator &&\n          !isArray(option.props.data.options) && (\n            <DSSeparator margin=\"none\" style={{ zIndex: -2 }} type=\"non-form\" />\n          )}\n        <SimpleTruncatedTooltipText value={option.props.children} />\n      </>,\n    );\n  }\n\n  return React.cloneElement(\n    option,\n    {\n      ...option.props,\n      tabIndex: 0,\n      innerProps: optionProps,\n    },\n    <>\n      {option.props.data.hasSeparator &&\n        !isArray(option.props.data.options) && (\n          <DSSeparator margin=\"none\" style={{ zIndex: -2 }} type=\"non-form\" />\n        )}\n      {option.props.children}\n    </>,\n  );\n};\n\nexport { CustomOption };\nexport default CustomOption;\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,CAAC,WACtB,UAAU,OAAO,QAAQ,OAAO,KAAK,SAAS;AAEhD,MAAM,eAAe,CAAC,EAAE,OAAO,MAAM,OAAO,kBAAkB;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA,SAAS,EAAE;AAAA,MACT;AACJ,QAAM,SAAS,MAAM;AAErB,QAAM,EAAE,UAAU,WAAW;AAC7B,QAAM,aAAa,OAAO,UAAU,QAAQ,OAAO;AAGnD,SAAO,QAAQ,OAAO,YAAY;AAClC,SAAO,QAAQ,OAAO,YAAY;AAElC,QAAM,oBAAoB,eAAe,UAAU,KAAK;AACxD,QAAM,cAAc;AAAA,OACf,OAAO,MAAM;AAAA,IAChB,OAAO;AAAA,IACP,eAAe;AAAA,IACf,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,SAAS,CAAC,MAAM;AACd,QAAE;AACF,UAAI,QAAQ,OAAO,YAAY;AAC7B,eAAO,MAAM,WAAW,QAAQ;AAAA;AAAA;AAItC,MAAI,oBAAoB,IAAI,QAAQ,iCAAiC;AACnE,WAAO,OAAM,aACX,QACA;AAAA,SACK,OAAO;AAAA,MACV,YAAY;AAAA,MACZ,UAAU;AAAA,OAEZ,4DACG,OAAO,MAAM,KAAK,gBACjB,CAAC,QAAQ,OAAO,MAAM,KAAK,YACzB,qCAAC,aAAD;AAAA,MAAa,QAAO;AAAA,MAAO,OAAO,EAAE,QAAQ;AAAA,MAAM,MAAK;AAAA,QAE3D,qCAAC,4BAAD;AAAA,MAA4B,OAAO,OAAO,MAAM;AAAA;AAAA;AAKtD,SAAO,OAAM,aACX,QACA;AAAA,OACK,OAAO;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,KAEd,4DACG,OAAO,MAAM,KAAK,gBACjB,CAAC,QAAQ,OAAO,MAAM,KAAK,YACzB,qCAAC,aAAD;AAAA,IAAa,QAAO;AAAA,IAAO,OAAO,EAAE,QAAQ;AAAA,IAAM,MAAK;AAAA,MAE1D,OAAO,MAAM;AAAA;AAMpB,IAAO,uBAAQ;",
+  "names": []
+}