Bump @nextui-org/react from 2.2.10 to 2.6.8

Bumps [@nextui-org/react](https://github.com/nextui-org/nextui/tree/HEAD/packages/core/react) from 2.2.10 to 2.6.8.
- [Release notes](https://github.com/nextui-org/nextui/releases)
- [Changelog](https://github.com/nextui-org/nextui/blob/canary/packages/core/react/CHANGELOG.md)
- [Commits](https://github.com/nextui-org/nextui/commits/@nextui-org/[email protected]/packages/core/react)

---
updated-dependencies:
- dependency-name: "@nextui-org/react"
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <[email protected]>

.drone.yml

@@ -93,7 +93,7 @@ steps:
       - yarn start
 
   - name: cypress
-    image: cypress/included:10.7.0
+    image: cypress/included:13.17.0
     when:
       event:
         - push

package.json

@@ -23,7 +23,7 @@
   "dependencies": {
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
-    "@nextui-org/react": "^2.2.10",
+    "@nextui-org/react": "^2.6.8",
     "final-form": "^4.20.10",
     "framer-motion": "^11.11.8",
     "next": "^14.1.4",
@@ -51,7 +51,7 @@
     "eslint-plugin-react": "^7.37.1",
     "postcss": "^8.4.40",
     "prettier": "^3.3.3",
-    "tailwindcss": "^3.4.7",
+    "tailwindcss": "^3.4.17",
     "typescript": "^5.6.3"
   }
 }

webapp/components/elements/FormInput.tsx

@@ -1,11 +1,11 @@
-import { Field, FieldRenderProps } from 'react-final-form';
 import { Input, InputProps, Textarea, TextAreaProps } from '@nextui-org/react';
+import { Field, FieldRenderProps } from 'react-final-form';
+import { DataListItem } from 'utils/datalists';
 import {
   FieldValidator,
   requiredValidator,
   validateField,
 } from 'utils/validators';
-import { DataListItem } from 'utils/datalists';
 
 type Props = {
   name: string;
@@ -67,7 +67,7 @@ const ReceiptInput: React.FC<Props> = ({
         <Textarea
           onBlur={(event) =>
             props.input.onBlur(
-              event as React.FocusEvent<HTMLTextAreaElement, Element>
+              event as React.FocusEvent<HTMLInputElement, Element>
             )
           }
           minRows={2}

webapp/cypress/e2e/index.cy.js

@@ -1,3 +1,10 @@
+const selectItem = (selector, itemValue) => {
+  cy.get(selector).click();
+  cy.get("div[data-slot='popover']")
+    .find(`span:contains(${itemValue})`)
+    .click();
+};
+
 describe('Load', () => {
   it('should navigate to index page', () => {
     cy.visit('/');
@@ -9,7 +16,7 @@ describe('Form', () => {
   it('should be able to fill in basic fields', () => {
     cy.get('#name').type('John Doe');
     cy.get('#mailFrom').type('[email protected]');
-    cy.get('#mailTo').type('Webkom');
+    selectItem('#mailTo', 'Webkom');
     cy.get('#accountNumber').type('1234 56 78903');
     cy.get('#amount').type('1000');
     cy.get('#date').type('1970-01-01');
@@ -63,7 +70,7 @@ describe('Submit', () => {
     // Fill in values
     cy.get('#name').type('John Doe');
     cy.get('#mailFrom').type('[email protected]');
-    cy.get('#mailTo').type('Webkom');
+    selectItem('#mailTo', 'Webkom');
     cy.get('#accountNumber').type('1234 56 78903');
     cy.get('#amount').type('1000');
     cy.get('#date').type('1970-01-01');