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

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import React2 from "react";
+import { DSCheckbox } from "../../../Checkbox";
+const MultiSelectHeader = ({ children, ...rest }) => /* @__PURE__ */ React2.createElement("div", {
+  className: "combobox-multi-select-all"
+}, /* @__PURE__ */ React2.createElement(DSCheckbox, {
+  labelText: "All",
+  ...rest
+}));
+var AllOption_default = MultiSelectHeader;
+export {
+  AllOption_default as default
+};
+//# sourceMappingURL=AllOption.js.map

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

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

package/dist/esm/ComboBox/v1/components/ClearIndicator.js

@@ -0,0 +1,37 @@
+import * as React from "react";
+import React2 from "react";
+import { CloseCircle } from "@elliemae/ds-icons";
+import { DSButton } from "@elliemae/ds-button";
+const ClearIndicator = (props) => {
+  const {
+    getStyles,
+    innerProps: { ref },
+    innerRef
+  } = props;
+  return /* @__PURE__ */ React2.createElement("div", {
+    ref,
+    "aria-hidden": "false",
+    style: getStyles("clearIndicator", props)
+  }, /* @__PURE__ */ React2.createElement(DSButton, {
+    "aria-label": "clear-indicator",
+    buttonType: "text",
+    className: "clear-indicator",
+    icon: /* @__PURE__ */ React2.createElement(CloseCircle, {
+      size: "m"
+    }),
+    innerRef,
+    onKeyDown: (e) => {
+      if (e.keyCode === 32 || e.keyCode === 13) {
+        e.preventDefault();
+        props.clearValue();
+      }
+      props.onKeyDown(e);
+    }
+  }));
+};
+var ClearIndicator_default = ClearIndicator;
+export {
+  ClearIndicator,
+  ClearIndicator_default as default
+};
+//# sourceMappingURL=ClearIndicator.js.map

package/dist/esm/ComboBox/v1/components/ClearIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v1/components/ClearIndicator.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/destructuring-assignment,max-lines,react/display-name, react/require-default-props */\nimport React from 'react';\nimport { CloseCircle } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\n\nconst ClearIndicator = (props) => {\n  const {\n    getStyles,\n    innerProps: { ref },\n    innerRef,\n  } = props;\n  return (\n    <div ref={ref} aria-hidden=\"false\" style={getStyles('clearIndicator', props)}>\n      <DSButton\n        aria-label=\"clear-indicator\"\n        buttonType=\"text\"\n        className=\"clear-indicator\"\n        icon={<CloseCircle size=\"m\" />}\n        innerRef={innerRef}\n        onKeyDown={(e) => {\n          if (e.keyCode === 32 || e.keyCode === 13) {\n            e.preventDefault();\n            props.clearValue();\n          }\n          props.onKeyDown(e);\n        }}\n      />\n    </div>\n  );\n};\n\nexport { ClearIndicator };\nexport default ClearIndicator;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AAEA,MAAM,iBAAiB,CAAC,UAAU;AAChC,QAAM;AAAA,IACJ;AAAA,IACA,YAAY,EAAE;AAAA,IACd;AAAA,MACE;AACJ,SACE,qCAAC,OAAD;AAAA,IAAK;AAAA,IAAU,eAAY;AAAA,IAAQ,OAAO,UAAU,kBAAkB;AAAA,KACpE,qCAAC,UAAD;AAAA,IACE,cAAW;AAAA,IACX,YAAW;AAAA,IACX,WAAU;AAAA,IACV,MAAM,qCAAC,aAAD;AAAA,MAAa,MAAK;AAAA;AAAA,IACxB;AAAA,IACA,WAAW,CAAC,MAAM;AAChB,UAAI,EAAE,YAAY,MAAM,EAAE,YAAY,IAAI;AACxC,UAAE;AACF,cAAM;AAAA;AAER,YAAM,UAAU;AAAA;AAAA;AAAA;AAQ1B,IAAO,yBAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v1/components/Control.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import React2 from "react";
+import { components } from "react-select";
+import { Reference } from "react-popper";
+const Control = (props) => /* @__PURE__ */ React2.createElement(Reference, null, ({ ref }) => /* @__PURE__ */ React2.createElement("div", {
+  ref
+}, /* @__PURE__ */ React2.createElement(components.Control, {
+  ...props
+})));
+var Control_default = Control;
+export {
+  Control,
+  Control_default as default
+};
+//# sourceMappingURL=Control.js.map

package/dist/esm/ComboBox/v1/components/Control.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v1/components/Control.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { components } from 'react-select';\nimport { Reference } from 'react-popper';\n\nconst Control = props => (\n  <Reference>\n    {({ ref }) => (\n      <div ref={ref}>\n        <components.Control {...props} />\n      </div>\n    )}\n  </Reference>\n);\n\nexport { Control };\nexport default Control;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,UAAU,WACd,qCAAC,WAAD,MACG,CAAC,EAAE,UACF,qCAAC,OAAD;AAAA,EAAK;AAAA,GACH,qCAAC,WAAW,SAAZ;AAAA,KAAwB;AAAA;AAOhC,IAAO,kBAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v1/components/CustomOption.js

@@ -0,0 +1,38 @@
+import * as React from "react";
+import React2 from "react";
+import { get } from "lodash";
+import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+const CustomOption = ({ index, data, style, isScrolling }) => {
+  const {
+    items,
+    options: { useTruncatedText }
+  } = data;
+  const option = items[index];
+  const optionProps = {
+    ...option.props.innerProps,
+    style,
+    onClick: (e) => {
+      e.stopPropagation();
+      if (option.props.innerProps.onClick)
+        option.props.innerProps.onClick(e);
+    }
+  };
+  if (useTruncatedText && !isScrolling && get(option, "props.selectProps.menuIsOpen")) {
+    return React2.cloneElement(option, {
+      ...option.props,
+      innerProps: optionProps
+    }, /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
+      value: option.props.children
+    }));
+  }
+  return React2.cloneElement(option, {
+    ...option.props,
+    innerProps: optionProps
+  });
+};
+var CustomOption_default = CustomOption;
+export {
+  CustomOption,
+  CustomOption_default as default
+};
+//# sourceMappingURL=CustomOption.js.map

package/dist/esm/ComboBox/v1/components/CustomOption.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v1/components/CustomOption.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/destructuring-assignment,max-lines,react/display-name, react/require-default-props */\nimport React from 'react';\nimport { get } from 'lodash';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nconst CustomOption = ({ index, data, style, isScrolling }) => {\n  const {\n    items,\n    options: { useTruncatedText },\n  } = data;\n  const option = items[index];\n  const optionProps = {\n    ...option.props.innerProps,\n    style,\n    onClick: (e) => {\n      e.stopPropagation();\n      if (option.props.innerProps.onClick) option.props.innerProps.onClick(e);\n    },\n  };\n  if (\n    useTruncatedText &&\n    !isScrolling &&\n    get(option, 'props.selectProps.menuIsOpen')\n  ) {\n    return React.cloneElement(\n      option,\n      {\n        ...option.props,\n        innerProps: optionProps,\n      },\n      <DSTruncatedTooltipText value={option.props.children} />,\n    );\n  }\n  return React.cloneElement(option, {\n    ...option.props,\n    innerProps: optionProps,\n  });\n};\n\nexport { CustomOption };\nexport default CustomOption;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,MAAM,OAAO,kBAAkB;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA,SAAS,EAAE;AAAA,MACT;AACJ,QAAM,SAAS,MAAM;AACrB,QAAM,cAAc;AAAA,OACf,OAAO,MAAM;AAAA,IAChB;AAAA,IACA,SAAS,CAAC,MAAM;AACd,QAAE;AACF,UAAI,OAAO,MAAM,WAAW;AAAS,eAAO,MAAM,WAAW,QAAQ;AAAA;AAAA;AAGzE,MACE,oBACA,CAAC,eACD,IAAI,QAAQ,iCACZ;AACA,WAAO,OAAM,aACX,QACA;AAAA,SACK,OAAO;AAAA,MACV,YAAY;AAAA,OAEd,qCAAC,wBAAD;AAAA,MAAwB,OAAO,OAAO,MAAM;AAAA;AAAA;AAGhD,SAAO,OAAM,aAAa,QAAQ;AAAA,OAC7B,OAAO;AAAA,IACV,YAAY;AAAA;AAAA;AAKhB,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v1/components/CustomOptionMulti.js

@@ -0,0 +1,48 @@
+import * as React from "react";
+import React2 from "react";
+import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import { DSCheckbox } from "../../../Checkbox";
+const CustomOptionMulti = ({ index, data, style, isScrolling }) => {
+  const {
+    items,
+    options: { useTruncatedText }
+  } = data;
+  const option = items[index];
+  const optionProps = {
+    ...option.props.innerProps,
+    style,
+    onClick: (e) => {
+      e.stopPropagation();
+      if (option.props.innerProps.onClick)
+        option.props.innerProps.onClick(e);
+    }
+  };
+  if (useTruncatedText && !isScrolling) {
+    return React2.cloneElement(option, {
+      ...option.props,
+      innerProps: optionProps
+    }, /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
+      value: option.props.children
+    }));
+  }
+  let allSelected = false;
+  if (option.props.value === "SELECT_ALL_COMBOBOX") {
+    if (option.props.selectProps.value.length === option.props.selectProps.options.length - 1 || option.props.selectProps.value.length === option.props.selectProps.options.length) {
+      allSelected = true;
+    }
+  }
+  return React2.cloneElement(option, {
+    ...option.props,
+    innerProps: optionProps,
+    children: /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(DSCheckbox, {
+      checked: option.props.isSelected || allSelected,
+      labelText: option.props.children
+    }))
+  });
+};
+var CustomOptionMulti_default = CustomOptionMulti;
+export {
+  CustomOptionMulti,
+  CustomOptionMulti_default as default
+};
+//# sourceMappingURL=CustomOptionMulti.js.map

package/dist/esm/ComboBox/v1/components/CustomOptionMulti.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v1/components/CustomOptionMulti.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/destructuring-assignment,max-lines,react/display-name, react/require-default-props */\nimport React from 'react';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { DSCheckbox } from '../../../Checkbox';\n\nconst CustomOptionMulti = ({ index, data, style, isScrolling }) => {\n  const {\n    items,\n    options: { useTruncatedText },\n  } = data;\n  const option = items[index];\n  const optionProps = {\n    ...option.props.innerProps,\n    style,\n    onClick: (e) => {\n      e.stopPropagation();\n      if (option.props.innerProps.onClick) option.props.innerProps.onClick(e);\n    },\n  };\n  if (useTruncatedText && !isScrolling) {\n    return React.cloneElement(\n      option,\n      {\n        ...option.props,\n        innerProps: optionProps,\n      },\n      <DSTruncatedTooltipText value={option.props.children} />,\n    );\n  }\n\n  let allSelected = false;\n  if (option.props.value === 'SELECT_ALL_COMBOBOX') {\n    if (\n      option.props.selectProps.value.length ===\n        option.props.selectProps.options.length - 1 ||\n      option.props.selectProps.value.length ===\n        option.props.selectProps.options.length\n    ) {\n      allSelected = true;\n    }\n  }\n  return React.cloneElement(option, {\n    ...option.props,\n    innerProps: optionProps,\n    children: (\n      <div>\n        <DSCheckbox\n          checked={option.props.isSelected || allSelected}\n          labelText={option.props.children}\n        />\n      </div>\n    ),\n  });\n};\n\nexport { CustomOptionMulti };\nexport default CustomOptionMulti;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AAEA,MAAM,oBAAoB,CAAC,EAAE,OAAO,MAAM,OAAO,kBAAkB;AACjE,QAAM;AAAA,IACJ;AAAA,IACA,SAAS,EAAE;AAAA,MACT;AACJ,QAAM,SAAS,MAAM;AACrB,QAAM,cAAc;AAAA,OACf,OAAO,MAAM;AAAA,IAChB;AAAA,IACA,SAAS,CAAC,MAAM;AACd,QAAE;AACF,UAAI,OAAO,MAAM,WAAW;AAAS,eAAO,MAAM,WAAW,QAAQ;AAAA;AAAA;AAGzE,MAAI,oBAAoB,CAAC,aAAa;AACpC,WAAO,OAAM,aACX,QACA;AAAA,SACK,OAAO;AAAA,MACV,YAAY;AAAA,OAEd,qCAAC,wBAAD;AAAA,MAAwB,OAAO,OAAO,MAAM;AAAA;AAAA;AAIhD,MAAI,cAAc;AAClB,MAAI,OAAO,MAAM,UAAU,uBAAuB;AAChD,QACE,OAAO,MAAM,YAAY,MAAM,WAC7B,OAAO,MAAM,YAAY,QAAQ,SAAS,KAC5C,OAAO,MAAM,YAAY,MAAM,WAC7B,OAAO,MAAM,YAAY,QAAQ,QACnC;AACA,oBAAc;AAAA;AAAA;AAGlB,SAAO,OAAM,aAAa,QAAQ;AAAA,OAC7B,OAAO;AAAA,IACV,YAAY;AAAA,IACZ,UACE,qCAAC,OAAD,MACE,qCAAC,YAAD;AAAA,MACE,SAAS,OAAO,MAAM,cAAc;AAAA,MACpC,WAAW,OAAO,MAAM;AAAA;AAAA;AAAA;AAQlC,IAAO,4BAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v1/components/DropdownIndicator.js

@@ -0,0 +1,36 @@
+import * as React from "react";
+import React2 from "react";
+import { ChevronSmallDown } from "@elliemae/ds-icons";
+import { DSButton } from "@elliemae/ds-button";
+const DropdownIndicator = ({
+  innerRef,
+  onKeyDown,
+  clearValue,
+  getStyles,
+  getValue,
+  setValue,
+  hasStyle,
+  hasValue,
+  isMulti,
+  isRtl,
+  isDisabled,
+  isFocused,
+  selectOption,
+  selectProps,
+  innerProps,
+  ...rest
+}) => /* @__PURE__ */ React2.createElement(DSButton, {
+  "aria-label": "dropdown-indicator",
+  buttonType: "text",
+  className: "dropdown-indicator",
+  icon: /* @__PURE__ */ React2.createElement(ChevronSmallDown, null),
+  innerRef,
+  onKeyDown,
+  ...rest
+});
+var DropdownIndicator_default = DropdownIndicator;
+export {
+  DropdownIndicator,
+  DropdownIndicator_default as default
+};
+//# sourceMappingURL=DropdownIndicator.js.map

package/dist/esm/ComboBox/v1/components/DropdownIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v1/components/DropdownIndicator.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\n\nconst DropdownIndicator = ({\n  innerRef,\n  onKeyDown,\n  clearValue,\n  getStyles,\n  getValue,\n  setValue,\n  hasStyle,\n  hasValue,\n  isMulti,\n  isRtl,\n  isDisabled,\n  isFocused,\n  selectOption,\n  selectProps,\n  innerProps,\n  ...rest\n}) => (\n  <DSButton\n    aria-label=\"dropdown-indicator\"\n    buttonType=\"text\"\n    className=\"dropdown-indicator\"\n    icon={<ChevronSmallDown />}\n    innerRef={innerRef}\n    onKeyDown={onKeyDown}\n    {...rest}\n  />\n);\n\nexport { DropdownIndicator };\nexport default DropdownIndicator;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MAEH,qCAAC,UAAD;AAAA,EACE,cAAW;AAAA,EACX,YAAW;AAAA,EACX,WAAU;AAAA,EACV,MAAM,qCAAC,kBAAD;AAAA,EACN;AAAA,EACA;AAAA,KACI;AAAA;AAKR,IAAO,4BAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v1/components/MenuList.js

@@ -0,0 +1,73 @@
+import * as React from "react";
+import React2, { useRef, useState, useEffect } from "react";
+import { components } from "react-select";
+import { FixedSizeList as List } from "react-window";
+import memoize from "memoize-one";
+import { debounce } from "lodash";
+import { CustomOption } from "./CustomOption";
+import { CustomOptionMulti } from "./CustomOptionMulti";
+import { MultiSelectHeader } from "./MultiSelectHeader";
+const createItemData = memoize((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 scrollToKeyword = debounce(scrollTo, 50);
+const MenuList = (props) => {
+  const listRef = useRef(null);
+  const [inside, setInside] = useState(false);
+  const handleKeyDown = () => {
+    setInside(false);
+  };
+  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__ */ React2.createElement(components.MenuList, {
+      ...props
+    });
+  if (listRef && listRef.current && !inside) {
+    scrollToKeyword(listRef, "center");
+  }
+  return /* @__PURE__ */ React2.createElement("div", {
+    onMouseLeave: () => {
+      setInside(false);
+    }
+  }, isMulti && /* @__PURE__ */ React2.createElement(MultiSelectHeader, {
+    ...props
+  }), /* @__PURE__ */ React2.createElement(List, {
+    ref: listRef,
+    className: `combobox-menu-list ${isMulti && "combobox-menu-list-is-multi"}`,
+    height,
+    itemCount: options.length,
+    itemData,
+    itemSize,
+    onScroll: () => {
+      setInside(true);
+    },
+    useIsScrolling: true
+  }, RenderOption));
+};
+var MenuList_default = MenuList;
+export {
+  MenuList,
+  MenuList_default as default
+};
+//# sourceMappingURL=MenuList.js.map

package/dist/esm/ComboBox/v1/components/MenuList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v1/components/MenuList.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/mouse-events-have-key-events */\n/* eslint-disable max-statements */\nimport React, { useRef, useState, useEffect } from 'react';\nimport { components } from 'react-select';\nimport { FixedSizeList as List } from 'react-window';\nimport memoize from 'memoize-one';\nimport { debounce } from 'lodash';\nimport { CustomOption } from './CustomOption';\nimport { CustomOptionMulti } from './CustomOptionMulti';\nimport { MultiSelectHeader } from './MultiSelectHeader';\n// import AllOption from './AllOption'\n\nconst createItemData = memoize((items, options) => ({\n  items,\n  options,\n}));\n\nconst scrollTo = (listRef, type) => {\n  if (listRef && listRef.current && listRef.current.props) {\n    const { items } = listRef.current.props.itemData;\n    const index = items.findIndex(item => item.props.isFocused);\n    listRef.current.scrollToItem(index, type);\n  }\n};\n// const scrollToMouse = debounce(scrollTo, 500)\nconst scrollToKeyword = debounce(scrollTo, 50);\n\nconst MenuList = props => {\n  const listRef = useRef(null);\n  const [inside, setInside] = useState(false);\n  const handleKeyDown = () => {\n    setInside(false);\n  };\n  useEffect(() => {\n    window.addEventListener('keydown', handleKeyDown);\n    return () => {\n      window.removeEventListener('keydown', handleKeyDown);\n    };\n  });\n  const { children: options, selectProps, isMulti } = props;\n  const { customMenuItemOptions } = selectProps;\n  const { itemSize = 35 } = customMenuItemOptions;\n  const itemData = createItemData(options, customMenuItemOptions);\n  const maxOptionsScreen = 10;\n  const safeOptionLength = options.length || 1;\n  const height =\n    itemSize *\n    (safeOptionLength < maxOptionsScreen ? safeOptionLength : maxOptionsScreen);\n  const RenderOption = !isMulti ? CustomOption : CustomOptionMulti;\n  if (!options.length) return <components.MenuList {...props} />;\n\n  if (listRef && listRef.current && !inside) {\n    scrollToKeyword(listRef, 'center'); // use autoScroll\n  }\n  return (\n    <div\n      onMouseLeave={() => {\n        setInside(false);\n      }}\n    >\n      {isMulti && <MultiSelectHeader {...props} />}\n      {/* {isMulti && <AllOption {...props} />} */}\n      <List\n        ref={listRef}\n        className={`combobox-menu-list ${isMulti &&\n          'combobox-menu-list-is-multi'}`}\n        height={height}\n        itemCount={options.length}\n        itemData={itemData}\n        itemSize={itemSize}\n        onScroll={() => {\n          setInside(true);\n        }}\n        useIsScrolling\n      >\n        {RenderOption}\n      </List>\n    </div>\n  );\n};\n\nexport { MenuList };\nexport default MenuList;\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,iBAAiB,QAAQ,CAAC,OAAO,YAAa;AAAA,EAClD;AAAA,EACA;AAAA;AAGF,MAAM,WAAW,CAAC,SAAS,SAAS;AAClC,MAAI,WAAW,QAAQ,WAAW,QAAQ,QAAQ,OAAO;AACvD,UAAM,EAAE,UAAU,QAAQ,QAAQ,MAAM;AACxC,UAAM,QAAQ,MAAM,UAAU,UAAQ,KAAK,MAAM;AACjD,YAAQ,QAAQ,aAAa,OAAO;AAAA;AAAA;AAIxC,MAAM,kBAAkB,SAAS,UAAU;AAE3C,MAAM,WAAW,WAAS;AACxB,QAAM,UAAU,OAAO;AACvB,QAAM,CAAC,QAAQ,aAAa,SAAS;AACrC,QAAM,gBAAgB,MAAM;AAC1B,cAAU;AAAA;AAEZ,YAAU,MAAM;AACd,WAAO,iBAAiB,WAAW;AACnC,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW;AAAA;AAAA;AAG1C,QAAM,EAAE,UAAU,SAAS,aAAa,YAAY;AACpD,QAAM,EAAE,0BAA0B;AAClC,QAAM,EAAE,WAAW,OAAO;AAC1B,QAAM,WAAW,eAAe,SAAS;AACzC,QAAM,mBAAmB;AACzB,QAAM,mBAAmB,QAAQ,UAAU;AAC3C,QAAM,SACJ,WACC,oBAAmB,mBAAmB,mBAAmB;AAC5D,QAAM,eAAe,CAAC,UAAU,eAAe;AAC/C,MAAI,CAAC,QAAQ;AAAQ,WAAO,qCAAC,WAAW,UAAZ;AAAA,SAAyB;AAAA;AAErD,MAAI,WAAW,QAAQ,WAAW,CAAC,QAAQ;AACzC,oBAAgB,SAAS;AAAA;AAE3B,SACE,qCAAC,OAAD;AAAA,IACE,cAAc,MAAM;AAClB,gBAAU;AAAA;AAAA,KAGX,WAAW,qCAAC,mBAAD;AAAA,OAAuB;AAAA,MAEnC,qCAAC,MAAD;AAAA,IACE,KAAK;AAAA,IACL,WAAW,sBAAsB,WAC/B;AAAA,IACF;AAAA,IACA,WAAW,QAAQ;AAAA,IACnB;AAAA,IACA;AAAA,IACA,UAAU,MAAM;AACd,gBAAU;AAAA;AAAA,IAEZ,gBAAc;AAAA,KAEb;AAAA;AAOT,IAAO,mBAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v1/components/MultiSelectHeader.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+import React2 from "react";
+const MultiSelectHeader = (props) => {
+  const count = props.children.filter((child) => child.props.isSelected).length;
+  return /* @__PURE__ */ React2.createElement("div", {
+    className: "combobox-multi-select-header"
+  }, `${count} selected`);
+};
+var MultiSelectHeader_default = MultiSelectHeader;
+export {
+  MultiSelectHeader,
+  MultiSelectHeader_default as default
+};
+//# sourceMappingURL=MultiSelectHeader.js.map

package/dist/esm/ComboBox/v1/components/MultiSelectHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v1/components/MultiSelectHeader.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/destructuring-assignment,max-lines,react/display-name, react/require-default-props */\nimport React from 'react';\n\nconst MultiSelectHeader = props => {\n  const count = props.children.filter(child => child.props.isSelected).length;\n  return (\n    <div className=\"combobox-multi-select-header\">{`${count} selected`}</div>\n  );\n};\n\nexport { MultiSelectHeader };\nexport default MultiSelectHeader;\n"],
+  "mappings": "AAAA;ACCA;AAEA,MAAM,oBAAoB,WAAS;AACjC,QAAM,QAAQ,MAAM,SAAS,OAAO,WAAS,MAAM,MAAM,YAAY;AACrE,SACE,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAgC,GAAG;AAAA;AAKtD,IAAO,4BAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v1/components/MultiValueLabel.js

@@ -0,0 +1,16 @@
+import * as React from "react";
+import React2 from "react";
+import { PopperPositions as Positions } from "@elliemae/ds-popper";
+import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+function MultiValueLabel({ children }) {
+  return /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
+    tooltipPlacement: Positions.TOP,
+    value: children
+  });
+}
+var MultiValueLabel_default = MultiValueLabel;
+export {
+  MultiValueLabel,
+  MultiValueLabel_default as default
+};
+//# sourceMappingURL=MultiValueLabel.js.map

package/dist/esm/ComboBox/v1/components/MultiValueLabel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v1/components/MultiValueLabel.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PopperPositions as Positions } from '@elliemae/ds-popper';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nfunction MultiValueLabel({ children }) {\n  return (\n    <DSTruncatedTooltipText tooltipPlacement={Positions.TOP} value={children} />\n  );\n}\n\nexport { MultiValueLabel };\nexport default MultiValueLabel;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,yBAAyB,EAAE,YAAY;AACrC,SACE,qCAAC,wBAAD;AAAA,IAAwB,kBAAkB,UAAU;AAAA,IAAK,OAAO;AAAA;AAAA;AAKpE,IAAO,0BAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v1/components/MultiValueRemove.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+import React2 from "react";
+import { get } from "lodash";
+import { components } from "react-select";
+function MultiValueRemove(props) {
+  const value = get(props, "selectProps.value");
+  if (Array.isArray(value) && value.length > 1) {
+    return /* @__PURE__ */ React2.createElement(components.MultiValueRemove, {
+      ...props
+    }, ",");
+  }
+  return /* @__PURE__ */ React2.createElement(components.MultiValueRemove, {
+    ...props
+  }, " ");
+}
+var MultiValueRemove_default = MultiValueRemove;
+export {
+  MultiValueRemove,
+  MultiValueRemove_default as default
+};
+//# sourceMappingURL=MultiValueRemove.js.map

package/dist/esm/ComboBox/v1/components/MultiValueRemove.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v1/components/MultiValueRemove.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { get } from 'lodash';\nimport { components } from 'react-select';\n\nfunction MultiValueRemove(props) {\n  const value = get(props, 'selectProps.value');\n  if (Array.isArray(value) && value.length > 1) {\n    return (\n      <components.MultiValueRemove {...props}>,</components.MultiValueRemove>\n    );\n  }\n  return (\n    <components.MultiValueRemove {...props}> </components.MultiValueRemove>\n  );\n}\n\nexport { MultiValueRemove };\nexport default MultiValueRemove;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,0BAA0B,OAAO;AAC/B,QAAM,QAAQ,IAAI,OAAO;AACzB,MAAI,MAAM,QAAQ,UAAU,MAAM,SAAS,GAAG;AAC5C,WACE,qCAAC,WAAW,kBAAZ;AAAA,SAAiC;AAAA,OAAO;AAAA;AAG5C,SACE,qCAAC,WAAW,kBAAZ;AAAA,OAAiC;AAAA,KAAO;AAAA;AAK5C,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v1/components/SelectMenu.js

@@ -0,0 +1,64 @@
+import * as React from "react";
+import React2 from "react";
+import { cx } from "@elliemae/ds-utilities";
+import { DSOverlay } from "@elliemae/ds-overlay";
+import { Menu } from "@elliemae/ds-menu";
+import { PopperPositions } from "@elliemae/ds-popper";
+import { components } from "react-select";
+import { Popper } from "react-popper";
+const SelectMenu = React2.memo((props) => {
+  const {
+    inlineMenu,
+    selectMeasure: { bounds },
+    expandMenuToContainer,
+    expandMenuOutsideContainer,
+    zIndex
+  } = props.selectProps;
+  if (inlineMenu) {
+    return /* @__PURE__ */ React2.createElement(components.Menu, {
+      ...props
+    });
+  }
+  const styleMenu = expandMenuToContainer ? { width: bounds.width } : {};
+  if (expandMenuOutsideContainer) {
+    styleMenu.width = "auto";
+  }
+  return /* @__PURE__ */ React2.createElement(DSOverlay, {
+    containerProps: {
+      className: "combobox-menu-overlay"
+    },
+    isOpen: true
+  }, /* @__PURE__ */ React2.createElement(Popper, {
+    containerProps: {
+      className: "combobox-menu-overlay-popper"
+    },
+    modifiers: {
+      preventOverflow: {
+        enabled: true,
+        padding: 0,
+        boundariesElement: "window"
+      }
+    },
+    placement: PopperPositions.BOTTOM_START
+  }, ({ ref, style }) => /* @__PURE__ */ React2.createElement("div", {
+    ref,
+    className: cx("combobox-menu-wrapper-external", expandMenuOutsideContainer && "combobox-menu-wrapper-external-outside-container"),
+    style: {
+      zIndex,
+      ...style,
+      ...expandMenuOutsideContainer ? { width: "auto" } : {}
+    }
+  }, /* @__PURE__ */ React2.createElement(Menu, {
+    className: cx("combobox-menu-menu", expandMenuOutsideContainer && "combobox-menu-menu-external-outside-container"),
+    style: styleMenu,
+    visible: true
+  }, /* @__PURE__ */ React2.createElement(components.Menu, {
+    ...props
+  })))));
+});
+var SelectMenu_default = SelectMenu;
+export {
+  SelectMenu,
+  SelectMenu_default as default
+};
+//# sourceMappingURL=SelectMenu.js.map

package/dist/esm/ComboBox/v1/components/SelectMenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v1/components/SelectMenu.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/destructuring-assignment */\nimport React from 'react';\nimport { cx } from '@elliemae/ds-utilities';\nimport { DSOverlay } from '@elliemae/ds-overlay';\n// todo: the dropdown menu should be separated to a basic component and then import it here\n// use this for the moment but this needs to be changed\nimport { Menu } from '@elliemae/ds-menu';\nimport { PopperPositions } from '@elliemae/ds-popper';\nimport { components } from 'react-select';\nimport { Popper } from 'react-popper';\n\nconst SelectMenu = React.memo((props) => {\n  const {\n    inlineMenu,\n    selectMeasure: { bounds },\n    expandMenuToContainer,\n    expandMenuOutsideContainer,\n    zIndex,\n  } = props.selectProps;\n\n  if (inlineMenu) {\n    return <components.Menu {...props} />;\n  }\n\n  const styleMenu = expandMenuToContainer ? { width: bounds.width } : {};\n  if (expandMenuOutsideContainer) {\n    styleMenu.width = 'auto';\n  }\n\n  return (\n    <DSOverlay\n      containerProps={{\n        className: 'combobox-menu-overlay',\n      }}\n      isOpen\n    >\n      <Popper\n        containerProps={{\n          className: 'combobox-menu-overlay-popper',\n        }}\n        modifiers={{\n          preventOverflow: {\n            enabled: true,\n            padding: 0,\n            boundariesElement: 'window',\n          },\n        }}\n        placement={PopperPositions.BOTTOM_START}\n      >\n        {({ ref, style }) => (\n          <div\n            ref={ref}\n            className={cx(\n              'combobox-menu-wrapper-external',\n              expandMenuOutsideContainer &&\n                'combobox-menu-wrapper-external-outside-container',\n            )}\n            style={{\n              zIndex,\n              ...style,\n              ...(expandMenuOutsideContainer ? { width: 'auto' } : {}),\n            }}\n          >\n            <Menu\n              className={cx(\n                'combobox-menu-menu',\n                expandMenuOutsideContainer &&\n                  'combobox-menu-menu-external-outside-container',\n              )}\n              style={styleMenu}\n              visible\n            >\n              <components.Menu {...props} />\n            </Menu>\n          </div>\n        )}\n      </Popper>\n    </DSOverlay>\n  );\n});\n\nexport { SelectMenu };\nexport default SelectMenu;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AAGA;AACA;AACA;AACA;AAEA,MAAM,aAAa,OAAM,KAAK,CAAC,UAAU;AACvC,QAAM;AAAA,IACJ;AAAA,IACA,eAAe,EAAE;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,MACE,MAAM;AAEV,MAAI,YAAY;AACd,WAAO,qCAAC,WAAW,MAAZ;AAAA,SAAqB;AAAA;AAAA;AAG9B,QAAM,YAAY,wBAAwB,EAAE,OAAO,OAAO,UAAU;AACpE,MAAI,4BAA4B;AAC9B,cAAU,QAAQ;AAAA;AAGpB,SACE,qCAAC,WAAD;AAAA,IACE,gBAAgB;AAAA,MACd,WAAW;AAAA;AAAA,IAEb,QAAM;AAAA,KAEN,qCAAC,QAAD;AAAA,IACE,gBAAgB;AAAA,MACd,WAAW;AAAA;AAAA,IAEb,WAAW;AAAA,MACT,iBAAiB;AAAA,QACf,SAAS;AAAA,QACT,SAAS;AAAA,QACT,mBAAmB;AAAA;AAAA;AAAA,IAGvB,WAAW,gBAAgB;AAAA,KAE1B,CAAC,EAAE,KAAK,YACP,qCAAC,OAAD;AAAA,IACE;AAAA,IACA,WAAW,GACT,kCACA,8BACE;AAAA,IAEJ,OAAO;AAAA,MACL;AAAA,SACG;AAAA,SACC,6BAA6B,EAAE,OAAO,WAAW;AAAA;AAAA,KAGvD,qCAAC,MAAD;AAAA,IACE,WAAW,GACT,sBACA,8BACE;AAAA,IAEJ,OAAO;AAAA,IACP,SAAO;AAAA,KAEP,qCAAC,WAAW,MAAZ;AAAA,OAAqB;AAAA;AAAA;AAUnC,IAAO,qBAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v1/components/SingleValueLabel.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import { PopperPositions as Positions } from "@elliemae/ds-popper";
+import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+function SingleValueLabel({ children }) {
+  return /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
+    tooltipPlacement: Positions.TOP,
+    value: children
+  });
+}
+SingleValueLabel.propTypes = {
+  children: PropTypes.string.isRequired
+};
+var SingleValueLabel_default = SingleValueLabel;
+export {
+  SingleValueLabel,
+  SingleValueLabel_default as default
+};
+//# sourceMappingURL=SingleValueLabel.js.map

package/dist/esm/ComboBox/v1/components/SingleValueLabel.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v1/components/SingleValueLabel.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { PopperPositions as Positions } from '@elliemae/ds-popper';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nfunction SingleValueLabel({ children }) {\n  return (\n    <DSTruncatedTooltipText tooltipPlacement={Positions.TOP} value={children} />\n  );\n}\n\nSingleValueLabel.propTypes = {\n  children: PropTypes.string.isRequired,\n};\n\nexport { SingleValueLabel };\nexport default SingleValueLabel;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,0BAA0B,EAAE,YAAY;AACtC,SACE,qCAAC,wBAAD;AAAA,IAAwB,kBAAkB,UAAU;AAAA,IAAK,OAAO;AAAA;AAAA;AAIpE,iBAAiB,YAAY;AAAA,EAC3B,UAAU,UAAU,OAAO;AAAA;AAI7B,IAAO,2BAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v1/components/ValueContainer.js

@@ -0,0 +1,16 @@
+import * as React from "react";
+import React2 from "react";
+import { components } from "react-select";
+function ValueContainer({ children, ...rest }) {
+  return /* @__PURE__ */ React2.createElement("div", {
+    className: "combobox-value-container"
+  }, /* @__PURE__ */ React2.createElement(components.ValueContainer, {
+    ...rest
+  }, children));
+}
+var ValueContainer_default = ValueContainer;
+export {
+  ValueContainer,
+  ValueContainer_default as default
+};
+//# sourceMappingURL=ValueContainer.js.map

package/dist/esm/ComboBox/v1/components/ValueContainer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v1/components/ValueContainer.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\nimport React from 'react';\nimport { components } from 'react-select';\n\nexport function ValueContainer({ children, ...rest }) {\n  return (\n    <div className=\"combobox-value-container\">\n      <components.ValueContainer {...rest}>\n        {children}\n      </components.ValueContainer>\n    </div>\n  );\n}\n\nexport default ValueContainer;\n"],
+  "mappings": "AAAA;ACCA;AACA;AAEO,wBAAwB,EAAE,aAAa,QAAQ;AACpD,SACE,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,qCAAC,WAAW,gBAAZ;AAAA,OAA+B;AAAA,KAC5B;AAAA;AAMT,IAAO,yBAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v1/components/calculateWidth.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+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;
+}
+export {
+  calculateWidth
+};
+//# sourceMappingURL=calculateWidth.js.map

package/dist/esm/ComboBox/v1/components/calculateWidth.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v1/components/calculateWidth.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const letterFactor = 6;\nconst fixedSpace = 48;\nexport function calculateWidth(options) {\n  const longest = options.reduce((a, b) => {\n    if (a && a.label && b && b.label)\n      return a.label.length > b.label.length ? a : b;\n    return 0;\n  });\n  if (longest && longest.label && longest.label.length) {\n    return longest.label.length * letterFactor + fixedSpace;\n  }\n  return 0;\n}\n"],
+  "mappings": "AAAA;ACAA,MAAM,eAAe;AACrB,MAAM,aAAa;AACZ,wBAAwB,SAAS;AACtC,QAAM,UAAU,QAAQ,OAAO,CAAC,GAAG,MAAM;AACvC,QAAI,KAAK,EAAE,SAAS,KAAK,EAAE;AACzB,aAAO,EAAE,MAAM,SAAS,EAAE,MAAM,SAAS,IAAI;AAC/C,WAAO;AAAA;AAET,MAAI,WAAW,QAAQ,SAAS,QAAQ,MAAM,QAAQ;AACpD,WAAO,QAAQ,MAAM,SAAS,eAAe;AAAA;AAE/C,SAAO;AAAA;",
+  "names": []
+}

package/dist/esm/ComboBox/v1/components/getoptions.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+const getOptions = ({ showAllOption, isMulti, allOption, options }) => showAllOption && isMulti ? [allOption, ...options] : options;
+export {
+  getOptions
+};
+//# sourceMappingURL=getoptions.js.map

package/dist/esm/ComboBox/v1/components/getoptions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v1/components/getoptions.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const getOptions = ({ showAllOption, isMulti, allOption, options }) =>\n  showAllOption && isMulti ? [allOption, ...options] : options;\n"],
+  "mappings": "AAAA;ACAO,MAAM,aAAa,CAAC,EAAE,eAAe,SAAS,WAAW,cAC9D,iBAAiB,UAAU,CAAC,WAAW,GAAG,WAAW;",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+export * from "./DSComboBox";
+import { default as default2 } from "./DSComboBox";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

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

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