@luscii-healthtech/web-ui 2.37.13 → 2.37.15

package/dist/components/Select/Select.d.ts

@@ -1,4 +1,4 @@
-import type { Props, GroupBase } from "react-select";
+import { Props, GroupBase } from "react-select";
 import React from "react";
 /**
  * Exceptional case for this file:

package/dist/web-ui.cjs.development.js

@@ -3789,7 +3789,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(ReactSelect.components.SelectContainer, _extends({}, commonProps, {
+      innerProps: Object.assign({}, commonProps.innerProps, _extends({}, getDataAttributes()))
+    }));
+  };
+
   return /*#__PURE__*/React__default.createElement(ReactSelect__default, _extends({}, otherProps, {
     ref: innerRef,
     styles: mergedStyles,
@@ -3803,7 +3822,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
+    }
   }));
 });