@elliemae/ds-form 2.2.2-rc.1 → 2.3.0-alpha.10

package/dist/cjs/CheckboxGroup/props.js

@@ -0,0 +1,55 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var props_exports = {};
+__export(props_exports, {
+  props: () => props
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_Checkbox = require("../Checkbox");
+var import_prop_types = require("@elliemae/ds-shared/prop-types");
+const props = {
+  onChange: import_react_desc.PropTypes.func.description("Allows a function that is triggered once the checkbox group changes"),
+  activeValue: import_react_desc.PropTypes.oneOfType([
+    import_react_desc.PropTypes.string,
+    import_react_desc.PropTypes.number,
+    import_react_desc.PropTypes.array
+  ]).description("Default active value"),
+  children: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.shape({
+    type: import_Checkbox.DSCheckbox
+  })).description("Checkbox group items to show of type DSCheckbox"),
+  disabled: import_react_desc.PropTypes.bool.description("Whether the checkbox group is disabled or not"),
+  orientation: import_react_desc.PropTypes.oneOf(import_prop_types.orientation).description("['horizontal', 'vertical']"),
+  labelProps: import_react_desc.PropTypes.objectOf(import_react_desc.PropTypes.shape({
+    feedbackMessage: import_react_desc.PropTypes.string,
+    labelText: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.element]),
+    required: import_react_desc.PropTypes.bool
+  })).description("label props")
+};
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

package/dist/cjs/CheckboxGroup/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/CheckboxGroup/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\nimport { DSCheckbox } from '../Checkbox';\nimport { orientation as checkboxGroupOrientation } from '@elliemae/ds-shared/prop-types';\n\nexport const props = {\n  /**\n   * Allows a function that is triggered once the checkbox group changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the checkbox group changes',\n  ),\n  /**\n   * Default active value\n   */\n  activeValue: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.array,\n  ]).description('Default active value'),\n  /**\n   * Checkbox group items to show of type DSCheckbox\n   */\n  children: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: DSCheckbox,\n    }),\n  ).description('Checkbox group items to show of type DSCheckbox'),\n  /**\n   * Whether the checkbox group is disabled or not\n   */\n  disabled: PropTypes.bool.description(\n    'Whether the checkbox group is disabled or not',\n  ),\n  /**\n   * ['horizontal', 'vertical']\n   */\n  orientation: PropTypes.oneOf(checkboxGroupOrientation).description(\n    \"['horizontal', 'vertical']\",\n  ),\n  /**\n   * label props\n   */\n  labelProps: PropTypes.objectOf(\n    PropTypes.shape({\n      feedbackMessage: PropTypes.string,\n      labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n      required: PropTypes.bool,\n    }),\n  ).description('label props'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAC1B,sBAA2B;AAC3B,wBAAwD;AAEjD,MAAM,QAAQ;AAAA,EAInB,UAAU,4BAAU,KAAK,YACvB;AAAA,EAKF,aAAa,4BAAU,UAAU;AAAA,IAC/B,4BAAU;AAAA,IACV,4BAAU;AAAA,IACV,4BAAU;AAAA,KACT,YAAY;AAAA,EAIf,UAAU,4BAAU,QAClB,4BAAU,MAAM;AAAA,IACd,MAAM;AAAA,MAER,YAAY;AAAA,EAId,UAAU,4BAAU,KAAK,YACvB;AAAA,EAKF,aAAa,4BAAU,MAAM,+BAA0B,YACrD;AAAA,EAKF,YAAY,4BAAU,SACpB,4BAAU,MAAM;AAAA,IACd,iBAAiB,4BAAU;AAAA,IAC3B,WAAW,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU;AAAA,IAC5D,UAAU,4BAAU;AAAA,MAEtB,YAAY;AAAA;",
+  "names": []
+}

package/dist/cjs/ComboBox/DSComboBox.js

@@ -0,0 +1,38 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DSComboBox_exports = {};
+__export(DSComboBox_exports, {
+  DSComboBox2: () => import_Combobox2.default,
+  default: () => import_Combobox.default
+});
+var React = __toESM(require("react"));
+__reExport(DSComboBox_exports, require("./v1/DSComboBox"));
+var import_Combobox = __toESM(require("./v2/Combobox"));
+var import_Combobox2 = __toESM(require("./v2/Combobox"));
+module.exports = __toCommonJS(DSComboBox_exports);
+//# sourceMappingURL=DSComboBox.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ComboBox/DSComboBox.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './v1/DSComboBox';\nexport { default } from './v2/Combobox';\nexport { default as DSComboBox2 } from './v2/Combobox';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAc;AACd,sBAAwB;AACxB,uBAAuC;",
+  "names": []
+}

package/dist/cjs/ComboBox/index.js

@@ -0,0 +1,41 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ComboBox_exports = {};
+__export(ComboBox_exports, {
+  COMBOBOX_VARIANT: () => import_DSComboBox.COMBOBOX_VARIANT,
+  ComboBoxWithSchema: () => import_v2.ComboBoxWithSchema,
+  DSComboBox: () => import_v2.DSComboBox2,
+  DSComboBox2: () => import_v2.DSComboBox2,
+  DSComboBoxV1: () => import_DSComboBox.DSComboBoxV1,
+  components: () => import_DSComboBox.components
+});
+var React = __toESM(require("react"));
+var import_DSComboBox = require("./v1/DSComboBox");
+var import_v2 = require("./v2");
+module.exports = __toCommonJS(ComboBox_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/ComboBox/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ComboBox/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["// can't enforce the \"standard\" export syntax because folders are a mumbo-jumbo of exports/imports in this component\nexport { components, COMBOBOX_VARIANT, DSComboBoxV1 } from './v1/DSComboBox';\n// this exports:\n//   - export { components } from 'react-select';\n//   - export { COMBOBOX_VARIANT };\n//   - export default withSelectStringValueConverter(withContentRect('bounds')(DSComboBox));\n\nexport { DSComboBox2, DSComboBox2 as DSComboBox, ComboBoxWithSchema } from './v2';\n// // this exports:\n// //   - export { DSComboBox2, ComboBoxWithSchema };\n// //   - export default DSComboBox2;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAA2D;AAM3D,gBAA2E;",
+  "names": []
+}

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

@@ -0,0 +1,352 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DSComboBox_exports = {};
+__export(DSComboBox_exports, {
+  COMBOBOX_VARIANT: () => import_prop_types2.COMBOBOX_VARIANT,
+  DSComboBoxV1: () => DSComboBoxHOC,
+  components: () => import_react_select2.components,
+  default: () => DSComboBox_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_lodash = require("lodash");
+var import_react_select = __toESM(require("react-select"));
+var import_react_popper = require("react-popper");
+var import_react_measure = require("react-measure");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_withSelectStringValueConverter = require("./withSelectStringValueConverter");
+var import_prop_types2 = require("@elliemae/ds-shared/prop-types");
+var import_Control = require("./components/Control");
+var import_DropdownIndicator = require("./components/DropdownIndicator");
+var import_SelectMenu = require("./components/SelectMenu");
+var import_ClearIndicator = require("./components/ClearIndicator");
+var import_MenuList = require("./components/MenuList");
+var import_MultiValueLabel = require("./components/MultiValueLabel");
+var import_MultiValueRemove = require("./components/MultiValueRemove");
+var import_SingleValueLabel = require("./components/SingleValueLabel");
+var import_calculateWidth = require("./components/calculateWidth");
+var import_ValueContainer = require("./components/ValueContainer");
+var import_react_select2 = require("react-select");
+const ThemeConstants = {
+  prefix: "em-ds"
+};
+const blockName = "selectbox";
+const allOption = { value: "SELECT_ALL_COMBOBOX", label: "All" };
+const getValues = (option, isMulti, valueProperty) => {
+  if (!option)
+    return null;
+  return isMulti ? option.map((mOption) => mOption[valueProperty]) : option[valueProperty];
+};
+class DSComboBox extends import_react.default.Component {
+  constructor(props) {
+    super(props);
+    this.forceFocus = false;
+    this.isHover = void 0;
+    this.handleHover = (0, import_lodash.debounce)((value) => {
+      if (this.state.isHover === this.isHover)
+        return;
+      if (!this.unmount)
+        this.setState({ isHover: value });
+    }, 0);
+    this.state = {
+      focus: null,
+      isHover: void 0
+    };
+    this.handleOutsideScroll = () => {
+      if (this.isHover !== true && !this.unmount) {
+        this.isHover = false;
+        this.handleHover(false);
+      }
+    };
+    this.handleHoverRef = (value) => {
+      this.isHover = value;
+      this.handleHover(value);
+    };
+    this.onKeyDownClear = (e) => {
+      if (e.keyCode === 32 || e.keyCode === 13) {
+        this.select.focus();
+      }
+    };
+    this.handleKeyDown = (e) => {
+      if (e.target.type === "text" && e.key === "Backspace") {
+        this.select.focus();
+      }
+      return () => {
+        const { value } = e.target;
+        if (!value && e.key === " ")
+          e.preventDefault();
+        this.props.onKeyDown(e);
+      };
+    };
+    this.clear = import_react.default.createRef();
+    this.arrow = import_react.default.createRef();
+    this.select = import_react.default.createRef();
+  }
+  componentDidMount() {
+    const { handleHoverRef } = this.props;
+    if (handleHoverRef)
+      handleHoverRef(this.handleHoverRef);
+    window.addEventListener("scroll", (0, import_lodash.throttle)(this.handleOutsideScroll, 300), true);
+  }
+  componentWillUnmount() {
+    this.unmount = true;
+    window.removeEventListener("scroll", (0, import_lodash.throttle)(this.handleOutsideScroll, 300), true);
+  }
+  render() {
+    const {
+      hideSelectedOptions = false,
+      autoFocus = false,
+      className = "",
+      hasError = false,
+      onFocus = () => null,
+      onBlur = () => null,
+      onChange = () => null,
+      filterOption = void 0,
+      onClickDropdownIndicator = () => null,
+      onInputKeyDown = () => null,
+      onInputChange = void 0,
+      isRtl = false,
+      isFocused = void 0,
+      isMulti = false,
+      showAllOption = false,
+      value = null,
+      options = [],
+      clearable = false,
+      searchable = true,
+      disabled = false,
+      placeholder = "",
+      valueProperty = "value",
+      labelProperty = "label",
+      menuIsOpen = void 0,
+      inlineMenu = false,
+      noOptionsMessage = () => /* @__PURE__ */ import_react.default.createElement("span", null, "No options"),
+      components: customComponents = {},
+      measureRef,
+      contentRect,
+      readOnly = false,
+      expandMenuToContainer = true,
+      expandMenuOutsideContainer = false,
+      customMenuItemOptions = {
+        useTruncatedText: false,
+        itemSize: 35
+      },
+      returnValue = true,
+      variant = import_prop_types2.COMBOBOX_VARIANT.DEFAULT,
+      containerProps = {},
+      zIndex = 11,
+      ...restPropsToCustomizeSelect
+    } = this.props;
+    const { focus } = this.state;
+    let internalOptions = options;
+    let internalValue = value;
+    if (showAllOption && isMulti) {
+      internalOptions = [allOption, ...options];
+    }
+    if (this.allSelected && isMulti) {
+      internalValue = [allOption, ...value];
+    }
+    return /* @__PURE__ */ import_react.default.createElement(import_react_popper.Manager, null, /* @__PURE__ */ import_react.default.createElement("div", {
+      ref: measureRef,
+      className: (0, import_ds_utilities.cx)(`${ThemeConstants.prefix}-${blockName}-wrapper`, className, hasError && `${ThemeConstants.prefix}-${blockName}--${import_prop_types2.COMBOBOX_VARIANT.ERROR}`, `${ThemeConstants.prefix}-${blockName}--${variant}`, `focus-${focus}`, isMulti && "combo-multi", expandMenuOutsideContainer && "expanded-outside-container"),
+      ...containerProps,
+      onMouseEnter: () => {
+        this.handleHoverRef(void 0);
+      }
+    }, /* @__PURE__ */ import_react.default.createElement(import_react_select.default, {
+      ref: (ref) => {
+        this.select = ref;
+      },
+      autoFocus,
+      classNamePrefix: `${ThemeConstants.prefix}-${blockName}`,
+      components: {
+        Control: import_Control.Control,
+        Menu: !options || options.length === 0 ? import_SelectMenu.SelectMenu : (props) => /* @__PURE__ */ import_react.default.createElement("div", {
+          className: `select-menu-combo ${isMulti && "select-menu-combo-multi"}`,
+          onMouseLeave: () => {
+            this.isHover = void 0;
+            this.handleHover(void 0);
+          },
+          onMouseOverCapture: () => {
+            this.isHover = true;
+            this.handleHover(true);
+          }
+        }, /* @__PURE__ */ import_react.default.createElement(import_SelectMenu.SelectMenu, {
+          ...props
+        })),
+        DropdownIndicator: () => /* @__PURE__ */ import_react.default.createElement(import_DropdownIndicator.DropdownIndicator, {
+          innerRef: (ref) => {
+            this.arrow = ref;
+          },
+          onClick: onClickDropdownIndicator,
+          onKeyDown: this.onKeyDownIndicator
+        }),
+        ClearIndicator: (props) => /* @__PURE__ */ import_react.default.createElement(import_ClearIndicator.ClearIndicator, {
+          ...props,
+          innerRef: (ref) => {
+            this.clear = ref;
+          },
+          onKeyDown: this.onKeyDownClear
+        }),
+        MultiValueLabel: import_MultiValueLabel.MultiValueLabel,
+        MultiValueRemove: import_MultiValueRemove.MultiValueRemove,
+        SingleValue: import_SingleValueLabel.SingleValueLabel,
+        MenuList: import_MenuList.MenuList,
+        ValueContainer: import_ValueContainer.ValueContainer,
+        ...customComponents
+      },
+      customMenuItemOptions,
+      expandMenuOutsideContainer,
+      expandMenuToContainer,
+      filterOption,
+      getOptionLabel: (option) => option[labelProperty],
+      getOptionValue: (option) => option[valueProperty],
+      hideSelectedOptions,
+      inlineMenu,
+      isClearable: clearable,
+      isDisabled: disabled || readOnly,
+      isFocused,
+      isMulti,
+      isRtl,
+      isSearchable: readOnly ? false : searchable,
+      menuIsOpen: menuIsOpen === void 0 ? this.isHover : menuIsOpen,
+      noOptionsMessage: (...args) => {
+        noOptionsMessage(...args);
+      },
+      onBlur,
+      onChange: returnValue ? (option, action) => {
+        this.allSelected = false;
+        this.isHover = void 0;
+        this.setState({ isHover: void 0 });
+        if (showAllOption && isMulti && option.find((op) => op.value === "SELECT_ALL_COMBOBOX")) {
+          this.allSelected = true;
+          return onChange(getValues(options, isMulti, valueProperty), action);
+        }
+        return onChange(getValues(option, isMulti, valueProperty), action);
+      } : (option, action) => {
+        this.allSelected = false;
+        this.isHover = void 0;
+        this.setState({ isHover: void 0 });
+        if (showAllOption && isMulti && option.find((op) => op.value === "SELECT_ALL_COMBOBOX")) {
+          this.allSelected = true;
+          return onChange(options, action);
+        }
+        return onChange(option, action);
+      },
+      onFocus,
+      onInputChange,
+      onInputKeyDown,
+      onKeyDown: this.handleKeyDown,
+      options: internalOptions,
+      placeholder,
+      selectMeasure: contentRect,
+      styles: {
+        control: () => null,
+        menu: () => {
+          if (expandMenuOutsideContainer) {
+            const width = (0, import_calculateWidth.calculateWidth)(options);
+            if (!width)
+              return null;
+            return {
+              width: `${width}px`
+            };
+          }
+          return null;
+        },
+        option: () => null,
+        dropdownIndicator: () => null,
+        clearIndicator: () => null,
+        placeholder: () => null,
+        indicatorSeparator: () => null,
+        multiValue: (base) => ({
+          ...base,
+          background: "none",
+          minWidth: "3rem"
+        })
+      },
+      value: internalValue,
+      zIndex,
+      ...restPropsToCustomizeSelect
+    })));
+  }
+}
+DSComboBox.defaultProps = {
+  showAllOption: false
+};
+DSComboBox.propTypes = {
+  containerProps: import_prop_types.default.shape({}),
+  handleHoverRef: import_prop_types.default.func,
+  autoFocus: import_prop_types.default.bool,
+  className: import_prop_types.default.string,
+  hasError: import_prop_types.default.bool,
+  onFocus: import_prop_types.default.func,
+  onBlur: import_prop_types.default.func,
+  onChange: import_prop_types.default.func,
+  onKeyDown: import_prop_types.default.func,
+  onInputKeyDown: import_prop_types.default.func,
+  onInputChange: import_prop_types.default.func,
+  isRtl: import_prop_types.default.bool,
+  isFocused: import_prop_types.default.bool,
+  isMulti: import_prop_types.default.bool,
+  inputValue: import_prop_types.default.string,
+  showAllOption: import_prop_types.default.bool,
+  allOption: import_prop_types.default.shape({
+    label: import_prop_types.default.string,
+    value: import_prop_types.default.string
+  }),
+  value: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number, import_prop_types.default.object]),
+  options: import_prop_types.default.array,
+  clearable: import_prop_types.default.bool,
+  searchable: import_prop_types.default.bool,
+  disabled: import_prop_types.default.bool,
+  placeholder: import_prop_types.default.string,
+  loading: import_prop_types.default.bool,
+  valueProperty: import_prop_types.default.string,
+  labelProperty: import_prop_types.default.string,
+  menuIsOpen: import_prop_types.default.bool,
+  inlineMenu: import_prop_types.default.bool,
+  noOptionsMessage: import_prop_types.default.func,
+  measureRef: import_prop_types.default.func,
+  readOnly: import_prop_types.default.bool,
+  expandMenuToContainer: import_prop_types.default.bool,
+  expandMenuOutsideContainer: import_prop_types.default.bool,
+  customMenuItemOptions: import_prop_types.default.object,
+  returnValue: import_prop_types.default.bool,
+  variant: import_prop_types.default.oneOf(import_prop_types2.comboBoxVariants),
+  hideSelectedOptions: import_prop_types.default.bool,
+  maxOptions: import_prop_types.default.number,
+  filterOption: import_prop_types.default.func,
+  onClickDropdownIndicator: import_prop_types.default.func,
+  components: import_prop_types.default.object,
+  contentRect: import_prop_types.default.object,
+  zIndex: import_prop_types.default.number
+};
+const DSComboBoxHOC = (0, import_withSelectStringValueConverter.withSelectStringValueConverter)((0, import_react_measure.withContentRect)("bounds")(DSComboBox));
+var DSComboBox_default = DSComboBoxHOC;
+module.exports = __toCommonJS(DSComboBox_exports);
+//# sourceMappingURL=DSComboBox.js.map

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

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

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

@@ -0,0 +1,43 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var AllOption_exports = {};
+__export(AllOption_exports, {
+  default: () => AllOption_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_Checkbox = require("../../../Checkbox");
+const MultiSelectHeader = ({ children, ...rest }) => /* @__PURE__ */ import_react.default.createElement("div", {
+  className: "combobox-multi-select-all"
+}, /* @__PURE__ */ import_react.default.createElement(import_Checkbox.DSCheckbox, {
+  labelText: "All",
+  ...rest
+}));
+var AllOption_default = MultiSelectHeader;
+module.exports = __toCommonJS(AllOption_exports);
+//# sourceMappingURL=AllOption.js.map

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

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