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

package/dist/esm/Checkbox/props.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { PropTypes } from "react-desc";
+import {
+  CHECKBOX_VARIANT,
+  checkboxVariants
+} from "@elliemae/ds-shared/prop-types";
+const checkboxProps = {
+  containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
+  labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description("Displayable label for the checkbox"),
+  htmlFor: PropTypes.element.description("html for attr"),
+  hasError: PropTypes.bool.description("Whether the checkbox has error or not").defaultValue(false),
+  readOnly: PropTypes.bool.description("Whether the checkbox is read only or not").defaultValue(false),
+  disabled: PropTypes.bool.description("Whether the checkbox is disabled or not").defaultValue(false),
+  checked: PropTypes.oneOfType([PropTypes.oneOf(["mixed"]), PropTypes.bool]).description("Whether the checkbox is checked, mixed or unchecked").defaultValue(false),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description("Value that takes the checkbox if it is checked"),
+  variant: PropTypes.oneOf(checkboxVariants).description("checbkox variant").defaultValue(CHECKBOX_VARIANT.DEFAULT),
+  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).description("children elements"),
+  onChange: PropTypes.func.description("function executed when the checkbox changes"),
+  name: PropTypes.string.description("checkbox s name")
+};
+export {
+  checkboxProps
+};
+//# sourceMappingURL=props.js.map

package/dist/esm/Checkbox/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Checkbox/props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\nimport {\n  CHECKBOX_VARIANT,\n  checkboxVariants,\n} from '@elliemae/ds-shared/prop-types';\n\nexport const checkboxProps = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n    'Displayable label for the checkbox',\n  ),\n  htmlFor: PropTypes.element.description('html for attr'),\n  hasError: PropTypes.bool.description('Whether the checkbox has error or not').defaultValue(false),\n  readOnly: PropTypes.bool.description('Whether the checkbox is read only or not').defaultValue(false),\n  disabled: PropTypes.bool.description('Whether the checkbox is disabled or not').defaultValue(false),\n  checked: PropTypes.oneOfType([PropTypes.oneOf(['mixed']), PropTypes.bool])\n    .description('Whether the checkbox is checked, mixed or unchecked')\n    .defaultValue(false),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description(\n    'Value that takes the checkbox if it is checked',\n  ),\n  variant: PropTypes.oneOf(checkboxVariants).description('checbkox variant').defaultValue(CHECKBOX_VARIANT.DEFAULT),\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).description(\n    'children elements',\n  ),\n  onChange: PropTypes.func.description('function executed when the checkbox changes'),\n  name: PropTypes.string.description('checkbox s name'),\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AAAA;AAAA;AAAA;AAKO,MAAM,gBAAgB;AAAA,EAC3B,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAC7C,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,UAAU,YACpE;AAAA,EAEF,SAAS,UAAU,QAAQ,YAAY;AAAA,EACvC,UAAU,UAAU,KAAK,YAAY,yCAAyC,aAAa;AAAA,EAC3F,UAAU,UAAU,KAAK,YAAY,4CAA4C,aAAa;AAAA,EAC9F,UAAU,UAAU,KAAK,YAAY,2CAA2C,aAAa;AAAA,EAC7F,SAAS,UAAU,UAAU,CAAC,UAAU,MAAM,CAAC,WAAW,UAAU,OACjE,YAAY,uDACZ,aAAa;AAAA,EAChB,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,QAAQ,UAAU,SAAS,YACjF;AAAA,EAEF,SAAS,UAAU,MAAM,kBAAkB,YAAY,oBAAoB,aAAa,iBAAiB;AAAA,EACzG,UAAU,UAAU,UAAU,CAAC,UAAU,SAAS,UAAU,QAAQ,UAAU,WAAW,YACvF;AAAA,EAEF,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,MAAM,UAAU,OAAO,YAAY;AAAA;",
+  "names": []
+}

package/dist/esm/CheckboxGroup/DSCheckboxGroup.js

@@ -0,0 +1,95 @@
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import { describe } from "react-desc";
+import { GroupItem, Group } from "@elliemae/ds-shared";
+import { DSFormItemLayout } from "../FormItem";
+import { DSCheckbox } from "../Checkbox";
+import { props as cprops } from "./props";
+import { defaultProps } from "./defaultProps";
+const emClassPrefix = "em-ds";
+const baseClass = `${emClassPrefix}-checkbox-group`;
+const CheckboxItem = (props) => /* @__PURE__ */ React2.createElement(GroupItem, {
+  render: (context) => /* @__PURE__ */ React2.createElement(DSCheckbox, {
+    ...props,
+    checked: context.activeValue && context.activeValue.indexOf(props.value) !== -1,
+    disabled: context.disabled || props.disabled,
+    onChange: context.onChange
+  })
+});
+const DSCheckboxGroup = ({
+  onChange,
+  activeValue,
+  children,
+  disabled,
+  orientation,
+  truncateText,
+  labelProps,
+  containerProps
+}) => {
+  const checkRefs = [];
+  const count = React2.Children.count(children);
+  const onKeyDown = (e, index) => {
+    if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
+      if (index === 0)
+        checkRefs[count - 1].focus();
+      else
+        checkRefs[index - 1].focus();
+    }
+    if (e.key === "ArrowRight" || e.key === "ArrowDown") {
+      if (index === count - 1)
+        checkRefs[0].focus();
+      else
+        checkRefs[index + 1].focus();
+    }
+  };
+  const group = /* @__PURE__ */ React2.createElement(Group, {
+    activeValue,
+    disabled,
+    multiple: true,
+    onChange
+  }, /* @__PURE__ */ React2.createElement("div", {
+    className: `${baseClass} ${baseClass}--${orientation}`,
+    ...labelProps && labelProps.labelText ? {} : containerProps,
+    role: "group"
+  }, React2.Children.map(children, (child, index) => /* @__PURE__ */ React2.createElement(CheckboxItem, {
+    ...child.props,
+    innerRef: (t) => {
+      checkRefs.push(t);
+    },
+    onKeyDown: (e) => onKeyDown(e, index)
+  }), null)));
+  if (labelProps && labelProps.labelText) {
+    return /* @__PURE__ */ React2.createElement("div", {
+      className: `${baseClass}-form-item-layout-wrapper`,
+      ...containerProps,
+      role: "group"
+    }, /* @__PURE__ */ React2.createElement(DSFormItemLayout, {
+      ...labelProps,
+      inputComponent: group,
+      onChange,
+      truncateText
+    }));
+  }
+  return group;
+};
+const noop = () => null;
+DSCheckboxGroup.propTypes = cprops;
+DSCheckboxGroup.defaultProps = defaultProps;
+const DSCheckboxGroupWithSchema = describe(DSCheckboxGroup);
+DSCheckboxGroupWithSchema.propTypes = cprops;
+CheckboxItem.propTypes = {
+  checked: PropTypes.bool,
+  disabled: PropTypes.bool,
+  onChange: PropTypes.func
+};
+CheckboxItem.defaultProps = {
+  checked: false,
+  disabled: false,
+  onChange: noop
+};
+export {
+  DSCheckboxGroup,
+  DSCheckboxGroupWithSchema
+};
+//# sourceMappingURL=DSCheckboxGroup.js.map

package/dist/esm/CheckboxGroup/DSCheckboxGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/CheckboxGroup/DSCheckboxGroup.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { describe } from 'react-desc';\nimport { GroupItem, Group } from '@elliemae/ds-shared';\nimport { DSFormItemLayout } from '../FormItem';\nimport { DSCheckbox } from '../Checkbox';\nimport { props as cprops } from './props';\nimport { defaultProps } from './defaultProps';\n\n// todo: replace that for aggregatedClasses\nconst emClassPrefix = 'em-ds';\nconst baseClass = `${emClassPrefix}-checkbox-group`;\n\nconst CheckboxItem = (props) => (\n  <GroupItem\n    render={(context) => (\n      <DSCheckbox\n        {...props}\n        checked={\n          context.activeValue && context.activeValue.indexOf(props.value) !== -1\n        }\n        disabled={context.disabled || props.disabled}\n        onChange={context.onChange}\n      />\n    )}\n  />\n);\n\nconst DSCheckboxGroup = ({\n  onChange,\n  activeValue,\n  children,\n  disabled,\n  orientation,\n  truncateText,\n  labelProps,\n  containerProps,\n}) => {\n  const checkRefs = [];\n  const count = React.Children.count(children);\n  const onKeyDown = (e, index) => {\n    if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n      if (index === 0) checkRefs[count - 1].focus();\n      else checkRefs[index - 1].focus();\n    }\n    if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n      if (index === count - 1) checkRefs[0].focus();\n      else checkRefs[index + 1].focus();\n    }\n  };\n  const group = (\n    <Group\n      activeValue={activeValue}\n      disabled={disabled}\n      multiple\n      onChange={onChange}\n    >\n      <div\n        className={`${baseClass} ${baseClass}--${orientation}`}\n        {...(labelProps && labelProps.labelText ? {} : containerProps)}\n        role=\"group\"\n      >\n        {React.Children.map(\n          children,\n          (child, index) => (\n            <CheckboxItem\n              {...child.props}\n              innerRef={(t) => {\n                checkRefs.push(t);\n              }}\n              onKeyDown={(e) => onKeyDown(e, index)}\n            />\n          ),\n          null,\n        )}\n      </div>\n    </Group>\n  );\n\n  if (labelProps && labelProps.labelText) {\n    return (\n      <div\n        className={`${baseClass}-form-item-layout-wrapper`}\n        {...containerProps}\n        role=\"group\"\n      >\n        <DSFormItemLayout\n          {...labelProps}\n          inputComponent={group}\n          onChange={onChange}\n          truncateText={truncateText}\n        />\n      </div>\n    );\n  }\n  return group;\n};\n\nconst noop = () => null;\n\nDSCheckboxGroup.propTypes = cprops;\nDSCheckboxGroup.defaultProps = defaultProps;\nconst DSCheckboxGroupWithSchema = describe(DSCheckboxGroup);\nDSCheckboxGroupWithSchema.propTypes = cprops;\n\nCheckboxItem.propTypes = {\n  checked: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onChange: PropTypes.func,\n};\n\nCheckboxItem.defaultProps = {\n  checked: false,\n  disabled: false,\n  onChange: noop,\n};\n\nexport { DSCheckboxGroup, DSCheckboxGroupWithSchema };\n// export default DSCheckboxGroup;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,gBAAgB;AACtB,MAAM,YAAY,GAAG;AAErB,MAAM,eAAe,CAAC,UACpB,qCAAC,WAAD;AAAA,EACE,QAAQ,CAAC,YACP,qCAAC,YAAD;AAAA,OACM;AAAA,IACJ,SACE,QAAQ,eAAe,QAAQ,YAAY,QAAQ,MAAM,WAAW;AAAA,IAEtE,UAAU,QAAQ,YAAY,MAAM;AAAA,IACpC,UAAU,QAAQ;AAAA;AAAA;AAM1B,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,YAAY;AAClB,QAAM,QAAQ,OAAM,SAAS,MAAM;AACnC,QAAM,YAAY,CAAC,GAAG,UAAU;AAC9B,QAAI,EAAE,QAAQ,eAAe,EAAE,QAAQ,WAAW;AAChD,UAAI,UAAU;AAAG,kBAAU,QAAQ,GAAG;AAAA;AACjC,kBAAU,QAAQ,GAAG;AAAA;AAE5B,QAAI,EAAE,QAAQ,gBAAgB,EAAE,QAAQ,aAAa;AACnD,UAAI,UAAU,QAAQ;AAAG,kBAAU,GAAG;AAAA;AACjC,kBAAU,QAAQ,GAAG;AAAA;AAAA;AAG9B,QAAM,QACJ,qCAAC,OAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,UAAQ;AAAA,IACR;AAAA,KAEA,qCAAC,OAAD;AAAA,IACE,WAAW,GAAG,aAAa,cAAc;AAAA,OACpC,cAAc,WAAW,YAAY,KAAK;AAAA,IAC/C,MAAK;AAAA,KAEJ,OAAM,SAAS,IACd,UACA,CAAC,OAAO,UACN,qCAAC,cAAD;AAAA,OACM,MAAM;AAAA,IACV,UAAU,CAAC,MAAM;AACf,gBAAU,KAAK;AAAA;AAAA,IAEjB,WAAW,CAAC,MAAM,UAAU,GAAG;AAAA,MAGnC;AAMR,MAAI,cAAc,WAAW,WAAW;AACtC,WACE,qCAAC,OAAD;AAAA,MACE,WAAW,GAAG;AAAA,SACV;AAAA,MACJ,MAAK;AAAA,OAEL,qCAAC,kBAAD;AAAA,SACM;AAAA,MACJ,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA;AAAA;AAKR,SAAO;AAAA;AAGT,MAAM,OAAO,MAAM;AAEnB,gBAAgB,YAAY;AAC5B,gBAAgB,eAAe;AAC/B,MAAM,4BAA4B,SAAS;AAC3C,0BAA0B,YAAY;AAEtC,aAAa,YAAY;AAAA,EACvB,SAAS,UAAU;AAAA,EACnB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA;AAGtB,aAAa,eAAe;AAAA,EAC1B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA;",
+  "names": []
+}

package/dist/esm/CheckboxGroup/defaultProps.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+const defaultProps = {
+  onChange: () => null,
+  activeValue: [],
+  children: [],
+  disabled: false,
+  orientation: "vertical",
+  truncateText: false,
+  labelProps: {
+    feedbackMessage: "",
+    labelText: "",
+    required: false
+  },
+  containerProps: {}
+};
+export {
+  defaultProps
+};
+//# sourceMappingURL=defaultProps.js.map

package/dist/esm/CheckboxGroup/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/CheckboxGroup/defaultProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const defaultProps = {\n  onChange: () => null,\n  activeValue: [],\n  children: [],\n  disabled: false,\n  orientation: 'vertical',\n  truncateText: false,\n  labelProps: {\n    feedbackMessage: '',\n    labelText: '',\n    required: false,\n  },\n  containerProps: {},\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,eAAe;AAAA,EAC1B,UAAU,MAAM;AAAA,EAChB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,IACV,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX,UAAU;AAAA;AAAA,EAEZ,gBAAgB;AAAA;",
+  "names": []
+}

package/dist/esm/CheckboxGroup/index.js

@@ -0,0 +1,3 @@
+import * as React from "react";
+export * from "./DSCheckboxGroup";
+//# sourceMappingURL=index.js.map

package/dist/esm/CheckboxGroup/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/CheckboxGroup/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSCheckboxGroup';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/dist/esm/CheckboxGroup/props.js

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { PropTypes } from "react-desc";
+import { DSCheckbox } from "../Checkbox";
+import { orientation as checkboxGroupOrientation } from "@elliemae/ds-shared/prop-types";
+const props = {
+  onChange: PropTypes.func.description("Allows a function that is triggered once the checkbox group changes"),
+  activeValue: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.number,
+    PropTypes.array
+  ]).description("Default active value"),
+  children: PropTypes.arrayOf(PropTypes.shape({
+    type: DSCheckbox
+  })).description("Checkbox group items to show of type DSCheckbox"),
+  disabled: PropTypes.bool.description("Whether the checkbox group is disabled or not"),
+  orientation: PropTypes.oneOf(checkboxGroupOrientation).description("['horizontal', 'vertical']"),
+  labelProps: PropTypes.objectOf(PropTypes.shape({
+    feedbackMessage: PropTypes.string,
+    labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+    required: PropTypes.bool
+  })).description("label props")
+};
+export {
+  props
+};
+//# sourceMappingURL=props.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/CheckboxGroup/props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,QAAQ;AAAA,EAInB,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,aAAa,UAAU,UAAU;AAAA,IAC/B,UAAU;AAAA,IACV,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YAAY;AAAA,EAIf,UAAU,UAAU,QAClB,UAAU,MAAM;AAAA,IACd,MAAM;AAAA,MAER,YAAY;AAAA,EAId,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,aAAa,UAAU,MAAM,0BAA0B,YACrD;AAAA,EAKF,YAAY,UAAU,SACpB,UAAU,MAAM;AAAA,IACd,iBAAiB,UAAU;AAAA,IAC3B,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,IAC5D,UAAU,UAAU;AAAA,MAEtB,YAAY;AAAA;",
+  "names": []
+}

package/dist/esm/ComboBox/DSComboBox.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+export * from "./v1/DSComboBox";
+import { default as default2 } from "./v2/Combobox";
+import { default as default3 } from "./v2/Combobox";
+export {
+  default3 as DSComboBox2,
+  default2 as default
+};
+//# sourceMappingURL=DSComboBox.js.map

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

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

package/dist/esm/ComboBox/index.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { components, COMBOBOX_VARIANT, DSComboBoxV1 } from "./v1/DSComboBox";
+import { DSComboBox2, DSComboBox2 as DSComboBox22, ComboBoxWithSchema } from "./v2";
+export {
+  COMBOBOX_VARIANT,
+  ComboBoxWithSchema,
+  DSComboBox22 as DSComboBox,
+  DSComboBox2,
+  DSComboBoxV1,
+  components
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,326 @@
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import { debounce, throttle } from "lodash";
+import Select from "react-select";
+import { Manager } from "react-popper";
+import { withContentRect } from "react-measure";
+import { cx } from "@elliemae/ds-utilities";
+import { withSelectStringValueConverter } from "./withSelectStringValueConverter";
+import {
+  COMBOBOX_VARIANT,
+  comboBoxVariants
+} from "@elliemae/ds-shared/prop-types";
+import { Control } from "./components/Control";
+import { DropdownIndicator } from "./components/DropdownIndicator";
+import { SelectMenu } from "./components/SelectMenu";
+import { ClearIndicator } from "./components/ClearIndicator";
+import { MenuList } from "./components/MenuList";
+import { MultiValueLabel } from "./components/MultiValueLabel";
+import { MultiValueRemove } from "./components/MultiValueRemove";
+import { SingleValueLabel } from "./components/SingleValueLabel";
+import { calculateWidth } from "./components/calculateWidth";
+import { ValueContainer } from "./components/ValueContainer";
+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 React2.Component {
+  constructor(props) {
+    super(props);
+    this.forceFocus = false;
+    this.isHover = void 0;
+    this.handleHover = 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 = React2.createRef();
+    this.arrow = React2.createRef();
+    this.select = React2.createRef();
+  }
+  componentDidMount() {
+    const { handleHoverRef } = this.props;
+    if (handleHoverRef)
+      handleHoverRef(this.handleHoverRef);
+    window.addEventListener("scroll", throttle(this.handleOutsideScroll, 300), true);
+  }
+  componentWillUnmount() {
+    this.unmount = true;
+    window.removeEventListener("scroll", 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__ */ React2.createElement("span", null, "No options"),
+      components: customComponents = {},
+      measureRef,
+      contentRect,
+      readOnly = false,
+      expandMenuToContainer = true,
+      expandMenuOutsideContainer = false,
+      customMenuItemOptions = {
+        useTruncatedText: false,
+        itemSize: 35
+      },
+      returnValue = true,
+      variant = 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__ */ React2.createElement(Manager, null, /* @__PURE__ */ React2.createElement("div", {
+      ref: measureRef,
+      className: cx(`${ThemeConstants.prefix}-${blockName}-wrapper`, className, hasError && `${ThemeConstants.prefix}-${blockName}--${COMBOBOX_VARIANT.ERROR}`, `${ThemeConstants.prefix}-${blockName}--${variant}`, `focus-${focus}`, isMulti && "combo-multi", expandMenuOutsideContainer && "expanded-outside-container"),
+      ...containerProps,
+      onMouseEnter: () => {
+        this.handleHoverRef(void 0);
+      }
+    }, /* @__PURE__ */ React2.createElement(Select, {
+      ref: (ref) => {
+        this.select = ref;
+      },
+      autoFocus,
+      classNamePrefix: `${ThemeConstants.prefix}-${blockName}`,
+      components: {
+        Control,
+        Menu: !options || options.length === 0 ? SelectMenu : (props) => /* @__PURE__ */ React2.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__ */ React2.createElement(SelectMenu, {
+          ...props
+        })),
+        DropdownIndicator: () => /* @__PURE__ */ React2.createElement(DropdownIndicator, {
+          innerRef: (ref) => {
+            this.arrow = ref;
+          },
+          onClick: onClickDropdownIndicator,
+          onKeyDown: this.onKeyDownIndicator
+        }),
+        ClearIndicator: (props) => /* @__PURE__ */ React2.createElement(ClearIndicator, {
+          ...props,
+          innerRef: (ref) => {
+            this.clear = ref;
+          },
+          onKeyDown: this.onKeyDownClear
+        }),
+        MultiValueLabel,
+        MultiValueRemove,
+        SingleValue: SingleValueLabel,
+        MenuList,
+        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 = 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: PropTypes.shape({}),
+  handleHoverRef: PropTypes.func,
+  autoFocus: PropTypes.bool,
+  className: PropTypes.string,
+  hasError: PropTypes.bool,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  onChange: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onInputKeyDown: PropTypes.func,
+  onInputChange: PropTypes.func,
+  isRtl: PropTypes.bool,
+  isFocused: PropTypes.bool,
+  isMulti: PropTypes.bool,
+  inputValue: PropTypes.string,
+  showAllOption: PropTypes.bool,
+  allOption: PropTypes.shape({
+    label: PropTypes.string,
+    value: PropTypes.string
+  }),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]),
+  options: PropTypes.array,
+  clearable: PropTypes.bool,
+  searchable: PropTypes.bool,
+  disabled: PropTypes.bool,
+  placeholder: PropTypes.string,
+  loading: PropTypes.bool,
+  valueProperty: PropTypes.string,
+  labelProperty: PropTypes.string,
+  menuIsOpen: PropTypes.bool,
+  inlineMenu: PropTypes.bool,
+  noOptionsMessage: PropTypes.func,
+  measureRef: PropTypes.func,
+  readOnly: PropTypes.bool,
+  expandMenuToContainer: PropTypes.bool,
+  expandMenuOutsideContainer: PropTypes.bool,
+  customMenuItemOptions: PropTypes.object,
+  returnValue: PropTypes.bool,
+  variant: PropTypes.oneOf(comboBoxVariants),
+  hideSelectedOptions: PropTypes.bool,
+  maxOptions: PropTypes.number,
+  filterOption: PropTypes.func,
+  onClickDropdownIndicator: PropTypes.func,
+  components: PropTypes.object,
+  contentRect: PropTypes.object,
+  zIndex: PropTypes.number
+};
+import { components } from "react-select";
+const DSComboBoxHOC = withSelectStringValueConverter(withContentRect("bounds")(DSComboBox));
+var DSComboBox_default = DSComboBoxHOC;
+export {
+  COMBOBOX_VARIANT,
+  DSComboBoxHOC as DSComboBoxV1,
+  components,
+  DSComboBox_default as default
+};
+//# sourceMappingURL=DSComboBox.js.map

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

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