@itcase/ui 1.0.79 → 1.0.81

package/dist/components/Icon.js

@@ -190,10 +190,10 @@ Icon.propTypes = {
   sizeDesktop: PropTypes__default.default.oneOf(iconSize.default),
   sizeMobile: PropTypes__default.default.oneOf(iconSize.default),
   sizeTablet: PropTypes__default.default.oneOf(iconSize.default),
-  stroke: PropTypes__default.default.oneOf(strokeColor.default),
-  strokeDesktop: PropTypes__default.default.oneOf(strokeColor.default),
-  strokeMobile: PropTypes__default.default.oneOf(strokeColor.default),
-  strokeTablet: PropTypes__default.default.oneOf(strokeColor.default),
+  iconStroke: PropTypes__default.default.oneOf(strokeColor.default),
+  iconStrokeDesktop: PropTypes__default.default.oneOf(strokeColor.default),
+  iconStrokeMobile: PropTypes__default.default.oneOf(strokeColor.default),
+  iconStrokeTablet: PropTypes__default.default.oneOf(strokeColor.default),
   width: PropTypes__default.default.string
 };
 Icon.defaultProps = {
@@ -442,7 +442,7 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "stroke": {
+    "iconStroke": {
       "description": "",
       "type": {
         "name": "enum",
@@ -451,7 +451,7 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "strokeDesktop": {
+    "iconStrokeDesktop": {
       "description": "",
       "type": {
         "name": "enum",
@@ -460,7 +460,7 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "strokeMobile": {
+    "iconStrokeMobile": {
       "description": "",
       "type": {
         "name": "enum",
@@ -469,7 +469,7 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "strokeTablet": {
+    "iconStrokeTablet": {
       "description": "",
       "type": {
         "name": "enum",

package/dist/components/Label.js

@@ -97,7 +97,7 @@ function Label(props) {
   }, typeof label === 'string' ? /*#__PURE__*/React__default.default.createElement(index.Text, {
     className: "label__label",
     textColor: labelTextColor || labelConfig.appearance[appearance] && labelConfig.appearance[appearance].labelTextColor.replace(/([A-Z])/g, '-$1').toLowerCase(),
-    textColorHoverClass: labelTextColorHover || labelConfig.appearance[appearance] && labelConfig.appearance[appearance].labelTextColorHover.replace(/([A-Z])/g, '-$1').toLowerCase(),
+    textColorHover: labelTextColorHover || labelConfig.appearance[appearance] && labelConfig.appearance[appearance].labelTextColorHover.replace(/([A-Z])/g, '-$1').toLowerCase(),
     size: labelTextSize,
     textWrap: labelTextWrap
   }, label) : /*#__PURE__*/React__default.default.createElement("div", {

package/dist/components/Link.js

@@ -165,10 +165,10 @@ function LinkWrapper(props) {
 LinkWrapper.propTypes = {
   children: PropTypes__default.default.any,
   Component: PropTypes__default.default.element,
-  DefaultComponent: PropTypes__default.default.element,
+  DefaultComponent: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.elementType]),
   href: PropTypes__default.default.string,
-  target: PropTypes__default.default.string,
-  rel: PropTypes__default.default.string
+  rel: PropTypes__default.default.string,
+  target: PropTypes__default.default.string
 };
 Link.__docgenInfo = {
   "description": "",
@@ -467,7 +467,12 @@ LinkWrapper.__docgenInfo = {
     "DefaultComponent": {
       "description": "",
       "type": {
-        "name": "element"
+        "name": "union",
+        "value": [{
+          "name": "string"
+        }, {
+          "name": "elementType"
+        }]
       },
       "required": false
     },
@@ -478,14 +483,14 @@ LinkWrapper.__docgenInfo = {
       },
       "required": false
     },
-    "target": {
+    "rel": {
       "description": "",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "rel": {
+    "target": {
       "description": "",
       "type": {
         "name": "string"

package/dist/components/MenuItem.js

@@ -140,31 +140,31 @@ function MenuItem(props) {
     onClick: onClick,
     onMouseEnter: onMouseEnter
   }, /*#__PURE__*/React__default.default.createElement(index.Link, {
-    href: link || href,
     className: clsx__default.default('menu-item__label', alignDirectionClass, alignClass),
-    underline: underline,
     fill: linkFillClass,
+    href: link || href,
+    rel: rel,
     target: target,
-    rel: rel
+    underline: underline
   }, /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, before, children || /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, label && /*#__PURE__*/React__default.default.createElement(index$1.Text, {
     className: "menu-item__label",
-    textColorActive: isActive && textColorActive,
-    textGradient: textGradient,
     size: textSize,
-    textWeight: textWeight,
     textColor: textColor || appearance && menuItemConfig.appearance[appearance].textColor.replace(/([A-Z])/g, '-$1').toLowerCase(),
-    textWrap: textWrap,
-    textColorHover: textColorHover,
-    textStyle: textStyle
+    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,
+    textWrap: textWrap
   }, label), desc && /*#__PURE__*/React__default.default.createElement(index$1.Text, {
     className: "menu-item__desc",
-    textGradient: descTextGradient,
     size: descTextSize,
-    textWeight: descTextWeight,
     textColor: descTextColor,
-    textWrap: descTextWrap,
     textColorHover: descTextColorHover,
-    textStyle: descTextStyle
+    textGradient: descTextGradient,
+    textStyle: descTextStyle,
+    textWeight: descTextWeight,
+    textWrap: descTextWrap
   }, desc)), after)));
 }
 MenuItem.propTypes = {
@@ -184,41 +184,41 @@ MenuItem.propTypes = {
   fillDesktop: PropTypes__default.default.oneOf(fill.default),
   fillMobile: PropTypes__default.default.oneOf(fill.default),
   fillTablet: PropTypes__default.default.oneOf(fill.default),
+  href: PropTypes__default.default.string,
   isActive: PropTypes__default.default.bool,
   isHover: PropTypes__default.default.bool,
   label: PropTypes__default.default.string,
+  link: PropTypes__default.default.string,
+  LinkComponent: PropTypes__default.default.any,
   linkFill: PropTypes__default.default.oneOf(fill.default),
   linkFillDesktop: PropTypes__default.default.oneOf(fill.default),
   linkFillMobile: PropTypes__default.default.oneOf(fill.default),
   linkFillTablet: PropTypes__default.default.oneOf(fill.default),
-  onClick: PropTypes__default.default.func,
-  onMouseEnter: PropTypes__default.default.func,
-  size: PropTypes__default.default.oneOf(size.default),
-  sizeDesktop: PropTypes__default.default.oneOf(size.default),
-  sizeMobile: PropTypes__default.default.oneOf(size.default),
-  sizeTablet: PropTypes__default.default.oneOf(size.default),
-  LinkComponent: PropTypes__default.default.any,
-  href: PropTypes__default.default.string,
-  link: PropTypes__default.default.string,
-  target: PropTypes__default.default.string,
   rel: PropTypes__default.default.string,
   shape: PropTypes__default.default.oneOf(shape.default),
   shapeDesktop: PropTypes__default.default.oneOf(shape.default),
   shapeMobile: PropTypes__default.default.oneOf(shape.default),
   shapeTablet: PropTypes__default.default.oneOf(shape.default),
+  size: PropTypes__default.default.oneOf(size.default),
+  sizeDesktop: PropTypes__default.default.oneOf(size.default),
+  sizeMobile: PropTypes__default.default.oneOf(size.default),
+  sizeTablet: PropTypes__default.default.oneOf(size.default),
+  target: PropTypes__default.default.string,
   textColor: PropTypes__default.default.oneOf(textColor.default),
-  textColorHover: PropTypes__default.default.oneOf(textColorHover.default),
   textColorActive: PropTypes__default.default.oneOf(textColorActive.default),
+  textColorHover: PropTypes__default.default.oneOf(textColorHover.default),
   textGradient: PropTypes__default.default.oneOf(textGradient.default),
   textSize: PropTypes__default.default.oneOf(size.default),
-  textWrap: PropTypes__default.default.string,
   textStyle: PropTypes__default.default.oneOf(textStyle.default),
   textWeight: PropTypes__default.default.oneOf(textWeight.default),
+  textWrap: PropTypes__default.default.string,
   type: PropTypes__default.default.oneOf(type.default),
   typeDesktop: PropTypes__default.default.oneOf(type.default),
   typeMobile: PropTypes__default.default.oneOf(type.default),
   typeTablet: PropTypes__default.default.oneOf(type.default),
-  underline: PropTypes__default.default.oneOf(underline.default)
+  underline: PropTypes__default.default.oneOf(underline.default),
+  onClick: PropTypes__default.default.func,
+  onMouseEnter: PropTypes__default.default.func
 };
 MenuItem.defaultProps = {
   size: 'm',
@@ -395,6 +395,13 @@ MenuItem.__docgenInfo = {
       },
       "required": false
     },
+    "href": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
     "isActive": {
       "description": "",
       "type": {
@@ -416,6 +423,13 @@ MenuItem.__docgenInfo = {
       },
       "required": false
     },
+    "link": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
     "linkFill": {
       "description": "",
       "type": {
@@ -452,108 +466,80 @@ MenuItem.__docgenInfo = {
       },
       "required": false
     },
-    "onClick": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "onMouseEnter": {
+    "rel": {
       "description": "",
       "type": {
-        "name": "func"
+        "name": "string"
       },
       "required": false
     },
-    "sizeDesktop": {
+    "shape": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "sizeProps"
+        "value": "shapeProps"
       },
       "required": false
     },
-    "sizeMobile": {
+    "shapeDesktop": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "sizeProps"
+        "value": "shapeProps"
       },
       "required": false
     },
-    "sizeTablet": {
+    "shapeMobile": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "sizeProps"
-      },
-      "required": false
-    },
-    "href": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "link": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "target": {
-      "description": "",
-      "type": {
-        "name": "string"
+        "value": "shapeProps"
       },
       "required": false
     },
-    "rel": {
+    "shapeTablet": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "enum",
+        "computed": true,
+        "value": "shapeProps"
       },
       "required": false
     },
-    "shape": {
+    "sizeDesktop": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "shapeProps"
+        "value": "sizeProps"
       },
       "required": false
     },
-    "shapeDesktop": {
+    "sizeMobile": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "shapeProps"
+        "value": "sizeProps"
       },
       "required": false
     },
-    "shapeMobile": {
+    "sizeTablet": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "shapeProps"
+        "value": "sizeProps"
       },
       "required": false
     },
-    "shapeTablet": {
+    "target": {
       "description": "",
       "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
+        "name": "string"
       },
       "required": false
     },
@@ -566,21 +552,21 @@ MenuItem.__docgenInfo = {
       },
       "required": false
     },
-    "textColorHover": {
+    "textColorActive": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "textColorHoverProps"
+        "value": "textColorActiveProps"
       },
       "required": false
     },
-    "textColorActive": {
+    "textColorHover": {
       "description": "",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "textColorActiveProps"
+        "value": "textColorHoverProps"
       },
       "required": false
     },
@@ -602,13 +588,6 @@ MenuItem.__docgenInfo = {
       },
       "required": false
     },
-    "textWrap": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
     "textStyle": {
       "description": "",
       "type": {
@@ -627,6 +606,13 @@ MenuItem.__docgenInfo = {
       },
       "required": false
     },
+    "textWrap": {
+      "description": "",
+      "type": {
+        "name": "string"
+      },
+      "required": false
+    },
     "type": {
       "description": "",
       "type": {
@@ -671,6 +657,20 @@ MenuItem.__docgenInfo = {
         "value": "underlineProps"
       },
       "required": false
+    },
+    "onClick": {
+      "description": "",
+      "type": {
+        "name": "func"
+      },
+      "required": false
+    },
+    "onMouseEnter": {
+      "description": "",
+      "type": {
+        "name": "func"
+      },
+      "required": false
     }
   }
 };

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
     }
   }