@itcase/ui 1.0.77 → 1.0.79

package/dist/components/Accordion.js

@@ -26,6 +26,8 @@ require('../hooks/styleAttributes.js');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
+require('../constants/componentProps/borderColor.js');
+require('../constants/componentProps/borderType.js');
 require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/strokeColor.js');
 

package/dist/components/Avatar.js

@@ -7,10 +7,10 @@ var index = require('./Image.js');
 var index$1 = require('./Text.js');
 var index$2 = require('./Icon.js');
 var size = require('../constants/componentProps/size.js');
+var shape = require('../constants/componentProps/shape.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 require('../constants/componentProps/borderColor.js');
 require('../constants/componentProps/resizeMode.js');
-require('../constants/componentProps/shape.js');
 require('../constants/componentProps/width.js');
 require('../hooks/useStyles.js');
 require('lodash/camelCase');
@@ -31,6 +31,7 @@ require('./Link.js');
 require('../constants/componentProps/fill.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
+require('../constants/componentProps/borderType.js');
 require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/strokeColor.js');
 require('lodash/castArray');
@@ -54,6 +55,7 @@ function Avatar(props) {
     textSize,
     textColor,
     textWeight,
+    iconSrc,
     iconItemFill,
     iconShape,
     iconSize,
@@ -88,34 +90,52 @@ function Avatar(props) {
     className: clsx__default.default('avatar__wrapper', fillClass, fillHoverClass)
   }, before, src ? /*#__PURE__*/React__default.default.createElement(index.Image, {
     className: "avatar__image",
-    shape: "circular",
+    shape: "geometric",
     src: src
   }) : /*#__PURE__*/React__default.default.createElement(index$1.Text, {
     className: "avatar__name",
     size: textSize,
     textColor: textColor,
     textWeight: textWeight
-  }, avatarChars), icon && /*#__PURE__*/React__default.default.createElement(index$2.Icon, {
+  }, avatarChars), (icon || iconSrc) && /*#__PURE__*/React__default.default.createElement(index$2.Icon, {
     className: "avatar__icon",
     fill: iconFill,
     fillHover: iconFillHover,
     fillSize: iconFillSize,
+    iconSize: iconSize,
     iconFill: iconItemFill,
+    imageSrc: iconSrc,
     shape: iconShape,
-    size: iconSize,
     stroke: iconStroke,
     SvgImage: icon
   }), after));
 }
 Avatar.propTypes = {
   children: PropTypes__default.default.any,
+  /**
+   * Description
+   */
   className: PropTypes__default.default.string,
-  icon: PropTypes__default.default.string,
-  size: PropTypes__default.default.oneOf(PropTypes__default.default.oneOf(size.default)),
-  type: PropTypes__default.default.string,
+  /**
+   * Цвет текста
+   */
+  textColor: PropTypes__default.default.string,
+  /**
+   * Размер аватара
+   */
+  size: PropTypes__default.default.oneOf(size.default),
+  /**
+   * Тип аватара
+   */
+  type: PropTypes__default.default.oneOf(['image', 'text']),
+  /**
+   * Форма
+   */
+  shape: PropTypes__default.default.oneOf(shape.default),
   onClick: PropTypes__default.default.func
 };
 Avatar.defaultProps = {
+  size: 96,
   textSize: 'l',
   textColor: 'surfaceTextTertiary',
   textWeight: 600,
@@ -127,6 +147,19 @@ Avatar.__docgenInfo = {
   "methods": [],
   "displayName": "Avatar",
   "props": {
+    "size": {
+      "defaultValue": {
+        "value": "96",
+        "computed": false
+      },
+      "description": "\u0420\u0430\u0437\u043C\u0435\u0440 \u0430\u0432\u0430\u0442\u0430\u0440\u0430",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "sizeProps"
+      },
+      "required": false
+    },
     "textSize": {
       "defaultValue": {
         "value": "'l'",
@@ -139,6 +172,10 @@ Avatar.__docgenInfo = {
         "value": "'surfaceTextTertiary'",
         "computed": false
       },
+      "description": "\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430",
+      "type": {
+        "name": "string"
+      },
       "required": false
     },
     "textWeight": {
@@ -170,32 +207,32 @@ Avatar.__docgenInfo = {
       "required": false
     },
     "className": {
-      "description": "",
+      "description": "Description",
       "type": {
         "name": "string"
       },
       "required": false
     },
-    "icon": {
-      "description": "",
+    "type": {
+      "description": "\u0422\u0438\u043F \u0430\u0432\u0430\u0442\u0430\u0440\u0430",
       "type": {
-        "name": "string"
+        "name": "enum",
+        "value": [{
+          "value": "'image'",
+          "computed": false
+        }, {
+          "value": "'text'",
+          "computed": false
+        }]
       },
       "required": false
     },
-    "size": {
-      "description": "",
+    "shape": {
+      "description": "\u0424\u043E\u0440\u043C\u0430",
       "type": {
         "name": "enum",
         "computed": true,
-        "value": "PropTypes.oneOf(sizeProps)"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "string"
+        "value": "shapeProps"
       },
       "required": false
     },

package/dist/components/Badge.js

@@ -3,8 +3,10 @@
 var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
+var shape = require('../constants/componentProps/shape.js');
 var index = require('./Text.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
+var useStyles = require('../hooks/useStyles.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
@@ -12,7 +14,6 @@ require('../constants/componentProps/size.js');
 require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textGradient.js');
 require('../constants/componentProps/textWeight.js');
-require('../hooks/useStyles.js');
 require('lodash/camelCase');
 require('lodash/maxBy');
 require('lodash/upperFirst');
@@ -71,13 +72,21 @@ function Badge(props) {
     prefix: 'badge_size_',
     propsKey: 'size'
   });
+  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+    prefix: 'badge_shape_',
+    propsKey: 'shape'
+  });
   const typeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'badge_type_',
     propsKey: 'type'
   });
+  const {
+    styles: badgeStyles
+  } = useStyles.useStyles(props);
   return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'badge', borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, fillClass || badgeConfig.appearance[appearance] && `fill_${badgeConfig.appearance[appearance].fillClass}`?.replace(/([A-Z])/g, '-$1').toLowerCase(), positionClass, sizeClass, typeClass)
-  }, children || /*#__PURE__*/React__default.default.createElement(index.Text, {
+    style: badgeStyles,
+    className: clsx__default.default(className, 'badge', !value && 'badge_type_status', borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, fillClass || badgeConfig.appearance[appearance] && `fill_${badgeConfig.appearance[appearance].fillClass}`?.replace(/([A-Z])/g, '-$1').toLowerCase(), positionClass, sizeClass, shapeClass, typeClass)
+  }, children || value && /*#__PURE__*/React__default.default.createElement(index.Text, {
     textColor: textColor || badgeConfig.appearance[appearance] && badgeConfig.appearance[appearance].textColor?.replace(/([A-Z])/g, '-$1').toLowerCase(),
     size: textSize
   }, value));
@@ -90,13 +99,15 @@ Badge.propTypes = {
   children: PropTypes__default.default.any,
   className: PropTypes__default.default.string,
   fill: PropTypes__default.default.string,
+  shape: PropTypes__default.default.oneOf(shape.default),
   size: PropTypes__default.default.string,
   textColor: PropTypes__default.default.string,
   textSize: PropTypes__default.default.string,
   type: PropTypes__default.default.string
 };
 Badge.defaultProps = {
-  size: 'm'
+  size: 'm',
+  shape: 'circular'
 };
 Badge.__docgenInfo = {
   "description": "",
@@ -114,6 +125,19 @@ Badge.__docgenInfo = {
       },
       "required": false
     },
+    "shape": {
+      "defaultValue": {
+        "value": "'circular'",
+        "computed": false
+      },
+      "description": "",
+      "type": {
+        "name": "enum",
+        "computed": true,
+        "value": "shapeProps"
+      },
+      "required": false
+    },
     "value": {
       "description": "",
       "type": {

package/dist/components/Breadcrumbs.js

@@ -15,6 +15,8 @@ var index = require('./Link.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
 require('react-inlinesvg');
+require('../constants/componentProps/borderColor.js');
+require('../constants/componentProps/borderType.js');
 require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/strokeColor.js');
 require('../constants/componentProps/size.js');

package/dist/components/Button.js

@@ -11,6 +11,8 @@ var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
 require('react-inlinesvg');
 require('../constants/componentProps/fill.js');
+require('../constants/componentProps/borderColor.js');
+require('../constants/componentProps/borderType.js');
 require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');

package/dist/components/Cell.js

@@ -24,6 +24,8 @@ require('../hooks/styleAttributes.js');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
+require('../constants/componentProps/borderColor.js');
+require('../constants/componentProps/borderType.js');
 require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');

package/dist/components/Choice.js

@@ -88,7 +88,7 @@ const Choice = /*#__PURE__*/React__default.default.forwardRef((props, ref) => {
     name: name,
     type: "radio",
     value: item.value,
-    onChange: () => setActiveSegment(item)
+    onChange: () => setActiveSegment && setActiveSegment(item)
   }), /*#__PURE__*/React__default.default.createElement("label", {
     className: clsx__default.default('choice__item-label'),
     htmlFor: item.label

package/dist/components/ContextMenu.js

@@ -29,6 +29,8 @@ require('./Link.js');
 require('../constants/componentProps/fill.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
+require('../constants/componentProps/borderColor.js');
+require('../constants/componentProps/borderType.js');
 require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/strokeColor.js');
 require('../constants/componentProps/direction.js');

package/dist/components/CookiesWarning.js

@@ -27,6 +27,8 @@ require('./Link.js');
 require('../constants/componentProps/fill.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
+require('../constants/componentProps/borderColor.js');
+require('../constants/componentProps/borderType.js');
 require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');

package/dist/components/DatePicker.js

@@ -33,6 +33,8 @@ require('../constants/componentProps/fill.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
 require('react-inlinesvg');
+require('../constants/componentProps/borderColor.js');
+require('../constants/componentProps/borderType.js');
 require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');

package/dist/components/Empty.js

@@ -28,6 +28,8 @@ require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
+require('../constants/componentProps/borderColor.js');
+require('../constants/componentProps/borderType.js');
 require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/strokeColor.js');
 require('./Loader.js');

package/dist/components/FormField.js

@@ -33,6 +33,8 @@ require('react-inlinesvg');
 require('./Link.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
+require('../constants/componentProps/borderColor.js');
+require('../constants/componentProps/borderType.js');
 require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');

package/dist/components/Icon.js

@@ -8,6 +8,8 @@ var index = require('./Link.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
 var fill = require('../constants/componentProps/fill.js');
+var borderColor = require('../constants/componentProps/borderColor.js');
+var borderType = require('../constants/componentProps/borderType.js');
 var iconSize = require('../constants/componentProps/iconSize.js');
 var shape = require('../constants/componentProps/shape.js');
 var strokeColor = require('../constants/componentProps/strokeColor.js');
@@ -171,8 +173,8 @@ Icon.propTypes = {
   fillSizeTablet: PropTypes__default.default.string,
   height: PropTypes__default.default.string,
   LinkComponent: PropTypes__default.default.any,
-  border: PropTypes__default.default.string,
-  borderType: PropTypes__default.default.string,
+  borderColor: PropTypes__default.default.oneOf(borderColor.default),
+  borderType: PropTypes__default.default.oneOf(borderType.default),
   className: PropTypes__default.default.string,
   href: PropTypes__default.default.string,
   imageSrc: PropTypes__default.default.string,
@@ -184,7 +186,6 @@ Icon.propTypes = {
   shapeDesktop: PropTypes__default.default.oneOf(shape.default),
   shapeMobile: PropTypes__default.default.oneOf(shape.default),
   shapeTablet: PropTypes__default.default.oneOf(shape.default),
-  simple: PropTypes__default.default.bool,
   size: PropTypes__default.default.oneOf(iconSize.default),
   sizeDesktop: PropTypes__default.default.oneOf(iconSize.default),
   sizeMobile: PropTypes__default.default.oneOf(iconSize.default),
@@ -302,17 +303,21 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "border": {
+    "borderColor": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "enum",
+        "computed": true,
+        "value": "borderColorProps"
       },
       "required": false
     },
     "borderType": {
       "description": "",
       "type": {
-        "name": "string"
+        "name": "enum",
+        "computed": true,
+        "value": "borderTypeProps"
       },
       "required": false
     },
@@ -401,13 +406,6 @@ Icon.__docgenInfo = {
       },
       "required": false
     },
-    "simple": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
     "size": {
       "description": "",
       "type": {

package/dist/components/InputPassword.js

@@ -23,6 +23,8 @@ require('../hooks/styleAttributes.js');
 require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
+require('../constants/componentProps/borderColor.js');
+require('../constants/componentProps/borderType.js');
 require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');

package/dist/components/LanguageSelector.js

@@ -24,6 +24,8 @@ require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
+require('../constants/componentProps/borderColor.js');
+require('../constants/componentProps/borderType.js');
 require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');

package/dist/components/Search.js

@@ -26,6 +26,8 @@ require('../context/UIContext.js');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
 require('lodash/castArray');
+require('../constants/componentProps/borderColor.js');
+require('../constants/componentProps/borderType.js');
 require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');