@cgi-learning-hub/ui 1.11.1-dev.1765194222 → 1.11.1-dev.1765209149

package/dist/index.cjs.js

@@ -58640,8 +58640,10 @@ const ResourceCard = ({
     }
   ) });
 };
+const SearchRoundedIcon = createSvgIcon(/* @__PURE__ */ jsxRuntime.jsx("path", {
+  d: "M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0s.41-1.08 0-1.49zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
+}), "SearchRounded");
 const StyledInput = styled(InputBase)(({ theme }) => ({
-  width: "auto",
   padding: "0px 12px",
   backgroundColor: theme.palette.grey[50],
   borderRadius: 30,
@@ -58655,15 +58657,18 @@ const StyledInput = styled(InputBase)(({ theme }) => ({
   }
 }));
 const SearchInput = ({
+  name = "search",
   placeholder = "Rechercher",
+  loading = false,
   ...otherProps
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     StyledInput,
     {
       ...otherProps,
+      name,
       placeholder,
-      startAdornment: /* @__PURE__ */ jsxRuntime.jsx(InputAdornment, { position: "start", disablePointerEvents: true, children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Search, {}) }),
+      startAdornment: /* @__PURE__ */ jsxRuntime.jsx(InputAdornment, { position: "start", disablePointerEvents: true, children: loading ? /* @__PURE__ */ jsxRuntime.jsx(CircularProgress, { size: "16px", sx: { mx: 0.5 } }) : /* @__PURE__ */ jsxRuntime.jsx(SearchRoundedIcon, {}) }),
       type: "search",
       autoComplete: "off",
       autoCorrect: "off",

package/dist/index.d.ts

@@ -551,7 +551,9 @@ export declare type ResourceCardSize = "md" | "sm";
 
 export declare const SearchInput: React.FunctionComponent<SearchInputProps>;
 
-export declare type SearchInputProps = InputBaseProps & {};
+export declare type SearchInputProps = InputBaseProps & {
+    loading?: boolean;
+};
 
 export { Select }
 

package/dist/index.es.js

@@ -10,7 +10,7 @@ import { useTheme as useTheme$4, styled as styled$3, Box as Box$1, ClickAwayList
 import { CirclePicker } from "react-color";
 import dayjs from "dayjs";
 import { useDropzone } from "react-dropzone";
-import { InsertDriveFileOutlined, OndemandVideoRounded, DescriptionOutlined, PictureAsPdfOutlined, CalendarViewMonthRounded, MovieOutlined, PhotoOutlined, MusicNoteRounded, DownloadRounded, CloseRounded, VisibilityOff, Visibility, Search } from "@mui/icons-material";
+import { InsertDriveFileOutlined, OndemandVideoRounded, DescriptionOutlined, PictureAsPdfOutlined, CalendarViewMonthRounded, MovieOutlined, PhotoOutlined, MusicNoteRounded, DownloadRounded, CloseRounded, VisibilityOff, Visibility } from "@mui/icons-material";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -58623,8 +58623,10 @@ const ResourceCard = ({
     }
   ) });
 };
+const SearchRoundedIcon = createSvgIcon(/* @__PURE__ */ jsx("path", {
+  d: "M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0s.41-1.08 0-1.49zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
+}), "SearchRounded");
 const StyledInput = styled(InputBase)(({ theme }) => ({
-  width: "auto",
   padding: "0px 12px",
   backgroundColor: theme.palette.grey[50],
   borderRadius: 30,
@@ -58638,15 +58640,18 @@ const StyledInput = styled(InputBase)(({ theme }) => ({
   }
 }));
 const SearchInput = ({
+  name = "search",
   placeholder = "Rechercher",
+  loading = false,
   ...otherProps
 }) => {
   return /* @__PURE__ */ jsx(
     StyledInput,
     {
       ...otherProps,
+      name,
       placeholder,
-      startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", disablePointerEvents: true, children: /* @__PURE__ */ jsx(Search, {}) }),
+      startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", disablePointerEvents: true, children: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: "16px", sx: { mx: 0.5 } }) : /* @__PURE__ */ jsx(SearchRoundedIcon, {}) }),
       type: "search",
       autoComplete: "off",
       autoCorrect: "off",

package/package.json

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