@elliemae/ds-form 3.0.0-next.2 → 3.0.0-next.6

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

@@ -1,103 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var Select = require('react-select');
-var reactWindow = require('react-window');
-var memoize = require('memoize-one');
-var lodash = require('lodash');
-var CustomOption = require('./CustomOption.js');
-var CustomOptionMulti = require('./CustomOptionMulti.js');
-var MultiSelectHeader = require('./MultiSelectHeader.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 memoize__default = /*#__PURE__*/_interopDefaultLegacy(memoize);
-
-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 createItemData = memoize__default["default"]((items, options) => ({
-  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, type);
-  }
-}; // const scrollToMouse = debounce(scrollTo, 500)
-
-
-const scrollToKeyword = lodash.debounce(scrollTo, 50);
-
-const MenuList = props => {
-  const listRef = React.useRef(null);
-  const [inside, setInside] = React.useState(false);
-
-  const handleKeyDown = () => {
-    setInside(false);
-  };
-
-  React.useEffect(() => {
-    window.addEventListener('keydown', handleKeyDown);
-    return () => {
-      window.removeEventListener('keydown', handleKeyDown);
-    };
-  });
-  const {
-    children: options,
-    selectProps,
-    isMulti
-  } = props;
-  const {
-    customMenuItemOptions
-  } = selectProps;
-  const {
-    itemSize = 35
-  } = customMenuItemOptions;
-  const itemData = createItemData(options, customMenuItemOptions);
-  const maxOptionsScreen = 10;
-  const safeOptionLength = options.length || 1;
-  const height = itemSize * (safeOptionLength < maxOptionsScreen ? safeOptionLength : maxOptionsScreen);
-  const RenderOption = !isMulti ? CustomOption : CustomOptionMulti;
-  if (!options.length) return /*#__PURE__*/jsxRuntime.jsx(Select.components.MenuList, _objectSpread({}, props));
-
-  if (listRef && listRef.current && !inside) {
-    scrollToKeyword(listRef, 'center'); // use autoScroll
-  }
-
-  return /*#__PURE__*/_jsx__default["default"]("div", {
-    onMouseLeave: () => {
-      setInside(false);
-    }
-  }, void 0, isMulti && /*#__PURE__*/jsxRuntime.jsx(MultiSelectHeader, _objectSpread({}, props)), /*#__PURE__*/jsxRuntime.jsx(reactWindow.FixedSizeList, {
-    ref: 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
-  }));
-};
-
-module.exports = MenuList;

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

@@ -1,20 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-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('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const MultiSelectHeader = props => {
-  const count = props.children.filter(child => child.props.isSelected).length;
-  return /*#__PURE__*/_jsx__default["default"]("div", {
-    className: "combobox-multi-select-header"
-  }, void 0, "".concat(count, " selected"));
-};
-
-module.exports = MultiSelectHeader;

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

@@ -1,23 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var DSPopper = require('@elliemae/ds-popper');
-var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
-
-function MultiValueLabel(_ref) {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
-    tooltipPlacement: DSPopper.PopperPositions.TOP,
-    value: children
-  });
-}
-
-module.exports = MultiValueLabel;

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

@@ -1,36 +0,0 @@
-'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');
-require('react');
-var lodash = require('lodash');
-var Select = require('react-select');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function MultiValueRemove(props) {
-  const value = lodash.get(props, 'selectProps.value');
-
-  if (Array.isArray(value) && value.length > 1) {
-    return /*#__PURE__*/jsxRuntime.jsx(Select.components.MultiValueRemove, _objectSpread(_objectSpread({}, props), {}, {
-      children: ","
-    }));
-  }
-
-  return /*#__PURE__*/jsxRuntime.jsx(Select.components.MultiValueRemove, _objectSpread(_objectSpread({}, props), {}, {
-    children: " "
-  }));
-}
-
-module.exports = MultiValueRemove;

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

@@ -1,91 +0,0 @@
-'use strict';
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var dsUtilities = require('@elliemae/ds-utilities');
-var DSOverlay = require('@elliemae/ds-overlay');
-var dsMenu = require('@elliemae/ds-menu');
-var DSPopper = require('@elliemae/ds-popper');
-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);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSOverlay__default = /*#__PURE__*/_interopDefaultLegacy(DSOverlay);
-
-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 SelectMenu = /*#__PURE__*/React__default["default"].memo(props => {
-  const {
-    inlineMenu,
-    selectMeasure: {
-      bounds
-    },
-    expandMenuToContainer,
-    expandMenuOutsideContainer,
-    zIndex
-  } = props.selectProps;
-
-  if (inlineMenu) {
-    return /*#__PURE__*/jsxRuntime.jsx(Select.components.Menu, _objectSpread({}, props));
-  }
-
-  const styleMenu = expandMenuToContainer ? {
-    width: bounds.width
-  } : {};
-
-  if (expandMenuOutsideContainer) {
-    styleMenu.width = 'auto';
-  }
-
-  return /*#__PURE__*/_jsx__default["default"](DSOverlay__default["default"], {
-    containerProps: {
-      className: 'combobox-menu-overlay'
-    },
-    isOpen: true
-  }, void 0, /*#__PURE__*/_jsx__default["default"](reactPopper.Popper, {
-    containerProps: {
-      className: 'combobox-menu-overlay-popper'
-    },
-    modifiers: {
-      preventOverflow: {
-        enabled: true,
-        padding: 0,
-        boundariesElement: 'window'
-      }
-    },
-    placement: DSPopper.PopperPositions.BOTTOM_START
-  }, void 0, _ref => {
-    let {
-      ref,
-      style
-    } = _ref;
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      ref: ref,
-      className: dsUtilities.cx('combobox-menu-wrapper-external', expandMenuOutsideContainer && 'combobox-menu-wrapper-external-outside-container'),
-      style: _objectSpread(_objectSpread({
-        zIndex
-      }, style), expandMenuOutsideContainer ? {
-        width: 'auto'
-      } : {}),
-      children: /*#__PURE__*/_jsx__default["default"](dsMenu.Menu, {
-        className: dsUtilities.cx('combobox-menu-menu', expandMenuOutsideContainer && 'combobox-menu-menu-external-outside-container'),
-        style: styleMenu,
-        visible: true
-      }, void 0, /*#__PURE__*/jsxRuntime.jsx(Select.components.Menu, _objectSpread({}, props)))
-    });
-  }));
-});
-
-module.exports = SelectMenu;

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

@@ -1,23 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var DSPopper = require('@elliemae/ds-popper');
-var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
-
-function SingleValueLabel(_ref) {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
-    tooltipPlacement: DSPopper.PopperPositions.TOP,
-    value: children
-  });
-}
-
-module.exports = SingleValueLabel;

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

@@ -1,42 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-var Select = require('react-select');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _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; }
-function ValueContainer(_ref) {
-  let {
-    children
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  return /*#__PURE__*/_jsx__default["default"]("div", {
-    className: "combobox-value-container"
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx(Select.components.ValueContainer, _objectSpread(_objectSpread({}, rest), {}, {
-    children: children
-  })));
-}
-
-exports.ValueContainer = ValueContainer;
-exports["default"] = ValueContainer;

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

@@ -1,24 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-
-const letterFactor = 6;
-const fixedSpace = 48;
-function calculateWidth(options) {
-  const longest = options.reduce((a, b) => {
-    if (a && a.label && b && b.label) return a.label.length > b.label.length ? a : b;
-    return 0;
-  });
-
-  if (longest && longest.label && longest.label.length) {
-    return longest.label.length * letterFactor + fixedSpace;
-  }
-
-  return 0;
-}
-
-exports.calculateWidth = calculateWidth;

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

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

package/cjs/ComboBox/v1/index.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSComboBox = require('./DSComboBox.js');
-var Select = require('react-select');
-var propTypes = require('@elliemae/ds-shared/prop-types');
-
-
-
-exports["default"] = DSComboBox["default"];
-Object.defineProperty(exports, 'components', {
-	enumerable: true,
-	get: function () { return Select.components; }
-});
-Object.defineProperty(exports, 'COMBOBOX_VARIANT', {
-	enumerable: true,
-	get: function () { return propTypes.COMBOBOX_VARIANT; }
-});

package/cjs/ComboBox/v1/withSelectStringValueConverter.js

@@ -1,82 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var 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);
-
-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 findOption = function (options) {
-  let valueProperty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'value';
-  return value => {
-    if (typeof value === 'object') return value;
-    const index = options.findIndex(option => option[valueProperty] === value);
-    return options[index];
-  };
-};
-
-const getOptionFromValue = _ref => {
-  let {
-    value,
-    options,
-    valueProperty,
-    isMulti
-  } = _ref;
-
-  if (Array.isArray(value) && isMulti) {
-    return value.map(findOption(options, valueProperty));
-  }
-
-  return findOption(options, valueProperty)(value);
-};
-
-const withSelectStringValueConverter = WrappedComponent => {
-  var _class, _temp;
-
-  return _temp = _class = class extends React.Component {
-    constructor() {
-      super(...arguments);
-      this.state = {};
-    }
-
-    static getDerivedStateFromProps(nextProps, prevState) {
-      if (typeof nextProps.value !== 'undefined' && nextProps.value !== prevState.prevPropValue) {
-        return {
-          prevPropValue: nextProps.value,
-          value: getOptionFromValue(nextProps)
-        };
-      }
-
-      return null;
-    }
-
-    render() {
-      const {
-        value
-      } = this.state;
-      return /*#__PURE__*/jsxRuntime.jsx(WrappedComponent, _objectSpread(_objectSpread({}, this.props), {}, {
-        value: value
-      }));
-    }
-
-  }, _class.defaultProps = {
-    valueProperty: 'value',
-    labelProperty: 'label'
-  }, _temp;
-};
-
-module.exports = withSelectStringValueConverter;