@cgi-learning-hub/ui 1.10.0-dev.1761580279 → 1.10.0-dev.1761752478

package/dist/index.cjs.js

@@ -56894,6 +56894,7 @@ const ImagePicker = ({
   width: width2 = "160px",
   height: height2 = "160px",
   initialFile = null,
+  disabled = false,
   ...otherProps
 }) => {
   const [currentFile, setCurrentFile] = React.useState(
@@ -56903,16 +56904,19 @@ const ImagePicker = ({
     setCurrentFile(initialFile);
   }, [initialFile]);
   const handleDrop = (acceptedFiles) => {
+    if (disabled) return;
     const selectedFile = acceptedFiles[0] || null;
     setCurrentFile(selectedFile);
     onFileChange(selectedFile);
   };
   const handleDelete = (e) => {
+    if (disabled) return;
     e.stopPropagation();
     setCurrentFile(null);
     onFileChange(null);
   };
   const handleEdit = (e) => {
+    if (disabled) return;
     e.stopPropagation();
     open();
   };
@@ -56923,7 +56927,8 @@ const ImagePicker = ({
     accept: {
       "image/*": [".png", ".jpeg", ".jpg", ".gif"]
     },
-    noClick: true
+    noClick: true,
+    disabled
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Stack,
@@ -56937,18 +56942,19 @@ const ImagePicker = ({
       height: height2,
       borderRadius: 1,
       sx: {
-        cursor: "pointer",
+        cursor: disabled ? "default" : "pointer",
         position: "relative",
         background: `${!currentFile && "linear-gradient(180deg, #F5F7F9 0%, #FFF 100%)"}`,
         border: `${!currentFile && "1px dashed"}`,
-        borderColor: (theme) => !currentFile && theme.palette.grey.main
+        borderColor: (theme) => !currentFile && theme.palette.grey.main,
+        opacity: disabled ? 0.6 : 1
       },
       ...getRootProps({
-        onClick: open
+        onClick: disabled ? void 0 : open
       }),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("input", { ...getInputProps() }),
-        !currentFile ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: isDragActive ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        !currentFile ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: isDragActive && !disabled ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             AddPhotoAlternateIcon,
             {
@@ -56987,7 +56993,7 @@ const ImagePicker = ({
             ]
           }
         ) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
+          !disabled && /* @__PURE__ */ jsxRuntime.jsxs(
             material.Box,
             {
               sx: {

package/dist/index.d.ts

@@ -425,6 +425,7 @@ export declare type ImagePickerProps = {
     width?: string;
     height?: string;
     initialFile?: string | File;
+    disabled?: boolean;
 } & DropzoneProps_2;
 
 export declare type InfoItem = {

package/dist/index.es.js

@@ -56877,6 +56877,7 @@ const ImagePicker = ({
   width: width2 = "160px",
   height: height2 = "160px",
   initialFile = null,
+  disabled = false,
   ...otherProps
 }) => {
   const [currentFile, setCurrentFile] = useState(
@@ -56886,16 +56887,19 @@ const ImagePicker = ({
     setCurrentFile(initialFile);
   }, [initialFile]);
   const handleDrop = (acceptedFiles) => {
+    if (disabled) return;
     const selectedFile = acceptedFiles[0] || null;
     setCurrentFile(selectedFile);
     onFileChange(selectedFile);
   };
   const handleDelete = (e) => {
+    if (disabled) return;
     e.stopPropagation();
     setCurrentFile(null);
     onFileChange(null);
   };
   const handleEdit = (e) => {
+    if (disabled) return;
     e.stopPropagation();
     open();
   };
@@ -56906,7 +56910,8 @@ const ImagePicker = ({
     accept: {
       "image/*": [".png", ".jpeg", ".jpg", ".gif"]
     },
-    noClick: true
+    noClick: true,
+    disabled
   });
   return /* @__PURE__ */ jsxs(
     Stack,
@@ -56920,18 +56925,19 @@ const ImagePicker = ({
       height: height2,
       borderRadius: 1,
       sx: {
-        cursor: "pointer",
+        cursor: disabled ? "default" : "pointer",
         position: "relative",
         background: `${!currentFile && "linear-gradient(180deg, #F5F7F9 0%, #FFF 100%)"}`,
         border: `${!currentFile && "1px dashed"}`,
-        borderColor: (theme) => !currentFile && theme.palette.grey.main
+        borderColor: (theme) => !currentFile && theme.palette.grey.main,
+        opacity: disabled ? 0.6 : 1
       },
       ...getRootProps({
-        onClick: open
+        onClick: disabled ? void 0 : open
       }),
       children: [
         /* @__PURE__ */ jsx("input", { ...getInputProps() }),
-        !currentFile ? /* @__PURE__ */ jsx(Fragment, { children: isDragActive ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        !currentFile ? /* @__PURE__ */ jsx(Fragment, { children: isDragActive && !disabled ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(
             AddPhotoAlternateIcon,
             {
@@ -56970,7 +56976,7 @@ const ImagePicker = ({
             ]
           }
         ) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(
+          !disabled && /* @__PURE__ */ jsxs(
             Box$1,
             {
               sx: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgi-learning-hub/ui",
-  "version": "1.10.0-dev.1761580279",
+  "version": "1.10.0-dev.1761752478",
   "description": "React component library for Hub's design system, built on Material UI with custom and extended components.",
   "keywords": [
     "cgi-learning-hub",