@elliemae/ds-form 3.0.0-next.0 → 3.0.0-next.4

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

@@ -1,90 +0,0 @@
-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;
-  const {
-    items,
-    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 renderOptionStyle = isOptionAGroup(option) ? {} : style;
-
-  const optionProps = _objectSpread(_objectSpread({}, option.props.innerProps), {}, {
-    style: renderOptionStyle,
-    'data-testid': 'combobox-option',
-    role: 'option',
-    'aria-selected': isSelected,
-    onClick: e => {
-      var _option$props4, _option$props4$innerP;
-
-      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 (useTruncatedText && get(option, 'props.selectProps.menuIsOpen')) {
-    return /*#__PURE__*/React.cloneElement(option, _objectSpread(_objectSpread({}, 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
-      })]
-    }));
-  }
-
-  return /*#__PURE__*/React.cloneElement(option, _objectSpread(_objectSpread({}, 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]
-  }));
-};
-
-export { CustomOption as default };

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

@@ -1,79 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/esnext.async-iterator.find.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.find.js';
-import 'core-js/modules/esnext.async-iterator.filter.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 React, { useContext } from 'react';
-import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
-import { DSCheckbox } from '../../../Checkbox/DSCheckbox.js';
-import { DropDownContext } from '../context.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const CustomOptionMulti = _ref => {
-  let {
-    index,
-    data,
-    style,
-    isScrolling
-  } = _ref;
-  const {
-    items,
-    options: {
-      useTruncatedText
-    }
-  } = data;
-  const option = items[index];
-  const {
-    value
-  } = useContext(DropDownContext);
-  const isSelected = !!(value !== null && value !== void 0 && value.find(item => {
-    var _option$props;
-
-    return item.label === (option === null || option === void 0 ? void 0 : (_option$props = option.props) === null || _option$props === void 0 ? void 0 : _option$props.label);
-  }));
-
-  const optionProps = _objectSpread(_objectSpread({}, option.props.innerProps), {}, {
-    style,
-    'data-testid': 'combobox-option',
-    role: 'option',
-    'aria-selected': isSelected,
-    onClick: e => {
-      e.stopPropagation();
-      if (option.props.innerProps.onClick) option.props.innerProps.onClick(e);
-    }
-  });
-
-  if (useTruncatedText) {
-    return /*#__PURE__*/React.cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
-      innerProps: optionProps
-    }), /*#__PURE__*/_jsx("div", {
-      className: "combobox-v2-option-multiple-container"
-    }, void 0, /*#__PURE__*/_jsx(DSCheckbox, {
-      checked: option.props.isSelected,
-      labelText: " "
-    }), /*#__PURE__*/_jsx("div", {
-      className: "combobox-v2-option-multiple-truncated-label"
-    }, void 0, /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
-      value: option.props.children
-    }))));
-  }
-
-  return /*#__PURE__*/React.cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
-    innerProps: optionProps,
-    children: /*#__PURE__*/_jsx("div", {
-      className: "combobox-v2-option-multiple-container"
-    }, void 0, /*#__PURE__*/_jsx(DSCheckbox, {
-      checked: option.props.isSelected,
-      labelText: option.props.children
-    }))
-  }));
-};
-
-export { CustomOptionMulti as default };

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

@@ -1,90 +0,0 @@
-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 'core-js/modules/web.dom-collections.iterator.js';
-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 { useContext, useState } from 'react';
-import { get } from 'lodash';
-import { ChevronSmallDown } from '@elliemae/ds-icons';
-import DSButton, { BUTTON_VARIANT } from '@elliemae/ds-button';
-import { DropDownContext } from '../context.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _ChevronSmallDown;
-
-const _excluded = ["innerRef", "onKeyDown", "options", "theme", "clearValue", "getStyles", "getValue", "setValue", "hasStyle", "hasValue", "isMulti", "isRtl", "isDisabled", "isFocused", "selectOption", "selectProps", "innerProps", "cx"];
-
-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 DropdownIndicator = _ref => {
-  let {
-    innerRef,
-    onKeyDown,
-    options,
-    theme,
-    clearValue,
-    getStyles,
-    getValue,
-    setValue,
-    hasStyle,
-    hasValue,
-    isMulti,
-    isRtl,
-    isDisabled,
-    isFocused,
-    selectOption,
-    selectProps,
-    innerProps,
-    cx
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  const {
-    changeHandleOpening,
-    changeMenuOpen,
-    inputInFocus,
-    handleOpening,
-    menuOpen,
-    onClickDropdownIndicator
-  } = useContext(DropDownContext);
-  const [touchClick, setTouchClick] = useState(false);
-
-  const handleOnClick = e => {
-    onClickDropdownIndicator(e);
-    changeMenuOpen(!menuOpen);
-    changeHandleOpening(!handleOpening);
-  };
-
-  const handleOnKeyDown = e => {
-    if (e.key === 'Enter') {
-      changeMenuOpen(!menuOpen);
-      e.preventDefault();
-    }
-  };
-
-  return /*#__PURE__*/jsx(DSButton, _objectSpread({
-    "data-testid": "combobox-dropdown-btn",
-    "aria-label": "dropdown-indicator",
-    buttonType: "text",
-    className: "dropdown-indicator ".concat(get(selectProps, 'menuIsOpen', false) && !inputInFocus ? 'active' : ''),
-    icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx(ChevronSmallDown, {})),
-    innerRef: innerRef,
-    onClick: handleOnClick,
-    onKeyDown: handleOnKeyDown,
-    onTouchStart: () => setTouchClick(true),
-    onTouchEnd: e => {
-      if (touchClick) handleOnClick(e);
-      setTouchClick(false);
-    },
-    tabIndex: -1,
-    variant: get(selectProps, 'menuIsOpen', false) && !inputInFocus ? BUTTON_VARIANT.ACTIVE : BUTTON_VARIANT.DEFAULT
-  }, rest));
-};
-
-export { DropdownIndicator as default };

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

@@ -1,38 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { components } from 'react-select';
-import DSSeparator from '@elliemae/ds-separator';
-import { getGroupHeaderPosition } from './utils.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _StyledSeparator;
-
-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 GroupHeading = props => {
-  const headerPosition = getGroupHeaderPosition(props.id);
-  const {
-    hasSeparator
-  } = props.selectProps.options[headerPosition];
-  return /*#__PURE__*/_jsx(Wrapper, {}, void 0, hasSeparator && (_StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx(StyledSeparator, {
-    type: "non-form"
-  }))), /*#__PURE__*/jsx(components.GroupHeading, _objectSpread({}, props)));
-};
-
-const StyledSeparator = /*#__PURE__*/styled(DSSeparator).withConfig({
-  componentId: "sc-1bw0sto-0"
-})(["width:auto;margin:", ";margin-top:unset;"], props => props.theme.space.xs);
-const Wrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1bw0sto-1"
-})(["display:flex;flex-direction:column;"]);
-
-export { GroupHeading as default };

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

@@ -1,20 +0,0 @@
-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 'react';
-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 IndicatorSeparator = _ref => {
-  let {
-    innerProps
-  } = _ref;
-  return /*#__PURE__*/jsx("span", _objectSpread({}, innerProps));
-};
-
-export { IndicatorSeparator, IndicatorSeparator as default };

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

@@ -1,17 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import styled from 'styled-components';
-import { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';
-
-var _Wrapper;
-const Wrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-m7hflj-0"
-})(["display:flex;justify-content:center;margin-top:12px;"]);
-
-const LoadingIndicator = () => _Wrapper || (_Wrapper = /*#__PURE__*/_jsx(Wrapper, {
-  "data-testid": "ds-combobox_loading-indicator"
-}, void 0, /*#__PURE__*/_jsx(DSCircularProgressIndicator, {
-  size: "m"
-})));
-
-export { LoadingIndicator as default };

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

@@ -1,123 +0,0 @@
-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 'core-js/modules/web.dom-collections.iterator.js';
-import React, { useRef, useState, useEffect } from 'react';
-import { components } from 'react-select';
-import { FixedSizeList } from 'react-window';
-import memoize from 'memoize-one';
-import CustomOption from './CustomOption.js';
-import CustomOptionMulti from './CustomOptionMulti.js';
-import MultiSelectHeader from './MultiSelectHeader.js';
-import { useMenuListHeight } from './useMenuListHeight.js';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const createItemData = memoize((items, options) => {
-  if (items !== null && items !== void 0 && items.findIndex) {
-    const index = items.findIndex(item => item.props.isFocused);
-    if (index > -1) return {
-      items,
-      options
-    };
-    return {
-      items: [_objectSpread(_objectSpread({}, items[0]), {}, {
-        props: _objectSpread(_objectSpread({}, items[0].props), {}, {
-          isFocused: true
-        })
-      }), ...items.slice(1)],
-      options
-    };
-  }
-
-  return {
-    items,
-    options
-  };
-});
-
-const scrollTo = (listRef, type) => {
-  if (listRef && listRef.current && listRef.current.props) {
-    const {
-      items
-    } = listRef.current.props.itemData;
-    const index = items.findIndex(item => item.props.isFocused);
-    listRef.current.scrollToItem(index !== -1 ? index : 0, type);
-  }
-};
-
-const MenuList = /*#__PURE__*/React.memo(props => {
-  const {
-    children: options,
-    selectProps,
-    isMulti,
-    hasValue
-  } = props;
-  const {
-    customMenuItemOptions,
-    selectMeasure: {
-      bounds: {
-        bottom
-      }
-    }
-  } = selectProps;
-  const listRef = useRef(null);
-  const [inside, setInside] = useState(false);
-  const remainingHeight = window.innerHeight - bottom - 10;
-  useEffect(() => {
-    window.addEventListener('keydown', handleKeyDown);
-    return () => window.removeEventListener('keydown', handleKeyDown);
-  }, []);
-
-  const handleKeyDown = () => setInside(false);
-
-  const {
-    itemSize = 35,
-    maxOptions
-  } = customMenuItemOptions;
-  const itemData = createItemData(options, customMenuItemOptions);
-  const RenderOption = !isMulti ? CustomOption : CustomOptionMulti;
-  const height = useMenuListHeight(options, maxOptions, itemSize, remainingHeight);
-
-  if (listRef && listRef.current && !inside && hasValue) {
-    scrollTo(listRef); // use autoScroll
-  }
-
-  useEffect(() => {
-    // fix this that has a bug where the groups is being focused
-    if (hasValue && !inside && listRef) scrollTo(listRef);
-  }, [options]);
-
-  const setInsideFalseAtClosing = () => setInside(false);
-
-  useEffect(() => setInsideFalseAtClosing, []);
-  if (!options.length) return /*#__PURE__*/jsx(components.MenuList, _objectSpread({}, props));
-  return /*#__PURE__*/_jsx("div", {
-    role: "list",
-    "data-testid": "combobox-menu-list"
-  }, void 0, isMulti && /*#__PURE__*/jsx(MultiSelectHeader, _objectSpread({}, props)), /*#__PURE__*/jsx(FixedSizeList, {
-    ref: r => {
-      listRef.current = r;
-
-      if (!inside && listRef && hasValue) {
-        scrollTo(listRef);
-      }
-    },
-    className: "combobox-menu-list ".concat(isMulti && 'combobox-menu-list-is-multi'),
-    height: height,
-    itemCount: options.length,
-    itemData: itemData,
-    itemSize: itemSize,
-    onScroll: () => setInside(true),
-    useIsScrolling: true,
-    children: RenderOption
-  }));
-});
-
-export { MenuList as default };

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

@@ -1,74 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-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 { useContext } from 'react';
-import styled from 'styled-components';
-import DSButton, { BUTTON_VARIANT } from '@elliemae/ds-button';
-import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
-import DSSeparator from '@elliemae/ds-separator';
-import { DropDownContext } from '../context.js';
-
-var _StyledSeparator, _DSSeparator;
-
-const MultiSelectHeader = props => {
-  const totalItems = props.children.length;
-  const selectedItems = props.children.filter(child => child.props.isSelected).length;
-  const {
-    onSelectAll,
-    selectAllDisabled
-  } = useContext(DropDownContext);
-  const isClearButtonDisabled = selectedItems === 0;
-  const isAllButtonDisabled = selectedItems === totalItems;
-  return /*#__PURE__*/_jsx(HeaderWrapper, {}, void 0, /*#__PURE__*/_jsx(ContentWrapper, {}, void 0, /*#__PURE__*/_jsx(HeaderTitle, {}, void 0, /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
-    value: "".concat(selectedItems, " selected")
-  })), !selectAllDisabled && /*#__PURE__*/_jsx(ActionButtons, {}, void 0, /*#__PURE__*/_jsx(StyledButton, {
-    "data-testid": "combobox-all-btn",
-    buttonType: "text",
-    labelText: "All",
-    size: "s",
-    onClick: () => onSelectAll(true),
-    disabled: isAllButtonDisabled,
-    "aria-disabled": isAllButtonDisabled ? 'true' : 'false',
-    variant: isAllButtonDisabled && BUTTON_VARIANT.DISABLED
-  }), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx(StyledSeparator, {
-    orientation: "vertical",
-    position: "center",
-    type: "group-level",
-    margin: "none"
-  })), /*#__PURE__*/_jsx(StyledButton, {
-    "data-testid": "combobox-clear-btn",
-    buttonType: "text",
-    labelText: "Clear",
-    size: "s",
-    onClick: () => onSelectAll(false),
-    disabled: isClearButtonDisabled,
-    "aria-disabled": isClearButtonDisabled ? 'true' : 'false',
-    variant: isClearButtonDisabled && BUTTON_VARIANT.DISABLED
-  }))), _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx(DSSeparator, {
-    position: "center",
-    type: "non-form",
-    margin: "none"
-  })));
-};
-
-const HeaderWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-zjm4r5-0"
-})(["display:flex;flex-direction:column;padding:0 ", ";"], props => props.theme.space.xs);
-const ContentWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-zjm4r5-1"
-})(["display:grid;align-items:flex-end;justify-content:space-between;height:", ";padding-bottom:4px;grid-template-columns:minmax(0,1fr) 104px;"], props => props.theme.space.s);
-const HeaderTitle = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-zjm4r5-2"
-})(["color:", ";text-overflow:ellipsis;"], props => props.theme.colors.neutral[500]);
-const ActionButtons = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-zjm4r5-3"
-})(["display:inline-flex;color:", ";"], props => props.theme.colors.neutral[500]);
-const StyledSeparator = /*#__PURE__*/styled(DSSeparator).withConfig({
-  componentId: "sc-zjm4r5-4"
-})(["height:auto;width:auto;"]);
-const StyledButton = /*#__PURE__*/styled(DSButton).withConfig({
-  componentId: "sc-zjm4r5-5"
-})(["padding:0 ", ";"], props => props.theme.space.xxs);
-
-export { MultiSelectHeader as default };

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

@@ -1,16 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PopperPositions } from '@elliemae/ds-popper';
-import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
-
-function MultiValueLabel(_ref) {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
-    tooltipPlacement: PopperPositions.TOP,
-    value: children
-  });
-}
-
-export { MultiValueLabel as default };

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

@@ -1,36 +0,0 @@
-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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { components } from 'react-select';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["innerProps"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function MultiValueRemove(_ref) {
-  let {
-    innerProps
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  const innerPropsWithOutRemoval = _objectSpread(_objectSpread({}, innerProps), {}, {
-    onClick: () => {},
-    onTouchEnd: () => {},
-    onMouseDown: () => {}
-  });
-
-  return /*#__PURE__*/jsx(components.MultiValueRemove, _objectSpread(_objectSpread({}, rest), {}, {
-    innerProps: innerPropsWithOutRemoval,
-    children: ","
-  }));
-}
-
-export { MultiValueRemove as default };

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

@@ -1,58 +0,0 @@
-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 DSPopper, { PopperPositions } from '@elliemae/ds-popper';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import Content from './Content.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _TriggerComponent, _TriggerComponent2;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const TriggerComponent = aggregatedClasses('div')('combobox-trigger', null);
-
-const SelectMenu = props => {
-  const {
-    inlineMenu,
-    selectMeasure: {
-      bounds
-    },
-    expandMenuToContainer,
-    expandMenuOutsideContainer,
-    zIndex
-  } = props.selectProps;
-
-  if (inlineMenu) {
-    return /*#__PURE__*/jsx(components.Menu, _objectSpread({}, props));
-  }
-
-  const styleMenu = expandMenuToContainer ? {
-    width: bounds.width
-  } : {};
-
-  if (expandMenuOutsideContainer) {
-    styleMenu.width = 'auto';
-  }
-
-  return /*#__PURE__*/_jsx(DSPopper, {
-    contentComponent: /*#__PURE__*/jsx(Content, _objectSpread(_objectSpread({}, props), {}, {
-      styleMenu: styleMenu
-    })),
-    isOpen: true,
-    placement: PopperPositions.BOTTOM_START,
-    preventOverflow: _TriggerComponent || (_TriggerComponent = /*#__PURE__*/_jsx(TriggerComponent, {})),
-    showArrow: false,
-    triggerComponent: _TriggerComponent2 || (_TriggerComponent2 = /*#__PURE__*/_jsx(TriggerComponent, {})),
-    zIndex: zIndex
-  });
-};
-
-export { SelectMenu as default };