@itcase/ui 1.9.50 → 1.9.52

package/dist/components/Tab.js

@@ -6,10 +6,10 @@ import { useActiveClasses } from '../hooks/useActiveClasses/useActiveClasses.js'
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Badge, I as Icon } from '../Icon_es_DoAtUvPe.js';
-import { D as Divider } from '../Divider_es_BR7ZO8w0.js';
-import { L as Link } from '../Link_es_DPZHTF38.js';
-import { T as Text } from '../Text_es_B85LGfjW.js';
+import { B as Badge, I as Icon } from '../Icon_es_BYViOa6l.js';
+import { D as Divider } from '../Divider_es_D2snK_vn.js';
+import { L as Link } from '../Link_es_BDAmhIzd.js';
+import { T as Text } from '../Text_es_DVNvU0m0.js';
 import '../hooks/useActiveClasses/useActiveClasses.helpers.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/Text.js

@@ -1,4 +1,4 @@
-export { T as Text, a as textAppearance, t as textConfig } from '../Text_es_B85LGfjW.js';
+export { T as Text, t as textAppearance, a as textConfig } from '../Text_es_DVNvU0m0.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import '../hooks/useAppearanceConfig/useAppearanceConfig.js';

package/dist/components/Tile.js

@@ -1,10 +1,11 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
+import { mergeAppearanceKeys } from '../utils/mergeAppearanceKeys.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title, B as Badge, I as Icon } from '../Icon_es_DoAtUvPe.js';
-import { T as Text } from '../Text_es_B85LGfjW.js';
+import { b as Title, B as Badge, I as Icon } from '../Icon_es_BYViOa6l.js';
+import { T as Text } from '../Text_es_DVNvU0m0.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -22,7 +23,7 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_DPZHTF38.js';
+import '../Link_es_BDAmhIzd.js';
 
 const tileAppearanceShape = {
     circular: {
@@ -168,7 +169,7 @@ function Tile(props) {
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     const { directionClass, alignClass, alignDirectionClass, fillClass, titleTextAlign, titleTextColor, titleTextSize, titleTextWeight, titleTextWrap, descTextColor, descTextSize, descTextWrap, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, icon, iconAppearance, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
     const { styles: tileStyles } = useStyles(props);
-    return (jsx("div", { className: clsx('tile', className, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, alignClass && `align_${alignClass}`, directionClass && `direction_${directionClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, sizeClass && `tile_size_${sizeClass}`, type && `tile_type_${type}`, badgeValue && `tile_state_badge`, widthClass && `width_${widthClass}`, isSkeleton && `tile_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: tileStyles, onClick: onClick, children: jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, jsxs("div", { className: "tile__header", children: [jsxs("div", { className: "tile__header-inner", children: [title && (jsx(Title, { className: "tile__title", size: titleTextSize, textAlign: titleTextAlign, textColor: titleTextColor, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), desc && (jsx(Text, { className: "tile__text", size: descTextSize, textColor: descTextColor, textWrap: descTextWrap, children: desc }))] }), jsxs("div", { className: "tile__header-actions", children: [badgeValue && (jsx(Badge, { appearance: `${badgeAppearance} ${badgeAppearanceSize}`, className: "tile__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsx(Icon, { appearance: iconAppearance, className: "tile__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon, onClick: iconClick }))] })] }), children, after] }) }));
+    return (jsx("div", { className: clsx('tile', className, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, alignClass && `align_${alignClass}`, directionClass && `direction_${directionClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, sizeClass && `tile_size_${sizeClass}`, type && `tile_type_${type}`, badgeValue && `tile_state_badge`, widthClass && `width_${widthClass}`, isSkeleton && `tile_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: tileStyles, onClick: onClick, children: jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, jsxs("div", { className: "tile__header", children: [jsxs("div", { className: "tile__header-inner", children: [title && (jsx(Title, { className: "tile__title", size: titleTextSize, textAlign: titleTextAlign, textColor: titleTextColor, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), desc && (jsx(Text, { className: "tile__text", size: descTextSize, textColor: descTextColor, textWrap: descTextWrap, children: desc }))] }), jsxs("div", { className: "tile__header-actions", children: [badgeValue && (jsx(Badge, { appearance: mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: "tile__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsx(Icon, { appearance: iconAppearance, className: "tile__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon, onClick: iconClick }))] })] }), children, after] }) }));
 }
 
 export { Tile, tileAppearance, tileConfig };

package/dist/components/Title.js

@@ -1,4 +1,4 @@
-export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_DoAtUvPe.js';
+export { b as Title, c as titleAppearance, d as titleConfig } from '../Icon_es_BYViOa6l.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -21,5 +21,5 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Link_es_DPZHTF38.js';
-import '../Text_es_B85LGfjW.js';
+import '../Link_es_BDAmhIzd.js';
+import '../Text_es_DVNvU0m0.js';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_DoAtUvPe.js';
+export { T as Tooltip, t as tooltipAppearance, a as tooltipConfig } from '../Icon_es_BYViOa6l.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -21,5 +21,5 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Link_es_DPZHTF38.js';
-import '../Text_es_B85LGfjW.js';
+import '../Link_es_BDAmhIzd.js';
+import '../Text_es_DVNvU0m0.js';

package/dist/components/Warning.js

@@ -4,8 +4,8 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { I as Icon } from '../Icon_es_DoAtUvPe.js';
-import { T as Text } from '../Text_es_B85LGfjW.js';
+import { I as Icon } from '../Icon_es_BYViOa6l.js';
+import { T as Text } from '../Text_es_DVNvU0m0.js';
 import { icons16 } from '@itcase/icons/default';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -23,7 +23,7 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_DPZHTF38.js';
+import '../Link_es_BDAmhIzd.js';
 
 const warningAppearanceAccent = {
     accentMutedPrimary: {

package/dist/context/Notifications.js

@@ -142,7 +142,7 @@ function createNotification(notification, onClose) {
     let after = null;
     let isLoading = false;
     let closeIconAppearance = '';
-    let onClickButton = null;
+    let onClickButton = () => { };
     if (typeof notification === 'string') {
         text = notification;
     }

package/dist/context/UIContext.js

@@ -11,6 +11,8 @@ const UserDeviceContext = createContext({
     isTablet: false,
     isDesktop: false,
     deviceCurrentMainType: '',
+    deviceCurrentType: '',
+    deviceTypesList: [],
 });
 const UIProvider = memo(function UIProvider(props) {
     const { userDeviceState = {}, children } = props;
@@ -61,7 +63,11 @@ const UIProvider = memo(function UIProvider(props) {
     return (jsx(UserDeviceContext.Provider, { value: deviceContextState, children: children }));
 });
 function useUserDeviceContext() {
-    return useContext(UserDeviceContext);
+    const context = useContext(UserDeviceContext);
+    if (!context) {
+        throw new Error('useUserDeviceContext is not defined');
+    }
+    return context;
 }
 
 export { UIProvider, useUserDeviceContext };