@itcase/ui 1.2.21 → 1.2.23

package/dist/css/components/Tooltip/Tooltip.css

@@ -105,6 +105,27 @@
   }
 }
 
+.tooltip {
+  &_align-position {
+    &_left {
+      border: solid 2px red;
+      position: absolute;
+      transform: translate(0, -50%);
+    }
+    &_center {
+      position: absolute;
+      left: 50%;
+      top: 100%;
+      transform: translate(-50%, 0%);
+    }
+    &_right {
+      border: solid 2px red;
+      position: absolute;
+      transform: translate(0, -50%);
+    }
+  }
+}
+
 .tooltip {
   &&_state_close {
     visibility: hidden;

package/dist/types/components/Cell/Cell.interface.d.ts

@@ -1,18 +1,15 @@
 import { ElementType, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tDirectionProps, tFillProps, iconFillSizePropsType, tItemColorProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps } from '../../types';
+import { iconFillSizePropsType, tDirectionProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-type appearanceKeysType = tAppearanceKeysDefault & {};
+type appearanceKeysType = {} & tAppearanceKeysDefault;
 export interface ICellProps extends iStyleAttributes {
-    direction?: tDirectionProps;
     after?: ReactNode;
     before?: ReactNode;
     className?: string;
-    isActive?: boolean;
-    isDisabled?: boolean;
+    direction?: tDirectionProps;
     mode?: string;
     reverse?: boolean;
-    set?: string;
     showTitleLabel?: boolean;
     showValueLabel?: boolean;
     size?: tSizeProps;
@@ -52,11 +49,16 @@ export interface ICellProps extends iStyleAttributes {
     valueTextAlign?: tTextAlignProps;
     valueTextColor?: tTextColorProps;
     valueTextSize?: tTextSizeProps;
+    valueTextTruncate?: boolean;
     valueTextWeight?: tTextWeightProps;
     valueTextWrap?: tTextWrapProps;
     zeroGap?: boolean;
     zeroPadding?: boolean;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    isEqual?: boolean;
     onClick?: () => void;
     onMouseEnter?: () => void;
+    set?: string;
 }
 export {};

package/dist/types/components/Icon/Icon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IIconConfig, IIconProps } from '../Icon/Icon.interface';
-declare const iconConfig: IIconConfig;
-declare const Icon: React.ForwardRefExoticComponent<IIconProps & React.RefAttributes<HTMLDivElement>>;
+import type { iIconConfig, iIconProps } from '../Icon/Icon.interface';
+declare const iconConfig: iIconConfig;
+declare const Icon: React.ForwardRefExoticComponent<iIconProps & React.RefAttributes<HTMLDivElement>>;
 export { Icon, iconConfig };

package/dist/types/components/Icon/Icon.interface.d.ts

@@ -1,8 +1,8 @@
-import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignmentPropsType, borderColorHoverPropsType, tBorderColorProps, borderTypePropsType, tBorderWidthProps, tFillHoverProps, tFillProps, iconFillSizePropsType, iconSizePropsType, tItemColorProps, tShapeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, titleSizePropsType } from '../../types';
-import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
-export interface IIconThemeColor {
+import type { CSSProperties, MouseEventHandler, ReactNode } from 'react';
+import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import type { alignmentPropsType, borderColorHoverPropsType, borderTypePropsType, iconFillSizePropsType, iconSizePropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, titleSizePropsType, tShapeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps } from '../../types';
+import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
+interface iIconThemeColor {
     alignment?: alignmentPropsType;
     bgFill?: tFillProps;
     borderColor?: tBorderColorProps;
@@ -35,59 +35,61 @@ export interface IIconThemeColor {
     shape?: tShapeProps;
     size?: iconSizePropsType;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
-export type iconAppearanceType = {
-    [key in appearanceKeysType]?: IIconThemeColor;
+type tIconAppearance = {
+    [key in tAppearanceKeysDefault]?: iIconThemeColor;
 };
-export interface IIconConfig {
-    appearance: iconAppearanceType | undefined;
-    setAppearance: (newComponent: iconAppearanceType) => void;
+interface iIconConfig {
+    appearance: tIconAppearance | undefined;
+    setAppearance: (newComponent: tIconAppearance) => void;
 }
-export interface IIconProps extends IIconThemeColor, iStyleAttributes {
-    Badge?: ReactNode;
-    SvgImage?: any;
+interface iIconProps extends iIconThemeColor, iStyleAttributes {
+    id?: number | string;
     after?: ReactNode;
+    Badge?: ReactNode;
     before?: ReactNode;
     className?: string;
     dataTour?: string;
-    height?: string;
-    href?: string;
-    id?: number | string;
-    imageSrc?: string;
-    link?: string;
-    linkRel?: string;
-    linkTarget?: string;
-    showTooltip?: boolean;
-    style?: CSSProperties;
-    tooltipAppearance?: appearanceKeysType;
-    tooltipText?: string;
-    tooltipTextSize?: tTextSizeProps;
-    tooltipTitle?: string;
-    tooltipTitleSize?: titleSizePropsType;
-    width?: string;
-    onClick?: MouseEventHandler<HTMLDivElement>;
-    LinkComponent?: ReactNode;
     fillDesktop?: tFillProps;
     fillMobile?: tFillProps;
     fillSizeDesktop?: string;
     fillSizeMobile?: string;
     fillSizeTablet?: string;
     fillTablet?: tFillProps;
+    height?: string;
+    href?: string;
     htmlType?: string;
     icon?: string;
     iconAfterSrc?: string;
     iconBeforeSrc?: string;
     iconSrc?: string;
+    imageSrc?: string;
+    link?: string;
+    LinkComponent?: ReactNode;
+    linkRel?: string;
+    linkTarget?: string;
     loading?: boolean;
     rel?: string;
     shapeDesktop?: tShapeProps;
     shapeMobile?: tShapeProps;
     shapeTablet?: tShapeProps;
+    showTooltip?: boolean;
     sizeDesktop?: iconSizePropsType;
     sizeMobile?: iconSizePropsType;
     sizeTablet?: iconSizePropsType;
+    style?: CSSProperties;
+    SvgImage?: any;
     target?: string;
+    tooltipAppearance?: tAppearanceKeysDefault;
+    tooltipContent?: ReactNode;
+    tooltipText?: string;
+    tooltipTextSize?: tTextSizeProps;
+    tooltipTitle?: string;
+    tooltipTitleSize?: titleSizePropsType;
     type?: string;
+    width?: string;
     isDisabled?: boolean;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
+    onMouseLeave?: MouseEventHandler<HTMLDivElement>;
 }
-export {};
+export type { iIconThemeColor, tIconAppearance, iIconConfig, iIconProps };

package/dist/types/components/Label/Label.interface.d.ts

@@ -46,7 +46,7 @@ export interface ILabelProps extends ILabelThemeColor, iStyleAttributes {
     tooltipAlignment?: alignmentPropsType;
     tooltipAppearance?: appearanceKeysType;
     tooltipArrowPosition?: string;
-    tooltipContent?: string;
+    tooltipContent?: ReactNode;
     tooltipRef?: string;
     tooltipText?: string;
     tooltipTitle?: string;

package/dist/types/components/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { ITooltipConfig, ITooltipProps } from './Tooltip.interface';
 declare const tooltipConfig: ITooltipConfig;
-declare const Tooltip: React.ForwardRefExoticComponent<ITooltipProps & React.RefAttributes<HTMLDivElement>>;
+declare const Tooltip: React.ForwardRefExoticComponent<ITooltipProps & React.RefAttributes<any>>;
 export { Tooltip, tooltipConfig };

package/dist/types/components/Tooltip/Tooltip.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tAlignDirectionProps, alignmentPropsType, tAlignProps, tBorderColorProps, borderTypePropsType, tBorderWidthProps, elevationPropsType, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, titleSizePropsType } from '../../types';
+import { alignmentPropsType, borderTypePropsType, elevationPropsType, tAlignDirectionProps, tAlignProps, tBorderColorProps, tBorderWidthProps, tFillProps, titleSizePropsType, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface ITooltipThemeColor {
     align?: tAlignProps;
@@ -17,8 +17,9 @@ export interface ITooltipThemeColor {
     textSize?: tTextSizeProps;
     titleSize?: titleSizePropsType;
     titleTextColor?: tTextColorProps;
+    titleTextWeight?: tTextWeightProps;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
+type appearanceKeysType = {} & tAppearanceKeysDefault;
 export type tooltipAppearanceType = {
     [key in appearanceKeysType]?: ITooltipThemeColor;
 };
@@ -34,11 +35,11 @@ export interface ITooltipProps extends ITooltipThemeColor, iStyleAttributes {
     children?: ReactNode;
     className?: string;
     initialIsVisible?: any;
-    set?: string;
     style?: CSSProperties;
     text?: string;
     title?: string;
     type?: string;
     width?: string;
+    set?: string;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.2.21",
+  "version": "1.2.23",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -113,17 +113,17 @@
     "react-responsive": "^10.0.0",
     "react-scroll": "^1.9.0",
     "react-scrollbars-custom": "^4.1.1",
-    "react-select": "^5.8.1",
+    "react-select": "^5.8.2",
     "swiper": "^11.1.14",
-    "uuid": "^10.0.0"
+    "uuid": "^11.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.25.9",
+    "@babel/core": "^7.26.0",
     "@babel/eslint-parser": "^7.25.9",
     "@babel/eslint-plugin": "^7.25.9",
-    "@babel/preset-env": "^7.25.9",
+    "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.25.9",
-    "@chromatic-com/storybook": "^3.1.0",
+    "@chromatic-com/storybook": "^3.2.2",
     "@commitlint/cli": "^19.5.0",
     "@commitlint/config-conventional": "^19.5.0",
     "@itcase/lint": "^1.0.14",
@@ -136,19 +136,19 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/release-notes-generator": "14.0.1",
-    "@storybook/addon-essentials": "^8.3.6",
-    "@storybook/addon-interactions": "^8.3.6",
-    "@storybook/addon-links": "^8.3.6",
-    "@storybook/addon-onboarding": "^8.3.6",
-    "@storybook/addon-styling-webpack": "^1.0.0",
-    "@storybook/addon-themes": "^8.3.6",
+    "@storybook/addon-essentials": "^8.4.2",
+    "@storybook/addon-interactions": "^8.4.2",
+    "@storybook/addon-links": "^8.4.2",
+    "@storybook/addon-onboarding": "^8.4.2",
+    "@storybook/addon-styling-webpack": "^1.0.1",
+    "@storybook/addon-themes": "^8.4.2",
     "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
-    "@storybook/blocks": "^8.3.6",
-    "@storybook/react": "^8.3.6",
-    "@storybook/react-webpack5": "^8.3.6",
-    "@storybook/test": "^8.3.6",
+    "@storybook/blocks": "^8.4.2",
+    "@storybook/react": "^8.4.2",
+    "@storybook/react-webpack5": "^8.4.2",
+    "@storybook/test": "^8.4.2",
     "@types/js-cookie": "^3.0.6",
-    "@types/lodash": "^4.17.12",
+    "@types/lodash": "^4.17.13",
     "@types/react": "^18",
     "@types/react-datepicker": "^7.0.0",
     "@types/react-dom": "^18.3.1",
@@ -159,8 +159,8 @@
     "babel-plugin-react-docgen": "^4.2.1",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
     "conventional-changelog-conventionalcommits": "^8.0.0",
-    "eslint": "9.13.0",
-    "eslint-plugin-storybook": "^0.10.1",
+    "eslint": "9.14.0",
+    "eslint-plugin-storybook": "^0.11.0",
     "husky": "^9.1.6",
     "lint-staged": "^15.2.10",
     "npm": "^10.9.0",
@@ -178,22 +178,22 @@
     "postcss-import-ext-glob": "^2.1.1",
     "postcss-loader": "^8.1.1",
     "postcss-mixins": "^11.0.3",
-    "postcss-nested": "^6.2.0",
+    "postcss-nested": "^7.0.2",
     "postcss-nested-ancestors": "^3.0.0",
     "postcss-normalize": "^13.0.1",
     "postcss-prepend-imports": "^1.0.1",
-    "postcss-preset-env": "^10.0.8",
+    "postcss-preset-env": "^10.0.9",
     "postcss-pxtorem": "^6.1.0",
     "postcss-responsive-type": "github:ITCase/postcss-responsive-type",
     "postcss-sort-media-queries": "^5.2.0",
     "prettier": "^3.3.3",
-    "rollup": "^4.24.0",
+    "rollup": "^4.24.4",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.2",
-    "semantic-release": "^24.1.3",
-    "storybook": "^8.3.6",
+    "semantic-release": "^24.2.0",
+    "storybook": "^8.4.2",
     "stylelint": "^16.10.0",
     "typescript": "^5.6.3"
   }