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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -58640,10 +58640,8 @@ const ResourceCard = ({
58640
58640
  }
58641
58641
  ) });
58642
58642
  };
58643
- const SearchRoundedIcon = createSvgIcon(/* @__PURE__ */ jsxRuntime.jsx("path", {
58644
- 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"
58645
- }), "SearchRounded");
58646
58643
  const StyledInput = styled(InputBase)(({ theme }) => ({
58644
+ width: "auto",
58647
58645
  padding: "0px 12px",
58648
58646
  backgroundColor: theme.palette.grey[50],
58649
58647
  borderRadius: 30,
@@ -58657,18 +58655,15 @@ const StyledInput = styled(InputBase)(({ theme }) => ({
58657
58655
  }
58658
58656
  }));
58659
58657
  const SearchInput = ({
58660
- name = "search",
58661
58658
  placeholder = "Rechercher",
58662
- loading = false,
58663
58659
  ...otherProps
58664
58660
  }) => {
58665
58661
  return /* @__PURE__ */ jsxRuntime.jsx(
58666
58662
  StyledInput,
58667
58663
  {
58668
58664
  ...otherProps,
58669
- name,
58670
58665
  placeholder,
58671
- 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, {}) }),
58666
+ startAdornment: /* @__PURE__ */ jsxRuntime.jsx(InputAdornment, { position: "start", disablePointerEvents: true, children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Search, {}) }),
58672
58667
  type: "search",
58673
58668
  autoComplete: "off",
58674
58669
  autoCorrect: "off",
package/dist/index.d.ts CHANGED
@@ -551,9 +551,7 @@ export declare type ResourceCardSize = "md" | "sm";
551
551
 
552
552
  export declare const SearchInput: React.FunctionComponent<SearchInputProps>;
553
553
 
554
- export declare type SearchInputProps = InputBaseProps & {
555
- loading?: boolean;
556
- };
554
+ export declare type SearchInputProps = InputBaseProps & {};
557
555
 
558
556
  export { Select }
559
557
 
package/dist/index.es.js CHANGED
@@ -10,7 +10,7 @@ import { useTheme as useTheme$4, styled as styled$3, Box as Box$1, ClickAwayList
10
10
  import { CirclePicker } from "react-color";
11
11
  import dayjs from "dayjs";
12
12
  import { useDropzone } from "react-dropzone";
13
- import { InsertDriveFileOutlined, OndemandVideoRounded, DescriptionOutlined, PictureAsPdfOutlined, CalendarViewMonthRounded, MovieOutlined, PhotoOutlined, MusicNoteRounded, DownloadRounded, CloseRounded, VisibilityOff, Visibility } from "@mui/icons-material";
13
+ import { InsertDriveFileOutlined, OndemandVideoRounded, DescriptionOutlined, PictureAsPdfOutlined, CalendarViewMonthRounded, MovieOutlined, PhotoOutlined, MusicNoteRounded, DownloadRounded, CloseRounded, VisibilityOff, Visibility, Search } from "@mui/icons-material";
14
14
  function getDefaultExportFromCjs(x) {
15
15
  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
16
16
  }
@@ -58623,10 +58623,8 @@ const ResourceCard = ({
58623
58623
  }
58624
58624
  ) });
58625
58625
  };
58626
- const SearchRoundedIcon = createSvgIcon(/* @__PURE__ */ jsx("path", {
58627
- 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"
58628
- }), "SearchRounded");
58629
58626
  const StyledInput = styled(InputBase)(({ theme }) => ({
58627
+ width: "auto",
58630
58628
  padding: "0px 12px",
58631
58629
  backgroundColor: theme.palette.grey[50],
58632
58630
  borderRadius: 30,
@@ -58640,18 +58638,15 @@ const StyledInput = styled(InputBase)(({ theme }) => ({
58640
58638
  }
58641
58639
  }));
58642
58640
  const SearchInput = ({
58643
- name = "search",
58644
58641
  placeholder = "Rechercher",
58645
- loading = false,
58646
58642
  ...otherProps
58647
58643
  }) => {
58648
58644
  return /* @__PURE__ */ jsx(
58649
58645
  StyledInput,
58650
58646
  {
58651
58647
  ...otherProps,
58652
- name,
58653
58648
  placeholder,
58654
- startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", disablePointerEvents: true, children: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: "16px", sx: { mx: 0.5 } }) : /* @__PURE__ */ jsx(SearchRoundedIcon, {}) }),
58649
+ startAdornment: /* @__PURE__ */ jsx(InputAdornment, { position: "start", disablePointerEvents: true, children: /* @__PURE__ */ jsx(Search, {}) }),
58655
58650
  type: "search",
58656
58651
  autoComplete: "off",
58657
58652
  autoCorrect: "off",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cgi-learning-hub/ui",
3
- "version": "1.11.1-dev.1765209149",
3
+ "version": "1.11.1",
4
4
  "description": "React component library for Hub's design system, built on Material UI with custom and extended components.",
5
5
  "keywords": [
6
6
  "cgi-learning-hub",