@gridsuite/commons-ui 0.65.1 → 0.65.2

package/dist/components/authentication/AuthenticationRouter.d.ts

@@ -1,30 +1,4 @@
-import { AuthenticationActions } from '../../redux/actions/authActions';
-import { UserManager } from 'oidc-client';
-import { Location, NavigateFunction } from 'react-router-dom';
-import { Dispatch } from 'react';
+import { AuthenticationRouterProps } from './authenticationType';
 
-export type AuthenticationRouterErrorState = {
-    userName?: string;
-    userValidationError?: {
-        error: Error;
-    };
-    logoutError?: {
-        error: Error;
-    };
-    unauthorizedUserInfo?: string;
-};
-export type UserManagerState = {
-    instance: UserManager | null;
-    error: string | null;
-};
-export interface AuthenticationRouterProps {
-    userManager: UserManagerState;
-    signInCallbackError: Error | null;
-    authenticationRouterError: AuthenticationRouterErrorState | null;
-    showAuthenticationRouterLogin: boolean;
-    dispatch: Dispatch<AuthenticationActions>;
-    navigate: NavigateFunction;
-    location: Location;
-}
 declare function AuthenticationRouter({ userManager, signInCallbackError, authenticationRouterError, showAuthenticationRouterLogin, dispatch, navigate, location, }: Readonly<AuthenticationRouterProps>): import("react/jsx-runtime").JSX.Element;
 export default AuthenticationRouter;

package/dist/components/authentication/AuthenticationRouter.js

@@ -1,13 +1,12 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { Routes, Route, Navigate } from "react-router-dom";
-import { Grid, Alert, AlertTitle } from "@mui/material";
-import { FormattedMessage } from "react-intl";
+import { Grid } from "@mui/material";
+import AuthenticationRouterErrorDisplay from "./AuthenticationRouterErrorDisplay.js";
+import { handleSigninCallback, handleSilentRenewCallback, login } from "./utils/authService.js";
 import SignInCallbackHandler from "./SignInCallbackHandler.js";
-import { handleSigninCallback, handleSilentRenewCallback, login, logout } from "./utils/authService.js";
 import SilentRenewCallbackHandler from "./SilentRenewCallbackHandler.js";
 import Login from "./Login.js";
-import Logout from "./Logout.js";
 function AuthenticationRouter({
   userManager,
   signInCallbackError,
@@ -18,12 +17,12 @@ function AuthenticationRouter({
   location
 }) {
   const handleSigninCallbackClosure = useCallback(() => {
-    if (userManager.instance != null) {
+    if (userManager.instance) {
       handleSigninCallback(dispatch, navigate, userManager.instance);
     }
   }, [dispatch, navigate, userManager.instance]);
   const handleSilentRenewCallbackClosure = useCallback(() => {
-    if (userManager.instance != null) {
+    if (userManager.instance) {
       handleSilentRenewCallback(userManager.instance);
     }
   }, [userManager.instance]);
@@ -78,55 +77,14 @@ function AuthenticationRouter({
         }
       )
     ] }),
-    authenticationRouterError !== null && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
-        Logout,
-        {
-          disabled: userManager.instance === null,
-          onLogoutClick: () => logout(dispatch, userManager.instance)
-        }
-      ) }),
-      /* @__PURE__ */ jsxs(Grid, { item: true, xs: 4, children: [
-        authenticationRouterError.logoutError != null && /* @__PURE__ */ jsxs(Alert, { severity: "error", children: [
-          /* @__PURE__ */ jsx(AlertTitle, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "login/errorInLogout" }) }),
-          /* @__PURE__ */ jsx(
-            FormattedMessage,
-            {
-              id: "login/errorInLogoutMessage",
-              values: {
-                userName: authenticationRouterError.userName
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx("p", { children: authenticationRouterError.logoutError.error.message })
-        ] }),
-        (authenticationRouterError == null ? void 0 : authenticationRouterError.userValidationError) != null && /* @__PURE__ */ jsxs(Alert, { severity: "error", children: [
-          /* @__PURE__ */ jsx(AlertTitle, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "login/errorInUserValidation" }) }),
-          /* @__PURE__ */ jsx(
-            FormattedMessage,
-            {
-              id: "login/errorInUserValidationMessage",
-              values: {
-                userName: authenticationRouterError.userName
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx("p", { children: authenticationRouterError.userValidationError.error.message })
-        ] }),
-        (authenticationRouterError == null ? void 0 : authenticationRouterError.unauthorizedUserInfo) != null && /* @__PURE__ */ jsxs(Alert, { severity: "info", children: [
-          /* @__PURE__ */ jsx(AlertTitle, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "login/unauthorizedAccess" }) }),
-          /* @__PURE__ */ jsx(
-            FormattedMessage,
-            {
-              id: "login/unauthorizedAccessMessage",
-              values: {
-                userName: authenticationRouterError.userName
-              }
-            }
-          )
-        ] })
-      ] })
-    ] })
+    authenticationRouterError !== null && /* @__PURE__ */ jsx(
+      AuthenticationRouterErrorDisplay,
+      {
+        dispatch,
+        instance: userManager.instance,
+        errorState: authenticationRouterError
+      }
+    )
   ] });
 }
 export {

package/dist/components/authentication/AuthenticationRouterErrorDisplay.d.ts

@@ -0,0 +1,9 @@
+import { AuthenticationRouterErrorState, AuthenticationRouterProps, UserManagerState } from './authenticationType';
+
+type AuthenticationRouterErrorDisplayProps = {
+    errorState: AuthenticationRouterErrorState;
+    instance: UserManagerState['instance'];
+    dispatch: AuthenticationRouterProps['dispatch'];
+};
+declare function AuthenticationRouterErrorDisplay({ errorState, instance, dispatch }: AuthenticationRouterErrorDisplayProps): import("react/jsx-runtime").JSX.Element;
+export default AuthenticationRouterErrorDisplay;

package/dist/components/authentication/AuthenticationRouterErrorDisplay.js

@@ -0,0 +1,26 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Grid } from "@mui/material";
+import Logout from "./Logout.js";
+import { logout } from "./utils/authService.js";
+import { ErrorInLogoutAlert } from "./alert/ErrorInLogoutAlert.js";
+import { ErrorInUserValidationAlert } from "./alert/ErrorInUserValidationAlert.js";
+import { UnauthorizedAccessAlert } from "./alert/UnauthorizedAccessAlert.js";
+function AuthenticationRouterErrorDisplay({ errorState, instance, dispatch }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Logout, { disabled: instance === null, onLogoutClick: () => logout(dispatch, instance) }) }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 4, children: [
+      errorState.logoutError && /* @__PURE__ */ jsx(ErrorInLogoutAlert, { userName: errorState.userName, message: errorState.logoutError.error.message }),
+      errorState.userValidationError && /* @__PURE__ */ jsx(
+        ErrorInUserValidationAlert,
+        {
+          userName: errorState.userName,
+          message: errorState.userValidationError.error.message
+        }
+      ),
+      errorState.unauthorizedUserInfo && /* @__PURE__ */ jsx(UnauthorizedAccessAlert, { userName: errorState.userName })
+    ] })
+  ] });
+}
+export {
+  AuthenticationRouterErrorDisplay as default
+};

package/dist/components/authentication/alert/ErrorInLogoutAlert.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) 2024, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+type ErrorInLogoutAlertProps = {
+    userName?: string;
+    message: string;
+};
+export declare function ErrorInLogoutAlert({ userName, message }: ErrorInLogoutAlertProps): import("react/jsx-runtime").JSX.Element;
+export default ErrorInLogoutAlert;

package/dist/components/authentication/alert/ErrorInLogoutAlert.js

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Alert, AlertTitle } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+function ErrorInLogoutAlert({ userName, message }) {
+  return /* @__PURE__ */ jsxs(Alert, { severity: "error", children: [
+    /* @__PURE__ */ jsx(AlertTitle, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "login/errorInLogout" }) }),
+    /* @__PURE__ */ jsx(FormattedMessage, { id: "login/errorInLogoutMessage", values: { userName } }),
+    /* @__PURE__ */ jsx("p", { children: message })
+  ] });
+}
+export {
+  ErrorInLogoutAlert,
+  ErrorInLogoutAlert as default
+};

package/dist/components/authentication/alert/ErrorInUserValidationAlert.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Copyright (c) 2024, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+type ErrorInUserValidationAlertProps = {
+    userName?: string;
+    message: string;
+};
+export declare function ErrorInUserValidationAlert({ userName, message }: ErrorInUserValidationAlertProps): import("react/jsx-runtime").JSX.Element;
+export default ErrorInUserValidationAlert;

package/dist/components/authentication/alert/ErrorInUserValidationAlert.js

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Alert, AlertTitle } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+function ErrorInUserValidationAlert({ userName, message }) {
+  return /* @__PURE__ */ jsxs(Alert, { severity: "error", children: [
+    /* @__PURE__ */ jsx(AlertTitle, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "login/errorInUserValidation" }) }),
+    /* @__PURE__ */ jsx(FormattedMessage, { id: "login/errorInUserValidationMessage", values: { userName } }),
+    /* @__PURE__ */ jsx("p", { children: message })
+  ] });
+}
+export {
+  ErrorInUserValidationAlert,
+  ErrorInUserValidationAlert as default
+};

package/dist/components/authentication/alert/UnauthorizedAccessAlert.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright (c) 2024, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+type UnauthorizedAccessAlertProps = {
+    userName?: string;
+};
+export declare function UnauthorizedAccessAlert({ userName }: UnauthorizedAccessAlertProps): import("react/jsx-runtime").JSX.Element;
+export default UnauthorizedAccessAlert;

package/dist/components/authentication/alert/UnauthorizedAccessAlert.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Alert, AlertTitle } from "@mui/material";
+import { FormattedMessage } from "react-intl";
+function UnauthorizedAccessAlert({ userName }) {
+  return /* @__PURE__ */ jsxs(Alert, { severity: "info", children: [
+    /* @__PURE__ */ jsx(AlertTitle, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "login/unauthorizedAccess" }) }),
+    /* @__PURE__ */ jsx(FormattedMessage, { id: "login/unauthorizedAccessMessage", values: { userName } })
+  ] });
+}
+export {
+  UnauthorizedAccessAlert,
+  UnauthorizedAccessAlert as default
+};

package/dist/components/authentication/alert/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright (c) 2024, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+export * from './ErrorInLogoutAlert';
+export * from './ErrorInUserValidationAlert';
+export * from './UnauthorizedAccessAlert';

package/dist/components/authentication/alert/index.js

@@ -0,0 +1,8 @@
+import { ErrorInLogoutAlert } from "./ErrorInLogoutAlert.js";
+import { ErrorInUserValidationAlert } from "./ErrorInUserValidationAlert.js";
+import { UnauthorizedAccessAlert } from "./UnauthorizedAccessAlert.js";
+export {
+  ErrorInLogoutAlert,
+  ErrorInUserValidationAlert,
+  UnauthorizedAccessAlert
+};

package/dist/components/authentication/authenticationType.d.ts

@@ -0,0 +1,28 @@
+import { AuthenticationActions } from '../../redux/actions/authActions';
+import { NavigateFunction, Location } from 'react-router-dom';
+import { Dispatch } from 'react';
+import { UserManager } from 'oidc-client';
+
+export type AuthenticationRouterErrorState = {
+    userName?: string;
+    userValidationError?: {
+        error: Error;
+    };
+    logoutError?: {
+        error: Error;
+    };
+    unauthorizedUserInfo?: string;
+};
+export type UserManagerState = {
+    instance: UserManager | null;
+    error: string | null;
+};
+export interface AuthenticationRouterProps {
+    userManager: UserManagerState;
+    signInCallbackError: Error | null;
+    authenticationRouterError: AuthenticationRouterErrorState | null;
+    showAuthenticationRouterLogin: boolean;
+    dispatch: Dispatch<AuthenticationActions>;
+    navigate: NavigateFunction;
+    location: Location;
+}

package/dist/components/authentication/authenticationType.js

@@ -0,0 +1 @@
+

package/dist/components/authentication/index.d.ts

@@ -5,8 +5,11 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 export { default as AuthenticationRouter } from './AuthenticationRouter';
-export type { AuthenticationRouterErrorState, AuthenticationRouterProps, UserManagerState, } from './AuthenticationRouter';
+export { default as AuthenticationRouterErrorDisplay } from './AuthenticationRouterErrorDisplay';
 export { default as Login } from './Login';
+export { default as Logout } from './Logout';
 export { default as SignInCallbackHandler } from './SignInCallbackHandler';
 export { default as SilentRenewCallbackHandler } from './SilentRenewCallbackHandler';
-export { initializeAuthenticationDev, initializeAuthenticationProd, logout, dispatchUser, getPreLoginPath, } from './utils/authService';
+export * from './alert';
+export * from './authenticationType';
+export * from './utils';

package/dist/components/authentication/index.js

@@ -1,16 +1,31 @@
 import { default as default2 } from "./AuthenticationRouter.js";
-import { default as default3 } from "./Login.js";
-import { default as default4 } from "./SignInCallbackHandler.js";
-import { default as default5 } from "./SilentRenewCallbackHandler.js";
-import { dispatchUser, getPreLoginPath, initializeAuthenticationDev, initializeAuthenticationProd, logout } from "./utils/authService.js";
+import { default as default3 } from "./AuthenticationRouterErrorDisplay.js";
+import { default as default4 } from "./Login.js";
+import { default as default5 } from "./Logout.js";
+import { default as default6 } from "./SignInCallbackHandler.js";
+import { default as default7 } from "./SilentRenewCallbackHandler.js";
+import { ErrorInLogoutAlert } from "./alert/ErrorInLogoutAlert.js";
+import { ErrorInUserValidationAlert } from "./alert/ErrorInUserValidationAlert.js";
+import { UnauthorizedAccessAlert } from "./alert/UnauthorizedAccessAlert.js";
+import { dispatchUser, getPreLoginPath, handleSigninCallback, handleSilentRenewCallback, initializeAuthenticationDev, initializeAuthenticationProd, login, logout } from "./utils/authService.js";
+import { UserManagerMock } from "./utils/userManagerMock.js";
 export {
   default2 as AuthenticationRouter,
-  default3 as Login,
-  default4 as SignInCallbackHandler,
-  default5 as SilentRenewCallbackHandler,
+  default3 as AuthenticationRouterErrorDisplay,
+  ErrorInLogoutAlert,
+  ErrorInUserValidationAlert,
+  default4 as Login,
+  default5 as Logout,
+  default6 as SignInCallbackHandler,
+  default7 as SilentRenewCallbackHandler,
+  UnauthorizedAccessAlert,
+  UserManagerMock,
   dispatchUser,
   getPreLoginPath,
+  handleSigninCallback,
+  handleSilentRenewCallback,
   initializeAuthenticationDev,
   initializeAuthenticationProd,
+  login,
   logout
 };

package/dist/components/authentication/utils/authService.js

@@ -1,6 +1,6 @@
 import { jwtDecode } from "jwt-decode";
 import { Log, UserManager } from "oidc-client";
-import UserManagerMock from "./userManagerMock.js";
+import { UserManagerMock } from "./userManagerMock.js";
 import { setLoggedUser, setLogoutError, setUnauthorizedUserInfo, setUserValidationError, setSignInCallbackError, setShowAuthenticationRouterLogin, resetAuthenticationRouterError } from "../../../redux/actions/authActions.js";
 window.OIDCLog = Log;
 const hackAuthorityKey = "oidc.hack.authority";

package/dist/components/authentication/utils/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright (c) 2024, RTE (http://www.rte-france.com)
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+export * from './authService';
+export * from './userManagerMock';

package/dist/components/authentication/utils/index.js

@@ -0,0 +1,13 @@
+import { dispatchUser, getPreLoginPath, handleSigninCallback, handleSilentRenewCallback, initializeAuthenticationDev, initializeAuthenticationProd, login, logout } from "./authService.js";
+import { UserManagerMock } from "./userManagerMock.js";
+export {
+  UserManagerMock,
+  dispatchUser,
+  getPreLoginPath,
+  handleSigninCallback,
+  handleSilentRenewCallback,
+  initializeAuthenticationDev,
+  initializeAuthenticationProd,
+  login,
+  logout
+};

package/dist/components/authentication/utils/userManagerMock.d.ts

@@ -21,7 +21,7 @@ declare class Events implements UserManagerEvents {
     addAccessTokenExpired(): void;
     removeAccessTokenExpired(): void;
 }
-export default class UserManagerMock implements UserManager {
+export declare class UserManagerMock implements UserManager {
     settings: UserManagerSettings;
     events: Events;
     user: User;
@@ -56,4 +56,4 @@ export default class UserManagerMock implements UserManager {
     createSignoutRequest(): Promise<SignoutRequest>;
     processSignoutResponse(): Promise<SignoutResponse>;
 }
-export {};
+export default UserManagerMock;

package/dist/components/authentication/utils/userManagerMock.js

@@ -165,5 +165,6 @@ class UserManagerMock {
   }
 }
 export {
+  UserManagerMock,
   UserManagerMock as default
 };

package/dist/components/checkBoxList/CheckBoxListItem.d.ts

@@ -1,4 +1,4 @@
 import { CheckBoxListItemProps } from './checkBoxList.type';
 
-export declare function CheckBoxListItem<T>({ item, sx, secondaryAction, getItemId, divider, isCheckboxClickableOnly, ...props }: CheckBoxListItemProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function CheckBoxListItem<T>({ item, sx, secondaryAction, getItemId, divider, onItemClick, isItemClickable, ...props }: Readonly<CheckBoxListItemProps<T>>): import("react/jsx-runtime").JSX.Element;
 export default CheckBoxListItem;

package/dist/components/checkBoxList/CheckBoxListItem.js

@@ -9,7 +9,8 @@ function CheckBoxListItem({
   secondaryAction,
   getItemId,
   divider,
-  isCheckboxClickableOnly,
+  onItemClick,
+  isItemClickable,
   ...props
 }) {
   const [hover, setHover] = useState("");
@@ -20,10 +21,18 @@ function CheckBoxListItem({
       sx: { minWidth: 0, ...sx == null ? void 0 : sx.checkboxListItem },
       onMouseEnter: () => setHover(getItemId(item)),
       onMouseLeave: () => setHover(""),
-      disablePadding: !isCheckboxClickableOnly,
+      disablePadding: !!onItemClick,
       disableGutters: true,
       divider,
-      children: isCheckboxClickableOnly ? /* @__PURE__ */ jsx(ClickableCheckBoxItem, { ...props }) : /* @__PURE__ */ jsx(ClickableRowItem, { ...props })
+      children: !onItemClick ? /* @__PURE__ */ jsx(ClickableCheckBoxItem, { sx, ...props }) : /* @__PURE__ */ jsx(
+        ClickableRowItem,
+        {
+          isItemClickable: isItemClickable == null ? void 0 : isItemClickable(item),
+          onItemClick: () => onItemClick(item),
+          sx,
+          ...props
+        }
+      )
     }
   );
 }

package/dist/components/checkBoxList/CheckBoxListItems.d.ts

@@ -1,4 +1,4 @@
 import { CheckBoxListItemsProps } from './checkBoxList.type';
 
-export declare function CheckBoxListItems<T>({ items, selectedItems, onSelectionChange, getItemId, sx, secondaryAction, enableSecondaryActionOnHover, addSelectAllCheckbox, selectAllCheckBoxLabel, getItemLabel, isDisabled, isDndDragAndDropActive, isDragDisable, divider, isCheckboxClickableOnly, ...props }: CheckBoxListItemsProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function CheckBoxListItems<T>({ items, selectedItems, onSelectionChange, getItemId, sx, secondaryAction, addSelectAllCheckbox, selectAllCheckBoxLabel, getItemLabel, isDisabled, isDndDragAndDropActive, isDragDisable, divider, onItemClick, isItemClickable, ...props }: Readonly<CheckBoxListItemsProps<T>>): import("react/jsx-runtime").JSX.Element;
 export default CheckBoxListItems;

package/dist/components/checkBoxList/CheckBoxListItems.js

@@ -13,7 +13,6 @@ function CheckBoxListItems({
   getItemId,
   sx,
   secondaryAction,
-  enableSecondaryActionOnHover,
   addSelectAllCheckbox,
   selectAllCheckBoxLabel,
   getItemLabel,
@@ -21,7 +20,8 @@ function CheckBoxListItems({
   isDndDragAndDropActive,
   isDragDisable,
   divider,
-  isCheckboxClickableOnly,
+  onItemClick,
+  isItemClickable,
   ...props
 }) {
   const handleOnchange = useCallback(
@@ -64,13 +64,8 @@ function CheckBoxListItems({
     if (!secondaryAction) {
       return null;
     }
-    if (!enableSecondaryActionOnHover) {
-      return secondaryAction(item);
-    }
-    if (hover === getItemId(item)) {
-      return secondaryAction(item);
-    }
-    return null;
+    const isItemHovered = hover === getItemId(item);
+    return secondaryAction(item, isItemHovered);
   };
   const selectAllLabel = useMemo(
     () => selectAllCheckBoxLabel ?? "multiple_selection_dialog/selectAll",
@@ -109,6 +104,7 @@ function CheckBoxListItems({
       const label = getItemLabel ? getItemLabel(item) : getItemId(item);
       const disabled = isDisabled ? isDisabled(item) : false;
       const addDivider = divider && index < items.length - 1;
+      const calculatedItemSx = typeof (sx == null ? void 0 : sx.items) === "function" ? sx == null ? void 0 : sx.items(item) : sx == null ? void 0 : sx.items;
       if (isDndDragAndDropActive) {
         return /* @__PURE__ */ jsx(
           Draggable,
@@ -123,14 +119,15 @@ function CheckBoxListItems({
                 checked: isChecked(item),
                 label,
                 onClick: () => toggleSelection(getItemId(item)),
-                sx,
+                sx: calculatedItemSx,
                 disabled,
                 getItemId,
                 secondaryAction: handleSecondaryAction,
                 isDragDisable,
                 provided,
                 divider: addDivider,
-                isCheckboxClickableOnly
+                onItemClick,
+                isItemClickable
               },
               getItemId(item)
             )
@@ -147,10 +144,11 @@ function CheckBoxListItems({
           onClick: () => toggleSelection(getItemId(item)),
           disabled,
           getItemId,
-          sx,
+          sx: calculatedItemSx,
           secondaryAction: handleSecondaryAction,
           divider: addDivider,
-          isCheckboxClickableOnly
+          onItemClick,
+          isItemClickable
         },
         getItemId(item)
       );

package/dist/components/checkBoxList/ClickableCheckBoxItem.d.ts

@@ -1,4 +1,4 @@
-import { ClickableItemProps } from './checkBoxList.type';
+import { ClickableCheckBoxItemProps } from './checkBoxList.type';
 
-export declare function ClickableCheckBoxItem({ sx, label, ...props }: ClickableItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function ClickableCheckBoxItem({ sx, label, ...props }: ClickableCheckBoxItemProps): import("react/jsx-runtime").JSX.Element;
 export default ClickableCheckBoxItem;

package/dist/components/checkBoxList/ClickableRowItem.d.ts

@@ -1,4 +1,4 @@
-import { ClickableItemProps } from './checkBoxList.type';
+import { ClickableRowItemProps } from './checkBoxList.type';
 
-export declare function ClickableRowItem({ sx, disabled, label, onClick, ...props }: ClickableItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function ClickableRowItem({ sx, disabled, label, onClick, onItemClick, isItemClickable, ...props }: Readonly<ClickableRowItemProps>): import("react/jsx-runtime").JSX.Element;
 export default ClickableRowItem;

package/dist/components/checkBoxList/ClickableRowItem.js

@@ -1,20 +1,50 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { ListItemButton, ListItemIcon, Checkbox, ListItemText } from "@mui/material";
 import { OverflowableText } from "../overflowableText/OverflowableText.js";
-function ClickableRowItem({ sx, disabled, label, onClick, ...props }) {
-  return /* @__PURE__ */ jsxs(ListItemButton, { sx: { paddingLeft: 0, ...sx == null ? void 0 : sx.checkboxButton }, disabled, onClick, children: [
-    /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 0, ...sx == null ? void 0 : sx.checkBoxIcon }, children: /* @__PURE__ */ jsx(Checkbox, { disableRipple: true, sx: { paddingLeft: 0, ...sx == null ? void 0 : sx.checkbox }, ...props }) }),
-    /* @__PURE__ */ jsx(
-      ListItemText,
-      {
-        sx: {
-          display: "flex"
-        },
-        disableTypography: true,
-        children: /* @__PURE__ */ jsx(OverflowableText, { sx: sx == null ? void 0 : sx.label, text: label })
-      }
-    )
-  ] });
+const styles = {
+  unclickableItem: {
+    "&:hover": {
+      backgroundColor: "transparent"
+    },
+    cursor: "inherit"
+  }
+};
+function ClickableRowItem({
+  sx,
+  disabled,
+  label,
+  onClick,
+  onItemClick,
+  isItemClickable = true,
+  ...props
+}) {
+  const onCheckboxClick = (event) => {
+    event.stopPropagation();
+    onClick();
+  };
+  const handleItemClick = () => isItemClickable && onItemClick();
+  return /* @__PURE__ */ jsxs(
+    ListItemButton,
+    {
+      disableTouchRipple: !isItemClickable,
+      sx: { paddingLeft: 0, ...sx == null ? void 0 : sx.checkboxButton, ...!isItemClickable && styles.unclickableItem },
+      disabled,
+      onClick: handleItemClick,
+      children: [
+        /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 0, ...sx == null ? void 0 : sx.checkBoxIcon }, children: /* @__PURE__ */ jsx(Checkbox, { disableRipple: true, sx: { paddingLeft: 0, ...sx == null ? void 0 : sx.checkbox }, onClick: onCheckboxClick, ...props }) }),
+        /* @__PURE__ */ jsx(
+          ListItemText,
+          {
+            sx: {
+              display: "flex"
+            },
+            disableTypography: true,
+            children: /* @__PURE__ */ jsx(OverflowableText, { sx: sx == null ? void 0 : sx.label, text: label })
+          }
+        )
+      ]
+    }
+  );
 }
 export {
   ClickableRowItem,

package/dist/components/checkBoxList/DraggableCheckBoxListItem.d.ts

@@ -1,4 +1,4 @@
 import { DraggableCheckBoxListItemProps } from './checkBoxList.type';
 
-export declare function DraggableCheckBoxListItem<T>({ item, sx, secondaryAction, getItemId, isDragDisable, provided, divider, isCheckboxClickableOnly, ...props }: DraggableCheckBoxListItemProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DraggableCheckBoxListItem<T>({ item, sx, secondaryAction, getItemId, isDragDisable, provided, divider, onItemClick, isItemClickable, ...props }: Readonly<DraggableCheckBoxListItemProps<T>>): import("react/jsx-runtime").JSX.Element;
 export default DraggableCheckBoxListItem;