Merge branch 'dev' into 'master'

Dev See merge request turris/reforis/foris-js!225
Merge branch 'bump-602' into 'dev'
2025-07-03 16:02:26 +02:00 · 2024-06-28 14:22:41 +02:00 · 2024-06-28 13:08:32 +02:00 · 2024-06-28 14:03:19 +03:00 · 2024-06-28 10:30:25 +03:00 · 2024-06-28 10:29:41 +03:00
61 changed files with 706 additions and 261 deletions
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -1,8 +1,3 @@
 module.exports = {
-    extends: ["eslint-config-reforis", "prettier"],
-    plugins: ["prettier"],
-    rules: {
-        "prettier/prettier": ["error"],
-        "import/prefer-default-export": "off",
-    },
+    extends: "eslint-config-reforis",
 };
--- a/.prettierrc
+++ b/.prettierrc
@ -1,11 +0,0 @@
-{
-    "singleQuote": false,
-    "printWidth": 80,
-    "proseWrap": "always",
-    "tabWidth": 4,
-    "useTabs": false,
-    "trailingComma": "es5",
-    "bracketSpacing": true,
-    "jsxBracketSameLine": false,
-    "semi": true
-}
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -0,0 +1,397 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to
+[Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+## [6.0.2] - 2024-06-28
+
+### Added
+
+-   Added className prop to CheckBox and Radio components
+
+## [6.0.1] - 2024-06-26
+
+### Added
+
+-   Added className prop to Switch component
+
+### Changed
+
+-   Updated dependencies in package.json
+-   NPM audit fix
+
+## [6.0.0] - 2024-06-11
+
+### Added
+
+-   Added CHANGELOG.md
+-   Added JS_DIR variable to Makefile
+-   Added support for shared reForis ESLint configuration
+
+### Changed
+
+-   Updated dependencies in package.json
+-   Updated Spinner.css styles for better positioning and responsiveness
+-   Migrated to Bootstrap 5
+-   NPM audit fix
+-   Other small improvements
+
+## [5.6.1] - 2024-01-19
+
+-   Added & updated Weblate translations
+-   Fixed loading state & button's layout
+-   Updated bootstrap library to version 4.6.2
+-   Used custom reforis-image in GitLab CI/CD
+-   NPM audit fix
+
+## [5.6.0] - 2022-12-29
+
+-   Add & update Weblate translations
+-   Add CustomizationContext and custom hook
+-   Update caniuse-lite
+-   Remove testUtils from .gitignore
+-   Make ieee80211w_disabled as optional in WiFiForm
+-   Move contexts in a context folder
+-   NPM audit fix
+
+## [5.5.0] - 2022-12-02
+
+-   Add & update translations
+-   Add a switch to disable Management Frame Protection (802.11w)
+-   Improved Foris JS documentation
+-   NPM audit fix
+
+## [5.4.1] - 2022-06-03
+
+-   Add Weblate translations
+-   Update PropType peer dependency
+-   NPM audit fix
+
+## [5.4.0] - 2022-05-20
+
+-   Add & update translations
+-   Add CopyInput bootstrap component
+-   Update WiFiForm labels and description for wifi ax
+-   Make WS path in lighttpd mode configurable
+-   Fix Wi-Fi password helptext string
+-   NPM audit fix
+
+## [5.3.0] - 2022-02-21
+
+-   Added & update translations
+-   Added rest of the props to DownloadButton component
+-   Added hostname validation
+-   Added wifi 802.11ax HE modes
+-   Set best Wi-Fi HT mode depending on the checked frequency
+-   Improved domain name RegEx pattern
+-   Removed customOrder prop in Select component
+-   Fixed Wi-Fi translation strings
+-   Fixed autocomplete attribute in PasswordInput
+-   Fixed WiFi password max length check
+-   Fixed documentation build
+-   Fixed access token in publish script
+-   Refined & restructure Makefile
+-   Updated GitLab CI image to Node.js v16
+-   NPM update (several dependencies)
+-   NPM audit fix
+
+## [5.2.0] - 2021-12-15
+
+-   Remove login page
+-   NPM audit fix
+
+## [5.1.16] - 2021-11-18
+
+-   Revert bad NPM audit fix
+-   NPM audit fix
+
+## [5.1.15] - 2021-11-03
+
+-   Add WPA3 option
+-   Add custom order ability of Select options
+-   NPM audit fix
+
+## [5.1.14] - 2021-07-30
+
+-   Add & update translations
+-   Fix infinity redirect loop when WS error occurs
+-   NPM audit fix
+
+## [5.1.13] - 2021-06-30
+
+-   Add sentinelAgreement endpoint to forisUrls
+-   NPM audit fix
+
+## [5.1.12] - 2021-05-14
+
+-   Add & update translations
+-   Add & fix obsolete links
+-   Expend library with the ResetWifiSettings function
+-   Fix switching Wi-Fi modes depending on bands in WiFiForm
+-   Fix translation sources in WiFiForm
+-   NPM audit fix
+-   Other small improvements
+
+## [5.1.11] - 2021-01-04
+
+-   Remove duplicated file for Norwegian language
+-   Fix translations inconsistency
+
+## [5.1.10] - 2021-12-29
+
+-   Add and update translations
+
+## [5.1.9] - 2021-12-20
+
+-   Increase bottom margin of formFieldsSize
+-   Change formFieldsSize of ResetWiFiSettings card
+-   Fix trailing space in Modal classes
+
+## [5.1.8] - 2020-12-19
+
+-   Add isPluginInstalled function
+
+## [5.1.7] - 2020-11-27
+
+## [5.1.6] - 2020-11-25
+
+-   NPM audit fix
+-   Add displayCard function to utils
+-   Add optional sizes to Modal
+-   Add information about optional sizes to docs
+-   Remove redundant merge.py
+
+## [5.1.5] - 2020-09-25
+
+-   Fix DateTime import
+-   Fix extra empty space in Switch's classes
+
+## [5.1.4] - 2020-09-25
+
+-   Add inline option to Wi-Fi's RadioSet
+-   Fix Alert's dismissible class condition
+-   Add closing bootstrap modal using ESC
+-   Change reboot modal's heading to "Warning!"
+
+## [5.1.3] - 2020-09-11
+
+-   Add SSID validation for 32 bytes length
+-   Add helpText for SSID input
+
+## [5.1.2] - 2020-09-08
+
+-   Fix infinity loop caused by WebSockets
+-   Resolve small issues
+
+## [5.1.1] - 2020-08-31
+
+-   Add "inline" option to RadioSet
+-   NPM audit fix
+
+## [5.1.0] - 2020-08-25
+
+-   Add new Switch component
+-   Swap checkboxes for switches on Wi-Fi page
+-   Decrease button width on different breakpoints
+-   Add integration of Prettier + ESLint + reForis Style Guide
+-   Add appropriate links to dropdown headers
+-   Add semantic & accessibility structure for headings
+-   NPM audit & Update packages
+-   GitLab CI: image update to node 10
+
+## [5.0.3] - 2020-09-23
+
+-   Fixes issue with WebSockets
+
+## [5.0.2] - 2020-09-22
+
+-   Fix infinity loop caused by WebSockets
+
+## [5.0.1] - 2020-07-21
+
+-   Fix Wi-Fi Form
+-   NPM audit fix & update of packages
+
+## [5.0.0] - 2020-05-07
+
+-   I've realized that it should be major update due to broken API.
+
+## [4.5.1] - 2020-05-07
+
+-   Add initialData to ForisForm children.
+-   Update translations .pot file.
+
+## [4.5.0] - 2020-03-25
+
+-   Use exposed pdfmake.
+-   NPM audit fix & update of packages.
+
+## [4.4.0] - 2020-03-13
+
+-   Update domain validation.
+
+## [4.3.1] - 2020-03-06
+
+-   Add logout link.
+
+## [4.3.0] - 2020-02-26
+
+-   Allow RadioSet accept elements as children.
+-   Add option to make modal scrollable.
+
+## [4.2.0] - 2020-02-21
+
+-   Add translations.
+-   Improve datatime localization.
+
+## [4.1.0] - 2020-02-20
+
+-   Added date and time utilities.
+
+## [4.0.0] - 2020-02-20
+
+-   Throw an error if unhandled exception happens during API request.
+
+## [3.4.0] - 2020-02-17
+
+-   Display actual GET error response within the form.
+-   Added styles extracted from reForis.
+-   Added reference to form element (for programmatically submitting it).
+
+## [3.2.0] - 2020-01-17
+
+-   Swapped react-router with react-router-dom. Prepared Foris JS for using
+    react-router-dom exposed by reForis.
+-   Added controller ID filter to WebSocket hook.
+-   Updated translation messages after moving WiFi form.
+-   Increased request timeout to 30.5 sec.
+
+## [3.1.1] - 2020-01-10
+
+-   Fixed package dependencies related to exposing libraries via reForis
+
+## [3.1.0] - 2020-01-09
+
+-   Added Wi-Fi settings form
+-   Fixed path to index.js file in package.json
+
+## [3.0.0] - 2020-01-07
+
+-   Removal of Babel compiler
+-   Fixed width of ForisForm, removed default sizing for form widgets (like
+    buttons)
+
+## [2.1.1] - 2020-01-06
+
+-   Display date and time picker above input element
+
+## [2.1.0] - 2019-12-19
+
+-   Set WebSocket logging to debug level
+-   Added hook that detects clicking outside of component
+-   Added Radio to list of publicly available components
+-   Fixed link to git repository in package.json
+
+## [2.0.0] - 2019-12-09
+
+-   Added dynamic suffix for API URLs (allowing to use one hook for different
+    resources with e.g. PUT)
+-   Added unsubscribe method to WebSocket client
+-   Added custom class to SpinnerElement
+-   Improved documentation
+-   Published README.md
+
+## [1.4.0] - 2019-11-29
+
+-   Add reboot button.
+-   Fix Foris URLs prefixes
+
+## [1.3.3] - 2019-11-22
+
+-   Add translations from Weblate.
+
+## [1.3.2] - 2019-11-20
+
+-   Expose only AlertContext.
+-   Add hook for API pooling.
+
+## [1.3.1] - 2019-11-14
+
+## [1.2.0] - 2019-10-24
+
+## [1.1.0] - 2019-10-22
+
+## [1.0.0] - 2019-10-07
+
+## [0.0.7] - 2019-09-02
+
+[unreleased]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.0.2...master
+[6.0.2]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.0.1...v6.0.2
+[6.0.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v6.0.0...v6.0.1
+[6.0.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.6.1...v6.0.0
+[5.6.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.6.0...v5.6.1
+[5.6.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.5.0...v5.6.0
+[5.5.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.4.1...v5.5.0
+[5.4.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.4.0...v5.4.1
+[5.4.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.3.0...v5.4.0
+[5.3.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.2.0...v5.3.0
+[5.2.0]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.16...v5.2.0
+[5.1.16]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.15...v5.1.16
+[5.1.15]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.14...v5.1.15
+[5.1.14]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.13...v5.1.14
+[5.1.13]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.12...v5.1.13
+[5.1.12]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.11...v5.1.12
+[5.1.11]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.10...v5.1.11
+[5.1.10]:
+    https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.9...v5.1.10
+[5.1.9]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.8...v5.1.9
+[5.1.8]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.7...v5.1.8
+[5.1.7]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.6...v5.1.7
+[5.1.6]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.5...v5.1.6
+[5.1.5]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.4...v5.1.5
+[5.1.4]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.3...v5.1.4
+[5.1.3]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.2...v5.1.3
+[5.1.2]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.1...v5.1.2
+[5.1.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.1.0...v5.1.1
+[5.1.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.0.3...v5.1.0
+[5.0.3]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.0.2...v5.0.3
+[5.0.2]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.0.1...v5.0.2
+[5.0.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v5.5.0...v5.0.1
+[5.0.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.5.1...v5.0.0
+[4.5.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.5.0...v4.5.1
+[4.5.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.4.0...v4.5.0
+[4.4.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.3.1...v4.4.0
+[4.3.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.3.0...v4.3.1
+[4.3.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.2.0...v4.3.0
+[4.2.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.1.0...v4.2.0
+[4.1.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v4.0.0...v4.1.0
+[4.0.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v3.4.0...v4.0.0
+[3.4.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v3.2.0...v3.4.0
+[3.2.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v3.1.1...v3.2.0
+[3.1.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v3.1.0...v3.1.1
+[3.1.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v3.0.0...v3.1.0
+[3.0.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v2.1.1...v3.0.0
+[2.1.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v2.1.0...v2.1.1
+[2.1.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v2.0.0...v2.1.0
+[2.0.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.4.0...v2.0.0
+[1.4.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.3.3...v1.4.0
+[1.3.3]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.3.2...v1.3.3
+[1.3.2]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.3.1...v1.3.2
+[1.3.1]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.2.0...v1.3.1
+[1.2.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.1.0...v1.2.0
+[1.1.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v1.0.0...v1.1.0
+[1.0.0]: https://gitlab.nic.cz/turris/reforis/foris-js/-/compare/v0.0.7...v1.0.0
+[0.0.7]: https://gitlab.nic.cz/turris/reforis/foris-js/-/tags/v0.0.7
--- a/package-lock.json
+++ b/package-lock.json
@ -1,12 +1,12 @@
 {
    "name": "foris",
-    "version": "6.0.0",
+    "version": "6.0.2",
    "lockfileVersion": 2,
    "requires": true,
    "packages": {
        "": {
            "name": "foris",
-            "version": "6.0.0",
+            "version": "6.0.2",
            "license": "GPL-3.0",
            "dependencies": {
                "axios": "^1.7.2",
@ -29,15 +29,13 @@
                "bootstrap": "^5.3.3",
                "css-loader": "^5.2.4",
                "eslint": "^8.57.0",
-                "eslint-config-prettier": "^9.1.0",
                "eslint-config-reforis": "^2.1.1",
-                "eslint-plugin-prettier": "^5.1.3",
                "file-loader": "^6.0.0",
                "jest": "^29.7.0",
                "jest-environment-jsdom": "^29.7.0",
                "jest-mock-axios": "^4.7.3",
                "moment-timezone": "^0.5.45",
-                "prettier": "^3.3.1",
+                "prettier": "^3.3.2",
                "prop-types": "15.8.1",
                "react": "16.9.0",
                "react-dom": "16.9.0",
@ -45,7 +43,7 @@
                "react-styleguidist": "^12.0.1",
                "snapshot-diff": "^0.10.0",
                "style-loader": "^1.2.1",
-                "webpack": "^5.91.0"
+                "webpack": "^5.92.1"
            },
            "peerDependencies": {
                "bootstrap": "^5.3.3",
@ -4316,6 +4314,16 @@
                "acorn-walk": "^8.0.2"
            }
        },
+        "node_modules/acorn-import-attributes": {
+            "version": "1.9.5",
+            "resolved": "https://registry.npmjs.org/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz",
+            "integrity": "sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==",
+            "dev": true,
+            "license": "MIT",
+            "peerDependencies": {
+                "acorn": "^8"
+            }
+        },
        "node_modules/acorn-jsx": {
            "version": "5.3.2",
            "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
@ -15073,10 +15081,11 @@
            }
        },
        "node_modules/prettier": {
-            "version": "3.3.1",
-            "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.1.tgz",
-            "integrity": "sha512-7CAwy5dRsxs8PHXT3twixW9/OEll8MLE0VRPCJyl7CkS6VHGPSlsVaWTiASPTyGyYRyApxlaWTzwUxVNrhcwDg==",
+            "version": "3.3.2",
+            "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.2.tgz",
+            "integrity": "sha512-rAVeHYMcv8ATV5d508CFdn+8/pHPpXeIid1DdrPwXnaAdH7cqjVbpJaT5eq4yRAFU/lsbwYwSF/n5iNrdJHPQA==",
            "dev": true,
+            "license": "MIT",
            "bin": {
                "prettier": "bin/prettier.cjs"
            },
@ -18147,10 +18156,11 @@
            }
        },
        "node_modules/webpack": {
-            "version": "5.91.0",
-            "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.91.0.tgz",
-            "integrity": "sha512-rzVwlLeBWHJbmgTC/8TvAcu5vpJNII+MelQpylD4jNERPwpBJOE2lEcko1zJX3QJeLjTTAnQxn/OJ8bjDzVQaw==",
+            "version": "5.92.1",
+            "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.92.1.tgz",
+            "integrity": "sha512-JECQ7IwJb+7fgUFBlrJzbyu3GEuNBcdqr1LD7IbSzwkSmIevTm8PF+wej3Oxuz/JFBUZ6O1o43zsPkwm1C4TmA==",
            "dev": true,
+            "license": "MIT",
            "dependencies": {
                "@types/eslint-scope": "^3.7.3",
                "@types/estree": "^1.0.5",
@ -18158,10 +18168,10 @@
                "@webassemblyjs/wasm-edit": "^1.12.1",
                "@webassemblyjs/wasm-parser": "^1.12.1",
                "acorn": "^8.7.1",
-                "acorn-import-assertions": "^1.9.0",
+                "acorn-import-attributes": "^1.9.5",
                "browserslist": "^4.21.10",
                "chrome-trace-event": "^1.0.2",
-                "enhanced-resolve": "^5.16.0",
+                "enhanced-resolve": "^5.17.0",
                "es-module-lexer": "^1.2.1",
                "eslint-scope": "5.1.1",
                "events": "^3.2.0",
@ -18406,15 +18416,6 @@
                "lodash": "^4.17.15"
            }
        },
-        "node_modules/webpack/node_modules/acorn-import-assertions": {
-            "version": "1.9.0",
-            "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz",
-            "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==",
-            "dev": true,
-            "peerDependencies": {
-                "acorn": "^8"
-            }
-        },
        "node_modules/webpack/node_modules/schema-utils": {
            "version": "3.3.0",
            "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
@ -18696,10 +18697,11 @@
            }
        },
        "node_modules/ws": {
-            "version": "8.17.0",
-            "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.0.tgz",
-            "integrity": "sha512-uJq6108EgZMAl20KagGkzCKfMEjxmKvZHG7Tlq0Z6nOky7YF7aq4mOx6xK8TJ/i1LeK4Qus7INktacctDgY8Ow==",
+            "version": "8.17.1",
+            "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
+            "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
            "dev": true,
+            "license": "MIT",
            "engines": {
                "node": ">=10.0.0"
            },
@ -22085,6 +22087,13 @@
                "acorn-walk": "^8.0.2"
            }
        },
+        "acorn-import-attributes": {
+            "version": "1.9.5",
+            "resolved": "https://registry.npmjs.org/acorn-import-attributes/-/acorn-import-attributes-1.9.5.tgz",
+            "integrity": "sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==",
+            "dev": true,
+            "requires": {}
+        },
        "acorn-jsx": {
            "version": "5.3.2",
            "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
@ -30152,9 +30161,9 @@
            "dev": true
        },
        "prettier": {
-            "version": "3.3.1",
-            "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.1.tgz",
-            "integrity": "sha512-7CAwy5dRsxs8PHXT3twixW9/OEll8MLE0VRPCJyl7CkS6VHGPSlsVaWTiASPTyGyYRyApxlaWTzwUxVNrhcwDg==",
+            "version": "3.3.2",
+            "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.2.tgz",
+            "integrity": "sha512-rAVeHYMcv8ATV5d508CFdn+8/pHPpXeIid1DdrPwXnaAdH7cqjVbpJaT5eq4yRAFU/lsbwYwSF/n5iNrdJHPQA==",
            "dev": true
        },
        "prettier-linter-helpers": {
@ -32453,9 +32462,9 @@
            "dev": true
        },
        "webpack": {
-            "version": "5.91.0",
-            "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.91.0.tgz",
-            "integrity": "sha512-rzVwlLeBWHJbmgTC/8TvAcu5vpJNII+MelQpylD4jNERPwpBJOE2lEcko1zJX3QJeLjTTAnQxn/OJ8bjDzVQaw==",
+            "version": "5.92.1",
+            "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.92.1.tgz",
+            "integrity": "sha512-JECQ7IwJb+7fgUFBlrJzbyu3GEuNBcdqr1LD7IbSzwkSmIevTm8PF+wej3Oxuz/JFBUZ6O1o43zsPkwm1C4TmA==",
            "dev": true,
            "requires": {
                "@types/eslint-scope": "^3.7.3",
@ -32464,10 +32473,10 @@
                "@webassemblyjs/wasm-edit": "^1.12.1",
                "@webassemblyjs/wasm-parser": "^1.12.1",
                "acorn": "^8.7.1",
-                "acorn-import-assertions": "^1.9.0",
+                "acorn-import-attributes": "^1.9.5",
                "browserslist": "^4.21.10",
                "chrome-trace-event": "^1.0.2",
-                "enhanced-resolve": "^5.16.0",
+                "enhanced-resolve": "^5.17.0",
                "es-module-lexer": "^1.2.1",
                "eslint-scope": "5.1.1",
                "events": "^3.2.0",
@ -32484,13 +32493,6 @@
                "webpack-sources": "^3.2.3"
            },
            "dependencies": {
-                "acorn-import-assertions": {
-                    "version": "1.9.0",
-                    "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz",
-                    "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==",
-                    "dev": true,
-                    "requires": {}
-                },
                "schema-utils": {
                    "version": "3.3.0",
                    "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
@ -32855,9 +32857,9 @@
            }
        },
        "ws": {
-            "version": "8.17.0",
-            "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.0.tgz",
-            "integrity": "sha512-uJq6108EgZMAl20KagGkzCKfMEjxmKvZHG7Tlq0Z6nOky7YF7aq4mOx6xK8TJ/i1LeK4Qus7INktacctDgY8Ow==",
+            "version": "8.17.1",
+            "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz",
+            "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==",
            "dev": true,
            "requires": {}
        },
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
    "name": "foris",
-    "version": "6.0.0",
+    "version": "6.0.2",
    "description": "Foris JS library is a set of components and utils for reForis application and plugins.",
    "author": "CZ.NIC, z.s.p.o.",
    "repository": {
@ -41,15 +41,13 @@
        "bootstrap": "^5.3.3",
        "css-loader": "^5.2.4",
        "eslint": "^8.57.0",
-        "eslint-config-prettier": "^9.1.0",
        "eslint-config-reforis": "^2.1.1",
-        "eslint-plugin-prettier": "^5.1.3",
        "file-loader": "^6.0.0",
        "jest": "^29.7.0",
        "jest-environment-jsdom": "^29.7.0",
        "jest-mock-axios": "^4.7.3",
        "moment-timezone": "^0.5.45",
-        "prettier": "^3.3.1",
+        "prettier": "^3.3.2",
        "prop-types": "15.8.1",
        "react": "16.9.0",
        "react-dom": "16.9.0",
@ -57,7 +55,7 @@
        "react-styleguidist": "^12.0.1",
        "snapshot-diff": "^0.10.0",
        "style-loader": "^1.2.1",
-        "webpack": "^5.91.0"
+        "webpack": "^5.92.1"
    },
    "scripts": {
        "lint": "eslint src",
--- a/prettier.config.js
+++ b/prettier.config.js
@ -0,0 +1 @@
+module.exports = require("eslint-config-reforis/prettier.config");
--- a/src/api/hooks.js
+++ b/src/api/hooks.js
@ -111,7 +111,8 @@ const useAPIPatch = createAPIHook("PATCH");
 const useAPIPut = createAPIHook("PUT");
 const useAPIDelete = createAPIHook("DELETE");

-function useAPIPolling(endpoint, until, delay = 1000) {
+/* eslint-disable default-param-last */
+function useAPIPolling(endpoint, delay = 1000, until) {
    // delay ms
    const [state, setState] = useState({ state: API_STATE.INIT });
    const [getResponse, get] = useAPIGet(endpoint);
--- a/src/bootstrap/Alert.js
+++ b/src/bootstrap/Alert.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -36,7 +36,7 @@ Alert.defaultProps = {
    type: ALERT_TYPES.DANGER,
 };

-export function Alert({ type, onDismiss, children }) {
+function Alert({ type, onDismiss, children }) {
    return (
        <div
            className={`alert alert-${type} ${
@ -55,3 +55,5 @@ export function Alert({ type, onDismiss, children }) {
        </div>
    );
 }
+
+export default Alert;
--- a/src/bootstrap/Button.js
+++ b/src/bootstrap/Button.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2023 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -25,13 +25,7 @@ Button.propTypes = {
    ]).isRequired,
 };

-export function Button({
-    className,
-    loading,
-    forisFormSize,
-    children,
-    ...props
-}) {
+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`;
@ -54,3 +48,5 @@ export function Button({
        </button>
    );
 }
+
+export default Button;
--- a/src/bootstrap/CheckBox.js
+++ b/src/bootstrap/CheckBox.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -17,17 +17,19 @@ CheckBox.propTypes = {
    helpText: PropTypes.string,
    /** Control if checkbox is clickable */
    disabled: PropTypes.bool,
+    /** Additional class name */
+    className: PropTypes.string,
 };

 CheckBox.defaultProps = {
    disabled: false,
 };

-export function CheckBox({ label, helpText, disabled, ...props }) {
+function CheckBox({ label, helpText, disabled, className, ...props }) {
    const uid = useUID();

    return (
-        <div className="mb-3 form-check">
+        <div className={`${className || "mb-3"} form-check`.trim()}>
            <input
                className="form-check-input"
                type="checkbox"
@ -46,3 +48,5 @@ export function CheckBox({ label, helpText, disabled, ...props }) {
        </div>
    );
 }
+
+export default CheckBox;
--- a/src/bootstrap/CopyInput.js
+++ b/src/bootstrap/CopyInput.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2022 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -9,7 +9,7 @@ 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 +24,7 @@ CopyInput.propTypes = {
    readOnly: PropTypes.bool,
 };

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

@ -60,3 +60,5 @@ export function CopyInput({ value, ...props }) {
        </Input>
    );
 }
+
+export default CopyInput;
--- a/src/bootstrap/DataTimeInput.js
+++ b/src/bootstrap/DataTimeInput.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -13,7 +13,7 @@ import Datetime from "react-datetime";
 import "react-datetime/css/react-datetime.css";
 import "./DataTimeInput.css";

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

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

-export function DataTimeInput({
+function DataTimeInput({
    value,
    onChange,
    isValidDate,
@ -71,3 +71,5 @@ export function DataTimeInput({
        />
    );
 }
+
+export default DataTimeInput;
--- a/src/bootstrap/DownloadButton.js
+++ b/src/bootstrap/DownloadButton.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -22,7 +22,7 @@ DownloadButton.defaultProps = {
    className: "btn-primary",
 };

-export function DownloadButton({ href, className, children, ...props }) {
+function DownloadButton({ href, className, children, ...props }) {
    return (
        <a
            href={href}
@ -34,3 +34,5 @@ export function DownloadButton({ href, className, children, ...props }) {
        </a>
    );
 }
+
+export default DownloadButton;
--- a/src/bootstrap/EmailInput.js
+++ b/src/bootstrap/EmailInput.js
@ -9,9 +9,9 @@ import React from "react";

 import PropTypes from "prop-types";

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

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

@ -25,3 +25,5 @@ EmailInput.propTypes = {
    /** Email value. */
    value: PropTypes.string,
 };
+
+export default EmailInput;
--- a/src/bootstrap/FileInput.js
+++ b/src/bootstrap/FileInput.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -9,7 +9,7 @@ import React from "react";

 import PropTypes from "prop-types";

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

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

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

+Input.displayName = "Input";
+
 Input.propTypes = {
    type: PropTypes.string.isRequired,
    label: PropTypes.string.isRequired,
@ -75,4 +77,4 @@ Input.propTypes = {
    groupClassName: PropTypes.string,
 };

-export { Input };
+export default Input;
--- a/src/bootstrap/Modal.js
+++ b/src/bootstrap/Modal.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2020 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2020-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -10,7 +10,7 @@ import React, { useRef, useEffect } from "react";
 import PropTypes from "prop-types";

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

 Modal.propTypes = {
--- a/src/bootstrap/NumberInput.js
+++ b/src/bootstrap/NumberInput.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -9,7 +9,7 @@ import React from "react";

 import PropTypes from "prop-types";

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

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

-export function NumberInput({ onChange, inlineText, value, ...props }) {
+function NumberInput({ onChange, inlineText, value, ...props }) {
    function updateValue(initialValue, difference) {
        onChange({ target: { value: initialValue + difference } });
    }
@ -74,3 +74,5 @@ export function NumberInput({ onChange, inlineText, value, ...props }) {
        </Input>
    );
 }
+
+export default NumberInput;
--- a/src/bootstrap/PasswordInput.js
+++ b/src/bootstrap/PasswordInput.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2022 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -9,7 +9,7 @@ import React, { useState } from "react";

 import PropTypes from "prop-types";

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

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

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

    return (
@ -52,3 +52,5 @@ export function PasswordInput({ withEye, newPass, ...props }) {
        </Input>
    );
 }
+
+export default PasswordInput;
--- a/src/bootstrap/RadioSet.js
+++ b/src/bootstrap/RadioSet.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2020 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2020-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -37,15 +37,7 @@ RadioSet.propTypes = {
    inline: PropTypes.bool,
 };

-export function RadioSet({
-    name,
-    label,
-    choices,
-    value,
-    helpText,
-    inline,
-    ...props
-}) {
+function RadioSet({ name, label, choices, value, helpText, inline, ...props }) {
    const uid = useUID();
    const radios = choices.map((choice, key) => {
        const id = `${name}-${key}`;
@ -91,14 +83,13 @@ Radio.propTypes = {
    id: PropTypes.string.isRequired,
    inline: PropTypes.bool,
    helpText: PropTypes.string,
+    className: PropTypes.string,
 };

-export function Radio({ label, id, helpText, inline, ...props }) {
+export function Radio({ label, id, helpText, inline, className, ...props }) {
    return (
        <div
-            className={`mb-2 ${
-                inline ? "form-check form-check-inline" : ""
-            }`.trim()}
+            className={`${className || "mb-3"} ${inline ? "form-check form-check-inline" : ""}`.trim()}
        >
            <input
                id={id}
@ -117,3 +108,5 @@ export function Radio({ label, id, helpText, inline, ...props }) {
        </div>
    );
 }
+
+export default RadioSet;
--- a/src/bootstrap/Select.js
+++ b/src/bootstrap/Select.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2022 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -21,7 +21,7 @@ Select.propTypes = {
    helpText: PropTypes.string,
 };

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

    const options = Object.keys(choices).map((choice) => (
@ -46,3 +46,5 @@ export function Select({ label, choices, helpText, ...props }) {
        </div>
    );
 }
+
+export default Select;
--- a/src/bootstrap/Switch.js
+++ b/src/bootstrap/Switch.js
@ -1,5 +1,5 @@
 /*
- * Copyright (c) 2020 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (c) 2020-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -19,22 +19,21 @@ Switch.propTypes = {
    ]).isRequired,
    helpText: PropTypes.string,
    switchHeading: PropTypes.bool,
+    className: PropTypes.string,
 };

-export function Switch({ label, helpText, switchHeading, ...props }) {
+function Switch({ label, helpText, switchHeading, className, ...props }) {
    const uid = useUID();

    return (
        <div
-            className={`form-check form-switch mb-3 ${
-                switchHeading ? "d-flex align-items-center" : null
+            className={`form-check form-switch ${className || "mb-3"} ${
+                switchHeading ? "d-flex align-items-center" : ""
            }`.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}
@ -50,3 +49,5 @@ export function Switch({ label, helpText, switchHeading, ...props }) {
        </div>
    );
 }
+
+export default Switch;
--- a/src/bootstrap/TextInput.js
+++ b/src/bootstrap/TextInput.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -9,9 +9,9 @@ import React from "react";

 import PropTypes from "prop-types";

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

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

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

 import { render } from "customTestRender";

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

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

 import { render } from "customTestRender";

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

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

 import { render } from "customTestRender";

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

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

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

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

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

 import { render } from "customTestRender";

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

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

 import { render } from "customTestRender";

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

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

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

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

 import { render } from "customTestRender";

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

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

 import { render } from "customTestRender";

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

 describe("<TextInput/>", () => {
    it("Render text input", () => {
--- a/src/bootstrap/tests/snapshots/RadioSet.test.js.snap
+++ b/src/bootstrap/tests/snapshots/RadioSet.test.js.snap
@ -11,7 +11,7 @@ exports[`<RadioSet/> Render radio set 1`] = `
    Radios set label
  </label>
  <div
-    class="mb-2"
+    class="mb-3"
  >
    <input
      checked=""
@ -29,7 +29,7 @@ exports[`<RadioSet/> Render radio set 1`] = `
    </label>
  </div>
  <div
-    class="mb-2"
+    class="mb-3"
  >
    <input
      class="form-check-input me-2"
@ -46,7 +46,7 @@ exports[`<RadioSet/> Render radio set 1`] = `
    </label>
  </div>
  <div
-    class="mb-2"
+    class="mb-3"
  >
    <input
      class="form-check-input me-2"
--- a/src/bootstrap/tests/snapshots/Switch.test.js.snap
+++ b/src/bootstrap/tests/snapshots/Switch.test.js.snap
@ -2,7 +2,7 @@

 exports[`<Switch/> Render switch 1`] = `
 <div
-  class="form-check form-switch mb-3 null"
+  class="form-check form-switch mb-3"
 >
  <input
    checked=""
@ -29,7 +29,7 @@ exports[`<Switch/> Render switch 1`] = `

 exports[`<Switch/> Render uncheked switch 1`] = `
 <div
-  class="form-check form-switch mb-3 null"
+  class="form-check form-switch mb-3"
 >
  <input
    class="form-check-input"
--- a/src/bootstrap/constants.js
+++ b/src/bootstrap/constants.js
@ -1,11 +1,12 @@
 /*
- * Copyright (C) 2019-2021 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

 /** Bootstrap column size for form fields */
-// eslint-disable-next-line import/prefer-default-export
-export const formFieldsSize = "card p-4 col-sm-12 col-lg-12 p-0 mb-4";
-export const buttonFormFieldsSize = "col-sm-12 col-lg-12 p-0 mb-3";
+const formFieldsSize = "card p-4 col-sm-12 col-lg-12 p-0 mb-4";
+const buttonFormFieldsSize = "col-sm-12 col-lg-12 p-0 mb-3";
+
+export { formFieldsSize, buttonFormFieldsSize };
--- a/src/common/RebootButton.js
+++ b/src/common/RebootButton.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -11,12 +11,12 @@ import PropTypes from "prop-types";

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

-export function RebootButton(props) {
+function RebootButton(props) {
    const [triggered, setTriggered] = useState(false);
    const [modalShown, setModalShown] = useState(false);
    const [triggerRebootStatus, triggerReboot] = useAPIPost(ForisURLs.reboot);
@ -28,11 +28,11 @@ export function RebootButton(props) {
        }
    });

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

    return (
        <>
@ -76,3 +76,5 @@ function RebootModal({ shown, setShown, onReboot }) {
        </Modal>
    );
 }
+
+export default RebootButton;
--- a/src/common/WiFiSettings/ResetWiFiSettings.js
+++ b/src/common/WiFiSettings/ResetWiFiSettings.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2022 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -12,7 +12,7 @@ import PropTypes from "prop-types";
 import { useAPIPost } from "../../api/hooks";
 import { API_STATE } from "../../api/utils";
 import { ALERT_TYPES } from "../../bootstrap/Alert";
-import { Button } from "../../bootstrap/Button";
+import Button from "../../bootstrap/Button";
 import { formFieldsSize } from "../../bootstrap/constants";
 import { useAlert } from "../../context/alertContext/AlertContext";

@ -21,7 +21,7 @@ ResetWiFiSettings.propTypes = {
    endpoint: PropTypes.string.isRequired,
 };

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

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

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

    return (
        <div className={formFieldsSize}>
@ -73,3 +73,5 @@ export function ResetWiFiSettings({ ws, endpoint }) {
        </div>
    );
 }
+
+export default ResetWiFiSettings;
--- a/src/common/WiFiSettings/WiFiForm.js
+++ b/src/common/WiFiSettings/WiFiForm.js
@ -12,11 +12,11 @@ import PropTypes from "prop-types";
 import { HELP_TEXTS, HTMODES, HWMODES, ENCRYPTIONMODES } from "./constants";
 import WifiGuestForm from "./WiFiGuestForm";
 import WiFiQRCode from "./WiFiQRCode";
-import { PasswordInput } from "../../bootstrap/PasswordInput";
-import { RadioSet } from "../../bootstrap/RadioSet";
-import { Select } from "../../bootstrap/Select";
-import { Switch } from "../../bootstrap/Switch";
-import { TextInput } from "../../bootstrap/TextInput";
+import PasswordInput from "../../bootstrap/PasswordInput";
+import RadioSet from "../../bootstrap/RadioSet";
+import Select from "../../bootstrap/Select";
+import Switch from "../../bootstrap/Switch";
+import TextInput from "../../bootstrap/TextInput";

 WiFiForm.propTypes = {
    formData: PropTypes.shape({ devices: PropTypes.arrayOf(PropTypes.object) })
--- a/src/common/WiFiSettings/WiFiGuestForm.js
+++ b/src/common/WiFiSettings/WiFiGuestForm.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -11,9 +11,9 @@ import PropTypes from "prop-types";

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

 WifiGuestForm.propTypes = {
    formData: PropTypes.shape({
--- a/src/common/WiFiSettings/WiFiQRCode.js
+++ b/src/common/WiFiSettings/WiFiQRCode.js
@ -11,7 +11,7 @@ import PropTypes from "prop-types";
 import QRCode from "qrcode.react";

 import { createAndDownloadPdf, toQRCodeContent } from "./qrCodeHelpers";
-import { Button } from "../../bootstrap/Button";
+import Button from "../../bootstrap/Button";
 import {
    Modal,
    ModalBody,
--- a/src/common/WiFiSettings/WiFiSettings.js
+++ b/src/common/WiFiSettings/WiFiSettings.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2021 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -9,9 +9,9 @@ import React from "react";

 import PropTypes from "prop-types";

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

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

-export function WiFiSettings({ ws, endpoint, resetEndpoint, hasGuestNetwork }) {
+function WiFiSettings({ ws, endpoint, resetEndpoint, hasGuestNetwork }) {
    return (
        <>
            <ForisForm
@ -118,3 +118,5 @@ export function validator(formData) {
    });
    return JSON.stringify(formErrors).match(/\[[{},?]+\]/) ? null : formErrors;
 }
+
+export default WiFiSettings;
--- a/src/common/WiFiSettings/tests/ResetWiFiSettings.test.js
+++ b/src/common/WiFiSettings/tests/ResetWiFiSettings.test.js
@ -9,12 +9,12 @@ import React from "react";
 import { render, fireEvent, wait } from "customTestRender";

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

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

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

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

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

 describe("<WiFiSettings/>", () => {
    let firstRender;
--- a/src/common/WiFiSettings/tests/snapshots/WiFiSettings.test.js.snap
+++ b/src/common/WiFiSettings/tests/snapshots/WiFiSettings.test.js.snap
@ -536,7 +536,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +         </div>
 +       </div>
 +       <div
-+         class="form-check form-switch mb-3 null"
+         class="form-check form-switch mb-3"
 +       >
 +         <input
 +           class="form-check-input"
@ -568,7 +568,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +           GHz
 +         </label>
 +         <div
-+           class="mb-2 form-check form-check-inline"
+           class="mb-3 form-check form-check-inline"
 +         >
 +           <input
 +             class="form-check-input me-2"
@ -585,7 +585,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +           </label>
 +         </div>
 +         <div
-+           class="mb-2 form-check form-check-inline"
+           class="mb-3 form-check form-check-inline"
 +         >
 +           <input
 +             checked=""
@ -920,7 +920,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +         </div>
 +       </div>
 +       <div
-+         class="form-check form-switch mb-3 null"
+         class="form-check form-switch mb-3"
 +       >
 +         <input
 +           class="form-check-input"
@ -943,7 +943,7 @@ exports[`<WiFiSettings/> Snapshot one module enabled. 1`] = `
 +         </div>
 +       </div>
 +       <div
-+         class="form-check form-switch mb-3 null"
+         class="form-check form-switch mb-3"
 +       >
 +         <input
 +           class="form-check-input"
--- a/src/common/tests/RebootButton.test.js
+++ b/src/common/tests/RebootButton.test.js
@ -18,7 +18,7 @@ import mockAxios from "jest-mock-axios";
 import { mockJSONError } from "testUtils/network";
 import { mockSetAlert } from "testUtils/alertContextMock";

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

 describe("<RebootButton/>", () => {
    let componentContainer;
--- a/src/context/alertContext/AlertContext.js
+++ b/src/context/alertContext/AlertContext.js
@ -1,16 +1,16 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

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

 import PropTypes from "prop-types";

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

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

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

    return (
        <>
@ -41,7 +45,7 @@ function AlertContextProvider({ children }) {
                    </Alert>
                </Portal>
            )}
-            <AlertContext.Provider value={[setAlertWrapper, dismissAlert]}>
+            <AlertContext.Provider value={contextValue}>
                {children}
            </AlertContext.Provider>
        </>
--- a/src/context/customizationContext/CustomizationContext.js
+++ b/src/context/customizationContext/CustomizationContext.js
@ -1,11 +1,11 @@
 /*
- * Copyright (C) 2019-2022 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

-import React, { useContext, useEffect } from "react";
+import React, { useContext, useEffect, useMemo } from "react";

 import PropTypes from "prop-types";

@ -30,20 +30,31 @@ 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={{ deviceDetails, isCustomized }}>
+        <CustomizationContext.Provider value={contextValue}>
            {children}
        </CustomizationContext.Provider>
    );
--- a/src/form/tests/hooks.test.js
+++ b/src/form/tests/hooks.test.js
@ -9,8 +9,8 @@ import React from "react";

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

 // It's possible to unittest each hooks via react-hooks-testing-library.
 // But it's better and easier to test it by test components which uses this hooks.
--- a/src/form/components/ForisForm.js
+++ b/src/form/components/ForisForm.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -17,7 +17,7 @@ import { ALERT_TYPES } from "../../bootstrap/Alert";
 import { formFieldsSize } from "../../bootstrap/constants";
 import { Spinner } from "../../bootstrap/Spinner";
 import { useAlert } from "../../context/alertContext/AlertContext";
-import { ErrorMessage } from "../../utils/ErrorMessage";
+import ErrorMessage from "../../utils/ErrorMessage";
 import { useForisModule, useForm } from "../hooks";

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

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

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

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

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

    return (
        <div className={formFieldsSize}>
@ -200,3 +200,5 @@ export function ForisForm({
        </div>
    );
 }
+
+export default ForisForm;
--- a/src/form/components/SubmitButton.js
+++ b/src/form/components/SubmitButton.js
@ -9,7 +9,7 @@ import React from "react";

 import PropTypes from "prop-types";

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

 export const STATES = {
    READY: 1,
--- a/src/form/hooks.js
+++ b/src/form/hooks.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -10,7 +10,7 @@ import { useCallback, useEffect, useReducer } from "react";
 import update from "immutability-helper";

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

 const FORM_ACTIONS = {
    updateValue: 1,
--- a/src/index.js
+++ b/src/index.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019-2022 CZ.NIC z.s.p.o. (https://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -17,32 +17,32 @@ export {
 export { API_STATE } from "./api/utils";

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

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

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

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

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

 // Foris URL
 export { ForisURLs, REFORIS_URL_PREFIX } from "./utils/forisUrls";
--- a/src/utils/ErrorMessage.js
+++ b/src/utils/ErrorMessage.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -17,6 +17,8 @@ ErrorMessage.defaultProps = {
    message: _("An error occurred while fetching data."),
 };

-export function ErrorMessage({ message }) {
+function ErrorMessage({ message }) {
    return <p className="text-center text-danger">{message}</p>;
 }
+
+export default ErrorMessage;
--- a/src/utils/Portal.js
+++ b/src/utils/Portal.js
@ -1,14 +1,22 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

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

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

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

 describe("toLocaleDateString", () => {
    it("should work with different locale", () => {
--- a/src/utils/conditionalHOCs.js
+++ b/src/utils/conditionalHOCs.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -7,17 +7,23 @@

 import React from "react";

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

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

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

-export function toLocaleDateString(
-    date,
-    { inputFormat, outputFormat = "LLL" } = {}
-) {
+function toLocaleDateString(date, { inputFormat, outputFormat = "LLL" } = {}) {
    const parsedDate = inputFormat ? moment(date, inputFormat) : moment(date);
    return parsedDate.locale(ForisTranslations.locale).format(outputFormat);
 }
+
+export default toLocaleDateString;
--- a/src/utils/displayCard.js
+++ b/src/utils/displayCard.js
@ -1,11 +1,11 @@
 /*
- * Copyright (C) 2020 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2020-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
 */

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

-export const isPluginInstalled = (pluginName) =>
+const isPluginInstalled = (pluginName) =>
    ForisPlugins.some((plugin) => plugin.name === pluginName);
+
+export default isPluginInstalled;
--- a/src/webSockets/WebSockets.js
+++ b/src/webSockets/WebSockets.js
@ -10,14 +10,12 @@
 const PROTOCOL = window.location.protocol === "http:" ? "ws" : "wss";

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

 const WAITING_FOR_CONNECTION_TIMEOUT = 500;

-export class WebSockets {
+class WebSockets {
    constructor() {
        this.ws = new WebSocket(URL);
        this.ws.onerror = (e) => {
@ -122,3 +120,5 @@ export class WebSockets {
        this.ws.close();
    }
 }
+
+export default WebSockets;
--- a/src/webSockets/hooks.js
+++ b/src/webSockets/hooks.js
@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2024 CZ.NIC z.s.p.o. (https://www.nic.cz/)
 *
 * This is free software, licensed under the GNU General Public License v3.
 * See /LICENSE for more information.
@ -7,7 +7,8 @@

 import { useEffect, useState } from "react";

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

    return [data];
 }
+
+export default useWSForisModule;
Author	SHA1	Message	Date
Aleksandr Gumroian	8e0c60a576	Merge branch 'dev' into 'master' Dev See merge request turris/reforis/foris-js!225	2024-06-28 14:22:41 +02:00
Aleksandr Gumroian	928cf716d6	Merge branch 'bump-602' into 'dev' Bump v6.0.2 See merge request turris/reforis/foris-js!224	2024-06-28 13:08:32 +02:00
Aleksandr Gumroian	bd8d5bc8cb	Bump v6.0.2 * Add className prop to CheckBox and Radio components	2024-06-28 14:03:19 +03:00
Aleksandr Gumroian	804e0022eb	Update Snapshots	2024-06-28 10:30:25 +03:00
Aleksandr Gumroian	d69398ac06	Add className prop to CheckBox and Radio components	2024-06-28 10:29:41 +03:00
Aleksandr Gumroian	e297410f16	Merge branch 'dev' into 'master' Dev See merge request turris/reforis/foris-js!223	2024-06-26 15:05:29 +02:00
Aleksandr Gumroian	17e5a959f7	Merge branch 'bump-601' into 'dev' Bump v6.0.1 See merge request turris/reforis/foris-js!222	2024-06-26 15:00:58 +02:00
Aleksandr Gumroian	3b48510246	Bump v6.0.1 * Add className prop to Switch component * Update dependencies in package.json * NPM audit fix	2024-06-26 15:59:26 +03:00
Aleksandr Gumroian	8bac4f18f4	NPM audit fix	2024-06-26 15:57:31 +03:00
Aleksandr Gumroian	6cb2a5388e	Update dependencies in package.json Update Webpack and Prettier to latest versions	2024-06-26 15:52:57 +03:00
Aleksandr Gumroian	0b02bead71	Merge branch 'add-classname-prop-to-switch' into 'dev' Add className prop to Switch See merge request turris/reforis/foris-js!221	2024-06-26 14:24:49 +02:00
Aleksandr Gumroian	12c6d05ca6	Update Snapshots	2024-06-26 14:11:54 +03:00
Aleksandr Gumroian	923bbab6d5	Add className prop to Switch component	2024-06-26 14:11:16 +03:00
Aleksandr Gumroian	0ea5d43c75	Merge branch 'dev' into 'master' Bump v6.0.0 See merge request turris/reforis/foris-js!220	2024-06-11 14:29:46 +02:00
Aleksandr Gumroian	c209796118	Merge branch 'bump-version-600' into 'dev' Bump v6.0.0 See merge request turris/reforis/foris-js!219	2024-06-11 14:10:20 +02:00
Aleksandr Gumroian	bf7e5303e9	Bump v6.0.0 * Add CHANGELOG.md * Add JS_DIR variable to Makefile * Add support for shared reForis ESLint configuration * Update dependencies in package.json * Update Spinner.css styles for better positioning and responsiveness * Migrate to Bootstrap 5 * NPM audit fix * Other small improvements	2024-06-11 14:02:24 +02:00
Aleksandr Gumroian	59b3130277	Add CHANGELOG.md	2024-06-10 18:03:41 +02:00
Aleksandr Gumroian	4ca07dceb0	Fix tests	2024-06-10 16:28:25 +02:00
Aleksandr Gumroian	912f8facdb	Fix linting issues	2024-06-10 16:28:25 +02:00
Aleksandr Gumroian	42fb16d066	Update Snapshots	2024-06-10 16:28:24 +02:00
Aleksandr Gumroian	cd9eb80e9c	NPM audit fix	2024-06-10 16:28:24 +02:00
Aleksandr Gumroian	5a77a22755	Update dependencies in package.json	2024-06-10 16:28:23 +02:00
Aleksandr Gumroian	bee4bee300	Merge branch 'dev' into 'master' Dev See merge request turris/reforis/foris-js!215	2024-01-19 19:56:06 +01:00
				`@ -0,0 +1 @@`
				`module.exports = require("eslint-config-reforis/prettier.config");`