indicator-ui 0.1.13 → 0.1.15

package/dist/index.js

@@ -62737,9 +62737,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
 /* harmony import */ var _lib__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/lib */ "./src/lib/index.ts");
 /* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
-/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../styles */ "./src/ui/Dropdown/styles/index.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/hooks */ "./src/hooks/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../styles */ "./src/ui/Dropdown/styles/index.ts");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["items", "title", "size", "onClick", "width", "isActive", "className", "styles"];
+var _excluded = ["items", "title", "size", "onClick", "width", "isActive", "className", "styles", "elementAfter", "elementBefore"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -62754,6 +62755,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
+
 var _Dropdown = function _Dropdown(props, ref) {
   var items = props.items,
     title = props.title,
@@ -62766,7 +62768,14 @@ var _Dropdown = function _Dropdown(props, ref) {
     className = props.className,
     _props$styles = props.styles,
     styles = _props$styles === void 0 ? {} : _props$styles,
-    anotherProps = _objectWithoutProperties(props, _excluded);
+    elementAfter = props.elementAfter,
+    elementBefore = props.elementBefore,
+    scrollCallbacks = _objectWithoutProperties(props, _excluded);
+  var objRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)(null);
+  (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useSmartScroll)(objRef, scrollCallbacks);
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useImperativeHandle)(ref, function () {
+    return objRef.current;
+  });
   var getStyle = function getStyle() {
     var resWidth;
     if (typeof width === "number") {
@@ -62824,16 +62833,15 @@ var _Dropdown = function _Dropdown(props, ref) {
       key: idx
     }));
   };
-  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_ui__WEBPACK_IMPORTED_MODULE_4__.ScrollProvider, _objectSpread(_objectSpread({
-    className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_5__.DropdownStyle.Dropdown, className),
-    style: getStyle()
-  }, anotherProps), {}, {
-    ref: ref,
-    children: [title !== undefined && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h6", {
-      className: _styles__WEBPACK_IMPORTED_MODULE_5__.DropdownStyle.header,
+  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_6__.DropdownStyle.Dropdown, className),
+    style: getStyle(),
+    ref: objRef,
+    children: [elementBefore, title !== undefined && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("h6", {
+      className: _styles__WEBPACK_IMPORTED_MODULE_6__.DropdownStyle.header,
       children: title
-    }), items.map(getItem)]
-  }));
+    }), items.map(getItem), elementAfter]
+  });
 };
 var Dropdown = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(_Dropdown);
 
@@ -67168,7 +67176,7 @@ function SelectField(_ref) {
     ref: targetRef,
     children: [getViewField(), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_3__.Dropdown, {
       items: getOptionsItems(),
-      onScrollBottom: onScrollToBottom,
+      onScrollEnd: onScrollToBottom,
       onClick: handleClick,
       isActive: isActive,
       ref: modalRef