@itcase/ui 1.0.80 → 1.0.82

package/dist/components/MenuItem.js

@@ -150,8 +150,8 @@ function MenuItem(props) {
     className: "menu-item__label",
     size: textSize,
     textColor: textColor || appearance && menuItemConfig.appearance[appearance].textColor.replace(/([A-Z])/g, '-$1').toLowerCase(),
-    textColorActive: isActive && textColorActive,
-    textColorHover: textColorHover,
+    textColorActive: isActive && (textColorActive || appearance && menuItemConfig.appearance[appearance].textColorActive.replace(/([A-Z])/g, '-$1').toLowerCase()),
+    textColorHover: textColorHover || appearance && menuItemConfig.appearance[appearance].textColor.replace(/([A-Z])/g, '-$1').toLowerCase(),
     textGradient: textGradient,
     textStyle: textStyle,
     textWeight: textWeight,

package/dist/components/Modal.js

@@ -165,6 +165,8 @@ const Modal = /*#__PURE__*/React__default.default.forwardRef(function Modal(prop
     prefix: 'fill_',
     propsKey: 'fill'
   });
+
+  // Collect classes and styles
   const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'modal-shape_',
     propsKey: 'shape'
@@ -196,21 +198,21 @@ const Modal = /*#__PURE__*/React__default.default.forwardRef(function Modal(prop
     className: clsx__default.default('modal-content', contentClassName, fillClass, shapeClass, borderColorClass, borderWidthClass, borderTypeClass, elevationClass),
     id: id,
     ref: modalContentRef,
+    style: modalStyles,
     tabIndex: 0,
-    onBlur: debug ? undefined : closeModal,
-    style: modalStyles
+    onBlur: debug ? undefined : closeModal
   }, closeButton && /*#__PURE__*/React__default.default.createElement("div", {
     className: "modal-content__close",
     onClick: closeModal
   }, closeButton), /*#__PURE__*/React__default.default.createElement("div", {
     className: "modal-content__wrapper"
   }, children)), /*#__PURE__*/React__default.default.createElement(index.Fader, {
-    ref: modalFaderRef,
+    className: clsx__default.default('modal__fader', 'fader_type_modal', faderClassName),
     fill: faderFill,
     fillGradient: faderFillGradient,
+    isFader: isFader,
     opacity: faderOpacity,
-    className: clsx__default.default('modal__fader', 'fader_type_modal', faderClassName),
-    isFader: isFader
+    ref: modalFaderRef
   })) : null,
   // A DOM element
   modalElement);
@@ -220,16 +222,16 @@ Modal.propTypes = {
   className: PropTypes__default.default.string,
   closeIcon: PropTypes__default.default.string,
   closeText: PropTypes__default.default.string,
+  contentClassName: PropTypes__default.default.string,
+  debug: PropTypes__default.default.bool,
   faderFill: PropTypes__default.default.string,
   faderFillGradient: PropTypes__default.default.string,
   faderOpacity: PropTypes__default.default.string,
-  contentClassName: PropTypes__default.default.string,
   id: PropTypes__default.default.string,
   isFader: PropTypes__default.default.bool,
   isScrollOnOpen: PropTypes__default.default.bool,
   isSetFocusOnOpen: PropTypes__default.default.bool,
   modalQuerySelector: PropTypes__default.default.string,
-  debug: PropTypes__default.default.bool,
   onCloseModal: PropTypes__default.default.func,
   onOpenModal: PropTypes__default.default.func
 };
@@ -324,45 +326,45 @@ Modal.__docgenInfo = {
       },
       "required": false
     },
-    "faderFill": {
+    "contentClassName": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "faderFillGradient": {
+    "debug": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "bool"
       },
       "required": false
     },
-    "faderOpacity": {
+    "faderFill": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "contentClassName": {
+    "faderFillGradient": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "id": {
+    "faderOpacity": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "debug": {
+    "id": {
       "description": "",
       "type": {
-        "name": "bool"
+        "name": "string"
       },
       "required": false
     },

package/dist/components/Pagination.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-require('prop-types');
+var PropTypes = require('prop-types');
 var clsx = require('clsx');
 var ceil = require('lodash/ceil');
 var ReactPaginate = require('react-paginate');
@@ -15,6 +15,7 @@ require('react-responsive');
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 var ceil__default = /*#__PURE__*/_interopDefault(ceil);
 var ReactPaginate__default = /*#__PURE__*/_interopDefault(ReactPaginate);
@@ -93,7 +94,32 @@ function Pagination(props) {
     onPageChange: onPageChange
   });
 }
-Pagination.propTypes = {};
+Pagination.propTypes = {
+  /**
+   *Количество всех элементов
+   */
+  allItemsCount: PropTypes__default.default.number,
+  /**
+   * Количество страниц, отображаемых после троеточия
+   */
+  marginPagesDisplayed: PropTypes__default.default.number,
+  /**
+   *Кнопка навигации вперед
+   */
+  nextLabel: PropTypes__default.default.element,
+  /**
+   * Количество страниц, отображаемых до троеточия
+   */
+  pageRangeDisplayed: PropTypes__default.default.number,
+  /**
+   * Количество элементов, отображаемых на станице
+   */
+  perPageCount: PropTypes__default.default.number,
+  /**
+   * Кнопка навигации назад
+   */
+  previousLabel: PropTypes__default.default.element
+};
 Pagination.defaultProps = {
   pageNumber: 0,
   perPageCount: 0,
@@ -116,6 +142,10 @@ Pagination.__docgenInfo = {
         "value": "0",
         "computed": false
       },
+      "description": "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u043E\u0432, \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u043C\u044B\u0445 \u043D\u0430 \u0441\u0442\u0430\u043D\u0438\u0446\u0435",
+      "type": {
+        "name": "number"
+      },
       "required": false
     },
     "allItemsCount": {
@@ -123,6 +153,38 @@ Pagination.__docgenInfo = {
         "value": "0",
         "computed": false
       },
+      "description": "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0432\u0441\u0435\u0445 \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u043E\u0432",
+      "type": {
+        "name": "number"
+      },
+      "required": false
+    },
+    "marginPagesDisplayed": {
+      "description": "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0441\u0442\u0440\u0430\u043D\u0438\u0446, \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u043C\u044B\u0445 \u043F\u043E\u0441\u043B\u0435 \u0442\u0440\u043E\u0435\u0442\u043E\u0447\u0438\u044F",
+      "type": {
+        "name": "number"
+      },
+      "required": false
+    },
+    "nextLabel": {
+      "description": "\u041A\u043D\u043E\u043F\u043A\u0430 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0432\u043F\u0435\u0440\u0435\u0434",
+      "type": {
+        "name": "element"
+      },
+      "required": false
+    },
+    "pageRangeDisplayed": {
+      "description": "\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E \u0441\u0442\u0440\u0430\u043D\u0438\u0446, \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0430\u0435\u043C\u044B\u0445 \u0434\u043E \u0442\u0440\u043E\u0435\u0442\u043E\u0447\u0438\u044F",
+      "type": {
+        "name": "number"
+      },
+      "required": false
+    },
+    "previousLabel": {
+      "description": "\u041A\u043D\u043E\u043F\u043A\u0430 \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u043D\u0430\u0437\u0430\u0434",
+      "type": {
+        "name": "element"
+      },
       "required": false
     }
   }

package/dist/components/Search.js

@@ -49,20 +49,19 @@ const SearchInput = /*#__PURE__*/React__default.default.forwardRef(function Sear
     size,
     dataTour,
     iconAfter,
-    iconAfterBgFill,
+    iconAfterSrc,
     iconAfterFill,
     iconAfterSize,
     iconAfterStroke,
     iconBefore,
-    iconBeforeBgFill,
+    iconBeforeSrc,
     iconBeforeFill,
     iconBeforeSize,
     iconBeforeStroke,
     iconClear,
-    iconClearBgFill,
+    iconClearSrc,
     iconClearFill,
     iconClearSize,
-    iconClearStroke,
     placeholder,
     type,
     value,
@@ -71,30 +70,16 @@ const SearchInput = /*#__PURE__*/React__default.default.forwardRef(function Sear
     onFocus,
     onKeyDown
   } = props;
-
-  // const inputRef = useRef(null)
-  // const [searchValue, setSearchValue] = useState('')
-
   const onChangeSearchInput = React.useCallback(event => {
-    // setSearchValue(event.target.value)
     onChange && onChange(event.target.value);
   }, [onChange]);
   const onClickClearIcon = React.useCallback(event => {
     event.stopPropagation();
-    // setSearchValue('')
     onChange && onChange('');
     if (onClickClean) {
       onClickClean();
     }
   }, [onChange, onClickClean]);
-
-  // TODO:
-  // useStateAsRef(ref, {
-  //   input: inputRef.current,
-  //   value: searchValue,
-  //   setValue: setSearchValue,
-  // })
-
   const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
@@ -166,20 +151,21 @@ const SearchInput = /*#__PURE__*/React__default.default.forwardRef(function Sear
     className: clsx__default.default(className, 'search-input', shapeClass, fillClass, widthClass, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, size && `search-input_size_${size}`, type && `search-input_type_${type}`),
     "data-tour": dataTour,
     style: searchInputStyles
-  }, before, iconBefore && /*#__PURE__*/React__default.default.createElement(index.Icon, {
+  }, before, (iconBefore || iconBeforeSrc) && /*#__PURE__*/React__default.default.createElement(index.Icon, {
     className: "search-input__icon search-input__icon-before",
-    SvgImage: iconBefore,
-    size: iconBeforeSize,
     iconFill: iconBeforeFill,
-    iconStroke: iconBeforeStroke
+    iconStroke: iconBeforeStroke,
+    imageSrc: iconBeforeSrc,
+    size: iconBeforeSize,
+    SvgImage: iconBefore
   }), /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default('search-input__wrapper', inputFillClass, inputShapeClass)
   }, /*#__PURE__*/React__default.default.createElement("input", {
     className: clsx__default.default('search-input__value', (inputTextSizeClass || inputWeightClass || inputTextColorClass || inputTextStyleClass) && 'text', inputTextSizeClass, inputWeightClass, inputTextColorClass, inputTextStyleClass),
+    ref: ref,
     required: true,
     type: "text",
     value: value,
-    ref: ref,
     onFocus: onFocus,
     onChange: onChangeSearchInput,
     onKeyDown: onKeyDown
@@ -191,15 +177,17 @@ const SearchInput = /*#__PURE__*/React__default.default.forwardRef(function Sear
     textWeight: placeholderWeightClass,
     textStyle: placeholderStyleClass,
     textColor: placeholderColorClass
-  }, placeholder || 'Search')), value && /*#__PURE__*/React__default.default.createElement(index.Icon, {
-    className: "search-input__clear",
+  }, placeholder || 'Search')), (iconClear || iconClearSrc) && /*#__PURE__*/React__default.default.createElement(index.Icon, {
+    className: clsx__default.default('search-input__clear', onClickClearIcon && 'cursor_type_pointer'),
     SvgImage: iconClear,
+    imageSrc: iconClearSrc,
     size: iconClearSize,
     iconFill: iconClearFill,
     onClick: onClickClearIcon
-  })), iconAfter && /*#__PURE__*/React__default.default.createElement(index.Icon, {
+  })), (iconAfter || iconAfterSrc) && /*#__PURE__*/React__default.default.createElement(index.Icon, {
     className: "search-input__icon search-input__icon-after",
     SvgImage: iconAfter,
+    imageSrc: iconAfterSrc,
     size: iconAfterSize,
     iconFill: iconAfterFill,
     iconStroke: iconAfterStroke
@@ -207,10 +195,7 @@ const SearchInput = /*#__PURE__*/React__default.default.forwardRef(function Sear
 });
 SearchInput.DEFAULT_REF_STATE = {
   input: null
-  // value: '',
-  // setValue: () => {},
 };
-
 SearchInput.propTypes = {
   after: PropTypes__default.default.any,
   before: PropTypes__default.default.any,
@@ -221,20 +206,16 @@ SearchInput.propTypes = {
   fillMobile: PropTypes__default.default.oneOf(fill.default),
   fillTablet: PropTypes__default.default.oneOf(fill.default),
   iconAfter: PropTypes__default.default.any,
-  iconAfterBgFill: PropTypes__default.default.any,
   iconAfterFill: PropTypes__default.default.any,
   iconAfterSize: PropTypes__default.default.any,
   iconAfterStroke: PropTypes__default.default.any,
   iconBefore: PropTypes__default.default.any,
-  iconBeforeBgFill: PropTypes__default.default.any,
   iconBeforeFill: PropTypes__default.default.any,
   iconBeforeSize: PropTypes__default.default.any,
   iconBeforeStroke: PropTypes__default.default.any,
   iconClear: PropTypes__default.default.any,
-  iconClearBgFill: PropTypes__default.default.any,
   iconClearFill: PropTypes__default.default.any,
   iconClearSize: PropTypes__default.default.any,
-  iconClearStroke: PropTypes__default.default.any,
   inputTextSize: PropTypes__default.default.string,
   placeholder: PropTypes__default.default.string,
   placeholderTextColor: PropTypes__default.default.string,
@@ -343,13 +324,6 @@ SearchInput.__docgenInfo = {
       },
       "required": false
     },
-    "iconAfterBgFill": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
     "iconAfterFill": {
       "description": "",
       "type": {
@@ -378,13 +352,6 @@ SearchInput.__docgenInfo = {
       },
       "required": false
     },
-    "iconBeforeBgFill": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
     "iconBeforeFill": {
       "description": "",
       "type": {
@@ -413,13 +380,6 @@ SearchInput.__docgenInfo = {
       },
       "required": false
     },
-    "iconClearBgFill": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
     "iconClearFill": {
       "description": "",
       "type": {
@@ -434,13 +394,6 @@ SearchInput.__docgenInfo = {
       },
       "required": false
     },
-    "iconClearStroke": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
     "placeholder": {
       "description": "",
       "type": {

package/dist/components/Segmented.js

@@ -4,6 +4,7 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
 var index = require('./Text.js');
+var fill = require('../constants/componentProps/fill.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textColorActive.js');
@@ -88,12 +89,12 @@ const Segmented = /*#__PURE__*/React__default.default.forwardRef((props, ref) =>
     propsKey: 'fillHover'
   });
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'segmented', shapeClass, fillClass, widthClass, size && `segmented_size_${size}`, type && `segmented_type_${type}`),
+    className: clsx__default.default(className, 'segmented', shapeClass, fillClass, widthClass, size && `segmented_size_${size}`, type && `segmented_type_${type}`, borderColorClass, borderWidthClass, borderTypeClass),
     ref: controlRef
   }, /*#__PURE__*/React__default.default.createElement("div", {
     className: "segmented__wrapper"
   }, /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('segmented__wrapper-inner', borderColorClass, borderWidthClass, borderTypeClass)
+    className: clsx__default.default('segmented__wrapper-inner')
   }, segments?.map((item, i) => /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default('segmented__item', fillHoverClass, item.value === activeSegment.value && 'segmented__item_active'),
     key: item.value,
@@ -111,8 +112,8 @@ const Segmented = /*#__PURE__*/React__default.default.forwardRef((props, ref) =>
     htmlFor: item.label
   }, /*#__PURE__*/React__default.default.createElement(index.Text, {
     className: "segmented__item-label-text",
-    textColor: item.value === activeSegment.value ? labelTextActiveColor : labelTextColor,
-    size: labelTextSize
+    size: labelTextSize,
+    textColor: item.value === activeSegment.value ? labelTextActiveColor : labelTextColor
   }, item.label)))), /*#__PURE__*/React__default.default.createElement("div", {
     className: clsx__default.default('segmented__indicator', indicatorFillClass)
   }, "\xA0"))));
@@ -122,6 +123,10 @@ Segmented.propTypes = {
   activeSegment: PropTypes__default.default.object,
   className: PropTypes__default.default.string,
   fill: PropTypes__default.default.string,
+  /**
+   * цвет бэкграунда выбранного элемента
+   */
+  indicatorFill: PropTypes__default.default.oneOf(fill.default),
   name: PropTypes__default.default.string,
   segments: PropTypes__default.default.array,
   setActiveSegment: PropTypes__default.default.func,
@@ -160,6 +165,15 @@ Segmented.__docgenInfo = {
       },
       "required": false
     },
+    "indicatorFill": {
+      "description": "\u0446\u0432\u0435\u0442 \u0431\u044D\u043A\u0433\u0440\u0430\u0443\u043D\u0434\u0430 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0430",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "fillProps"
+      },
+      "required": false
+    },
     "name": {
       "description": "",
       "type": {

package/dist/components/Swiper.js

@@ -4664,7 +4664,7 @@ const updateOnVirtualData = swiper => {
 };
 
 /**
- * Swiper React 11.0.3
+ * Swiper React 11.0.4
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -4672,7 +4672,7 @@ const updateOnVirtualData = swiper => {
  *
  * Released under the MIT License
  *
- * Released on: October 26, 2023
+ * Released on: November 9, 2023
  */