@itcase/ui 1.1.5 → 1.1.7

package/dist/components/Avatar.js

@@ -1,56 +1,48 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var index = require('./Image.js');
-var index$1 = require('./Text.js');
-var index$2 = require('./Icon.js');
-var sizePX = require('../constants/componentProps/sizePX.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/width.js');
-require('../hooks/useStyles.js');
-require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textColorActive.js');
-require('../constants/componentProps/textColorHover.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textWeight.js');
-require('react-inlinesvg');
-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('./Tooltip.js');
-require('./Title.js');
-require('../constants/componentProps/textAlign.js');
-require('../constants/componentProps/titleSize.js');
-require('../constants/componentProps/wrap.js');
-require('../constants/componentProps/textSize.js');
-require('lodash/castArray');
-
-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);
+import React__default, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import shapeProps from '../constants/componentProps/shape.js';
+import sizePXProps from '../constants/componentProps/sizePX.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { Icon } from './Icon.js';
+import { Image } from './Image.js';
+import { T as Text } from '../Text-DffpwlYq.js';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import 'react-inlinesvg';
+import './Link.js';
+import '../constants/componentProps/fill.js';
+import '../constants/componentProps/size.js';
+import '../constants/componentProps/textColor.js';
+import '../constants/componentProps/textGradient.js';
+import '../constants/componentProps/textStyle.js';
+import '../constants/componentProps/textWeight.js';
+import '../constants/componentProps/type.js';
+import '../constants/componentProps/underline.js';
+import '../hooks/useStyles.js';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
+import '../constants/componentProps/borderColor.js';
+import '../constants/componentProps/borderType.js';
+import '../constants/componentProps/iconSize.js';
+import '../constants/componentProps/strokeColor.js';
+import './Tooltip.js';
+import './Title.js';
+import '../constants/componentProps/textAlign.js';
+import '../constants/componentProps/titleSize.js';
+import '../constants/componentProps/wrap.js';
+import '../constants/componentProps/textSize.js';
+import '../constants/componentProps/resizeMode.js';
+import '../constants/componentProps/width.js';
+import '../jsx-runtime-ClDdVO4Q.js';
 
 function Avatar(props) {
   const {
+    Dot,
     className,
     icon,
     size,
@@ -74,38 +66,38 @@ function Avatar(props) {
     firstName,
     secondName
   } = props;
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  const fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillHoverClass = useDeviceTargetClass(props, {
     prefix: 'fill_hover_',
     propsKey: 'fillHover'
   });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass(props, {
     prefix: 'avatar_shape_',
     propsKey: 'shape'
   });
-  const avatarChars = React.useMemo(() => {
+  const avatarChars = useMemo(() => {
     const firstChar = (firstName?.[0] || '').toUpperCase();
     const secondChar = (secondName?.[0] || '').toUpperCase();
     return `${firstChar}${secondChar}`;
   }, [firstName, secondName]);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'avatar', shapeClass, mode && `avatar_mode_${mode}`, size && `avatar_size_${size}`, type && `avatar_type_${type}`, onClick && 'cursor_type_pointer'),
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'avatar', shapeClass, mode && `avatar_mode_${mode}`, size && `avatar_size_${size}`, type && `avatar_type_${type}`, Dot && 'avatar_status', onClick && 'cursor_type_pointer'),
     onClick: onClick
-  }, /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default('avatar__wrapper', fillClass, fillHoverClass)
-  }, before, src ? /*#__PURE__*/React__default.default.createElement(index.Image, {
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: clsx('avatar__wrapper', fillClass, fillHoverClass)
+  }, before, src ? /*#__PURE__*/React__default.createElement(Image, {
     className: "avatar__image",
     shape: "geometric",
     src: src
-  }) : /*#__PURE__*/React__default.default.createElement(index$1.Text, {
+  }) : /*#__PURE__*/React__default.createElement(Text, {
     className: "avatar__name",
     size: textSize,
     textColor: textColor,
     textWeight: textWeight
-  }, avatarChars), (icon || iconSrc) && /*#__PURE__*/React__default.default.createElement(index$2.Icon, {
+  }, avatarChars), (icon || iconSrc) && /*#__PURE__*/React__default.createElement(Icon, {
     className: "avatar__icon",
     fill: iconFill,
     fillHover: iconFillHover,
@@ -116,31 +108,32 @@ function Avatar(props) {
     shape: iconShape,
     stroke: iconStroke,
     SvgImage: icon
-  }), after));
+  }), Dot, after));
 }
 Avatar.propTypes = {
-  children: PropTypes__default.default.any,
+  children: PropTypes.any,
   /**
    * Description
    */
-  className: PropTypes__default.default.string,
+  className: PropTypes.string,
   /**
    * Цвет текста
    */
-  textColor: PropTypes__default.default.string,
+  textColor: PropTypes.string,
   /**
    * Размер аватара
    */
-  size: PropTypes__default.default.oneOf(sizePX.default),
+  size: PropTypes.oneOf(sizePXProps),
   /**
    * Тип аватара
    */
-  type: PropTypes__default.default.oneOf(['image', 'text']),
+  type: PropTypes.oneOf(['image', 'text']),
   /**
    * Форма
    */
-  shape: PropTypes__default.default.oneOf(shape.default),
-  onClick: PropTypes__default.default.func
+  shape: PropTypes.oneOf(shapeProps),
+  Dot: PropTypes.oneOfType([PropTypes.element, PropTypes.bool]),
+  onClick: PropTypes.func
 };
 Avatar.defaultProps = {
   size: '96',
@@ -244,6 +237,18 @@ Avatar.__docgenInfo = {
       },
       "required": false
     },
+    "Dot": {
+      "description": "",
+      "type": {
+        "name": "union",
+        "value": [{
+          "name": "element"
+        }, {
+          "name": "bool"
+        }]
+      },
+      "required": false
+    },
     "onClick": {
       "description": "",
       "type": {
@@ -254,4 +259,4 @@ Avatar.__docgenInfo = {
   }
 };
 
-exports.Avatar = Avatar;
+export { Avatar };

package/dist/components/Badge.js

@@ -1,33 +1,19 @@
-'use strict';
-
-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');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textWeight.js');
-require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('lodash/castArray');
-
-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);
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import clsx from 'clsx';
+import shapeProps from '../constants/componentProps/shape.js';
+import { T as Text } from '../Text-DffpwlYq.js';
+import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
+import { useStyles } from '../hooks/useStyles.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';
 
 const badgeConfig = {
   appearance: {},
@@ -45,62 +31,62 @@ function Badge(props) {
     textSize,
     value
   } = props;
-  const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderColorClass = useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: 'borderColor'
   });
-  const borderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderColorHoverClass = useDeviceTargetClass(props, {
     prefix: 'border-color_hover_',
     propsKey: 'borderColorHover'
   });
-  const borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderWidthClass = useDeviceTargetClass(props, {
     prefix: 'border-width_',
     propsKey: 'borderWidth'
   });
-  const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const borderTypeClass = useDeviceTargetClass(props, {
     prefix: 'border_type_',
     propsKey: 'borderType'
   });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  const positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const positionClass = useDeviceTargetClass(props, {
     prefix: 'position_',
     propsKey: 'position'
   });
-  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const sizeClass = useDeviceTargetClass(props, {
     prefix: 'badge_size_',
     propsKey: 'size'
   });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass(props, {
     prefix: 'badge_shape_',
     propsKey: 'shape'
   });
   const {
     styles: badgeStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement("div", {
-    className: clsx__default.default(className, 'badge', !value && 'badge_type_status', mode && `badge_mode_${mode}`, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, fillClass || badgeConfig.appearance[appearance] && `fill_${badgeConfig.appearance[appearance].fill}`?.replace(/([A-Z])/g, '-$1').toLowerCase(), positionClass, sizeClass, shapeClass),
+  } = useStyles(props);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: clsx(className, 'badge', !value && 'badge_type_status', mode && `badge_mode_${mode}`, borderColorClass, borderColorHoverClass, borderWidthClass, borderTypeClass, fillClass || badgeConfig.appearance[appearance]?.fill && `fill_${badgeConfig.appearance[appearance].fill}`?.replace(/([A-Z])/g, '-$1').toLowerCase(), positionClass, sizeClass, shapeClass),
     style: badgeStyles
-  }, children || value && /*#__PURE__*/React__default.default.createElement(index.Text, {
+  }, children || value && /*#__PURE__*/React__default.createElement(Text, {
     size: textSize,
     textColor: textColor || badgeConfig.appearance[appearance]?.textColor
   }, value));
 }
 Badge.propTypes = {
-  value: PropTypes__default.default.any.isRequired,
-  appearance: PropTypes__default.default.string,
-  borderColor: PropTypes__default.default.string,
-  borderType: PropTypes__default.default.string,
-  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
+  value: PropTypes.any.isRequired,
+  appearance: PropTypes.string,
+  borderColor: PropTypes.string,
+  borderType: PropTypes.string,
+  children: PropTypes.any,
+  className: PropTypes.string,
+  fill: PropTypes.string,
+  shape: PropTypes.oneOf(shapeProps),
+  size: PropTypes.string,
+  textColor: PropTypes.string,
+  textSize: PropTypes.string,
+  type: PropTypes.string
 };
 Badge.defaultProps = {
   size: 'm',
@@ -208,5 +194,4 @@ Badge.__docgenInfo = {
   }
 };
 
-exports.Badge = Badge;
-exports.badgeConfig = badgeConfig;
+export { Badge, badgeConfig };