Merge branch 'dev' into 'master'

Dev See merge request turris/reforis/foris-js!225
Merge branch 'bump-602' into 'dev'
2025-06-15 13:36:35 +02:00 · 2024-06-28 14:22:41 +02:00 · 2024-06-28 13:08:32 +02:00 · 2024-06-28 14:03:19 +03:00 · 2024-06-28 10:30:25 +03:00 · 2024-06-28 10:29:41 +03:00
118 changed files with 16875 additions and 16778 deletions
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -1,8 +1,3 @@
 module.exports = {
-    extends: ["eslint-config-reforis", "prettier"],
-    plugins: ["prettier"],
-    rules: {
-        "prettier/prettier": ["error"],
-        "import/prefer-default-export": "off",
-    },
+    extends: "eslint-config-reforis",
 };
--- a/.gitignore
+++ b/.gitignore
@ -51,4 +51,3 @@ coverage.xml
 dist/
 foris-*.tgz
 styleguide/
-testUtils
--- a/.gitlab-ci.yml
+++ b/.gitlab-ci.yml
@ -1,4 +1,4 @@
-image: node:16-alpine
+image: registry.nic.cz/turris/reforis/reforis/reforis-image

 stages:
    - test
@ -6,7 +6,7 @@ stages:
    - publish

 before_script:
-    - apk add make
+    - apt-get update && apt-get install -y make
    - npm install

 test:
--- a/.prettierrc
+++ b/.prettierrc
@ -1,11 +0,0 @@
-{
-    "singleQuote": false,
-    "printWidth": 80,
-    "proseWrap": "always",
-    "tabWidth": 4,
-    "useTabs": false,
-    "trailingComma": "es5",
-    "bracketSpacing": true,
-    "jsxBracketSameLine": false,
-    "semi": true
-}
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -0,0 +1,397 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to
+[Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+## [6.0.2] - 2024-06-28
+
+### Added
+
+-   Added className prop to CheckBox and Radio components
+
+## [6.0.1] - 2024-06-26
+
+### Added
+
+-   Added className prop to Switch component
+
+### Changed
+
+-   Updated dependencies in package.json
+-   NPM audit fix
+
+## [6.0.0] - 2024-06-11
+
+### Added
+
+-   Added CHANGELOG.md
+-   Added JS_DIR variable to Makefile
+-   Added support for shared reForis ESLint configuration
+
+### Changed
+
+-   Updated dependencies in package.json
+-   Updated Spinner.css styles for better positioning and responsiveness
+-   Migrated to Bootstrap 5
+-   NPM audit fix
+-   Other small improvements
+
+## [5.6.1] - 2024-01-19
+
+-   Added & updated Weblate translations
+-   Fixed loading state & button's layout
+-   Updated bootstrap library to version 4.6.2
+-   Used custom reforis-image in GitLab CI/CD
+-   NPM audit fix
+
+## [5.6.0] - 2022-12-29
+
+-   Add & update Weblate translations
+-   Add CustomizationContext and custom hook
+-   Update caniuse-lite
+-   Remove testUtils from .gitignore
+-   Make ieee80211w_disabled as optional in WiFiForm
+-   Move contexts in a context folder
+-   NPM audit fix
+
+## [5.5.0] - 2022-12-02
+
+-   Add & update translations
+-   Add a switch to disable Management Frame Protection (802.11w)
+-   Improved Foris JS documentation
+-   NPM audit fix
+
+## [5.4.1] - 2022-06-03
+
+-   Add Weblate translations
+-   Update PropType peer dependency
+-   NPM audit fix
+
+## [5.4.0] - 2022-05-20
+
+-   Add & update translations
+-   Add CopyInput bootstrap component
+-   Update WiFiForm labels and description for wifi ax
+-   Make WS path in lighttpd mode configurable
+-   Fix Wi-Fi password helptext string
+-   NPM audit fix
+
+## [5.3.0] - 2022-02-21
+
+-   Added & update translations
+-   Added rest of the props to DownloadButton component
+-   Added hostname validation
+-   Added wifi 802.11ax HE modes
+-   Set best Wi-Fi HT mode depending on the checked frequency
+-   Improved domain name RegEx pattern
+-   Removed customOrder prop in Select component
+-   Fixed Wi-Fi translation strings
+-   Fixed autocomplete attribute in PasswordInput
+-   Fixed WiFi password max length check
+-   Fixed documentation build
+-   Fixed access token in publish script
+-   Refined & restructure Makefile
+-   Updated GitLab CI image to Node.js v16
+-   NPM update (several dependencies)
+-   NPM audit fix
+
+## [5.2.0] - 2021-12-15
+
+-   Remove login page
+-   NPM audit fix
+
+## [5.1.16] - 2021-11-18
+
+-   Revert bad NPM audit fix
+-   NPM audit fix
+
+## [5.1.15] - 2021-11-03
+
+-   Add WPA3 option
+-   Add custom order ability of Select options
+-   NPM audit fix
+
+## [5.1.14] - 2021-07-30
+
+-   Add & update translations
+-   Fix infinity redirect loop when WS error occurs
+-   NPM audit fix
+
+## [5.1.13] - 2021-06-30
+
+-   Add sentinelAgreement endpoint to forisUrls
+-   NPM audit fix
+
+## [5.1.12] - 2021-05-14
+
+-   Add & update translations
+-   Add & fix obsolete links
+-   Expend library with the ResetWifiSettings function
+-   Fix switching Wi-Fi modes depending on bands in WiFiForm
+-   Fix translation sources in WiFiForm
+-   NPM audit fix
+-   Other small improvements
+
+## [5.1.11] - 2021-01-04
+
+-   Remove duplicated file for Norwegian language
+-   Fix translations inconsistency
+
+## [5.1.10] - 2021-12-29
+
+-   Add and update translations
+
+## [5.1.9] - 2021-12-20
+
+-   Increase bottom margin of formFieldsSize
+-   Change formFieldsSize of ResetWiFiSettings card
+-   Fix trailing space in Modal classes
+
+## [5.1.8] - 2020-12-19
+
+-   Add isPluginInstalled function
+
+## [5.1.7] - 2020-11-27
+
+## [5.1.6] - 2020-11-25
+
+-   NPM audit fix
+-   Add displayCard function to utils
+-   Add optional sizes to Modal
+-   Add information about optional sizes to docs
+-   Remove redundant merge.py
+
+## [5.1.5] - 2020-09-25
+
+-   Fix DateTime import
+-   Fix extra empty space in Switch's classes
+
+## [5.1.4] - 2020-09-25
+
+-   Add inline option to Wi-Fi's RadioSet
+-   Fix Alert's dismissible class condition
+-   Add closing bootstrap modal using ESC
+-   Change reboot modal's heading to "Warning!"
+
+## [5.1.3] - 2020-09-11
+
+-   Add SSID validation for 32 bytes length
+-   Add helpText for SSID input
+
+## [5.1.2] - 2020-09-08
+
+-   Fix infinity loop caused by WebSockets
+-   Resolve small issues
+
+## [5.1.1] - 2020-08-31
+
+-   Add "inline" option to RadioSet
+-   NPM audit fix
+
+## [5.1.0] - 2020-08-25
+
+-   Add new Switch component
+-   Swap checkboxes for switches on Wi-Fi page
+-   Decrease button width on different breakpoints
+-   Add integration of Prettier + ESLint + reForis Style Guide
+-   Add appropriate links to dropdown headers
+-   Add semantic & accessibility structure for headings
+-   NPM audit & Update packages
+-   GitLab CI: image update to node 10
+
+## [5.0.3] - 2020-09-23
+
+-   Fixes issue with WebSockets
+
+## [5.0.2] - 2020-09-22
+
+-   Fix infinity loop caused by WebSockets
+
+## [5.0.1] - 2020-07-21
+
+-   Fix Wi-Fi Form
+-   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.
+
+## [4.5.1] - 2020-05-07
+
+-   Add initialData to ForisForm children.
+-   Update translations .pot file.
+
+## [4.5.0] - 2020-03-25
+
+-   Use exposed pdfmake.
+-   NPM audit fix & update of packages.
+
+## [4.4.0] - 2020-03-13
+
+-   Update domain validation.
+
+## [4.3.1] - 2020-03-06
+
+-   Add logout link.
+
+## [4.3.0] - 2020-02-26
+
+-   Allow RadioSet accept elements as children.
+-   Add option to make modal scrollable.
+
+## [4.2.0] - 2020-02-21
+
+-   Add translations.
+-   Improve datatime localization.
+
+## [4.1.0] - 2020-02-20
+
+-   Added date and time utilities.
+
+## [4.0.0] - 2020-02-20
+
+-   Throw an error if unhandled exception happens during API request.
+
+## [3.4.0] - 2020-02-17
+
+-   Display actual GET error response within the form.
+-   Added styles extracted from reForis.
+-   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
+    react-router-dom exposed by reForis.
+-   Added controller ID filter to WebSocket hook.
+-   Updated translation messages after moving WiFi form.
+-   Increased request timeout to 30.5 sec.
+
+## [3.1.1] - 2020-01-10
+
+-   Fixed package dependencies related to exposing libraries via reForis
+
+## [3.1.0] - 2020-01-09
+
+-   Added Wi-Fi settings form
+-   Fixed path to index.js file in package.json
+
+## [3.0.0] - 2020-01-07
+
+-   Removal of Babel compiler
+-   Fixed width of ForisForm, removed default sizing for form widgets (like
+    buttons)
+
+## [2.1.1] - 2020-01-06
+
+-   Display date and time picker above input element
+
+## [2.1.0] - 2019-12-19
+
+-   Set WebSocket logging to debug level
+-   Added hook that detects clicking outside of component
+-   Added Radio to list of publicly available components
+-   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
+    resources with e.g. PUT)
+-   Added unsubscribe method to WebSocket client
+-   Added custom class to SpinnerElement
+-   Improved documentation
+-   Published README.md
+
+## [1.4.0] - 2019-11-29
+
+-   Add reboot button.
+-   Fix Foris URLs prefixes
+
+## [1.3.3] - 2019-11-22
+
+-   Add translations from Weblate.
+
+## [1.3.2] - 2019-11-20
+
+-   Expose only AlertContext.
+-   Add hook for API pooling.
+
+## [1.3.1] - 2019-11-14
+
+## [1.2.0] - 2019-10-24
+
+## [1.1.0] - 2019-10-22
+
+## [1.0.0] - 2019-10-07
+
+## [0.0.7] - 2019-09-02
+
+[unreleased]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.0.2...master
+[6.0.2]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.0.1...v6.0.2
+[6.0.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.0.0...v6.0.1
+[6.0.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.6.1...v6.0.0
+[5.6.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.6.0...v5.6.1
+[5.6.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.5.0...v5.6.0
+[5.5.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.4.1...v5.5.0
+[5.4.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.4.0...v5.4.1
+[5.4.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.3.0...v5.4.0
+[5.3.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.2.0...v5.3.0
+[5.2.0]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.16...v5.2.0
+[5.1.16]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.15...v5.1.16
+[5.1.15]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.14...v5.1.15
+[5.1.14]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.13...v5.1.14
+[5.1.13]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.12...v5.1.13
+[5.1.12]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.11...v5.1.12
+[5.1.11]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.10...v5.1.11
+[5.1.10]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.9...v5.1.10
+[5.1.9]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.8...v5.1.9
+[5.1.8]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.7...v5.1.8
+[5.1.7]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.6...v5.1.7
+[5.1.6]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.5...v5.1.6
+[5.1.5]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.4...v5.1.5
+[5.1.4]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.3...v5.1.4
+[5.1.3]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.2...v5.1.3
+[5.1.2]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.1...v5.1.2
+[5.1.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.0...v5.1.1
+[5.1.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.0.3...v5.1.0
+[5.0.3]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.0.2...v5.0.3
+[5.0.2]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.0.1...v5.0.2
+[5.0.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.5.0...v5.0.1
+[5.0.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.5.1...v5.0.0
+[4.5.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.5.0...v4.5.1
+[4.5.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.4.0...v4.5.0
+[4.4.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.3.1...v4.4.0
+[4.3.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.3.0...v4.3.1
+[4.3.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.2.0...v4.3.0
+[4.2.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.1.0...v4.2.0
+[4.1.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.0.0...v4.1.0
+[4.0.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v3.4.0...v4.0.0
+[3.4.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v3.2.0...v3.4.0
+[3.2.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v3.1.1...v3.2.0
+[3.1.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v3.1.0...v3.1.1
+[3.1.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v3.0.0...v3.1.0
+[3.0.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v2.1.1...v3.0.0
+[2.1.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v2.1.0...v2.1.1
+[2.1.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v2.0.0...v2.1.0
+[2.0.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.4.0...v2.0.0
+[1.4.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.3.3...v1.4.0
+[1.3.3]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.3.2...v1.3.3
+[1.3.2]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.3.1...v1.3.2
+[1.3.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.2.0...v1.3.1
+[1.2.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.1.0...v1.2.0
+[1.1.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.0.0...v1.1.0
+[1.0.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v0.0.7...v1.0.0
+[0.0.7]: https://gitlab.nic.cz/turris/reforis/foris-js/-/tags/v0.0.7
--- a/1
+++ b/1
@ -11,6 +11,7 @@ MSGID_BUGS_ADDRESS="tech.support@turris.cz"

 DEV_PYTHON=python3
 VENV_NAME?=venv
+JS_DIR=js
 VENV_BIN=$(shell pwd)/$(VENV_NAME)/bin

 .PHONY: all
--- a/docs/components/Logo.js
+++ b/docs/components/Logo.js
@ -0,0 +1,36 @@
+import React from "react";
+import PropTypes from "prop-types";
+import Styled from "rsg-components/Styled";
+import logo from "./logo.svg";
+
+const styles = ({ fontFamily }) => ({
+    logo: {
+        display: "flex",
+        alignItems: "center",
+        margin: 0,
+        fontFamily: fontFamily.base,
+        fontSize: 18,
+        fontWeight: "normal",
+    },
+    image: {
+        height: "1.3em",
+        marginLeft: "-0.2em",
+        marginRight: "0.2em",
+    },
+});
+
+export function LogoRenderer({ classes, children }) {
+    return (
+        <h1 className={classes.logo}>
+            <img className={classes.image} src={logo} alt="React logo" />
+            {children}
+        </h1>
+    );
+}
+
+LogoRenderer.propTypes = {
+    classes: PropTypes.object.isRequired,
+    children: PropTypes.node,
+};
+
+export default Styled(styles)(LogoRenderer);
--- a/docs/components/logo.svg
+++ b/docs/components/logo.svg
@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000">
+    <path d="M288.258 240.0394L717.5586-.44c.803 62.277-1.8207 124.502-1.4996 186.7266 1.8208 7.6343-7.2288 10.1966-12.102 13.4908L286.4375 432.1518l1.8206-192.1124zm2.284 277.645L711 278.3176l-.8416 192.7742L457.357 614.514l-1.842 289.03-167.7097 95.8926 2.7365-481.753z"/>
+</svg>
--- a/docs/development.md
+++ b/docs/development.md
@ -1,15 +1,15 @@
-Sooner or later you will face with situation when you want/need to make some
-changes in the library. Then the most important tool for you it's
+Sooner or later, you will face with situation when you want/need to make some
+changes in the library. Then the most important tool for you it's the
 [`npm link`](https://docs.npmjs.com/cli/link).

-Please, notice that it will not work if you link library just from root of the
-repo. It happens due to location of sources `./src`. You need to pack library
-first `make pack` and then link it from `./dist` directory.
+Please, notice that it will not work if you link the library just from the root
+of the repo. It happens due to the location of sources `./src`. You need to pack
+the library first, `make pack` and then link it from the `./dist` directory.

-Yeah it's not such comfortable solution for development. But it can fixed by
-writing small script similar as `make pack` but with linking every file and
-directory from `./src` to the some directory and linking then from it. Notice
-that you need to link `package.json` and `package-lock.json` as well.
+Yeah, it's not such a comfortable solution for development. But it can be fixed
+by writing a small script similar to making a pack but by linking every file and
+directory from `./src` to the same directory and linking then from it. Notice
+that you need to link a `package.json` and a `package-lock.json` as well.

 So step by step:

--- a/docs/forisjs-npm.svg
+++ b/docs/forisjs-npm.svg
@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" fill="white">
+    <path d="M49.5 171.722222222222h400v133.333333333333h-200v22.222222222223h-88.888888888889v-22.222222222223H49.5V171.722222222222zm22.222222222222 111.111111111111h44.444444444445v-66.666666666667h22.222222222222v66.666666666667h22.222222222222v-88.888888888889H71.722222222222v88.888888888889zm111.111111111111-88.888888888889v111.111111111111h44.444444444445v-22.222222222222h44.444444444444v-88.888888888889h-88.888888888889zm44.444444444445 22.222222222222H249.5v44.444444444445h-22.222222222222v-44.444444444445zm66.666666666666-22.222222222222v88.888888888889h44.444444444445v-66.666666666667h22.222222222222v66.666666666667h22.222222222222v-66.666666666667h22.222222222222v66.666666666667h22.222222222223v-88.888888888889H293.944444444444z" fill="#cb3837" />
+    <path d="M71.722222222222 282.833333333333h44.444444444444v-66.666666666667h22.222222222223v66.666666666667h22.222222222222v-88.888888888889H71.722222222222zm111.111111111111-88.888888888889v111.111111111111h44.444444444444v-22.222222222222h44.444444444445v-88.888888888889h-88.888888888889zM249.5 260.611111111111h-22.222222222223v-44.444444444445H249.5v44.444444444445zm44.444444444444-66.666666666667v88.888888888889h44.444444444444v-66.666666666667h22.222222222223v66.666666666667h22.222222222222v-66.666666666667h22.222222222222v66.666666666667h22.222222222222v-88.888888888889z" />
+</svg>
--- a/docs/intro.md
+++ b/docs/intro.md
@ -1,6 +0,0 @@
-Foris JS library is set of components and utils for Foris JS application and
-plugins.
-
-Please notice that all of these components or utils are used in reForis and
-plugins. If you like to study by example I would recommend to full-text search
-these repos.
--- a/docs/introduction.md
+++ b/docs/introduction.md
@ -0,0 +1,37 @@
+Welcome! This is the official documentation for Foris JS.
+
+## What Foris JS is
+
+Foris JS library is a set of components and utils for reForis application and
+plugins.
+
+Please notice that all of these components or utils are used in reForis and
+plugins. If you want to study them by example, I recommend you to full-text
+search those repositories.
+
+# Installation
+
+## Prerequisites
+
+Please make sure that [Node.js](https://nodejs.org/en/) is installed on your
+system.
+
+The current Long Term Support (LTS) release is an ideal starting point, see
+[here](https://github.com/nodejs/Release#release-schedule).
+
+## Installation
+
+To install the latest release:
+
+```plain
+npm install foris
+```
+
+To install a specific version:
+
+```plain
+npm install foris@version
+```
+
+<a target="_blank" href="https://www.npmjs.com/package/foris">Check
+on<img width="100px" src="./docs/forisjs-npm.svg"></a>
--- a/jest.config.js
+++ b/jest.config.js
@ -19,6 +19,7 @@ module.exports = {
    collectCoverageFrom: ["src/**/*.{js,jsx}"],
    coverageDirectory: "coverage",
    testPathIgnorePatterns: ["/node_modules/", "/__fixtures__/", "/dist/"],
+    testEnvironment: "jsdom",
    verbose: false,
    setupFilesAfterEnv: [
        "@testing-library/react/cleanup-after-each",
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -1,7 +1,7 @@
 {
    "name": "foris",
-    "version": "5.4.0",
-    "description": "Set of components and utils for Foris and its plugins.",
+    "version": "6.0.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": {
        "type": "git",
@ -14,49 +14,48 @@
    "license": "GPL-3.0",
    "main": "./src/index.js",
    "dependencies": {
-        "axios": "^0.21.1",
-        "immutability-helper": "3.0.1",
-        "moment": "^2.24.0",
-        "qrcode.react": "^1.0.1",
-        "react-datetime": "^3.1.1",
-        "react-uid": "^2.2.0"
+        "axios": "^1.7.2",
+        "immutability-helper": "^3.1.1",
+        "moment": "^2.30.1",
+        "qrcode.react": "^3.1.0",
+        "react-datetime": "^3.2.0",
+        "react-uid": "^2.3.3"
    },
    "peerDependencies": {
-        "bootstrap": "4.4.1",
-        "prop-types": "15.7.2",
+        "bootstrap": "^5.3.3",
+        "prop-types": "15.8.1",
        "react": "16.9.0",
        "react-dom": "16.9.0",
        "react-router-dom": "^5.1.2"
    },
    "devDependencies": {
-        "@babel/cli": "^7.12.10",
-        "@babel/core": "^7.9.0",
-        "@babel/plugin-transform-runtime": "^7.9.0",
-        "@babel/preset-env": "^7.9.0",
-        "@babel/preset-react": "^7.9.4",
-        "@fortawesome/fontawesome-free": "^5.13.0",
+        "@babel/cli": "^7.24.7",
+        "@babel/core": "^7.24.7",
+        "@babel/plugin-transform-runtime": "^7.24.7",
+        "@babel/preset-env": "^7.24.7",
+        "@babel/preset-react": "^7.24.7",
+        "@fortawesome/fontawesome-free": "^6.5.2",
        "@testing-library/react": "^8.0.9",
        "babel-loader": "^8.1.0",
        "babel-polyfill": "^6.26.0",
-        "bootstrap": "^4.5.0",
+        "bootstrap": "^5.3.3",
        "css-loader": "^5.2.4",
-        "eslint": "^6.8.0",
-        "eslint-config-prettier": "^6.11.0",
-        "eslint-config-reforis": "^1.0.0",
-        "eslint-plugin-prettier": "^3.1.4",
+        "eslint": "^8.57.0",
+        "eslint-config-reforis": "^2.1.1",
        "file-loader": "^6.0.0",
-        "jest": "^25.2.0",
-        "jest-mock-axios": "^3.2.0",
-        "moment-timezone": "^0.5.34",
-        "prettier": "2.0.5",
-        "prop-types": "15.7.2",
+        "jest": "^29.7.0",
+        "jest-environment-jsdom": "^29.7.0",
+        "jest-mock-axios": "^4.7.3",
+        "moment-timezone": "^0.5.45",
+        "prettier": "^3.3.2",
+        "prop-types": "15.8.1",
        "react": "16.9.0",
        "react-dom": "16.9.0",
        "react-router-dom": "^5.1.2",
-        "react-styleguidist": "^11.2.0",
-        "snapshot-diff": "^0.7.0",
+        "react-styleguidist": "^12.0.1",
+        "snapshot-diff": "^0.10.0",
        "style-loader": "^1.2.1",
-        "webpack": "^5.68.0"
+        "webpack": "^5.92.1"
    },
    "scripts": {
        "lint": "eslint src",
--- a/prettier.config.js
+++ b/prettier.config.js
@ -0,0 +1 @@
+module.exports = require("eslint-config-reforis/prettier.config");
--- a/src/api/hooks.js
+++ b/src/api/hooks.js
@ -111,9 +111,8 @@ const useAPIPatch = createAPIHook("PATCH");
 const useAPIPut = createAPIHook("PUT");
 const useAPIDelete = createAPIHook("DELETE");

-export { useAPIGet, useAPIPost, useAPIPatch, useAPIPut, useAPIDelete };
-
-export function useAPIPolling(endpoint, delay = 1000, until) {
+/* eslint-disable default-param-last */
+function useAPIPolling(endpoint, delay = 1000, until) {
    // delay ms
    const [state, setState] = useState({ state: API_STATE.INIT });
    const [getResponse, get] = useAPIGet(endpoint);
@ -133,3 +132,12 @@ export function useAPIPolling(endpoint, delay = 1000, until) {

    return [state];
 }
+
+export {
+    useAPIGet,
+    useAPIPost,
+    useAPIPatch,
+    useAPIPut,
+    useAPIDelete,
+    useAPIPolling,
+};
--- a/src/bootstrap/Alert.js
+++ b/src/bootstrap/Alert.js
@ -1,11 +1,12 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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.
 */

 import React from "react";
+
 import PropTypes from "prop-types";

 export const ALERT_TYPES = Object.freeze({
@ -35,21 +36,24 @@ Alert.defaultProps = {
    type: ALERT_TYPES.DANGER,
 };

-export function Alert({ type, onDismiss, children }) {
+function Alert({ type, onDismiss, children }) {
    return (
        <div
-            className={`alert ${
+            className={`alert alert-${type} ${
                onDismiss ? "alert-dismissible" : ""
-            } alert-${type}`}
+            }`.trim()}
        >
-            {onDismiss ? (
-                <button type="button" className="close" onClick={onDismiss}>
-                    &times;
-                </button>
-            ) : (
-                false
+            {onDismiss && (
+                <button
+                    type="button"
+                    className="btn-close"
+                    onClick={onDismiss}
+                    aria-label={_("Close")}
+                />
            )}
            {children}
        </div>
    );
 }
+
+export default Alert;
--- a/src/bootstrap/Button.js
+++ b/src/bootstrap/Button.js
@ -1,11 +1,12 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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.
 */

 import React from "react";
+
 import PropTypes from "prop-types";

 Button.propTypes = {
@ -24,31 +25,28 @@ Button.propTypes = {
    ]).isRequired,
 };

-export function Button({
-    className,
-    loading,
-    forisFormSize,
-    children,
-    ...props
-}) {
-    let buttonClass = className ? `btn ${className}` : "btn btn-primary ";
+function Button({ className, loading, forisFormSize, children, ...props }) {
+    let buttonClass = className ? `btn ${className}` : "btn btn-primary";
    if (forisFormSize) {
-        buttonClass = `${buttonClass} col-sm-12 col-md-3 col-lg-2`;
+        buttonClass = `${buttonClass} col-12 col-md-3 col-lg-2`;
    }

-    const span = loading ? (
+    return (
+        <button
+            type="button"
+            className={`${buttonClass} d-inline-flex justify-content-center align-items-center`}
+            {...props}
+        >
+            {loading && (
                <span
-            className="spinner-border spinner-border-sm"
+                    className="spinner-border spinner-border-sm me-1"
                    role="status"
                    aria-hidden="true"
                />
-    ) : null;
-
-    return (
-        <button type="button" className={buttonClass} {...props}>
-            {span}
-            {span ? " " : null}
-            {children}
+            )}
+            <span>{children}</span>
        </button>
    );
 }
+
+export default Button;
--- a/src/bootstrap/CheckBox.js
+++ b/src/bootstrap/CheckBox.js
@ -1,11 +1,12 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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.
 */

 import React from "react";
+
 import PropTypes from "prop-types";
 import { useUID } from "react-uid";

@ -16,33 +17,36 @@ CheckBox.propTypes = {
    helpText: PropTypes.string,
    /** Control if checkbox is clickable */
    disabled: PropTypes.bool,
+    /** Additional class name */
+    className: PropTypes.string,
 };

 CheckBox.defaultProps = {
    disabled: false,
 };

-export function CheckBox({ label, helpText, disabled, ...props }) {
+function CheckBox({ label, helpText, disabled, className, ...props }) {
    const uid = useUID();
+
    return (
-        <div className="form-group">
-            <div className="custom-control custom-checkbox ">
+        <div className={`${className || "mb-3"} form-check`.trim()}>
            <input
-                    className="custom-control-input"
+                className="form-check-input"
                type="checkbox"
                id={uid}
                disabled={disabled}
                {...props}
            />
-                <label className="custom-control-label" htmlFor={uid}>
+            <label className="form-check-label" htmlFor={uid}>
                {label}
-                    {helpText && (
-                        <small className="form-text text-muted">
-                            {helpText}
-                        </small>
-                    )}
            </label>
+            {helpText && (
+                <div className="form-text">
+                    <small>{helpText}</small>
                </div>
+            )}
        </div>
    );
 }
+
+export default CheckBox;
--- a/src/bootstrap/CopyInput.js
+++ b/src/bootstrap/CopyInput.js
@ -1,13 +1,15 @@
 /*
- * 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.
 */

 import React, { useState, useRef } from "react";
+
 import PropTypes from "prop-types";
-import { Input } from "./Input";
+
+import Input from "./Input";

 CopyInput.propTypes = {
    /** Field label. */
@ -22,7 +24,7 @@ CopyInput.propTypes = {
    readOnly: PropTypes.bool,
 };

-export function CopyInput({ value, ...props }) {
+function CopyInput({ value, ...props }) {
    const inputTextRef = useRef();
    const [isCopied, setIsCopied] = useState(false);

@ -58,3 +60,5 @@ export function CopyInput({ value, ...props }) {
        </Input>
    );
 }
+
+export default CopyInput;
--- a/src/bootstrap/DataTimeInput.js
+++ b/src/bootstrap/DataTimeInput.js
@ -1,18 +1,19 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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.
 */

 import React from "react";
+
+import moment from "moment/moment";
 import PropTypes from "prop-types";
 import Datetime from "react-datetime";
-import moment from "moment/moment";
 import "react-datetime/css/react-datetime.css";
 import "./DataTimeInput.css";

-import { Input } from "./Input";
+import Input from "./Input";

 DataTimeInput.propTypes = {
    /** Field label. */
@ -37,7 +38,7 @@ DataTimeInput.propTypes = {
 const DEFAULT_DATE_FORMAT = "YYYY-MM-DD";
 const DEFAULT_TIME_FORMAT = "HH:mm:ss";

-export function DataTimeInput({
+function DataTimeInput({
    value,
    onChange,
    isValidDate,
@ -46,13 +47,13 @@ export function DataTimeInput({
    children,
    ...props
 }) {
-    function renderInput(datetimeProps) {
+    const renderInput = (datetimeProps) => {
        return (
            <Input {...props} {...datetimeProps}>
                {children}
            </Input>
        );
-    }
+    };

    return (
        <Datetime
@ -70,3 +71,5 @@ export function DataTimeInput({
        />
    );
 }
+
+export default DataTimeInput;
--- a/src/bootstrap/DownloadButton.js
+++ b/src/bootstrap/DownloadButton.js
@ -1,11 +1,12 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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.
 */

 import React from "react";
+
 import PropTypes from "prop-types";

 DownloadButton.propTypes = {
@ -21,7 +22,7 @@ DownloadButton.defaultProps = {
    className: "btn-primary",
 };

-export function DownloadButton({ href, className, children, ...props }) {
+function DownloadButton({ href, className, children, ...props }) {
    return (
        <a
            href={href}
@ -33,3 +34,5 @@ export function DownloadButton({ href, className, children, ...props }) {
        </a>
    );
 }
+
+export default DownloadButton;
--- a/src/bootstrap/EmailInput.js
+++ b/src/bootstrap/EmailInput.js
@ -6,11 +6,14 @@
 */

 import React from "react";
+
 import PropTypes from "prop-types";

-import { Input } from "./Input";
+import Input from "./Input";

-export const EmailInput = ({ ...props }) => <Input type="email" {...props} />;
+function EmailInput({ ...props }) {
+    return <Input type="email" {...props} />;
+}

 EmailInput.propTypes = {
    /** Field label. */
@ -22,3 +25,5 @@ EmailInput.propTypes = {
    /** Email value. */
    value: PropTypes.string,
 };
+
+export default EmailInput;
--- a/src/bootstrap/FileInput.js
+++ b/src/bootstrap/FileInput.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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.
@ -8,7 +8,8 @@
 import React from "react";

 import PropTypes from "prop-types";
-import { Input } from "./Input";
+
+import Input from "./Input";

 FileInput.propTypes = {
    /** Field label. */
@ -23,7 +24,7 @@ FileInput.propTypes = {
    multiple: PropTypes.bool,
 };

-export function FileInput({ ...props }) {
+function FileInput({ ...props }) {
    return (
        <Input
            type="file"
@ -34,3 +35,5 @@ export function FileInput({ ...props }) {
        />
    );
 }
+
+export default FileInput;
--- a/src/bootstrap/Input.js
+++ b/src/bootstrap/Input.js
@ -6,11 +6,12 @@
 */

 import React, { forwardRef } from "react";
-import { useUID } from "react-uid";
+
 import PropTypes from "prop-types";
+import { useUID } from "react-uid";

 /** Base bootstrap input component. */
-export const Input = forwardRef(
+const Input = forwardRef(
    (
        {
            type,
@ -27,18 +28,21 @@ export const Input = forwardRef(
    ) => {
        const uid = useUID();

-        const inputClassName = `form-control ${className || ""} ${
+        const inputClassName = `${className || ""} ${
            error ? "is-invalid" : ""
        }`.trim();

        return (
-            <div className="form-group">
-                <label className={labelClassName} htmlFor={uid}>
+            <div className="mb-3">
+                <label
+                    className={`form-label ${labelClassName || ""}`.trim()}
+                    htmlFor={uid}
+                >
                    {label}
                </label>
                <div className={`input-group ${groupClassName || ""}`.trim()}>
                    <input
-                        className={inputClassName}
+                        className={`form-control ${inputClassName}`.trim()}
                        type={type}
                        id={uid}
                        ref={ref}
@ -46,15 +50,19 @@ export const Input = forwardRef(
                    />
                    {children}
                </div>
-                {error ? <div className="invalid-feedback">{error}</div> : null}
-                {helpText ? (
-                    <small className="form-text text-muted">{helpText}</small>
-                ) : null}
+                {error && <div className="invalid-feedback">{error}</div>}
+                {helpText && (
+                    <div className="form-text">
+                        <small>{helpText}</small>
+                    </div>
+                )}
            </div>
        );
    }
 );

+Input.displayName = "Input";
+
 Input.propTypes = {
    type: PropTypes.string.isRequired,
    label: PropTypes.string.isRequired,
@ -68,3 +76,5 @@ Input.propTypes = {
    labelClassName: PropTypes.string,
    groupClassName: PropTypes.string,
 };
+
+export default Input;
--- a/src/bootstrap/Modal.js
+++ b/src/bootstrap/Modal.js
@ -1,15 +1,16 @@
 /*
- * Copyright (C) 2020 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2020-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.
 */

 import React, { useRef, useEffect } from "react";
+
 import PropTypes from "prop-types";

-import { Portal } from "../utils/Portal";
 import { useClickOutside } from "../utils/hooks";
+import Portal from "../utils/Portal";
 import "./Modal.css";

 Modal.propTypes = {
@ -92,11 +93,10 @@ export function ModalHeader({ setShown, title }) {
            <h5 className="modal-title">{title}</h5>
            <button
                type="button"
-                className="close"
+                className="btn-close"
                onClick={() => setShown(false)}
-            >
-                <span aria-hidden="true">&times;</span>
-            </button>
+                aria-label={_("Close")}
+            />
        </div>
    );
 }
--- a/src/bootstrap/NumberInput.js
+++ b/src/bootstrap/NumberInput.js
@ -1,15 +1,16 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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.
 */

 import React from "react";
+
 import PropTypes from "prop-types";

+import Input from "./Input";
 import { useConditionalTimeout } from "../utils/hooks";
-import { Input } from "./Input";
 import "./NumberInput.css";

 NumberInput.propTypes = {
@ -23,7 +24,7 @@ NumberInput.propTypes = {
    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
    /** Function called when value changes. */
    onChange: PropTypes.func.isRequired,
-    /** Additional description dispaled to the right of input value. */
+    /** Additional description displayed to the right of input value. */
    inlineText: PropTypes.string,
 };

@ -31,7 +32,7 @@ NumberInput.defaultProps = {
    value: 0,
 };

-export function NumberInput({ onChange, inlineText, value, ...props }) {
+function NumberInput({ onChange, inlineText, value, ...props }) {
    function updateValue(initialValue, difference) {
        onChange({ target: { value: initialValue + difference } });
    }
@ -49,8 +50,9 @@ export function NumberInput({ onChange, inlineText, value, ...props }) {

    return (
        <Input type="number" onChange={onChange} value={value} {...props}>
-            <div className="input-group-append">
-                {inlineText && <p className="input-group-text">{inlineText}</p>}
+            {inlineText && (
+                <span className="input-group-text">{inlineText}</span>
+            )}
            <button
                type="button"
                className="btn btn-outline-secondary"
@ -69,7 +71,8 @@ export function NumberInput({ onChange, inlineText, value, ...props }) {
            >
                <i className="fas fa-minus" />
            </button>
-            </div>
        </Input>
    );
 }
+
+export default NumberInput;
--- a/src/bootstrap/PasswordInput.js
+++ b/src/bootstrap/PasswordInput.js
@ -1,14 +1,15 @@
 /*
- * 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.
 */

 import React, { useState } from "react";
+
 import PropTypes from "prop-types";

-import { Input } from "./Input";
+import Input from "./Input";

 PasswordInput.propTypes = {
    /** Field label. */
@ -25,7 +26,7 @@ PasswordInput.propTypes = {
    newPass: PropTypes.bool,
 };

-export function PasswordInput({ withEye, newPass, ...props }) {
+function PasswordInput({ withEye, newPass, ...props }) {
    const [isHidden, setHidden] = useState(true);

    return (
@ -34,8 +35,7 @@ export function PasswordInput({ withEye, newPass, ...props }) {
            autoComplete={newPass ? "new-password" : "current-password"}
            {...props}
        >
-            {withEye ? (
-                <div className="input-group-append">
+            {withEye && (
                <button
                    type="button"
                    className="input-group-text"
@ -45,13 +45,12 @@ export function PasswordInput({ withEye, newPass, ...props }) {
                    }}
                >
                    <i
-                            className={`fa ${
-                                isHidden ? "fa-eye" : "fa-eye-slash"
-                            }`}
+                        className={`fa ${isHidden ? "fa-eye" : "fa-eye-slash"}`}
                    />
                </button>
-                </div>
-            ) : null}
+            )}
        </Input>
    );
 }
+
+export default PasswordInput;
--- a/src/bootstrap/RadioSet.js
+++ b/src/bootstrap/RadioSet.js
@ -1,11 +1,12 @@
 /*
- * Copyright (C) 2020 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2020-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.
 */

 import React from "react";
+
 import PropTypes from "prop-types";
 import { useUID } from "react-uid";

@ -17,7 +18,7 @@ RadioSet.propTypes = {
    /** Choices . */
    choices: PropTypes.arrayOf(
        PropTypes.shape({
-            /** Choice lable . */
+            /** Choice label . */
            label: PropTypes.oneOfType([
                PropTypes.string,
                PropTypes.element,
@ -36,15 +37,7 @@ RadioSet.propTypes = {
    inline: PropTypes.bool,
 };

-export function RadioSet({
-    name,
-    label,
-    choices,
-    value,
-    helpText,
-    inline,
-    ...props
-}) {
+function RadioSet({ name, label, choices, value, helpText, inline, ...props }) {
    const uid = useUID();
    const radios = choices.map((choice, key) => {
        const id = `${name}-${key}`;
@ -64,7 +57,7 @@ export function RadioSet({
    });

    return (
-        <div className="form-group">
+        <div className="mb-3">
            {label && (
                <label htmlFor={uid} className="d-block">
                    {label}
@ -72,7 +65,9 @@ export function RadioSet({
            )}
            {radios}
            {helpText && (
-                <small className="form-text text-muted">{helpText}</small>
+                <div className="form-text">
+                    <small>{helpText}</small>
+                </div>
            )}
        </div>
    );
@ -88,31 +83,30 @@ Radio.propTypes = {
    id: PropTypes.string.isRequired,
    inline: PropTypes.bool,
    helpText: PropTypes.string,
+    className: PropTypes.string,
 };

-export function Radio({ label, id, helpText, inline, ...props }) {
+export function Radio({ label, id, helpText, inline, className, ...props }) {
    return (
-        <>
        <div
-                className={`custom-control custom-radio ${
-                    inline ? "custom-control-inline" : ""
-                }`.trim()}
+            className={`${className || "mb-3"} ${inline ? "form-check form-check-inline" : ""}`.trim()}
        >
            <input
                id={id}
-                    className="custom-control-input"
+                className="form-check-input me-2"
                type="radio"
                {...props}
            />
-                <label className="custom-control-label" htmlFor={id}>
+            <label className="form-check-label" htmlFor={id}>
                {label}
-                </label>
                {helpText && (
-                    <small className="form-text text-muted mt-0 mb-3">
-                        {helpText}
-                    </small>
-                )}
+                    <div className="form-text">
+                        <small>{helpText}</small>
+                    </div>
+                )}
+            </label>
        </div>
-        </>
    );
 }
+
+export default RadioSet;
--- a/src/bootstrap/Select.js
+++ b/src/bootstrap/Select.js
@ -1,11 +1,12 @@
 /*
- * 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.
 */

 import React from "react";
+
 import PropTypes from "prop-types";
 import { useUID } from "react-uid";

@ -20,7 +21,7 @@ Select.propTypes = {
    helpText: PropTypes.string,
 };

-export function Select({ label, choices, helpText, ...props }) {
+function Select({ label, choices, helpText, ...props }) {
    const uid = useUID();

    const options = Object.keys(choices).map((choice) => (
@ -30,14 +31,20 @@ export function Select({ label, choices, helpText, ...props }) {
    ));

    return (
-        <div className="form-group">
-            <label htmlFor={uid}>{label}</label>
-            <select className="custom-select" id={uid} {...props}>
+        <div className="mb-3">
+            <label className="form-label" htmlFor={uid}>
+                {label}
+            </label>
+            <select className="form-select" id={uid} {...props}>
                {options}
            </select>
-            {helpText ? (
-                <small className="form-text text-muted">{helpText}</small>
-            ) : null}
+            {helpText && (
+                <div className="form-text">
+                    <small>{helpText}</small>
+                </div>
+            )}
        </div>
    );
 }
+
+export default Select;
--- a/src/bootstrap/Spinner.css
+++ b/src/bootstrap/Spinner.css
@ -1,3 +1,11 @@
+.spinner-fs-wrapper {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 1101; /* increase z-index by 1 to ensure it's on top of spinner-fs-background */
+}
+
 .spinner-wrapper .spinner-border {
    width: 4rem;
    height: 4rem;
@ -7,10 +15,8 @@
 .spinner-fs-background {
    background-color: rgba(2, 2, 2, 0.5);
    color: rgb(230, 230, 230);
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    top: 0;
+    width: 100vw;
+    height: 100vh;

    display: flex;
    align-items: center;
@ -31,3 +37,7 @@
 .spinner-fs-wrapper .spinner-text {
    margin: 1rem;
 }
+
+.spinner-border-sm {
+    min-width: 16px;
+}
--- a/src/bootstrap/Spinner.js
+++ b/src/bootstrap/Spinner.js
@ -6,6 +6,7 @@
 */

 import React from "react";
+
 import PropTypes from "prop-types";

 import "./Spinner.css";
@ -16,7 +17,7 @@ Spinner.propTypes = {
        PropTypes.arrayOf(PropTypes.node),
        PropTypes.node,
    ]),
-    /** Render component with full-screen mode (using apropriate `.css` styles) */
+    /** Render component with full-screen mode (using appropriate `.css` styles) */
    fullScreen: PropTypes.bool.isRequired,
    className: PropTypes.string,
 };
--- a/src/bootstrap/Switch.js
+++ b/src/bootstrap/Switch.js
@ -1,11 +1,12 @@
 /*
- * Copyright (c) 2020 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (c) 2020-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.
 */

 import React from "react";
+
 import PropTypes from "prop-types";
 import { useUID } from "react-uid";

@ -18,32 +19,35 @@ Switch.propTypes = {
    ]).isRequired,
    helpText: PropTypes.string,
    switchHeading: PropTypes.bool,
+    className: PropTypes.string,
 };

-export function Switch({ label, helpText, switchHeading, ...props }) {
+function Switch({ label, helpText, switchHeading, className, ...props }) {
    const uid = useUID();
+
    return (
-        <div className={`form-group ${switchHeading ? "switch" : ""}`.trim()}>
        <div
-                className={`custom-control custom-switch ${
-                    !helpText ? "custom-control-inline" : ""
-                } ${switchHeading ? "switch-heading" : ""}`.trim()}
+            className={`form-check form-switch ${className || "mb-3"} ${
+                switchHeading ? "d-flex align-items-center" : ""
+            }`.trim()}
        >
            <input
                type="checkbox"
-                    className="custom-control-input"
+                className={`form-check-input ${switchHeading ? "me-2" : ""}`.trim()}
+                role="switch"
                id={uid}
                {...props}
            />
-                <label className="custom-control-label" htmlFor={uid}>
+            <label className="form-check-label" htmlFor={uid}>
                {label}
            </label>
            {helpText && (
-                    <small className="form-text text-muted mt-0 mb-3">
-                        {helpText}
-                    </small>
-                )}
+                <div className="form-text">
+                    <small>{helpText}</small>
                </div>
+            )}
        </div>
    );
 }
+
+export default Switch;
--- a/src/bootstrap/Switch.md
+++ b/src/bootstrap/Switch.md
@ -0,0 +1,5 @@
+Switch example:
+
+```js
+<Switch label="Enable Switch" helpText="Toggle that switch!" />
+```
--- a/src/bootstrap/TextInput.js
+++ b/src/bootstrap/TextInput.js
@ -1,16 +1,19 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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.
 */

 import React from "react";
+
 import PropTypes from "prop-types";

-import { Input } from "./Input";
+import Input from "./Input";

-export const TextInput = ({ ...props }) => <Input type="text" {...props} />;
+function TextInput({ ...props }) {
+    return <Input type="text" {...props} />;
+}

 TextInput.propTypes = {
    /** Field label. */
@ -20,3 +23,5 @@ TextInput.propTypes = {
    /** Help text message. */
    helpText: PropTypes.string,
 };
+
+export default TextInput;
--- a/src/bootstrap/tests/Button.test.js
+++ b/src/bootstrap/tests/Button.test.js
@ -9,7 +9,7 @@ import React from "react";

 import { render } from "customTestRender";

-import { Button } from "../Button";
+import Button from "../Button";

 describe("<Button />", () => {
    it("Render button correctly", () => {
--- a/src/bootstrap/tests/CheckBox.test.js
+++ b/src/bootstrap/tests/CheckBox.test.js
@ -9,7 +9,7 @@ import React from "react";

 import { render } from "customTestRender";

-import { CheckBox } from "../CheckBox";
+import CheckBox from "../CheckBox";

 describe("<Checkbox/>", () => {
    it("Render checkbox", () => {
--- a/src/bootstrap/tests/DownloadButton.test.js
+++ b/src/bootstrap/tests/DownloadButton.test.js
@ -9,7 +9,7 @@ import React from "react";

 import { render } from "customTestRender";

-import { DownloadButton } from "../DownloadButton";
+import DownloadButton from "../DownloadButton";

 describe("<DownloadButton />", () => {
    it("should have download attribute", () => {
--- a/src/bootstrap/tests/NumberInput.test.js
+++ b/src/bootstrap/tests/NumberInput.test.js
@ -9,7 +9,7 @@ import React from "react";

 import { render, fireEvent, getByLabelText, wait } from "customTestRender";

-import { NumberInput } from "../NumberInput";
+import NumberInput from "../NumberInput";

 describe("<NumberInput/>", () => {
    const onChangeMock = jest.fn();
--- a/src/bootstrap/tests/PasswordInput.test.js
+++ b/src/bootstrap/tests/PasswordInput.test.js
@ -9,7 +9,7 @@ import React from "react";

 import { render } from "customTestRender";

-import { PasswordInput } from "../PasswordInput";
+import PasswordInput from "../PasswordInput";

 describe("<PasswordInput/>", () => {
    it("Render password input", () => {
--- a/src/bootstrap/tests/RadioSet.test.js
+++ b/src/bootstrap/tests/RadioSet.test.js
@ -9,7 +9,7 @@ import React from "react";

 import { render } from "customTestRender";

-import { RadioSet } from "../RadioSet";
+import RadioSet from "../RadioSet";

 const TEST_CHOICES = [
    {
--- a/src/bootstrap/tests/Select.test.js
+++ b/src/bootstrap/tests/Select.test.js
@ -14,7 +14,7 @@ import {
    render,
 } from "customTestRender";

-import { Select } from "../Select";
+import Select from "../Select";

 const TEST_CHOICES = {
    1: "one",
--- a/src/bootstrap/tests/Switch.test.js
+++ b/src/bootstrap/tests/Switch.test.js
@ -9,7 +9,7 @@ import React from "react";

 import { render } from "customTestRender";

-import { Switch } from "../Switch";
+import Switch from "../Switch";

 describe("<Switch/>", () => {
    it("Render switch", () => {
--- a/src/bootstrap/tests/TextInput.test.js
+++ b/src/bootstrap/tests/TextInput.test.js
@ -9,7 +9,7 @@ import React from "react";

 import { render } from "customTestRender";

-import { TextInput } from "../TextInput";
+import TextInput from "../TextInput";

 describe("<TextInput/>", () => {
    it("Render text input", () => {
--- a/src/bootstrap/tests/snapshots/Button.test.js.snap
+++ b/src/bootstrap/tests/snapshots/Button.test.js.snap
@ -2,33 +2,38 @@

 exports[`<Button /> Render button correctly 1`] = `
 <button
-  class="btn btn-primary "
+  class="btn btn-primary d-inline-flex justify-content-center align-items-center"
  type="button"
 >
+  <span>
    Test Button
+  </span>
 </button>
 `;

 exports[`<Button /> Render button with custom classes 1`] = `
 <button
-  class="btn one two three"
+  class="btn one two three d-inline-flex justify-content-center align-items-center"
  type="button"
 >
+  <span>
    Test Button
+  </span>
 </button>
 `;

 exports[`<Button /> Render button with spinner 1`] = `
 <button
-  class="btn btn-primary "
+  class="btn btn-primary d-inline-flex justify-content-center align-items-center"
  type="button"
 >
  <span
    aria-hidden="true"
-    class="spinner-border spinner-border-sm"
+    class="spinner-border spinner-border-sm me-1"
    role="status"
  />
-   
+  <span>
    Test Button
+  </span>
 </button>
 `;
--- a/src/bootstrap/tests/snapshots/CheckBox.test.js.snap
+++ b/src/bootstrap/tests/snapshots/CheckBox.test.js.snap
@ -2,55 +2,51 @@

 exports[`<Checkbox/> Render checkbox 1`] = `
 <div
-  class="form-group"
+  class="mb-3 form-check"
 >
-  <div
-    class="custom-control custom-checkbox "
-  >
  <input
    checked=""
-      class="custom-control-input"
+    class="form-check-input"
    id="1"
    type="checkbox"
  />
  <label
-      class="custom-control-label"
+    class="form-check-label"
    for="1"
  >
    Test label
-      <small
-        class="form-text text-muted"
+  </label>
+  <div
+    class="form-text"
  >
+    <small>
      Some help text
    </small>
-    </label>
  </div>
 </div>
 `;

 exports[`<Checkbox/> Render uncheked checkbox 1`] = `
 <div
-  class="form-group"
+  class="mb-3 form-check"
 >
-  <div
-    class="custom-control custom-checkbox "
-  >
  <input
-      class="custom-control-input"
+    class="form-check-input"
    id="1"
    type="checkbox"
  />
  <label
-      class="custom-control-label"
+    class="form-check-label"
    for="1"
  >
    Test label
-      <small
-        class="form-text text-muted"
+  </label>
+  <div
+    class="form-text"
  >
+    <small>
      Some help text
    </small>
-    </label>
  </div>
 </div>
 `;
--- a/src/bootstrap/tests/snapshots/NumberInput.test.js.snap
+++ b/src/bootstrap/tests/snapshots/NumberInput.test.js.snap
@ -2,9 +2,10 @@

 exports[`<NumberInput/> Render number input 1`] = `
 <div
-  class="form-group"
+  class="mb-3"
 >
  <label
+    class="form-label"
    for="1"
  >
    Test label
@ -18,9 +19,6 @@ exports[`<NumberInput/> Render number input 1`] = `
      type="number"
      value="1"
    />
-    <div
-      class="input-group-append"
-    >
    <button
      aria-label="Increase"
      class="btn btn-outline-secondary"
@ -40,11 +38,12 @@ exports[`<NumberInput/> Render number input 1`] = `
      />
    </button>
  </div>
-  </div>
-  <small
-    class="form-text text-muted"
+  <div
+    class="form-text"
  >
+    <small>
      Some help text
    </small>
+  </div>
 </div>
 `;
--- a/src/bootstrap/tests/snapshots/PasswordInput.test.js.snap
+++ b/src/bootstrap/tests/snapshots/PasswordInput.test.js.snap
@ -2,9 +2,10 @@

 exports[`<PasswordInput/> Render password input 1`] = `
 <div
-  class="form-group"
+  class="mb-3"
 >
  <label
+    class="form-label"
    for="1"
  >
    Test label
@ -20,10 +21,12 @@ exports[`<PasswordInput/> Render password input 1`] = `
      value="Some password"
    />
  </div>
-  <small
-    class="form-text text-muted"
+  <div
+    class="form-text"
  >
+    <small>
      Some help text
    </small>
+  </div>
 </div>
 `;
--- a/src/bootstrap/tests/snapshots/RadioSet.test.js.snap
+++ b/src/bootstrap/tests/snapshots/RadioSet.test.js.snap
@ -2,7 +2,7 @@

 exports[`<RadioSet/> Render radio set 1`] = `
 <div
-  class="form-group"
+  class="mb-3"
 >
  <label
    class="d-block"
@ -11,61 +11,63 @@ exports[`<RadioSet/> Render radio set 1`] = `
    Radios set label
  </label>
  <div
-    class="custom-control custom-radio"
+    class="mb-3"
  >
    <input
      checked=""
-      class="custom-control-input"
+      class="form-check-input me-2"
      id="test_name-0"
      name="test_name"
      type="radio"
      value="value"
    />
    <label
-      class="custom-control-label"
+      class="form-check-label"
      for="test_name-0"
    >
      label
    </label>
  </div>
  <div
-    class="custom-control custom-radio"
+    class="mb-3"
  >
    <input
-      class="custom-control-input"
+      class="form-check-input me-2"
      id="test_name-1"
      name="test_name"
      type="radio"
      value="another value"
    />
    <label
-      class="custom-control-label"
+      class="form-check-label"
      for="test_name-1"
    >
      another label
    </label>
  </div>
  <div
-    class="custom-control custom-radio"
+    class="mb-3"
  >
    <input
-      class="custom-control-input"
+      class="form-check-input me-2"
      id="test_name-2"
      name="test_name"
      type="radio"
      value="another on value"
    />
    <label
-      class="custom-control-label"
+      class="form-check-label"
      for="test_name-2"
    >
      another one  label
    </label>
  </div>
-  <small
-    class="form-text text-muted"
+  <div
+    class="form-text"
  >
+    <small>
      Some help text
    </small>
+  </div>
 </div>
 `;
--- a/src/bootstrap/tests/snapshots/Select.test.js.snap
+++ b/src/bootstrap/tests/snapshots/Select.test.js.snap
@ -3,15 +3,16 @@
 exports[`<Select/> Test with snapshot. 1`] = `
 <div>
  <div
-    class="form-group"
+    class="mb-3"
  >
    <label
+      class="form-label"
      for="1"
    >
      Test label
    </label>
    <select
-      class="custom-select"
+      class="form-select"
      id="1"
    >
      <option
@ -30,11 +31,13 @@ exports[`<Select/> Test with snapshot. 1`] = `
        three
      </option>
    </select>
-    <small
-      class="form-text text-muted"
+    <div
+      class="form-text"
    >
+      <small>
        Help text
      </small>
    </div>
+  </div>
 </div>
 `;
--- a/src/bootstrap/tests/snapshots/Switch.test.js.snap
+++ b/src/bootstrap/tests/snapshots/Switch.test.js.snap
@ -2,26 +2,25 @@

 exports[`<Switch/> Render switch 1`] = `
 <div
-  class="form-group"
+  class="form-check form-switch mb-3"
 >
-  <div
-    class="custom-control custom-switch"
-  >
  <input
    checked=""
-      class="custom-control-input"
+    class="form-check-input"
    id="1"
+    role="switch"
    type="checkbox"
  />
  <label
-      class="custom-control-label"
+    class="form-check-label"
    for="1"
  >
    Test label
  </label>
-    <small
-      class="form-text text-muted mt-0 mb-3"
+  <div
+    class="form-text"
  >
+    <small>
      Some help text
    </small>
  </div>
@ -30,25 +29,24 @@ exports[`<Switch/> Render switch 1`] = `

 exports[`<Switch/> Render uncheked switch 1`] = `
 <div
-  class="form-group"
+  class="form-check form-switch mb-3"
 >
-  <div
-    class="custom-control custom-switch"
-  >
  <input
-      class="custom-control-input"
+    class="form-check-input"
    id="1"
+    role="switch"
    type="checkbox"
  />
  <label
-      class="custom-control-label"
+    class="form-check-label"
    for="1"
  >
    Test label
  </label>
-    <small
-      class="form-text text-muted mt-0 mb-3"
+  <div
+    class="form-text"
  >
+    <small>
      Some help text
    </small>
  </div>
--- a/src/bootstrap/tests/snapshots/TextInput.test.js.snap
+++ b/src/bootstrap/tests/snapshots/TextInput.test.js.snap
@ -2,9 +2,10 @@

 exports[`<TextInput/> Render text input 1`] = `
 <div
-  class="form-group"
+  class="mb-3"
 >
  <label
+    class="form-label"
    for="1"
  >
    Test label
@ -19,10 +20,12 @@ exports[`<TextInput/> Render text input 1`] = `
      value="Some text"
    />
  </div>
-  <small
-    class="form-text text-muted"
+  <div
+    class="form-text"
  >
+    <small>
      Some help text
    </small>
+  </div>
 </div>
 `;
--- a/src/bootstrap/constants.js
+++ b/src/bootstrap/constants.js
@ -1,11 +1,12 @@
 /*
- * Copyright (C) 2019-2021 CZ.NIC z.s.p.o. (http://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.
 */

 /** Bootstrap column size for form fields */
-// eslint-disable-next-line import/prefer-default-export
-export const formFieldsSize = "card p-4 col-sm-12 col-lg-12 p-0 mb-4";
-export const buttonFormFieldsSize = "col-sm-12 col-lg-12 p-0 mb-3";
+const formFieldsSize = "card p-4 col-sm-12 col-lg-12 p-0 mb-4";
+const buttonFormFieldsSize = "col-sm-12 col-lg-12 p-0 mb-3";
+
+export { formFieldsSize, buttonFormFieldsSize };
--- a/src/common/RebootButton.js
+++ b/src/common/RebootButton.js
@ -1,22 +1,22 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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.
 */

 import React, { useState, useEffect } from "react";
+
 import PropTypes from "prop-types";

 import { useAPIPost } from "../api/hooks";
 import { API_STATE } from "../api/utils";
+import Button from "../bootstrap/Button";
+import { Modal, ModalHeader, ModalBody, ModalFooter } from "../bootstrap/Modal";
+import { useAlert } from "../context/alertContext/AlertContext";
 import { ForisURLs } from "../utils/forisUrls";

-import { Button } from "../bootstrap/Button";
-import { Modal, ModalHeader, ModalBody, ModalFooter } from "../bootstrap/Modal";
-import { useAlert } from "../alertContext/AlertContext";
-
-export function RebootButton(props) {
+function RebootButton(props) {
    const [triggered, setTriggered] = useState(false);
    const [modalShown, setModalShown] = useState(false);
    const [triggerRebootStatus, triggerReboot] = useAPIPost(ForisURLs.reboot);
@ -28,11 +28,11 @@ export function RebootButton(props) {
        }
    });

-    function rebootHandler() {
+    const rebootHandler = () => {
        setTriggered(true);
        triggerReboot();
        setModalShown(false);
-    }
+    };

    return (
        <>
@ -76,3 +76,5 @@ function RebootModal({ shown, setShown, onReboot }) {
        </Modal>
    );
 }
+
+export default RebootButton;
--- a/src/common/WiFiSettings/ResetWiFiSettings.js
+++ b/src/common/WiFiSettings/ResetWiFiSettings.js
@ -1,26 +1,27 @@
 /*
- * 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.
 */

 import React, { useEffect, useState } from "react";
+
 import PropTypes from "prop-types";

-import { Button } from "../../bootstrap/Button";
-import { useAlert } from "../../alertContext/AlertContext";
-import { ALERT_TYPES } from "../../bootstrap/Alert";
 import { useAPIPost } from "../../api/hooks";
 import { API_STATE } from "../../api/utils";
+import { ALERT_TYPES } from "../../bootstrap/Alert";
+import Button from "../../bootstrap/Button";
 import { formFieldsSize } from "../../bootstrap/constants";
+import { useAlert } from "../../context/alertContext/AlertContext";

 ResetWiFiSettings.propTypes = {
    ws: PropTypes.object.isRequired,
    endpoint: PropTypes.string.isRequired,
 };

-export function ResetWiFiSettings({ ws, endpoint }) {
+function ResetWiFiSettings({ ws, endpoint }) {
    const [isLoading, setIsLoading] = useState(false);

    useEffect(() => {
@ -44,11 +45,11 @@ export function ResetWiFiSettings({ ws, endpoint }) {
        }
    }, [postResetResponse, setAlert]);

-    function onReset() {
+    const onReset = () => {
        dismissAlert();
        setIsLoading(true);
        postReset();
-    }
+    };

    return (
        <div className={formFieldsSize}>
@ -58,7 +59,7 @@ export function ResetWiFiSettings({ ws, endpoint }) {
                    "If a number of wireless cards doesn't match, you may try to reset the Wi-Fi settings. Note that this will remove the current Wi-Fi configuration and restore the default values."
                )}
            </p>
-            <div className="text-right">
+            <div className="text-end">
                <Button
                    className="btn-primary"
                    forisFormSize
@ -72,3 +73,5 @@ export function ResetWiFiSettings({ ws, endpoint }) {
        </div>
    );
 }
+
+export default ResetWiFiSettings;
--- a/src/common/WiFiSettings/WiFiForm.js
+++ b/src/common/WiFiSettings/WiFiForm.js
@ -1,21 +1,22 @@
 /*
- * Copyright (C) 2019-2021 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2022 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 PropTypes from "prop-types";
-import { Switch } from "../../bootstrap/Switch";
-import { CheckBox } from "../../bootstrap/CheckBox";
-import { PasswordInput } from "../../bootstrap/PasswordInput";
-import { RadioSet } from "../../bootstrap/RadioSet";
-import { Select } from "../../bootstrap/Select";
-import { TextInput } from "../../bootstrap/TextInput";
-import WiFiQRCode from "./WiFiQRCode";
-import WifiGuestForm from "./WiFiGuestForm";
+
 import { HELP_TEXTS, HTMODES, HWMODES, ENCRYPTIONMODES } from "./constants";
+import WifiGuestForm from "./WiFiGuestForm";
+import WiFiQRCode from "./WiFiQRCode";
+import PasswordInput from "../../bootstrap/PasswordInput";
+import RadioSet from "../../bootstrap/RadioSet";
+import Select from "../../bootstrap/Select";
+import Switch from "../../bootstrap/Switch";
+import TextInput from "../../bootstrap/TextInput";

 WiFiForm.propTypes = {
    formData: PropTypes.shape({ devices: PropTypes.arrayOf(PropTypes.object) })
@ -65,6 +66,7 @@ DeviceForm.propTypes = {
        guest_wifi: PropTypes.object.isRequired,
        encryption: PropTypes.string.isRequired,
        available_bands: PropTypes.array.isRequired,
+        ieee80211w_disabled: PropTypes.bool,
    }),
    formErrors: PropTypes.object.isRequired,
    setFormValue: PropTypes.func.isRequired,
@ -92,7 +94,7 @@ function DeviceForm({
    return (
        <>
            <Switch
-                label={<h2>{_(`Wi-Fi ${deviceID + 1}`)}</h2>}
+                label={<h2 className="mb-0">{_(`Wi-Fi ${deviceID + 1}`)}</h2>}
                checked={formData.enabled}
                onChange={setFormValue((value) => ({
                    devices: {
@ -102,7 +104,7 @@ function DeviceForm({
                switchHeading
                {...props}
            />
-            {formData.enabled ? (
+            {formData.enabled && (
                <>
                    <TextInput
                        label="SSID"
@ -119,12 +121,10 @@ function DeviceForm({
                        }))}
                        {...props}
                    >
-                        <div className="input-group-append">
                        <WiFiQRCode
                            SSID={formData.SSID}
                            password={formData.password}
                        />
-                        </div>
                    </TextInput>

                    <PasswordInput
@ -142,7 +142,7 @@ function DeviceForm({
                        {...props}
                    />

-                    <CheckBox
+                    <Switch
                        label={_("Hide SSID")}
                        helpText={HELP_TEXTS.hidden}
                        checked={formData.hidden}
@ -220,6 +220,25 @@ function DeviceForm({
                        {...props}
                    />

+                    {(formData.encryption === "WPA3" ||
+                        formData.encryption === "WPA2/3") && (
+                        <Switch
+                            label={_("Disable Management Frame Protection")}
+                            helpText={_(
+                                "In case you have trouble connecting to WiFi Access Point, try disabling Management Frame Protection."
+                            )}
+                            checked={formData.ieee80211w_disabled}
+                            onChange={setFormValue((value) => ({
+                                devices: {
+                                    [deviceIndex]: {
+                                        ieee80211w_disabled: { $set: value },
+                                    },
+                                },
+                            }))}
+                            {...props}
+                        />
+                    )}
+
                    {hasGuestNetwork && (
                        <WifiGuestForm
                            formData={{
@ -232,8 +251,8 @@ function DeviceForm({
                        />
                    )}
                </>
-            ) : null}
-            {divider ? <hr /> : null}
+            )}
+            {divider && <hr />}
        </>
    );
 }
--- a/src/common/WiFiSettings/WiFiGuestForm.js
+++ b/src/common/WiFiSettings/WiFiGuestForm.js
@ -1,18 +1,19 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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.
 */

 import React from "react";
+
 import PropTypes from "prop-types";

-import { TextInput } from "../../bootstrap/TextInput";
-import { Switch } from "../../bootstrap/Switch";
-import { PasswordInput } from "../../bootstrap/PasswordInput";
-import WiFiQRCode from "./WiFiQRCode";
 import { HELP_TEXTS } from "./constants";
+import WiFiQRCode from "./WiFiQRCode";
+import PasswordInput from "../../bootstrap/PasswordInput";
+import Switch from "../../bootstrap/Switch";
+import TextInput from "../../bootstrap/TextInput";

 WifiGuestForm.propTypes = {
    formData: PropTypes.shape({
--- a/src/common/WiFiSettings/WiFiQRCode.js
+++ b/src/common/WiFiSettings/WiFiQRCode.js
@ -6,18 +6,19 @@
 */

 import React, { useState } from "react";
-import QRCode from "qrcode.react";
-import PropTypes from "prop-types";

-import { ForisURLs } from "../../utils/forisUrls";
-import { Button } from "../../bootstrap/Button";
+import PropTypes from "prop-types";
+import QRCode from "qrcode.react";
+
+import { createAndDownloadPdf, toQRCodeContent } from "./qrCodeHelpers";
+import Button from "../../bootstrap/Button";
 import {
    Modal,
    ModalBody,
    ModalFooter,
    ModalHeader,
 } from "../../bootstrap/Modal";
-import { createAndDownloadPdf, toQRCodeContent } from "./qrCodeHelpers";
+import { ForisURLs } from "../../utils/forisUrls";

 WiFiQRCode.propTypes = {
    SSID: PropTypes.string.isRequired,
@ -87,7 +88,7 @@ function QRCodeModal({ shown, setShown, SSID, password }) {
                        createAndDownloadPdf(SSID, password);
                    }}
                >
-                    <i className="fas fa-arrow-down mr-2" />
+                    <i className="fas fa-file-download me-2" />
                    {_("Download PDF")}
                </Button>
            </ModalFooter>
--- a/src/common/WiFiSettings/WiFiSettings.js
+++ b/src/common/WiFiSettings/WiFiSettings.js
@ -1,16 +1,17 @@
 /*
- * Copyright (C) 2019-2021 CZ.NIC z.s.p.o. (http://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.
 */

 import React from "react";
+
 import PropTypes from "prop-types";

-import { ForisForm } from "../../form/components/ForisForm";
+import ResetWiFiSettings from "./ResetWiFiSettings";
 import WiFiForm from "./WiFiForm";
-import { ResetWiFiSettings } from "./ResetWiFiSettings";
+import ForisForm from "../../form/components/ForisForm";

 WiFiSettings.propTypes = {
    ws: PropTypes.object.isRequired,
@ -19,7 +20,7 @@ WiFiSettings.propTypes = {
    hasGuestNetwork: PropTypes.bool,
 };

-export function WiFiSettings({ ws, endpoint, resetEndpoint, hasGuestNetwork }) {
+function WiFiSettings({ ws, endpoint, resetEndpoint, hasGuestNetwork }) {
    return (
        <>
            <ForisForm
@ -59,6 +60,10 @@ function prepDataToSubmit(formData) {

        if (!device.guest_wifi.enabled)
            formData.devices[idx].guest_wifi = { enabled: false };
+
+        if (device.encryption === "WPA2") {
+            delete formData.devices[idx].ieee80211w_disabled;
+        }
    });
    return formData;
 }
@ -113,3 +118,5 @@ export function validator(formData) {
    });
    return JSON.stringify(formErrors).match(/\[[{},?]+\]/) ? null : formErrors;
 }
+
+export default WiFiSettings;
--- a/src/common/WiFiSettings/tests/ResetWiFiSettings.test.js
+++ b/src/common/WiFiSettings/tests/ResetWiFiSettings.test.js
@ -9,12 +9,12 @@ import React from "react";
 import { render, fireEvent, wait } from "customTestRender";

 import mockAxios from "jest-mock-axios";
-import { WebSockets } from "webSockets/WebSockets";
+import WebSockets from "webSockets/WebSockets";
 import { mockJSONError } from "testUtils/network";
 import { mockSetAlert } from "testUtils/alertContextMock";
 import { ALERT_TYPES } from "../../../bootstrap/Alert";

-import { ResetWiFiSettings } from "../ResetWiFiSettings";
+import ResetWiFiSettings from "../ResetWiFiSettings";

 describe("<ResetWiFiSettings/>", () => {
    const webSockets = new WebSockets();
--- a/src/common/WiFiSettings/tests/WiFiSettings.test.js
+++ b/src/common/WiFiSettings/tests/WiFiSettings.test.js
@ -10,7 +10,7 @@ import diffSnapshot from "snapshot-diff";
 import mockAxios from "jest-mock-axios";

 import { fireEvent, render, wait } from "customTestRender";
-import { WebSockets } from "webSockets/WebSockets";
+import WebSockets from "webSockets/WebSockets";
 import { mockJSONError } from "testUtils/network";

 import {
@ -19,7 +19,7 @@ import {
    twoDevices,
    threeDevices,
 } from "./__fixtures__/wifiSettings";
-import { WiFiSettings, validator, byteCount } from "../WiFiSettings";
+import WiFiSettings, { validator, byteCount } from "../WiFiSettings";

 describe("<WiFiSettings/>", () => {
    let firstRender;
--- a/src/common/WiFiSettings/tests/snapshots/WiFiSettings.test.js.snap
+++ b/src/common/WiFiSettings/tests/snapshots/WiFiSettings.test.js.snap
--- a/src/common/tests/RebootButton.test.js
+++ b/src/common/tests/RebootButton.test.js
@ -18,7 +18,7 @@ import mockAxios from "jest-mock-axios";
 import { mockJSONError } from "testUtils/network";
 import { mockSetAlert } from "testUtils/alertContextMock";

-import { RebootButton } from "../RebootButton";
+import RebootButton from "../RebootButton";

 describe("<RebootButton/>", () => {
    let componentContainer;
--- a/src/common/tests/snapshots/RebootButton.test.js.snap
+++ b/src/common/tests/snapshots/RebootButton.test.js.snap
@ -25,15 +25,10 @@ exports[`<RebootButton/> Render modal. 1`] = `
              Warning!
            </h5>
            <button
-              class="close"
+              aria-label="Close"
+              class="btn-close"
              type="button"
-            >
-              <span
-                aria-hidden="true"
-              >
-                ×
-              </span>
-            </button>
+            />
          </div>
          <div
            class="modal-body"
@ -46,16 +41,20 @@ exports[`<RebootButton/> Render modal. 1`] = `
            class="modal-footer"
          >
            <button
-              class="btn btn-primary "
+              class="btn btn-primary d-inline-flex justify-content-center align-items-center"
              type="button"
            >
+              <span>
                Cancel
+              </span>
            </button>
            <button
-              class="btn btn-danger"
+              class="btn btn-danger d-inline-flex justify-content-center align-items-center"
              type="button"
            >
+              <span>
                Confirm reboot
+              </span>
            </button>
          </div>
        </div>
@ -63,10 +62,12 @@ exports[`<RebootButton/> Render modal. 1`] = `
    </div>
  </div>
  <button
-    class="btn btn-danger"
+    class="btn btn-danger d-inline-flex justify-content-center align-items-center"
    type="button"
  >
+    <span>
      Reboot
+    </span>
  </button>
 </div>
 `;
@ -77,10 +78,12 @@ exports[`<RebootButton/> Render. 1`] = `
    id="modal-container"
  />
  <button
-    class="btn btn-danger"
+    class="btn btn-danger d-inline-flex justify-content-center align-items-center"
    type="button"
  >
+    <span>
      Reboot
+    </span>
  </button>
 </div>
 `;
--- a/src/context/alertContext/AlertContext.js
+++ b/src/context/alertContext/AlertContext.js
@ -1,15 +1,16 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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.
 */

-import React, { useState, useContext, useCallback } from "react";
+import React, { useState, useContext, useCallback, useMemo } from "react";
+
 import PropTypes from "prop-types";

-import { Alert, ALERT_TYPES } from "../bootstrap/Alert";
-import { Portal } from "../utils/Portal";
+import Alert, { ALERT_TYPES } from "../../bootstrap/Alert";
+import Portal from "../../utils/Portal";

 AlertContextProvider.propTypes = {
    children: PropTypes.oneOfType([
@ -30,6 +31,10 @@ function AlertContextProvider({ children }) {
    );

    const dismissAlert = useCallback(() => setAlert(null), [setAlert]);
+    const contextValue = useMemo(
+        () => [setAlertWrapper, dismissAlert],
+        [setAlertWrapper, dismissAlert]
+    );

    return (
        <>
@ -40,7 +45,7 @@ function AlertContextProvider({ children }) {
                    </Alert>
                </Portal>
            )}
-            <AlertContext.Provider value={[setAlertWrapper, dismissAlert]}>
+            <AlertContext.Provider value={contextValue}>
                {children}
            </AlertContext.Provider>
        </>
--- a/src/context/alertContext/AlertContext.md
+++ b/src/context/alertContext/AlertContext.md
--- a/src/context/alertContext/tests/AlertContext.test.js
+++ b/src/context/alertContext/tests/AlertContext.test.js
@ -48,7 +48,7 @@ describe("AlertContext", () => {
        // Alert is present
        expect(getByText(componentContainer, "Alert content")).toBeDefined();

-        fireEvent.click(componentContainer.querySelector(".close"));
+        fireEvent.click(componentContainer.querySelector(".btn-close"));
        // Alert is gone
        expect(queryByText(componentContainer, "Alert content")).toBeNull();
    });
--- a/src/context/alertContext/tests/snapshots/AlertContext.test.js.snap
+++ b/src/context/alertContext/tests/snapshots/AlertContext.test.js.snap
@ -6,14 +6,13 @@ exports[`AlertContext should render alert 1`] = `
    id="alert-container"
  >
    <div
-      class="alert alert-dismissible alert-danger"
+      class="alert alert-danger alert-dismissible"
    >
      <button
-        class="close"
+        aria-label="Close"
+        class="btn-close"
        type="button"
-      >
-        ×
-      </button>
+      />
      Alert content
    </div>
  </div>
--- a/src/context/customizationContext/CustomizationContext.js
+++ b/src/context/customizationContext/CustomizationContext.js
@ -0,0 +1,68 @@
+/*
+ * 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.
+ */
+
+import React, { useContext, useEffect, useMemo } from "react";
+
+import PropTypes from "prop-types";
+
+import { useAPIGet } from "../../api/hooks";
+import { Spinner } from "../../bootstrap/Spinner";
+import { ForisURLs } from "../../utils/forisUrls";
+
+CustomizationContextProvider.propTypes = {
+    children: PropTypes.oneOfType([
+        PropTypes.arrayOf(PropTypes.node),
+        PropTypes.node,
+    ]),
+};
+
+function CustomizationContextProvider({ children }) {
+    const { CustomizationContext } = window;
+    const [getCustomizationResponse, getCustomization] = useAPIGet(
+        ForisURLs.about
+    );
+
+    useEffect(() => {
+        getCustomization();
+    }, [getCustomization]);
+
+    const deviceDetails = useMemo(
+        () => getCustomizationResponse.data || {},
+        [getCustomizationResponse.data]
+    );
+
+    const isCustomized = useMemo(
+        () =>
+            !!(
+                deviceDetails.customization !== undefined &&
+                deviceDetails.customization === "shield"
+            ),
+        [deviceDetails.customization]
+    );
+
+    const contextValue = useMemo(
+        () => ({ deviceDetails, isCustomized }),
+        [deviceDetails, isCustomized]
+    );
+
+    if (getCustomizationResponse.state !== "success") {
+        return <Spinner fullScreen />;
+    }
+
+    return (
+        <CustomizationContext.Provider value={contextValue}>
+            {children}
+        </CustomizationContext.Provider>
+    );
+}
+
+function useCustomizationContext() {
+    const { CustomizationContext } = window;
+    return useContext(CustomizationContext);
+}
+
+export { CustomizationContextProvider, useCustomizationContext };
--- a/src/context/customizationContext/CustomizationContext.md
+++ b/src/context/customizationContext/CustomizationContext.md
@ -0,0 +1,3 @@
+It provides customization context to the children. `CustomizationContext` allows
+using `useCustomizationContext` in components to check if the reForis UI is
+customized or not for specific devices.
--- a/src/context/customizationContext/tests/CustomizationContext.test.js
+++ b/src/context/customizationContext/tests/CustomizationContext.test.js
@ -0,0 +1,53 @@
+/*
+ * Copyright (C) 2019-2022 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, wait, getByText } from "customTestRender";
+import mockAxios from "jest-mock-axios";
+
+import {
+    useCustomizationContext,
+    CustomizationContextProvider,
+} from "../CustomizationContext";
+
+const CUSTOM = "Description / component for customized reForis (Shield)";
+const ORIGINAL = "Description / component for original reForis (other devices)";
+
+const CustomizationTest = () => {
+    const { isCustomized } = useCustomizationContext();
+
+    return <p>{isCustomized ? CUSTOM : ORIGINAL}</p>;
+};
+
+describe("CustomizationContext", () => {
+    let componentContainer;
+    beforeEach(() => {
+        const { container } = render(
+            <CustomizationContextProvider>
+                <CustomizationTest />
+            </CustomizationContextProvider>
+        );
+        componentContainer = container;
+    });
+
+    it("should render component without customization", async () => {
+        mockAxios.mockResponse({ data: {} });
+
+        await wait(() => getByText(componentContainer, ORIGINAL));
+
+        expect(componentContainer).toMatchSnapshot();
+    });
+
+    it("should render customized component", async () => {
+        mockAxios.mockResponse({ data: { customization: "shield" } });
+
+        await wait(() => getByText(componentContainer, CUSTOM));
+
+        expect(componentContainer).toMatchSnapshot();
+    });
+});
--- a/src/context/customizationContext/tests/snapshots/CustomizationContext.test.js.snap
+++ b/src/context/customizationContext/tests/snapshots/CustomizationContext.test.js.snap
@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CustomizationContext should render component without customization 1`] = `
+<div>
+  <p>
+    Description / component for original reForis (other devices)
+  </p>
+</div>
+`;
+
+exports[`CustomizationContext should render customized component 1`] = `
+<div>
+  <p>
+    Description / component for customized reForis (Shield)
+  </p>
+</div>
+`;
--- a/src/form/tests/snapshots/SubmitButton.test.js.snap
+++ b/src/form/tests/snapshots/SubmitButton.test.js.snap
@ -3,17 +3,18 @@
 exports[`<SubmitButton/> Render load 1`] = `
 <div>
  <button
-    class="btn btn-primary  col-sm-12 col-md-3 col-lg-2"
+    class="btn btn-primary col-12 col-md-3 col-lg-2 d-inline-flex justify-content-center align-items-center"
    disabled=""
    type="submit"
  >
    <span
      aria-hidden="true"
-      class="spinner-border spinner-border-sm"
+      class="spinner-border spinner-border-sm me-1"
      role="status"
    />
-     
+    <span>
      Load settings
+    </span>
  </button>
 </div>
 `;
@ -21,10 +22,12 @@ exports[`<SubmitButton/> Render load 1`] = `
 exports[`<SubmitButton/> Render ready 1`] = `
 <div>
  <button
-    class="btn btn-primary  col-sm-12 col-md-3 col-lg-2"
+    class="btn btn-primary col-12 col-md-3 col-lg-2 d-inline-flex justify-content-center align-items-center"
    type="submit"
  >
+    <span>
      Save
+    </span>
  </button>
 </div>
 `;
@ -32,17 +35,18 @@ exports[`<SubmitButton/> Render ready 1`] = `
 exports[`<SubmitButton/> Render saving 1`] = `
 <div>
  <button
-    class="btn btn-primary  col-sm-12 col-md-3 col-lg-2"
+    class="btn btn-primary col-12 col-md-3 col-lg-2 d-inline-flex justify-content-center align-items-center"
    disabled=""
    type="submit"
  >
    <span
      aria-hidden="true"
-      class="spinner-border spinner-border-sm"
+      class="spinner-border spinner-border-sm me-1"
      role="status"
    />
-     
+    <span>
      Updating
+    </span>
  </button>
 </div>
 `;
--- a/src/form/tests/hooks.test.js
+++ b/src/form/tests/hooks.test.js
@ -9,8 +9,8 @@ import React from "react";

 import { act, fireEvent, render, waitForElement } from "customTestRender";
 import mockAxios from "jest-mock-axios";
-import { WebSockets } from "webSockets/WebSockets";
-import { ForisForm } from "../components/ForisForm";
+import WebSockets from "webSockets/WebSockets";
+import ForisForm from "../components/ForisForm";

 // It's possible to unittest each hooks via react-hooks-testing-library.
 // But it's better and easier to test it by test components which uses this hooks.
--- a/src/form/components/ForisForm.js
+++ b/src/form/components/ForisForm.js
@ -1,24 +1,24 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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.
 */

 import React, { useEffect } from "react";
+
 import PropTypes from "prop-types";
 import { Prompt } from "react-router-dom";

-import { ALERT_TYPES } from "../../bootstrap/Alert";
+import { STATES as SUBMIT_BUTTON_STATES, SubmitButton } from "./SubmitButton";
+import { useAPIPost } from "../../api/hooks";
 import { API_STATE } from "../../api/utils";
+import { ALERT_TYPES } from "../../bootstrap/Alert";
 import { formFieldsSize } from "../../bootstrap/constants";
 import { Spinner } from "../../bootstrap/Spinner";
-import { useAlert } from "../../alertContext/AlertContext";
-import { useAPIPost } from "../../api/hooks";
-
+import { useAlert } from "../../context/alertContext/AlertContext";
+import ErrorMessage from "../../utils/ErrorMessage";
 import { useForisModule, useForm } from "../hooks";
-import { STATES as SUBMIT_BUTTON_STATES, SubmitButton } from "./SubmitButton";
-import { ErrorMessage } from "../../utils/ErrorMessage";

 ForisForm.propTypes = {
    /** Optional WebSocket object. See `scr/common/WebSockets.js`.
@ -89,7 +89,7 @@ ForisForm.defaultProps = {
 * use exposed `ReactRouterDOM` object from `react-router-dom` library which is exposed by reForis.
 * See README for more information.
 * */
-export function ForisForm({
+function ForisForm({
    ws,
    forisConfig,
    prepData,
@ -131,16 +131,16 @@ export function ForisForm({
        return <Spinner />;
    }

-    function onSubmitHandler(event) {
+    const onSubmitHandler = (event) => {
        event.preventDefault();
        resetFormData();
        dismissAlert();
        const copiedFormData = JSON.parse(JSON.stringify(formState.data));
        const preparedData = prepDataToSubmit(copiedFormData);
        post({ data: preparedData });
-    }
+    };

-    function getSubmitButtonState() {
+    const getSubmitButtonState = () => {
        if (postState.state === API_STATE.SENDING) {
            return SUBMIT_BUTTON_STATES.SAVING;
        }
@ -148,7 +148,7 @@ export function ForisForm({
            return SUBMIT_BUTTON_STATES.LOAD;
        }
        return SUBMIT_BUTTON_STATES.READY;
-    }
+    };

    const formIsDisabled =
        disabled ||
@ -174,7 +174,7 @@ export function ForisForm({
          )
        : onSubmitHandler;

-    function getMessageOnLeavingPage() {
+    const getMessageOnLeavingPage = () => {
        if (
            JSON.stringify(formState.data) ===
            JSON.stringify(formState.initialData)
@ -183,14 +183,14 @@ export function ForisForm({
        return _(
            "Changes you made may not be saved. Are you sure you want to leave?"
        );
-    }
+    };

    return (
        <div className={formFieldsSize}>
            <Prompt message={getMessageOnLeavingPage} />
            <form onSubmit={onSubmit} ref={formReference}>
                {childrenWithFormProps}
-                <div className="text-right">
+                <div className="text-end">
                    <SubmitButton
                        state={getSubmitButtonState()}
                        disabled={submitButtonIsDisabled}
@ -200,3 +200,5 @@ export function ForisForm({
        </div>
    );
 }
+
+export default ForisForm;
--- a/src/form/components/SubmitButton.js
+++ b/src/form/components/SubmitButton.js
@ -6,9 +6,10 @@
 */

 import React from "react";
+
 import PropTypes from "prop-types";

-import { Button } from "../../bootstrap/Button";
+import Button from "../../bootstrap/Button";

 export const STATES = {
    READY: 1,
--- a/src/form/hooks.js
+++ b/src/form/hooks.js
@ -1,15 +1,16 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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.
 */

 import { useCallback, useEffect, useReducer } from "react";
+
 import update from "immutability-helper";

 import { useAPIGet } from "../api/hooks";
-import { useWSForisModule } from "../webSockets/hooks";
+import useWSForisModule from "../webSockets/hooks";

 const FORM_ACTIONS = {
    updateValue: 1,
--- a/src/index.js
+++ b/src/index.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2021 CZ.NIC z.s.p.o. (http://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.
@ -17,32 +17,32 @@ export {
 export { API_STATE } from "./api/utils";

 // Bootstrap
-export { Alert, ALERT_TYPES } from "./bootstrap/Alert";
-export { Button } from "./bootstrap/Button";
-export { CheckBox } from "./bootstrap/CheckBox";
-export { CopyInput } from "./bootstrap/CopyInput";
-export { DownloadButton } from "./bootstrap/DownloadButton";
-export { DataTimeInput } from "./bootstrap/DataTimeInput";
-export { EmailInput } from "./bootstrap/EmailInput";
-export { FileInput } from "./bootstrap/FileInput";
-export { Input } from "./bootstrap/Input";
-export { NumberInput } from "./bootstrap/NumberInput";
-export { PasswordInput } from "./bootstrap/PasswordInput";
-export { Radio, RadioSet } from "./bootstrap/RadioSet";
-export { Select } from "./bootstrap/Select";
-export { TextInput } from "./bootstrap/TextInput";
+export { default as Alert, ALERT_TYPES } from "./bootstrap/Alert";
+export { default as Button } from "./bootstrap/Button";
+export { default as CheckBox } from "./bootstrap/CheckBox";
+export { default as CopyInput } from "./bootstrap/CopyInput";
+export { default as DownloadButton } from "./bootstrap/DownloadButton";
+export { default as DataTimeInput } from "./bootstrap/DataTimeInput";
+export { default as EmailInput } from "./bootstrap/EmailInput";
+export { default as FileInput } from "./bootstrap/FileInput";
+export { default as Input } from "./bootstrap/Input";
+export { default as NumberInput } from "./bootstrap/NumberInput";
+export { default as PasswordInput } from "./bootstrap/PasswordInput";
+export { default as RadioSet, Radio } from "./bootstrap/RadioSet";
+export { default as Select } from "./bootstrap/Select";
+export { default as TextInput } from "./bootstrap/TextInput";
 export { formFieldsSize, buttonFormFieldsSize } from "./bootstrap/constants";
-export { Switch } from "./bootstrap/Switch";
+export { default as Switch } from "./bootstrap/Switch";

 export { Spinner, SpinnerElement } from "./bootstrap/Spinner";
 export { Modal, ModalBody, ModalFooter, ModalHeader } from "./bootstrap/Modal";

 // Common
-export { RebootButton } from "./common/RebootButton";
-export { WiFiSettings } from "./common/WiFiSettings/WiFiSettings";
-export { ResetWiFiSettings } from "./common/WiFiSettings/ResetWiFiSettings";
+export { default as RebootButton } from "./common/RebootButton";
+export { default as WiFiSettings } from "./common/WiFiSettings/WiFiSettings";
+export { default as ResetWiFiSettings } from "./common/WiFiSettings/ResetWiFiSettings";
 // Form
-export { ForisForm } from "./form/components/ForisForm";
+export { default as ForisForm } from "./form/components/ForisForm";
 export {
    SubmitButton,
    STATES as SUBMIT_BUTTON_STATES,
@ -50,11 +50,11 @@ export {
 export { useForisModule, useForm } from "./form/hooks";

 // WebSockets
-export { useWSForisModule } from "./webSockets/hooks";
-export { WebSockets } from "./webSockets/WebSockets";
+export { default as useWSForisModule } from "./webSockets/hooks";
+export { default as WebSockets } from "./webSockets/WebSockets";

 // Utils
-export { Portal } from "./utils/Portal";
+export { default as Portal } from "./utils/Portal";
 export {
    undefinedIfEmpty,
    withoutUndefinedKeys,
@ -68,11 +68,11 @@ export {
    withError,
    withErrorMessage,
 } from "./utils/conditionalHOCs";
-export { ErrorMessage } from "./utils/ErrorMessage";
+export { default as ErrorMessage } from "./utils/ErrorMessage";
 export { useClickOutside } from "./utils/hooks";
-export { toLocaleDateString } from "./utils/datetime";
-export { displayCard } from "./utils/displayCard";
-export { isPluginInstalled } from "./utils/isPluginInstalled";
+export { default as toLocaleDateString } from "./utils/datetime";
+export { default as displayCard } from "./utils/displayCard";
+export { default as isPluginInstalled } from "./utils/isPluginInstalled";

 // Foris URL
 export { ForisURLs, REFORIS_URL_PREFIX } from "./utils/forisUrls";
@ -90,4 +90,13 @@ export {
 } from "./utils/validations";

 // Alert context
-export { AlertContextProvider, useAlert } from "./alertContext/AlertContext";
+export {
+    AlertContextProvider,
+    useAlert,
+} from "./context/alertContext/AlertContext";
+
+// Customization context
+export {
+    CustomizationContextProvider,
+    useCustomizationContext,
+} from "./context/customizationContext/CustomizationContext";
--- a/src/testUtils/customTestRender.js
+++ b/src/testUtils/customTestRender.js
@ -14,6 +14,7 @@ import { render } from "@testing-library/react";
 import PropTypes from "prop-types";

 import { AlertContextMock } from "./alertContextMock";
+import { CustomizationContextMock } from "./cutomizationContextMock";

 Wrapper.propTypes = {
    children: PropTypes.oneOfType([
@ -24,11 +25,13 @@ Wrapper.propTypes = {

 function Wrapper({ children }) {
    return (
+        <CustomizationContextMock>
            <AlertContextMock>
                <StaticRouter>
                    <UIDReset>{children}</UIDReset>
                </StaticRouter>
            </AlertContextMock>
+        </CustomizationContextMock>
    );
 }

--- a/src/testUtils/cutomizationContextMock.js
+++ b/src/testUtils/cutomizationContextMock.js
@ -0,0 +1,34 @@
+/*
+ * Copyright (C) 2019-2022 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";
+
+window.CustomizationContext = React.createContext();
+
+const deviceDetails = {
+    kernel: "5.x.x",
+    model: "Turris Omnia",
+    os_branch: {
+        mode: "branch",
+        value: "hbs",
+    },
+    os_version: "6.x.x",
+    reforis_version: "1.x.x",
+    serial: 123456789,
+};
+
+const isCustomized = false;
+
+function CustomizationContextMock({ children }) {
+    return (
+        <CustomizationContext.Provider value={{ deviceDetails, isCustomized }}>
+            {children}
+        </CustomizationContext.Provider>
+    );
+}
+
+export { CustomizationContextMock };
--- a/src/utils/ErrorMessage.js
+++ b/src/utils/ErrorMessage.js
@ -1,11 +1,12 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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.
 */

 import React from "react";
+
 import PropTypes from "prop-types";

 ErrorMessage.propTypes = {
@ -16,6 +17,8 @@ ErrorMessage.defaultProps = {
    message: _("An error occurred while fetching data."),
 };

-export function ErrorMessage({ message }) {
+function ErrorMessage({ message }) {
    return <p className="text-center text-danger">{message}</p>;
 }
+
+export default ErrorMessage;
--- a/src/utils/Portal.js
+++ b/src/utils/Portal.js
@ -1,14 +1,22 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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.
 */

+import PropTypes from "prop-types";
 import ReactDOM from "react-dom";

-export function Portal({ containerId, children }) {
+Portal.propTypes = {
+    containerId: PropTypes.string.isRequired,
+    children: PropTypes.node.isRequired,
+};
+
+function Portal({ containerId, children }) {
    const container = document.getElementById(containerId);
    if (container) return ReactDOM.createPortal(children, container);
    return null;
 }
+
+export default Portal;
--- a/src/utils/tests/datetime.test.js
+++ b/src/utils/tests/datetime.test.js
@ -5,7 +5,7 @@
 * See /LICENSE for more information.
 */

-import { toLocaleDateString } from "../datetime";
+import toLocaleDateString from "../datetime";

 describe("toLocaleDateString", () => {
    it("should work with different locale", () => {
--- a/src/utils/conditionalHOCs.js
+++ b/src/utils/conditionalHOCs.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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.
@ -7,16 +7,23 @@

 import React from "react";

-import { Spinner } from "../bootstrap/Spinner";
+import ErrorMessage from "./ErrorMessage";
 import { API_STATE } from "../api/utils";
-import { ErrorMessage } from "./ErrorMessage";
+import { Spinner } from "../bootstrap/Spinner";

 function withEither(conditionalFn, Either) {
-    return (Component) => (props) => {
+    return (Component) => {
+        function WithEither(props) {
            if (conditionalFn(props)) {
                return <Either {...props} />;
            }
            return <Component {...props} />;
+        }
+
+        // Setting displayName for better debugging
+        WithEither.displayName = `WithEither(${Component.displayName || Component.name || "Component"})`;
+
+        return WithEither;
    };
 }

--- a/src/utils/datetime.js
+++ b/src/utils/datetime.js
@ -1,9 +1,8 @@
 import moment from "moment";

-export function toLocaleDateString(
-    date,
-    { inputFormat, outputFormat = "LLL" } = {}
-) {
+function toLocaleDateString(date, { inputFormat, outputFormat = "LLL" } = {}) {
    const parsedDate = inputFormat ? moment(date, inputFormat) : moment(date);
    return parsedDate.locale(ForisTranslations.locale).format(outputFormat);
 }
+
+export default toLocaleDateString;
--- a/src/utils/displayCard.js
+++ b/src/utils/displayCard.js
@ -1,11 +1,11 @@
 /*
- * Copyright (C) 2020 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2020-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.
 */

-export function displayCard({ package_lists: packages }, cardName) {
+function displayCard({ package_lists: packages }, cardName) {
    const enabledPackagesNames = [];
    packages
        .filter((item) => item.enabled)
@ -21,3 +21,5 @@ export function displayCard({ package_lists: packages }, cardName) {
        });
    return enabledPackagesNames.includes(cardName);
 }
+
+export default displayCard;
--- a/src/utils/forisUrls.js
+++ b/src/utils/forisUrls.js
@ -36,5 +36,6 @@ export const ForisURLs = {
    luci: "/cgi-bin/luci",

    // API
+    about: `${REFORIS_API_URL_PREFIX}/about`,
    reboot: `${REFORIS_API_URL_PREFIX}/reboot`,
 };
--- a/src/utils/hooks.js
+++ b/src/utils/hooks.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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.
--- a/src/utils/isPluginInstalled.js
+++ b/src/utils/isPluginInstalled.js
@ -1,9 +1,11 @@
 /*
- * Copyright (C) 2020 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2020-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.
 */

-export const isPluginInstalled = (pluginName) =>
+const isPluginInstalled = (pluginName) =>
    ForisPlugins.some((plugin) => plugin.name === pluginName);
+
+export default isPluginInstalled;
--- a/src/utils/validations.js
+++ b/src/utils/validations.js
@ -23,12 +23,15 @@ export const ERROR_MESSAGES = {
 const REs = {
    IPv4: /^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/,
    IPv6: /^(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))$/,
-    IPv6Prefix: /^s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){1}(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:)))(%.+)?s*(\/([0-9]|[1-9][0-9]|1[0-1][0-9]|12[0-8]))$/,
+    IPv6Prefix:
+        /^s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){1}(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]d|1dd|[1-9]?d)(.(25[0-5]|2[0-4]d|1dd|[1-9]?d)){3}))|:)))(%.+)?s*(\/([0-9]|[1-9][0-9]|1[0-1][0-9]|12[0-8]))$/,
    domain: /^([a-z0-9]+(-[a-z0-9]+)*\.)+[a-z]{2,}$/,
-    hostname: /^[a-z\d]([a-z\d-]{0,61}[a-z\d])?(\.[a-z\d]([a-z\d-]{0,61}[a-z\d])?)*$/i,
+    hostname:
+        /^[a-z\d]([a-z\d-]{0,61}[a-z\d])?(\.[a-z\d]([a-z\d-]{0,61}[a-z\d])?)*$/i,
    DUID: /^([0-9a-fA-F]{2}){4}([0-9a-fA-F]{2})*$/,
    MAC: /^([a-fA-F0-9]{2}:){5}[a-fA-F0-9]{2}$/,
-    MultipleEmails: /^([a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+ *)( *, *[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+ *)*$/,
+    MultipleEmails:
+        /^([a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+ *)( *, *[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+ *)*$/,
 };

 const createValidator = (fieldType) => (value) => {
--- a/src/webSockets/WebSockets.js
+++ b/src/webSockets/WebSockets.js
@ -10,14 +10,12 @@
 const PROTOCOL = window.location.protocol === "http:" ? "ws" : "wss";

 const URL = process.env.LIGHTTPD
-    ? `${PROTOCOL}://${window.location.host}/${
-          process.env.WSPATH || "foris-ws"
-      }`
+    ? `${PROTOCOL}://${window.location.host}/${process.env.WSPATH || "foris-ws"}`
    : `${PROTOCOL}://${window.location.hostname}:9081`;

 const WAITING_FOR_CONNECTION_TIMEOUT = 500;

-export class WebSockets {
+class WebSockets {
    constructor() {
        this.ws = new WebSocket(URL);
        this.ws.onerror = (e) => {
@ -122,3 +120,5 @@ export class WebSockets {
        this.ws.close();
    }
 }
+
+export default WebSockets;
--- a/src/webSockets/hooks.js
+++ b/src/webSockets/hooks.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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.
@ -7,7 +7,8 @@

 import { useEffect, useState } from "react";

-export function useWSForisModule(
+/* eslint-disable default-param-last */
+function useWSForisModule(
    ws,
    module,
    action = "update_settings",
@ -41,3 +42,5 @@ export function useWSForisModule(

    return [data];
 }
+
+export default useWSForisModule;
--- a/styleguide.config.js
+++ b/styleguide.config.js
@ -1,23 +1,36 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2022 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.
 */
-
 const path = require("path");
+const pjson = require("./package.json");

 module.exports = {
-    title: "Foris JS docs",
+    title: "Foris JS Docs",
+    version: `v${pjson.version}`,
+    theme: {
+        color: {
+            link: "#0075a3",
+            linkHover: "#00a2e2",
+        },
+    },
+    tocMode: "collapse",
+    pagePerSection: true,
    sections: [
        {
-            name: "Foris JS",
-            content: "docs/intro.md",
+            name: "Introduction",
+            content: "docs/introduction.md",
        },
        {
-            name: "Development (Linking)",
+            name: "Development",
            content: "docs/development.md",
        },
+        {
+            name: "Components",
+            description: "Set of main components.",
+            sections: [
                {
                    name: "Foris forms",
                    components: [
@ -30,7 +43,19 @@ module.exports = {
                },
                {
                    name: "Alert Context",
-            components: ["src/alertContext/AlertContext.js"],
+                    components: ["src/context/alertContext/AlertContext.js"],
+                    exampleMode: "expand",
+                    usageMode: "expand",
+                },
+            ],
+            sectionDepth: 1,
+        },
+
+        {
+            name: "Customization Context",
+            components: [
+                "src/context/customizationContext/CustomizationContext.js",
+            ],
            exampleMode: "expand",
            usageMode: "expand",
        },
@ -41,8 +66,12 @@ module.exports = {
            exampleMode: "expand",
            usageMode: "expand",
            ignore: ["src/bootstrap/constants.js"],
+            sectionDepth: 0,
        },
    ],
+    template: {
+        favicon: "/docs/components/logo.svg",
+    },
    require: [
        "babel-polyfill",
        path.join(__dirname, "src/testUtils/mockGlobals"),
@ -55,6 +84,9 @@ module.exports = {
            "node_modules/@fortawesome/fontawesome-free/css/all.min.css"
        ),
    ],
+    styleguideComponents: {
+        LogoRenderer: path.join(__dirname, "docs/components/Logo"),
+    },
    webpackConfig: {
        module: {
            rules: [
--- a/translations/cs/LC_MESSAGES/forisjs.po
+++ b/translations/cs/LC_MESSAGES/forisjs.po
@ -7,17 +7,18 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-05-20 15:42+0200\n"
-"PO-Revision-Date: 2022-03-15 22:41+0000\n"
-"Last-Translator: Koli <lukas.koluch@gmail.com>\n"
+"POT-Creation-Date: 2022-12-02 15:54+0100\n"
+"PO-Revision-Date: 2023-11-23 16:03+0000\n"
+"Last-Translator: Lukas Jelinek <lukas.jelinek@nic.cz>\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"
-"Generated-By: Babel 2.9.0\n"
+"Plural-Forms: nplurals=3; plural=(n==1) ? 0 : (n>=2 && n<=4) ? 1 : 2;\n"
+"X-Generator: Weblate 5.2.1-rc\n"
+"Generated-By: Babel 2.11.0\n"

 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@ -37,11 +38,11 @@ msgstr "Došlo k neznámé chybě v aplikačním programovém rozhraní."

 #: src/bootstrap/CopyInput.js:55
 msgid "Copied!"
-msgstr ""
+msgstr "Zkopírováno!"

 #: src/bootstrap/CopyInput.js:55
 msgid "Copy"
-msgstr ""
+msgstr "Kopírovat"

 #: src/common/RebootButton.js:27
 msgid "Reboot request failed."
@ -61,7 +62,7 @@ msgstr "Opravdu chcete router restartovat?"

 #: src/common/RebootButton.js:71
 msgid "Cancel"
-msgstr "Storno"
+msgstr "Zrušit"

 #: src/common/RebootButton.js:73
 msgid "Confirm reboot"
@ -78,7 +79,7 @@ msgstr "Nastavení Wi-Fi jsou uvedena do výchozího stavu."
 #: src/common/WiFiSettings/ResetWiFiSettings.js:55
 #: src/common/WiFiSettings/ResetWiFiSettings.js:69
 msgid "Reset Wi-Fi Settings"
-msgstr "Resetovat nastavení Wi-Fi"
+msgstr "Reset nastavení Wi-Fi"

 #: src/common/WiFiSettings/ResetWiFiSettings.js:57
 msgid ""
@ -86,6 +87,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 nastavení "
+"Wi-Fi. Je třeba upozornit, že se tím odstraní aktuální konfigurace Wi-Fi a "
+"obnoví se výchozí hodnoty."

 #: src/common/WiFiSettings/WiFiForm.js:95
 msgid "Wi-Fi ${deviceID + 1}"
@ -101,9 +105,8 @@ msgid "Hide SSID"
 msgstr "Skrýt SSID"

 #: src/common/WiFiSettings/WiFiForm.js:186
-#, fuzzy
 msgid "802.11n/ac/ax mode"
-msgstr "Režim 802.11n/ac"
+msgstr "Režim 802.11n/ac/ax"

 #: src/common/WiFiSettings/WiFiForm.js:199
 msgid "Channel"
@ -113,14 +116,25 @@ msgstr "Kanál"
 msgid "Encryption"
 msgstr "Šifrování"

-#: src/common/WiFiSettings/WiFiForm.js:243
+#: src/common/WiFiSettings/WiFiForm.js:226
+msgid "Disable Management Frame Protection"
+msgstr "Vypnout Management Frame Protection"
+
+#: src/common/WiFiSettings/WiFiForm.js:227
+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 vypnout "
+"Management Frame Protection."
+
+#: src/common/WiFiSettings/WiFiForm.js:262
 msgid "auto"
 msgstr "automaticky"

-#: src/common/WiFiSettings/WiFiForm.js:284
-#, fuzzy
+#: src/common/WiFiSettings/WiFiForm.js:303
 msgid "Custom"
-msgstr "automaticky"
+msgstr "Uživatelsky určené"

 #: src/common/WiFiSettings/WiFiGuestForm.js:42
 msgid "Enable Guest Wi-Fi"
@ -134,31 +148,30 @@ msgstr "Wi-Fi QR kód"
 msgid "Download PDF"
 msgstr "Stáhnout PDF"

-#: src/common/WiFiSettings/WiFiSettings.js:78
-#: src/common/WiFiSettings/WiFiSettings.js:94
+#: src/common/WiFiSettings/WiFiSettings.js:82
+#: src/common/WiFiSettings/WiFiSettings.js:98
 msgid "SSID can't be longer than 32 symbols"
 msgstr "SSID nemůže být delší než 32 znaků"

-#: src/common/WiFiSettings/WiFiSettings.js:79
-#: src/common/WiFiSettings/WiFiSettings.js:96
+#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:100
 msgid "SSID can't be empty"
 msgstr "SSID je třeba vyplnit"

-#: src/common/WiFiSettings/WiFiSettings.js:81
-#: src/common/WiFiSettings/WiFiSettings.js:98
+#: src/common/WiFiSettings/WiFiSettings.js:85
+#: src/common/WiFiSettings/WiFiSettings.js:102
 msgid "SSID can't be longer than 32 bytes"
 msgstr "SSID nemůže být delší než 32 bajtů"

-#: src/common/WiFiSettings/WiFiSettings.js:84
-#: src/common/WiFiSettings/WiFiSettings.js:101
+#: src/common/WiFiSettings/WiFiSettings.js:88
+#: src/common/WiFiSettings/WiFiSettings.js:105
 msgid "Password must contain at least 8 symbols"
 msgstr "Je třeba, aby heslo obsahovalo alespoň 8 znaků"

-#: src/common/WiFiSettings/WiFiSettings.js:86
-#: src/common/WiFiSettings/WiFiSettings.js:105
-#, fuzzy
+#: src/common/WiFiSettings/WiFiSettings.js:90
+#: src/common/WiFiSettings/WiFiSettings.js:109
 msgid "Password must not contain more than 63 symbols"
-msgstr "Je třeba, aby heslo obsahovalo alespoň 8 znaků"
+msgstr "Heslo nesmí obsahovat více než 63 znaků"

 #: src/common/WiFiSettings/constants.js:9
 msgid "Disabled"
@ -189,24 +202,20 @@ msgid "802.11ac - 160 MHz wide channel"
 msgstr "802.11ac – kanál šíře 160 MHz"

 #: src/common/WiFiSettings/constants.js:16
-#, fuzzy
 msgid "802.11ax - 20 MHz wide channel"
-msgstr "802.11ac – kanál šíře 20 MHz"
+msgstr "802.11ax – kanál šíře 20 MHz"

 #: src/common/WiFiSettings/constants.js:17
-#, fuzzy
 msgid "802.11ax - 40 MHz wide channel"
-msgstr "802.11ac – kanál šíře 40 MHz"
+msgstr "802.11ax – kanál šíře 40 MHz"

 #: src/common/WiFiSettings/constants.js:18
-#, fuzzy
 msgid "802.11ax - 80 MHz wide channel"
-msgstr "802.11ac – kanál šíře 80 MHz"
+msgstr "802.11ax – kanál šíře 80 MHz"

 #: src/common/WiFiSettings/constants.js:19
-#, fuzzy
 msgid "802.11ax - 160 MHz wide channel"
-msgstr "802.11ac – kanál šíře 160 MHz"
+msgstr "802.11ax – kanál šíře 160 MHz"

 #: src/common/WiFiSettings/constants.js:26
 msgid "WPA3 only"
@ -214,7 +223,7 @@ msgstr "pouze WPA3"

 #: src/common/WiFiSettings/constants.js:27
 msgid "WPA3 with WPA2 as fallback (default)"
-msgstr ""
+msgstr "WPA3, nouzově WPA2 (výchozí)"

 #: src/common/WiFiSettings/constants.js:28
 msgid "WPA2 only"
@ -229,13 +238,8 @@ msgstr ""
 "problémy."

 #: src/common/WiFiSettings/constants.js:34
-#, fuzzy
 msgid "WPA2/3 pre-shared key, that is required to connect to the network."
-msgstr ""
-"\n"
-"        WPA2 předsdílený klíč, který je vyžadován pro připojení se k "
-"síti.\n"
-"    "
+msgstr "Předsdílený klíč WPA2/3, který je vyžadován pro připojení se k síti."

 #: src/common/WiFiSettings/constants.js:37
 msgid "If set, network is not visible when scanning for available networks."
@ -244,38 +248,29 @@ msgstr ""
 "vyhledávat dostupné sítě."

 #: src/common/WiFiSettings/constants.js:40
-#, fuzzy
 msgid ""
 "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."
 msgstr ""
-"\n"
-"        Pásmo 2,4 GHz je v klientských zařízeních podporováno nejčastěji,"
-" ale bývá více zarušené. Pásmo 5 GHz je\n"
-"        novější standard a nemusí být podporováno všemi vámi používanými "
-"zařízeními. Obvykle bývá méně zarušené,\n"
-"        ale signál se hůře šíři uvnitř budov."
+"Pásmo 2,4 GHz je v klientských zařízeních podporováno nejčastěji, bývá ale "
+"více zarušené. Pásmo 5 GHz je novější standard a nemusí být podporováno "
+"všemi vámi používanými zařízeními. Obvykle bývá méně zarušené, signál se ale "
+"hůře šíří uvnitř budov."

 #: src/common/WiFiSettings/constants.js:43
-#, fuzzy
 msgid ""
 "Change this to adjust 802.11n/ac/ax mode of operation. 802.11n with 40 "
 "MHz wide channels can yield higher throughput but can cause more "
 "interference in the network. If you don't know what to choose, use the "
 "default option with 20 MHz wide channel."
 msgstr ""
-"\n"
-"        Změna tohoto upraví režim fungování 802.11n/ac. 802.11n s kanály "
-"o šíři 40 MHz kanály může pomoci k vyšší\n"
-"        propustnosti, ale je náchylnější na rušení. Pokud nevíte co "
-"zvolit, použijte výchozí volbu s kanálem šíře\n"
-"        20 MHz.\n"
-"    "
+"Změna tohoto parametru upraví režim fungování 802.11n/ac. 802.11n s kanály o "
+"šíři 40 MHz může pomoci k vyšší propustnosti, je ale náchylnější na rušení. "
+"Pokud nevíte co zvolit, použijte výchozí volbu s kanálem šíře 20 MHz."

 #: src/common/WiFiSettings/constants.js:46
-#, fuzzy
 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 "
@ -283,14 +278,10 @@ msgid ""
 "router. Parameters of the guest network can be set in the Guest network "
 "tab."
 msgstr ""
-"\n"
-"        Zapíná Wi-Fi pro hosty, která je oddělená od místní sítě (LAN). "
-"Zařízením připojeným k této síti je umožněn\n"
-"        přístup do Internetu, ale už ne na ostatní zařízení a k rozhraní "
-"pro nastavování směrovače.\n"
-"        Parametry sítě pro hosty je možné nastavit na panelu „Síť pro "
-"hosty“.\n"
-"        "
+"Zapíná Wi-Fi pro hosty, která je oddělená od místní sítě (LAN). Zařízením "
+"připojeným k této síti je umožněn přístup do Internetu, ale už ne na ostatní "
+"zařízení a k rozhraní pro nastavování směrovače. Parametry sítě pro hosty je "
+"možné nastavit na panelu „Síť pro hosty“."

 #: src/common/WiFiSettings/constants.js:49
 msgid ""
@ -299,6 +290,10 @@ msgid ""
 "without WPA3 support require older WPA2. If you experience issues with "
 "connecting older devices, try to enable WPA2."
 msgstr ""
+"Standard WPA3 je nová nejbezpečnější metoda, již se doporučuje používat se "
+"všemi zařízeními, která ji podporují. Starší zařízení bez podpory WPA3 "
+"potřebují starší WPA2. Zaznamenáte-li problémy s připojováním starších "
+"zařízení, zkuste zapnout WPA2."

 #: src/form/components/ForisForm.js:121
 msgid "Settings saved successfully"
@ -343,7 +338,6 @@ msgid "This is not a valid domain name."
 msgstr "Toto není platné doménové jméno."

 #: src/utils/validations.js:17
-#, fuzzy
 msgid "This is not a valid hostname."
 msgstr "Toto není platné doménové jméno."

@ -384,4 +378,3 @@ msgstr "Neobsahuje seznam e-mailů oddělených čárkou."
 #~ "ale, že\n"
 #~ "se tím odstraní aktuální konfigurace a vrátí se výchozí hodnoty.\n"
 #~ "        "
-
--- a/translations/da/LC_MESSAGES/forisjs.po
+++ b/translations/da/LC_MESSAGES/forisjs.po
@ -7,16 +7,16 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-05-20 15:42+0200\n"
+"POT-Creation-Date: 2022-12-02 15:54+0100\n"
 "PO-Revision-Date: 2019-02-19 13:34+0100\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language: da\n"
 "Language-Team: da <LL@li.org>\n"
-"Plural-Forms: nplurals=2; plural=(n != 1)\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"
-"Generated-By: Babel 2.9.0\n"
+"Generated-By: Babel 2.11.0\n"

 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@ -111,11 +111,21 @@ msgstr ""
 msgid "Encryption"
 msgstr ""

-#: src/common/WiFiSettings/WiFiForm.js:243
+#: src/common/WiFiSettings/WiFiForm.js:226
+msgid "Disable Management Frame Protection"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:227
+msgid ""
+"In case you have trouble connecting to WiFi Access Point, try disabling "
+"Management Frame Protection."
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:262
 msgid "auto"
 msgstr ""

-#: src/common/WiFiSettings/WiFiForm.js:284
+#: src/common/WiFiSettings/WiFiForm.js:303
 msgid "Custom"
 msgstr ""

@ -131,28 +141,28 @@ msgstr ""
 msgid "Download PDF"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:78
-#: src/common/WiFiSettings/WiFiSettings.js:94
+#: src/common/WiFiSettings/WiFiSettings.js:82
+#: src/common/WiFiSettings/WiFiSettings.js:98
 msgid "SSID can't be longer than 32 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:79
-#: src/common/WiFiSettings/WiFiSettings.js:96
+#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:100
 msgid "SSID can't be empty"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:81
-#: src/common/WiFiSettings/WiFiSettings.js:98
+#: src/common/WiFiSettings/WiFiSettings.js:85
+#: src/common/WiFiSettings/WiFiSettings.js:102
 msgid "SSID can't be longer than 32 bytes"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:84
-#: src/common/WiFiSettings/WiFiSettings.js:101
+#: src/common/WiFiSettings/WiFiSettings.js:88
+#: src/common/WiFiSettings/WiFiSettings.js:105
 msgid "Password must contain at least 8 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:86
-#: src/common/WiFiSettings/WiFiSettings.js:105
+#: src/common/WiFiSettings/WiFiSettings.js:90
+#: src/common/WiFiSettings/WiFiSettings.js:109
 msgid "Password must not contain more than 63 symbols"
 msgstr ""

--- a/translations/de/LC_MESSAGES/forisjs.po
+++ b/translations/de/LC_MESSAGES/forisjs.po
@ -7,17 +7,18 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-05-20 15:42+0200\n"
-"PO-Revision-Date: 2021-09-24 19:38+0000\n"
-"Last-Translator: CryptKid <CryptKiddie@chaospott.de>\n"
+"POT-Creation-Date: 2022-12-02 15:54+0100\n"
+"PO-Revision-Date: 2024-01-04 21:08+0000\n"
+"Last-Translator: Erik Pfannenstein <debianignatz@gmx.de>\n"
+"Language-Team: German <https://hosted.weblate.org/projects/turris/foris-js/"
+"de/>\n"
 "Language: de\n"
-"Language-Team: German <https://hosted.weblate.org/projects/turris/foris-"
-"js/de/>\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"
-"Generated-By: Babel 2.9.0\n"
+"Plural-Forms: nplurals=2; plural=n != 1;\n"
+"X-Generator: Weblate 5.4-dev\n"
+"Generated-By: Babel 2.11.0\n"

 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@ -37,11 +38,11 @@ msgstr "Ein unbekannter API-Fehler ist aufgetreten."

 #: src/bootstrap/CopyInput.js:55
 msgid "Copied!"
-msgstr ""
+msgstr "Kopiert!"

 #: src/bootstrap/CopyInput.js:55
 msgid "Copy"
-msgstr ""
+msgstr "Kopieren"

 #: src/common/RebootButton.js:27
 msgid "Reboot request failed."
@ -88,6 +89,9 @@ msgid ""
 "Fi settings. Note that this will remove the current Wi-Fi configuration "
 "and restore the default values."
 msgstr ""
+"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-Konfiguration mit den Werkseinstellungen überschrieben wird."

 #: src/common/WiFiSettings/WiFiForm.js:95
 msgid "Wi-Fi ${deviceID + 1}"
@ -103,9 +107,8 @@ msgid "Hide SSID"
 msgstr "SSID verbergen"

 #: src/common/WiFiSettings/WiFiForm.js:186
-#, fuzzy
 msgid "802.11n/ac/ax mode"
-msgstr "802.11n/ac Modus"
+msgstr "802.11n/ac/ax-Modus"

 #: src/common/WiFiSettings/WiFiForm.js:199
 msgid "Channel"
@ -113,16 +116,27 @@ msgstr "Kanal"

 #: src/common/WiFiSettings/WiFiForm.js:211
 msgid "Encryption"
-msgstr ""
+msgstr "Verschlüsselung"

-#: src/common/WiFiSettings/WiFiForm.js:243
+#: src/common/WiFiSettings/WiFiForm.js:226
+msgid "Disable Management Frame Protection"
+msgstr "Management Frame Protection abschalten"
+
+#: src/common/WiFiSettings/WiFiForm.js:227
+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, schalten "
+"Sie testweise die Management Frame Protection ab."
+
+#: src/common/WiFiSettings/WiFiForm.js:262
 msgid "auto"
 msgstr "automatisch"

-#: src/common/WiFiSettings/WiFiForm.js:284
-#, fuzzy
+#: src/common/WiFiSettings/WiFiForm.js:303
 msgid "Custom"
-msgstr "automatisch"
+msgstr "Benutzerdefiniert"

 #: src/common/WiFiSettings/WiFiGuestForm.js:42
 msgid "Enable Guest Wi-Fi"
@ -136,31 +150,30 @@ msgstr "WLAN QR-Code"
 msgid "Download PDF"
 msgstr "PDF herunterladen"

-#: src/common/WiFiSettings/WiFiSettings.js:78
-#: src/common/WiFiSettings/WiFiSettings.js:94
-msgid "SSID can't be longer than 32 symbols"
-msgstr "SSID darf nicht länger als 32 Symbole sein"
-
-#: src/common/WiFiSettings/WiFiSettings.js:79
-#: src/common/WiFiSettings/WiFiSettings.js:96
-msgid "SSID can't be empty"
-msgstr "SSID darf nicht leer sein"
-
-#: src/common/WiFiSettings/WiFiSettings.js:81
+#: src/common/WiFiSettings/WiFiSettings.js:82
 #: src/common/WiFiSettings/WiFiSettings.js:98
-msgid "SSID can't be longer than 32 bytes"
-msgstr "SSID darf nicht länger als 32 Symbole sein"
+msgid "SSID can't be longer than 32 symbols"
+msgstr "Die SSID darf nicht länger als 32 Zeichen sein"

-#: src/common/WiFiSettings/WiFiSettings.js:84
-#: src/common/WiFiSettings/WiFiSettings.js:101
+#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:100
+msgid "SSID can't be empty"
+msgstr "Die SSID darf nicht leer sein"
+
+#: src/common/WiFiSettings/WiFiSettings.js:85
+#: src/common/WiFiSettings/WiFiSettings.js:102
+msgid "SSID can't be longer than 32 bytes"
+msgstr "Die SSID darf nicht länger als 32 Bytes sein"
+
+#: src/common/WiFiSettings/WiFiSettings.js:88
+#: src/common/WiFiSettings/WiFiSettings.js:105
 msgid "Password must contain at least 8 symbols"
 msgstr "Das Passwort muss mindestens 8 Zeichen enthalten"

-#: src/common/WiFiSettings/WiFiSettings.js:86
-#: src/common/WiFiSettings/WiFiSettings.js:105
-#, fuzzy
+#: src/common/WiFiSettings/WiFiSettings.js:90
+#: src/common/WiFiSettings/WiFiSettings.js:109
 msgid "Password must not contain more than 63 symbols"
-msgstr "Das Passwort muss mindestens 8 Zeichen enthalten"
+msgstr "Das Passwort darf höchstens 63 Zeichen enthalten"

 #: src/common/WiFiSettings/constants.js:9
 msgid "Disabled"
@ -187,56 +200,48 @@ msgid "802.11ac - 80 MHz wide channel"
 msgstr "802.11ac - 80 MHz breiter Kanal"

 #: src/common/WiFiSettings/constants.js:15
-#, fuzzy
 msgid "802.11ac - 160 MHz wide channel"
-msgstr "802.11ac - 80 MHz breiter Kanal"
+msgstr "802.11ac - 160 MHz breiter Kanal"

 #: src/common/WiFiSettings/constants.js:16
-#, fuzzy
 msgid "802.11ax - 20 MHz wide channel"
-msgstr "802.11ac - 20 MHz breiter Kanal"
+msgstr "802.11ax - 20 MHz breiter Kanal"

 #: src/common/WiFiSettings/constants.js:17
-#, fuzzy
 msgid "802.11ax - 40 MHz wide channel"
-msgstr "802.11ac - 40 MHz breiter Kanal"
+msgstr "802.11ax - 40 MHz breiter Kanal"

 #: src/common/WiFiSettings/constants.js:18
-#, fuzzy
 msgid "802.11ax - 80 MHz wide channel"
-msgstr "802.11ac - 80 MHz breiter Kanal"
+msgstr "802.11ax - 80 MHz breiter Kanal"

 #: src/common/WiFiSettings/constants.js:19
-#, fuzzy
 msgid "802.11ax - 160 MHz wide channel"
-msgstr "802.11ac - 80 MHz breiter Kanal"
+msgstr "802.11ax - 160 MHz breiter Kanal"

 #: src/common/WiFiSettings/constants.js:26
 msgid "WPA3 only"
-msgstr ""
+msgstr "Nur WPA3"

 #: src/common/WiFiSettings/constants.js:27
 msgid "WPA3 with WPA2 as fallback (default)"
-msgstr ""
+msgstr "WPA3 mit WPA2 als Ausweichmöglichkeit (Voreinstellung)"

 #: src/common/WiFiSettings/constants.js:28
 msgid "WPA2 only"
-msgstr ""
+msgstr "Nur WPA2"

 #: src/common/WiFiSettings/constants.js:31
 msgid ""
 "SSID which contains non-standard characters could cause problems on some "
 "devices."
 msgstr ""
+"SSIDs, die nicht standardmäßige Zeichen enthalten, können auf manchen "
+"Geräten Probleme verursachen."

 #: src/common/WiFiSettings/constants.js:34
-#, fuzzy
 msgid "WPA2/3 pre-shared key, that is required to connect to the network."
-msgstr ""
-"\n"
-"        WPA2 Pre-Shared Key, der für die Verbindung mit dem Netzwerk "
-"benötigt wird.\n"
-"    "
+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."
@ -245,39 +250,31 @@ msgstr ""
 "drahtlosen Netzwerke angezeigt."

 #: src/common/WiFiSettings/constants.js:40
-#, fuzzy
 msgid ""
 "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."
 msgstr ""
-"\n"
-"        Das 2,4 GHz-Band wird stärker von Clients unterstützt, hat aber "
-"tendenziell mehr Interferenzen. Das 5-GHz-Band ist ein\n"
-"        neuerer Standard und wird möglicherweise nicht von allen Geräten "
-"unterstützt. Es hat in der Regel weniger Interferenzen, aber das Signal\n"
-"        trägt nicht so gut drinnen."
+"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 Standard, "
+"der möglicherweise nicht von allen Ihren Geräten unterstützt wird. Es hat in "
+"der Regel weniger Interferenzen, aber das Signal trägt nicht so gut in "
+"Innenräumen."

 #: src/common/WiFiSettings/constants.js:43
-#, fuzzy
 msgid ""
 "Change this to adjust 802.11n/ac/ax mode of operation. 802.11n with 40 "
 "MHz wide channels can yield higher throughput but can cause more "
 "interference in the network. If you don't know what to choose, use the "
 "default option with 20 MHz wide channel."
 msgstr ""
-"\n"
-"        Ändern Sie diese Option, um den Betriebsmodus 802.11n/ac "
-"anzupassen. 802.11n mit 40 MHz breiten Kanälen können höhere\n"
-"        durchsatz, kann jedoch zu mehr Interferenzen im Netzwerk führen. "
-"Wenn Sie nicht wissen, was Sie wählen sollen, verwenden Sie die "
-"Standardeinstellung\n"
-"        Option mit 20 MHz breitem Kanal.\n"
-"    "
+"Ändern Sie diese Option, um den 802.11n/ac/ax-Betriebsmodus anzupassen. 40 "
+"MHz breite Kanäle können bei 802.11n mehr Daten transportieren, jedoch zu "
+"mehr Interferenzen im Netzwerk führen. Wenn Sie nicht wissen, was Sie wählen "
+"sollen, verwenden Sie die Voreinstellung mit 20 MHz Kanalbreite."

 #: src/common/WiFiSettings/constants.js:46
-#, fuzzy
 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 "
@ -285,14 +282,11 @@ msgid ""
 "router. Parameters of the guest network can be set in the Guest network "
 "tab."
 msgstr ""
-"\n"
-"        Ermöglicht Wi-Fi für Gäste, das vom LAN-Netzwerk getrennt ist. "
-"Geräte, die mit diesem Netzwerk verbunden sind, dürfen\n"
-"        auf das Internet zugreifen, dürfen aber nicht auf andere Geräte "
-"und die Konfigurationsschnittstelle des Routers zugreifen.\n"
-"        Die Parameter des Gastnetzwerks können in der Registerkarte "
-"Gastnetzwerk eingestellt werden.\n"
-"        "
+"Ermöglicht ein Wi-Fi für Gäste, das vom LAN-Netzwerk getrennt ist. Geräte, "
+"die mit diesem Netzwerk verbunden sind, dürfen auf das Internet zugreifen, "
+"nicht jedoch auf andere Geräte oder die Konfigurationsschnittstelle des "
+"Routers. Die Parameter des Gastnetzwerks können auf der Gastnetzwerk-"
+"Registerkarte eingestellt werden."

 #: src/common/WiFiSettings/constants.js:49
 msgid ""
@ -301,6 +295,11 @@ msgid ""
 "without WPA3 support require older WPA2. If you experience issues with "
 "connecting older 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 "
+"WPA2 ausweichen. Falls Sie Probleme dabei haben, ältere Geräte mit dem WLAN "
+"zu verbinden, schalten Sie versuchsweise WPA2 ein."

 #: src/form/components/ForisForm.js:121
 msgid "Settings saved successfully"
@ -309,6 +308,8 @@ msgstr "Einstellungen erfolgreich gespeichert"
 #: src/form/components/ForisForm.js:183
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""
+"Änderungen, die Sie vorgenommen haben, werden möglicherweise nicht "
+"gespeichert. Möchten Sie wirklich gehen?"

 #: src/form/components/SubmitButton.js:31
 msgid "Updating"
@ -324,11 +325,11 @@ msgstr "Speichern"

 #: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
-msgstr ""
+msgstr "Beim Abruf der Daten ist ein Fehler aufgetreten."

 #: src/utils/validations.js:13
 msgid "This is not a valid IPv4 address."
-msgstr "Dies ist keine gültige IPv4-Adresse."
+msgstr "Das ist keine gültige IPv4 Adresse."

 #: src/utils/validations.js:14
 msgid "This is not a valid IPv6 address."
@ -343,9 +344,8 @@ msgid "This is not a valid domain name."
 msgstr "Dies ist kein gültiger Domainname."

 #: src/utils/validations.js:17
-#, fuzzy
 msgid "This is not a valid hostname."
-msgstr "Dies ist kein gültiger Domainname."
+msgstr "Dies ist kein gültiger Hostname."

 #: src/utils/validations.js:18
 msgid "This is not a valid DUID."
@ -377,4 +377,3 @@ msgstr "Enthält keine Liste von E-Mails, die durch Kommas getrennt sind."
 #~ "current Wi-Fi configuration and restore the default values.\n"
 #~ "        "
 #~ msgstr ""
-
--- a/translations/el/LC_MESSAGES/forisjs.po
+++ b/translations/el/LC_MESSAGES/forisjs.po
@ -7,17 +7,17 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-05-20 15:42+0200\n"
+"POT-Creation-Date: 2022-12-02 15:54+0100\n"
 "PO-Revision-Date: 2021-02-09 16:50+0000\n"
 "Last-Translator: Michalis <michalisntovas@yahoo.gr>\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"
+"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"
-"Generated-By: Babel 2.9.0\n"
+"Generated-By: Babel 2.11.0\n"

 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@ -113,11 +113,21 @@ msgstr "Άκυρο"
 msgid "Encryption"
 msgstr ""

-#: src/common/WiFiSettings/WiFiForm.js:243
+#: src/common/WiFiSettings/WiFiForm.js:226
+msgid "Disable Management Frame Protection"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:227
+msgid ""
+"In case you have trouble connecting to WiFi Access Point, try disabling "
+"Management Frame Protection."
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:262
 msgid "auto"
 msgstr ""

-#: src/common/WiFiSettings/WiFiForm.js:284
+#: src/common/WiFiSettings/WiFiForm.js:303
 msgid "Custom"
 msgstr ""

@ -133,28 +143,28 @@ msgstr ""
 msgid "Download PDF"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:78
-#: src/common/WiFiSettings/WiFiSettings.js:94
+#: src/common/WiFiSettings/WiFiSettings.js:82
+#: src/common/WiFiSettings/WiFiSettings.js:98
 msgid "SSID can't be longer than 32 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:79
-#: src/common/WiFiSettings/WiFiSettings.js:96
+#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:100
 msgid "SSID can't be empty"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:81
-#: src/common/WiFiSettings/WiFiSettings.js:98
+#: src/common/WiFiSettings/WiFiSettings.js:85
+#: src/common/WiFiSettings/WiFiSettings.js:102
 msgid "SSID can't be longer than 32 bytes"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:84
-#: src/common/WiFiSettings/WiFiSettings.js:101
+#: src/common/WiFiSettings/WiFiSettings.js:88
+#: src/common/WiFiSettings/WiFiSettings.js:105
 msgid "Password must contain at least 8 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:86
-#: src/common/WiFiSettings/WiFiSettings.js:105
+#: src/common/WiFiSettings/WiFiSettings.js:90
+#: src/common/WiFiSettings/WiFiSettings.js:109
 msgid "Password must not contain more than 63 symbols"
 msgstr ""

--- a/translations/en/LC_MESSAGES/forisjs.po
+++ b/translations/en/LC_MESSAGES/forisjs.po
@ -7,17 +7,17 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-05-20 15:42+0200\n"
+"POT-Creation-Date: 2022-12-02 15:54+0100\n"
 "PO-Revision-Date: 2019-10-17 09:28+0000\n"
 "Last-Translator: Scott Anecito <scott.anecito@protonmail.com>\n"
 "Language: en\n"
 "Language-Team: English "
 "<https://hosted.weblate.org/projects/turris/reforis/en/>\n"
-"Plural-Forms: nplurals=2; plural=n != 1\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"
-"Generated-By: Babel 2.9.0\n"
+"Generated-By: Babel 2.11.0\n"

 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@ -112,11 +112,21 @@ msgstr ""
 msgid "Encryption"
 msgstr ""

-#: src/common/WiFiSettings/WiFiForm.js:243
+#: src/common/WiFiSettings/WiFiForm.js:226
+msgid "Disable Management Frame Protection"
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:227
+msgid ""
+"In case you have trouble connecting to WiFi Access Point, try disabling "
+"Management Frame Protection."
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:262
 msgid "auto"
 msgstr ""

-#: src/common/WiFiSettings/WiFiForm.js:284
+#: src/common/WiFiSettings/WiFiForm.js:303
 msgid "Custom"
 msgstr ""

@ -132,28 +142,28 @@ msgstr ""
 msgid "Download PDF"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:78
-#: src/common/WiFiSettings/WiFiSettings.js:94
+#: src/common/WiFiSettings/WiFiSettings.js:82
+#: src/common/WiFiSettings/WiFiSettings.js:98
 msgid "SSID can't be longer than 32 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:79
-#: src/common/WiFiSettings/WiFiSettings.js:96
+#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:100
 msgid "SSID can't be empty"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:81
-#: src/common/WiFiSettings/WiFiSettings.js:98
+#: src/common/WiFiSettings/WiFiSettings.js:85
+#: src/common/WiFiSettings/WiFiSettings.js:102
 msgid "SSID can't be longer than 32 bytes"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:84
-#: src/common/WiFiSettings/WiFiSettings.js:101
+#: src/common/WiFiSettings/WiFiSettings.js:88
+#: src/common/WiFiSettings/WiFiSettings.js:105
 msgid "Password must contain at least 8 symbols"
 msgstr ""

-#: src/common/WiFiSettings/WiFiSettings.js:86
-#: src/common/WiFiSettings/WiFiSettings.js:105
+#: src/common/WiFiSettings/WiFiSettings.js:90
+#: src/common/WiFiSettings/WiFiSettings.js:109
 msgid "Password must not contain more than 63 symbols"
 msgstr ""

--- a/translations/es/LC_MESSAGES/forisjs.po
+++ b/translations/es/LC_MESSAGES/forisjs.po
@ -7,17 +7,17 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-05-20 15:42+0200\n"
-"PO-Revision-Date: 2020-05-25 13:41+0000\n"
-"Last-Translator: Eduardo Cuthbert <elguber@gmail.com>\n"
+"POT-Creation-Date: 2022-12-02 15:54+0100\n"
+"PO-Revision-Date: 2022-09-11 17:15+0000\n"
+"Last-Translator: Dan Cybersec <dan.cybersec@protonmail.com>\n"
 "Language: es\n"
-"Language-Team: Spanish "
-"<https://hosted.weblate.org/projects/turris/reforis/es/>\n"
-"Plural-Forms: nplurals=2; plural=n != 1\n"
+"Language-Team: Spanish <https://hosted.weblate.org/projects/turris/foris-"
+"js/es/>\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"
-"Generated-By: Babel 2.9.0\n"
+"Generated-By: Babel 2.11.0\n"

 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@ -39,48 +39,48 @@ msgstr ""

 #: src/bootstrap/CopyInput.js:55
 msgid "Copied!"
-msgstr ""
+msgstr "¡Copiado!"

 #: src/bootstrap/CopyInput.js:55
 msgid "Copy"
-msgstr ""
+msgstr "Copiar"

 #: src/common/RebootButton.js:27
 msgid "Reboot request failed."
-msgstr ""
+msgstr "La petición de reinicio ha fallado."

 #: src/common/RebootButton.js:51
 msgid "Reboot"
-msgstr ""
+msgstr "Reiniciar"

 #: src/common/RebootButton.js:66
 msgid "Warning!"
-msgstr ""
+msgstr "¡Atención!"

 #: src/common/RebootButton.js:68
 msgid "Are you sure you want to restart the router?"
-msgstr ""
+msgstr "¿Estás seguro de que quieres reiniciar el router?"

 #: src/common/RebootButton.js:71
 msgid "Cancel"
-msgstr ""
+msgstr "Cancelar"

 #: src/common/RebootButton.js:73
 msgid "Confirm reboot"
-msgstr ""
+msgstr "Confirmar reinicio"

 #: src/common/WiFiSettings/ResetWiFiSettings.js:38
 msgid "An error occurred during resetting Wi-Fi settings."
-msgstr ""
+msgstr "Ocurrió un error durante el reseteo de los ajustes Wi-Fi."

 #: src/common/WiFiSettings/ResetWiFiSettings.js:41
 msgid "Wi-Fi settings are set to defaults."
-msgstr ""
+msgstr "Los ajustes Wi-Fi se han definido por defecto."

 #: src/common/WiFiSettings/ResetWiFiSettings.js:55
 #: src/common/WiFiSettings/ResetWiFiSettings.js:69
 msgid "Reset Wi-Fi Settings"
-msgstr ""
+msgstr "Resetear los ajustes Wi-Fi"

 #: src/common/WiFiSettings/ResetWiFiSettings.js:57
 msgid ""
@ -88,146 +88,161 @@ msgid ""
 "Fi settings. Note that this will remove the current Wi-Fi configuration "
 "and restore the default values."
 msgstr ""
+"Si cierto número de tarjetas inalámbricas no coincide, puedes intentar a "
+"resetar los ajustes Wi-Fi. Ten en cuenta que esto eliminará la "
+"configuración Wi-Fi actual, y restaurará los ajustes por defecto."

 #: src/common/WiFiSettings/WiFiForm.js:95
 msgid "Wi-Fi ${deviceID + 1}"
-msgstr ""
+msgstr "Wi-Fi ${deviceID + 1}"

 #: src/common/WiFiSettings/WiFiForm.js:132
 #: src/common/WiFiSettings/WiFiGuestForm.js:80
 msgid "Password"
-msgstr ""
+msgstr "Contraseña"

 #: src/common/WiFiSettings/WiFiForm.js:146
 msgid "Hide SSID"
-msgstr ""
+msgstr "Ocultar SSID"

 #: src/common/WiFiSettings/WiFiForm.js:186
 msgid "802.11n/ac/ax mode"
-msgstr ""
+msgstr "Modo 802.11n/ac/ax"

 #: src/common/WiFiSettings/WiFiForm.js:199
 msgid "Channel"
-msgstr ""
+msgstr "Canal"

 #: src/common/WiFiSettings/WiFiForm.js:211
 msgid "Encryption"
+msgstr "Cifrado"
+
+#: src/common/WiFiSettings/WiFiForm.js:226
+msgid "Disable Management Frame Protection"
 msgstr ""

-#: src/common/WiFiSettings/WiFiForm.js:243
+#: src/common/WiFiSettings/WiFiForm.js:227
+msgid ""
+"In case you have trouble connecting to WiFi Access Point, try disabling "
+"Management Frame Protection."
+msgstr ""
+
+#: src/common/WiFiSettings/WiFiForm.js:262
 msgid "auto"
-msgstr ""
+msgstr "automático"

-#: src/common/WiFiSettings/WiFiForm.js:284
+#: src/common/WiFiSettings/WiFiForm.js:303
 msgid "Custom"
-msgstr ""
+msgstr "Personalizado"

 #: src/common/WiFiSettings/WiFiGuestForm.js:42
 msgid "Enable Guest Wi-Fi"
-msgstr ""
+msgstr "Activar el modo Wi-Fi de invitados"

 #: src/common/WiFiSettings/WiFiQRCode.js:71
 msgid "Wi-Fi QR Code"
-msgstr ""
+msgstr "Código QR Wi-Fi"

 #: src/common/WiFiSettings/WiFiQRCode.js:91
 msgid "Download PDF"
-msgstr ""
+msgstr "Descargar PDF"

-#: src/common/WiFiSettings/WiFiSettings.js:78
-#: src/common/WiFiSettings/WiFiSettings.js:94
-msgid "SSID can't be longer than 32 symbols"
-msgstr ""
-
-#: src/common/WiFiSettings/WiFiSettings.js:79
-#: src/common/WiFiSettings/WiFiSettings.js:96
-msgid "SSID can't be empty"
-msgstr ""
-
-#: src/common/WiFiSettings/WiFiSettings.js:81
+#: src/common/WiFiSettings/WiFiSettings.js:82
 #: src/common/WiFiSettings/WiFiSettings.js:98
+msgid "SSID can't be longer than 32 symbols"
+msgstr "El SSID no puede ser más largo que 32 símbolos"
+
+#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:100
+msgid "SSID can't be empty"
+msgstr "El SSID no puede estar vacío"
+
+#: src/common/WiFiSettings/WiFiSettings.js:85
+#: src/common/WiFiSettings/WiFiSettings.js:102
 msgid "SSID can't be longer than 32 bytes"
-msgstr ""
+msgstr "El SSID no puede ser más largo que 32 bytes"

-#: src/common/WiFiSettings/WiFiSettings.js:84
-#: src/common/WiFiSettings/WiFiSettings.js:101
-msgid "Password must contain at least 8 symbols"
-msgstr ""
-
-#: src/common/WiFiSettings/WiFiSettings.js:86
+#: src/common/WiFiSettings/WiFiSettings.js:88
 #: src/common/WiFiSettings/WiFiSettings.js:105
+msgid "Password must contain at least 8 symbols"
+msgstr "La contraseña debe contener al menos 8 símbolos"
+
+#: src/common/WiFiSettings/WiFiSettings.js:90
+#: src/common/WiFiSettings/WiFiSettings.js:109
 msgid "Password must not contain more than 63 symbols"
-msgstr ""
+msgstr "La contraseña no debe contener más de 63 símbolos"

 #: src/common/WiFiSettings/constants.js:9
 msgid "Disabled"
-msgstr ""
+msgstr "Desactivado"

 #: src/common/WiFiSettings/constants.js:10
 msgid "802.11n - 20 MHz wide channel"
-msgstr ""
+msgstr "802.11n - ancho de canal de 20 MHz"

 #: src/common/WiFiSettings/constants.js:11
 msgid "802.11n - 40 MHz wide channel"
-msgstr ""
+msgstr "802.11n - ancho de canal de 40 MHz"

 #: src/common/WiFiSettings/constants.js:12
 msgid "802.11ac - 20 MHz wide channel"
-msgstr ""
+msgstr "802.11ac - ancho de canal de 20 MHz"

 #: src/common/WiFiSettings/constants.js:13
 msgid "802.11ac - 40 MHz wide channel"
-msgstr ""
+msgstr "802.11ac - ancho de canal de 40 MHz"

 #: src/common/WiFiSettings/constants.js:14
 msgid "802.11ac - 80 MHz wide channel"
-msgstr ""
+msgstr "802.11ac - ancho de canal de 80 MHz"

 #: src/common/WiFiSettings/constants.js:15
 msgid "802.11ac - 160 MHz wide channel"
-msgstr ""
+msgstr "802.11ac - ancho de canal de 160 MHz"

 #: src/common/WiFiSettings/constants.js:16
 msgid "802.11ax - 20 MHz wide channel"
-msgstr ""
+msgstr "802.11ax - ancho de canal de 20 MHz"

 #: src/common/WiFiSettings/constants.js:17
 msgid "802.11ax - 40 MHz wide channel"
-msgstr ""
+msgstr "802.11ax - ancho de canal de 40 MHz"

 #: src/common/WiFiSettings/constants.js:18
 msgid "802.11ax - 80 MHz wide channel"
-msgstr ""
+msgstr "802.11ax - ancho de canal de 80 MHz"

 #: src/common/WiFiSettings/constants.js:19
 msgid "802.11ax - 160 MHz wide channel"
-msgstr ""
+msgstr "802.11ax - ancho de canal de 160 MHz"

 #: src/common/WiFiSettings/constants.js:26
 msgid "WPA3 only"
-msgstr ""
+msgstr "WPA3 únicamente"

 #: src/common/WiFiSettings/constants.js:27
 msgid "WPA3 with WPA2 as fallback (default)"
-msgstr ""
+msgstr "WPA3 con WPA2 como respaldo (por defecto)"

 #: src/common/WiFiSettings/constants.js:28
 msgid "WPA2 only"
-msgstr ""
+msgstr "WPA2 únicamente"

 #: src/common/WiFiSettings/constants.js:31
 msgid ""
 "SSID which contains non-standard characters could cause problems on some "
 "devices."
 msgstr ""
+"Un SSID que contiene caracteres no estándar puede causar problemas en "
+"ciertos dispositivos."

 #: src/common/WiFiSettings/constants.js:34
 msgid "WPA2/3 pre-shared key, that is required to connect to the network."
-msgstr ""
+msgstr "Clave pre-compartida WPA2/3, que es requerida para conectar a la red."

 #: src/common/WiFiSettings/constants.js:37
 msgid "If set, network is not visible when scanning for available networks."
-msgstr ""
+msgstr "Si está definida, la red no es visible al escanear redes disponibles."

 #: src/common/WiFiSettings/constants.js:40
 msgid ""
@ -236,6 +251,11 @@ msgid ""
 "supported by all your devices. It usually has less interference, but the "
 "signal does not carry so well indoors."
 msgstr ""
+"La banda de 2.4 GHz es soportada por un mayor número de clientes, pero "
+"tiende a sufrir más interferencias. La banda de 5 GHz es un nuevo "
+"estándar y puede que no esté soportado por todos tus dispositivos. Aunque"
+" normalmente tiene sufre menos interferencias, la señal tiene un alcance "
+"limitado en interiores."

 #: src/common/WiFiSettings/constants.js:43
 msgid ""
@ -244,6 +264,10 @@ msgid ""
 "interference in the network. If you don't know what to choose, use the "
 "default option with 20 MHz wide channel."
 msgstr ""
+"Cambia esto para ajustar el modo de operación 802.11n/ac/ax. 802.11n con "
+"un ancho de canal de 40 MHz puede producir un mayor rendimiento pero "
+"puede causar más interferencias en la red. Si no estás seguro de qué "
+"elegir, usa la opción por defecto con el ancho de canal de 20 MHz."

 #: src/common/WiFiSettings/constants.js:46
 msgid ""
@ -253,6 +277,11 @@ msgid ""
 "router. Parameters of the guest network can be set in the Guest network "
 "tab."
 msgstr ""
+"Activa el Wi-Fi para invitados, que se encuentra aislado de la red local."
+" Los dispositivos conectados a esta red pueden acceder a internet, pero "
+"no pueden acceder a otros dispositivos o a la interfaz de configuración "
+"del router. Los parámetros de la red de invitados pueden configurarse en "
+"la pestaña de red de invitados."

 #: src/common/WiFiSettings/constants.js:49
 msgid ""
@ -261,65 +290,69 @@ msgid ""
 "without WPA3 support require older WPA2. If you experience issues with "
 "connecting older devices, try to enable WPA2."
 msgstr ""
+"El estándar WPA3 es el nuevo método más seguro de cifrado que se aconseja"
+" utilizar con cualquier dispositivo que lo soporte. Los dispositivos más "
+"antiguos sin soporte para WPA3 necesitan utilizar WPA2. Si encuentras "
+"problemas al intentar conectar dispositivos antiguos, prueba a activar "
+"WPA2."

 #: src/form/components/ForisForm.js:121
 msgid "Settings saved successfully"
-msgstr "Configuraciòn salvada satisfactoriamente"
+msgstr "Los ajustes se han guardado correctamente"

 #: src/form/components/ForisForm.js:183
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
-msgstr "Los cambios hechos podrìan no salvarse. Està seguro que quiere salir?"
+msgstr ""
+"Los cambios que has realizado podrían no haberse guardado. ¿Estás seguro "
+"de que quieres salir?"

 #: src/form/components/SubmitButton.js:31
-#, fuzzy
 msgid "Updating"
 msgstr "Actualizando"

 #: src/form/components/SubmitButton.js:34
-#, fuzzy
 msgid "Load settings"
-msgstr "Cargando configuraciòn"
+msgstr "Cargando los ajustes"

 #: src/form/components/SubmitButton.js:37
 msgid "Save"
-msgstr "Salvar"
+msgstr "Guardar"

 #: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
-msgstr "Error ocurrido mientras se recuperaban los datos."
+msgstr "Se ha producido un error mientras se recuperaban los datos."

 #: src/utils/validations.js:13
 msgid "This is not a valid IPv4 address."
-msgstr "Esto no es una direcciòn IPv4 vàlida."
+msgstr "Esto no es una dirección IPv4 válida."

 #: src/utils/validations.js:14
 msgid "This is not a valid IPv6 address."
-msgstr "Esto no es una direcciòn IPv6 vàlida."
+msgstr "Esto no es una dirección IPv6 válida."

 #: src/utils/validations.js:15
 msgid "This is not a valid IPv6 prefix."
-msgstr "Esto no es un prefijo IPv6 vàlido."
+msgstr "Esto no es un prefijo IPv6 válido."

 #: src/utils/validations.js:16
 msgid "This is not a valid domain name."
-msgstr "Esto no es un nombre de dominio vàlido."
+msgstr "Esto no es un nombre de dominio válido."

 #: src/utils/validations.js:17
-#, fuzzy
 msgid "This is not a valid hostname."
-msgstr "Esto no es un nombre de dominio vàlido."
+msgstr "Esto no es un nombre de dominio válido."

 #: src/utils/validations.js:18
 msgid "This is not a valid DUID."
-msgstr "Este no es un DUID vàlido."
+msgstr "Este no es un DUID válido."

 #: src/utils/validations.js:19
 msgid "This is not a valid MAC address."
-msgstr "Esta no es una direcciòn MAC vàlida."
+msgstr "Esta no es una dirección MAC válida."

 #: src/utils/validations.js:20
 msgid "Doesn't contain a list of emails separated by commas."
-msgstr "No contiene una lista de E-mails separados por comas."
+msgstr "No contiene una lista de correos electrónicos separados por comas."

 #~ msgid ""
 #~ "\n"
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Aleksandr Gumroian	8e0c60a576	Merge branch 'dev' into 'master' Dev See merge request turris/reforis/foris-js!225	2024-06-28 14:22:41 +02:00
Aleksandr Gumroian	928cf716d6	Merge branch 'bump-602' into 'dev' Bump v6.0.2 See merge request turris/reforis/foris-js!224	2024-06-28 13:08:32 +02:00
Aleksandr Gumroian	bd8d5bc8cb	Bump v6.0.2 * Add className prop to CheckBox and Radio components	2024-06-28 14:03:19 +03:00
Aleksandr Gumroian	804e0022eb	Update Snapshots	2024-06-28 10:30:25 +03:00
Aleksandr Gumroian	d69398ac06	Add className prop to CheckBox and Radio components	2024-06-28 10:29:41 +03:00
Aleksandr Gumroian	e297410f16	Merge branch 'dev' into 'master' Dev See merge request turris/reforis/foris-js!223	2024-06-26 15:05:29 +02:00
Aleksandr Gumroian	17e5a959f7	Merge branch 'bump-601' into 'dev' Bump v6.0.1 See merge request turris/reforis/foris-js!222	2024-06-26 15:00:58 +02:00
Aleksandr Gumroian	3b48510246	Bump v6.0.1 * Add className prop to Switch component * Update dependencies in package.json * NPM audit fix	2024-06-26 15:59:26 +03:00
Aleksandr Gumroian	8bac4f18f4	NPM audit fix	2024-06-26 15:57:31 +03:00
Aleksandr Gumroian	6cb2a5388e	Update dependencies in package.json Update Webpack and Prettier to latest versions	2024-06-26 15:52:57 +03:00
Aleksandr Gumroian	0b02bead71	Merge branch 'add-classname-prop-to-switch' into 'dev' Add className prop to Switch See merge request turris/reforis/foris-js!221	2024-06-26 14:24:49 +02:00
Aleksandr Gumroian	12c6d05ca6	Update Snapshots	2024-06-26 14:11:54 +03:00
Aleksandr Gumroian	923bbab6d5	Add className prop to Switch component	2024-06-26 14:11:16 +03:00
Aleksandr Gumroian	0ea5d43c75	Merge branch 'dev' into 'master' Bump v6.0.0 See merge request turris/reforis/foris-js!220	2024-06-11 14:29:46 +02:00
Aleksandr Gumroian	c209796118	Merge branch 'bump-version-600' into 'dev' Bump v6.0.0 See merge request turris/reforis/foris-js!219	2024-06-11 14:10:20 +02:00
Aleksandr Gumroian	bf7e5303e9	Bump v6.0.0 * Add CHANGELOG.md * Add JS_DIR variable to Makefile * Add support for shared reForis ESLint configuration * Update dependencies in package.json * Update Spinner.css styles for better positioning and responsiveness * Migrate to Bootstrap 5 * NPM audit fix * Other small improvements	2024-06-11 14:02:24 +02:00
Aleksandr Gumroian	59b3130277	Add CHANGELOG.md	2024-06-10 18:03:41 +02:00
Aleksandr Gumroian	4ca07dceb0	Fix tests	2024-06-10 16:28:25 +02:00
Aleksandr Gumroian	912f8facdb	Fix linting issues	2024-06-10 16:28:25 +02:00
Aleksandr Gumroian	42fb16d066	Update Snapshots	2024-06-10 16:28:24 +02:00
Aleksandr Gumroian	cd9eb80e9c	NPM audit fix	2024-06-10 16:28:24 +02:00
Aleksandr Gumroian	5a77a22755	Update dependencies in package.json	2024-06-10 16:28:23 +02:00
Aleksandr Gumroian	3fa5ab7c07	Merge branch 'remove-use-tooltip-hook' into 'dev' Remove useTooltip hook See merge request turris/reforis/foris-js!218	2024-04-30 13:39:29 +02:00
Aleksandr Gumroian	ff48d6ca36	Remove useTooltip hook	2024-04-30 13:37:25 +02:00
Aleksandr Gumroian	39257567d4	Merge branch 'update-bootstrap' into 'dev' Update Bootstrap library to version 5.3.x See merge request turris/reforis/foris-js!217	2024-04-29 15:28:09 +02:00
Aleksandr Gumroian	5ed48bf2a3	Update Snapshots	2024-04-29 15:19:22 +02:00
Aleksandr Gumroian	c8fbdc5bba	Fix tests	2024-04-29 15:19:21 +02:00
Aleksandr Gumroian	46bd8edcea	Add JS_DIR variable to Makefile	2024-04-29 15:19:20 +02:00
Aleksandr Gumroian	42fcc02d83	Update Bootstrap library to version 5.3.x	2024-04-29 15:19:20 +02:00
Aleksandr Gumroian	96785f0774	Merge branch 'fix-fullscreen-spinner' into 'dev' Update Spinner.css styles for better positioning and responsiveness See merge request turris/reforis/foris-js!216	2024-04-10 15:35:27 +02:00
Aleksandr Gumroian	7823bff6d9	Update Spinner.css styles for better positioning and responsiveness	2024-04-10 14:46:18 +02:00
Aleksandr Gumroian	bee4bee300	Merge branch 'dev' into 'master' Dev See merge request turris/reforis/foris-js!215	2024-01-19 19:56:06 +01:00
Aleksandr Gumroian	0fd7c08188	Merge branch 'update-dependencies' into 'dev' Bump v5.6.1 See merge request turris/reforis/foris-js!213	2024-01-19 19:33:46 +01:00
Aleksandr Gumroian	32630601c2	Bump v5.6.1 * Added & updated Weblate translations * Fixed loading state & button's layout * Updated bootstrap library to version 4.6.2 * Used custom reforis-image in GitLab CI/CD * NPM audit fix	2024-01-19 21:15:50 +03:00
Aleksandr Gumroian	03aad5498a	gitlab-ci: Use custom reforis-image	2024-01-19 21:15:50 +03:00
Aleksandr Gumroian	2f2b812ddb	NPM audit fix	2024-01-19 21:02:04 +03:00
Aleksandr Gumroian	c0bcd46b2b	Update bootstrap library to version 4.6.2	2024-01-19 20:49:13 +03:00
Aleksandr Gumroian	68ea8cf460	Merge branch 'update-translations' into 'dev' Add & update Weblate translations See merge request turris/reforis/foris-js!214	2024-01-19 18:41:57 +01:00
powerburner-nl	79fe68dba3	Translated using Weblate (Dutch) Currently translated at 26.0% (18 of 69 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/nl/	2024-01-04 22:08:39 +01:00
Erik Pfannenstein	683a8736a6	Translated using Weblate (German) Currently translated at 100.0% (69 of 69 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/de/	2024-01-04 22:08:39 +01:00
Lukas Jelinek	6631d4847b	Translated using Weblate (Czech) Currently translated at 100.0% (69 of 69 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/cs/	2023-11-23 17:03:52 +01:00
Lukas Jelinek	8887d0d68e	Translated using Weblate (Czech) Currently translated at 100.0% (69 of 69 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/cs/	2023-09-26 11:59:23 +00:00
Lukas Jelinek	390e4bdce8	Merge branch 'translations-september-2023' into 'master'	2023-09-25 14:52:27 +02:00
Kristoffer Grundström	5232b55cf6	Translated using Weblate (Swedish) Currently translated at 57.9% (40 of 69 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/sv/	2023-09-22 21:00:08 +00:00
Erik Pfannenstein	5823012c6e	Translated using Weblate (German) Currently translated at 98.5% (68 of 69 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/de/	2023-08-13 12:47:51 +02:00
Vri 🌈	e907a3a21f	Translated using Weblate (German) Currently translated at 63.7% (44 of 69 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/de/	2023-04-24 16:49:38 +02:00
František Bartoš	9e4cb4b417	Translated using Weblate (Czech) Currently translated at 76.8% (53 of 69 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/cs/	2023-04-16 15:52:11 +02:00
Arusekk	55f4d2ff15	Translated using Weblate (Polish) Currently translated at 36.2% (25 of 69 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/pl/	2023-03-07 17:37:51 +01:00
Michal Hrušecký	6b464783ed	Translated using Weblate (Czech) Currently translated at 72.4% (50 of 69 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/cs/	2023-03-03 14:40:04 +01:00
Allan Nordhøy	85ba270135	Translated using Weblate (Norwegian Bokmål) Currently translated at 73.9% (51 of 69 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/nb_NO/	2023-03-02 12:40:09 +01:00
Aleksandr Gumroian	80619fab3c	Merge branch 'fix-button-spinner' into 'dev' Button: Fix loading state & button's layout See merge request turris/reforis/foris-js!211	2023-02-15 18:55:02 +01:00
Aleksandr Gumroian	a1a47e0d0f	Update Snapshots	2023-01-24 19:41:54 +01:00
Aleksandr Gumroian	d49ff0150c	Button: Fix loading state & button's layout	2023-01-24 19:41:53 +01:00
Atec	a0f42906f5	Translated using Weblate (Slovak) Currently translated at 100.0% (69 of 69 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/sk/	2023-01-17 23:51:47 +01:00
Anselmo	bc1b6e7877	Translated using Weblate (Italian) Currently translated at 4.3% (3 of 69 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/it/	2023-01-01 00:48:44 +01:00
Aleksandr Gumroian	efb3fa80ce	Merge branch 'dev' into 'master' Dev See merge request turris/reforis/foris-js!210	2022-12-29 11:52:54 +01:00
Aleksandr Gumroian	9c3dcaf6b5	Merge branch 'bump-version-560' into 'dev' Bump v5.6.0 See merge request turris/reforis/foris-js!209	2022-12-29 11:45:58 +01:00
Aleksandr Gumroian	fb41c9629e	Bump v5.6.0 * Add & update Weblate translations * Add CustomizationContext and custom hook * Update caniuse-lite * Remove testUtils from .gitignore * Make ieee80211w_disabled as optional in WiFiForm * Move contexts in a context folder * NPM audit fix	2022-12-29 11:34:19 +01:00
Aleksandr Gumroian	620eee3f53	NPM audit fix	2022-12-29 11:33:47 +01:00
Aleksandr Gumroian	f6ec82609c	Merge branch 'update-translations' into 'dev' Add & update Weblate translations See merge request turris/reforis/foris-js!208	2022-12-28 16:27:48 +01:00
Aleksandr Gumroian	0b47c38f21	Merge branch 'fix-custom-context-mock' into 'dev' Fix custom context mock See merge request turris/reforis/foris-js!207	2022-12-28 16:09:20 +01:00
Aleksandr Gumroian	6183669c9b	Fix CustomizationContextMock for tests	2022-12-28 15:19:24 +01:00
Aleksandr Gumroian	f3694bb62c	Make ieee80211w_disabled as optional in WiFiForm	2022-12-28 15:18:42 +01:00
Aleksandr Gumroian	0f2344a005	Merge branch 'add-customization-context' into 'dev' Add CustomizationContext and custom hook See merge request turris/reforis/foris-js!183	2022-12-22 15:58:04 +01:00
Aleksandr Gumroian	f2ae6c4d0a	Move contexts in a context folder	2022-12-22 15:35:22 +01:00
Aleksandr Gumroian	f382e743aa	Update caniuse-lite	2022-12-22 15:35:22 +01:00
Aleksandr Gumroian	d71f4a7967	Remove testUtils from .gitignore Because the testUtils folder consists of useful utils for testing, we want to track changes in these files.	2022-12-22 15:35:21 +01:00
Aleksandr Gumroian	aeabc0bf06	Add info about CustomizationContext to the docs	2022-12-22 15:35:21 +01:00
Aleksandr Gumroian	46fe75d3cf	Add tests for CustomizationContext	2022-12-22 15:35:20 +01:00
Aleksandr Gumroian	c469d8dfde	Add CustomizationContext and custom hook As we want to share customization context between reForis & Plugins	2022-12-22 15:35:20 +01:00
Aleksandr Gumroian	f327428765	Add about endpoint to forisUrls	2022-12-22 15:35:19 +01:00
Алексей Леньшин	5a359661da	Translated using Weblate (Russian) Currently translated at 100.0% (69 of 69 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/ru/	2022-12-07 13:47:07 +01:00
Atec	3d30e2720e	Translated using Weblate (Slovak) Currently translated at 100.0% (69 of 69 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/sk/	2022-12-05 17:48:13 +01:00
Aleksandr Gumroian	badb043554	Merge branch 'dev' into 'master' Dev See merge request turris/reforis/foris-js!206	2022-12-02 16:15:39 +01:00
Aleksandr Gumroian	ab692e5c4d	Merge branch 'bump-550' into 'dev' Bump v5.5.0 See merge request turris/reforis/foris-js!205	2022-12-02 16:13:42 +01:00
Aleksandr Gumroian	2e398388b5	Bump v5.5.0 * Add & update translations * Add a switch to disable Management Frame Protection (802.11w) * Improved Foris JS documentation * NPM audit fix	2022-12-02 16:08:36 +01:00
Aleksandr Gumroian	5e539de03f	NPM audit fix	2022-12-02 16:06:52 +01:00
Aleksandr Gumroian	87f5557ef6	Merge branch 'update-translations' into 'master' Add & update Weblate translations See merge request turris/reforis/foris-js!204	2022-12-02 16:04:02 +01:00
Aleksandr Gumroian	f128c5c7d6	Update translation messages	2022-12-02 15:55:10 +01:00
Aleksandr Gumroian	7a633574da	Create translation messages	2022-12-02 15:54:45 +01:00
Allan Nordhøy	ee40697e2b	Translated using Weblate (Norwegian Bokmål) Currently translated at 76.1% (51 of 67 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/nb_NO/	2022-12-02 15:48:45 +01:00
Milo Ivir	4525c6bc66	Translated using Weblate (Croatian) Currently translated at 2.9% (2 of 67 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/hr/	2022-12-02 15:48:45 +01:00
Orest Worhacz	1d6987b21b	Translated using Weblate (Polish) Currently translated at 32.8% (22 of 67 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/pl/	2022-12-02 15:48:45 +01:00
Dan Cybersec	67fc2d32ce	Translated using Weblate (Spanish) Currently translated at 100.0% (67 of 67 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/es/	2022-12-02 15:48:45 +01:00
Aleksandr Gumroian	ab13b7aa08	Merge branch 'dev' into 'master' Master See merge request turris/reforis/foris-js!203	2022-12-02 15:48:41 +01:00
Aleksandr Gumroian	2a73502710	Merge branch 'feature/add-mfp-switch' into 'dev' Add a switch to disable Management Frame Protection (802.11w) Closes #26 See merge request turris/reforis/foris-js!202	2022-12-02 15:46:00 +01:00
Aleksandr Gumroian	003606cb8c	Update Snapshots	2022-12-01 17:13:44 +01:00
Aleksandr Gumroian	aeddd9ce74	Add a switch to disable Management Frame Protection (802.11w) In the case of WPA3 encryption Management Frame Protection is enabled by default in OpenWrt. But in some cases, it causes trouble with particular devices that fails to connect to WiFi Access Point - see: https://forum.turris.cz/t/turris-omnia-wifi-health/15704/15	2022-12-01 16:19:38 +01:00
Aleksandr Gumroian	a4fd74bf38	Merge branch 'improve-docs' into 'dev' Improve Foris JS documentation See merge request turris/reforis/foris-js!190	2022-09-16 16:19:00 +02:00
Aleksandr Gumroian	b0e2f62a41	Add Switch example to the docs	2022-09-16 16:10:44 +02:00
Aleksandr Gumroian	caf8af44d1	Improve docs development section	2022-09-16 16:10:44 +02:00
Aleksandr Gumroian	fd7cd49790	Add custom logo & favicon	2022-09-16 16:10:43 +02:00
Aleksandr Gumroian	d95fdf8517	Restructure styleguide configuration file * Add version of the library * Change colors * Set tocMode to "collapse"	2022-09-16 16:10:43 +02:00
Aleksandr Gumroian	68c560078b	Improve docs introduction section	2022-09-16 16:10:42 +02:00
Aleksandr Gumroian	83caf505d9	Improve description in package.json	2022-09-16 16:10:42 +02:00
Aleksandr Gumroian	f3a1090dbd	Merge branch 'dev' into 'master' Dev See merge request turris/reforis/foris-js!200	2022-06-03 11:46:19 +02:00
Aleksandr Gumroian	d588291f1c	Merge branch 'update-peer-deps' into 'dev' Bump v5.4.1 See merge request turris/reforis/foris-js!198	2022-06-02 18:31:05 +02:00
Aleksandr Gumroian	bc044df7a8	Bump v5.4.1 * Add Weblate translations * Update PropType peer dependency * NPM audit fix	2022-06-02 11:12:05 +02:00
Aleksandr Gumroian	b4c6a7fb70	NPM audit fix	2022-06-02 11:12:04 +02:00
Aleksandr Gumroian	d6563d2ffd	Update PropTypes library to v15.8.1 As reForis had updated library, there was a conflict in npm between different versions of the library. ``` npm ERR! While resolving: reforis_js@1.2.1 npm ERR! Found: prop-types@15.8.1 npm ERR! node_modules/prop-types npm ERR! prop-types@"^15.8.1" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer prop-types@"15.7.2" from foris@5.4.0 npm ERR! node_modules/foris npm ERR! foris@"5.4.0" from the root project ```	2022-06-02 11:08:02 +02:00
Aleksandr Gumroian	af90d8d09d	Merge branch 'update-translations' into 'master' Add Weblate translations See merge request turris/reforis/foris-js!199	2022-05-31 15:32:51 +02:00
Atec	006d6ce8d9	Translated using Weblate (Slovak) Currently translated at 100.0% (67 of 67 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/sk/	2022-05-30 08:14:50 +02:00
Алексей Леньшин	cee08f48ce	Translated using Weblate (Russian) Currently translated at 100.0% (67 of 67 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/ru/	2022-05-28 11:19:05 +02:00
Allan Nordhøy	2d0ca58057	Translated using Weblate (Norwegian Bokmål) Currently translated at 68.6% (46 of 67 strings) Translation: Turris/Foris JS Translate-URL: https://hosted.weblate.org/projects/turris/foris-js/nb_NO/	2022-05-25 15:20:48 +02:00
				`@ -0,0 +1 @@`
				`module.exports = require("eslint-config-reforis/prettier.config");`