@itcase/ui 1.1.7 → 1.1.9

package/dist/cjs/components/Avatar.js

@@ -1,270 +1,43 @@
 'use strict';
 
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var shape = require('../constants/componentProps/shape.js');
-var sizePX = require('../constants/componentProps/sizePX.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var index$1 = require('./Icon.js');
-var index = require('./Image.js');
-var Text = require('../Text-CfBPhwqK.js');
+var Avatar = require('../Avatar-C8tufLEH.js');
+require('../jsx-runtime-BCmQOGxJ.js');
+require('react');
+require('clsx');
+require('../hooks/useDeviceTargetClass.js');
 require('lodash/castArray');
 require('lodash/camelCase');
 require('../context/UIContext.js');
+require('prop-types');
 require('../hooks/useMediaQueries.js');
 require('react-responsive');
-require('react-inlinesvg');
-require('./Link.js');
-require('../constants/componentProps/fill.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/underline.js');
+require('../Icon-UBahY607.js');
+require('../Link-BoShjCEw.js');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../constants/componentProps/borderColor.js');
-require('../constants/componentProps/borderType.js');
-require('../constants/componentProps/iconSize.js');
-require('../constants/componentProps/strokeColor.js');
+require('react-inlinesvg');
 require('./Tooltip.js');
+require('../Text-D7Aq1i5R.js');
 require('./Title.js');
+require('../constants/componentProps/fill.js');
 require('../constants/componentProps/textAlign.js');
+require('../constants/componentProps/textColor.js');
+require('../constants/componentProps/textGradient.js');
+require('../constants/componentProps/textStyle.js');
+require('../constants/componentProps/textWeight.js');
 require('../constants/componentProps/titleSize.js');
+require('../constants/componentProps/type.js');
 require('../constants/componentProps/wrap.js');
+require('../constants/componentProps/size.js');
 require('../constants/componentProps/textSize.js');
+require('../constants/componentProps/shape.js');
+require('./Image.js');
+require('../constants/componentProps/borderColor.js');
 require('../constants/componentProps/resizeMode.js');
 require('../constants/componentProps/width.js');
-require('../jsx-runtime-BCmQOGxJ.js');
-
-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);
 
-function Avatar(props) {
-  const {
-    Dot,
-    className,
-    icon,
-    size,
-    after,
-    before,
-    src,
-    type,
-    mode,
-    onClick,
-    textSize,
-    textColor,
-    textWeight,
-    iconSrc,
-    iconItemFill,
-    iconShape,
-    iconSize,
-    iconStroke,
-    iconFill,
-    iconFillHover,
-    iconFillSize,
-    firstName,
-    secondName
-  } = props;
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_hover_',
-    propsKey: 'fillHover'
-  });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'avatar_shape_',
-    propsKey: 'shape'
-  });
-  const avatarChars = React.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}`, 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, {
-    className: "avatar__image",
-    shape: "geometric",
-    src: src
-  }) : /*#__PURE__*/React__default.default.createElement(Text.Text, {
-    className: "avatar__name",
-    size: textSize,
-    textColor: textColor,
-    textWeight: textWeight
-  }, avatarChars), (icon || iconSrc) && /*#__PURE__*/React__default.default.createElement(index$1.Icon, {
-    className: "avatar__icon",
-    fill: iconFill,
-    fillHover: iconFillHover,
-    fillSize: iconFillSize,
-    iconSize: iconSize,
-    iconFill: iconItemFill,
-    imageSrc: iconSrc,
-    shape: iconShape,
-    stroke: iconStroke,
-    SvgImage: icon
-  }), Dot, after));
-}
-Avatar.propTypes = {
-  children: PropTypes__default.default.any,
-  /**
-   * Description
-   */
-  className: PropTypes__default.default.string,
-  /**
-   * Цвет текста
-   */
-  textColor: PropTypes__default.default.string,
-  /**
-   * Размер аватара
-   */
-  size: PropTypes__default.default.oneOf(sizePX.default),
-  /**
-   * Тип аватара
-   */
-  type: PropTypes__default.default.oneOf(['image', 'text']),
-  /**
-   * Форма
-   */
-  shape: PropTypes__default.default.oneOf(shape.default),
-  Dot: PropTypes__default.default.oneOfType([PropTypes__default.default.element, PropTypes__default.default.bool]),
-  onClick: PropTypes__default.default.func
-};
-Avatar.defaultProps = {
-  size: '96',
-  textSize: 'l',
-  textColor: 'surfaceTextTertiary',
-  textWeight: 600,
-  firstName: '',
-  secondName: ''
-};
-Avatar.__docgenInfo = {
-  "description": "",
-  "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": "sizePXProps"
-      },
-      "required": false
-    },
-    "textSize": {
-      "defaultValue": {
-        "value": "'l'",
-        "computed": false
-      },
-      "required": false
-    },
-    "textColor": {
-      "defaultValue": {
-        "value": "'surfaceTextTertiary'",
-        "computed": false
-      },
-      "description": "\u0426\u0432\u0435\u0442 \u0442\u0435\u043A\u0441\u0442\u0430",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "textWeight": {
-      "defaultValue": {
-        "value": "600",
-        "computed": false
-      },
-      "required": false
-    },
-    "firstName": {
-      "defaultValue": {
-        "value": "''",
-        "computed": false
-      },
-      "required": false
-    },
-    "secondName": {
-      "defaultValue": {
-        "value": "''",
-        "computed": false
-      },
-      "required": false
-    },
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "Description",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "\u0422\u0438\u043F \u0430\u0432\u0430\u0442\u0430\u0440\u0430",
-      "type": {
-        "name": "enum",
-        "value": [{
-          "value": "'image'",
-          "computed": false
-        }, {
-          "value": "'text'",
-          "computed": false
-        }]
-      },
-      "required": false
-    },
-    "shape": {
-      "description": "\u0424\u043E\u0440\u043C\u0430",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "Dot": {
-      "description": "",
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "element"
-        }, {
-          "name": "bool"
-        }]
-      },
-      "required": false
-    },
-    "onClick": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    }
-  }
-};
 
-exports.Avatar = Avatar;
+exports.Avatar = Avatar.Avatar;

package/dist/cjs/components/Badge.js

@@ -4,7 +4,7 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var clsx = require('clsx');
 var shape = require('../constants/componentProps/shape.js');
-var Text = require('../Text-CfBPhwqK.js');
+var Text = require('../Text-D7Aq1i5R.js');
 var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
 var useStyles = require('../hooks/useStyles.js');
 require('../jsx-runtime-BCmQOGxJ.js');

package/dist/cjs/components/Breadcrumbs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Breadcrumbs = require('../Breadcrumbs-BV5q8aPJ.js');
+var Breadcrumbs = require('../Breadcrumbs-HubY1qZQ.js');
 require('react');
 require('prop-types');
 require('clsx');
@@ -10,36 +10,31 @@ require('../constants/componentProps/fill.js');
 require('../constants/componentProps/position.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/width.js');
-require('./Icon.js');
-require('react-inlinesvg');
-require('./Link.js');
-require('../constants/componentProps/size.js');
-require('../constants/componentProps/textColor.js');
-require('../constants/componentProps/textGradient.js');
-require('../constants/componentProps/textStyle.js');
-require('../constants/componentProps/textWeight.js');
-require('../constants/componentProps/type.js');
-require('../constants/componentProps/underline.js');
+require('../Icon-UBahY607.js');
+require('../Link-BoShjCEw.js');
+require('../jsx-runtime-BCmQOGxJ.js');
+require('../hooks/useDeviceTargetClass.js');
+require('lodash/castArray');
+require('../context/UIContext.js');
+require('../hooks/useMediaQueries.js');
+require('react-responsive');
 require('../hooks/useStyles.js');
 require('lodash/maxBy');
 require('lodash/upperFirst');
 require('../hooks/styleAttributes.js');
-require('../context/UIContext.js');
-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('react-inlinesvg');
 require('./Tooltip.js');
-require('../Text-CfBPhwqK.js');
-require('../jsx-runtime-BCmQOGxJ.js');
+require('../Text-D7Aq1i5R.js');
 require('./Title.js');
 require('../constants/componentProps/textAlign.js');
+require('../constants/componentProps/textColor.js');
+require('../constants/componentProps/textGradient.js');
+require('../constants/componentProps/textStyle.js');
+require('../constants/componentProps/textWeight.js');
 require('../constants/componentProps/titleSize.js');
+require('../constants/componentProps/type.js');
 require('../constants/componentProps/wrap.js');
+require('../constants/componentProps/size.js');
 require('../constants/componentProps/textSize.js');
 
 

package/dist/cjs/components/Button/Button.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IButtonConfig, IButtonProps } from './Button.interface';
+declare const buttonConfig: IButtonConfig;
+declare const Button: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLDivElement>>;
+export { Button, buttonConfig };

package/dist/cjs/components/Button/Button.interface.d.ts

@@ -0,0 +1,78 @@
+import { ElementType, ReactNode } from 'react';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { borderColorPropsType, borderTypePropsType, borderWidthPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, iconFillSizePropsType, iconSizePropsType, shapePropsType, sizePropsType, strokeColorPropsType, textColorHoverPropsType, textColorPropsType, textSizePropsType, textWeightPropsType, textWrapPropsType, widthPropsType } from '../../types';
+import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
+export interface IButtonThemeColor {
+    borderColor?: borderColorPropsType;
+    borderType?: borderTypePropsType;
+    borderWidth?: borderWidthPropsType;
+    elevation?: elevationPropsType;
+    fill?: fillPropsType;
+    fillHover?: fillHoverPropsType;
+    fillIcon?: fillPropsType;
+    fillIconAfter?: fillPropsType;
+    fillIconBefore?: fillPropsType;
+    iconAfter?: React.ElementType;
+    iconAfterFill?: fillPropsType;
+    iconAfterFillSize?: iconFillSizePropsType;
+    iconAfterShape?: shapePropsType;
+    iconAfterSize?: iconSizePropsType;
+    iconAfterSrc?: string;
+    iconAfterStroke?: strokeColorPropsType;
+    iconBefore?: React.ElementType;
+    iconBeforeFill?: fillPropsType;
+    iconBeforeFillSize?: iconFillSizePropsType;
+    iconBeforeShape?: shapePropsType;
+    iconBeforeSize?: iconSizePropsType;
+    iconBeforeSrc?: string;
+    iconBeforeStroke?: strokeColorPropsType;
+    iconFill?: fillPropsType;
+    iconFillSize?: iconFillSizePropsType;
+    iconShape?: shapePropsType;
+    iconSize?: iconSizePropsType;
+    iconStroke?: strokeColorPropsType;
+    label?: string;
+    labelTextColor?: textColorPropsType;
+    labelTextColorHover?: textColorHoverPropsType;
+    labelTextSize?: textSizePropsType;
+    labelTextWeight?: textWeightPropsType;
+    labelTextWrap?: textWrapPropsType;
+    loaderFill?: string;
+    loaderItemFill?: string;
+    loaderSet?: string;
+    shape?: shapePropsType;
+    size?: sizePropsType;
+    width?: widthPropsType;
+}
+type appearanceKeysType = appearanceKeysDefaultType & {};
+export type buttonAppearanceType = {
+    [key in appearanceKeysType]?: IButtonThemeColor;
+};
+export interface IButtonConfig {
+    appearance: buttonAppearanceType | undefined;
+    setAppearance: (newComponent: buttonAppearanceType) => void;
+}
+export interface IButtonProps extends IButtonThemeColor, TypeStyleAttributes {
+    after?: ReactNode;
+    appearance?: appearanceKeysType;
+    Badge?: ReactNode;
+    before?: ReactNode;
+    children?: string;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    href?: string;
+    htmlType?: ElementType;
+    icon?: ElementType;
+    iconSrc?: string;
+    isDisabled?: boolean;
+    label?: string;
+    link?: string;
+    loading?: boolean;
+    onClick?: () => void;
+    onMouseDown?: () => void;
+    rel?: string;
+    target?: string;
+    type?: string;
+}
+export {};

package/dist/cjs/components/Button/index.d.ts

@@ -0,0 +1 @@
+export { Button, buttonConfig } from './Button';