@bigbinary/neetoui 5.2.17 → 5.2.18

package/formik.js

@@ -9916,7 +9916,7 @@ var Portal = function Portal(_ref) {
   return /*#__PURE__*/createPortal(children, target.current);
 };
 
-var Spinner = function Spinner(_ref) {
+var Spinner$1 = function Spinner(_ref) {
   var color = _ref.color,
     className = _ref.className,
     size = _ref.size;
@@ -9971,7 +9971,7 @@ var Spinner = function Spinner(_ref) {
     }
   }))));
 };
-Spinner.defaultProps = {
+Spinner$1.defaultProps = {
   color: "#ffffff",
   className: null,
   size: 14
@@ -14059,7 +14059,7 @@ var Button = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   }, elementSpecificProps, otherProps), renderLabel && /*#__PURE__*/React__default.createElement("span", null, renderLabel), /*#__PURE__*/React__default.createElement(AnimatePresence, {
     exitBeforeEnter: true
   }, icon ? /* When Icon is present, animate between the icon and the spinner*/
-  loading ? /*#__PURE__*/React__default.createElement(Spinner, {
+  loading ? /*#__PURE__*/React__default.createElement(Spinner$1, {
     "aria-hidden": "true",
     className: "neeto-ui-btn__spinner",
     key: "1",
@@ -14087,7 +14087,7 @@ var Button = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     transition: {
       bounce: false
     }
-  }, /*#__PURE__*/React__default.createElement(Spinner, {
+  }, /*#__PURE__*/React__default.createElement(Spinner$1, {
     "aria-hidden": "true",
     className: "neeto-ui-btn__spinner",
     key: "3",
@@ -21140,7 +21140,7 @@ var menuListCSS = function menuListCSS(_ref5) {
     WebkitOverflowScrolling: 'touch'
   };
 };
-var MenuList = function MenuList(props) {
+var MenuList$1 = function MenuList(props) {
   var children = props.children,
     className = props.className,
     cx = props.cx,
@@ -22001,7 +22001,7 @@ var components = {
   Input: Input$1,
   LoadingIndicator: LoadingIndicator,
   Menu: Menu$1,
-  MenuList: MenuList,
+  MenuList: MenuList$1,
   MenuPortal: MenuPortal,
   LoadingMessage: LoadingMessage,
   NoOptionsMessage: NoOptionsMessage,
@@ -25383,6 +25383,30 @@ var AsyncCreatableSelect = /*#__PURE__*/forwardRef$1(function (props, ref) {
   }, selectProps));
 });
 
+var Spinner = function Spinner(_ref) {
+  var _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? "dark" : _ref$theme,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  var spinnerItemClassName = classnames$1("neeto-ui-spinner__item", {
+    "neeto-ui-bg-gray-800": theme === "dark"
+  }, {
+    "neeto-ui-bg-white": theme === "light"
+  });
+  return /*#__PURE__*/React__default.createElement("span", {
+    className: classnames$1("neeto-ui-spinner", [className]),
+    "data-testid": "spinner"
+  }, /*#__PURE__*/React__default.createElement("i", {
+    className: spinnerItemClassName
+  }), /*#__PURE__*/React__default.createElement("i", {
+    className: spinnerItemClassName
+  }), /*#__PURE__*/React__default.createElement("i", {
+    className: spinnerItemClassName
+  }), /*#__PURE__*/React__default.createElement("i", {
+    className: spinnerItemClassName
+  }));
+};
+
 var _excluded$9 = ["size", "label", "required", "error", "helpText", "className", "innerRef", "isCreateable", "strategy", "id", "labelProps", "value", "defaultValue", "components", "optionRemapping"];
 function ownKeys$2(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$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -25450,6 +25474,41 @@ var ValueContainer = function ValueContainer(props) {
     })
   }));
 };
+var MenuList = function MenuList(props) {
+  var _props$selectProps = props.selectProps,
+    fetchMore = _props$selectProps.fetchMore,
+    totalOptionsCount = _props$selectProps.totalOptionsCount,
+    isAsyncLoadOptionEnabled = _props$selectProps.isAsyncLoadOptionEnabled,
+    options = _props$selectProps.options;
+  var hasMore = isAsyncLoadOptionEnabled && totalOptionsCount > options.length;
+  var loaderRef = useRef();
+  useEffect(function () {
+    var observer = null;
+    if (loaderRef.current && isAsyncLoadOptionEnabled) {
+      observer = new IntersectionObserver(function (entries) {
+        return entries[0].isIntersecting && fetchMore();
+      }, {
+        root: null,
+        rootMargin: "0px",
+        threshold: 0.1
+      });
+      observer.observe(loaderRef.current);
+    }
+    return function () {
+      if (loaderRef.current && isAsyncLoadOptionEnabled) {
+        var _observer;
+        (_observer = observer) === null || _observer === void 0 ? void 0 : _observer.unobserve(loaderRef.current);
+      }
+    };
+  }, [hasMore]);
+  return /*#__PURE__*/React__default.createElement(components.MenuList, _extends$2({}, props, {
+    innerProps: _objectSpread$2(_objectSpread$2({}, props.innerProps), {}, _defineProperty$1({}, "data-testid", "menu-list"))
+  }), props.children, hasMore && /*#__PURE__*/React__default.createElement("div", {
+    className: "flex w-full items-center justify-center py-3",
+    "data-testid": "loader",
+    ref: loaderRef
+  }, /*#__PURE__*/React__default.createElement(Spinner, null)));
+};
 var Select = function Select(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? SIZES$1.medium : _ref$size,
@@ -25548,7 +25607,8 @@ var Select = function Select(_ref) {
       MultiValueRemove: MultiValueRemove,
       Placeholder: Placeholder,
       Menu: Menu,
-      ValueContainer: ValueContainer
+      ValueContainer: ValueContainer,
+      MenuList: MenuList
     }, componentOverrides)
   }, portalProps, otherProps)), !!error && /*#__PURE__*/React__default.createElement("p", {
     className: "neeto-ui-input__error",