@luscii-healthtech/web-ui 2.37.13 → 2.37.15

package/dist/web-ui.esm.js

@@ -9,7 +9,7 @@ import ReactDatePicker from 'react-datepicker';
 import moment from 'moment';
 import 'react-datepicker/dist/react-datepicker.css';
 import ClipboardJS from 'clipboard';
-import ReactSelect, { mergeStyles } from 'react-select';
+import ReactSelect, { mergeStyles, components } from 'react-select';
 import groupBy from 'lodash-es/groupBy';
 import debounce from 'lodash.debounce';
 import ReactQuill from 'react-quill';
@@ -3781,7 +3781,26 @@ var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, innerRef) {
     return value.includes(o.value);
   }) : flatmappedOptions.find(function (o) {
     return o.value === value;
-  });
+  }); // Why: https://github.com/JedWatson/react-select/issues/3149
+
+  var getDataAttributes = function getDataAttributes() {
+    var dataProps = {};
+
+    for (var prop in otherProps) {
+      if (prop.includes("data-")) {
+        dataProps[prop] = otherProps[prop];
+      }
+    }
+
+    return dataProps;
+  };
+
+  var CustomContainer = function CustomContainer(commonProps) {
+    return /*#__PURE__*/React__default.createElement(components.SelectContainer, _extends({}, commonProps, {
+      innerProps: Object.assign({}, commonProps.innerProps, _extends({}, getDataAttributes()))
+    }));
+  };
+
   return /*#__PURE__*/React__default.createElement(ReactSelect, _extends({}, otherProps, {
     ref: innerRef,
     styles: mergedStyles,
@@ -3795,7 +3814,10 @@ var Select = /*#__PURE__*/React__default.forwardRef(function (_ref, innerRef) {
       "w-56": width === "lg",
       "w-80": width === "xl",
       "flex-grow": width === "full"
-    })
+    }),
+    components: {
+      SelectContainer: CustomContainer
+    }
   }));
 });