Update Select samples for react 19 (#825)

Author: Mariela Tihova

samples/inputs/select/group/src/index.tsx

@@ -1,23 +1,15 @@
 import React, { useEffect } from "react";
 import ReactDOM from "react-dom/client";
 import {
-  IgrSelectModule,
-  IgrSelectItemModule,
-  IgrIconModule,
   IgrSelect,
   IgrSelectItem,
   IgrIcon,
-  IgrSelectGroupModule,
   IgrSelectGroup,
   registerIconFromText,
 } from "igniteui-react";
 import "./index.css";
 import "igniteui-webcomponents/themes/light/bootstrap.css";
 
-IgrSelectModule.register();
-IgrSelectGroupModule.register();
-IgrSelectItemModule.register();
-IgrIconModule.register();
 
 const placeSvg =
   '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 12c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-1.8C18 6.57 15.35 4 12 4s-6 2.57-6 6.2c0 2.34 1.95 5.44 6 9.14 4.05-3.7 6-6.8 6-9.14zM12 2c4.2 0 8 3.22 8 8.2 0 3.32-2.67 7.25-8 11.8-5.33-4.55-8-8.48-8-11.8C4 5.22 7.8 2 12 2z"/></svg>';
@@ -117,6 +109,6 @@ export default function SelectGroup() {
   );
 }
 
-// rendering above class to the React DOM
+// rendering above component to the React DOM
 const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(<SelectGroup />);

samples/inputs/select/header/src/index.tsx

@@ -1,19 +1,12 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import {
-  IgrSelectModule,
-  IgrSelectHeaderModule,
-  IgrSelectItemModule,
   IgrSelect,
   IgrSelectItem,
   IgrSelectHeader
 } from "igniteui-react";
 import "igniteui-webcomponents/themes/light/bootstrap.css";
 
-IgrSelectModule.register();
-IgrSelectHeaderModule.register();
-IgrSelectItemModule.register();
-
 export default function SelectHeader() {
   return (
     <div className="sample">
@@ -28,6 +21,6 @@ export default function SelectHeader() {
   );
 }
 
-// rendering above class to the React DOM
+// rendering above component to the React DOM
 const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(<SelectHeader />);

samples/inputs/select/item/src/index.tsx

@@ -1,9 +1,6 @@
 import React, { useEffect } from "react";
 import ReactDOM from "react-dom/client";
 import {
-  IgrSelectModule,
-  IgrSelectItemModule,
-  IgrIconModule,
   IgrSelect,
   IgrSelectItem,
   IgrIcon,
@@ -12,9 +9,6 @@ import {
 import "./index.css";
 import "igniteui-webcomponents/themes/light/bootstrap.css";
 
-IgrSelectModule.register();
-IgrSelectItemModule.register();
-IgrIconModule.register();
 
 const hotelSvg =
   '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 14c1.66 0 3-1.34 3-3S8.66 8 7 8s-3 1.34-3 3 1.34 3 3 3zm0-4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm12-3h-8v8H3V5H1v15h2v-3h18v3h2v-9c0-2.21-1.79-4-4-4zm2 8h-8V9h6c1.1 0 2 .9 2 2v4z"/></svg>';
@@ -57,6 +51,6 @@ export default function SelectItem() {
   );
 }
 
-// rendering above class to the React DOM
+// rendering above component to the React DOM
 const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(<SelectItem />);

samples/inputs/select/overview/src/index.tsx

@@ -1,10 +1,8 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
-import { IgrSelectModule, IgrSelectItemModule, IgrSelect, IgrSelectItem } from "igniteui-react";
+import { IgrSelect, IgrSelectItem } from "igniteui-react";
 import "igniteui-webcomponents/themes/light/bootstrap.css";
 
-IgrSelectModule.register();
-IgrSelectItemModule.register();
 
 export default function SelectOverview() {
   return (
@@ -19,6 +17,6 @@ export default function SelectOverview() {
   );
 }
 
-// rendering above class to the React DOM
+// rendering above component to the React DOM
 const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(<SelectOverview />);

samples/inputs/select/styling/src/index.tsx

@@ -1,24 +1,15 @@
 import React, { useEffect } from "react";
 import ReactDOM from "react-dom/client";
 import {
-  IgrSelectModule,
-  IgrSelectItemModule,
-  IgrIconModule,
   IgrSelect,
   IgrSelectItem,
   IgrIcon,
-  IgrSelectGroupModule,
   IgrSelectGroup,
   registerIconFromText,
 } from "igniteui-react";
 import "./index.css";
 import "igniteui-webcomponents/themes/light/bootstrap.css";
 
-IgrSelectModule.register();
-IgrSelectGroupModule.register();
-IgrSelectItemModule.register();
-IgrIconModule.register();
-
 const placeSvg =
   '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 12c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-1.8C18 6.57 15.35 4 12 4s-6 2.57-6 6.2c0 2.34 1.95 5.44 6 9.14 4.05-3.7 6-6.8 6-9.14zM12 2c4.2 0 8 3.22 8 8.2 0 3.32-2.67 7.25-8 11.8-5.33-4.55-8-8.48-8-11.8C4 5.22 7.8 2 12 2z"/></svg>';
 
@@ -90,6 +81,6 @@ export default function SelectGroup() {
   );
 }
 
-// rendering above class to the React DOM
+// rendering above component to the React DOM
 const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(<SelectGroup />);