Merge branch 'enhance-action-button-with-modal-dynamic-methods' into 'dev'

Enhance ActionButtonWithModal to support dynamic methods

See merge request turris/reforis/foris-js!274

CHANGELOG.md

@@ -8,405 +8,434 @@ and this project adheres to
 
 ## [Unreleased]
 
+## [6.6.2] - 2025-02-20
+
+### Changed
+
+- Enhanced SubmitButton component to accept a custom label prop
+- Refactored RichTable component to remove forwardRef and simplify data handling
+
+## [6.6.1] - 2025-02-17
+
+### Changed
+
+- Refactored RichTable component to use forwardRef
+
+## [6.6.0] - 2025-02-07
+
+### Added
+
+- Added & updated Weblate translations
+- Added Wi-Fi and LAN settings URLs to ForisURLs
+- Added Wi-Fi modes VHT/HE 80+80
+- Added encryption selection to WiFiGuestForm
+- Added optional close button to ModalHeader component
+
+### Changed
+
+- Updated Wi-Fi API
+- Enhanced NumberInput component with keyboard & touch accessibility
+- Refactored pagination condition in RichTable component
+
 ## [6.5.0] - 2024-11-13
 
 ### Added
 
--   Added & updated Weblate translations
+- Added & updated Weblate translations
--   Added RichTable component with pagination and sorting
+- Added RichTable component with pagination and sorting
--   Added @tanstack/react-table v8.20.5 to dependencies
+- Added @tanstack/react-table v8.20.5 to dependencies
 
 ### Changed
 
--   Updated documentation
+- Updated documentation
--   Replaced RebootButton with ActionButtonWithModal component
+- Replaced RebootButton with ActionButtonWithModal component
--   Fixed import path for CustomizationContextMock in customTestRender.js
+- Fixed import path for CustomizationContextMock in customTestRender.js
 
 ## [6.4.0] - 2024-10-02
 
 ### Changed
 
--   Refactored Alert component to include dismiss animation and timeout
+- Refactored Alert component to include dismiss animation and timeout
--   Refactored ThreeDotsMenu component to include additional props
+- Refactored ThreeDotsMenu component to include additional props
 
 ## [6.3.0] - 2024-09-27
 
 ### Added
 
--   Added ThreeDotsMenu component
+- Added ThreeDotsMenu component
 
 ### Changed
 
--   Refactored EmailInput description
+- Refactored EmailInput description
--   Refactored RadioSet & ignore Radio component
+- Refactored RadioSet & ignore Radio component
--   Refactored npm package badge in introduction.md
+- Refactored npm package badge in introduction.md
--   NPM audit fix
+- NPM audit fix
 
 ## [6.2.1] - 2024-09-25
 
 ### Added
 
--   Added & updated Weblate translations
+- Added & updated Weblate translations
 
 ### Changed
 
--   Refactored CopyInput component
+- Refactored CopyInput component
--   Refactored ForisURLs to include new URLs for Overview page
+- Refactored ForisURLs to include new URLs for Overview page
 
 ## [6.2.0] - 2024-09-20
 
 ### Added
 
--   Added useFocusTrap hook
+- Added useFocusTrap hook
--   Added extendSession endpoint
+- Added extendSession endpoint
 
 ### Changed
 
--   Refactored Spinner.css to use CSS variable for color
+- Refactored Spinner.css to use CSS variable for color
--   Refactored Modal component to use useFocusTrap hook
+- Refactored Modal component to use useFocusTrap hook
--   Refactored Alert component to use useFocusTrap hook
+- Refactored Alert component to use useFocusTrap hook
 
 ## [6.1.1] - 2024-08-30
 
 ### Added
 
--   Added & updated Weblate translations
+- Added & updated Weblate translations
 
 ### Changed
 
--   Updated icon color classes to use "text-secondary" instead of "text-dark"
+- Updated icon color classes to use "text-secondary" instead of "text-dark"
--   Updated Wi-Fi QRCodeModal component to use new styles & added close button
+- Updated Wi-Fi QRCodeModal component to use new styles & added close button
--   Refactored WiFiGuestForm component to get rid of obsolete div element
+- Refactored WiFiGuestForm component to get rid of obsolete div element
--   NPM audit fix
+- NPM audit fix
 
 ## [6.1.0] - 2024-08-23
 
 ### Added
 
--   Added & updated Weblate translations
+- Added & updated Weblate translations
 
 ### Changed
 
--   Migrated to Font Awesome v6
+- Migrated to Font Awesome v6
--   NPM audit fix
+- NPM audit fix
 
 ## [6.0.3] - 2024-07-26
 
 ### Changed
 
--   Updated WiFiQRCode component
+- Updated WiFiQRCode component
 
 ## [6.0.2] - 2024-06-28
 
 ### Added
 
--   Added className prop to CheckBox and Radio components
+- Added className prop to CheckBox and Radio components
 
 ## [6.0.1] - 2024-06-26
 
 ### Added
 
--   Added className prop to Switch component
+- Added className prop to Switch component
 
 ### Changed
 
--   Updated dependencies in package.json
+- Updated dependencies in package.json
--   NPM audit fix
+- NPM audit fix
 
 ## [6.0.0] - 2024-06-11
 
 ### Added
 
--   Added CHANGELOG.md
+- Added CHANGELOG.md
--   Added JS_DIR variable to Makefile
+- Added JS_DIR variable to Makefile
--   Added support for shared reForis ESLint configuration
+- Added support for shared reForis ESLint configuration
 
 ### Changed
 
--   Updated dependencies in package.json
+- Updated dependencies in package.json
--   Updated Spinner.css styles for better positioning and responsiveness
+- Updated Spinner.css styles for better positioning and responsiveness
--   Migrated to Bootstrap 5
+- Migrated to Bootstrap 5
--   NPM audit fix
+- NPM audit fix
--   Other small improvements
+- Other small improvements
 
 ## [5.6.1] - 2024-01-19
 
--   Added & updated Weblate translations
+- Added & updated Weblate translations
--   Fixed loading state & button's layout
+- Fixed loading state & button's layout
--   Updated bootstrap library to version 4.6.2
+- Updated bootstrap library to version 4.6.2
--   Used custom reforis-image in GitLab CI/CD
+- Used custom reforis-image in GitLab CI/CD
--   NPM audit fix
+- NPM audit fix
 
 ## [5.6.0] - 2022-12-29
 
--   Add & update Weblate translations
+- Add & update Weblate translations
--   Add CustomizationContext and custom hook
+- Add CustomizationContext and custom hook
--   Update caniuse-lite
+- Update caniuse-lite
--   Remove testUtils from .gitignore
+- Remove testUtils from .gitignore
--   Make ieee80211w_disabled as optional in WiFiForm
+- Make ieee80211w_disabled as optional in WiFiForm
--   Move contexts in a context folder
+- Move contexts in a context folder
--   NPM audit fix
+- NPM audit fix
 
 ## [5.5.0] - 2022-12-02
 
--   Add & update translations
+- Add & update translations
--   Add a switch to disable Management Frame Protection (802.11w)
+- Add a switch to disable Management Frame Protection (802.11w)
--   Improved Foris JS documentation
+- Improved Foris JS documentation
--   NPM audit fix
+- NPM audit fix
 
 ## [5.4.1] - 2022-06-03
 
--   Add Weblate translations
+- Add Weblate translations
--   Update PropType peer dependency
+- Update PropType peer dependency
--   NPM audit fix
+- NPM audit fix
 
 ## [5.4.0] - 2022-05-20
 
--   Add & update translations
+- Add & update translations
--   Add CopyInput bootstrap component
+- Add CopyInput bootstrap component
--   Update WiFiForm labels and description for wifi ax
+- Update WiFiForm labels and description for wifi ax
--   Make WS path in lighttpd mode configurable
+- Make WS path in lighttpd mode configurable
--   Fix Wi-Fi password helptext string
+- Fix Wi-Fi password helptext string
--   NPM audit fix
+- NPM audit fix
 
 ## [5.3.0] - 2022-02-21
 
--   Added & update translations
+- Added & update translations
--   Added rest of the props to DownloadButton component
+- Added rest of the props to DownloadButton component
--   Added hostname validation
+- Added hostname validation
--   Added wifi 802.11ax HE modes
+- Added wifi 802.11ax HE modes
--   Set best Wi-Fi HT mode depending on the checked frequency
+- Set best Wi-Fi HT mode depending on the checked frequency
--   Improved domain name RegEx pattern
+- Improved domain name RegEx pattern
--   Removed customOrder prop in Select component
+- Removed customOrder prop in Select component
--   Fixed Wi-Fi translation strings
+- Fixed Wi-Fi translation strings
--   Fixed autocomplete attribute in PasswordInput
+- Fixed autocomplete attribute in PasswordInput
--   Fixed WiFi password max length check
+- Fixed WiFi password max length check
--   Fixed documentation build
+- Fixed documentation build
--   Fixed access token in publish script
+- Fixed access token in publish script
--   Refined & restructure Makefile
+- Refined & restructure Makefile
--   Updated GitLab CI image to Node.js v16
+- Updated GitLab CI image to Node.js v16
--   NPM update (several dependencies)
+- NPM update (several dependencies)
--   NPM audit fix
+- NPM audit fix
 
 ## [5.2.0] - 2021-12-15
 
--   Remove login page
+- Remove login page
--   NPM audit fix
+- NPM audit fix
 
 ## [5.1.16] - 2021-11-18
 
--   Revert bad NPM audit fix
+- Revert bad NPM audit fix
--   NPM audit fix
+- NPM audit fix
 
 ## [5.1.15] - 2021-11-03
 
--   Add WPA3 option
+- Add WPA3 option
--   Add custom order ability of Select options
+- Add custom order ability of Select options
--   NPM audit fix
+- NPM audit fix
 
 ## [5.1.14] - 2021-07-30
 
--   Add & update translations
+- Add & update translations
--   Fix infinity redirect loop when WS error occurs
+- Fix infinity redirect loop when WS error occurs
--   NPM audit fix
+- NPM audit fix
 
 ## [5.1.13] - 2021-06-30
 
--   Add sentinelAgreement endpoint to forisUrls
+- Add sentinelAgreement endpoint to forisUrls
--   NPM audit fix
+- NPM audit fix
 
 ## [5.1.12] - 2021-05-14
 
--   Add & update translations
+- Add & update translations
--   Add & fix obsolete links
+- Add & fix obsolete links
--   Expend library with the ResetWifiSettings function
+- Expend library with the ResetWifiSettings function
--   Fix switching Wi-Fi modes depending on bands in WiFiForm
+- Fix switching Wi-Fi modes depending on bands in WiFiForm
--   Fix translation sources in WiFiForm
+- Fix translation sources in WiFiForm
--   NPM audit fix
+- NPM audit fix
--   Other small improvements
+- Other small improvements
 
 ## [5.1.11] - 2021-01-04
 
--   Remove duplicated file for Norwegian language
+- Remove duplicated file for Norwegian language
--   Fix translations inconsistency
+- Fix translations inconsistency
 
 ## [5.1.10] - 2021-12-29
 
--   Add and update translations
+- Add and update translations
 
 ## [5.1.9] - 2021-12-20
 
--   Increase bottom margin of formFieldsSize
+- Increase bottom margin of formFieldsSize
--   Change formFieldsSize of ResetWiFiSettings card
+- Change formFieldsSize of ResetWiFiSettings card
--   Fix trailing space in Modal classes
+- Fix trailing space in Modal classes
 
 ## [5.1.8] - 2020-12-19
 
--   Add isPluginInstalled function
+- Add isPluginInstalled function
 
 ## [5.1.7] - 2020-11-27
 
 ## [5.1.6] - 2020-11-25
 
--   NPM audit fix
+- NPM audit fix
--   Add displayCard function to utils
+- Add displayCard function to utils
--   Add optional sizes to Modal
+- Add optional sizes to Modal
--   Add information about optional sizes to docs
+- Add information about optional sizes to docs
--   Remove redundant merge.py
+- Remove redundant merge.py
 
 ## [5.1.5] - 2020-09-25
 
--   Fix DateTime import
+- Fix DateTime import
--   Fix extra empty space in Switch's classes
+- Fix extra empty space in Switch's classes
 
 ## [5.1.4] - 2020-09-25
 
--   Add inline option to Wi-Fi's RadioSet
+- Add inline option to Wi-Fi's RadioSet
--   Fix Alert's dismissible class condition
+- Fix Alert's dismissible class condition
--   Add closing bootstrap modal using ESC
+- Add closing bootstrap modal using ESC
--   Change reboot modal's heading to "Warning!"
+- Change reboot modal's heading to "Warning!"
 
 ## [5.1.3] - 2020-09-11
 
--   Add SSID validation for 32 bytes length
+- Add SSID validation for 32 bytes length
--   Add helpText for SSID input
+- Add helpText for SSID input
 
 ## [5.1.2] - 2020-09-08
 
--   Fix infinity loop caused by WebSockets
+- Fix infinity loop caused by WebSockets
--   Resolve small issues
+- Resolve small issues
 
 ## [5.1.1] - 2020-08-31
 
--   Add "inline" option to RadioSet
+- Add "inline" option to RadioSet
--   NPM audit fix
+- NPM audit fix
 
 ## [5.1.0] - 2020-08-25
 
--   Add new Switch component
+- Add new Switch component
--   Swap checkboxes for switches on Wi-Fi page
+- Swap checkboxes for switches on Wi-Fi page
--   Decrease button width on different breakpoints
+- Decrease button width on different breakpoints
--   Add integration of Prettier + ESLint + reForis Style Guide
+- Add integration of Prettier + ESLint + reForis Style Guide
--   Add appropriate links to dropdown headers
+- Add appropriate links to dropdown headers
--   Add semantic & accessibility structure for headings
+- Add semantic & accessibility structure for headings
--   NPM audit & Update packages
+- NPM audit & Update packages
--   GitLab CI: image update to node 10
+- GitLab CI: image update to node 10
 
 ## [5.0.3] - 2020-09-23
 
--   Fixes issue with WebSockets
+- Fixes issue with WebSockets
 
 ## [5.0.2] - 2020-09-22
 
--   Fix infinity loop caused by WebSockets
+- Fix infinity loop caused by WebSockets
 
 ## [5.0.1] - 2020-07-21
 
--   Fix Wi-Fi Form
+- Fix Wi-Fi Form
--   NPM audit fix & update of packages
+- NPM audit fix & update of packages
 
 ## [5.0.0] - 2020-05-07
 
--   I've realized that it should be major update due to broken API.
+- I've realized that it should be major update due to broken API.
 
 ## [4.5.1] - 2020-05-07
 
--   Add initialData to ForisForm children.
+- Add initialData to ForisForm children.
--   Update translations .pot file.
+- Update translations .pot file.
 
 ## [4.5.0] - 2020-03-25
 
--   Use exposed pdfmake.
+- Use exposed pdfmake.
--   NPM audit fix & update of packages.
+- NPM audit fix & update of packages.
 
 ## [4.4.0] - 2020-03-13
 
--   Update domain validation.
+- Update domain validation.
 
 ## [4.3.1] - 2020-03-06
 
--   Add logout link.
+- Add logout link.
 
 ## [4.3.0] - 2020-02-26
 
--   Allow RadioSet accept elements as children.
+- Allow RadioSet accept elements as children.
--   Add option to make modal scrollable.
+- Add option to make modal scrollable.
 
 ## [4.2.0] - 2020-02-21
 
--   Add translations.
+- Add translations.
--   Improve datatime localization.
+- Improve datatime localization.
 
 ## [4.1.0] - 2020-02-20
 
--   Added date and time utilities.
+- Added date and time utilities.
 
 ## [4.0.0] - 2020-02-20
 
--   Throw an error if unhandled exception happens during API request.
+- Throw an error if unhandled exception happens during API request.
 
 ## [3.4.0] - 2020-02-17
 
--   Display actual GET error response within the form.
+- Display actual GET error response within the form.
--   Added styles extracted from reForis.
+- Added styles extracted from reForis.
--   Added reference to form element (for programmatically submitting it).
+- Added reference to form element (for programmatically submitting it).
 
 ## [3.2.0] - 2020-01-17
 
--   Swapped react-router with react-router-dom. Prepared Foris JS for using
+- Swapped react-router with react-router-dom. Prepared Foris JS for using
-    react-router-dom exposed by reForis.
+  react-router-dom exposed by reForis.
--   Added controller ID filter to WebSocket hook.
+- Added controller ID filter to WebSocket hook.
--   Updated translation messages after moving WiFi form.
+- Updated translation messages after moving WiFi form.
--   Increased request timeout to 30.5 sec.
+- Increased request timeout to 30.5 sec.
 
 ## [3.1.1] - 2020-01-10
 
--   Fixed package dependencies related to exposing libraries via reForis
+- Fixed package dependencies related to exposing libraries via reForis
 
 ## [3.1.0] - 2020-01-09
 
--   Added Wi-Fi settings form
+- Added Wi-Fi settings form
--   Fixed path to index.js file in package.json
+- Fixed path to index.js file in package.json
 
 ## [3.0.0] - 2020-01-07
 
--   Removal of Babel compiler
+- Removal of Babel compiler
--   Fixed width of ForisForm, removed default sizing for form widgets (like
+- Fixed width of ForisForm, removed default sizing for form widgets (like
-    buttons)
+  buttons)
 
 ## [2.1.1] - 2020-01-06
 
--   Display date and time picker above input element
+- Display date and time picker above input element
 
 ## [2.1.0] - 2019-12-19
 
--   Set WebSocket logging to debug level
+- Set WebSocket logging to debug level
--   Added hook that detects clicking outside of component
+- Added hook that detects clicking outside of component
--   Added Radio to list of publicly available components
+- Added Radio to list of publicly available components
--   Fixed link to git repository in package.json
+- Fixed link to git repository in package.json
 
 ## [2.0.0] - 2019-12-09
 
--   Added dynamic suffix for API URLs (allowing to use one hook for different
+- Added dynamic suffix for API URLs (allowing to use one hook for different
-    resources with e.g. PUT)
+  resources with e.g. PUT)
--   Added unsubscribe method to WebSocket client
+- Added unsubscribe method to WebSocket client
--   Added custom class to SpinnerElement
+- Added custom class to SpinnerElement
--   Improved documentation
+- Improved documentation
--   Published README.md
+- Published README.md
 
 ## [1.4.0] - 2019-11-29
 
--   Add reboot button.
+- Add reboot button.
--   Fix Foris URLs prefixes
+- Fix Foris URLs prefixes
 
 ## [1.3.3] - 2019-11-22
 
--   Add translations from Weblate.
+- Add translations from Weblate.
 
 ## [1.3.2] - 2019-11-20
 
--   Expose only AlertContext.
+- Expose only AlertContext.
--   Add hook for API pooling.
+- Add hook for API pooling.
 
 ## [1.3.1] - 2019-11-14
 
@@ -419,7 +448,10 @@ and this project adheres to
 ## [0.0.7] - 2019-09-02
 
 [unreleased]:
-    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.5.0...dev
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.6.2...dev
+[6.6.2]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.6.1...v6.6.2
+[6.6.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.6.0...v6.6.1
+[6.6.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.5.0...v6.6.0
 [6.5.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.4.0...v6.5.0
 [6.4.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.3.0...v6.4.0
 [6.3.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.2.1...v6.3.0

jest.config.js

@@ -21,10 +21,7 @@ module.exports = {
     testPathIgnorePatterns: ["/node_modules/", "/__fixtures__/", "/dist/"],
     testEnvironment: "jsdom",
     verbose: false,
-    setupFilesAfterEnv: [
+    setupFilesAfterEnv: ["<rootDir>/src/testUtils/setup"],
-        "@testing-library/react/cleanup-after-each",
-        "<rootDir>/src/testUtils/setup",
-    ],
     globals: {
         TZ: "utc",
     },

package.json

@@ -1,6 +1,6 @@
 {
     "name": "foris",
-    "version": "6.5.0",
+    "version": "6.6.2",
     "description": "Foris JS library is a set of components and utils for reForis application and plugins.",
     "author": "CZ.NIC, z.s.p.o.",
     "repository": {
@@ -14,17 +14,18 @@
     "license": "GPL-3.0",
     "main": "./src/index.js",
     "dependencies": {
-        "@fortawesome/fontawesome-svg-core": "^6.6.0",
+        "@fortawesome/fontawesome-svg-core": "^6.7.2",
-        "@fortawesome/free-regular-svg-icons": "^6.6.0",
+        "@fortawesome/free-regular-svg-icons": "^6.7.2",
-        "@fortawesome/free-solid-svg-icons": "^6.6.0",
+        "@fortawesome/free-solid-svg-icons": "^6.7.2",
         "@fortawesome/react-fontawesome": "^0.2.2",
-        "@tanstack/react-table": "^8.20.5",
+        "@tanstack/match-sorter-utils": "^8.19.4",
-        "axios": "^1.7.2",
+        "@tanstack/react-table": "^8.21.2",
+        "axios": "^1.7.9",
         "immutability-helper": "^3.1.1",
         "moment": "^2.30.1",
-        "qrcode.react": "^3.1.0",
+        "qrcode.react": "^4.2.0",
-        "react-datetime": "^3.2.0",
+        "react-datetime": "^3.3.1",
-        "react-uid": "^2.3.3"
+        "react-uid": "^2.4.0"
     },
     "peerDependencies": {
         "bootstrap": "^5.3.3",
@@ -34,32 +35,32 @@
         "react-router-dom": "^5.1.2"
     },
     "devDependencies": {
-        "@babel/cli": "^7.24.7",
+        "@babel/cli": "^7.26.4",
-        "@babel/core": "^7.24.7",
+        "@babel/core": "^7.26.9",
-        "@babel/plugin-transform-runtime": "^7.24.7",
+        "@babel/plugin-transform-runtime": "^7.26.9",
-        "@babel/preset-env": "^7.24.7",
+        "@babel/preset-env": "^7.26.9",
-        "@babel/preset-react": "^7.24.7",
+        "@babel/preset-react": "^7.26.3",
-        "@testing-library/react": "^8.0.9",
+        "@testing-library/react": "^12.1.5",
-        "babel-loader": "^8.1.0",
+        "babel-loader": "^9.2.1",
         "babel-polyfill": "^6.26.0",
         "bootstrap": "^5.3.3",
-        "css-loader": "^5.2.4",
+        "css-loader": "^7.1.2",
         "eslint": "^8.57.0",
         "eslint-config-reforis": "^2.1.1",
         "file-loader": "^6.0.0",
         "jest": "^29.7.0",
         "jest-environment-jsdom": "^29.7.0",
-        "jest-mock-axios": "^4.7.3",
+        "jest-mock-axios": "^4.8.0",
-        "moment-timezone": "^0.5.45",
+        "moment-timezone": "^0.5.47",
-        "prettier": "^3.3.2",
+        "prettier": "^3.5.2",
         "prop-types": "15.8.1",
         "react": "16.9.0",
         "react-dom": "16.9.0",
         "react-router-dom": "^5.1.2",
         "react-styleguidist": "^12.0.1",
         "snapshot-diff": "^0.10.0",
-        "style-loader": "^1.2.1",
+        "style-loader": "^4.0.0",
-        "webpack": "^5.92.1"
+        "webpack": "^5.98.0"
     },
     "scripts": {
         "lint": "eslint src",

src/bootstrap/Input.js

@@ -34,12 +34,14 @@ const Input = forwardRef(
 
         return (
             <div className="mb-3">
-                <label
+                {label && (
-                    className={`form-label ${labelClassName || ""}`.trim()}
+                    <label
-                    htmlFor={uid}
+                        className={`form-label ${labelClassName || ""}`.trim()}
-                >
+                        htmlFor={uid}
-                    {label}
+                    >
-                </label>
+                        {label}
+                    </label>
+                )}
                 <div className={`input-group ${groupClassName || ""}`.trim()}>
                     <input
                         className={`form-control ${inputClassName}`.trim()}
@@ -65,7 +67,7 @@ Input.displayName = "Input";
 
 Input.propTypes = {
     type: PropTypes.string.isRequired,
-    label: PropTypes.string.isRequired,
+    label: PropTypes.string,
     helpText: PropTypes.string,
     error: PropTypes.string,
     className: PropTypes.string,

src/bootstrap/Modal.js

@@ -88,18 +88,21 @@ export function Modal({ shown, setShown, scrollable, size, children }) {
 ModalHeader.propTypes = {
     setShown: PropTypes.func.isRequired,
     title: PropTypes.string.isRequired,
+    showCloseButton: PropTypes.bool,
 };
 
-export function ModalHeader({ setShown, title }) {
+export function ModalHeader({ setShown, title, showCloseButton = true }) {
     return (
         <div className="modal-header">
             <h1 className="modal-title fs-5">{title}</h1>
-            <button
+            {showCloseButton && (
-                type="button"
+                <button
-                className="btn-close"
+                    type="button"
-                onClick={() => setShown(false)}
+                    className="btn-close"
-                aria-label={_("Close")}
+                    onClick={() => setShown(false)}
-            />
+                    aria-label={_("Close")}
+                />
+            )}
         </div>
     );
 }

src/bootstrap/NumberInput.js

@@ -50,6 +50,20 @@ function NumberInput({ onChange, inlineText, value, ...props }) {
         -1
     );
 
+    function handleKeyDown(event, enableFunction) {
+        if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            enableFunction(true);
+        }
+    }
+
+    function handleKeyUp(event, enableFunction) {
+        if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            enableFunction(false);
+        }
+    }
+
     return (
         <Input type="number" onChange={onChange} value={value} {...props}>
             {inlineText && (
@@ -60,7 +74,15 @@ function NumberInput({ onChange, inlineText, value, ...props }) {
                 className="btn btn-outline-secondary"
                 onMouseDown={() => enableIncrease(true)}
                 onMouseUp={() => enableIncrease(false)}
-                aria-label="Increase"
+                onMouseLeave={() => enableIncrease(false)}
+                onTouchStart={() => enableIncrease(true)}
+                onTouchEnd={() => enableIncrease(false)}
+                onTouchCancel={() => enableIncrease(false)}
+                onKeyDown={(event) => handleKeyDown(event, enableIncrease)}
+                onKeyUp={(event) => handleKeyUp(event, enableIncrease)}
+                onBlur={() => enableIncrease(false)}
+                title={_("Increase value. Hint: Hold to increase faster.")}
+                aria-label={_("Increase value. Hint: Hold to increase faster.")}
             >
                 <FontAwesomeIcon icon={faPlus} />
             </button>
@@ -69,7 +91,15 @@ function NumberInput({ onChange, inlineText, value, ...props }) {
                 className="btn btn-outline-secondary"
                 onMouseDown={() => enableDecrease(true)}
                 onMouseUp={() => enableDecrease(false)}
-                aria-label="Decrease"
+                onMouseLeave={() => enableDecrease(false)}
+                onTouchStart={() => enableDecrease(true)}
+                onTouchEnd={() => enableDecrease(false)}
+                onTouchCancel={() => enableDecrease(false)}
+                onKeyDown={(event) => handleKeyDown(event, enableDecrease)}
+                onKeyUp={(event) => handleKeyUp(event, enableDecrease)}
+                onBlur={() => enableDecrease(false)}
+                title={_("Decrease value. Hint: Hold to decrease faster.")}
+                aria-label={_("Decrease value. Hint: Hold to decrease faster.")}
             >
                 <FontAwesomeIcon icon={faMinus} />
             </button>

src/bootstrap/__tests__/NumberInput.test.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2025 CZ.NIC z.s.p.o. (https://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
@@ -7,7 +7,7 @@
 
 import React from "react";
 
-import { render, fireEvent, getByLabelText, wait } from "customTestRender";
+import { render, fireEvent, getByLabelText, waitFor } from "customTestRender";
 
 import NumberInput from "../NumberInput";
 
@@ -32,17 +32,17 @@ describe("<NumberInput/>", () => {
     });
 
     it("Increase number with button", async () => {
-        const increaseButton = getByLabelText(componentContainer, "Increase");
+        const increaseButton = getByLabelText(componentContainer, /Increase/);
         fireEvent.mouseDown(increaseButton);
-        await wait(() =>
+        await waitFor(() =>
             expect(onChangeMock).toHaveBeenCalledWith({ target: { value: 2 } })
         );
     });
 
     it("Decrease number with button", async () => {
-        const decreaseButton = getByLabelText(componentContainer, "Decrease");
+        const decreaseButton = getByLabelText(componentContainer, /Decrease/);
         fireEvent.mouseDown(decreaseButton);
-        await wait(() =>
+        await waitFor(() =>
             expect(onChangeMock).toHaveBeenCalledWith({ target: { value: 0 } })
         );
     });

src/bootstrap/__tests__/__snapshots__/NumberInput.test.js.snap

@@ -20,8 +20,9 @@ exports[`<NumberInput/> Render number input 1`] = `
       value="1"
     />
     <button
-      aria-label="Increase"
+      aria-label="Increase value. Hint: Hold to increase faster."
       class="btn btn-outline-secondary"
+      title="Increase value. Hint: Hold to increase faster."
       type="button"
     >
       <i
@@ -29,8 +30,9 @@ exports[`<NumberInput/> Render number input 1`] = `
       />
     </button>
     <button
-      aria-label="Decrease"
+      aria-label="Decrease value. Hint: Hold to decrease faster."
       class="btn btn-outline-secondary"
+      title="Decrease value. Hint: Hold to decrease faster."
       type="button"
     >
       <i

src/common/ActionButtonWithModal/ActionButtonWithModal.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2025 CZ.NIC z.s.p.o. (https://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
@@ -9,7 +9,7 @@ import React, { useState, useEffect } from "react";
 
 import PropTypes from "prop-types";
 
-import { useAPIPost } from "../../api/hooks";
+import { useAPIPost, useAPIPut } from "../../api/hooks";
 import { API_STATE } from "../../api/utils";
 import Button from "../../bootstrap/Button";
 import {
@@ -23,6 +23,8 @@ import { useAlert } from "../../context/alertContext/AlertContext";
 ActionButtonWithModal.propTypes = {
     /** Component that triggers the action. */
     actionTrigger: PropTypes.elementType.isRequired,
+    /** Method to use for the action. */
+    actionMethod: PropTypes.string,
     /** URL to send the action to. */
     actionUrl: PropTypes.string.isRequired,
     /** Title of the modal. */
@@ -41,6 +43,7 @@ ActionButtonWithModal.propTypes = {
 
 function ActionButtonWithModal({
     actionTrigger: ActionTriggerComponent,
+    actionMethod = "POST",
     actionUrl,
     modalTitle,
     modalMessage,
@@ -51,24 +54,43 @@ function ActionButtonWithModal({
 }) {
     const [triggered, setTriggered] = useState(false);
     const [modalShown, setModalShown] = useState(false);
-    const [triggerActionStatus, triggerAction] = useAPIPost(actionUrl);
+    const [triggerPostActionStatus, triggerPostAction] = useAPIPost(actionUrl);
+    const [triggerPutActionStatus, triggerPutAction] = useAPIPut(actionUrl);
 
     const [setAlert] = useAlert();
     useEffect(() => {
-        if (triggerActionStatus.state === API_STATE.SUCCESS) {
+        if (
+            triggerPostActionStatus.state === API_STATE.SUCCESS ||
+            triggerPutActionStatus.state === API_STATE.SUCCESS
+        ) {
             setAlert(
                 successMessage || _("Action successful."),
                 API_STATE.SUCCESS
             );
+            setTriggered(false);
         }
-        if (triggerActionStatus.state === API_STATE.ERROR) {
+        if (
+            triggerPostActionStatus.state === API_STATE.ERROR ||
+            triggerPutActionStatus.state === API_STATE.ERROR
+        ) {
             setAlert(errorMessage || _("Action failed."));
+            setTriggered(false);
         }
-    }, [triggerActionStatus, setAlert, successMessage, errorMessage]);
+    }, [
+        triggerPostActionStatus,
+        triggerPutActionStatus,
+        setAlert,
+        successMessage,
+        errorMessage,
+    ]);
 
     const actionHandler = () => {
         setTriggered(true);
-        triggerAction();
+        if (actionMethod === "POST") {
+            triggerPostAction();
+        } else {
+            triggerPutAction();
+        }
         setModalShown(false);
     };
 

src/common/RichTable/RichTable.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2025 CZ.NIC z.s.p.o. (https://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
@@ -7,35 +7,37 @@
 
 import React, { useMemo, useState } from "react";
 
+import { rankItem } from "@tanstack/match-sorter-utils";
 import {
     flexRender,
     getCoreRowModel,
     getSortedRowModel,
+    getFilteredRowModel,
     getPaginationRowModel,
     useReactTable,
 } from "@tanstack/react-table";
 import PropTypes from "prop-types";
 
 import RichTableBody from "./RichTableBody";
+import RichTableColumnsDropdown from "./RichTableColumnsDropdown";
 import RichTableHeader from "./RichTableHeader";
 import RichTablePagination from "./RichTablePagination";
-
+import Input from "../../bootstrap/Input";
-const fallbackData = [];
 
 RichTable.propTypes = {
     /** Columns to be displayed in the table */
     columns: PropTypes.array.isRequired,
-    /** Data to be displayed in the table */
+    /** Data to be displayed in the table, must be passed as a stable reference, for example, useState */
     data: PropTypes.array.isRequired,
     /** Whether to display pagination */
     withPagination: PropTypes.bool,
-    /** Number of rows per page */
+    /** Number of rows per page, the default is 5 */
     pageSize: PropTypes.number,
     /** Index of the current page */
     pageIndex: PropTypes.number,
 };
 
-function RichTable({
+export default function RichTable({
     columns,
     data,
     withPagination,
@@ -43,42 +45,74 @@ function RichTable({
     pageIndex = 0,
 }) {
     const tableColumns = useMemo(() => columns, [columns]);
-    const [tableData] = useState(data ?? fallbackData);
     const [sorting, setSorting] = useState([]);
     const [pagination, setPagination] = useState({
         pageIndex,
         pageSize,
     });
+    const [globalFilter, setGlobalFilter] = useState("");
+    const [columnVisibility, setColumnVisibility] = useState({});
 
     const table = useReactTable({
-        data: tableData,
+        data,
         columns: tableColumns,
+        filterFns: {
+            fuzzy: fuzzyFilter,
+        },
+        globalFilterFn: "fuzzy",
         getCoreRowModel: getCoreRowModel(),
         getSortedRowModel: getSortedRowModel(),
         getPaginationRowModel: getPaginationRowModel(),
-        onPaginationChange: setPagination,
+        getFilteredRowModel: getFilteredRowModel(),
         onSortingChange: setSorting,
+        onPaginationChange: setPagination,
+        onGlobalFilterChange: setGlobalFilter,
+        onColumnVisibilityChange: setColumnVisibility,
         state: {
             sorting,
             pagination,
+            globalFilter,
+            columnVisibility,
         },
     });
 
+    const paginationIsNeeded = data.length > pageSize && withPagination;
+
     return (
-        <div className="table-responsive">
+        <div>
-            <table className="table table-hover text-nowrap">
+            <div className="d-flex justify-content-between align-items-center">
-                <RichTableHeader table={table} flexRender={flexRender} />
+                <Input
-                <RichTableBody table={table} flexRender={flexRender} />
+                    className="me-3"
-            </table>
+                    type="text"
-            {withPagination && (
+                    placeholder={_("Search…")}
-                <RichTablePagination
+                    value={globalFilter ?? ""}
-                    table={table}
+                    onChange={(e) => setGlobalFilter(String(e.target.value))}
-                    tablePageSize={pageSize}
-                    allRows={tableData.length}
                 />
-            )}
+                <RichTableColumnsDropdown columns={table.getAllLeafColumns()} />
+            </div>
+            <div className="table-responsive">
+                <table className="table table-hover text-nowrap">
+                    <RichTableHeader table={table} flexRender={flexRender} />
+                    <RichTableBody
+                        table={table}
+                        columns={tableColumns}
+                        flexRender={flexRender}
+                    />
+                </table>
+                {paginationIsNeeded && (
+                    <RichTablePagination
+                        table={table}
+                        tablePageSize={pageSize}
+                        allRows={data.length}
+                    />
+                )}
+            </div>
         </div>
     );
 }
 
-export default RichTable;
+function fuzzyFilter(row, columnId, value, addMeta) {
+    const itemRank = rankItem(row.getValue(columnId), value);
+    addMeta({ itemRank });
+    return itemRank.passed;
+}

src/common/RichTable/RichTableBody.js

@@ -13,34 +13,44 @@ RichTableBody.propTypes = {
     table: propTypes.shape({
         getRowModel: propTypes.func.isRequired,
     }).isRequired,
+    columns: propTypes.array.isRequired,
     flexRender: propTypes.func.isRequired,
 };
 
-function RichTableBody({ table, flexRender }) {
+function RichTableBody({ table, columns, flexRender }) {
     return (
         <tbody>
-            {table.getRowModel().rows.map((row) => {
+            {table.getRowModel().rows?.length ? (
-                return (
+                table.getRowModel().rows.map((row) => {
-                    <tr key={row.id} className="align-middle">
+                    return (
-                        {row.getVisibleCells().map((cell) => {
+                        <tr key={row.id} className="align-middle">
-                            return (
+                            {row.getVisibleCells().map((cell) => {
-                                <td
+                                return (
-                                    key={cell.id}
+                                    <td
-                                    {...(cell.column.columnDef.className && {
+                                        key={cell.id}
-                                        className:
+                                        {...(cell.column.columnDef
-                                            cell.column.columnDef.className,
+                                            .className && {
-                                    })}
+                                            className:
-                                >
+                                                cell.column.columnDef.className,
-                                    {flexRender(
+                                        })}
-                                        cell.column.columnDef.cell,
+                                    >
-                                        cell.getContext()
+                                        {flexRender(
-                                    )}
+                                            cell.column.columnDef.cell,
-                                </td>
+                                            cell.getContext()
-                            );
+                                        )}
-                        })}
+                                    </td>
-                    </tr>
+                                );
-                );
+                            })}
-            })}
+                        </tr>
+                    );
+                })
+            ) : (
+                <tr>
+                    <td colSpan={columns.length} className="text-center py-4">
+                        <span>{_("No results.")}</span>
+                    </td>
+                </tr>
+            )}
         </tbody>
     );
 }

src/common/RichTable/RichTableColumnsDropdown.js

@@ -0,0 +1,90 @@
+/*
+ * Copyright (C) 2019-2025 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ *
+ * This is free software, licensed under the GNU General Public License v3.
+ * See /LICENSE for more information.
+ */
+
+import React from "react";
+
+import { faCheck, faRotateLeft } from "@fortawesome/free-solid-svg-icons";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import PropTypes from "prop-types";
+
+import Button from "../../bootstrap/Button";
+
+RichTableColumnsDropdown.propTypes = {
+    columns: PropTypes.array.isRequired,
+};
+
+function RichTableColumnsDropdown({ columns }) {
+    return (
+        <div className="dropdown mb-3">
+            <Button
+                className="btn btn-outline-secondary dropdown-toggle"
+                data-bs-toggle="dropdown"
+            >
+                {_("Columns")}
+            </Button>
+            <ul className="dropdown-menu dropdown-menu-end">
+                {columns.map((column) => {
+                    return (
+                        <li key={column.id}>
+                            <button
+                                type="button"
+                                className="dropdown-item d-flex align-items-center"
+                                onClick={column.getToggleVisibilityHandler()}
+                                style={{ paddingLeft: "2rem" }}
+                                disabled={
+                                    column.columnDef?.enableHiding === false
+                                }
+                            >
+                                {column.getIsVisible() && (
+                                    <FontAwesomeIcon
+                                        icon={faCheck}
+                                        className="position-absolute text-secondary me-2"
+                                        style={{ left: "0.6rem" }}
+                                        width="1rem"
+                                    />
+                                )}
+                                <span>{column.columnDef.header}</span>
+                            </button>
+                        </li>
+                    );
+                })}
+                {columns.some((column) => !column.getIsVisible()) && (
+                    <>
+                        <li>
+                            <hr className="dropdown-divider" />
+                        </li>
+                        <li>
+                            <button
+                                type="button"
+                                className="dropdown-item d-flex align-items-center"
+                                style={{ paddingLeft: "2rem" }}
+                                onClick={() => {
+                                    // toggleVisibility for columns that are hidden
+                                    columns.forEach((column) => {
+                                        if (!column.getIsVisible()) {
+                                            column.toggleVisibility();
+                                        }
+                                    });
+                                }}
+                            >
+                                <FontAwesomeIcon
+                                    icon={faRotateLeft}
+                                    className="position-absolute text-secondary me-2"
+                                    width="1rem"
+                                    style={{ left: "0.6rem" }}
+                                />
+                                {_("Reset")}
+                            </button>
+                        </li>
+                    </>
+                )}
+            </ul>
+        </div>
+    );
+}
+
+export default RichTableColumnsDropdown;

src/common/RichTable/RichTableHeader.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2025 CZ.NIC z.s.p.o. (https://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
@@ -32,7 +32,7 @@ function RichTableHeader({ table, flexRender }) {
     };
 
     return (
-        <thead className="thead-light">
+        <thead className="table-light">
             {table.getHeaderGroups().map((headerGroup) => (
                 <tr key={headerGroup.id} role="row">
                     {headerGroup.headers.map((header) => (
@@ -55,6 +55,12 @@ function RichTableHeader({ table, flexRender }) {
                             ) : (
                                 <button
                                     type="button"
+                                    style={
+                                        header.column.columnDef
+                                            .headerClassName === "text-center"
+                                            ? { justifySelf: "center" }
+                                            : {}
+                                    }
                                     className={`btn btn-link text-decoration-none text-reset fw-bold p-0 d-flex align-items-center
                                                     ${
                                                         header.column.getCanSort()

src/common/RichTable/RichTablePagination.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2025 CZ.NIC z.s.p.o. (https://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.

src/common/WiFiSettings/WiFiForm.js

@@ -9,7 +9,7 @@ import React from "react";
 
 import PropTypes from "prop-types";
 
-import { HELP_TEXTS, HTMODES, HWMODES, ENCRYPTIONMODES } from "./constants";
+import { HELP_TEXTS, HTMODES, BANDS, ENCRYPTIONMODES } from "./constants";
 import WifiGuestForm from "./WiFiGuestForm";
 import WiFiQRCode from "./WiFiQRCode";
 import PasswordInput from "../../bootstrap/PasswordInput";
@@ -60,7 +60,7 @@ DeviceForm.propTypes = {
         SSID: PropTypes.string.isRequired,
         password: PropTypes.string.isRequired,
         hidden: PropTypes.bool.isRequired,
-        hwmode: PropTypes.string.isRequired,
+        band: PropTypes.string.isRequired,
         htmode: PropTypes.string.isRequired,
         channel: PropTypes.string.isRequired,
         guest_wifi: PropTypes.object.isRequired,
@@ -155,26 +155,26 @@ function DeviceForm({
                     />
 
                     <RadioSet
-                        name={`hwmode-${deviceID}`}
+                        name={`band-${deviceID}`}
-                        label="GHz"
+                        label={_("Band")}
-                        choices={getHwmodeChoices(formData)}
+                        choices={getBandChoices(formData)}
-                        value={formData.hwmode}
+                        value={formData.band}
-                        helpText={HELP_TEXTS.hwmode}
+                        helpText={HELP_TEXTS.band}
                         inline
                         onChange={setFormValue((value) => {
-                            // Get the last item in an array of available HT modes
+                            // Find the selected band
-                            const [best2] = bnds[0].available_htmodes.slice(-1);
+                            const selectedBand = bnds.find(
-                            const [best5] = bnds[1].available_htmodes.slice(-1);
+                                (band) => band.band === value
+                            );
+                            // Get the last item in the available HT modes for the selected band
+                            const bestHtmode =
+                                selectedBand.available_htmodes.slice(-1)[0];
                             return {
                                 devices: {
                                     [deviceIndex]: {
-                                        hwmode: { $set: value },
+                                        band: { $set: value },
                                         channel: { $set: "0" },
-                                        htmode: {
+                                        htmode: { $set: bestHtmode },
-                                            $set:
-                                                // Set HT mode depending on checked frequency
-                                                value === "11a" ? best5 : best2,
-                                        },
                                     },
                                 },
                             };
@@ -263,7 +263,7 @@ function getChannelChoices(device) {
     };
 
     device.available_bands.forEach((availableBand) => {
-        if (availableBand.hwmode !== device.hwmode) return;
+        if (availableBand.band !== device.band) return;
 
         availableBand.available_channels.forEach((availableChannel) => {
             channelChoices[availableChannel.number.toString()] = `
@@ -282,7 +282,7 @@ function getHtmodeChoices(device) {
     const htmodeChoices = {};
 
     device.available_bands.forEach((availableBand) => {
-        if (availableBand.hwmode !== device.hwmode) return;
+        if (availableBand.band !== device.band) return;
 
         availableBand.available_htmodes.forEach((availableHtmod) => {
             htmodeChoices[availableHtmod] = HTMODES[availableHtmod];
@@ -291,10 +291,10 @@ function getHtmodeChoices(device) {
     return htmodeChoices;
 }
 
-function getHwmodeChoices(device) {
+function getBandChoices(device) {
     return device.available_bands.map((availableBand) => ({
-        label: HWMODES[availableBand.hwmode],
+        label: `${BANDS[availableBand.band]} GHz`,
-        value: availableBand.hwmode,
+        value: availableBand.band,
     }));
 }
 

src/common/WiFiSettings/WiFiGuestForm.js

@@ -9,9 +9,10 @@ import React from "react";
 
 import PropTypes from "prop-types";
 
-import { HELP_TEXTS } from "./constants";
+import { HELP_TEXTS, ENCRYPTIONMODES } from "./constants";
 import WiFiQRCode from "./WiFiQRCode";
 import PasswordInput from "../../bootstrap/PasswordInput";
+import Select from "../../bootstrap/Select";
 import Switch from "../../bootstrap/Switch";
 import TextInput from "../../bootstrap/TextInput";
 
@@ -21,6 +22,7 @@ WifiGuestForm.propTypes = {
         SSID: PropTypes.string.isRequired,
         password: PropTypes.string.isRequired,
         enabled: PropTypes.bool.isRequired,
+        encryption: PropTypes.string.isRequired,
     }),
     formErrors: PropTypes.shape({
         SSID: PropTypes.string,
@@ -89,6 +91,20 @@ export default function WifiGuestForm({
                         }))}
                         {...props}
                     />
+                    <Select
+                        label={_("Encryption")}
+                        choices={ENCRYPTIONMODES}
+                        helpText={HELP_TEXTS.wpa3}
+                        value={formData.encryption}
+                        onChange={setFormValue((value) => ({
+                            devices: {
+                                [formData.id]: {
+                                    guest_wifi: { encryption: { $set: value } },
+                                },
+                            },
+                        }))}
+                        {...props}
+                    />
                 </>
             ) : null}
         </>

src/common/WiFiSettings/__tests__/ResetWiFiSettings.test.js

@@ -1,12 +1,12 @@
 /*
- * Copyright (C) 2019-2021 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2025 CZ.NIC z.s.p.o. (https://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
  */
 
 import React from "react";
-import { render, fireEvent, wait } from "customTestRender";
+import { render, fireEvent, waitFor } from "customTestRender";
 
 import mockAxios from "jest-mock-axios";
 import WebSockets from "webSockets/WebSockets";
@@ -35,7 +35,7 @@ describe("<ResetWiFiSettings/>", () => {
             expect.anything()
         );
         mockAxios.mockResponse({ data: { foo: "bar" } });
-        await wait(() =>
+        await waitFor(() =>
             expect(mockSetAlert).toBeCalledWith(
                 "Wi-Fi settings are set to defaults.",
                 ALERT_TYPES.SUCCESS
@@ -46,7 +46,7 @@ describe("<ResetWiFiSettings/>", () => {
     it("should display alert on open ports - failure", async () => {
         fireEvent.click(getAllByText("Reset Wi-Fi Settings")[1]);
         mockJSONError();
-        await wait(() =>
+        await waitFor(() =>
             expect(mockSetAlert).toBeCalledWith(
                 "An error occurred during resetting Wi-Fi settings."
             )

src/common/WiFiSettings/__tests__/WiFiSettings.test.js

@@ -1,15 +1,16 @@
 /*
- * Copyright (C) 2019-2021 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2025 CZ.NIC z.s.p.o. (https://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
  */
 
 import React from "react";
+
 import diffSnapshot from "snapshot-diff";
 import mockAxios from "jest-mock-axios";
 
-import { fireEvent, render, wait } from "customTestRender";
+import { fireEvent, render, waitFor } from "customTestRender";
 import WebSockets from "webSockets/WebSockets";
 import { mockJSONError } from "testUtils/network";
 
@@ -45,7 +46,7 @@ describe("<WiFiSettings/>", () => {
         getByLabelText = renderRes.getByLabelText;
         getByText = renderRes.getByText;
         mockAxios.mockResponse({ data: wifiSettingsFixture() });
-        await wait(() => renderRes.getByText("Wi-Fi 1"));
+        await waitFor(() => renderRes.getByText("Wi-Fi 1"));
         firstRender = renderRes.asFragment();
     });
 
@@ -60,7 +61,7 @@ describe("<WiFiSettings/>", () => {
         );
         const errorMessage = "An API error occurred.";
         mockJSONError(errorMessage);
-        await wait(() => {
+        await waitFor(() => {
             expect(getByText(errorMessage)).toBeTruthy();
         });
     });
@@ -77,7 +78,7 @@ describe("<WiFiSettings/>", () => {
     it("Snapshot 2.4 GHz", () => {
         fireEvent.click(getByText("Wi-Fi 1"));
         const enabledRender = asFragment();
-        fireEvent.click(getAllByText("2.4")[0]);
+        fireEvent.click(getAllByText(/2.4/)[0]);
         expect(diffSnapshot(enabledRender, asFragment())).toMatchSnapshot();
     });
 
@@ -118,7 +119,7 @@ describe("<WiFiSettings/>", () => {
                     guest_wifi: { enabled: false },
                     hidden: false,
                     htmode: "HT80",
-                    hwmode: "11a",
+                    band: "5g",
                     id: 0,
                     password: "TestPass",
                     encryption: "WPA3",
@@ -135,7 +136,7 @@ describe("<WiFiSettings/>", () => {
 
     it("Post form: 2.4 GHz", () => {
         fireEvent.click(getByText("Wi-Fi 1"));
-        fireEvent.click(getAllByText("2.4")[0]);
+        fireEvent.click(getAllByText(/2.4/)[0]);
 
         fireEvent.click(getByText("Save"));
         expect(mockAxios.post).toBeCalled();
@@ -148,7 +149,7 @@ describe("<WiFiSettings/>", () => {
                     guest_wifi: { enabled: false },
                     hidden: false,
                     htmode: "VHT80",
-                    hwmode: "11g",
+                    band: "2g",
                     id: 0,
                     password: "TestPass",
                     encryption: "WPA3",
@@ -181,11 +182,12 @@ describe("<WiFiSettings/>", () => {
                     guest_wifi: {
                         SSID: "TestGuestSSID",
                         enabled: true,
+                        encryption: "WPA2",
                         password: "test_password",
                     },
                     hidden: false,
                     htmode: "HT80",
-                    hwmode: "11a",
+                    band: "5g",
                     id: 0,
                     password: "TestPass",
                     encryption: "WPA3",

src/common/WiFiSettings/__tests__/__fixtures__/wifiSettings.js

@@ -77,7 +77,7 @@ export function wifiSettingsFixture() {
                             "VHT40",
                             "VHT80",
                         ],
-                        hwmode: "11g",
+                        band: "2g",
                     },
                     {
                         available_channels: [
@@ -215,7 +215,7 @@ export function wifiSettingsFixture() {
                             "VHT40",
                             "VHT80",
                         ],
-                        hwmode: "11a",
+                        band: "5g",
                     },
                 ],
                 channel: 60,
@@ -223,11 +223,12 @@ export function wifiSettingsFixture() {
                 guest_wifi: {
                     SSID: "TestGuestSSID",
                     enabled: false,
+                    encryption: "WPA2",
                     password: "",
                 },
                 hidden: false,
                 htmode: "HT80",
-                hwmode: "11a",
+                band: "5g",
                 id: 0,
                 password: "TestPass",
                 encryption: "WPA3",
@@ -294,7 +295,7 @@ export function wifiSettingsFixture() {
                             },
                         ],
                         available_htmodes: ["NOHT", "HT20", "HT40"],
-                        hwmode: "11g",
+                        band: "2g",
                     },
                 ],
                 channel: 11,
@@ -306,7 +307,7 @@ export function wifiSettingsFixture() {
                 },
                 hidden: false,
                 htmode: "HT40",
-                hwmode: "11g",
+                band: "2g",
                 id: 1,
                 password: "TestPass",
                 encryption: "WPA3",
@@ -323,7 +324,7 @@ const oneDevice = {
             guest_wifi: { enabled: false },
             hidden: false,
             htmode: "HT40",
-            hwmode: "11a",
+            band: "5g",
             id: 0,
             password: "TestPass",
             encryption: "WPA3",
@@ -340,7 +341,7 @@ const twoDevices = {
             guest_wifi: { enabled: false },
             hidden: false,
             htmode: "HT40",
-            hwmode: "11a",
+            band: "5g",
             id: 0,
             password: "TestPass",
             encryption: "WPA3",
@@ -352,7 +353,7 @@ const twoDevices = {
             guest_wifi: { enabled: false },
             hidden: false,
             htmode: "HT40",
-            hwmode: "11a",
+            band: "5g",
             id: 1,
             password: "TestPass",
             encryption: "WPA3",
@@ -369,7 +370,7 @@ const threeDevices = {
             guest_wifi: { enabled: false },
             hidden: false,
             htmode: "HT40",
-            hwmode: "11a",
+            band: "5g",
             id: 0,
             password: "TestPass",
             encryption: "WPA3",
@@ -381,7 +382,7 @@ const threeDevices = {
             guest_wifi: { enabled: false },
             hidden: false,
             htmode: "HT40",
-            hwmode: "11a",
+            band: "5g",
             id: 1,
             password: "TestPass",
             encryption: "WPA3",
@@ -393,7 +394,7 @@ const threeDevices = {
             guest_wifi: { enabled: false },
             hidden: false,
             htmode: "HT40",
-            hwmode: "11a",
+            band: "5g",
             id: 2,
             password: "",
             encryption: "WPA3",

src/common/WiFiSettings/__tests__/__snapshots__/WiFiSettings.test.js.snap

@@ -339,7 +339,7 @@ exports[`<WiFiSettings/> Snapshot guest network. 1`] = `
 - First value
 + Second value
 
-@@ -524,10 +524,87 @@
+@@ -524,10 +524,124 @@
             <small>
               Enables Wi-Fi for guests, which is separated from LAN network. Devices connected to this network are allowed to access the internet, but aren't allowed to access other devices and the configuration interface of the router. Parameters of the guest network can be set in the Guest network tab.
             </small>
@@ -421,13 +421,50 @@ exports[`<WiFiSettings/> Snapshot guest network. 1`] = `
 +             WPA2/3 pre-shared key, that is required to connect to the network.
 +           </small>
 +         </div>
++       </div>
++       <div
++         class="mb-3"
++       >
++         <label
++           class="form-label"
++           for="14"
++         >
++           Encryption
++         </label>
++         <select
++           class="form-select"
++           id="14"
++         >
++           <option
++             value="WPA3"
++           >
++             WPA3 only
++           </option>
++           <option
++             value="WPA2/3"
++           >
++             WPA3 with WPA2 as fallback (default)
++           </option>
++           <option
++             value="WPA2"
++           >
++             WPA2 only
++           </option>
++         </select>
++         <div
++           class="form-text"
++         >
++           <small>
++             The WPA3 standard is the new most secure encryption method that is suggested to be used with any device that supports it. The older devices without WPA3 support require older WPA2. If you experience issues with connecting older devices, try to enable WPA2.
++           </small>
++         </div>
 +       </div>
         <hr />
         <div
           class="form-check form-switch mb-3 d-flex align-items-center"
         >
           <input
-@@ -550,10 +627,11 @@
+@@ -550,10 +664,11 @@
         <div
           class="text-end"
         >
@@ -555,23 +592,23 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +           class="d-block"
 +           for="6"
 +         >
-+           GHz
++           Band
 +         </label>
 +         <div
 +           class="mb-3 form-check form-check-inline"
 +         >
 +           <input
 +             class="form-check-input me-2"
-+             id="hwmode-0-0"
++             id="band-0-0"
-+             name="hwmode-0"
++             name="band-0"
 +             type="radio"
-+             value="11g"
++             value="2g"
 +           />
 +           <label
 +             class="form-check-label"
-+             for="hwmode-0-0"
++             for="band-0-0"
 +           >
-+             2.4
++             2.4 GHz
 +           </label>
 +         </div>
 +         <div
@@ -580,16 +617,16 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +           <input
 +             checked=""
 +             class="form-check-input me-2"
-+             id="hwmode-0-1"
++             id="band-0-1"
-+             name="hwmode-0"
++             name="band-0"
 +             type="radio"
-+             value="11a"
++             value="5g"
 +           />
 +           <label
 +             class="form-check-label"
-+             for="hwmode-0-1"
++             for="band-0-1"
 +           >
-+             5
++             5 GHz
 +           </label>
 +         </div>
 +         <div

src/common/WiFiSettings/constants.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2022 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
@@ -12,15 +12,18 @@ export const HTMODES = {
     VHT20: _("802.11ac - 20 MHz wide channel"),
     VHT40: _("802.11ac - 40 MHz wide channel"),
     VHT80: _("802.11ac - 80 MHz wide channel"),
+    VHT80_80: _("802.11ac - 80+80 MHz wide channel"),
     VHT160: _("802.11ac - 160 MHz wide channel"),
     HE20: _("802.11ax - 20 MHz wide channel"),
     HE40: _("802.11ax - 40 MHz wide channel"),
     HE80: _("802.11ax - 80 MHz wide channel"),
+    HE80_80: _("802.11ax - 80+80 MHz wide channel"),
     HE160: _("802.11ax - 160 MHz wide channel"),
 };
-export const HWMODES = {
+export const BANDS = {
-    "11g": "2.4",
+    "2g": "2.4",
-    "11a": "5",
+    "5g": "5",
+    "6g": "6",
 };
 export const ENCRYPTIONMODES = {
     WPA3: _("WPA3 only"),
@@ -37,7 +40,7 @@ export const HELP_TEXTS = {
     hidden: _(
         "If set, network is not visible when scanning for available networks."
     ),
-    hwmode: _(
+    band: _(
         "The 2.4 GHz band is more widely supported by clients, but tends to have more interference. The 5 GHz band is a newer standard and may not be supported by all your devices. It usually has less interference, but the signal does not carry so well indoors."
     ),
     htmode: _(

src/common/__tests__/ActionButtonWithModal.test.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2025 CZ.NIC z.s.p.o. (https://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
@@ -9,13 +9,7 @@ import React from "react";
 
 import Button from "bootstrap/Button";
 
-import {
+import { fireEvent, getByText, render, waitFor } from "customTestRender";
-    fireEvent,
-    getByText,
-    queryByText,
-    render,
-    wait,
-} from "customTestRender";
 import mockAxios from "jest-mock-axios";
 import { mockJSONError } from "testUtils/network";
 import { mockSetAlert } from "testUtils/alertContextMock";
@@ -73,7 +67,7 @@ describe("<ActionButtonWithModal/>", () => {
         fireEvent.click(getByText(componentContainer, "Action"));
         fireEvent.click(getByText(componentContainer, "Confirm action"));
         mockJSONError();
-        await wait(() =>
+        await waitFor(() =>
             expect(mockSetAlert).toBeCalledWith("Action request failed.")
         );
     });
@@ -82,7 +76,7 @@ describe("<ActionButtonWithModal/>", () => {
         fireEvent.click(getByText(componentContainer, "Action"));
         fireEvent.click(getByText(componentContainer, "Confirm action"));
         mockAxios.mockResponse({ status: 200 });
-        await wait(() =>
+        await waitFor(() =>
             expect(mockSetAlert).toBeCalledWith(
                 "Action request succeeded.",
                 "success"

src/context/customizationContext/__tests__/CustomizationContext.test.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2022 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2025 CZ.NIC z.s.p.o. (https://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
@@ -7,7 +7,7 @@
 
 import React from "react";
 
-import { render, wait, getByText } from "customTestRender";
+import { render, waitFor, getByText } from "customTestRender";
 import mockAxios from "jest-mock-axios";
 
 import {
@@ -38,7 +38,7 @@ describe("CustomizationContext", () => {
     it("should render component without customization", async () => {
         mockAxios.mockResponse({ data: {} });
 
-        await wait(() => getByText(componentContainer, ORIGINAL));
+        await waitFor(() => getByText(componentContainer, ORIGINAL));
 
         expect(componentContainer).toMatchSnapshot();
     });
@@ -46,7 +46,7 @@ describe("CustomizationContext", () => {
     it("should render customized component", async () => {
         mockAxios.mockResponse({ data: { customization: "shield" } });
 
-        await wait(() => getByText(componentContainer, CUSTOM));
+        await waitFor(() => getByText(componentContainer, CUSTOM));
 
         expect(componentContainer).toMatchSnapshot();
     });

src/form/__tests__/hooks.test.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2025 CZ.NIC z.s.p.o. (https://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
@@ -7,7 +7,7 @@
 
 import React from "react";
 
-import { act, fireEvent, render, waitForElement } from "customTestRender";
+import { act, fireEvent, render, waitFor } from "customTestRender";
 import mockAxios from "jest-mock-axios";
 import WebSockets from "webSockets/WebSockets";
 import ForisForm from "../components/ForisForm";
@@ -59,7 +59,7 @@ describe("useForm hook.", () => {
         );
         mockAxios.mockResponse({ field: "fetchedData" });
 
-        input = await waitForElement(() => getByTestId("test-input"));
+        input = await waitFor(() => getByTestId("test-input"));
         form = container.firstChild.firstChild;
     });
 

src/form/components/SubmitButton.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2025 CZ.NIC z.s.p.o. (https://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
@@ -20,22 +20,25 @@ export const STATES = {
 SubmitButton.propTypes = {
     disabled: PropTypes.bool,
     state: PropTypes.oneOf(Object.keys(STATES).map((key) => STATES[key])),
+    label: PropTypes.string,
 };
 
-export function SubmitButton({ disabled, state, ...props }) {
+export function SubmitButton({ disabled, state, label, ...props }) {
     const disableSubmitButton = disabled || state !== STATES.READY;
     const loadingSubmitButton = state !== STATES.READY;
 
-    let labelSubmitButton;
+    let labelSubmitButton = label;
-    switch (state) {
+    if (!labelSubmitButton) {
-        case STATES.SAVING:
+        switch (state) {
-            labelSubmitButton = _("Updating");
+            case STATES.SAVING:
-            break;
+                labelSubmitButton = _("Updating");
-        case STATES.LOAD:
+                break;
-            labelSubmitButton = _("Load settings");
+            case STATES.LOAD:
-            break;
+                labelSubmitButton = _("Load settings");
-        default:
+                break;
-            labelSubmitButton = _("Save");
+            default:
+                labelSubmitButton = _("Save");
+        }
     }
 
     return (

src/utils/forisUrls.js

@@ -38,6 +38,8 @@ export const ForisURLs = {
     overview: "/overview",
     notifications: "/overview#notifications",
     notificationsSettings: "/administration/notifications-settings",
+    wifiSettings: "/network-settings/wifi",
+    lanSettings: "/network-settings/lan",
 
     approveUpdates: "/package-management/updates",
     languages: "/package-management/languages",

translations/cs/LC_MESSAGES/forisjs.po

@@ -8,15 +8,16 @@ msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
 "POT-Creation-Date: 2024-11-13 14:06+0100\n"
-"PO-Revision-Date: 2024-09-25 10:15+0000\n"
+"PO-Revision-Date: 2024-11-15 06:01+0000\n"
-"Last-Translator: Lukas Jelinek <lukas.jelinek@nic.cz>\n"
+"Last-Translator: Pavel Borecki <pavel.borecki@gmail.com>\n"
+"Language-Team: Czech <https://hosted.weblate.org/projects/turris/foris-js/cs/"
+">\n"
 "Language: cs\n"
-"Language-Team: Czech <https://hosted.weblate.org/projects/turris/foris-"
-"js/cs/>\n"
-"Plural-Forms: nplurals=3; plural=((n==1) ? 0 : (n>=2 && n<=4) ? 1 : 2);\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=3; plural=((n==1) ? 0 : (n>=2 && n<=4) ? 1 : 2);\n"
+"X-Generator: Weblate 5.9-dev\n"
 "Generated-By: Babel 2.16.0\n"
 
 #: src/api/utils.js:61
@@ -49,74 +50,72 @@ msgid "Copy"
 msgstr "Kopírovat"
 
 #: src/common/ActionButtonWithModal/ActionButtonWithModal.js:60
-#, fuzzy
 msgid "Action successful."
-msgstr "Nastavení úspěšně uložena"
+msgstr "Akce úspěšná."
 
 #: src/common/ActionButtonWithModal/ActionButtonWithModal.js:65
 msgid "Action failed."
-msgstr ""
+msgstr "Akce se nezdařila."
 
 #: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
 msgid "Cancel"
 msgstr "Zrušit"
 
 #: src/common/ActionButtonWithModal/ActionButtonWithModal.js:128
-#, fuzzy
 msgid "Confirm"
-msgstr "Potvrdit restart"
+msgstr "Potvrdit"
 
 #: src/common/RichTable/RichTableHeader.js:29
 msgid "Sort ascending"
-msgstr ""
+msgstr "Seřadit vzestupně"
 
 #: src/common/RichTable/RichTableHeader.js:30
 msgid "Sort descending"
-msgstr ""
+msgstr "Seřadit sestupně"
 
 #: src/common/RichTable/RichTableHeader.js:31
 msgid "Clear sort"
-msgstr ""
+msgstr "Vyčistit řazení"
 
 #: src/common/RichTable/RichTablePagination.js:65
 msgid "Pagination navigation bar"
-msgstr ""
+msgstr "Navigační pruh stránkování"
 
 #: src/common/RichTable/RichTablePagination.js:71
 msgid "First page"
-msgstr ""
+msgstr "První stránka"
 
 #: src/common/RichTable/RichTablePagination.js:77
 msgid "Previous page"
-msgstr ""
+msgstr "Předchozí stránka"
 
 #: src/common/RichTable/RichTablePagination.js:83
 msgid "Next page"
-msgstr ""
+msgstr "Následující stránka"
 
 #: src/common/RichTable/RichTablePagination.js:89
 msgid "Last page"
-msgstr ""
+msgstr "Poslední stránka"
 
 #: src/common/RichTable/RichTablePagination.js:95
 msgid "Page"
-msgstr ""
+msgstr "Stránka"
 
 #: src/common/RichTable/RichTablePagination.js:98
 msgid "of"
-msgstr ""
+msgstr "z"
 
 #: src/common/RichTable/RichTablePagination.js:106
 msgid "Rows per page:"
-msgstr ""
+msgstr "Řádků na stránku:"
 
 #: src/common/RichTable/RichTablePagination.js:109
 msgid "Select rows per page"
-msgstr ""
+msgstr "Vyberte řádky na stránku"
 
 #: src/common/RichTable/RichTablePagination.js:121
 msgid "All"
-msgstr ""
+msgstr "Vše"
 
 #: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
@@ -137,9 +136,9 @@ msgid ""
 "Fi settings. Note that this will remove the current Wi-Fi configuration "
 "and restore the default values."
 msgstr ""
-"Pokud se počet bezdrátových karet neshoduje, můžete zkusit obnovit "
+"Pokud se počet bezdrátových karet neshoduje, můžete zkusit obnovit nastavení "
-"nastavení Wi-Fi. Je třeba upozornit, že se tím odstraní aktuální "
+"Wi-Fi. Je třeba upozornit, že se tím odstraní stávající nastavení Wi-Fi a "
-"konfigurace Wi-Fi a obnoví se výchozí hodnoty."
+"obnoví se výchozí hodnoty."
 
 #: src/common/WiFiSettings/WiFiForm.js:97
 msgid "Wi-Fi ${deviceID + 1}"
@@ -175,7 +174,7 @@ msgid ""
 "In case you have trouble connecting to WiFi Access Point, try disabling "
 "Management Frame Protection."
 msgstr ""
-"Máte-li problémy při připojování k přístupovému bodu Wi-Fi, zkuste "
+"Pokud máte problémy při připojování k přístupovému bodu Wi-Fi, zkuste "
 "vypnout Management Frame Protection."
 
 #: src/common/WiFiSettings/WiFiForm.js:262
@@ -226,7 +225,7 @@ msgstr "Je třeba, aby heslo obsahovalo alespoň 8 znaků"
 #: src/common/WiFiSettings/WiFiSettings.js:91
 #: src/common/WiFiSettings/WiFiSettings.js:110
 msgid "Password must not contain more than 63 symbols"
-msgstr "Heslo nesmí obsahovat více než 63 znaků"
+msgstr "Heslo nemůže obsahovat více než 63 znaků"
 
 #: src/common/WiFiSettings/constants.js:9
 msgid "Disabled"
@@ -363,11 +362,11 @@ msgstr ""
 
 #: src/form/components/SubmitButton.js:32
 msgid "Updating"
-msgstr "Aktualizuji"
+msgstr "Aktualizuje se"
 
 #: src/form/components/SubmitButton.js:35
 msgid "Load settings"
-msgstr "Načítám nastavení"
+msgstr "Načíst nastavení"
 
 #: src/form/components/SubmitButton.js:38
 msgid "Save"
@@ -399,7 +398,7 @@ msgstr "Toto není platné doménové jméno."
 
 #: src/utils/validations.js:18
 msgid "This is not a valid DUID."
-msgstr "Tohle není platné DUID."
+msgstr "Toto není platné DUID."
 
 #: src/utils/validations.js:19
 msgid "This is not a valid MAC address."
@@ -446,4 +445,3 @@ msgstr "Neobsahuje seznam e-mailů oddělených čárkou."
 
 #~ msgid "Are you sure you want to restart the router?"
 #~ msgstr "Opravdu chcete router restartovat?"
-

translations/de/LC_MESSAGES/forisjs.po

@@ -11,8 +11,8 @@ msgstr ""
 "PO-Revision-Date: 2024-01-04 21:08+0000\n"
 "Last-Translator: Erik Pfannenstein <debianignatz@gmx.de>\n"
 "Language: de\n"
-"Language-Team: German <https://hosted.weblate.org/projects/turris/foris-"
+"Language-Team: German <https://hosted.weblate.org/projects/turris/foris-js/"
-"js/de/>\n"
+"de/>\n"
 "Plural-Forms: nplurals=2; plural=n != 1;\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
@@ -35,16 +35,16 @@ msgstr "Keine Antwort erhalten."
 msgid "An unknown API error occurred."
 msgstr "Ein unbekannter API-Fehler ist aufgetreten."
 
-#: src/bootstrap/Alert.js:73 src/bootstrap/Modal.js:101
+#: src/bootstrap/Alert.js:57 src/bootstrap/Modal.js:101
 #: src/common/WiFiSettings/WiFiQRCode.js:89
 msgid "Close"
-msgstr ""
+msgstr "Schließen"
 
-#: src/bootstrap/CopyInput.js:56
+#: src/bootstrap/CopyInput.js:56 src/bootstrap/CopyInput.js:57
 msgid "Copied!"
 msgstr "Kopiert!"
 
-#: src/bootstrap/CopyInput.js:56
+#: src/bootstrap/CopyInput.js:56 src/bootstrap/CopyInput.js:57
 msgid "Copy"
 msgstr "Kopieren"
 
@@ -58,6 +58,7 @@ msgid "Action failed."
 msgstr ""
 
 #: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
+#: src/common/RebootButton.js:71
 msgid "Cancel"
 msgstr "Abbrechen"
 
@@ -121,8 +122,7 @@ msgstr ""
 #: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
 msgstr ""
-"Ein Fehler ist während der Zurücksetzung der WLAN-Einstellungen "
+"Ein Fehler ist während der Zurücksetzung der WLAN-Einstellungen aufgetreten."
-"aufgetreten."
 
 #: src/common/WiFiSettings/ResetWiFiSettings.js:42
 msgid "Wi-Fi settings are set to defaults."
@@ -135,13 +135,13 @@ msgstr "WLAN-Einstellungen zurücksetzen"
 
 #: src/common/WiFiSettings/ResetWiFiSettings.js:58
 msgid ""
-"If a number of wireless cards doesn't match, you may try to reset the Wi-"
+"If a number of wireless cards doesn't match, you may try to reset the Wi-Fi "
-"Fi settings. Note that this will remove the current Wi-Fi configuration "
+"settings. Note that this will remove the current Wi-Fi configuration and "
-"and restore the default values."
+"restore the default values."
 msgstr ""
-"Falls die Anzahl der WLAN-Karten nicht korrekt ist, könnte es helfen, die"
+"Falls die Anzahl der WLAN-Karten nicht korrekt ist, könnte es helfen, die "
-" WLAN-Einstellungen zurückzusetzen. Beachten Sie, dass dabei die aktuelle"
+"WLAN-Einstellungen zurückzusetzen. Beachten Sie, dass dabei die aktuelle "
-" WLAN-Konfiguration mit den Werkseinstellungen überschrieben wird."
+"WLAN-Konfiguration mit den Werkseinstellungen überschrieben wird."
 
 #: src/common/WiFiSettings/WiFiForm.js:97
 msgid "Wi-Fi ${deviceID + 1}"
@@ -177,8 +177,8 @@ msgid ""
 "In case you have trouble connecting to WiFi Access Point, try disabling "
 "Management Frame Protection."
 msgstr ""
-"Falls Sie beim Verbinden mit dem WiFi-Access-Point Probleme haben, "
+"Falls Sie beim Verbinden mit dem WiFi-Access-Point Probleme haben, schalten "
-"schalten Sie testweise die Management Frame Protection ab."
+"Sie testweise die Management Frame Protection ab."
 
 #: src/common/WiFiSettings/WiFiForm.js:262
 msgid "auto"
@@ -194,9 +194,8 @@ msgstr "Gast-WLAN aktivieren"
 
 #: src/common/WiFiSettings/WiFiQRCode.js:43
 #: src/common/WiFiSettings/WiFiQRCode.js:44
-#, fuzzy
 msgid "Show QR code"
-msgstr "WLAN QR-Code"
+msgstr "QR-Code anzeigen"
 
 #: src/common/WiFiSettings/WiFiQRCode.js:70
 msgid "Wi-Fi QR Code"
@@ -297,7 +296,8 @@ msgstr ""
 
 #: src/common/WiFiSettings/constants.js:34
 msgid "WPA2/3 pre-shared key, that is required to connect to the network."
-msgstr "WPA2/3 Pre-Shard Key, der zum Verbinden mit dem Netzwerk notwendig ist."
+msgstr ""
+"WPA2/3 Pre-Shard Key, der zum Verbinden mit dem Netzwerk notwendig ist."
 
 #: src/common/WiFiSettings/constants.js:37
 msgid "If set, network is not visible when scanning for available networks."
@@ -307,55 +307,54 @@ msgstr ""
 
 #: src/common/WiFiSettings/constants.js:40
 msgid ""
-"The 2.4 GHz band is more widely supported by clients, but tends to have "
+"The 2.4 GHz band is more widely supported by clients, but tends to have more "
-"more interference. The 5 GHz band is a newer standard and may not be "
+"interference. The 5 GHz band is a newer standard and may not be supported by "
-"supported by all your devices. It usually has less interference, but the "
+"all your devices. It usually has less interference, but the signal does not "
-"signal does not carry so well indoors."
+"carry so well indoors."
 msgstr ""
-"Das 2,4 GHz-Band wird von allen Geräten unterstützt, ist aber tendenziell"
+"Das 2,4 GHz-Band wird von allen Geräten unterstützt, ist aber tendenziell "
-" stärker mit Interferenzen belastet. Das 5-GHz-Band ist ein neuerer "
+"stärker mit Interferenzen belastet. Das 5-GHz-Band ist ein neuerer Standard, "
-"Standard, der möglicherweise nicht von allen Ihren Geräten unterstützt "
+"der möglicherweise nicht von allen Ihren Geräten unterstützt wird. Es hat in "
-"wird. Es hat in der Regel weniger Interferenzen, aber das Signal trägt "
+"der Regel weniger Interferenzen, aber das Signal trägt nicht so gut in "
-"nicht so gut in Innenräumen."
+"Innenräumen."
 
 #: src/common/WiFiSettings/constants.js:43
 msgid ""
-"Change this to adjust 802.11n/ac/ax mode of operation. 802.11n with 40 "
+"Change this to adjust 802.11n/ac/ax mode of operation. 802.11n with 40 MHz "
-"MHz wide channels can yield higher throughput but can cause more "
+"wide channels can yield higher throughput but can cause more interference in "
-"interference in the network. If you don't know what to choose, use the "
+"the network. If you don't know what to choose, use the default option with "
-"default option with 20 MHz wide channel."
+"20 MHz wide channel."
 msgstr ""
-"Ändern Sie diese Option, um den 802.11n/ac/ax-Betriebsmodus anzupassen. "
+"Ändern Sie diese Option, um den 802.11n/ac/ax-Betriebsmodus anzupassen. 40 "
-"40 MHz breite Kanäle können bei 802.11n mehr Daten transportieren, jedoch"
+"MHz breite Kanäle können bei 802.11n mehr Daten transportieren, jedoch zu "
-" zu mehr Interferenzen im Netzwerk führen. Wenn Sie nicht wissen, was Sie"
+"mehr Interferenzen im Netzwerk führen. Wenn Sie nicht wissen, was Sie wählen "
-" wählen sollen, verwenden Sie die Voreinstellung mit 20 MHz Kanalbreite."
+"sollen, verwenden Sie die Voreinstellung mit 20 MHz Kanalbreite."
 
 #: src/common/WiFiSettings/constants.js:46
 msgid ""
 "Enables Wi-Fi for guests, which is separated from LAN network. Devices "
 "connected to this network are allowed to access the internet, but aren't "
 "allowed to access other devices and the configuration interface of the "
-"router. Parameters of the guest network can be set in the Guest network "
+"router. Parameters of the guest network can be set in the Guest network tab."
-"tab."
 msgstr ""
-"Ermöglicht ein Wi-Fi für Gäste, das vom LAN-Netzwerk getrennt ist. "
+"Ermöglicht ein Wi-Fi für Gäste, das vom LAN-Netzwerk getrennt ist. Geräte, "
-"Geräte, die mit diesem Netzwerk verbunden sind, dürfen auf das Internet "
+"die mit diesem Netzwerk verbunden sind, dürfen auf das Internet zugreifen, "
-"zugreifen, nicht jedoch auf andere Geräte oder die "
+"nicht jedoch auf andere Geräte oder die Konfigurationsschnittstelle des "
-"Konfigurationsschnittstelle des Routers. Die Parameter des Gastnetzwerks "
+"Routers. Die Parameter des Gastnetzwerks können auf der Gastnetzwerk-"
-"können auf der Gastnetzwerk-Registerkarte eingestellt werden."
+"Registerkarte eingestellt werden."
 
 #: src/common/WiFiSettings/constants.js:49
 msgid ""
-"The WPA3 standard is the new most secure encryption method that is "
+"The WPA3 standard is the new most secure encryption method that is suggested "
-"suggested to be used with any device that supports it. The older devices "
+"to be used with any device that supports it. The older devices without WPA3 "
-"without WPA3 support require older WPA2. If you experience issues with "
+"support require older WPA2. If you experience issues with connecting older "
-"connecting older devices, try to enable WPA2."
+"devices, try to enable WPA2."
 msgstr ""
 "Der WPA3-Standard ist die neue Verschlüsselungsmethode mit der besten "
 "Sicherheit. Er empfiehlt sich für jedes Gerät, das ihn unterstützt, aber "
-"ältere Geräte, bei denen das noch nicht der Fall ist, müssen auf das "
+"ältere Geräte, bei denen das noch nicht der Fall ist, müssen auf das ältere "
-"ältere WPA2 ausweichen. Falls Sie Probleme dabei haben, ältere Geräte mit"
+"WPA2 ausweichen. Falls Sie Probleme dabei haben, ältere Geräte mit dem WLAN "
-" dem WLAN zu verbinden, schalten Sie versuchsweise WPA2 ein."
+"zu verbinden, schalten Sie versuchsweise WPA2 ein."
 
 #: src/form/components/ForisForm.js:121
 msgid "Settings saved successfully"
@@ -415,34 +414,25 @@ msgstr "Dies ist keine gültige MAC-Adresse."
 msgid "Doesn't contain a list of emails separated by commas."
 msgstr "Enthält keine Liste von E-Mails, die durch Kommas getrennt sind."
 
-#~ msgid "An unknown error occurred. Check the console for more info."
+#: src/common/RebootButton.js:27
-#~ msgstr ""
+msgid "Reboot request failed."
+msgstr "Neustart-Einleitung fehlgeschlagen."
 
-#~ msgid "Reboot confirmation"
+#: src/common/RebootButton.js:51
-#~ msgstr ""
+msgid "Reboot"
+msgstr "Systemneustart"
+
+#: src/common/RebootButton.js:66
+msgid "Warning!"
+msgstr "Warnung!"
+
+#: src/common/RebootButton.js:68
+msgid "Are you sure you want to restart the router?"
+msgstr "Sind Sie sicher, dass Sie den Router neu starten wollen?"
+
+#: src/common/RebootButton.js:73
+msgid "Confirm reboot"
+msgstr "Neustart bestätigen"
 
 #~ msgid "Enable"
 #~ msgstr "Aktivieren"
-
-#~ msgid ""
-#~ "\n"
-#~ "If a number of wireless cards "
-#~ "doesn't match, you may try to "
-#~ "reset the Wi-Fi settings. Note "
-#~ "that this will remove the\n"
-#~ "current Wi-Fi configuration and restore the default values.\n"
-#~ "        "
-#~ msgstr ""
-
-#~ msgid "Reboot request failed."
-#~ msgstr "Neustart-Einleitung fehlgeschlagen."
-
-#~ msgid "Reboot"
-#~ msgstr "Systemneustart"
-
-#~ msgid "Warning!"
-#~ msgstr "Warnung!"
-
-#~ msgid "Are you sure you want to restart the router?"
-#~ msgstr "Sind Sie sicher, dass Sie den Router neu starten wollen?"
-

translations/el/LC_MESSAGES/forisjs.po

@@ -8,15 +8,16 @@ msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
 "POT-Creation-Date: 2024-11-13 14:06+0100\n"
-"PO-Revision-Date: 2021-02-09 16:50+0000\n"
+"PO-Revision-Date: 2025-01-18 11:00+0000\n"
-"Last-Translator: Michalis <michalisntovas@yahoo.gr>\n"
+"Last-Translator: Thanasis <thanasakis11mail@gmail.com>\n"
+"Language-Team: Greek <https://hosted.weblate.org/projects/turris/foris-js/el/"
+">\n"
 "Language: el\n"
-"Language-Team: Greek <https://hosted.weblate.org/projects/turris/foris-"
-"js/el/>\n"
-"Plural-Forms: nplurals=2; plural=n != 1;\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=n != 1;\n"
+"X-Generator: Weblate 5.10-dev\n"
 "Generated-By: Babel 2.16.0\n"
 
 #: src/api/utils.js:61
@@ -38,7 +39,7 @@ msgstr ""
 #: src/bootstrap/Alert.js:73 src/bootstrap/Modal.js:101
 #: src/common/WiFiSettings/WiFiQRCode.js:89
 msgid "Close"
-msgstr ""
+msgstr "Κλείσιμο"
 
 #: src/bootstrap/CopyInput.js:56
 msgid "Copied!"
@@ -179,7 +180,7 @@ msgstr ""
 
 #: src/common/WiFiSettings/WiFiForm.js:303
 msgid "Custom"
-msgstr ""
+msgstr "Προσαρμοσμένο"
 
 #: src/common/WiFiSettings/WiFiGuestForm.js:43
 msgid "Enable Guest Wi-Fi"
@@ -225,7 +226,7 @@ msgstr ""
 
 #: src/common/WiFiSettings/constants.js:9
 msgid "Disabled"
-msgstr ""
+msgstr "Απενεργοποιημένο"
 
 #: src/common/WiFiSettings/constants.js:10
 msgid "802.11n - 20 MHz wide channel"
@@ -483,4 +484,3 @@ msgstr ""
 
 #~ msgid "Are you sure you want to restart the router?"
 #~ msgstr "Είστε βέβαιοι ότι θέλετε να κάνετε επανεκκίνηση του δρομολογητή;"
-

translations/fr/LC_MESSAGES/forisjs.po

@@ -8,15 +8,16 @@ msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
 "POT-Creation-Date: 2024-11-13 14:06+0100\n"
-"PO-Revision-Date: 2024-07-27 01:09+0000\n"
+"PO-Revision-Date: 2024-12-14 10:00+0000\n"
-"Last-Translator: Moha684 <nahil82466@gmail.com>\n"
+"Last-Translator: ButterflyOfFire <boffire@users.noreply.hosted.weblate.org>\n"
+"Language-Team: French <https://hosted.weblate.org/projects/turris/foris-js/"
+"fr/>\n"
 "Language: fr\n"
-"Language-Team: French <https://hosted.weblate.org/projects/turris/foris-"
-"js/fr/>\n"
-"Plural-Forms: nplurals=2; plural=n > 1;\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=2; plural=n > 1;\n"
+"X-Generator: Weblate 5.9-rc\n"
 "Generated-By: Babel 2.16.0\n"
 
 #: src/api/utils.js:61
@@ -38,7 +39,7 @@ msgstr "Une erreur d’API inconnue s’est produite."
 #: src/bootstrap/Alert.js:73 src/bootstrap/Modal.js:101
 #: src/common/WiFiSettings/WiFiQRCode.js:89
 msgid "Close"
-msgstr ""
+msgstr "Fermer"
 
 #: src/bootstrap/CopyInput.js:56
 msgid "Copied!"
@@ -49,13 +50,12 @@ msgid "Copy"
 msgstr "Copier"
 
 #: src/common/ActionButtonWithModal/ActionButtonWithModal.js:60
-#, fuzzy
 msgid "Action successful."
-msgstr "Paramètres enregistrés avec succès"
+msgstr "Paramètres enregistrés avec succès."
 
 #: src/common/ActionButtonWithModal/ActionButtonWithModal.js:65
 msgid "Action failed."
-msgstr ""
+msgstr "L'enregistrement des paramètres a échoué."
 
 #: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
 msgid "Cancel"
@@ -84,39 +84,39 @@ msgstr ""
 
 #: src/common/RichTable/RichTablePagination.js:71
 msgid "First page"
-msgstr ""
+msgstr "Première page"
 
 #: src/common/RichTable/RichTablePagination.js:77
 msgid "Previous page"
-msgstr ""
+msgstr "Page précédente"
 
 #: src/common/RichTable/RichTablePagination.js:83
 msgid "Next page"
-msgstr ""
+msgstr "Page suivante"
 
 #: src/common/RichTable/RichTablePagination.js:89
 msgid "Last page"
-msgstr ""
+msgstr "Dernière page"
 
 #: src/common/RichTable/RichTablePagination.js:95
 msgid "Page"
-msgstr ""
+msgstr "Page"
 
 #: src/common/RichTable/RichTablePagination.js:98
 msgid "of"
-msgstr ""
+msgstr "de"
 
 #: src/common/RichTable/RichTablePagination.js:106
 msgid "Rows per page:"
-msgstr ""
+msgstr "Lignes par page :"
 
 #: src/common/RichTable/RichTablePagination.js:109
 msgid "Select rows per page"
-msgstr ""
+msgstr "Sélectionnez les lignes par page"
 
 #: src/common/RichTable/RichTablePagination.js:121
 msgid "All"
-msgstr ""
+msgstr "Tout"
 
 #: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
@@ -473,4 +473,3 @@ msgstr ""
 
 #~ msgid "Are you sure you want to restart the router?"
 #~ msgstr "Voulez-vous vraiment redémarrer le routeur ?"
-

translations/sk/LC_MESSAGES/forisjs.po

@@ -8,15 +8,16 @@ msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
 "POT-Creation-Date: 2024-11-13 14:06+0100\n"
-"PO-Revision-Date: 2024-09-09 18:09+0000\n"
+"PO-Revision-Date: 2024-12-14 10:00+0000\n"
 "Last-Translator: Atec <dr.atec@gmail.com>\n"
+"Language-Team: Slovak <https://hosted.weblate.org/projects/turris/foris-js/"
+"sk/>\n"
 "Language: sk\n"
-"Language-Team: Slovak <https://hosted.weblate.org/projects/turris/foris-"
-"js/sk/>\n"
-"Plural-Forms: nplurals=3; plural=((n==1) ? 0 : (n>=2 && n<=4) ? 1 : 2);\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=3; plural=((n==1) ? 0 : (n>=2 && n<=4) ? 1 : 2);\n"
+"X-Generator: Weblate 5.9-rc\n"
 "Generated-By: Babel 2.16.0\n"
 
 #: src/api/utils.js:61
@@ -49,74 +50,72 @@ msgid "Copy"
 msgstr "Kopírovať"
 
 #: src/common/ActionButtonWithModal/ActionButtonWithModal.js:60
-#, fuzzy
 msgid "Action successful."
-msgstr "Nastavenia boli úspešne uložené"
+msgstr "Akcia úspešná."
 
 #: src/common/ActionButtonWithModal/ActionButtonWithModal.js:65
 msgid "Action failed."
-msgstr ""
+msgstr "Akcia neúspešná."
 
 #: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
 msgid "Cancel"
 msgstr "Zrušiť"
 
 #: src/common/ActionButtonWithModal/ActionButtonWithModal.js:128
-#, fuzzy
 msgid "Confirm"
-msgstr "Potvrdiť reštart"
+msgstr "Potvrdiť"
 
 #: src/common/RichTable/RichTableHeader.js:29
 msgid "Sort ascending"
-msgstr ""
+msgstr "Zoradiť vzostupne"
 
 #: src/common/RichTable/RichTableHeader.js:30
 msgid "Sort descending"
-msgstr ""
+msgstr "Zoradiť zostupne"
 
 #: src/common/RichTable/RichTableHeader.js:31
 msgid "Clear sort"
-msgstr ""
+msgstr "Vymazať zoradenie"
 
 #: src/common/RichTable/RichTablePagination.js:65
 msgid "Pagination navigation bar"
-msgstr ""
+msgstr "Navigačný pás stránkovania"
 
 #: src/common/RichTable/RichTablePagination.js:71
 msgid "First page"
-msgstr ""
+msgstr "Prvá strana"
 
 #: src/common/RichTable/RichTablePagination.js:77
 msgid "Previous page"
-msgstr ""
+msgstr "Predchádzajúca strana"
 
 #: src/common/RichTable/RichTablePagination.js:83
 msgid "Next page"
-msgstr ""
+msgstr "Nasledujúca strana"
 
 #: src/common/RichTable/RichTablePagination.js:89
 msgid "Last page"
-msgstr ""
+msgstr "Posledná strana"
 
 #: src/common/RichTable/RichTablePagination.js:95
 msgid "Page"
-msgstr ""
+msgstr "Strana"
 
 #: src/common/RichTable/RichTablePagination.js:98
 msgid "of"
-msgstr ""
+msgstr "z"
 
 #: src/common/RichTable/RichTablePagination.js:106
 msgid "Rows per page:"
-msgstr ""
+msgstr "Počet riadkov na stranu:"
 
 #: src/common/RichTable/RichTablePagination.js:109
 msgid "Select rows per page"
-msgstr ""
+msgstr "Vyberte počet riadkov na stranu"
 
 #: src/common/RichTable/RichTablePagination.js:121
 msgid "All"
-msgstr ""
+msgstr "Všetky"
 
 #: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
@@ -447,4 +446,3 @@ msgstr "Neobsahuje zoznam e-mailov oddelených čiarkami."
 
 #~ msgid "Are you sure you want to restart the router?"
 #~ msgstr "Naozaj sa má router reštartovať?"
-