@itcase/ui 1.9.51 → 1.9.53

package/dist/cjs/context/Notifications.js

@@ -144,7 +144,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/cjs/context/UIContext.js

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

package/dist/cjs/hooks/useActiveClasses/useActiveClasses.helpers.js

@@ -4,43 +4,43 @@ const CLASS_RULES = {
     fill: [
         {
             key: 'fillClass',
-            stateFn: ({ isDisabled, isActive }) => !isActive && !isDisabled,
+            stateFn: ({ isActive, isDisabled }) => !isActive && !isDisabled,
         },
         {
             key: 'fillHoverClass',
-            stateFn: ({ isDisabled, isActive }) => !isActive && !isDisabled,
+            stateFn: ({ isActive, isDisabled }) => !isActive && !isDisabled,
         },
         {
             key: 'fillActiveClass',
-            stateFn: ({ isDisabled, isActive }) => Boolean(isActive) && !isDisabled,
+            stateFn: ({ isActive, isDisabled }) => Boolean(isActive) && !isDisabled,
         },
         {
             key: 'fillActiveHoverClass',
-            stateFn: ({ isDisabled, isActive }) => Boolean(isActive) && !isDisabled,
+            stateFn: ({ isActive, isDisabled }) => Boolean(isActive) && !isDisabled,
         },
         {
             key: 'fillDisabledClass',
-            stateFn: ({ isDisabled, isActive }) => !isActive && Boolean(isDisabled),
+            stateFn: ({ isActive, isDisabled }) => !isActive && Boolean(isDisabled),
         },
     ],
     borderColor: [
         {
             key: 'borderColorClass',
-            stateFn: ({ isDisabled, isActive }) => !isActive && !isDisabled,
+            stateFn: ({ isActive, isDisabled }) => !isActive && !isDisabled,
         },
         {
             key: 'borderColorHoverClass',
-            stateFn: ({ isDisabled, isActive }) => !isActive && !isDisabled,
+            stateFn: ({ isActive, isDisabled }) => !isActive && !isDisabled,
         },
         {
             key: 'borderColorActiveClass',
-            stateFn: ({ isDisabled, isActive }) => Boolean(isActive) && !isDisabled,
+            stateFn: ({ isActive, isDisabled }) => Boolean(isActive) && !isDisabled,
         },
     ],
     textColor: [
         {
             key: 'textColorClass',
-            stateFn: ({ isDisabled, isActive }) => !isActive && !isDisabled,
+            stateFn: ({ isActive, isDisabled }) => !isActive && !isDisabled,
         },
     ],
 };

package/dist/cjs/hooks/useActiveClasses/useActiveClasses.js

@@ -4,7 +4,7 @@ var clsx = require('clsx');
 var useActiveClasses_helpers = require('./useActiveClasses.helpers.js');
 
 const useActiveClasses = (params) => {
-    const { isDisabled, propsGenerator, suffixes = [], isActive } = params;
+    const { propsGenerator, suffixes = [], isActive, isDisabled } = params;
     const rootClassesArray = [];
     Object.entries(useActiveClasses_helpers.CLASS_RULES).forEach(([rulesName, rules]) => {
         const kebabRuleName = useActiveClasses_helpers.toKebabCase(rulesName);
@@ -14,7 +14,7 @@ const useActiveClasses = (params) => {
                 return;
             }
             if (stateFn) {
-                const active = stateFn({ isDisabled, isActive });
+                const active = stateFn({ isActive, isDisabled });
                 if (!active) {
                     return;
                 }
@@ -35,7 +35,7 @@ const useActiveClasses = (params) => {
                     return;
                 }
                 if (stateFn) {
-                    const active = stateFn({ isDisabled, isActive });
+                    const active = stateFn({ isActive, isDisabled });
                     if (!active) {
                         return;
                     }