@elliemae/ds-form 2.2.1 → 2.3.0-alpha.4

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

@@ -1,99 +1,88 @@
-'use strict';
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var lodash = require('lodash');
-var DSSeparator = require('@elliemae/ds-separator');
-var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var context = require('../context.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSSeparator__default = /*#__PURE__*/_interopDefaultLegacy(DSSeparator);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const isOptionAGroup = option => option && option.type && option.type.name === 'Group';
-
-const CustomOption = _ref => {
-  var _option$props, _option$props2, _option$props2$innerP, _option$props3, _option$props3$innerP;
-
-  let {
-    index,
-    data,
-    style,
-    isScrolling
-  } = _ref;
+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 CustomOption_exports = {};
+__export(CustomOption_exports, {
+  CustomOption: () => CustomOption,
+  default: () => CustomOption_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_ds_separator = require("@elliemae/ds-separator");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_context = require("../context");
+const isOptionAGroup = (option) => option && option.type && option.type.name === "Group";
+const CustomOption = ({ index, data, style, isScrolling }) => {
   const {
     items,
-    options: {
-      useTruncatedText
-    }
+    options: { useTruncatedText }
   } = data;
   const option = items[index];
-  const {
-    value
-  } = React.useContext(context.DropDownContext);
-  const isSelected = (value === null || value === void 0 ? void 0 : value.label) === (option === null || option === void 0 ? void 0 : (_option$props = option.props) === null || _option$props === void 0 ? void 0 : _option$props.label); // react-select performance optimization
-
-  option === null || option === void 0 ? true : (_option$props2 = option.props) === null || _option$props2 === void 0 ? true : (_option$props2$innerP = _option$props2.innerProps) === null || _option$props2$innerP === void 0 ? true : delete _option$props2$innerP.onMouseMove;
-  option === null || option === void 0 ? true : (_option$props3 = option.props) === null || _option$props3 === void 0 ? true : (_option$props3$innerP = _option$props3.innerProps) === null || _option$props3$innerP === void 0 ? true : delete _option$props3$innerP.onMouseOver;
+  const { value } = (0, import_react.useContext)(import_context.DropDownContext);
+  const isSelected = value?.label === option?.props?.label;
+  delete option?.props?.innerProps?.onMouseMove;
+  delete option?.props?.innerProps?.onMouseOver;
   const renderOptionStyle = isOptionAGroup(option) ? {} : style;
-
-  const optionProps = _objectSpread(_objectSpread({}, option.props.innerProps), {}, {
+  const optionProps = {
+    ...option.props.innerProps,
     style: renderOptionStyle,
-    'data-testid': 'combobox-option',
-    role: 'option',
-    'aria-selected': isSelected,
-    onClick: e => {
-      var _option$props4, _option$props4$innerP;
-
+    "data-testid": "combobox-option",
+    role: "option",
+    "aria-selected": isSelected,
+    onClick: (e) => {
       e.stopPropagation();
-      if (option !== null && option !== void 0 && (_option$props4 = option.props) !== null && _option$props4 !== void 0 && (_option$props4$innerP = _option$props4.innerProps) !== null && _option$props4$innerP !== void 0 && _option$props4$innerP.onClick) option.props.innerProps.onClick(e);
+      if (option?.props?.innerProps?.onClick)
+        option.props.innerProps.onClick(e);
     }
-  });
-
-  if (useTruncatedText && lodash.get(option, 'props.selectProps.menuIsOpen')) {
-    return /*#__PURE__*/React__default["default"].cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
+  };
+  if (useTruncatedText && (0, import_lodash.get)(option, "props.selectProps.menuIsOpen")) {
+    return import_react.default.cloneElement(option, {
+      ...option.props,
       innerProps: optionProps,
       tabIndex: 0
-    }), /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [option.props.data.hasSeparator && !lodash.isArray(option.props.data.options) && /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
-        margin: "none",
-        style: {
-          zIndex: -2
-        },
-        type: "non-form"
-      }), /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.SimpleTruncatedTooltipText, {
-        value: option.props.children
-      })]
-    }));
+    }, /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, option.props.data.hasSeparator && !(0, import_lodash.isArray)(option.props.data.options) && /* @__PURE__ */ import_react.default.createElement(import_ds_separator.DSSeparator, {
+      margin: "none",
+      style: { zIndex: -2 },
+      type: "non-form"
+    }), /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+      value: option.props.children
+    })));
   }
-
-  return /*#__PURE__*/React__default["default"].cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
+  return import_react.default.cloneElement(option, {
+    ...option.props,
     tabIndex: 0,
     innerProps: optionProps
-  }), /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [option.props.data.hasSeparator && !lodash.isArray(option.props.data.options) && /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
-      margin: "none",
-      style: {
-        zIndex: -2
-      },
-      type: "non-form"
-    }), option.props.children]
-  }));
+  }, /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, option.props.data.hasSeparator && !(0, import_lodash.isArray)(option.props.data.options) && /* @__PURE__ */ import_react.default.createElement(import_ds_separator.DSSeparator, {
+    margin: "none",
+    style: { zIndex: -2 },
+    type: "non-form"
+  }), option.props.children));
 };
-
-module.exports = CustomOption;
+var CustomOption_default = CustomOption;
+module.exports = __toCommonJS(CustomOption_exports);
+//# sourceMappingURL=CustomOption.js.map

package/cjs/ComboBox/v2/components/CustomOption.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/CustomOption.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable indent */\n/* eslint-disable react/destructuring-assignment,max-lines,react/display-name, react/require-default-props */\nimport React, { useContext } from 'react';\nimport { get, isArray } from 'lodash';\nimport { DSSeparator } from '@elliemae/ds-separator';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { DropDownContext } from '../context';\n\nconst isOptionAGroup = (option) =>\n  option && option.type && option.type.name === 'Group';\n\nconst CustomOption = ({ index, data, style, isScrolling }) => {\n  const {\n    items,\n    options: { useTruncatedText },\n  } = data;\n  const option = items[index];\n\n  const { value } = useContext(DropDownContext);\n  const isSelected = value?.label === option?.props?.label;\n\n  // react-select performance optimization\n  delete option?.props?.innerProps?.onMouseMove;\n  delete option?.props?.innerProps?.onMouseOver;\n\n  const renderOptionStyle = isOptionAGroup(option) ? {} : style;\n  const optionProps = {\n    ...option.props.innerProps,\n    style: renderOptionStyle,\n    'data-testid': 'combobox-option',\n    role: 'option',\n    'aria-selected': isSelected,\n    onClick: (e) => {\n      e.stopPropagation();\n      if (option?.props?.innerProps?.onClick)\n        option.props.innerProps.onClick(e);\n    },\n  };\n\n  if (useTruncatedText && get(option, 'props.selectProps.menuIsOpen')) {\n    return React.cloneElement(\n      option,\n      {\n        ...option.props,\n        innerProps: optionProps,\n        tabIndex: 0,\n      },\n      <>\n        {option.props.data.hasSeparator &&\n          !isArray(option.props.data.options) && (\n            <DSSeparator margin=\"none\" style={{ zIndex: -2 }} type=\"non-form\" />\n          )}\n        <SimpleTruncatedTooltipText value={option.props.children} />\n      </>,\n    );\n  }\n\n  return React.cloneElement(\n    option,\n    {\n      ...option.props,\n      tabIndex: 0,\n      innerProps: optionProps,\n    },\n    <>\n      {option.props.data.hasSeparator &&\n        !isArray(option.props.data.options) && (\n          <DSSeparator margin=\"none\" style={{ zIndex: -2 }} type=\"non-form\" />\n        )}\n      {option.props.children}\n    </>,\n  );\n};\n\nexport { CustomOption };\nexport default CustomOption;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkC;AAClC,oBAA6B;AAC7B,0BAA4B;AAC5B,uCAA2C;AAC3C,qBAAgC;AAEhC,MAAM,iBAAiB,CAAC,WACtB,UAAU,OAAO,QAAQ,OAAO,KAAK,SAAS;AAEhD,MAAM,eAAe,CAAC,EAAE,OAAO,MAAM,OAAO,kBAAkB;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA,SAAS,EAAE;AAAA,MACT;AACJ,QAAM,SAAS,MAAM;AAErB,QAAM,EAAE,UAAU,6BAAW;AAC7B,QAAM,aAAa,OAAO,UAAU,QAAQ,OAAO;AAGnD,SAAO,QAAQ,OAAO,YAAY;AAClC,SAAO,QAAQ,OAAO,YAAY;AAElC,QAAM,oBAAoB,eAAe,UAAU,KAAK;AACxD,QAAM,cAAc;AAAA,OACf,OAAO,MAAM;AAAA,IAChB,OAAO;AAAA,IACP,eAAe;AAAA,IACf,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,SAAS,CAAC,MAAM;AACd,QAAE;AACF,UAAI,QAAQ,OAAO,YAAY;AAC7B,eAAO,MAAM,WAAW,QAAQ;AAAA;AAAA;AAItC,MAAI,oBAAoB,uBAAI,QAAQ,iCAAiC;AACnE,WAAO,qBAAM,aACX,QACA;AAAA,SACK,OAAO;AAAA,MACV,YAAY;AAAA,MACZ,UAAU;AAAA,OAEZ,wFACG,OAAO,MAAM,KAAK,gBACjB,CAAC,2BAAQ,OAAO,MAAM,KAAK,YACzB,mDAAC,iCAAD;AAAA,MAAa,QAAO;AAAA,MAAO,OAAO,EAAE,QAAQ;AAAA,MAAM,MAAK;AAAA,QAE3D,mDAAC,6DAAD;AAAA,MAA4B,OAAO,OAAO,MAAM;AAAA;AAAA;AAKtD,SAAO,qBAAM,aACX,QACA;AAAA,OACK,OAAO;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,KAEd,wFACG,OAAO,MAAM,KAAK,gBACjB,CAAC,2BAAQ,OAAO,MAAM,KAAK,YACzB,mDAAC,iCAAD;AAAA,IAAa,QAAO;AAAA,IAAO,OAAO,EAAE,QAAQ;AAAA,IAAM,MAAK;AAAA,MAE1D,OAAO,MAAM;AAAA;AAMpB,IAAO,uBAAQ;",
+  "names": []
+}

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

@@ -1,87 +1,86 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.find.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var DSCheckbox = require('../../../Checkbox/DSCheckbox.js');
-var context = require('../context.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const CustomOptionMulti = _ref => {
-  let {
-    index,
-    data,
-    style,
-    isScrolling
-  } = _ref;
+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 CustomOptionMulti_exports = {};
+__export(CustomOptionMulti_exports, {
+  CustomOptionMulti: () => CustomOptionMulti,
+  default: () => CustomOptionMulti_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_Checkbox = require("../../../Checkbox");
+var import_context = require("../context");
+const CustomOptionMulti = ({ index, data, style, isScrolling }) => {
   const {
     items,
-    options: {
-      useTruncatedText
-    }
+    options: { useTruncatedText }
   } = data;
   const option = items[index];
-  const {
-    value
-  } = React.useContext(context.DropDownContext);
-  const isSelected = !!(value !== null && value !== void 0 && value.find(item => {
-    var _option$props;
-
-    return item.label === (option === null || option === void 0 ? void 0 : (_option$props = option.props) === null || _option$props === void 0 ? void 0 : _option$props.label);
-  }));
-
-  const optionProps = _objectSpread(_objectSpread({}, option.props.innerProps), {}, {
+  const { value } = (0, import_react.useContext)(import_context.DropDownContext);
+  const isSelected = !!value?.find((item) => item.label === option?.props?.label);
+  const optionProps = {
+    ...option.props.innerProps,
     style,
-    'data-testid': 'combobox-option',
-    role: 'option',
-    'aria-selected': isSelected,
-    onClick: e => {
+    "data-testid": "combobox-option",
+    role: "option",
+    "aria-selected": isSelected,
+    onClick: (e) => {
       e.stopPropagation();
-      if (option.props.innerProps.onClick) option.props.innerProps.onClick(e);
+      if (option.props.innerProps.onClick)
+        option.props.innerProps.onClick(e);
     }
-  });
-
+  };
   if (useTruncatedText) {
-    return /*#__PURE__*/React__default["default"].cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
+    return import_react.default.cloneElement(option, {
+      ...option.props,
       innerProps: optionProps
-    }), /*#__PURE__*/_jsx__default["default"]("div", {
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
       className: "combobox-v2-option-multiple-container"
-    }, void 0, /*#__PURE__*/_jsx__default["default"](DSCheckbox.DSCheckbox, {
+    }, /* @__PURE__ */ import_react.default.createElement(import_Checkbox.DSCheckbox, {
       checked: option.props.isSelected,
       labelText: " "
-    }), /*#__PURE__*/_jsx__default["default"]("div", {
+    }), /* @__PURE__ */ import_react.default.createElement("div", {
       className: "combobox-v2-option-multiple-truncated-label"
-    }, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.SimpleTruncatedTooltipText, {
+    }, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
       value: option.props.children
     }))));
   }
-
-  return /*#__PURE__*/React__default["default"].cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
+  return import_react.default.cloneElement(option, {
+    ...option.props,
     innerProps: optionProps,
-    children: /*#__PURE__*/_jsx__default["default"]("div", {
+    children: /* @__PURE__ */ import_react.default.createElement("div", {
       className: "combobox-v2-option-multiple-container"
-    }, void 0, /*#__PURE__*/_jsx__default["default"](DSCheckbox.DSCheckbox, {
+    }, /* @__PURE__ */ import_react.default.createElement(import_Checkbox.DSCheckbox, {
       checked: option.props.isSelected,
       labelText: option.props.children
     }))
-  }));
+  });
 };
-
-module.exports = CustomOptionMulti;
+var CustomOptionMulti_default = CustomOptionMulti;
+module.exports = __toCommonJS(CustomOptionMulti_exports);
+//# sourceMappingURL=CustomOptionMulti.js.map

package/cjs/ComboBox/v2/components/CustomOptionMulti.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/CustomOptionMulti.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/destructuring-assignment,max-lines,react/display-name, react/require-default-props */\nimport React, { useContext } from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { DSCheckbox } from '../../../Checkbox';\nimport { DropDownContext } from '../context';\n\nconst CustomOptionMulti = ({ index, data, style, isScrolling }) => {\n  const {\n    items,\n    options: { useTruncatedText },\n  } = data;\n\n  const option = items[index];\n  const { value } = useContext(DropDownContext);\n  const isSelected = !!value?.find(item => item.label === option?.props?.label)\n\n  const optionProps = {\n    ...option.props.innerProps,\n    style,\n    'data-testid': 'combobox-option',\n    role: 'option',\n    'aria-selected': isSelected,\n    onClick: (e) => {\n      e.stopPropagation();\n      if (option.props.innerProps.onClick) option.props.innerProps.onClick(e);\n    },\n  };\n\n  if (useTruncatedText) {\n    return React.cloneElement(\n      option,\n      {\n        ...option.props,\n        innerProps: optionProps,\n      },\n      <div className=\"combobox-v2-option-multiple-container\">\n        <DSCheckbox checked={option.props.isSelected} labelText=\" \" />\n        <div className=\"combobox-v2-option-multiple-truncated-label\">\n          <SimpleTruncatedTooltipText value={option.props.children} />\n        </div>\n      </div>,\n    );\n  }\n\n  return React.cloneElement(option, {\n    ...option.props,\n    innerProps: optionProps,\n    children: (\n      <div className=\"combobox-v2-option-multiple-container\">\n        <DSCheckbox\n          checked={option.props.isSelected}\n          labelText={option.props.children}\n        />\n      </div>\n    ),\n  });\n};\n\nexport { CustomOptionMulti };\nexport default CustomOptionMulti;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,uCAA2C;AAC3C,sBAA2B;AAC3B,qBAAgC;AAEhC,MAAM,oBAAoB,CAAC,EAAE,OAAO,MAAM,OAAO,kBAAkB;AACjE,QAAM;AAAA,IACJ;AAAA,IACA,SAAS,EAAE;AAAA,MACT;AAEJ,QAAM,SAAS,MAAM;AACrB,QAAM,EAAE,UAAU,6BAAW;AAC7B,QAAM,aAAa,CAAC,CAAC,OAAO,KAAK,UAAQ,KAAK,UAAU,QAAQ,OAAO;AAEvE,QAAM,cAAc;AAAA,OACf,OAAO,MAAM;AAAA,IAChB;AAAA,IACA,eAAe;AAAA,IACf,MAAM;AAAA,IACN,iBAAiB;AAAA,IACjB,SAAS,CAAC,MAAM;AACd,QAAE;AACF,UAAI,OAAO,MAAM,WAAW;AAAS,eAAO,MAAM,WAAW,QAAQ;AAAA;AAAA;AAIzE,MAAI,kBAAkB;AACpB,WAAO,qBAAM,aACX,QACA;AAAA,SACK,OAAO;AAAA,MACV,YAAY;AAAA,OAEd,mDAAC,OAAD;AAAA,MAAK,WAAU;AAAA,OACb,mDAAC,4BAAD;AAAA,MAAY,SAAS,OAAO,MAAM;AAAA,MAAY,WAAU;AAAA,QACxD,mDAAC,OAAD;AAAA,MAAK,WAAU;AAAA,OACb,mDAAC,6DAAD;AAAA,MAA4B,OAAO,OAAO,MAAM;AAAA;AAAA;AAMxD,SAAO,qBAAM,aAAa,QAAQ;AAAA,OAC7B,OAAO;AAAA,IACV,YAAY;AAAA,IACZ,UACE,mDAAC,OAAD;AAAA,MAAK,WAAU;AAAA,OACb,mDAAC,4BAAD;AAAA,MACE,SAAS,OAAO,MAAM;AAAA,MACtB,WAAW,OAAO,MAAM;AAAA;AAAA;AAAA;AAQlC,IAAO,4BAAQ;",
+  "names": []
+}

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

@@ -1,99 +1,95 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var lodash = require('lodash');
-var dsIcons = require('@elliemae/ds-icons');
-var DSButton = require('@elliemae/ds-button');
-var context = require('../context.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-var _ChevronSmallDown;
-
-const _excluded = ["innerRef", "onKeyDown", "options", "theme", "clearValue", "getStyles", "getValue", "setValue", "hasStyle", "hasValue", "isMulti", "isRtl", "isDisabled", "isFocused", "selectOption", "selectProps", "innerProps", "cx"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DropdownIndicator = _ref => {
-  let {
-    innerRef,
-    onKeyDown,
-    options,
-    theme,
-    clearValue,
-    getStyles,
-    getValue,
-    setValue,
-    hasStyle,
-    hasValue,
-    isMulti,
-    isRtl,
-    isDisabled,
-    isFocused,
-    selectOption,
-    selectProps,
-    innerProps,
-    cx
-  } = _ref,
-      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  const {
-    changeHandleOpening,
-    changeMenuOpen,
-    inputInFocus,
-    handleOpening,
-    menuOpen,
-    onClickDropdownIndicator
-  } = React.useContext(context.DropDownContext);
-  const [touchClick, setTouchClick] = React.useState(false);
-
-  const handleOnClick = e => {
+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 DropdownIndicator_exports = {};
+__export(DropdownIndicator_exports, {
+  DropdownIndicator: () => DropdownIndicator,
+  default: () => DropdownIndicator_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_button = require("@elliemae/ds-button");
+var import_context = require("../context");
+const DropdownIndicator = ({
+  innerRef,
+  onKeyDown,
+  options,
+  theme,
+  clearValue,
+  getStyles,
+  getValue,
+  setValue,
+  hasStyle,
+  hasValue,
+  isMulti,
+  isRtl,
+  isDisabled,
+  isFocused,
+  selectOption,
+  selectProps,
+  innerProps,
+  cx,
+  ...rest
+}) => {
+  const { changeHandleOpening, changeMenuOpen, inputInFocus, handleOpening, menuOpen, onClickDropdownIndicator } = (0, import_react.useContext)(import_context.DropDownContext);
+  const [touchClick, setTouchClick] = (0, import_react.useState)(false);
+  const handleOnClick = (e) => {
     onClickDropdownIndicator(e);
     changeMenuOpen(!menuOpen);
     changeHandleOpening(!handleOpening);
   };
-
-  const handleOnKeyDown = e => {
-    if (e.key === 'Enter') {
+  const handleOnKeyDown = (e) => {
+    if (e.key === "Enter") {
       changeMenuOpen(!menuOpen);
       e.preventDefault();
     }
   };
-
-  return /*#__PURE__*/jsxRuntime.jsx(DSButton__default["default"], _objectSpread({
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
     "data-testid": "combobox-dropdown-btn",
     "aria-label": "dropdown-indicator",
     buttonType: "text",
-    className: "dropdown-indicator ".concat(lodash.get(selectProps, 'menuIsOpen', false) && !inputInFocus ? 'active' : ''),
-    icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronSmallDown, {})),
-    innerRef: innerRef,
+    className: `dropdown-indicator ${(0, import_lodash.get)(selectProps, "menuIsOpen", false) && !inputInFocus ? "active" : ""}`,
+    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallDown, null),
+    innerRef,
     onClick: handleOnClick,
     onKeyDown: handleOnKeyDown,
     onTouchStart: () => setTouchClick(true),
-    onTouchEnd: e => {
-      if (touchClick) handleOnClick(e);
+    onTouchEnd: (e) => {
+      if (touchClick)
+        handleOnClick(e);
       setTouchClick(false);
     },
     tabIndex: -1,
-    variant: lodash.get(selectProps, 'menuIsOpen', false) && !inputInFocus ? DSButton.BUTTON_VARIANT.ACTIVE : DSButton.BUTTON_VARIANT.DEFAULT
-  }, rest));
+    variant: (0, import_lodash.get)(selectProps, "menuIsOpen", false) && !inputInFocus ? import_ds_button.BUTTON_VARIANT.ACTIVE : import_ds_button.BUTTON_VARIANT.DEFAULT,
+    ...rest
+  });
 };
-
-module.exports = DropdownIndicator;
+var DropdownIndicator_default = DropdownIndicator;
+module.exports = __toCommonJS(DropdownIndicator_exports);
+//# sourceMappingURL=DropdownIndicator.js.map

package/cjs/ComboBox/v2/components/DropdownIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/DropdownIndicator.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable import/no-cycle */\nimport React, { useContext, useState } from 'react';\nimport { get } from 'lodash';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport { DSButton, BUTTON_VARIANT } from '@elliemae/ds-button';\nimport { DropDownContext } from '../context';\n\nconst DropdownIndicator = ({\n  innerRef,\n  onKeyDown,\n  options,\n  theme,\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  cx,\n  ...rest\n}) => {\n  const { changeHandleOpening, changeMenuOpen, inputInFocus, handleOpening, menuOpen, onClickDropdownIndicator } =\n    useContext(DropDownContext);\n\n  const [touchClick, setTouchClick] = useState(false);\n\n  const handleOnClick = (e) => {\n    onClickDropdownIndicator(e);\n    changeMenuOpen(!menuOpen);\n    changeHandleOpening(!handleOpening);\n  };\n\n  const handleOnKeyDown = (e) => {\n    if (e.key === 'Enter') {\n      changeMenuOpen(!menuOpen);\n      e.preventDefault();\n    }\n  };\n\n  return (\n    <DSButton\n      data-testid=\"combobox-dropdown-btn\"\n      aria-label=\"dropdown-indicator\"\n      buttonType=\"text\"\n      className={`dropdown-indicator ${get(selectProps, 'menuIsOpen', false) && !inputInFocus ? 'active' : ''}`}\n      icon={<ChevronSmallDown />}\n      innerRef={innerRef}\n      onClick={handleOnClick}\n      onKeyDown={handleOnKeyDown}\n      onTouchStart={() => setTouchClick(true)}\n      onTouchEnd={(e) => {\n        if (touchClick) handleOnClick(e);\n        setTouchClick(false);\n      }}\n      tabIndex={-1}\n      variant={get(selectProps, 'menuIsOpen', false) && !inputInFocus ? BUTTON_VARIANT.ACTIVE : BUTTON_VARIANT.DEFAULT}\n      {...rest}\n    />\n  );\n};\n\nexport { DropdownIndicator };\nexport default DropdownIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA4C;AAC5C,oBAAoB;AACpB,sBAAiC;AACjC,uBAAyC;AACzC,qBAAgC;AAEhC,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,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MACC;AACJ,QAAM,EAAE,qBAAqB,gBAAgB,cAAc,eAAe,UAAU,6BAClF,6BAAW;AAEb,QAAM,CAAC,YAAY,iBAAiB,2BAAS;AAE7C,QAAM,gBAAgB,CAAC,MAAM;AAC3B,6BAAyB;AACzB,mBAAe,CAAC;AAChB,wBAAoB,CAAC;AAAA;AAGvB,QAAM,kBAAkB,CAAC,MAAM;AAC7B,QAAI,EAAE,QAAQ,SAAS;AACrB,qBAAe,CAAC;AAChB,QAAE;AAAA;AAAA;AAIN,SACE,mDAAC,2BAAD;AAAA,IACE,eAAY;AAAA,IACZ,cAAW;AAAA,IACX,YAAW;AAAA,IACX,WAAW,sBAAsB,uBAAI,aAAa,cAAc,UAAU,CAAC,eAAe,WAAW;AAAA,IACrG,MAAM,mDAAC,kCAAD;AAAA,IACN;AAAA,IACA,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAc,MAAM,cAAc;AAAA,IAClC,YAAY,CAAC,MAAM;AACjB,UAAI;AAAY,sBAAc;AAC9B,oBAAc;AAAA;AAAA,IAEhB,UAAU;AAAA,IACV,SAAS,uBAAI,aAAa,cAAc,UAAU,CAAC,eAAe,gCAAe,SAAS,gCAAe;AAAA,OACrG;AAAA;AAAA;AAMV,IAAO,4BAAQ;",
+  "names": []
+}