fixup! Update Bootstrap library to version 5.3.x

.eslintrc.js

@@ -1,3 +1,8 @@
 module.exports = {
-    extends: "eslint-config-reforis",
+    extends: ["eslint-config-reforis", "prettier"],
+    plugins: ["prettier"],
+    rules: {
+        "prettier/prettier": ["error"],
+        "import/prefer-default-export": "off",
+    },
 };

.prettierrc

@@ -0,0 +1,11 @@
+{
+    "singleQuote": false,
+    "printWidth": 80,
+    "proseWrap": "always",
+    "tabWidth": 4,
+    "useTabs": false,
+    "trailingComma": "es5",
+    "bracketSpacing": true,
+    "jsxBracketSameLine": false,
+    "semi": true
+}

CHANGELOG.md

@@ -1,493 +0,0 @@
-# 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.5.0] - 2024-11-13
-
-### Added
-
--   Added & updated Weblate translations
--   Added RichTable component with pagination and sorting
--   Added @tanstack/react-table v8.20.5 to dependencies
-
-### Changed
-
--   Updated documentation
--   Replaced RebootButton with ActionButtonWithModal component
--   Fixed import path for CustomizationContextMock in customTestRender.js
-
-## [6.4.0] - 2024-10-02
-
-### Changed
-
--   Refactored Alert component to include dismiss animation and timeout
--   Refactored ThreeDotsMenu component to include additional props
-
-## [6.3.0] - 2024-09-27
-
-### Added
-
--   Added ThreeDotsMenu component
-
-### Changed
-
--   Refactored EmailInput description
--   Refactored RadioSet & ignore Radio component
--   Refactored npm package badge in introduction.md
--   NPM audit fix
-
-## [6.2.1] - 2024-09-25
-
-### Added
-
--   Added & updated Weblate translations
-
-### Changed
-
--   Refactored CopyInput component
--   Refactored ForisURLs to include new URLs for Overview page
-
-## [6.2.0] - 2024-09-20
-
-### Added
-
--   Added useFocusTrap hook
--   Added extendSession endpoint
-
-### Changed
-
--   Refactored Spinner.css to use CSS variable for color
--   Refactored Modal component to use useFocusTrap hook
--   Refactored Alert component to use useFocusTrap hook
-
-## [6.1.1] - 2024-08-30
-
-### Added
-
--   Added & updated Weblate translations
-
-### Changed
-
--   Updated icon color classes to use "text-secondary" instead of "text-dark"
--   Updated Wi-Fi QRCodeModal component to use new styles & added close button
--   Refactored WiFiGuestForm component to get rid of obsolete div element
--   NPM audit fix
-
-## [6.1.0] - 2024-08-23
-
-### Added
-
--   Added & updated Weblate translations
-
-### Changed
-
--   Migrated to Font Awesome v6
--   NPM audit fix
-
-## [6.0.3] - 2024-07-26
-
-### Changed
-
--   Updated WiFiQRCode component
-
-## [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.5.0...dev
-[6.5.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.4.0...v6.5.0
-[6.4.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.3.0...v6.4.0
-[6.3.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.2.1...v6.3.0
-[6.2.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.2.0...v6.2.1
-[6.2.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.1.1...v6.2.0
-[6.1.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.1.0...v6.1.1
-[6.1.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.0.3...v6.1.0
-[6.0.3]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.0.2...v6.0.3
-[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

Makefile

@@ -11,7 +11,6 @@ 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

docs/introduction.md

@@ -33,4 +33,5 @@ To install a specific version:
 npm install foris@version
 ```
 
-[![npm version](https://badge.fury.io/js/foris.svg)](https://badge.fury.io/js/foris)
+<a target="_blank" href="https://www.npmjs.com/package/foris">Check
+on<img width="100px" src="./docs/forisjs-npm.svg"></a>

jest.config.js

@@ -19,7 +19,6 @@ module.exports = {
     collectCoverageFrom: ["src/**/*.{js,jsx}"],
     coverageDirectory: "coverage",
     testPathIgnorePatterns: ["/node_modules/", "/__fixtures__/", "/dist/"],
-    testEnvironment: "jsdom",
     verbose: false,
     setupFilesAfterEnv: [
         "@testing-library/react/cleanup-after-each",

package.json

@@ -1,6 +1,6 @@
 {
     "name": "foris",
-    "version": "6.5.0",
+    "version": "5.6.1",
     "description": "Foris JS library is a set of components and utils for reForis application and plugins.",
     "author": "CZ.NIC, z.s.p.o.",
     "repository": {
@@ -14,17 +14,12 @@
     "license": "GPL-3.0",
     "main": "./src/index.js",
     "dependencies": {
-        "@fortawesome/fontawesome-svg-core": "^6.6.0",
+        "axios": "^0.21.1",
-        "@fortawesome/free-regular-svg-icons": "^6.6.0",
+        "immutability-helper": "3.0.1",
-        "@fortawesome/free-solid-svg-icons": "^6.6.0",
+        "moment": "^2.24.0",
-        "@fortawesome/react-fontawesome": "^0.2.2",
+        "qrcode.react": "^1.0.1",
-        "@tanstack/react-table": "^8.20.5",
+        "react-datetime": "^3.1.1",
-        "axios": "^1.7.2",
+        "react-uid": "^2.2.0"
-        "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": "^5.3.3",
@@ -34,32 +29,34 @@
         "react-router-dom": "^5.1.2"
     },
     "devDependencies": {
-        "@babel/cli": "^7.24.7",
+        "@babel/cli": "^7.12.10",
-        "@babel/core": "^7.24.7",
+        "@babel/core": "^7.9.0",
-        "@babel/plugin-transform-runtime": "^7.24.7",
+        "@babel/plugin-transform-runtime": "^7.9.0",
-        "@babel/preset-env": "^7.24.7",
+        "@babel/preset-env": "^7.9.0",
-        "@babel/preset-react": "^7.24.7",
+        "@babel/preset-react": "^7.9.4",
+        "@fortawesome/fontawesome-free": "^6.5.2",
         "@testing-library/react": "^8.0.9",
         "babel-loader": "^8.1.0",
         "babel-polyfill": "^6.26.0",
         "bootstrap": "^5.3.3",
         "css-loader": "^5.2.4",
-        "eslint": "^8.57.0",
+        "eslint": "^6.8.0",
-        "eslint-config-reforis": "^2.1.1",
+        "eslint-config-prettier": "^6.11.0",
+        "eslint-config-reforis": "^1.0.0",
+        "eslint-plugin-prettier": "^3.1.4",
         "file-loader": "^6.0.0",
-        "jest": "^29.7.0",
+        "jest": "^25.2.0",
-        "jest-environment-jsdom": "^29.7.0",
+        "jest-mock-axios": "^3.2.0",
-        "jest-mock-axios": "^4.7.3",
+        "moment-timezone": "^0.5.34",
-        "moment-timezone": "^0.5.45",
+        "prettier": "2.0.5",
-        "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": "^12.0.1",
+        "react-styleguidist": "^11.2.0",
-        "snapshot-diff": "^0.10.0",
+        "snapshot-diff": "^0.7.0",
         "style-loader": "^1.2.1",
-        "webpack": "^5.92.1"
+        "webpack": "^5.68.0"
     },
     "scripts": {
         "lint": "eslint src",

prettier.config.js

@@ -1 +0,0 @@
-module.exports = require("eslint-config-reforis/prettier.config");

src/api/hooks.js

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

src/bootstrap/Alert.js

@@ -1,16 +1,13 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
  */
 
-import React, { useRef, useEffect, useState } from "react";
+import React from "react";
-
 import PropTypes from "prop-types";
 
-import { useFocusTrap } from "../utils/hooks";
-
 export const ALERT_TYPES = Object.freeze({
     PRIMARY: "primary",
     SECONDARY: "secondary",
@@ -38,38 +35,18 @@ Alert.defaultProps = {
     type: ALERT_TYPES.DANGER,
 };
 
-function Alert({ type, onDismiss, children }) {
+export function Alert({ type, onDismiss, children }) {
-    const alertRef = useRef();
-    const [isVisible, setIsVisible] = useState(true);
-    useFocusTrap(alertRef, !!onDismiss);
-
-    useEffect(() => {
-        if (onDismiss) {
-            const timeout = setTimeout(() => setIsVisible(false), 7000);
-            return () => clearTimeout(timeout);
-        }
-    }, [onDismiss]);
-
-    const handleAnimationEnd = () => {
-        if (!isVisible && onDismiss) {
-            onDismiss();
-        }
-    };
-
     return (
         <div
-            ref={alertRef}
+            className={`alert alert-${type} ${
-            className={`alert alert-${type} ${isVisible ? "alert-fade-in" : "alert-slide-out-top"} ${
                 onDismiss ? "alert-dismissible" : ""
             }`.trim()}
-            role="alert"
-            onAnimationEnd={handleAnimationEnd}
         >
             {onDismiss && (
                 <button
                     type="button"
                     className="btn-close"
-                    onClick={() => setIsVisible(false)}
+                    onClick={onDismiss}
                     aria-label={_("Close")}
                 />
             )}
@@ -77,5 +54,3 @@ function Alert({ type, onDismiss, children }) {
         </div>
     );
 }
-
-export default Alert;

src/bootstrap/Button.js

@@ -1,12 +1,11 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2023 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 = {
@@ -25,7 +24,13 @@ Button.propTypes = {
     ]).isRequired,
 };
 
-function Button({ className, loading, forisFormSize, children, ...props }) {
+export function Button({
+    className,
+    loading,
+    forisFormSize,
+    children,
+    ...props
+}) {
     let buttonClass = className ? `btn ${className}` : "btn btn-primary";
     if (forisFormSize) {
         buttonClass = `${buttonClass} col-12 col-md-3 col-lg-2`;
@@ -48,5 +53,3 @@ function Button({ className, loading, forisFormSize, children, ...props }) {
         </button>
     );
 }
-
-export default Button;

src/bootstrap/CheckBox.js

@@ -1,12 +1,11 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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,19 +16,17 @@ CheckBox.propTypes = {
     helpText: PropTypes.string,
     /** Control if checkbox is clickable */
     disabled: PropTypes.bool,
-    /** Additional class name */
-    className: PropTypes.string,
 };
 
 CheckBox.defaultProps = {
     disabled: false,
 };
 
-function CheckBox({ label, helpText, disabled, className, ...props }) {
+export function CheckBox({ label, helpText, disabled, ...props }) {
     const uid = useUID();
 
     return (
-        <div className={`${className || "mb-3"} form-check`.trim()}>
+        <div className="mb-3 form-check">
             <input
                 className="form-check-input"
                 type="checkbox"
@@ -48,5 +45,3 @@ function CheckBox({ label, helpText, disabled, className, ...props }) {
         </div>
     );
 }
-
-export default CheckBox;

src/bootstrap/CopyInput.js

@@ -1,15 +1,13 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://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, { useState, useRef } from "react";
-
 import PropTypes from "prop-types";
-
+import { Input } from "./Input";
-import Input from "./Input";
 
 CopyInput.propTypes = {
     /** Field label. */
@@ -24,7 +22,7 @@ CopyInput.propTypes = {
     readOnly: PropTypes.bool,
 };
 
-function CopyInput({ value, ...props }) {
+export function CopyInput({ value, ...props }) {
     const inputTextRef = useRef();
     const [isCopied, setIsCopied] = useState(false);
 
@@ -48,6 +46,7 @@ function CopyInput({ value, ...props }) {
 
     return (
         <Input type="text" value={value} ref={inputTextRef} {...props}>
+            <div className="input-group-append">
                 <button
                     className="btn btn-outline-secondary"
                     type="button"
@@ -55,8 +54,7 @@ function CopyInput({ value, ...props }) {
                 >
                     <span>{isCopied ? _("Copied!") : _("Copy")}</span>
                 </button>
+            </div>
         </Input>
     );
 }
-
-export default CopyInput;

src/bootstrap/DataTimeInput.js

@@ -1,19 +1,18 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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. */
@@ -38,7 +37,7 @@ DataTimeInput.propTypes = {
 const DEFAULT_DATE_FORMAT = "YYYY-MM-DD";
 const DEFAULT_TIME_FORMAT = "HH:mm:ss";
 
-function DataTimeInput({
+export function DataTimeInput({
     value,
     onChange,
     isValidDate,
@@ -47,13 +46,13 @@ function DataTimeInput({
     children,
     ...props
 }) {
-    const renderInput = (datetimeProps) => {
+    function renderInput(datetimeProps) {
         return (
             <Input {...props} {...datetimeProps}>
                 {children}
             </Input>
         );
-    };
+    }
 
     return (
         <Datetime
@@ -71,5 +70,3 @@ function DataTimeInput({
         />
     );
 }
-
-export default DataTimeInput;

src/bootstrap/DownloadButton.js

@@ -1,12 +1,11 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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 = {
@@ -22,7 +21,7 @@ DownloadButton.defaultProps = {
     className: "btn-primary",
 };
 
-function DownloadButton({ href, className, children, ...props }) {
+export function DownloadButton({ href, className, children, ...props }) {
     return (
         <a
             href={href}
@@ -34,5 +33,3 @@ function DownloadButton({ href, className, children, ...props }) {
         </a>
     );
 }
-
-export default DownloadButton;

src/bootstrap/EmailInput.js

@@ -6,14 +6,11 @@
  */
 
 import React from "react";
-
 import PropTypes from "prop-types";
 
-import Input from "./Input";
+import { Input } from "./Input";
 
-function EmailInput({ ...props }) {
+export const EmailInput = ({ ...props }) => <Input type="email" {...props} />;
-    return <Input type="email" {...props} />;
-}
 
 EmailInput.propTypes = {
     /** Field label. */
@@ -25,5 +22,3 @@ EmailInput.propTypes = {
     /** Email value. */
     value: PropTypes.string,
 };
-
-export default EmailInput;

src/bootstrap/EmailInput.md

@@ -6,7 +6,6 @@ All additional `props` are passed to the `<input type="email">` HTML component.
 
 ```js
 import { useState } from "react";
-import Button from "./Button";
 const [email, setEmail] = useState("Wrong email");
 <form onSubmit={(e) => e.preventDefault()}>
     <EmailInput
@@ -15,6 +14,6 @@ const [email, setEmail] = useState("Wrong email");
         helpText="Read the small text!"
         onChange={(event) => setEmail(event.target.value)}
     />
-    <Button type="submit">Try to submit</Button>
+    <button type="submit">Try to submit</button>
 </form>;
 ```

src/bootstrap/FileInput.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
@@ -8,8 +8,7 @@
 import React from "react";
 
 import PropTypes from "prop-types";
-
+import { Input } from "./Input";
-import Input from "./Input";
 
 FileInput.propTypes = {
     /** Field label. */
@@ -24,7 +23,7 @@ FileInput.propTypes = {
     multiple: PropTypes.bool,
 };
 
-function FileInput({ ...props }) {
+export function FileInput({ ...props }) {
     return (
         <Input
             type="file"
@@ -35,5 +34,3 @@ function FileInput({ ...props }) {
         />
     );
 }
-
-export default FileInput;

src/bootstrap/Input.js

@@ -6,12 +6,11 @@
  */
 
 import React, { forwardRef } from "react";
-
-import PropTypes from "prop-types";
 import { useUID } from "react-uid";
+import PropTypes from "prop-types";
 
 /** Base bootstrap input component. */
-const Input = forwardRef(
+export const Input = forwardRef(
     (
         {
             type,
@@ -61,8 +60,6 @@ const Input = forwardRef(
     }
 );
 
-Input.displayName = "Input";
-
 Input.propTypes = {
     type: PropTypes.string.isRequired,
     label: PropTypes.string.isRequired,
@@ -76,5 +73,3 @@ Input.propTypes = {
     labelClassName: PropTypes.string,
     groupClassName: PropTypes.string,
 };
-
-export default Input;

src/bootstrap/Modal.js

@@ -1,16 +1,15 @@
 /*
- * Copyright (C) 2020-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2020 CZ.NIC z.s.p.o. (http://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 { useClickOutside, useFocusTrap } from "../utils/hooks";
+import { Portal } from "../utils/Portal";
-import Portal from "../utils/Portal";
+import { useClickOutside } from "../utils/hooks";
 import "./Modal.css";
 
 Modal.propTypes = {
@@ -29,11 +28,10 @@ Modal.propTypes = {
 };
 
 export function Modal({ shown, setShown, scrollable, size, children }) {
-    const modalRef = useRef();
+    const dialogRef = useRef();
     let modalSize = "modal-";
 
-    useClickOutside(modalRef, () => setShown(false));
+    useClickOutside(dialogRef, () => setShown(false));
-    useFocusTrap(modalRef, shown);
 
     useEffect(() => {
         const handleEsc = (event) => {
@@ -66,13 +64,11 @@ export function Modal({ shown, setShown, scrollable, size, children }) {
     return (
         <Portal containerId="modal-container">
             <div
-                ref={modalRef}
                 className={`modal fade ${shown ? "show" : ""}`.trim()}
                 role="dialog"
-                aria-modal="true"
-                aria-labelledby="modal-title"
             >
                 <div
+                    ref={dialogRef}
                     className={`${modalSize.trim()} modal-dialog modal-dialog-centered ${
                         scrollable ? "modal-dialog-scrollable" : ""
                     }`.trim()}
@@ -93,7 +89,7 @@ ModalHeader.propTypes = {
 export function ModalHeader({ setShown, title }) {
     return (
         <div className="modal-header">
-            <h1 className="modal-title fs-5">{title}</h1>
+            <h5 className="modal-title">{title}</h5>
             <button
                 type="button"
                 className="btn-close"

src/bootstrap/NumberInput.js

@@ -1,18 +1,15 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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 { faMinus, faPlus } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import PropTypes from "prop-types";
 
-import Input from "./Input";
 import { useConditionalTimeout } from "../utils/hooks";
+import { Input } from "./Input";
 import "./NumberInput.css";
 
 NumberInput.propTypes = {
@@ -34,7 +31,7 @@ NumberInput.defaultProps = {
     value: 0,
 };
 
-function NumberInput({ onChange, inlineText, value, ...props }) {
+export function NumberInput({ onChange, inlineText, value, ...props }) {
     function updateValue(initialValue, difference) {
         onChange({ target: { value: initialValue + difference } });
     }
@@ -62,7 +59,7 @@ function NumberInput({ onChange, inlineText, value, ...props }) {
                 onMouseUp={() => enableIncrease(false)}
                 aria-label="Increase"
             >
-                <FontAwesomeIcon icon={faPlus} />
+                <i className="fas fa-plus" />
             </button>
             <button
                 type="button"
@@ -71,10 +68,8 @@ function NumberInput({ onChange, inlineText, value, ...props }) {
                 onMouseUp={() => enableDecrease(false)}
                 aria-label="Decrease"
             >
-                <FontAwesomeIcon icon={faMinus} />
+                <i className="fas fa-minus" />
             </button>
         </Input>
     );
 }
-
-export default NumberInput;

src/bootstrap/PasswordInput.js

@@ -1,17 +1,14 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://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, { useState } from "react";
-
-import { faEye, faEyeSlash } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import PropTypes from "prop-types";
 
-import Input from "./Input";
+import { Input } from "./Input";
 
 PasswordInput.propTypes = {
     /** Field label. */
@@ -28,7 +25,7 @@ PasswordInput.propTypes = {
     newPass: PropTypes.bool,
 };
 
-function PasswordInput({ withEye, newPass, ...props }) {
+export function PasswordInput({ withEye, newPass, ...props }) {
     const [isHidden, setHidden] = useState(true);
 
     return (
@@ -46,15 +43,11 @@ function PasswordInput({ withEye, newPass, ...props }) {
                         setHidden((shouldBeHidden) => !shouldBeHidden);
                     }}
                 >
-                    <FontAwesomeIcon
+                    <i
-                        icon={isHidden ? faEye : faEyeSlash}
+                        className={`fa ${isHidden ? "fa-eye" : "fa-eye-slash"}`}
-                        style={{ width: "1.25rem" }}
-                        className="text-secondary"
                     />
                 </button>
             )}
         </Input>
     );
 }
-
-export default PasswordInput;

src/bootstrap/Radio.js

@@ -1,48 +0,0 @@
-/*
- * Copyright (C) 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";
-
-Radio.propTypes = {
-    label: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.element,
-        PropTypes.node,
-        PropTypes.arrayOf(PropTypes.node),
-    ]).isRequired,
-    id: PropTypes.string.isRequired,
-    inline: PropTypes.bool,
-    helpText: PropTypes.string,
-    className: PropTypes.string,
-};
-
-function Radio({ label, id, helpText, inline, className, ...props }) {
-    return (
-        <div
-            className={`${className || "mb-3"} ${inline ? "form-check form-check-inline" : ""}`.trim()}
-        >
-            <input
-                id={id}
-                className="form-check-input me-2"
-                type="radio"
-                {...props}
-            />
-            <label className="form-check-label" htmlFor={id}>
-                {label}
-                {helpText && (
-                    <div className="form-text">
-                        <small>{helpText}</small>
-                    </div>
-                )}
-            </label>
-        </div>
-    );
-}
-
-export default Radio;

src/bootstrap/RadioSet.js

@@ -1,17 +1,14 @@
 /*
- * Copyright (C) 2020-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2020 CZ.NIC z.s.p.o. (http://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";
 
-import Radio from "./Radio";
-
 RadioSet.propTypes = {
     /** Name attribute of the input HTML tag. */
     name: PropTypes.string.isRequired,
@@ -39,7 +36,15 @@ RadioSet.propTypes = {
     inline: PropTypes.bool,
 };
 
-function RadioSet({ name, label, choices, value, helpText, inline, ...props }) {
+export function RadioSet({
+    name,
+    label,
+    choices,
+    value,
+    helpText,
+    inline,
+    ...props
+}) {
     const uid = useUID();
     const radios = choices.map((choice, key) => {
         const id = `${name}-${key}`;
@@ -75,4 +80,41 @@ function RadioSet({ name, label, choices, value, helpText, inline, ...props }) {
     );
 }
 
-export default RadioSet;
+Radio.propTypes = {
+    label: PropTypes.oneOfType([
+        PropTypes.string,
+        PropTypes.element,
+        PropTypes.node,
+        PropTypes.arrayOf(PropTypes.node),
+    ]).isRequired,
+    id: PropTypes.string.isRequired,
+    inline: PropTypes.bool,
+    helpText: PropTypes.string,
+};
+
+export function Radio({ label, id, helpText, inline, ...props }) {
+    return (
+        <>
+            <div
+                className={`mb-2 ${
+                    inline ? "form-check form-check-inline" : ""
+                }`.trim()}
+            >
+                <input
+                    id={id}
+                    className="form-check-input me-2"
+                    type="radio"
+                    {...props}
+                />
+                <label className="form-check-label" htmlFor={id}>
+                    {label}
+                    {helpText && (
+                        <div className="form-text">
+                            <small>{helpText}</small>
+                        </div>
+                    )}
+                </label>
+            </div>
+        </>
+    );
+}

src/bootstrap/Select.js

@@ -1,12 +1,11 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://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 { useUID } from "react-uid";
 
@@ -21,7 +20,7 @@ Select.propTypes = {
     helpText: PropTypes.string,
 };
 
-function Select({ label, choices, helpText, ...props }) {
+export function Select({ label, choices, helpText, ...props }) {
     const uid = useUID();
 
     const options = Object.keys(choices).map((choice) => (
@@ -46,5 +45,3 @@ function Select({ label, choices, helpText, ...props }) {
         </div>
     );
 }
-
-export default Select;

src/bootstrap/Spinner.css

@@ -9,7 +9,7 @@
 .spinner-wrapper .spinner-border {
     width: 4rem;
     height: 4rem;
-    color: var(--bs-primary);
+    color: #00a2e2;
 }
 
 .spinner-fs-background {

src/bootstrap/Spinner.js

@@ -6,7 +6,6 @@
  */
 
 import React from "react";
-
 import PropTypes from "prop-types";
 
 import "./Spinner.css";

src/bootstrap/Switch.js

@@ -1,12 +1,11 @@
 /*
- * Copyright (c) 2020-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (c) 2020 CZ.NIC z.s.p.o. (http://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";
 
@@ -19,21 +18,22 @@ Switch.propTypes = {
     ]).isRequired,
     helpText: PropTypes.string,
     switchHeading: PropTypes.bool,
-    className: PropTypes.string,
 };
 
-function Switch({ label, helpText, switchHeading, className, ...props }) {
+export function Switch({ label, helpText, switchHeading, ...props }) {
     const uid = useUID();
 
     return (
         <div
-            className={`form-check form-switch ${className || "mb-3"} ${
+            className={`form-check form-switch mb-3 ${
-                switchHeading ? "d-flex align-items-center" : ""
+                switchHeading ? "d-flex align-items-center" : null
             }`.trim()}
         >
             <input
                 type="checkbox"
-                className={`form-check-input ${switchHeading ? "me-2" : ""}`.trim()}
+                className={`form-check-input ${
+                    switchHeading ? "me-2" : ""
+                }`.trim()}
                 role="switch"
                 id={uid}
                 {...props}
@@ -49,5 +49,3 @@ function Switch({ label, helpText, switchHeading, className, ...props }) {
         </div>
     );
 }
-
-export default Switch;

src/bootstrap/TextInput.js

@@ -1,19 +1,16 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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";
 
-function TextInput({ ...props }) {
+export const TextInput = ({ ...props }) => <Input type="text" {...props} />;
-    return <Input type="text" {...props} />;
-}
 
 TextInput.propTypes = {
     /** Field label. */
@@ -23,5 +20,3 @@ TextInput.propTypes = {
     /** Help text message. */
     helpText: PropTypes.string,
 };
-
-export default TextInput;

src/bootstrap/ThreeDotsMenu.js

@@ -1,42 +0,0 @@
-/*
- * Copyright (C) 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 { faEllipsisVertical } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import PropTypes from "prop-types";
-
-import Button from "./Button";
-
-ThreeDotsMenu.propTypes = {
-    /** Menu items. */
-    children: PropTypes.arrayOf(PropTypes.node).isRequired,
-};
-
-function ThreeDotsMenu({ children, ...props }) {
-    return (
-        <div className="dropdown position-static" {...props}>
-            <Button
-                className="btn-sm btn-link text-body"
-                data-bs-toggle="dropdown"
-                aria-expanded="false"
-            >
-                <FontAwesomeIcon icon={faEllipsisVertical} />
-            </Button>
-            <ul className="dropdown-menu">
-                {children.map((child) => (
-                    <li key={child.key || child.props.id || Math.random()}>
-                        {child}
-                    </li>
-                ))}
-            </ul>
-        </div>
-    );
-}
-
-export default ThreeDotsMenu;

src/bootstrap/ThreeDotsMenu.md

@@ -1,40 +0,0 @@
-ThreeDotsMenu Bootstrap component is a dropdown menu that appears when the user
-clicks on three dots. It is used to display a list of actions that can be
-performed on a particular item.
-
-```js
-import { useState } from "react";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faEdit, faTrash } from "@fortawesome/free-solid-svg-icons";
-
-const threeDotsMenuItems = [
-    {
-        text: "Edit",
-        icon: faEdit,
-        onClick: () => {
-            alert("Edit clicked");
-        },
-    },
-    {
-        text: "Delete",
-        icon: faTrash,
-        onClick: () => {
-            alert("Delete clicked");
-        },
-    },
-];
-
-<ThreeDotsMenu>
-    {threeDotsMenuItems.map((item, index) => (
-        <button key={index} onClick={item.onClick} className="dropdown-item">
-            <FontAwesomeIcon
-                icon={item.icon}
-                className="me-1"
-                width="1rem"
-                size="sm"
-            />
-            {item.text}
-        </button>
-    ))}
-</ThreeDotsMenu>;
-```

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", () => {

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", () => {

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", () => {

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();

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", () => {

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 = [
     {

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",

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", () => {

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", () => {

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

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

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

@@ -2,10 +2,9 @@
 
 exports[`<NumberInput/> Render number input 1`] = `
 <div
-  class="mb-3"
+  class="form-group"
 >
   <label
-    class="form-label"
     for="1"
   >
     Test label
@@ -19,13 +18,16 @@ exports[`<NumberInput/> Render number input 1`] = `
       type="number"
       value="1"
     />
+    <div
+      class="input-group-append"
+    >
       <button
         aria-label="Increase"
         class="btn btn-outline-secondary"
         type="button"
       >
         <i
-        class="fa"
+          class="fas fa-plus"
         />
       </button>
       <button
@@ -34,16 +36,15 @@ exports[`<NumberInput/> Render number input 1`] = `
         type="button"
       >
         <i
-        class="fa"
+          class="fas fa-minus"
         />
       </button>
     </div>
-  <div
+  </div>
-    class="form-text"
+  <small
+    class="form-text text-muted"
   >
-    <small>
     Some help text
   </small>
-  </div>
 </div>
 `;

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

@@ -2,10 +2,9 @@
 
 exports[`<PasswordInput/> Render password input 1`] = `
 <div
-  class="mb-3"
+  class="form-group"
 >
   <label
-    class="form-label"
     for="1"
   >
     Test label
@@ -21,12 +20,10 @@ exports[`<PasswordInput/> Render password input 1`] = `
       value="Some password"
     />
   </div>
-  <div
+  <small
-    class="form-text"
+    class="form-text text-muted"
   >
-    <small>
     Some help text
   </small>
-  </div>
 </div>
 `;

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

@@ -2,7 +2,7 @@
 
 exports[`<RadioSet/> Render radio set 1`] = `
 <div
-  class="mb-3"
+  class="form-group"
 >
   <label
     class="d-block"
@@ -11,63 +11,61 @@ exports[`<RadioSet/> Render radio set 1`] = `
     Radios set label
   </label>
   <div
-    class="mb-3"
+    class="custom-control custom-radio"
   >
     <input
       checked=""
-      class="form-check-input me-2"
+      class="custom-control-input"
       id="test_name-0"
       name="test_name"
       type="radio"
       value="value"
     />
     <label
-      class="form-check-label"
+      class="custom-control-label"
       for="test_name-0"
     >
       label
     </label>
   </div>
   <div
-    class="mb-3"
+    class="custom-control custom-radio"
   >
     <input
-      class="form-check-input me-2"
+      class="custom-control-input"
       id="test_name-1"
       name="test_name"
       type="radio"
       value="another value"
     />
     <label
-      class="form-check-label"
+      class="custom-control-label"
       for="test_name-1"
     >
       another label
     </label>
   </div>
   <div
-    class="mb-3"
+    class="custom-control custom-radio"
   >
     <input
-      class="form-check-input me-2"
+      class="custom-control-input"
       id="test_name-2"
       name="test_name"
       type="radio"
       value="another on value"
     />
     <label
-      class="form-check-label"
+      class="custom-control-label"
       for="test_name-2"
     >
       another one  label
     </label>
   </div>
-  <div
+  <small
-    class="form-text"
+    class="form-text text-muted"
   >
-    <small>
     Some help text
   </small>
-  </div>
 </div>
 `;

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

@@ -3,16 +3,15 @@
 exports[`<Select/> Test with snapshot. 1`] = `
 <div>
   <div
-    class="mb-3"
+    class="form-group"
   >
     <label
-      class="form-label"
       for="1"
     >
       Test label
     </label>
     <select
-      class="form-select"
+      class="custom-select"
       id="1"
     >
       <option
@@ -31,13 +30,11 @@ exports[`<Select/> Test with snapshot. 1`] = `
         three
       </option>
     </select>
-    <div
+    <small
-      class="form-text"
+      class="form-text text-muted"
     >
-      <small>
       Help text
     </small>
   </div>
-  </div>
 </div>
 `;

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

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

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

@@ -2,10 +2,9 @@
 
 exports[`<TextInput/> Render text input 1`] = `
 <div
-  class="mb-3"
+  class="form-group"
 >
   <label
-    class="form-label"
     for="1"
   >
     Test label
@@ -20,12 +19,10 @@ exports[`<TextInput/> Render text input 1`] = `
       value="Some text"
     />
   </div>
-  <div
+  <small
-    class="form-text"
+    class="form-text text-muted"
   >
-    <small>
     Some help text
   </small>
-  </div>
 </div>
 `;

src/bootstrap/constants.js

@@ -1,12 +1,11 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2021 CZ.NIC z.s.p.o. (http://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 */
-const formFieldsSize = "card p-4 col-sm-12 col-lg-12 p-0 mb-4";
+// eslint-disable-next-line import/prefer-default-export
-const buttonFormFieldsSize = "col-sm-12 col-lg-12 p-0 mb-3";
+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";
-export { formFieldsSize, buttonFormFieldsSize };

src/common/ActionButtonWithModal/ActionButtonWithModal.js

@@ -1,135 +0,0 @@
-/*
- * 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";
-
-ActionButtonWithModal.propTypes = {
-    /** Component that triggers the action. */
-    actionTrigger: PropTypes.elementType.isRequired,
-    /** URL to send the action to. */
-    actionUrl: PropTypes.string.isRequired,
-    /** Title of the modal. */
-    modalTitle: PropTypes.string.isRequired,
-    /** Message of the modal. */
-    modalMessage: PropTypes.string.isRequired,
-    /** Text of the action button in the modal. */
-    modalActionText: PropTypes.string,
-    /** Props for the action button in the modal. */
-    modalActionProps: PropTypes.object,
-    /** Message to display on successful action. */
-    successMessage: PropTypes.string,
-    /** Message to display on failed action. */
-    errorMessage: PropTypes.string,
-};
-
-function ActionButtonWithModal({
-    actionTrigger: ActionTriggerComponent,
-    actionUrl,
-    modalTitle,
-    modalMessage,
-    modalActionText,
-    modalActionProps,
-    successMessage,
-    errorMessage,
-}) {
-    const [triggered, setTriggered] = useState(false);
-    const [modalShown, setModalShown] = useState(false);
-    const [triggerActionStatus, triggerAction] = useAPIPost(actionUrl);
-
-    const [setAlert] = useAlert();
-    useEffect(() => {
-        if (triggerActionStatus.state === API_STATE.SUCCESS) {
-            setAlert(
-                successMessage || _("Action successful."),
-                API_STATE.SUCCESS
-            );
-        }
-        if (triggerActionStatus.state === API_STATE.ERROR) {
-            setAlert(errorMessage || _("Action failed."));
-        }
-    }, [triggerActionStatus, setAlert, successMessage, errorMessage]);
-
-    const actionHandler = () => {
-        setTriggered(true);
-        triggerAction();
-        setModalShown(false);
-    };
-
-    return (
-        <>
-            <ActionModal
-                shown={modalShown}
-                setShown={setModalShown}
-                onAction={actionHandler}
-                title={modalTitle}
-                message={modalMessage}
-                actionText={modalActionText}
-                actionProps={modalActionProps}
-            />
-            <ActionTriggerComponent
-                loading={triggered}
-                disabled={triggered}
-                onClick={() => setModalShown(true)}
-            />
-        </>
-    );
-}
-
-ActionModal.propTypes = {
-    shown: PropTypes.bool.isRequired,
-    setShown: PropTypes.func.isRequired,
-    onAction: PropTypes.func.isRequired,
-    title: PropTypes.string.isRequired,
-    message: PropTypes.string.isRequired,
-    actionText: PropTypes.string,
-    actionProps: PropTypes.object,
-};
-
-function ActionModal({
-    shown,
-    setShown,
-    onAction,
-    title,
-    message,
-    actionText,
-    actionProps,
-}) {
-    return (
-        <Modal shown={shown} setShown={setShown}>
-            <ModalHeader setShown={setShown} title={title} />
-            <ModalBody>
-                <p className="mb-0">{message}</p>
-            </ModalBody>
-            <ModalFooter>
-                <Button
-                    className="btn-secondary"
-                    onClick={() => setShown(false)}
-                >
-                    {_("Cancel")}
-                </Button>
-                <Button onClick={onAction} {...actionProps}>
-                    {actionText || _("Confirm")}
-                </Button>
-            </ModalFooter>
-        </Modal>
-    );
-}
-
-export default ActionButtonWithModal;

src/common/ActionButtonWithModal/ActionButtonWithModal.md

@@ -1,39 +0,0 @@
-RebootButton component is a button that opens a modal dialog to confirm the
-reboot of the device.
-
-## Usage
-
-```jsx
-import React, { useEffect, createContext } from "react";
-
-import Button from "../../bootstrap/Button";
-import { AlertContextProvider } from "../../context/alertContext/AlertContext";
-import ActionButtonWithModal from "./ActionButtonWithModal";
-
-window.AlertContext = React.createContext();
-
-const RebootButtonExample = () => {
-    const ActionButton = (props) => {
-        return <Button {...props}>Action</Button>;
-    };
-
-    return (
-        <AlertContextProvider>
-            <div id="modal-container" />
-            <div id="alert-container" />
-            <ActionButtonWithModal
-                actionTrigger={ActionButton}
-                actionUrl="/reforis/api/action"
-                modalTitle="Warning!"
-                modalMessage="Are you sure you want to perform this action?"
-                modalActionText="Confirm action"
-                modalActionProps={{ className: "btn-danger" }}
-                successMessage="Action request succeeded."
-                errorMessage="Action request failed."
-            />
-        </AlertContextProvider>
-    );
-};
-
-<RebootButtonExample />;
-```

src/common/RebootButton.js

@@ -0,0 +1,78 @@
+/*
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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 { ForisURLs } from "../utils/forisUrls";
+
+import { Button } from "../bootstrap/Button";
+import { Modal, ModalHeader, ModalBody, ModalFooter } from "../bootstrap/Modal";
+import { useAlert } from "../context/alertContext/AlertContext";
+
+export function RebootButton(props) {
+    const [triggered, setTriggered] = useState(false);
+    const [modalShown, setModalShown] = useState(false);
+    const [triggerRebootStatus, triggerReboot] = useAPIPost(ForisURLs.reboot);
+
+    const [setAlert] = useAlert();
+    useEffect(() => {
+        if (triggerRebootStatus.state === API_STATE.ERROR) {
+            setAlert(_("Reboot request failed."));
+        }
+    });
+
+    function rebootHandler() {
+        setTriggered(true);
+        triggerReboot();
+        setModalShown(false);
+    }
+
+    return (
+        <>
+            <RebootModal
+                shown={modalShown}
+                setShown={setModalShown}
+                onReboot={rebootHandler}
+            />
+            <Button
+                className="btn-danger"
+                loading={triggered}
+                disabled={triggered}
+                onClick={() => setModalShown(true)}
+                {...props}
+            >
+                {_("Reboot")}
+            </Button>
+        </>
+    );
+}
+
+RebootModal.propTypes = {
+    shown: PropTypes.bool.isRequired,
+    setShown: PropTypes.func.isRequired,
+    onReboot: PropTypes.func.isRequired,
+};
+
+function RebootModal({ shown, setShown, onReboot }) {
+    return (
+        <Modal shown={shown} setShown={setShown}>
+            <ModalHeader setShown={setShown} title={_("Warning!")} />
+            <ModalBody>
+                <p>{_("Are you sure you want to restart the router?")}</p>
+            </ModalBody>
+            <ModalFooter>
+                <Button onClick={() => setShown(false)}>{_("Cancel")}</Button>
+                <Button className="btn-danger" onClick={onReboot}>
+                    {_("Confirm reboot")}
+                </Button>
+            </ModalFooter>
+        </Modal>
+    );
+}

src/common/RichTable/RichTable.js

@@ -1,84 +0,0 @@
-/*
- * 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, { useMemo, useState } from "react";
-
-import {
-    flexRender,
-    getCoreRowModel,
-    getSortedRowModel,
-    getPaginationRowModel,
-    useReactTable,
-} from "@tanstack/react-table";
-import PropTypes from "prop-types";
-
-import RichTableBody from "./RichTableBody";
-import RichTableHeader from "./RichTableHeader";
-import RichTablePagination from "./RichTablePagination";
-
-const fallbackData = [];
-
-RichTable.propTypes = {
-    /** Columns to be displayed in the table */
-    columns: PropTypes.array.isRequired,
-    /** Data to be displayed in the table */
-    data: PropTypes.array.isRequired,
-    /** Whether to display pagination */
-    withPagination: PropTypes.bool,
-    /** Number of rows per page */
-    pageSize: PropTypes.number,
-    /** Index of the current page */
-    pageIndex: PropTypes.number,
-};
-
-function RichTable({
-    columns,
-    data,
-    withPagination,
-    pageSize = 5,
-    pageIndex = 0,
-}) {
-    const tableColumns = useMemo(() => columns, [columns]);
-    const [tableData] = useState(data ?? fallbackData);
-    const [sorting, setSorting] = useState([]);
-    const [pagination, setPagination] = useState({
-        pageIndex,
-        pageSize,
-    });
-
-    const table = useReactTable({
-        data: tableData,
-        columns: tableColumns,
-        getCoreRowModel: getCoreRowModel(),
-        getSortedRowModel: getSortedRowModel(),
-        getPaginationRowModel: getPaginationRowModel(),
-        onPaginationChange: setPagination,
-        onSortingChange: setSorting,
-        state: {
-            sorting,
-            pagination,
-        },
-    });
-
-    return (
-        <div className="table-responsive">
-            <table className="table table-hover text-nowrap">
-                <RichTableHeader table={table} flexRender={flexRender} />
-                <RichTableBody table={table} flexRender={flexRender} />
-            </table>
-            {withPagination && (
-                <RichTablePagination
-                    table={table}
-                    tablePageSize={pageSize}
-                    allRows={tableData.length}
-                />
-            )}
-        </div>
-    );
-}
-
-export default RichTable;

src/common/RichTable/RichTable.md

@@ -1,135 +0,0 @@
-### Description
-
-Rich Table is a table component based on
-[Tanstack React Table](https://tanstack.com/table/). It adds some features to
-the table component, such as:
-
--   **Pagination**: The table can be paginated.
--   **Sorting**: The table can be sorted by columns.
--   **Row Expansion**: The table rows can be expanded. (To be implemented)
-
-### Example
-
-```js
-import RichTable from "./RichTable";
-
-const columns = [
-    {
-        header: "Name",
-        accessorKey: "name",
-    },
-    {
-        header: "Surname",
-        accessorKey: "surname",
-    },
-    {
-        header: "Age",
-        accessorKey: "age",
-    },
-    {
-        header: "Phone",
-        accessorKey: "phone",
-    },
-];
-
-const data = [
-    {
-        name: "John",
-        surname: "Coltrane",
-        age: 30,
-        phone: "123456789",
-    },
-    {
-        name: "Jane",
-        surname: "Doe",
-        age: 25,
-        phone: "987654321",
-    },
-    {
-        name: "Alice",
-        surname: "Smith",
-        age: 35,
-        phone: "123456789",
-    },
-    {
-        name: "Bob",
-        surname: "Smith",
-        age: 40,
-        phone: "987654321",
-    },
-    {
-        name: "Charlie",
-        surname: "Brown",
-        age: 45,
-        phone: "123456789",
-    },
-    {
-        name: "Daisy",
-        surname: "Brown",
-        age: 50,
-        phone: "987654321",
-    },
-    {
-        name: "Eve",
-        surname: "Johnson",
-        age: 55,
-        phone: "123456789",
-    },
-    {
-        name: "Frank",
-        surname: "Johnson",
-        age: 60,
-        phone: "987654321",
-    },
-    {
-        name: "Grace",
-        surname: "Williams",
-        age: 65,
-        phone: "123456789",
-    },
-    {
-        name: "Henry",
-        surname: "Williams",
-        age: 70,
-        phone: "987654321",
-    },
-    {
-        name: "Ivy",
-        surname: "Brown",
-        age: 75,
-        phone: "123456789",
-    },
-    {
-        name: "Jack",
-        surname: "Brown",
-        age: 80,
-        phone: "987654321",
-    },
-    {
-        name: "Kelly",
-        surname: "Johnson",
-        age: 85,
-        phone: "123456789",
-    },
-    {
-        name: "Liam",
-        surname: "Johnson",
-        age: 90,
-        phone: "987654321",
-    },
-    {
-        name: "Mia",
-        surname: "Williams",
-        age: 95,
-        phone: "123456789",
-    },
-    {
-        name: "Nathan",
-        surname: "Williams",
-        age: 100,
-        phone: "987654321",
-    },
-];
-
-<RichTable columns={columns} data={data} withPagination />;
-```

src/common/RichTable/RichTableBody.js

@@ -1,48 +0,0 @@
-/*
- * 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";
-
-RichTableBody.propTypes = {
-    table: propTypes.shape({
-        getRowModel: propTypes.func.isRequired,
-    }).isRequired,
-    flexRender: propTypes.func.isRequired,
-};
-
-function RichTableBody({ table, flexRender }) {
-    return (
-        <tbody>
-            {table.getRowModel().rows.map((row) => {
-                return (
-                    <tr key={row.id} className="align-middle">
-                        {row.getVisibleCells().map((cell) => {
-                            return (
-                                <td
-                                    key={cell.id}
-                                    {...(cell.column.columnDef.className && {
-                                        className:
-                                            cell.column.columnDef.className,
-                                    })}
-                                >
-                                    {flexRender(
-                                        cell.column.columnDef.cell,
-                                        cell.getContext()
-                                    )}
-                                </td>
-                            );
-                        })}
-                    </tr>
-                );
-            })}
-        </tbody>
-    );
-}
-
-export default RichTableBody;

src/common/RichTable/RichTableHeader.js

@@ -1,96 +0,0 @@
-/*
- * 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 {
-    faSquareCaretUp,
-    faSquareCaretDown,
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import propTypes from "prop-types";
-
-RichTableHeader.propTypes = {
-    table: propTypes.shape({
-        getHeaderGroups: propTypes.func.isRequired,
-    }).isRequired,
-    flexRender: propTypes.func.isRequired,
-};
-
-function RichTableHeader({ table, flexRender }) {
-    const getThTitle = (header) => {
-        if (!header.column.getCanSort()) return undefined;
-
-        const nextSortingOrder = header.column.getNextSortingOrder();
-        if (nextSortingOrder === "asc") return _("Sort ascending");
-        if (nextSortingOrder === "desc") return _("Sort descending");
-        return _("Clear sort");
-    };
-
-    return (
-        <thead className="thead-light">
-            {table.getHeaderGroups().map((headerGroup) => (
-                <tr key={headerGroup.id} role="row">
-                    {headerGroup.headers.map((header) => (
-                        <th
-                            key={header.id}
-                            colSpan={header.colSpan}
-                            {...(header.column.columnDef.headerClassName && {
-                                className:
-                                    header.column.columnDef.headerClassName,
-                            })}
-                        >
-                            {header.isPlaceholder ||
-                            header.column.columnDef.headerIsHidden ? (
-                                <div className="d-none" aria-hidden="true">
-                                    {flexRender(
-                                        header.column.columnDef.header,
-                                        header.getContext()
-                                    )}
-                                </div>
-                            ) : (
-                                <button
-                                    type="button"
-                                    className={`btn btn-link text-decoration-none text-reset fw-bold p-0 d-flex align-items-center
-                                                    ${
-                                                        header.column.getCanSort()
-                                                            ? "d-flex align-items-center"
-                                                            : ""
-                                                    }
-                                                `}
-                                    onClick={header.column.getToggleSortingHandler()}
-                                    title={getThTitle(header)}
-                                >
-                                    {flexRender(
-                                        header.column.columnDef.header,
-                                        header.getContext()
-                                    )}
-                                    {{
-                                        asc: (
-                                            <FontAwesomeIcon
-                                                icon={faSquareCaretUp}
-                                                className="ms-1 text-primary"
-                                            />
-                                        ),
-                                        desc: (
-                                            <FontAwesomeIcon
-                                                icon={faSquareCaretDown}
-                                                className="ms-1 text-primary"
-                                            />
-                                        ),
-                                    }[header.column.getIsSorted()] ?? null}
-                                </button>
-                            )}
-                        </th>
-                    ))}
-                </tr>
-            ))}
-        </thead>
-    );
-}
-
-export default RichTableHeader;

src/common/RichTable/RichTablePagination.js

@@ -1,128 +0,0 @@
-/*
- * 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, { useMemo } from "react";
-
-import {
-    faAngleLeft,
-    faAnglesLeft,
-    faAngleRight,
-    faAnglesRight,
-} from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import propTypes from "prop-types";
-
-RichTablePagination.propTypes = {
-    table: propTypes.shape({
-        getState: propTypes.func.isRequired,
-        getCanPreviousPage: propTypes.func.isRequired,
-        getCanNextPage: propTypes.func.isRequired,
-        firstPage: propTypes.func.isRequired,
-        previousPage: propTypes.func.isRequired,
-        nextPage: propTypes.func.isRequired,
-        lastPage: propTypes.func.isRequired,
-        setPageSize: propTypes.func.isRequired,
-        getPageCount: propTypes.func.isRequired,
-    }).isRequired,
-    tablePageSize: propTypes.number,
-    allRows: propTypes.number,
-};
-
-function RichTablePagination({ table, tablePageSize, allRows }) {
-    const { pagination } = table.getState();
-    const prevPagBtnDisabled = !table.getCanPreviousPage();
-    const nextPagBtnDisabled = !table.getCanNextPage();
-
-    const pageSizes = useMemo(() => {
-        return [tablePageSize ?? 5, 10, 25].filter(
-            (value, index, self) => self.indexOf(value) === index
-        );
-    }, [tablePageSize]);
-
-    const renderPaginationButton = (icon, ariaLabel, onClick, disabled) => (
-        <li
-            className={`page-item ${disabled ? "disabled" : ""}`}
-            style={{ cursor: disabled ? "not-allowed" : "pointer" }}
-        >
-            <button
-                type="button"
-                className="page-link"
-                aria-label={ariaLabel}
-                onClick={onClick}
-                disabled={disabled}
-            >
-                <FontAwesomeIcon icon={icon} />
-            </button>
-        </li>
-    );
-
-    return (
-        <nav
-            aria-label={_("Pagination navigation bar")}
-            className="d-flex gap-2 justify-content-start align-items-center mx-2 mb-1 text-nowrap"
-        >
-            <ul className="pagination pagination-sm mb-0">
-                {renderPaginationButton(
-                    faAnglesLeft,
-                    _("First page"),
-                    () => table.firstPage(),
-                    prevPagBtnDisabled
-                )}
-                {renderPaginationButton(
-                    faAngleLeft,
-                    _("Previous page"),
-                    () => table.previousPage(),
-                    prevPagBtnDisabled
-                )}
-                {renderPaginationButton(
-                    faAngleRight,
-                    _("Next page"),
-                    () => table.nextPage(),
-                    nextPagBtnDisabled
-                )}
-                {renderPaginationButton(
-                    faAnglesRight,
-                    _("Last page"),
-                    () => table.lastPage(),
-                    nextPagBtnDisabled
-                )}
-            </ul>
-            <span>
-                {_("Page")}&nbsp;
-                <span className="fw-bold">
-                    {pagination.pageIndex + 1}
-                    &nbsp;{_("of")}&nbsp;
-                    {table.getPageCount().toLocaleString()}
-                </span>
-            </span>
-            <div
-                className="vr mx-1 align-self-center"
-                style={{ height: "1.5rem" }}
-            />
-            <span>{_("Rows per page:")}</span>
-            <select
-                className="form-select form-select-sm w-auto"
-                aria-label={_("Select rows per page")}
-                value={pagination.pageSize}
-                onChange={(e) => {
-                    table.setPageSize(Number(e.target.value));
-                }}
-            >
-                {pageSizes.map((pageSize) => (
-                    <option key={pageSize} value={pageSize}>
-                        {pageSize}
-                    </option>
-                ))}
-                <option key={allRows} value={allRows}>
-                    {_("All")}
-                </option>
-            </select>
-        </nav>
-    );
-}
-
-export default RichTablePagination;

src/common/WiFiSettings/ResetWiFiSettings.js

@@ -1,27 +1,26 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://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, { useEffect, useState } from "react";
-
 import PropTypes from "prop-types";
 
+import { Button } from "../../bootstrap/Button";
+import { useAlert } from "../../context/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,
 };
 
-function ResetWiFiSettings({ ws, endpoint }) {
+export function ResetWiFiSettings({ ws, endpoint }) {
     const [isLoading, setIsLoading] = useState(false);
 
     useEffect(() => {
@@ -45,11 +44,11 @@ function ResetWiFiSettings({ ws, endpoint }) {
         }
     }, [postResetResponse, setAlert]);
 
-    const onReset = () => {
+    function onReset() {
         dismissAlert();
         setIsLoading(true);
         postReset();
-    };
+    }
 
     return (
         <div className={formFieldsSize}>
@@ -73,5 +72,3 @@ function ResetWiFiSettings({ ws, endpoint }) {
         </div>
     );
 }
-
-export default ResetWiFiSettings;

src/common/WiFiSettings/WiFiForm.js

@@ -6,17 +6,15 @@
  */
 
 import React from "react";
-
 import PropTypes from "prop-types";
-
+import { Switch } from "../../bootstrap/Switch";
-import { HELP_TEXTS, HTMODES, HWMODES, ENCRYPTIONMODES } from "./constants";
+import { PasswordInput } from "../../bootstrap/PasswordInput";
-import WifiGuestForm from "./WiFiGuestForm";
+import { RadioSet } from "../../bootstrap/RadioSet";
+import { Select } from "../../bootstrap/Select";
+import { TextInput } from "../../bootstrap/TextInput";
 import WiFiQRCode from "./WiFiQRCode";
-import PasswordInput from "../../bootstrap/PasswordInput";
+import WifiGuestForm from "./WiFiGuestForm";
-import RadioSet from "../../bootstrap/RadioSet";
+import { HELP_TEXTS, HTMODES, HWMODES, ENCRYPTIONMODES } from "./constants";
-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) })

src/common/WiFiSettings/WiFiGuestForm.js

@@ -1,19 +1,18 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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 { HELP_TEXTS } from "./constants";
+import { TextInput } from "../../bootstrap/TextInput";
+import { Switch } from "../../bootstrap/Switch";
+import { PasswordInput } from "../../bootstrap/PasswordInput";
 import WiFiQRCode from "./WiFiQRCode";
-import PasswordInput from "../../bootstrap/PasswordInput";
+import { HELP_TEXTS } from "./constants";
-import Switch from "../../bootstrap/Switch";
-import TextInput from "../../bootstrap/TextInput";
 
 WifiGuestForm.propTypes = {
     formData: PropTypes.shape({
@@ -68,11 +67,14 @@ export default function WifiGuestForm({
                         }))}
                         {...props}
                     >
+                        <div className="input-group-append">
                             <WiFiQRCode
                                 SSID={formData.SSID}
                                 password={formData.password}
                             />
+                        </div>
                     </TextInput>
+
                     <PasswordInput
                         withEye
                         label={_("Password")}

src/common/WiFiSettings/WiFiQRCode.js

@@ -1,30 +1,31 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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 { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import PropTypes from "prop-types";
 import QRCode from "qrcode.react";
+import PropTypes from "prop-types";
 
-import { createAndDownloadPdf, toQRCodeContent } from "./qrCodeHelpers";
+import { ForisURLs } from "../../utils/forisUrls";
-import Button from "../../bootstrap/Button";
+import { Button } from "../../bootstrap/Button";
 import {
     Modal,
     ModalBody,
     ModalFooter,
     ModalHeader,
 } from "../../bootstrap/Modal";
+import { createAndDownloadPdf, toQRCodeContent } from "./qrCodeHelpers";
 
 WiFiQRCode.propTypes = {
     SSID: PropTypes.string.isRequired,
     password: PropTypes.string.isRequired,
 };
 
+const QR_ICON_PATH = `${ForisURLs.static}/imgs/QR_icon.svg`;
+
 export default function WiFiQRCode({ SSID, password }) {
     const [modal, setModal] = useState(false);
 
@@ -38,11 +39,11 @@ export default function WiFiQRCode({ SSID, password }) {
                     setModal(true);
                 }}
             >
-                <FontAwesomeIcon
+                <img
-                    icon="fa-solid fa-qrcode"
+                    width="20"
-                    title={_("Show QR code")}
+                    src={QR_ICON_PATH}
-                    aria-label={_("Show QR code")}
+                    alt="QR"
-                    className="text-secondary"
+                    style={{ opacity: 0.67 }}
                 />
             </button>
             {modal ? (
@@ -70,35 +71,23 @@ function QRCodeModal({ shown, setShown, SSID, password }) {
             <ModalHeader setShown={setShown} title={_("Wi-Fi QR Code")} />
             <ModalBody>
                 <QRCode
-                    className="d-block mx-auto img-logo-black"
                     renderAs="svg"
                     value={toQRCodeContent(SSID, password)}
                     level="M"
                     size={350}
                     includeMargin
+                    style={{ display: "block", margin: "auto" }}
                 />
             </ModalBody>
             <ModalFooter>
                 <Button
-                    className="btn-secondary"
+                    className="btn-outline-primary"
-                    onClick={(e) => {
-                        e.preventDefault();
-                        setShown(false);
-                    }}
-                >
-                    {_("Close")}
-                </Button>
-                <Button
-                    className="btn-primary"
                     onClick={(e) => {
                         e.preventDefault();
                         createAndDownloadPdf(SSID, password);
                     }}
                 >
-                    <FontAwesomeIcon
+                    <i className="fas fa-file-download me-2" />
-                        icon="fa-solid fa-file-download"
-                        className="me-2"
-                    />
                     {_("Download PDF")}
                 </Button>
             </ModalFooter>

src/common/WiFiSettings/WiFiSettings.js

@@ -1,17 +1,16 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2021 CZ.NIC z.s.p.o. (http://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 ResetWiFiSettings from "./ResetWiFiSettings";
+import { ForisForm } from "../../form/components/ForisForm";
 import WiFiForm from "./WiFiForm";
-import ForisForm from "../../form/components/ForisForm";
+import { ResetWiFiSettings } from "./ResetWiFiSettings";
 
 WiFiSettings.propTypes = {
     ws: PropTypes.object.isRequired,
@@ -20,7 +19,7 @@ WiFiSettings.propTypes = {
     hasGuestNetwork: PropTypes.bool,
 };
 
-function WiFiSettings({ ws, endpoint, resetEndpoint, hasGuestNetwork }) {
+export function WiFiSettings({ ws, endpoint, resetEndpoint, hasGuestNetwork }) {
     return (
         <>
             <ForisForm
@@ -118,5 +117,3 @@ export function validator(formData) {
     });
     return JSON.stringify(formErrors).match(/\[[{},?]+\]/) ? null : formErrors;
 }
-
-export default WiFiSettings;

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();

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;

src/common/__tests__/ActionButtonWithModal.test.js

@@ -1,92 +0,0 @@
-/*
- * 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 Button from "bootstrap/Button";
-
-import {
-    fireEvent,
-    getByText,
-    queryByText,
-    render,
-    wait,
-} from "customTestRender";
-import mockAxios from "jest-mock-axios";
-import { mockJSONError } from "testUtils/network";
-import { mockSetAlert } from "testUtils/alertContextMock";
-
-import ActionButtonWithModal from "../ActionButtonWithModal/ActionButtonWithModal";
-
-describe("<ActionButtonWithModal/>", () => {
-    let componentContainer;
-    const ActionButton = (props) => (
-        <Button type="button" {...props}>
-            Action
-        </Button>
-    );
-
-    beforeEach(() => {
-        const { container } = render(
-            <>
-                <div id="modal-container" />
-                <div id="alert-container" />
-                <ActionButtonWithModal
-                    actionTrigger={ActionButton}
-                    actionUrl="/reforis/api/action"
-                    modalTitle="Warning!"
-                    modalMessage="Are you sure you want to perform this action?"
-                    modalActionText="Confirm action"
-                    modalActionProps={{ className: "btn-danger" }}
-                    successMessage="Action request succeeded."
-                    errorMessage="Action request failed."
-                />
-            </>
-        );
-        componentContainer = container;
-    });
-
-    it("Render button.", () => {
-        expect(componentContainer).toMatchSnapshot();
-    });
-
-    it("Render modal.", () => {
-        fireEvent.click(getByText(componentContainer, "Action"));
-        expect(componentContainer).toMatchSnapshot();
-    });
-
-    it("Confirm action.", () => {
-        fireEvent.click(getByText(componentContainer, "Action"));
-        fireEvent.click(getByText(componentContainer, "Confirm action"));
-        expect(mockAxios.post).toHaveBeenCalledWith(
-            "/reforis/api/action",
-            undefined,
-            expect.anything()
-        );
-    });
-
-    it("Hold error.", async () => {
-        fireEvent.click(getByText(componentContainer, "Action"));
-        fireEvent.click(getByText(componentContainer, "Confirm action"));
-        mockJSONError();
-        await wait(() =>
-            expect(mockSetAlert).toBeCalledWith("Action request failed.")
-        );
-    });
-
-    it("Show success alert on successful action.", async () => {
-        fireEvent.click(getByText(componentContainer, "Action"));
-        fireEvent.click(getByText(componentContainer, "Confirm action"));
-        mockAxios.mockResponse({ status: 200 });
-        await wait(() =>
-            expect(mockSetAlert).toBeCalledWith(
-                "Action request succeeded.",
-                "success"
-            )
-        );
-    });
-});

src/common/__tests__/RebootButton.test.js

@@ -0,0 +1,63 @@
+/*
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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 {
+    fireEvent,
+    getByText,
+    queryByText,
+    render,
+    wait,
+} from "customTestRender";
+import mockAxios from "jest-mock-axios";
+import { mockJSONError } from "testUtils/network";
+import { mockSetAlert } from "testUtils/alertContextMock";
+
+import { RebootButton } from "../RebootButton";
+
+describe("<RebootButton/>", () => {
+    let componentContainer;
+    beforeEach(() => {
+        const { container } = render(
+            <>
+                <div id="modal-container" />
+                <RebootButton />
+            </>
+        );
+        componentContainer = container;
+    });
+
+    it("Render.", () => {
+        expect(componentContainer).toMatchSnapshot();
+    });
+
+    it("Render modal.", () => {
+        expect(queryByText(componentContainer, "Confirm reboot")).toBeNull();
+        fireEvent.click(getByText(componentContainer, "Reboot"));
+        expect(componentContainer).toMatchSnapshot();
+    });
+
+    it("Confirm reboot.", () => {
+        fireEvent.click(getByText(componentContainer, "Reboot"));
+        fireEvent.click(getByText(componentContainer, "Confirm reboot"));
+        expect(mockAxios.post).toHaveBeenCalledWith(
+            "/reforis/api/reboot",
+            undefined,
+            expect.anything()
+        );
+    });
+
+    it("Hold error.", async () => {
+        fireEvent.click(getByText(componentContainer, "Reboot"));
+        fireEvent.click(getByText(componentContainer, "Confirm reboot"));
+        mockJSONError();
+        await wait(() =>
+            expect(mockSetAlert).toBeCalledWith("Reboot request failed.")
+        );
+    });
+});

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

@@ -1,32 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<ActionButtonWithModal/> Render button. 1`] = `
+exports[`<RebootButton/> Render modal. 1`] = `
-<div>
-  <div
-    id="modal-container"
-  />
-  <div
-    id="alert-container"
-  />
-  <button
-    class="btn btn-primary d-inline-flex justify-content-center align-items-center"
-    type="button"
-  >
-    <span>
-      Action
-    </span>
-  </button>
-</div>
-`;
-
-exports[`<ActionButtonWithModal/> Render modal. 1`] = `
 <div>
   <div
     id="modal-container"
   >
     <div
-      aria-labelledby="modal-title"
-      aria-modal="true"
       class="modal fade show"
       role="dialog"
     >
@@ -40,31 +19,34 @@ exports[`<ActionButtonWithModal/> Render modal. 1`] = `
           <div
             class="modal-header"
           >
-            <h1
+            <h5
-              class="modal-title fs-5"
+              class="modal-title"
             >
               Warning!
-            </h1>
+            </h5>
             <button
-              aria-label="Close"
+              class="close"
-              class="btn-close"
               type="button"
-            />
+            >
+              <span
+                aria-hidden="true"
+              >
+                ×
+              </span>
+            </button>
           </div>
           <div
             class="modal-body"
           >
-            <p
+            <p>
-              class="mb-0"
+              Are you sure you want to restart the router?
-            >
-              Are you sure you want to perform this action?
             </p>
           </div>
           <div
             class="modal-footer"
           >
             <button
-              class="btn btn-secondary d-inline-flex justify-content-center align-items-center"
+              class="btn btn-primary d-inline-flex justify-content-center align-items-center"
               type="button"
             >
               <span>
@@ -76,7 +58,7 @@ exports[`<ActionButtonWithModal/> Render modal. 1`] = `
               type="button"
             >
               <span>
-                Confirm action
+                Confirm reboot
               </span>
             </button>
           </div>
@@ -84,15 +66,28 @@ exports[`<ActionButtonWithModal/> Render modal. 1`] = `
       </div>
     </div>
   </div>
-  <div
-    id="alert-container"
-  />
   <button
-    class="btn btn-primary d-inline-flex justify-content-center align-items-center"
+    class="btn btn-danger d-inline-flex justify-content-center align-items-center"
     type="button"
   >
     <span>
-      Action
+      Reboot
+    </span>
+  </button>
+</div>
+`;
+
+exports[`<RebootButton/> Render. 1`] = `
+<div>
+  <div
+    id="modal-container"
+  />
+  <button
+    class="btn btn-danger d-inline-flex justify-content-center align-items-center"
+    type="button"
+  >
+    <span>
+      Reboot
     </span>
   </button>
 </div>

src/context/alertContext/AlertContext.js

@@ -1,16 +1,15 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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, useMemo } from "react";
+import React, { useState, useContext, useCallback } from "react";
-
 import PropTypes from "prop-types";
 
-import Alert, { ALERT_TYPES } from "../../bootstrap/Alert";
+import { Alert, ALERT_TYPES } from "../../bootstrap/Alert";
-import Portal from "../../utils/Portal";
+import { Portal } from "../../utils/Portal";
 
 AlertContextProvider.propTypes = {
     children: PropTypes.oneOfType([
@@ -31,10 +30,6 @@ function AlertContextProvider({ children }) {
     );
 
     const dismissAlert = useCallback(() => setAlert(null), [setAlert]);
-    const contextValue = useMemo(
-        () => [setAlertWrapper, dismissAlert],
-        [setAlertWrapper, dismissAlert]
-    );
 
     return (
         <>
@@ -45,7 +40,7 @@ function AlertContextProvider({ children }) {
                     </Alert>
                 </Portal>
             )}
-            <AlertContext.Provider value={contextValue}>
+            <AlertContext.Provider value={[setAlertWrapper, dismissAlert]}>
                 {children}
             </AlertContext.Provider>
         </>

src/context/alertContext/__tests__/AlertContext.test.js

@@ -43,17 +43,14 @@ describe("AlertContext", () => {
         expect(componentContainer).toMatchSnapshot();
     });
 
-    it("should dismiss alert with alert button", async () => {
+    it("should dismiss alert with alert button", () => {
         fireEvent.click(getByText(componentContainer, "Set alert"));
         // Alert is present
         expect(getByText(componentContainer, "Alert content")).toBeDefined();
 
-        fireEvent.click(componentContainer.querySelector(".btn-close"));
+        fireEvent.click(componentContainer.querySelector(".close"));
         // Alert is gone
-        await (() =>
+        expect(queryByText(componentContainer, "Alert content")).toBeNull();
-            expect(
-                queryByText(componentContainer, "Alert content")
-            ).toBeNull());
     });
 
     it("should dismiss alert with external button", () => {

src/context/alertContext/__tests__/__snapshots__/AlertContext.test.js.snap

@@ -6,14 +6,14 @@ exports[`AlertContext should render alert 1`] = `
     id="alert-container"
   >
     <div
-      class="alert alert-danger alert-fade-in alert-dismissible"
+      class="alert alert-dismissible alert-danger"
-      role="alert"
     >
       <button
-        aria-label="Close"
+        class="close"
-        class="btn-close"
         type="button"
-      />
+      >
+        ×
+      </button>
       Alert content
     </div>
   </div>

src/context/customizationContext/CustomizationContext.js

@@ -1,18 +1,18 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://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, { useContext, useEffect, useMemo } from "react";
+import React, { useContext, useEffect } from "react";
-
 import PropTypes from "prop-types";
 
 import { useAPIGet } from "../../api/hooks";
-import { Spinner } from "../../bootstrap/Spinner";
 import { ForisURLs } from "../../utils/forisUrls";
 
+import { Spinner } from "../../bootstrap/Spinner";
+
 CustomizationContextProvider.propTypes = {
     children: PropTypes.oneOfType([
         PropTypes.arrayOf(PropTypes.node),
@@ -30,31 +30,20 @@ function CustomizationContextProvider({ children }) {
         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 />;
     }
 
+    const deviceDetails = getCustomizationResponse.data || {};
+
+    const isCustomized = !!(
+        deviceDetails &&
+        deviceDetails.customization !== undefined &&
+        deviceDetails.customization === "shield"
+    );
+
     return (
-        <CustomizationContext.Provider value={contextValue}>
+        <CustomizationContext.Provider value={{ deviceDetails, isCustomized }}>
             {children}
         </CustomizationContext.Provider>
     );

src/form/__tests__/__snapshots__/SubmitButton.test.js.snap

@@ -3,7 +3,7 @@
 exports[`<SubmitButton/> Render load 1`] = `
 <div>
   <button
-    class="btn btn-primary col-12 col-md-3 col-lg-2 d-inline-flex justify-content-center align-items-center"
+    class="btn btn-primary col-sm-12 col-md-3 col-lg-2 d-inline-flex justify-content-center align-items-center"
     disabled=""
     type="submit"
   >
@@ -22,7 +22,7 @@ exports[`<SubmitButton/> Render load 1`] = `
 exports[`<SubmitButton/> Render ready 1`] = `
 <div>
   <button
-    class="btn btn-primary col-12 col-md-3 col-lg-2 d-inline-flex justify-content-center align-items-center"
+    class="btn btn-primary col-sm-12 col-md-3 col-lg-2 d-inline-flex justify-content-center align-items-center"
     type="submit"
   >
     <span>
@@ -35,7 +35,7 @@ exports[`<SubmitButton/> Render ready 1`] = `
 exports[`<SubmitButton/> Render saving 1`] = `
 <div>
   <button
-    class="btn btn-primary col-12 col-md-3 col-lg-2 d-inline-flex justify-content-center align-items-center"
+    class="btn btn-primary col-sm-12 col-md-3 col-lg-2 d-inline-flex justify-content-center align-items-center"
     disabled=""
     type="submit"
   >

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 { WebSockets } from "webSockets/WebSockets";
-import ForisForm from "../components/ForisForm";
+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.

src/form/components/ForisForm.js

@@ -1,24 +1,24 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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 { 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 { API_STATE } from "../../api/utils";
 import { formFieldsSize } from "../../bootstrap/constants";
 import { Spinner } from "../../bootstrap/Spinner";
 import { useAlert } from "../../context/alertContext/AlertContext";
-import ErrorMessage from "../../utils/ErrorMessage";
+import { useAPIPost } from "../../api/hooks";
+
 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.
  * */
-function ForisForm({
+export function ForisForm({
     ws,
     forisConfig,
     prepData,
@@ -131,16 +131,16 @@ function ForisForm({
         return <Spinner />;
     }
 
-    const onSubmitHandler = (event) => {
+    function onSubmitHandler(event) {
         event.preventDefault();
         resetFormData();
         dismissAlert();
         const copiedFormData = JSON.parse(JSON.stringify(formState.data));
         const preparedData = prepDataToSubmit(copiedFormData);
         post({ data: preparedData });
-    };
+    }
 
-    const getSubmitButtonState = () => {
+    function getSubmitButtonState() {
         if (postState.state === API_STATE.SENDING) {
             return SUBMIT_BUTTON_STATES.SAVING;
         }
@@ -148,7 +148,7 @@ function ForisForm({
             return SUBMIT_BUTTON_STATES.LOAD;
         }
         return SUBMIT_BUTTON_STATES.READY;
-    };
+    }
 
     const formIsDisabled =
         disabled ||
@@ -174,7 +174,7 @@ function ForisForm({
           )
         : onSubmitHandler;
 
-    const getMessageOnLeavingPage = () => {
+    function getMessageOnLeavingPage() {
         if (
             JSON.stringify(formState.data) ===
             JSON.stringify(formState.initialData)
@@ -183,7 +183,7 @@ function ForisForm({
         return _(
             "Changes you made may not be saved. Are you sure you want to leave?"
         );
-    };
+    }
 
     return (
         <div className={formFieldsSize}>
@@ -200,5 +200,3 @@ function ForisForm({
         </div>
     );
 }
-
-export default ForisForm;

src/form/components/SubmitButton.js

@@ -6,10 +6,9 @@
  */
 
 import React from "react";
-
 import PropTypes from "prop-types";
 
-import Button from "../../bootstrap/Button";
+import { Button } from "../../bootstrap/Button";
 
 export const STATES = {
     READY: 1,

src/form/hooks.js

@@ -1,16 +1,15 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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,

src/index.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://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.
@@ -17,35 +17,32 @@ export {
 export { API_STATE } from "./api/utils";
 
 // Bootstrap
-export { default as Alert, ALERT_TYPES } from "./bootstrap/Alert";
+export { Alert, ALERT_TYPES } from "./bootstrap/Alert";
-export { default as Button } from "./bootstrap/Button";
+export { Button } from "./bootstrap/Button";
-export { default as CheckBox } from "./bootstrap/CheckBox";
+export { CheckBox } from "./bootstrap/CheckBox";
-export { default as CopyInput } from "./bootstrap/CopyInput";
+export { CopyInput } from "./bootstrap/CopyInput";
-export { default as DownloadButton } from "./bootstrap/DownloadButton";
+export { DownloadButton } from "./bootstrap/DownloadButton";
-export { default as DataTimeInput } from "./bootstrap/DataTimeInput";
+export { DataTimeInput } from "./bootstrap/DataTimeInput";
-export { default as EmailInput } from "./bootstrap/EmailInput";
+export { EmailInput } from "./bootstrap/EmailInput";
-export { default as FileInput } from "./bootstrap/FileInput";
+export { FileInput } from "./bootstrap/FileInput";
-export { default as Input } from "./bootstrap/Input";
+export { Input } from "./bootstrap/Input";
-export { default as NumberInput } from "./bootstrap/NumberInput";
+export { NumberInput } from "./bootstrap/NumberInput";
-export { default as PasswordInput } from "./bootstrap/PasswordInput";
+export { PasswordInput } from "./bootstrap/PasswordInput";
-export { default as Radio } from "./bootstrap/Radio";
+export { Radio, RadioSet } from "./bootstrap/RadioSet";
-export { default as RadioSet } from "./bootstrap/RadioSet";
+export { Select } from "./bootstrap/Select";
-export { default as Select } from "./bootstrap/Select";
+export { TextInput } from "./bootstrap/TextInput";
-export { default as TextInput } from "./bootstrap/TextInput";
 export { formFieldsSize, buttonFormFieldsSize } from "./bootstrap/constants";
-export { default as Switch } from "./bootstrap/Switch";
+export { Switch } from "./bootstrap/Switch";
-export { default as ThreeDotsMenu } from "./bootstrap/ThreeDotsMenu";
 
 export { Spinner, SpinnerElement } from "./bootstrap/Spinner";
 export { Modal, ModalBody, ModalFooter, ModalHeader } from "./bootstrap/Modal";
 
 // Common
-export { default as ActionButtonWithModal } from "./common/ActionButtonWithModal/ActionButtonWithModal";
+export { RebootButton } from "./common/RebootButton";
-export { default as WiFiSettings } from "./common/WiFiSettings/WiFiSettings";
+export { WiFiSettings } from "./common/WiFiSettings/WiFiSettings";
-export { default as ResetWiFiSettings } from "./common/WiFiSettings/ResetWiFiSettings";
+export { ResetWiFiSettings } from "./common/WiFiSettings/ResetWiFiSettings";
-export { default as RichTable } from "./common/RichTable/RichTable";
 // Form
-export { default as ForisForm } from "./form/components/ForisForm";
+export { ForisForm } from "./form/components/ForisForm";
 export {
     SubmitButton,
     STATES as SUBMIT_BUTTON_STATES,
@@ -53,11 +50,11 @@ export {
 export { useForisModule, useForm } from "./form/hooks";
 
 // WebSockets
-export { default as useWSForisModule } from "./webSockets/hooks";
+export { useWSForisModule } from "./webSockets/hooks";
-export { default as WebSockets } from "./webSockets/WebSockets";
+export { WebSockets } from "./webSockets/WebSockets";
 
 // Utils
-export { default as Portal } from "./utils/Portal";
+export { Portal } from "./utils/Portal";
 export {
     undefinedIfEmpty,
     withoutUndefinedKeys,
@@ -71,11 +68,11 @@ export {
     withError,
     withErrorMessage,
 } from "./utils/conditionalHOCs";
-export { default as ErrorMessage } from "./utils/ErrorMessage";
+export { ErrorMessage } from "./utils/ErrorMessage";
-export { useClickOutside } from "./utils/hooks";
+export { useClickOutside, useTooltip } from "./utils/hooks";
-export { default as toLocaleDateString } from "./utils/datetime";
+export { toLocaleDateString } from "./utils/datetime";
-export { default as displayCard } from "./utils/displayCard";
+export { displayCard } from "./utils/displayCard";
-export { default as isPluginInstalled } from "./utils/isPluginInstalled";
+export { isPluginInstalled } from "./utils/isPluginInstalled";
 
 // Foris URL
 export { ForisURLs, REFORIS_URL_PREFIX } from "./utils/forisUrls";

src/testUtils/customTestRender.js

@@ -14,7 +14,7 @@ import { render } from "@testing-library/react";
 import PropTypes from "prop-types";
 
 import { AlertContextMock } from "./alertContextMock";
-import { CustomizationContextMock } from "./customizationContextMock";
+import { CustomizationContextMock } from "./cutomizationContextMock";
 
 Wrapper.propTypes = {
     children: PropTypes.oneOfType([

src/testUtils/setup.js

@@ -1,10 +1,10 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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 mockAxios from "jest-mock-axios";
 import moment from "moment-timezone";
 import "./mockGlobals";
@@ -26,8 +26,3 @@ jest.doMock("moment", () => {
     return moment;
 });
 Date.now = jest.fn(() => new Date(Date.UTC(2019, 1, 1, 12, 13, 14)).valueOf());
-
-// Mock Font Awesome v6 library
-jest.mock("@fortawesome/react-fontawesome", () => ({
-    FontAwesomeIcon: () => <i className="fa" />,
-}));

src/utils/ErrorMessage.js

@@ -1,12 +1,11 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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 = {
@@ -17,8 +16,6 @@ ErrorMessage.defaultProps = {
     message: _("An error occurred while fetching data."),
 };
 
-function ErrorMessage({ message }) {
+export function ErrorMessage({ message }) {
     return <p className="text-center text-danger">{message}</p>;
 }
-
-export default ErrorMessage;

src/utils/Portal.js

@@ -1,22 +1,14 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://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";
 
-Portal.propTypes = {
+export function Portal({ containerId, children }) {
-    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;

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", () => {

src/utils/conditionalHOCs.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
@@ -7,23 +7,16 @@
 
 import React from "react";
 
-import ErrorMessage from "./ErrorMessage";
-import { API_STATE } from "../api/utils";
 import { Spinner } from "../bootstrap/Spinner";
+import { API_STATE } from "../api/utils";
+import { ErrorMessage } from "./ErrorMessage";
 
 function withEither(conditionalFn, Either) {
-    return (Component) => {
+    return (Component) => (props) => {
-        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;
     };
 }
 

src/utils/datetime.js

@@ -1,8 +1,9 @@
 import moment from "moment";
 
-function toLocaleDateString(date, { inputFormat, outputFormat = "LLL" } = {}) {
+export function toLocaleDateString(
+    date,
+    { inputFormat, outputFormat = "LLL" } = {}
+) {
     const parsedDate = inputFormat ? moment(date, inputFormat) : moment(date);
     return parsedDate.locale(ForisTranslations.locale).format(outputFormat);
 }
-
-export default toLocaleDateString;

src/utils/displayCard.js

@@ -1,11 +1,11 @@
 /*
- * Copyright (C) 2020-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2020 CZ.NIC z.s.p.o. (http://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
  */
 
-function displayCard({ package_lists: packages }, cardName) {
+export function displayCard({ package_lists: packages }, cardName) {
     const enabledPackagesNames = [];
     packages
         .filter((item) => item.enabled)
@@ -21,5 +21,3 @@ function displayCard({ package_lists: packages }, cardName) {
         });
     return enabledPackagesNames.includes(cardName);
 }
-
-export default displayCard;

src/utils/forisUrls.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2021 CZ.NIC z.s.p.o. (http://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
@@ -9,10 +9,8 @@ export const REFORIS_URL_PREFIX = "/reforis";
 export const REFORIS_API_URL_PREFIX = `${REFORIS_URL_PREFIX}/api`;
 
 export const ForisURLs = {
-    // turris-auth
     login: `/login?${REFORIS_URL_PREFIX}/`,
     logout: `/logout`,
-    extendSession: `/extend-session`,
 
     static: `${REFORIS_URL_PREFIX}/static/reforis`,
     wifi: `${REFORIS_URL_PREFIX}/network-settings/wifi`,
@@ -27,13 +25,6 @@ export const ForisURLs = {
     storage: `${REFORIS_URL_PREFIX}/storage`,
     sentinelAgreement: `${REFORIS_URL_PREFIX}/sentinel/agreement`,
 
-    // URLs without prefix for Overview page
-    openvpnClientSettings: "/openvpn/client-settings",
-    packageManagementPackages: "/package-management/packages",
-    packageManagementUpdateSettings: "/package-management/update-settings",
-    sentinelLicenseAgreement: "/sentinel/agreement",
-    librespeedSpeedTest: "/librespeed/speed-test",
-
     // Notifications links are used with <Link/> inside Router, thus url subdir is not required.
     overview: "/overview",
     notifications: "/overview#notifications",

src/utils/hooks.js

@@ -1,11 +1,12 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
  */
 
-import { useState, useEffect } from "react";
+import { useState, useEffect, useRef } from "react";
+import { Tooltip } from "bootstrap/dist/js/bootstrap.bundle.min.js";
 
 /** Execute callback when condition is set to true. */
 export function useConditionalTimeout(
@@ -41,39 +42,20 @@ export function useClickOutside(element, callback) {
     });
 }
 
-/* Trap focus inside element. */
+export function useTooltip(description, placement = "top", trigger = "hover") {
-export function useFocusTrap(elementRef, condition = true) {
+    const tooltipRef = useRef();
+
     useEffect(() => {
-        if (!condition) {
+        const tooltip = new Tooltip(tooltipRef.current, {
-            return;
+            title: description,
-        }
+            placement: placement,
-        const currentElement = elementRef.current;
+            trigger: trigger,
-        const focusableElements = currentElement.querySelectorAll(
+        });
-            'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-        );
-        const firstElement = focusableElements[0];
-        const lastElement = focusableElements[focusableElements.length - 1];
-
-        const handleTab = (event) => {
-            if (event.key === "Tab") {
-                if (event.shiftKey) {
-                    if (document.activeElement === firstElement) {
-                        lastElement.focus();
-                        event.preventDefault();
-                    }
-                } else if (document.activeElement === lastElement) {
-                    firstElement.focus();
-                    event.preventDefault();
-                }
-            }
-        };
-
-        currentElement.addEventListener("keydown", handleTab);
-
-        firstElement.focus();
 
         return () => {
-            currentElement.removeEventListener("keydown", handleTab);
+            tooltip.dispose();
         };
-    }, [elementRef, condition]);
+    });
+
+    return tooltipRef;
 }

src/utils/isPluginInstalled.js

@@ -1,11 +1,9 @@
 /*
- * Copyright (C) 2020-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2020 CZ.NIC z.s.p.o. (http://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
  */
 
-const isPluginInstalled = (pluginName) =>
+export const isPluginInstalled = (pluginName) =>
     ForisPlugins.some((plugin) => plugin.name === pluginName);
-
-export default isPluginInstalled;

src/utils/validations.js

@@ -23,15 +23,12 @@ 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:
+    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]))$/,
-        /^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:
+    hostname: /^[a-z\d]([a-z\d-]{0,61}[a-z\d])?(\.[a-z\d]([a-z\d-]{0,61}[a-z\d])?)*$/i,
-        /^[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:
+    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-.]+ *)*$/,
-        /^([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) => {

src/webSockets/WebSockets.js

@@ -10,12 +10,14 @@
 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;
 
-class WebSockets {
+export class WebSockets {
     constructor() {
         this.ws = new WebSocket(URL);
         this.ws.onerror = (e) => {
@@ -120,5 +122,3 @@ class WebSockets {
         this.ws.close();
     }
 }
-
-export default WebSockets;

src/webSockets/hooks.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
@@ -7,8 +7,7 @@
 
 import { useEffect, useState } from "react";
 
-/* eslint-disable default-param-last */
+export function useWSForisModule(
-function useWSForisModule(
     ws,
     module,
     action = "update_settings",
@@ -42,5 +41,3 @@ function useWSForisModule(
 
     return [data];
 }
-
-export default useWSForisModule;

styleguide.config.js

@@ -28,11 +28,11 @@ module.exports = {
             content: "docs/development.md",
         },
         {
-            name: "Common Components",
+            name: "Components",
             description: "Set of main components.",
             sections: [
                 {
-                    name: "ForisForm",
+                    name: "Foris forms",
                     components: [
                         "src/form/components/ForisForm.js",
                         "src/form/components/alerts.js",
@@ -42,52 +42,47 @@ module.exports = {
                     usageMode: "expand",
                 },
                 {
-                    name: "RichTable",
+                    name: "Alert Context",
-                    components: ["src/common/RichTable/RichTable.js"],
+                    components: ["src/context/alertContext/AlertContext.js"],
-                    exampleMode: "expand",
-                    usageMode: "expand",
-                },
-                {
-                    name: "ActionButtonWithModal",
-                    components: [
-                        "src/common/ActionButtonWithModal/ActionButtonWithModal.js",
-                    ],
                     exampleMode: "expand",
                     usageMode: "expand",
                 },
             ],
             sectionDepth: 1,
         },
+
         {
-            name: "Bootstrap Components",
+            name: "Customization Context",
-            description: "Set of bootstrap components.",
-            components: "src/bootstrap/*.js",
-            exampleMode: "expand",
-            usageMode: "expand",
-            ignore: ["src/bootstrap/constants.js", "src/bootstrap/Radio.js"],
-            sectionDepth: 0,
-        },
-        {
-            name: "Contexts",
             components: [
-                "src/context/alertContext/AlertContext.js",
                 "src/context/customizationContext/CustomizationContext.js",
             ],
             exampleMode: "expand",
             usageMode: "expand",
         },
+        {
+            name: "Bootstrap components",
+            description: "Set of bootstrap components.",
+            components: "src/bootstrap/*.js",
+            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.js"),
+        path.join(__dirname, "src/testUtils/mockGlobals"),
         path.join(
             __dirname,
             "node_modules/bootstrap/dist/css/bootstrap.min.css"
         ),
-        path.join(__dirname, "node_modules/bootstrap/dist/js/bootstrap.min.js"),
+        path.join(
+            __dirname,
+            "node_modules/@fortawesome/fontawesome-free/css/all.min.css"
+        ),
     ],
     styleguideComponents: {
         LogoRenderer: path.join(__dirname, "docs/components/Logo"),
@@ -110,5 +105,8 @@ module.exports = {
                 },
             ],
         },
+        devServer: {
+            publicPath: "/",
+        },
     },
 };

translations/cs/LC_MESSAGES/forisjs.po

@@ -1,23 +1,24 @@
 # Czech translations for Foris JS.
-# Copyright (C) 2024 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
+# Copyright (C) 2022 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
 # This file is distributed under the same license as the Foris JS project.
-# FIRST AUTHOR <EMAIL@ADDRESS>, 2024.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2022.
 #
 msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2024-11-13 14:06+0100\n"
+"POT-Creation-Date: 2022-12-02 15:54+0100\n"
-"PO-Revision-Date: 2024-09-25 10:15+0000\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.16.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."
@@ -35,118 +36,67 @@ msgstr "Neobdržena žádná odezva."
 msgid "An unknown API error occurred."
 msgstr "Došlo k neznámé chybě v aplikačním programovém rozhraní."
 
-#: src/bootstrap/Alert.js:73 src/bootstrap/Modal.js:101
+#: src/bootstrap/CopyInput.js:55
-#: src/common/WiFiSettings/WiFiQRCode.js:89
-msgid "Close"
-msgstr "Zavřít"
-
-#: src/bootstrap/CopyInput.js:56
 msgid "Copied!"
 msgstr "Zkopírováno!"
 
-#: src/bootstrap/CopyInput.js:56
+#: src/bootstrap/CopyInput.js:55
 msgid "Copy"
 msgstr "Kopírovat"
 
-#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:60
+#: src/common/RebootButton.js:27
-#, fuzzy
+msgid "Reboot request failed."
-msgid "Action successful."
+msgstr "Vyžadován restart."
-msgstr "Nastavení úspěšně uložena"
 
-#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:65
+#: src/common/RebootButton.js:51
-msgid "Action failed."
+msgid "Reboot"
-msgstr ""
+msgstr "Restartovat"
 
-#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
+#: src/common/RebootButton.js:66
+msgid "Warning!"
+msgstr "Varování!"
+
+#: src/common/RebootButton.js:68
+msgid "Are you sure you want to restart the router?"
+msgstr "Opravdu chcete router restartovat?"
+
+#: src/common/RebootButton.js:71
 msgid "Cancel"
 msgstr "Zrušit"
 
-#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:128
+#: src/common/RebootButton.js:73
-#, fuzzy
+msgid "Confirm reboot"
-msgid "Confirm"
 msgstr "Potvrdit restart"
 
-#: src/common/RichTable/RichTableHeader.js:29
+#: src/common/WiFiSettings/ResetWiFiSettings.js:38
-msgid "Sort ascending"
-msgstr ""
-
-#: src/common/RichTable/RichTableHeader.js:30
-msgid "Sort descending"
-msgstr ""
-
-#: src/common/RichTable/RichTableHeader.js:31
-msgid "Clear sort"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:65
-msgid "Pagination navigation bar"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:71
-msgid "First page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:77
-msgid "Previous page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:83
-msgid "Next page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:89
-msgid "Last page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:95
-msgid "Page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:98
-msgid "of"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:106
-msgid "Rows per page:"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:109
-msgid "Select rows per page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:121
-msgid "All"
-msgstr ""
-
-#: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
 msgstr "Při resetu nastavení Wi-Fi došlo k chybě."
 
-#: src/common/WiFiSettings/ResetWiFiSettings.js:42
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
 msgid "Wi-Fi settings are set to defaults."
 msgstr "Nastavení Wi-Fi jsou uvedena do výchozího stavu."
 
-#: src/common/WiFiSettings/ResetWiFiSettings.js:56
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
-#: src/common/WiFiSettings/ResetWiFiSettings.js:70
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
 msgid "Reset Wi-Fi Settings"
 msgstr "Reset nastavení Wi-Fi"
 
-#: src/common/WiFiSettings/ResetWiFiSettings.js:58
+#: src/common/WiFiSettings/ResetWiFiSettings.js:57
 msgid ""
 "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."
 msgstr ""
-"Pokud se počet bezdrátových karet neshoduje, můžete zkusit obnovit "
+"Pokud se počet bezdrátových karet neshoduje, můžete zkusit obnovit nastavení "
-"nastavení Wi-Fi. Je třeba upozornit, že se tím odstraní aktuální "
+"Wi-Fi. Je třeba upozornit, že se tím odstraní aktuální konfigurace Wi-Fi a "
-"konfigurace Wi-Fi a obnoví se výchozí hodnoty."
+"obnoví se výchozí hodnoty."
 
-#: src/common/WiFiSettings/WiFiForm.js:97
+#: src/common/WiFiSettings/WiFiForm.js:95
 msgid "Wi-Fi ${deviceID + 1}"
 msgstr "Wi-Fi ${deviceID + 1}"
 
 #: src/common/WiFiSettings/WiFiForm.js:132
-#: src/common/WiFiSettings/WiFiGuestForm.js:78
+#: src/common/WiFiSettings/WiFiGuestForm.js:80
 msgid "Password"
 msgstr "Heslo"
 
@@ -175,8 +125,8 @@ 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 "
+"Máte-li problémy při připojování k přístupovému bodu Wi-Fi, zkuste vypnout "
-"vypnout Management Frame Protection."
+"Management Frame Protection."
 
 #: src/common/WiFiSettings/WiFiForm.js:262
 msgid "auto"
@@ -186,45 +136,40 @@ msgstr "automaticky"
 msgid "Custom"
 msgstr "Uživatelsky určené"
 
-#: src/common/WiFiSettings/WiFiGuestForm.js:43
+#: src/common/WiFiSettings/WiFiGuestForm.js:42
 msgid "Enable Guest Wi-Fi"
 msgstr "Zapnout Wi-Fi pro hosty"
 
-#: src/common/WiFiSettings/WiFiQRCode.js:43
+#: src/common/WiFiSettings/WiFiQRCode.js:71
-#: src/common/WiFiSettings/WiFiQRCode.js:44
-msgid "Show QR code"
-msgstr "Ukázat QR kód"
-
-#: src/common/WiFiSettings/WiFiQRCode.js:70
 msgid "Wi-Fi QR Code"
 msgstr "Wi-Fi QR kód"
 
-#: src/common/WiFiSettings/WiFiQRCode.js:102
+#: src/common/WiFiSettings/WiFiQRCode.js:91
 msgid "Download PDF"
 msgstr "Stáhnout PDF"
 
-#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:82
-#: src/common/WiFiSettings/WiFiSettings.js:99
+#: 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:84
+#: src/common/WiFiSettings/WiFiSettings.js:83
-#: src/common/WiFiSettings/WiFiSettings.js:101
+#: src/common/WiFiSettings/WiFiSettings.js:100
 msgid "SSID can't be empty"
 msgstr "SSID je třeba vyplnit"
 
-#: src/common/WiFiSettings/WiFiSettings.js:86
+#: src/common/WiFiSettings/WiFiSettings.js:85
-#: src/common/WiFiSettings/WiFiSettings.js:103
+#: 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:89
+#: src/common/WiFiSettings/WiFiSettings.js:88
-#: src/common/WiFiSettings/WiFiSettings.js:106
+#: 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:91
+#: src/common/WiFiSettings/WiFiSettings.js:90
-#: src/common/WiFiSettings/WiFiSettings.js:110
+#: src/common/WiFiSettings/WiFiSettings.js:109
 msgid "Password must not contain more than 63 symbols"
 msgstr "Heslo nesmí obsahovat více než 63 znaků"
 
@@ -309,10 +254,10 @@ msgid ""
 "supported by all your devices. It usually has less interference, but the "
 "signal does not carry so well indoors."
 msgstr ""
-"Pásmo 2,4 GHz je v klientských zařízeních podporováno nejčastěji, bývá "
+"Pásmo 2,4 GHz je v klientských zařízeních podporováno nejčastěji, bývá ale "
-"ale více zarušené. Pásmo 5 GHz je novější standard a nemusí být "
+"více zarušené. Pásmo 5 GHz je novější standard a nemusí být podporováno "
-"podporováno všemi vámi používanými zařízeními. Obvykle bývá méně "
+"všemi vámi používanými zařízeními. Obvykle bývá méně zarušené, signál se ale "
-"zarušené, signál se ale hůře šíří uvnitř budov."
+"hůře šíří uvnitř budov."
 
 #: src/common/WiFiSettings/constants.js:43
 msgid ""
@@ -321,10 +266,9 @@ msgid ""
 "interference in the network. If you don't know what to choose, use the "
 "default option with 20 MHz wide channel."
 msgstr ""
-"Změna tohoto parametru upraví režim fungování 802.11n/ac. 802.11n s "
+"Změna tohoto parametru upraví režim fungování 802.11n/ac. 802.11n s kanály o "
-"kanály o šíři 40 MHz může pomoci k vyšší propustnosti, je ale náchylnější"
+"šíři 40 MHz může pomoci k vyšší propustnosti, je ale náchylnější na rušení. "
-" na rušení. Pokud nevíte co zvolit, použijte výchozí volbu s kanálem šíře"
+"Pokud nevíte co zvolit, použijte výchozí volbu s kanálem šíře 20 MHz."
-" 20 MHz."
 
 #: src/common/WiFiSettings/constants.js:46
 msgid ""
@@ -334,10 +278,10 @@ msgid ""
 "router. Parameters of the guest network can be set in the Guest network "
 "tab."
 msgstr ""
-"Zapíná Wi-Fi pro hosty, která je oddělená od místní sítě (LAN). Zařízením"
+"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 "
+"připojeným k této síti je umožněn přístup do Internetu, ale už ne na ostatní "
-"ostatní zařízení a k rozhraní pro nastavování směrovače. Parametry sítě "
+"zařízení a k rozhraní pro nastavování směrovače. Parametry sítě pro hosty je "
-"pro hosty je možné nastavit na panelu „Síť pro hosty“."
+"možné nastavit na panelu „Síť pro hosty“."
 
 #: src/common/WiFiSettings/constants.js:49
 msgid ""
@@ -346,9 +290,9 @@ 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 "
+"Standard WPA3 je nová nejbezpečnější metoda, již se doporučuje používat se "
-"se všemi zařízeními, která ji podporují. Starší zařízení bez podpory WPA3"
+"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 "
+"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
@@ -361,19 +305,19 @@ msgstr ""
 "Změny, které byly provedeny, nebyly uloženy. Jste si jistý, že chcete "
 "opustit stránku?"
 
-#: src/form/components/SubmitButton.js:32
+#: src/form/components/SubmitButton.js:31
 msgid "Updating"
 msgstr "Aktualizuji"
 
-#: src/form/components/SubmitButton.js:35
+#: src/form/components/SubmitButton.js:34
 msgid "Load settings"
 msgstr "Načítám nastavení"
 
-#: src/form/components/SubmitButton.js:38
+#: src/form/components/SubmitButton.js:37
 msgid "Save"
 msgstr "Uložit"
 
-#: src/utils/ErrorMessage.js:17
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
 msgstr "Došlo k chybě při získávání dat."
 
@@ -434,16 +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"
 #~ "        "
-
-#~ msgid "Reboot request failed."
-#~ msgstr "Vyžadován restart."
-
-#~ msgid "Reboot"
-#~ msgstr "Restartovat"
-
-#~ msgid "Warning!"
-#~ msgstr "Varování!"
-
-#~ msgid "Are you sure you want to restart the router?"
-#~ msgstr "Opravdu chcete router restartovat?"
-

translations/da/LC_MESSAGES/forisjs.po

@@ -1,13 +1,13 @@
 # Danish translations for Foris JS.
-# Copyright (C) 2024 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
+# Copyright (C) 2022 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
 # This file is distributed under the same license as the Foris JS project.
-# FIRST AUTHOR <EMAIL@ADDRESS>, 2024.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2022.
 #
 msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2024-11-13 14:06+0100\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"
@@ -16,7 +16,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.16.0\n"
+"Generated-By: Babel 2.11.0\n"
 
 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@@ -34,113 +34,64 @@ msgstr ""
 msgid "An unknown API error occurred."
 msgstr ""
 
-#: src/bootstrap/Alert.js:73 src/bootstrap/Modal.js:101
+#: src/bootstrap/CopyInput.js:55
-#: src/common/WiFiSettings/WiFiQRCode.js:89
-msgid "Close"
-msgstr ""
-
-#: src/bootstrap/CopyInput.js:56
 msgid "Copied!"
 msgstr ""
 
-#: src/bootstrap/CopyInput.js:56
+#: src/bootstrap/CopyInput.js:55
 msgid "Copy"
 msgstr ""
 
-#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:60
+#: src/common/RebootButton.js:27
-msgid "Action successful."
+msgid "Reboot request failed."
 msgstr ""
 
-#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:65
+#: src/common/RebootButton.js:51
-msgid "Action failed."
+msgid "Reboot"
 msgstr ""
 
-#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
+#: src/common/RebootButton.js:66
+msgid "Warning!"
+msgstr ""
+
+#: src/common/RebootButton.js:68
+msgid "Are you sure you want to restart the router?"
+msgstr ""
+
+#: src/common/RebootButton.js:71
 msgid "Cancel"
 msgstr ""
 
-#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:128
+#: src/common/RebootButton.js:73
-msgid "Confirm"
+msgid "Confirm reboot"
 msgstr ""
 
-#: src/common/RichTable/RichTableHeader.js:29
+#: src/common/WiFiSettings/ResetWiFiSettings.js:38
-msgid "Sort ascending"
-msgstr ""
-
-#: src/common/RichTable/RichTableHeader.js:30
-msgid "Sort descending"
-msgstr ""
-
-#: src/common/RichTable/RichTableHeader.js:31
-msgid "Clear sort"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:65
-msgid "Pagination navigation bar"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:71
-msgid "First page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:77
-msgid "Previous page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:83
-msgid "Next page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:89
-msgid "Last page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:95
-msgid "Page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:98
-msgid "of"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:106
-msgid "Rows per page:"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:109
-msgid "Select rows per page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:121
-msgid "All"
-msgstr ""
-
-#: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
 msgstr ""
 
-#: src/common/WiFiSettings/ResetWiFiSettings.js:42
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
 msgid "Wi-Fi settings are set to defaults."
 msgstr ""
 
-#: src/common/WiFiSettings/ResetWiFiSettings.js:56
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
-#: src/common/WiFiSettings/ResetWiFiSettings.js:70
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
 msgid "Reset Wi-Fi Settings"
 msgstr ""
 
-#: src/common/WiFiSettings/ResetWiFiSettings.js:58
+#: src/common/WiFiSettings/ResetWiFiSettings.js:57
 msgid ""
 "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."
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiForm.js:97
+#: src/common/WiFiSettings/WiFiForm.js:95
 msgid "Wi-Fi ${deviceID + 1}"
 msgstr ""
 
 #: src/common/WiFiSettings/WiFiForm.js:132
-#: src/common/WiFiSettings/WiFiGuestForm.js:78
+#: src/common/WiFiSettings/WiFiGuestForm.js:80
 msgid "Password"
 msgstr ""
 
@@ -178,45 +129,40 @@ msgstr ""
 msgid "Custom"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiGuestForm.js:43
+#: src/common/WiFiSettings/WiFiGuestForm.js:42
 msgid "Enable Guest Wi-Fi"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiQRCode.js:43
+#: src/common/WiFiSettings/WiFiQRCode.js:71
-#: src/common/WiFiSettings/WiFiQRCode.js:44
-msgid "Show QR code"
-msgstr ""
-
-#: src/common/WiFiSettings/WiFiQRCode.js:70
 msgid "Wi-Fi QR Code"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiQRCode.js:102
+#: src/common/WiFiSettings/WiFiQRCode.js:91
 msgid "Download PDF"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:82
-#: src/common/WiFiSettings/WiFiSettings.js:99
+#: src/common/WiFiSettings/WiFiSettings.js:98
 msgid "SSID can't be longer than 32 symbols"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiSettings.js:84
+#: src/common/WiFiSettings/WiFiSettings.js:83
-#: src/common/WiFiSettings/WiFiSettings.js:101
+#: src/common/WiFiSettings/WiFiSettings.js:100
 msgid "SSID can't be empty"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiSettings.js:86
+#: src/common/WiFiSettings/WiFiSettings.js:85
-#: src/common/WiFiSettings/WiFiSettings.js:103
+#: src/common/WiFiSettings/WiFiSettings.js:102
 msgid "SSID can't be longer than 32 bytes"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiSettings.js:89
+#: src/common/WiFiSettings/WiFiSettings.js:88
-#: src/common/WiFiSettings/WiFiSettings.js:106
+#: src/common/WiFiSettings/WiFiSettings.js:105
 msgid "Password must contain at least 8 symbols"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiSettings.js:91
+#: src/common/WiFiSettings/WiFiSettings.js:90
-#: src/common/WiFiSettings/WiFiSettings.js:110
+#: src/common/WiFiSettings/WiFiSettings.js:109
 msgid "Password must not contain more than 63 symbols"
 msgstr ""
 
@@ -331,19 +277,19 @@ msgstr ""
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""
 
-#: src/form/components/SubmitButton.js:32
+#: src/form/components/SubmitButton.js:31
 msgid "Updating"
 msgstr ""
 
-#: src/form/components/SubmitButton.js:35
+#: src/form/components/SubmitButton.js:34
 msgid "Load settings"
 msgstr ""
 
-#: src/form/components/SubmitButton.js:38
+#: src/form/components/SubmitButton.js:37
 msgid "Save"
 msgstr ""
 
-#: src/utils/ErrorMessage.js:17
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
 msgstr ""
 
@@ -469,18 +415,3 @@ msgstr ""
 #~ "channel."
 #~ msgstr ""
 
-#~ msgid "Reboot request failed."
-#~ msgstr ""
-
-#~ msgid "Reboot"
-#~ msgstr ""
-
-#~ msgid "Warning!"
-#~ msgstr ""
-
-#~ msgid "Are you sure you want to restart the router?"
-#~ msgstr ""
-
-#~ msgid "Confirm reboot"
-#~ msgstr ""
-

translations/de/LC_MESSAGES/forisjs.po

@@ -1,23 +1,24 @@
 # German translations for Foris JS.
-# Copyright (C) 2024 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
+# Copyright (C) 2022 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
 # This file is distributed under the same license as the Foris JS project.
-# FIRST AUTHOR <EMAIL@ADDRESS>, 2024.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2022.
 #
 msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2024-11-13 14:06+0100\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.16.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."
@@ -35,120 +36,69 @@ msgstr "Keine Antwort erhalten."
 msgid "An unknown API error occurred."
 msgstr "Ein unbekannter API-Fehler ist aufgetreten."
 
-#: src/bootstrap/Alert.js:73 src/bootstrap/Modal.js:101
+#: src/bootstrap/CopyInput.js:55
-#: src/common/WiFiSettings/WiFiQRCode.js:89
-msgid "Close"
-msgstr ""
-
-#: src/bootstrap/CopyInput.js:56
 msgid "Copied!"
 msgstr "Kopiert!"
 
-#: src/bootstrap/CopyInput.js:56
+#: src/bootstrap/CopyInput.js:55
 msgid "Copy"
 msgstr "Kopieren"
 
-#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:60
+#: src/common/RebootButton.js:27
-#, fuzzy
+msgid "Reboot request failed."
-msgid "Action successful."
+msgstr "Neustart-Einleitung fehlgeschlagen."
-msgstr "Einstellungen erfolgreich gespeichert"
 
-#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:65
+#: src/common/RebootButton.js:51
-msgid "Action failed."
+msgid "Reboot"
-msgstr ""
+msgstr "Systemneustart"
 
-#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
+#: src/common/RebootButton.js:66
+msgid "Warning!"
+msgstr "Warnung!"
+
+#: src/common/RebootButton.js:68
+msgid "Are you sure you want to restart the router?"
+msgstr "Sind Sie sicher, dass Sie den Router neu starten wollen?"
+
+#: src/common/RebootButton.js:71
 msgid "Cancel"
 msgstr "Abbrechen"
 
-#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:128
+#: src/common/RebootButton.js:73
-#, fuzzy
+msgid "Confirm reboot"
-msgid "Confirm"
 msgstr "Neustart bestätigen"
 
-#: src/common/RichTable/RichTableHeader.js:29
+#: src/common/WiFiSettings/ResetWiFiSettings.js:38
-msgid "Sort ascending"
-msgstr ""
-
-#: src/common/RichTable/RichTableHeader.js:30
-msgid "Sort descending"
-msgstr ""
-
-#: src/common/RichTable/RichTableHeader.js:31
-msgid "Clear sort"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:65
-msgid "Pagination navigation bar"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:71
-msgid "First page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:77
-msgid "Previous page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:83
-msgid "Next page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:89
-msgid "Last page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:95
-msgid "Page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:98
-msgid "of"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:106
-msgid "Rows per page:"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:109
-msgid "Select rows per page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:121
-msgid "All"
-msgstr ""
-
-#: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
 msgstr ""
 "Ein Fehler ist während der Zurücksetzung der WLAN-Einstellungen "
 "aufgetreten."
 
-#: src/common/WiFiSettings/ResetWiFiSettings.js:42
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
 msgid "Wi-Fi settings are set to defaults."
 msgstr "WLAN-Einstellungen wurden auf Standard zurückgesetzt."
 
-#: src/common/WiFiSettings/ResetWiFiSettings.js:56
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
-#: src/common/WiFiSettings/ResetWiFiSettings.js:70
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
 msgid "Reset Wi-Fi Settings"
 msgstr "WLAN-Einstellungen zurücksetzen"
 
-#: src/common/WiFiSettings/ResetWiFiSettings.js:58
+#: src/common/WiFiSettings/ResetWiFiSettings.js:57
 msgid ""
 "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."
 msgstr ""
-"Falls die Anzahl der WLAN-Karten nicht korrekt ist, könnte es helfen, die"
+"Falls die Anzahl der WLAN-Karten nicht korrekt ist, könnte es helfen, die "
-" WLAN-Einstellungen zurückzusetzen. Beachten Sie, dass dabei die aktuelle"
+"WLAN-Einstellungen zurückzusetzen. Beachten Sie, dass dabei die aktuelle "
-" WLAN-Konfiguration mit den Werkseinstellungen überschrieben wird."
+"WLAN-Konfiguration mit den Werkseinstellungen überschrieben wird."
 
-#: src/common/WiFiSettings/WiFiForm.js:97
+#: src/common/WiFiSettings/WiFiForm.js:95
 msgid "Wi-Fi ${deviceID + 1}"
 msgstr "WLAN ${deviceID + 1}"
 
 #: src/common/WiFiSettings/WiFiForm.js:132
-#: src/common/WiFiSettings/WiFiGuestForm.js:78
+#: src/common/WiFiSettings/WiFiGuestForm.js:80
 msgid "Password"
 msgstr "Passwort"
 
@@ -177,8 +127,8 @@ msgid ""
 "In case you have trouble connecting to WiFi Access Point, try disabling "
 "Management Frame Protection."
 msgstr ""
-"Falls Sie beim Verbinden mit dem WiFi-Access-Point Probleme haben, "
+"Falls Sie beim Verbinden mit dem WiFi-Access-Point Probleme haben, schalten "
-"schalten Sie testweise die Management Frame Protection ab."
+"Sie testweise die Management Frame Protection ab."
 
 #: src/common/WiFiSettings/WiFiForm.js:262
 msgid "auto"
@@ -188,46 +138,40 @@ msgstr "automatisch"
 msgid "Custom"
 msgstr "Benutzerdefiniert"
 
-#: src/common/WiFiSettings/WiFiGuestForm.js:43
+#: src/common/WiFiSettings/WiFiGuestForm.js:42
 msgid "Enable Guest Wi-Fi"
 msgstr "Gast-WLAN aktivieren"
 
-#: src/common/WiFiSettings/WiFiQRCode.js:43
+#: src/common/WiFiSettings/WiFiQRCode.js:71
-#: src/common/WiFiSettings/WiFiQRCode.js:44
-#, fuzzy
-msgid "Show QR code"
-msgstr "WLAN QR-Code"
-
-#: src/common/WiFiSettings/WiFiQRCode.js:70
 msgid "Wi-Fi QR Code"
 msgstr "WLAN QR-Code"
 
-#: src/common/WiFiSettings/WiFiQRCode.js:102
+#: src/common/WiFiSettings/WiFiQRCode.js:91
 msgid "Download PDF"
 msgstr "PDF herunterladen"
 
-#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:82
-#: src/common/WiFiSettings/WiFiSettings.js:99
+#: src/common/WiFiSettings/WiFiSettings.js:98
 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:83
-#: src/common/WiFiSettings/WiFiSettings.js:101
+#: src/common/WiFiSettings/WiFiSettings.js:100
 msgid "SSID can't be empty"
 msgstr "Die SSID darf nicht leer sein"
 
-#: src/common/WiFiSettings/WiFiSettings.js:86
+#: src/common/WiFiSettings/WiFiSettings.js:85
-#: src/common/WiFiSettings/WiFiSettings.js:103
+#: 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:89
+#: src/common/WiFiSettings/WiFiSettings.js:88
-#: src/common/WiFiSettings/WiFiSettings.js:106
+#: 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:91
+#: src/common/WiFiSettings/WiFiSettings.js:90
-#: src/common/WiFiSettings/WiFiSettings.js:110
+#: src/common/WiFiSettings/WiFiSettings.js:109
 msgid "Password must not contain more than 63 symbols"
 msgstr "Das Passwort darf höchstens 63 Zeichen enthalten"
 
@@ -312,11 +256,11 @@ msgid ""
 "supported by all your devices. It usually has less interference, but the "
 "signal does not carry so well indoors."
 msgstr ""
-"Das 2,4 GHz-Band wird von allen Geräten unterstützt, ist aber tendenziell"
+"Das 2,4 GHz-Band wird von allen Geräten unterstützt, ist aber tendenziell "
-" stärker mit Interferenzen belastet. Das 5-GHz-Band ist ein neuerer "
+"stärker mit Interferenzen belastet. Das 5-GHz-Band ist ein neuerer Standard, "
-"Standard, der möglicherweise nicht von allen Ihren Geräten unterstützt "
+"der möglicherweise nicht von allen Ihren Geräten unterstützt wird. Es hat in "
-"wird. Es hat in der Regel weniger Interferenzen, aber das Signal trägt "
+"der Regel weniger Interferenzen, aber das Signal trägt nicht so gut in "
-"nicht so gut in Innenräumen."
+"Innenräumen."
 
 #: src/common/WiFiSettings/constants.js:43
 msgid ""
@@ -325,10 +269,10 @@ msgid ""
 "interference in the network. If you don't know what to choose, use the "
 "default option with 20 MHz wide channel."
 msgstr ""
-"Ändern Sie diese Option, um den 802.11n/ac/ax-Betriebsmodus anzupassen. "
+"Ändern Sie diese Option, um den 802.11n/ac/ax-Betriebsmodus anzupassen. 40 "
-"40 MHz breite Kanäle können bei 802.11n mehr Daten transportieren, jedoch"
+"MHz breite Kanäle können bei 802.11n mehr Daten transportieren, jedoch zu "
-" zu mehr Interferenzen im Netzwerk führen. Wenn Sie nicht wissen, was Sie"
+"mehr Interferenzen im Netzwerk führen. Wenn Sie nicht wissen, was Sie wählen "
-" wählen sollen, verwenden Sie die Voreinstellung mit 20 MHz Kanalbreite."
+"sollen, verwenden Sie die Voreinstellung mit 20 MHz Kanalbreite."
 
 #: src/common/WiFiSettings/constants.js:46
 msgid ""
@@ -338,11 +282,11 @@ msgid ""
 "router. Parameters of the guest network can be set in the Guest network "
 "tab."
 msgstr ""
-"Ermöglicht ein Wi-Fi für Gäste, das vom LAN-Netzwerk getrennt ist. "
+"Ermöglicht ein Wi-Fi für Gäste, das vom LAN-Netzwerk getrennt ist. Geräte, "
-"Geräte, die mit diesem Netzwerk verbunden sind, dürfen auf das Internet "
+"die mit diesem Netzwerk verbunden sind, dürfen auf das Internet zugreifen, "
-"zugreifen, nicht jedoch auf andere Geräte oder die "
+"nicht jedoch auf andere Geräte oder die Konfigurationsschnittstelle des "
-"Konfigurationsschnittstelle des Routers. Die Parameter des Gastnetzwerks "
+"Routers. Die Parameter des Gastnetzwerks können auf der Gastnetzwerk-"
-"können auf der Gastnetzwerk-Registerkarte eingestellt werden."
+"Registerkarte eingestellt werden."
 
 #: src/common/WiFiSettings/constants.js:49
 msgid ""
@@ -353,9 +297,9 @@ msgid ""
 msgstr ""
 "Der WPA3-Standard ist die neue Verschlüsselungsmethode mit der besten "
 "Sicherheit. Er empfiehlt sich für jedes Gerät, das ihn unterstützt, aber "
-"ältere Geräte, bei denen das noch nicht der Fall ist, müssen auf das "
+"ältere Geräte, bei denen das noch nicht der Fall ist, müssen auf das ältere "
-"ältere WPA2 ausweichen. Falls Sie Probleme dabei haben, ältere Geräte mit"
+"WPA2 ausweichen. Falls Sie Probleme dabei haben, ältere Geräte mit dem WLAN "
-" dem WLAN zu verbinden, schalten Sie versuchsweise WPA2 ein."
+"zu verbinden, schalten Sie versuchsweise WPA2 ein."
 
 #: src/form/components/ForisForm.js:121
 msgid "Settings saved successfully"
@@ -367,19 +311,19 @@ msgstr ""
 "Änderungen, die Sie vorgenommen haben, werden möglicherweise nicht "
 "gespeichert. Möchten Sie wirklich gehen?"
 
-#: src/form/components/SubmitButton.js:32
+#: src/form/components/SubmitButton.js:31
 msgid "Updating"
 msgstr "Aktualisiere"
 
-#: src/form/components/SubmitButton.js:35
+#: src/form/components/SubmitButton.js:34
 msgid "Load settings"
 msgstr "Einstellungen laden"
 
-#: src/form/components/SubmitButton.js:38
+#: src/form/components/SubmitButton.js:37
 msgid "Save"
 msgstr "Speichern"
 
-#: src/utils/ErrorMessage.js:17
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
 msgstr "Beim Abruf der Daten ist ein Fehler aufgetreten."
 
@@ -433,16 +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 ""
-
-#~ msgid "Reboot request failed."
-#~ msgstr "Neustart-Einleitung fehlgeschlagen."
-
-#~ msgid "Reboot"
-#~ msgstr "Systemneustart"
-
-#~ msgid "Warning!"
-#~ msgstr "Warnung!"
-
-#~ msgid "Are you sure you want to restart the router?"
-#~ msgstr "Sind Sie sicher, dass Sie den Router neu starten wollen?"
-

translations/el/LC_MESSAGES/forisjs.po

@@ -1,13 +1,13 @@
 # Greek translations for Foris JS.
-# Copyright (C) 2024 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
+# Copyright (C) 2022 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
 # This file is distributed under the same license as the Foris JS project.
-# FIRST AUTHOR <EMAIL@ADDRESS>, 2024.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2022.
 #
 msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2024-11-13 14:06+0100\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"
@@ -17,7 +17,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.16.0\n"
+"Generated-By: Babel 2.11.0\n"
 
 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@@ -35,114 +35,64 @@ msgstr ""
 msgid "An unknown API error occurred."
 msgstr ""
 
-#: src/bootstrap/Alert.js:73 src/bootstrap/Modal.js:101
+#: src/bootstrap/CopyInput.js:55
-#: src/common/WiFiSettings/WiFiQRCode.js:89
-msgid "Close"
-msgstr ""
-
-#: src/bootstrap/CopyInput.js:56
 msgid "Copied!"
 msgstr ""
 
-#: src/bootstrap/CopyInput.js:56
+#: src/bootstrap/CopyInput.js:55
 msgid "Copy"
 msgstr ""
 
-#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:60
+#: src/common/RebootButton.js:27
-msgid "Action successful."
+msgid "Reboot request failed."
 msgstr ""
 
-#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:65
+#: src/common/RebootButton.js:51
-msgid "Action failed."
+msgid "Reboot"
+msgstr "Επανεκκίνηση"
+
+#: src/common/RebootButton.js:66
+msgid "Warning!"
 msgstr ""
 
-#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
+#: src/common/RebootButton.js:68
+msgid "Are you sure you want to restart the router?"
+msgstr "Είστε βέβαιοι ότι θέλετε να κάνετε επανεκκίνηση του δρομολογητή;"
+
+#: src/common/RebootButton.js:71
 msgid "Cancel"
 msgstr "Άκυρο"
 
-#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:128
+#: src/common/RebootButton.js:73
-#, fuzzy
+msgid "Confirm reboot"
-msgid "Confirm"
 msgstr "Επιβεβαίωση επανεκκίνησης"
 
-#: src/common/RichTable/RichTableHeader.js:29
+#: src/common/WiFiSettings/ResetWiFiSettings.js:38
-msgid "Sort ascending"
-msgstr ""
-
-#: src/common/RichTable/RichTableHeader.js:30
-msgid "Sort descending"
-msgstr ""
-
-#: src/common/RichTable/RichTableHeader.js:31
-msgid "Clear sort"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:65
-msgid "Pagination navigation bar"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:71
-msgid "First page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:77
-msgid "Previous page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:83
-msgid "Next page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:89
-msgid "Last page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:95
-msgid "Page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:98
-msgid "of"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:106
-msgid "Rows per page:"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:109
-msgid "Select rows per page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:121
-msgid "All"
-msgstr ""
-
-#: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
 msgstr ""
 
-#: src/common/WiFiSettings/ResetWiFiSettings.js:42
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
 msgid "Wi-Fi settings are set to defaults."
 msgstr ""
 
-#: src/common/WiFiSettings/ResetWiFiSettings.js:56
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
-#: src/common/WiFiSettings/ResetWiFiSettings.js:70
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
 msgid "Reset Wi-Fi Settings"
 msgstr ""
 
-#: src/common/WiFiSettings/ResetWiFiSettings.js:58
+#: src/common/WiFiSettings/ResetWiFiSettings.js:57
 msgid ""
 "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."
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiForm.js:97
+#: src/common/WiFiSettings/WiFiForm.js:95
 msgid "Wi-Fi ${deviceID + 1}"
 msgstr ""
 
 #: src/common/WiFiSettings/WiFiForm.js:132
-#: src/common/WiFiSettings/WiFiGuestForm.js:78
+#: src/common/WiFiSettings/WiFiGuestForm.js:80
 msgid "Password"
 msgstr ""
 
@@ -181,45 +131,40 @@ msgstr ""
 msgid "Custom"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiGuestForm.js:43
+#: src/common/WiFiSettings/WiFiGuestForm.js:42
 msgid "Enable Guest Wi-Fi"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiQRCode.js:43
+#: src/common/WiFiSettings/WiFiQRCode.js:71
-#: src/common/WiFiSettings/WiFiQRCode.js:44
-msgid "Show QR code"
-msgstr ""
-
-#: src/common/WiFiSettings/WiFiQRCode.js:70
 msgid "Wi-Fi QR Code"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiQRCode.js:102
+#: src/common/WiFiSettings/WiFiQRCode.js:91
 msgid "Download PDF"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:82
-#: src/common/WiFiSettings/WiFiSettings.js:99
+#: src/common/WiFiSettings/WiFiSettings.js:98
 msgid "SSID can't be longer than 32 symbols"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiSettings.js:84
+#: src/common/WiFiSettings/WiFiSettings.js:83
-#: src/common/WiFiSettings/WiFiSettings.js:101
+#: src/common/WiFiSettings/WiFiSettings.js:100
 msgid "SSID can't be empty"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiSettings.js:86
+#: src/common/WiFiSettings/WiFiSettings.js:85
-#: src/common/WiFiSettings/WiFiSettings.js:103
+#: src/common/WiFiSettings/WiFiSettings.js:102
 msgid "SSID can't be longer than 32 bytes"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiSettings.js:89
+#: src/common/WiFiSettings/WiFiSettings.js:88
-#: src/common/WiFiSettings/WiFiSettings.js:106
+#: src/common/WiFiSettings/WiFiSettings.js:105
 msgid "Password must contain at least 8 symbols"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiSettings.js:91
+#: src/common/WiFiSettings/WiFiSettings.js:90
-#: src/common/WiFiSettings/WiFiSettings.js:110
+#: src/common/WiFiSettings/WiFiSettings.js:109
 msgid "Password must not contain more than 63 symbols"
 msgstr ""
 
@@ -334,19 +279,19 @@ msgstr ""
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""
 
-#: src/form/components/SubmitButton.js:32
+#: src/form/components/SubmitButton.js:31
 msgid "Updating"
 msgstr ""
 
-#: src/form/components/SubmitButton.js:35
+#: src/form/components/SubmitButton.js:34
 msgid "Load settings"
 msgstr ""
 
-#: src/form/components/SubmitButton.js:38
+#: src/form/components/SubmitButton.js:37
 msgid "Save"
 msgstr ""
 
-#: src/utils/ErrorMessage.js:17
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
 msgstr ""
 
@@ -472,15 +417,3 @@ msgstr ""
 #~ "channel."
 #~ msgstr ""
 
-#~ msgid "Reboot request failed."
-#~ msgstr ""
-
-#~ msgid "Reboot"
-#~ msgstr "Επανεκκίνηση"
-
-#~ msgid "Warning!"
-#~ msgstr ""
-
-#~ msgid "Are you sure you want to restart the router?"
-#~ msgstr "Είστε βέβαιοι ότι θέλετε να κάνετε επανεκκίνηση του δρομολογητή;"
-

translations/en/LC_MESSAGES/forisjs.po

@@ -1,13 +1,13 @@
 # English translations for Foris JS.
-# Copyright (C) 2024 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
+# Copyright (C) 2022 CZ.NIC, z.s.p.o. (https://www.nic.cz/)
 # This file is distributed under the same license as the Foris JS project.
-# FIRST AUTHOR <EMAIL@ADDRESS>, 2024.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2022.
 #
 msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2024-11-13 14:06+0100\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"
@@ -17,7 +17,7 @@ msgstr ""
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
-"Generated-By: Babel 2.16.0\n"
+"Generated-By: Babel 2.11.0\n"
 
 #: src/api/utils.js:61
 msgid "The session is expired. Please log in again."
@@ -35,113 +35,64 @@ msgstr ""
 msgid "An unknown API error occurred."
 msgstr ""
 
-#: src/bootstrap/Alert.js:73 src/bootstrap/Modal.js:101
+#: src/bootstrap/CopyInput.js:55
-#: src/common/WiFiSettings/WiFiQRCode.js:89
-msgid "Close"
-msgstr ""
-
-#: src/bootstrap/CopyInput.js:56
 msgid "Copied!"
 msgstr ""
 
-#: src/bootstrap/CopyInput.js:56
+#: src/bootstrap/CopyInput.js:55
 msgid "Copy"
 msgstr ""
 
-#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:60
+#: src/common/RebootButton.js:27
-msgid "Action successful."
+msgid "Reboot request failed."
 msgstr ""
 
-#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:65
+#: src/common/RebootButton.js:51
-msgid "Action failed."
+msgid "Reboot"
 msgstr ""
 
-#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:125
+#: src/common/RebootButton.js:66
+msgid "Warning!"
+msgstr ""
+
+#: src/common/RebootButton.js:68
+msgid "Are you sure you want to restart the router?"
+msgstr ""
+
+#: src/common/RebootButton.js:71
 msgid "Cancel"
 msgstr ""
 
-#: src/common/ActionButtonWithModal/ActionButtonWithModal.js:128
+#: src/common/RebootButton.js:73
-msgid "Confirm"
+msgid "Confirm reboot"
 msgstr ""
 
-#: src/common/RichTable/RichTableHeader.js:29
+#: src/common/WiFiSettings/ResetWiFiSettings.js:38
-msgid "Sort ascending"
-msgstr ""
-
-#: src/common/RichTable/RichTableHeader.js:30
-msgid "Sort descending"
-msgstr ""
-
-#: src/common/RichTable/RichTableHeader.js:31
-msgid "Clear sort"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:65
-msgid "Pagination navigation bar"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:71
-msgid "First page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:77
-msgid "Previous page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:83
-msgid "Next page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:89
-msgid "Last page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:95
-msgid "Page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:98
-msgid "of"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:106
-msgid "Rows per page:"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:109
-msgid "Select rows per page"
-msgstr ""
-
-#: src/common/RichTable/RichTablePagination.js:121
-msgid "All"
-msgstr ""
-
-#: src/common/WiFiSettings/ResetWiFiSettings.js:39
 msgid "An error occurred during resetting Wi-Fi settings."
 msgstr ""
 
-#: src/common/WiFiSettings/ResetWiFiSettings.js:42
+#: src/common/WiFiSettings/ResetWiFiSettings.js:41
 msgid "Wi-Fi settings are set to defaults."
 msgstr ""
 
-#: src/common/WiFiSettings/ResetWiFiSettings.js:56
+#: src/common/WiFiSettings/ResetWiFiSettings.js:55
-#: src/common/WiFiSettings/ResetWiFiSettings.js:70
+#: src/common/WiFiSettings/ResetWiFiSettings.js:69
 msgid "Reset Wi-Fi Settings"
 msgstr ""
 
-#: src/common/WiFiSettings/ResetWiFiSettings.js:58
+#: src/common/WiFiSettings/ResetWiFiSettings.js:57
 msgid ""
 "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."
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiForm.js:97
+#: src/common/WiFiSettings/WiFiForm.js:95
 msgid "Wi-Fi ${deviceID + 1}"
 msgstr ""
 
 #: src/common/WiFiSettings/WiFiForm.js:132
-#: src/common/WiFiSettings/WiFiGuestForm.js:78
+#: src/common/WiFiSettings/WiFiGuestForm.js:80
 msgid "Password"
 msgstr ""
 
@@ -179,45 +130,40 @@ msgstr ""
 msgid "Custom"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiGuestForm.js:43
+#: src/common/WiFiSettings/WiFiGuestForm.js:42
 msgid "Enable Guest Wi-Fi"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiQRCode.js:43
+#: src/common/WiFiSettings/WiFiQRCode.js:71
-#: src/common/WiFiSettings/WiFiQRCode.js:44
-msgid "Show QR code"
-msgstr ""
-
-#: src/common/WiFiSettings/WiFiQRCode.js:70
 msgid "Wi-Fi QR Code"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiQRCode.js:102
+#: src/common/WiFiSettings/WiFiQRCode.js:91
 msgid "Download PDF"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiSettings.js:83
+#: src/common/WiFiSettings/WiFiSettings.js:82
-#: src/common/WiFiSettings/WiFiSettings.js:99
+#: src/common/WiFiSettings/WiFiSettings.js:98
 msgid "SSID can't be longer than 32 symbols"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiSettings.js:84
+#: src/common/WiFiSettings/WiFiSettings.js:83
-#: src/common/WiFiSettings/WiFiSettings.js:101
+#: src/common/WiFiSettings/WiFiSettings.js:100
 msgid "SSID can't be empty"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiSettings.js:86
+#: src/common/WiFiSettings/WiFiSettings.js:85
-#: src/common/WiFiSettings/WiFiSettings.js:103
+#: src/common/WiFiSettings/WiFiSettings.js:102
 msgid "SSID can't be longer than 32 bytes"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiSettings.js:89
+#: src/common/WiFiSettings/WiFiSettings.js:88
-#: src/common/WiFiSettings/WiFiSettings.js:106
+#: src/common/WiFiSettings/WiFiSettings.js:105
 msgid "Password must contain at least 8 symbols"
 msgstr ""
 
-#: src/common/WiFiSettings/WiFiSettings.js:91
+#: src/common/WiFiSettings/WiFiSettings.js:90
-#: src/common/WiFiSettings/WiFiSettings.js:110
+#: src/common/WiFiSettings/WiFiSettings.js:109
 msgid "Password must not contain more than 63 symbols"
 msgstr ""
 
@@ -332,19 +278,19 @@ msgstr ""
 msgid "Changes you made may not be saved. Are you sure you want to leave?"
 msgstr ""
 
-#: src/form/components/SubmitButton.js:32
+#: src/form/components/SubmitButton.js:31
 msgid "Updating"
 msgstr ""
 
-#: src/form/components/SubmitButton.js:35
+#: src/form/components/SubmitButton.js:34
 msgid "Load settings"
 msgstr ""
 
-#: src/form/components/SubmitButton.js:38
+#: src/form/components/SubmitButton.js:37
 msgid "Save"
 msgstr ""
 
-#: src/utils/ErrorMessage.js:17
+#: src/utils/ErrorMessage.js:16
 msgid "An error occurred while fetching data."
 msgstr ""
 
@@ -467,18 +413,3 @@ msgstr ""
 #~ "channel."
 #~ msgstr ""
 
-#~ msgid "Reboot request failed."
-#~ msgstr ""
-
-#~ msgid "Reboot"
-#~ msgstr ""
-
-#~ msgid "Warning!"
-#~ msgstr ""
-
-#~ msgid "Are you sure you want to restart the router?"
-#~ msgstr ""
-
-#~ msgid "Confirm reboot"
-#~ msgstr ""
-