indicator-ui 0.0.90 → 0.0.91

package/dist/index.js

@@ -3178,7 +3178,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"flexField":"InputField-module__flexField___aNE6o","inputField":"InputField-module__inputField___mzakH","placeholder":"InputField-module__placeholder___ybb3Y","icon":"InputField-module__icon___xR6jG","textSupport":"InputField-module__textSupport___njpRn","userPic":"InputField-module__userPic___OQ_q0","help":"InputField-module__help___uSjvq","dropdown":"InputField-module__dropdown___QQuFp","dropdownReverse":"InputField-module__dropdownReverse___Nfb9Z","button":"InputField-module__button___jm0td","red":"InputField-module__red___euINw","gray":"InputField-module__gray___GGFcb","pointer":"InputField-module__pointer___Ij_hP","focus":"InputField-module__focus___xpWhB","isError":"InputField-module__isError___x2fXo","disabled":"InputField-module__disabled___hH7HA","inputFieldWrapper":"InputField-module__inputFieldWrapper___ao9Rs","labelText":"InputField-module__labelText___Fxxc3","required":"InputField-module__required___p4MLk","hintText":"InputField-module__hintText___LC2Oq","hintError":"InputField-module__hintError___LrJWr","helperLink":"InputField-module__helperLink___A_6Ua","selectField":"InputField-module__selectField___ED0Q3","modalWindow":"InputField-module__modalWindow___JplNC","selectModalWindow":"InputField-module__selectModalWindow___Dg52i","selectFieldOptionsItem":"InputField-module__selectFieldOptionsItem___HBdJA","label":"InputField-module__label___Wlb6C","active":"InputField-module__active___RcF6w","show":"InputField-module__show___g12r_","switcherField":"InputField-module__switcherField___Qezr0","radioFieldItem":"InputField-module__radioFieldItem___c6OMz","checkbox":"InputField-module__checkbox___KcnRp","textareaField":"InputField-module__textareaField___iuYg7","offFocus":"InputField-module__offFocus___FeRXp"});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"flexField":"InputField-module__flexField___aNE6o","inputField":"InputField-module__inputField___mzakH","placeholder":"InputField-module__placeholder___ybb3Y","icon":"InputField-module__icon___xR6jG","textSupport":"InputField-module__textSupport___njpRn","userPic":"InputField-module__userPic___OQ_q0","help":"InputField-module__help___uSjvq","dropdown":"InputField-module__dropdown___QQuFp","dropdownReverse":"InputField-module__dropdownReverse___Nfb9Z","button":"InputField-module__button___jm0td","red":"InputField-module__red___euINw","gray":"InputField-module__gray___GGFcb","pointer":"InputField-module__pointer___Ij_hP","focus":"InputField-module__focus___xpWhB","isError":"InputField-module__isError___x2fXo","disabled":"InputField-module__disabled___hH7HA","inputFieldWrapper":"InputField-module__inputFieldWrapper___ao9Rs","labelText":"InputField-module__labelText___Fxxc3","required":"InputField-module__required___p4MLk","hintText":"InputField-module__hintText___LC2Oq","hintError":"InputField-module__hintError___LrJWr","helperLink":"InputField-module__helperLink___A_6Ua","selectField":"InputField-module__selectField___ED0Q3","modalWindow":"InputField-module__modalWindow___JplNC","selectModalWindow":"InputField-module__selectModalWindow___Dg52i","show-animation":"InputField-module__show-animation___z7gvz","selectFieldOptionsItem":"InputField-module__selectFieldOptionsItem___HBdJA","label":"InputField-module__label___Wlb6C","active":"InputField-module__active___RcF6w","switcherField":"InputField-module__switcherField___Qezr0","radioFieldItem":"InputField-module__radioFieldItem___c6OMz","checkbox":"InputField-module__checkbox___KcnRp","textareaField":"InputField-module__textareaField___iuYg7","offFocus":"InputField-module__offFocus___FeRXp"});
 
 /***/ }),
 
@@ -7050,17 +7050,11 @@ function Button({ children, text, iconLeft, iconRight, hierarchy = 'primary', wa
                 return className?.heightHug;
         }
     };
-    const getAdditionStyles = () => {
-        if (typeof additionStyles === 'string') {
-            return additionStyles;
-        }
-        return additionStyles.join(' ');
-    };
     const getWarningStyles = () => {
         return warning ? className?.warning : '';
     };
     const getMainContent = () => {
-        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: [iconLeft && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: className?.icon, children: iconLeft }), children && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: className?.text, children: text || children }), iconRight && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: className?.icon, children: iconRight })] }));
+        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: [iconLeft && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: className?.icon, children: iconLeft }), children || text && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: className?.text, children: text || children }), iconRight && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: className?.icon, children: iconRight })] }));
     };
     const getClassName = () => {
         return (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(className?.button, getHierarchyClassName(), getSizeClassName(), getWidthClassName(), getHeightClassName(), additionStyles, getWarningStyles(), { [_styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.disabled]: disabled });
@@ -10377,21 +10371,34 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function PageSwitcher({ curPage = 1, numPage, next, prev, onChange, }) {
+function PageSwitcher({ curPage = 1, numPage, next, prev, onChange, smallVersion = false, }) {
     const getNumberList = () => {
-        const numbersArr = Array.from({ length: numPage }).map((_, i) => i + 1);
-        if (numPage > 7) {
-            return [...numbersArr.slice(0, 3), '...', ...numbersArr.slice(-3)];
+        if (numPage <= 7) {
+            return Array.from({ length: numPage }, (_, i) => i + 1);
+        }
+        if (curPage <= 2 || curPage >= numPage - 1) {
+            return [1, 2, 3, '...', numPage - 2, numPage - 1, numPage];
+        }
+        return [1, '...', curPage - 1, curPage, curPage + 1, '...', numPage];
+    };
+    const getNumberListSmall = () => {
+        if (numPage <= 5) {
+            return Array.from({ length: numPage }, (_, i) => i + 1);
+        }
+        if (curPage <= 2 || curPage >= numPage - 1) {
+            return [1, 2, '...', numPage - 1, numPage];
         }
-        return numbersArr;
+        return [1, '...', curPage, '...', numPage];
     };
     const getNumberButton = (item, idx) => {
         if (typeof item === 'string') {
             return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.PageSwitcherStyle.plug, children: item }, idx);
         }
-        return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", { onClick: () => onChange && onChange(item), className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_4__.PageSwitcherStyle.numberButton, { [_styles__WEBPACK_IMPORTED_MODULE_4__.PageSwitcherStyle.active]: item === curPage }), children: item }, idx);
+        return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("button", { onClick: () => onChange?.(item), className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])(_styles__WEBPACK_IMPORTED_MODULE_4__.PageSwitcherStyle.numberButton, {
+                [_styles__WEBPACK_IMPORTED_MODULE_4__.PageSwitcherStyle.active]: item === curPage
+            }), children: item }, idx));
     };
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.PageSwitcherStyle.pageSwitcher, children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.Button, { onClick: prev, width: 'hug', iconLeft: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_3__.ArrowLeftSVG, {}), hierarchy: 'link-gray', size: 'small', children: "\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0430\u044F" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.PageSwitcherStyle.buttonsList, children: getNumberList().map((item, idx) => getNumberButton(item, idx)) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.Button, { onClick: next, width: 'hug', iconRight: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_3__.ArrowRightSVG, {}), hierarchy: 'link-gray', size: 'small', children: "\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0430\u044F" })] }));
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.PageSwitcherStyle.pageSwitcher, children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.Button, { onClick: prev, width: 'hug', iconLeft: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_3__.ArrowLeftSVG, {}), hierarchy: 'link-gray', size: 'small', disabled: curPage === 1, children: smallVersion ? undefined : 'Предыдущая' }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.PageSwitcherStyle.buttonsList, children: (smallVersion ? getNumberListSmall() : getNumberList()).map((item, idx) => getNumberButton(item, idx)) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.Button, { onClick: next, width: 'hug', iconRight: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_3__.ArrowRightSVG, {}), hierarchy: 'link-gray', size: 'small', disabled: curPage === numPage, children: smallVersion ? undefined : 'Следующая' })] }));
 }
 
 
@@ -10416,9 +10423,9 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function PaginationBar({ numPage, getCurPage, nextPage, changePage, prevPage, loadMore, canLoadMore, loadMoreButton = true }) {
+function PaginationBar({ numPage, getCurPage, nextPage, changePage, prevPage, loadMore, canLoadMore = () => false, loadMoreButton = true, smallVersion = false, }) {
     return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: _styles__WEBPACK_IMPORTED_MODULE_2__.PaginationBarStyle.paginationBar, children: [loadMoreButton && canLoadMore() &&
-                (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_1__.Button, { onClick: loadMore, hierarchy: 'secondary-gray', size: 'large', width: 'fill', children: "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0435\u0449\u0435" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_PageSwitcher__WEBPACK_IMPORTED_MODULE_3__.PageSwitcher, { numPage: numPage, onChange: changePage, next: nextPage, prev: prevPage, curPage: getCurPage() })] }));
+                (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_1__.Button, { onClick: loadMore, hierarchy: 'secondary-gray', size: 'large', width: 'fill', children: "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0435\u0449\u0435" }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_PageSwitcher__WEBPACK_IMPORTED_MODULE_3__.PageSwitcher, { numPage: numPage, onChange: changePage, next: nextPage, prev: prevPage, smallVersion: smallVersion, curPage: getCurPage() })] }));
 }