fix lint, and readd focus passing

components/form/layouts/card/field.tsx

@@ -59,7 +59,7 @@ export const Field: React.FC<Props> = ({ field, design, focus, ...props }) => {
           design={design}
           field={field}
           urlValue={getUrlDefault()}
-          focus={false}/* cannot use this in card layout! try with 2 input fields */
+          focus={focus}
         />
       </div>
     </div>

components/form/layouts/card/index.tsx

@@ -147,7 +147,7 @@ export const CardLayout: React.FC<LayoutProps> = (props) => {
               onFinish={finish}
               onValuesChange={updateValues}
             >
-              {fields.map((field) => {
+              {fields.map((field, i) => {
                 if (field.type === 'hidden') {
                   return null
                 }
@@ -161,7 +161,7 @@ export const CardLayout: React.FC<LayoutProps> = (props) => {
                     key={field.id}
                     field={field}
                     design={design}
-                    focus={false}
+                    focus={i === 0}
                   />
                 )
               })}

components/form/types/image/index.ts

@@ -1,4 +1,5 @@
 /*
+TODO
 import dynamic from 'next/dynamic'
 import { ComponentType } from 'react'
 import { AbstractType } from '../abstract.type'
@@ -15,3 +16,4 @@ export class ImageType extends AbstractType<string> {
   }
 }
 */
+export {}

components/form/types/location/location.input.tsx

@@ -13,9 +13,7 @@ export const builder: FieldInputBuilderType = ({
   parseValue,
 }) => function LocationInput ({
   field,
-  design,
   urlValue,
-  focus,
 }) {
   const [initialZoom, setInitialZoom] = useState<number>(13)
   const [tiles, setTiles] = useState<string>()

components/form/types/radio/radio.input.tsx

@@ -14,7 +14,6 @@ export const builder: FieldInputBuilderType = ({
   field,
   design,
   urlValue,
-  focus,
 }) {
   const { t } = useTranslation()
 

components/form/types/rating/rating.input.tsx

@@ -11,9 +11,7 @@ export const builder: FieldInputBuilderType = ({
   parseValue,
 }) => function RatingInput ({
   field,
-  design,
   urlValue,
-  focus,
 }) {
   const { t } = useTranslation()
 

components/form/types/slider/slider.input.tsx

@@ -11,7 +11,6 @@ export const builder: FieldInputBuilderType = ({
   parseValue,
 }) => function SliderInput ({
   field,
-  design,
   urlValue,
   focus,
 }) {

components/form/types/yes_no/yes_no.input.tsx

@@ -11,9 +11,7 @@ export const builder: FieldInputBuilderType = ({
   parseValue,
 }) => function YesNoInput ({
   field,
-  design,
   urlValue,
-  focus,
 }) {
   const { t } = useTranslation()