chore(ui): migrate Select component to TypeScript

.changeset/nine-seals-drop.md

@@ -0,0 +1,5 @@
+---
+"@cloudoperators/juno-ui-components": patch
+---
+
+Migrate Select component to typescript

packages/ui-components/src/components/Form/Form.stories.js

@@ -10,8 +10,8 @@ import { FormRow } from "../FormRow/index.js"
 import { FormSection } from "../FormSection/index.js"
 import { FormHint } from "../../deprecated_js/FormHint/index.js"
 import { TextInput } from "../../deprecated_js/TextInput/index.js"
-import { Select } from "../Select/index.js"
-import { SelectOption } from "../SelectOption/index.js"
+import { Select } from "../../deprecated_js/Select/index.js"
+import { SelectOption } from "../../deprecated_js/SelectOption/index.js"
 import { Switch } from "../Switch/index.js"
 import { Textarea } from "../../deprecated_js/Textarea/index.js"
 import { Button } from "../../deprecated_js/Button/index.js"

packages/ui-components/src/components/FormHint/FormHint.component.tsx

@@ -42,7 +42,7 @@ export const FormHint = ({ children = null, text = "", variant = "help", classNa
 
 FormHint.displayName = "FormHint"
 
-export interface FormHintProps {
+export interface FormHintProps extends React.ComponentPropsWithoutRef<"div"> {
   /** The children to render as a hint associated with a form element */
   children?: ReactNode
   /** The text to render. If both children and text are passed, children will rendered */

packages/ui-components/src/components/FormRow/FormRow.stories.js

@@ -5,7 +5,7 @@
 
 import React from "react"
 import PropTypes from "prop-types"
-import { FormRow } from "./index.js"
+import { FormRow } from "./FormRow.component"
 import { TextInput } from "../../deprecated_js/TextInput/index.js"
 
 export default {

packages/ui-components/src/components/Pagination/Pagination.component.js

@@ -7,8 +7,8 @@ import React, { useEffect, useState } from "react"
 import PropTypes from "prop-types"
 import { Button } from "../../deprecated_js/Button/Button.component"
 import { TextInput } from "../../deprecated_js/TextInput/TextInput.component"
-import { Select } from "../Select/Select.component"
-import { SelectOption } from "../SelectOption/SelectOption.component"
+import { Select } from "../../deprecated_js/Select/Select.component"
+import { SelectOption } from "../../deprecated_js/SelectOption/SelectOption.component"
 import { Spinner } from "../../deprecated_js/Spinner/Spinner.component"
 import { Stack } from "../../deprecated_js/Stack/Stack.component"