Linting fixes

Author: csillag

src/components/ui-plus-behavior/input/ActionButton.tsx

@@ -16,7 +16,7 @@ import {
   DialogTitle,
 } from '../../ui/dialog.tsx'
 
-export const ActionButton: FC<ActionControls<any>> = props => {
+export const ActionButton: FC<ActionControls<unknown>> = props => {
   const {
     name,
     allMessages,

src/components/ui-plus-behavior/input/ExecutionContext.ts

@@ -4,9 +4,9 @@ export type Timeout = ReturnType<typeof setTimeout>
 
 export type ExecutionContext = {
   setStatus: (message: MarkdownCode | undefined) => void
-  log: (message: MarkdownCode, ...optionalParams: any[]) => void
-  warn: (message: MarkdownCode, ...optionalParams: any[]) => void
-  error: (message: MarkdownCode, ...optionalParams: any[]) => void
+  log: (message: MarkdownCode | unknown, ...optionalParams: unknown[]) => void
+  warn: (message: MarkdownCode | unknown, ...optionalParams: unknown[]) => void
+  error: (message: MarkdownCode | unknown, ...optionalParams: unknown[]) => void
 }
 
 export const basicExecutionContext: ExecutionContext = {

src/components/ui-plus-behavior/input/FieldAndValidationMessage.tsx

@@ -7,7 +7,7 @@ import { MotionDiv } from '../Animations'
 import { MarkdownBlock } from '../../ui/markdown'
 
 export const FieldAndValidationMessage: FC<
-  Pick<InputFieldControls<any>, 'validationPending' | 'validationStatusMessage' | 'clearErrorMessage'> & {
+  Pick<InputFieldControls<unknown>, 'validationPending' | 'validationStatusMessage' | 'clearErrorMessage'> & {
     messages: FieldMessage[]
   }
 > = props => {

src/components/ui-plus-behavior/input/FieldStatusIndicator.tsx

@@ -7,7 +7,7 @@ import { CircleAlert, CircleCheck, LoaderCircle } from 'lucide-react'
 
 export const FieldStatusIndicators: FC<
   Pick<
-    InputFieldControls<any>,
+    InputFieldControls<unknown>,
     'indicateValidationPending' | 'indicateValidationSuccess' | 'validationPending' | 'isValidated'
   > & { messages: FieldMessage[] }
 > = props => {

src/components/ui-plus-behavior/input/InputField.tsx

@@ -14,7 +14,7 @@ import { DateInput } from './DateInput.tsx'
 import { DateFieldControls } from './useDateField.ts'
 
 export const InputField: FC<{
-  controls: Pick<InputFieldControls<any>, 'type' | 'name' | 'expandHorizontally'>
+  controls: Pick<InputFieldControls<unknown>, 'type' | 'name' | 'expandHorizontally'>
 }> = ({ controls }) => {
   switch (controls.type) {
     case 'text':
@@ -24,13 +24,13 @@ export const InputField: FC<{
     case 'boolean':
       return <BooleanInput {...(controls as BooleanFieldControls)} />
     case 'oneOf':
-      return <SelectInput {...(controls as OneOfFieldControls<any>)} />
+      return <SelectInput {...(controls as OneOfFieldControls)} />
     case 'label':
-      return <LabelOutput {...(controls as unknown as LabelControls<any>)} />
+      return <LabelOutput {...(controls as unknown as LabelControls<unknown>)} />
     case 'date':
       return <DateInput {...(controls as DateFieldControls)} />
     case 'action':
-      return <ActionButton {...(controls as ActionControls<any>)} />
+      return <ActionButton {...(controls as ActionControls<unknown>)} />
     default:
       console.log("Don't know how to edit field type", controls.type)
       return (

src/components/ui-plus-behavior/input/InputFieldGroup.tsx

@@ -60,11 +60,11 @@ export const InputFieldGroup: FC<InputFieldGroupProps> = ({
             padding={false}
           >
             {row.map(field => (
-              <InputField key={field.name} controls={{ ...(field as any), expandHorizontally }} />
+              <InputField key={field.name} controls={{ ...field, expandHorizontally }} />
             ))}
           </WithVisibility>
         ) : (
-          <InputField key={row.name} controls={row as InputFieldControls<any>} />
+          <InputField key={row.name} controls={row as InputFieldControls<unknown>} />
         )
       )}
     </div>

src/components/ui-plus-behavior/input/LabelOutput.tsx

@@ -6,7 +6,7 @@ import { WithVisibility } from './WithVisibility.tsx'
 import { WithLabelAndDescription } from './WithLabelAndDescription.tsx'
 import { WithValidation } from './WithValidation.tsx'
 
-export const LabelOutput: FC<LabelControls<any>> = props => {
+export const LabelOutput: FC<LabelControls<unknown>> = props => {
   const { allMessages, classnames, renderedContent } = props
 
   return (

src/components/ui-plus-behavior/input/SelectInput.tsx

@@ -16,8 +16,8 @@ import {
 import { MarkdownBlock } from '../../ui/markdown.tsx'
 import { Info } from 'lucide-react'
 
-export const SelectInput: FC<OneOfFieldControls<any>> = props => {
-  const { choices, allMessages, renderValue, value, setValue, enabled, whyDisabled } = props
+export const SelectInput: FC<Omit<OneOfFieldControls, 'value' | 'cleanValue' | 'setValue'>> = props => {
+  const { choices, allMessages, renderValue, setRenderValue, enabled, whyDisabled } = props
   const [isOpen, setIsOpen] = useState(false)
 
   const { hasError } = checkMessagesForProblems(allMessages.root)
@@ -29,8 +29,8 @@ export const SelectInput: FC<OneOfFieldControls<any>> = props => {
           <MaybeWithTooltip overlay={whyDisabled}>
             <Select
               disabled={!enabled}
-              value={renderValue ?? value}
-              onValueChange={setValue}
+              value={renderValue}
+              onValueChange={setRenderValue}
               onOpenChange={setIsOpen}
             >
               <SelectTrigger className="w-full" aria-invalid={hasError}>

src/components/ui-plus-behavior/input/WithDescription.tsx

@@ -4,7 +4,7 @@ import classes from './index.module.css'
 import { MarkdownBlock } from '../../ui/markdown.tsx'
 
 export const WithDescription: FC<
-  PropsWithChildren<{ field: Pick<InputFieldControls<any>, 'description'> }>
+  PropsWithChildren<{ field: Pick<InputFieldControls<unknown>, 'description'> }>
 > = props => {
   const { field, children } = props
   const { description } = field

src/components/ui-plus-behavior/input/WithLabelAndDescription.tsx

@@ -5,7 +5,7 @@ import { MarkdownBlock } from '../../ui/markdown.tsx'
 import { Label } from '../../ui/label.tsx'
 
 export const WithLabelAndDescription: FC<
-  PropsWithChildren<{ field: Pick<InputFieldControls<any>, 'label' | 'description' | 'compact'> }>
+  PropsWithChildren<{ field: Pick<InputFieldControls<unknown>, 'label' | 'description' | 'compact'> }>
 > = props => {
   const { field, children } = props
   const { label, description, compact } = field