@itcase/ui 1.8.152 → 1.8.154

package/dist/components/Radio.js

@@ -178,10 +178,10 @@ const radioConfig = {
     },
 };
 function Radio(props) {
-    const { id, className, appearance, label, desc, isDisabled, checked, tag: Tag = 'label', value, isActive, isSkeleton, onChange, } = props;
+    const { id, appearance, className, label, desc, checked, tag: Tag = 'label', value, isActive, isDisabled, isSkeleton, onChange, } = props;
     const appearanceConfig = useAppearanceConfig(appearance, radioConfig, isDisabled);
     const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    const { fillCheckmarkClass, fillClass, fillHoverClass, fillRadioActiveClass, fillRadioActiveHoverClass, fillRadioClass, fillRadioHoverClass, labelTextColor, labelTextSize, labelTextWeight, descTextColor, descTextSize, descTextWeight, borderRadioColorClass, borderRadioColorActiveClass, borderRadioColorActiveHoverClass, borderRadioColorHoverClass, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
+    const { fillCheckmarkClass, fillClass, fillHoverClass, fillRadioActiveClass, fillRadioActiveHoverClass, fillRadioClass, fillRadioHoverClass, labelTextColor, labelTextSize, labelTextWeight, descTextColor, descTextSize, descTextWeight, borderRadioColorActiveClass, borderRadioColorActiveHoverClass, borderRadioColorClass, borderRadioColorHoverClass, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
     return (jsxs(Tag, { className: clsx(className, 'radio', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_${fillHoverClass}`, isSkeleton && 'radio_skeleton', sizeClass && `radio_size_${sizeClass}`, !checked || !isActive
             ? fillRadioClass && `radio_fill_${fillRadioClass}`
             : fillRadioActiveClass && `radio_fill_active_${fillRadioActiveClass}`, !checked || !isActive
@@ -195,7 +195,7 @@ function Radio(props) {
             ? borderRadioColorHoverClass &&
                 `radio_border-color_hover_${borderRadioColorHoverClass}`
             : borderRadioColorActiveHoverClass &&
-                `radio_border-color_active_hover_${borderRadioColorActiveHoverClass}`), htmlFor: id, children: [jsxs("div", { className: clsx('radio__item'), children: [jsx("input", { id: String(id), className: "radio__input", type: "radio", disabled: isDisabled && 'disabled', checked: checked, value: value, onChange: onChange }), jsx("div", { className: clsx('radio__state', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), children: "\u00A0" }), jsx("div", { className: clsx('radio__state-checkmark', checked && fillCheckmarkClass && `fill_${fillCheckmarkClass}`), children: "\u00A0" })] }), label && (jsx(Text, { className: "radio__label", size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), desc && (jsx(Text, { className: "radio__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }))] }));
+                `radio_border-color_active_hover_${borderRadioColorActiveHoverClass}`), htmlFor: id, children: [jsxs("div", { className: clsx('radio__item'), children: [jsx("input", { id: String(id), className: "radio__input", type: "radio", checked: checked, disabled: isDisabled && 'disabled', value: value, onChange: onChange }), jsx("div", { className: clsx('radio__state', shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), children: "\u00A0" }), jsx("div", { className: clsx('radio__state-checkmark', checked && fillCheckmarkClass && `fill_${fillCheckmarkClass}`), children: "\u00A0" })] }), label && (jsx(Text, { className: "radio__label", size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), desc && (jsx(Text, { className: "radio__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }))] }));
 }
 
 export { Radio, radioAppearance, radioConfig };

package/dist/components/Response.js

@@ -7,7 +7,7 @@ import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceC
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { B as Button } from '../Button_es_CtAnUzZA.js';
-import { G as Group } from '../Group_es_ZTwafPX1.js';
+import { G as Group } from '../Group_es_p5hBFgw4.js';
 import { T as Text } from '../Text_es_RDU9GLCV.js';
 import '@itcase/common';
 import '../context/UrlAssetPrefix.js';

package/dist/components/Select.js

@@ -4,7 +4,7 @@ import { I as Icon, B as Badge } from '../Icon_es_BEhzKfrD.js';
 import React, { useRef, useEffect, useMemo } from 'react';
 import clsx from 'clsx';
 import CreatableSelect from 'react-select/creatable';
-import { G as Group } from '../Group_es_ZTwafPX1.js';
+import { G as Group } from '../Group_es_p5hBFgw4.js';
 import { T as Text } from '../Text_es_RDU9GLCV.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';

package/dist/context/Notifications.js

@@ -115,21 +115,26 @@ function useNotifications() {
 function useNotificationsAPI() {
     return useContext(NotificationsAPIContext);
 }
+const statusToAppearanceList = {
+    error: 'errorPrimary sizeS solid rounded',
+    info: 'infoPrimary sizeS solid rounded',
+    success: 'successPrimary sizeS solid rounded',
+    warning: 'warningPrimary sizeS solid rounded',
+};
 function createNotification(notification, onClose) {
     // Default notification item properties
     let id = v4().split('-')[0];
     let title = '';
     let text = '';
-    let float = null;
-    let toast = null;
-    let global = null;
     let closeIcon = '';
     let closeIconSrc = '';
+    let type = 'float';
     let buttonLabel = '';
     let status = STATUSES.warning;
     let closeByTime = 4500;
-    let appearance = '';
+    let appearance = statusToAppearanceList[status];
     let after = null;
+    let isLoading = false;
     let closeIconAppearance = '';
     let onClickButton = null;
     if (typeof notification === 'string') {
@@ -139,48 +144,36 @@ function createNotification(notification, onClose) {
         id = notification.id ?? id;
         title = notification.title ?? title;
         text = notification.text ?? text;
-        float = notification.float ?? float;
-        toast = notification.toast ?? toast;
         closeIconAppearance =
             notification.closeIconAppearance ?? closeIconAppearance;
-        global = notification.global ?? global;
+        type = notification.type ?? type;
         closeIcon = notification.closeIcon ?? closeIcon;
         closeIconSrc = notification.closeIconSrc ?? closeIconSrc;
         buttonLabel = notification.buttonLabel ?? buttonLabel;
         onClickButton = notification.onClickButton ?? onClickButton;
         status = notification.status ?? status;
         closeByTime = notification.closeByTime ?? closeByTime;
+        isLoading = notification.isLoading ?? isLoading;
         after = notification.after ?? after;
-    }
-    switch (status) {
-        case 'success':
-            appearance = 'successPrimary sizeM solid';
-            break;
-        case 'info':
-            appearance = 'infoPrimary sizeM solid';
-            break;
-        case 'error':
-            appearance = 'errorPrimary sizeM solid';
-            break;
-        case 'warning':
-            appearance = 'warningPrimary sizeM solid';
-            break;
+        appearance =
+            notification.appearance ??
+                statusToAppearanceList[notification.status] ??
+                appearance;
     }
     return {
         id: id,
         appearance: appearance,
+        type: type,
         title: title,
         status: status,
         text: text,
         buttonLabel: buttonLabel,
-        float: float,
-        global: global,
-        toast: toast,
         after: after,
         closeByTime: closeByTime,
         closeIcon: closeIcon,
         closeIconAppearance: closeIconAppearance,
         closeIconSrc: closeIconSrc,
+        isLoading: isLoading,
         onClickButton: onClickButton,
         onClose: onClose,
     };