foris 5.3.0-beta.fd25ae04 → 5.4.0

package/bootstrap/CopyInput.js

@@ -0,0 +1,60 @@
+/*
+ * 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";
+
+CopyInput.propTypes = {
+    /** Field label. */
+    label: PropTypes.string.isRequired,
+    /** Field value. */
+    value: PropTypes.string,
+    /** Help text message. */
+    helpText: PropTypes.string,
+    /** Disable input field */
+    disabled: PropTypes.bool,
+    /** Readonly input field */
+    readOnly: PropTypes.bool,
+};
+
+export function CopyInput({ value, ...props }) {
+    const inputTextRef = useRef();
+    const [isCopied, setIsCopied] = useState(false);
+
+    const handleCopyClick = async () => {
+        // Clipboard API works only in a secure (HTTPS) context.
+        if (navigator.clipboard) {
+            await navigator.clipboard.writeText(value);
+        } else {
+            // Fallback to the "classic" copy to clipboard implementation.
+            inputTextRef.current.focus();
+            inputTextRef.current.select();
+            document.execCommand("copy");
+            inputTextRef.current.blur();
+        }
+
+        setIsCopied(true);
+        setTimeout(() => {
+            setIsCopied(false);
+        }, 1500);
+    };
+
+    return (
+        <Input type="text" value={value} ref={inputTextRef} {...props}>
+            <div className="input-group-append">
+                <button
+                    className="btn btn-outline-secondary"
+                    type="button"
+                    onClick={handleCopyClick}
+                >
+                    <span>{isCopied ? _("Copied!") : _("Copy")}</span>
+                </button>
+            </div>
+        </Input>
+    );
+}

package/bootstrap/CopyInput.md

@@ -0,0 +1,17 @@
+CopyInput Bootstrap component contains input with a label, predefined sizes, and
+structure for use in ForisForm and the "Copy" button (copy to clipboard). It can
+be used with `readOnly` and `disabled` parameters, please see an example.
+
+All additional `props` are passed to the `<input type="text">` HTML component.
+
+```js
+import React, { useState } from "react";
+const [value, setValue] = useState("Text to appear in clipboard.");
+
+<CopyInput
+    label="Copy me"
+    value={value}
+    helpText="Read the small text!"
+    readOnly
+/>;
+```

package/bootstrap/Input.js

@@ -1,14 +1,60 @@
 /*
- * Copyright (C) 2019 CZ.NIC z.s.p.o. (http://www.nic.cz/)
+ * Copyright (C) 2019-2022 CZ.NIC z.s.p.o. (https://www.nic.cz/)
  *
  * This is free software, licensed under the GNU General Public License v3.
  * See /LICENSE for more information.
  */
 
-import React from "react";
+import React, { forwardRef } from "react";
 import { useUID } from "react-uid";
 import PropTypes from "prop-types";
 
+/** Base bootstrap input component. */
+export const Input = forwardRef(
+    (
+        {
+            type,
+            label,
+            helpText,
+            error,
+            className,
+            children,
+            labelClassName,
+            groupClassName,
+            ...props
+        },
+        ref
+    ) => {
+        const uid = useUID();
+
+        const inputClassName = `form-control ${className || ""} ${
+            error ? "is-invalid" : ""
+        }`.trim();
+
+        return (
+            <div className="form-group">
+                <label className={labelClassName} htmlFor={uid}>
+                    {label}
+                </label>
+                <div className={`input-group ${groupClassName || ""}`.trim()}>
+                    <input
+                        className={inputClassName}
+                        type={type}
+                        id={uid}
+                        ref={ref}
+                        {...props}
+                    />
+                    {children}
+                </div>
+                {error ? <div className="invalid-feedback">{error}</div> : null}
+                {helpText ? (
+                    <small className="form-text text-muted">{helpText}</small>
+                ) : null}
+            </div>
+        );
+    }
+);
+
 Input.propTypes = {
     type: PropTypes.string.isRequired,
     label: PropTypes.string.isRequired,
@@ -22,41 +68,3 @@ Input.propTypes = {
     labelClassName: PropTypes.string,
     groupClassName: PropTypes.string,
 };
-
-/** Base bootstrap input component. */
-export function Input({
-    type,
-    label,
-    helpText,
-    error,
-    className,
-    children,
-    labelClassName,
-    groupClassName,
-    ...props
-}) {
-    const uid = useUID();
-    const inputClassName = `form-control ${className || ""} ${
-        error ? "is-invalid" : ""
-    }`.trim();
-    return (
-        <div className="form-group">
-            <label className={labelClassName} htmlFor={uid}>
-                {label}
-            </label>
-            <div className={`input-group ${groupClassName || ""}`.trim()}>
-                <input
-                    className={inputClassName}
-                    type={type}
-                    id={uid}
-                    {...props}
-                />
-                {children}
-            </div>
-            {error ? <div className="invalid-feedback">{error}</div> : null}
-            {helpText ? (
-                <small className="form-text text-muted">{helpText}</small>
-            ) : null}
-        </div>
-    );
-}

package/common/WiFiSettings/WiFiForm.js

@@ -183,7 +183,7 @@ function DeviceForm({
                     />
 
                     <Select
-                        label={_("802.11n/ac mode")}
+                        label={_("802.11n/ac/ax mode")}
                         choices={getHtmodeChoices(formData)}
                         value={formData.htmode}
                         helpText={HELP_TEXTS.htmode}

package/common/WiFiSettings/constants.js

@@ -32,7 +32,7 @@ export const HELP_TEXTS = {
         "SSID which contains non-standard characters could cause problems on some devices."
     ),
     password: _(
-        "WPA2 pre-shared key, that is required to connect to the network."
+        "WPA2/3 pre-shared key, that is required to connect to the network."
     ),
     hidden: _(
         "If set, network is not visible when scanning for available networks."
@@ -41,7 +41,7 @@ export const HELP_TEXTS = {
         "The 2.4 GHz band is more widely supported by clients, but tends to have more interference. The 5 GHz band is a newer standard and may not be supported by all your devices. It usually has less interference, but the signal does not carry so well indoors."
     ),
     htmode: _(
-        "Change this to adjust 802.11n/ac mode of operation. 802.11n with 40 MHz wide channels can yield higher throughput but can cause more interference in the network. If you don't know what to choose, use the default option with 20 MHz wide channel."
+        "Change this to adjust 802.11n/ac/ax mode of operation. 802.11n with 40 MHz wide channels can yield higher throughput but can cause more interference in the network. If you don't know what to choose, use the default option with 20 MHz wide channel."
     ),
     guest_wifi_enabled: _(
         "Enables Wi-Fi for guests, which is separated from LAN network. Devices connected to this network are allowed to access the internet, but aren't allowed to access other devices and the configuration interface of the router. Parameters of the guest network can be set in the Guest network tab."

package/index.js

@@ -20,6 +20,7 @@ export { API_STATE } from "./api/utils";
 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";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "foris",
-    "version": "5.3.0-beta.fd25ae04",
+    "version": "5.4.0",
     "description": "Set of components and utils for Foris and its plugins.",
     "author": "CZ.NIC, z.s.p.o.",
     "repository": {

package/translations/cs/LC_MESSAGES/forisjs.po

@@ -7,9 +7,9 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-02-22 16:41+0100\n"
-"PO-Revision-Date: 2021-08-18 15:36+0000\n"
-"Last-Translator: Lukas Jelinek <lukas.jelinek@nic.cz>\n"
+"POT-Creation-Date: 2022-05-20 15:42+0200\n"
+"PO-Revision-Date: 2022-03-15 22:41+0000\n"
+"Last-Translator: Koli <lukas.koluch@gmail.com>\n"
 "Language: cs\n"
 "Language-Team: Czech <https://hosted.weblate.org/projects/turris/foris-"
 "js/cs/>\n"
@@ -35,6 +35,14 @@ 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/CopyInput.js:55
+msgid "Copied!"
+msgstr ""
+
+#: src/bootstrap/CopyInput.js:55
+msgid "Copy"
+msgstr ""
+
 #: src/common/RebootButton.js:27
 msgid "Reboot request failed."
 msgstr "Vyžadován restart."
@@ -93,7 +101,8 @@ msgid "Hide SSID"
 msgstr "Skrýt SSID"
 
 #: src/common/WiFiSettings/WiFiForm.js:186
-msgid "802.11n/ac mode"
+#, fuzzy
+msgid "802.11n/ac/ax mode"
 msgstr "Režim 802.11n/ac"
 
 #: src/common/WiFiSettings/WiFiForm.js:199
@@ -102,7 +111,7 @@ msgstr "Kanál"
 
 #: src/common/WiFiSettings/WiFiForm.js:211
 msgid "Encryption"
-msgstr ""
+msgstr "Šifrování"
 
 #: src/common/WiFiSettings/WiFiForm.js:243
 msgid "auto"
@@ -201,7 +210,7 @@ msgstr "802.11ac – kanál šíře 160 MHz"
 
 #: src/common/WiFiSettings/constants.js:26
 msgid "WPA3 only"
-msgstr ""
+msgstr "pouze WPA3"
 
 #: src/common/WiFiSettings/constants.js:27
 msgid "WPA3 with WPA2 as fallback (default)"
@@ -209,7 +218,7 @@ msgstr ""
 
 #: src/common/WiFiSettings/constants.js:28
 msgid "WPA2 only"
-msgstr ""
+msgstr "pouze WPA2"
 
 #: src/common/WiFiSettings/constants.js:31
 msgid ""
@@ -221,7 +230,7 @@ msgstr ""
 
 #: src/common/WiFiSettings/constants.js:34
 #, fuzzy
-msgid "WPA2 pre-shared key, that is required to connect to the network."
+msgid "WPA2/3 pre-shared key, that is required to connect to the network."
 msgstr ""
 "\n"
 "        WPA2 předsdílený klíč, který je vyžadován pro připojení se k "
@@ -252,10 +261,10 @@ msgstr ""
 #: src/common/WiFiSettings/constants.js:43
 #, fuzzy
 msgid ""
-"Change this to adjust 802.11n/ac mode of operation. 802.11n with 40 MHz "
-"wide channels can yield higher throughput but can cause more interference"
-" in the network. If you don't know what to choose, use the default option"
-" with 20 MHz wide channel."
+"Change this to adjust 802.11n/ac/ax mode of operation. 802.11n with 40 "
+"MHz wide channels can yield higher throughput but can cause more "
+"interference in the network. If you don't know what to choose, use the "
+"default option with 20 MHz wide channel."
 msgstr ""
 "\n"
 "        Změna tohoto upraví režim fungování 802.11n/ac. 802.11n s kanály "

package/translations/da/LC_MESSAGES/forisjs.po

@@ -7,7 +7,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-02-22 16:41+0100\n"
+"POT-Creation-Date: 2022-05-20 15:42+0200\n"
 "PO-Revision-Date: 2019-02-19 13:34+0100\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language: da\n"
@@ -34,6 +34,14 @@ msgstr ""
 msgid "An unknown API error occurred."
 msgstr ""
 
+#: src/bootstrap/CopyInput.js:55
+msgid "Copied!"
+msgstr ""
+
+#: src/bootstrap/CopyInput.js:55
+msgid "Copy"
+msgstr ""
+
 #: src/common/RebootButton.js:27
 msgid "Reboot request failed."
 msgstr ""
@@ -92,7 +100,7 @@ msgid "Hide SSID"
 msgstr ""
 
 #: src/common/WiFiSettings/WiFiForm.js:186
-msgid "802.11n/ac mode"
+msgid "802.11n/ac/ax mode"
 msgstr ""
 
 #: src/common/WiFiSettings/WiFiForm.js:199
@@ -211,7 +219,7 @@ msgid ""
 msgstr ""
 
 #: src/common/WiFiSettings/constants.js:34
-msgid "WPA2 pre-shared key, that is required to connect to the network."
+msgid "WPA2/3 pre-shared key, that is required to connect to the network."
 msgstr ""
 
 #: src/common/WiFiSettings/constants.js:37
@@ -228,10 +236,10 @@ msgstr ""
 
 #: src/common/WiFiSettings/constants.js:43
 msgid ""
-"Change this to adjust 802.11n/ac mode of operation. 802.11n with 40 MHz "
-"wide channels can yield higher throughput but can cause more interference"
-" in the network. If you don't know what to choose, use the default option"
-" with 20 MHz wide channel."
+"Change this to adjust 802.11n/ac/ax mode of operation. 802.11n with 40 "
+"MHz wide channels can yield higher throughput but can cause more "
+"interference in the network. If you don't know what to choose, use the "
+"default option with 20 MHz wide channel."
 msgstr ""
 
 #: src/common/WiFiSettings/constants.js:46
@@ -380,3 +388,20 @@ msgstr ""
 #~ "        "
 #~ msgstr ""
 
+#~ msgid "802.11n/ac mode"
+#~ msgstr ""
+
+#~ msgid "WPA2 pre-shared key, that is required to connect to the network."
+#~ msgstr ""
+
+#~ msgid ""
+#~ "Change this to adjust 802.11n/ac mode"
+#~ " of operation. 802.11n with 40 MHz"
+#~ " wide channels can yield higher "
+#~ "throughput but can cause more "
+#~ "interference in the network. If you "
+#~ "don't know what to choose, use the"
+#~ " default option with 20 MHz wide "
+#~ "channel."
+#~ msgstr ""
+

package/translations/de/LC_MESSAGES/forisjs.po

@@ -7,7 +7,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-02-22 16:41+0100\n"
+"POT-Creation-Date: 2022-05-20 15:42+0200\n"
 "PO-Revision-Date: 2021-09-24 19:38+0000\n"
 "Last-Translator: CryptKid <CryptKiddie@chaospott.de>\n"
 "Language: de\n"
@@ -35,6 +35,14 @@ msgstr "Keine Antwort erhalten."
 msgid "An unknown API error occurred."
 msgstr "Ein unbekannter API-Fehler ist aufgetreten."
 
+#: src/bootstrap/CopyInput.js:55
+msgid "Copied!"
+msgstr ""
+
+#: src/bootstrap/CopyInput.js:55
+msgid "Copy"
+msgstr ""
+
 #: src/common/RebootButton.js:27
 msgid "Reboot request failed."
 msgstr "Neustart-Einleitung fehlgeschlagen."
@@ -95,7 +103,8 @@ msgid "Hide SSID"
 msgstr "SSID verbergen"
 
 #: src/common/WiFiSettings/WiFiForm.js:186
-msgid "802.11n/ac mode"
+#, fuzzy
+msgid "802.11n/ac/ax mode"
 msgstr "802.11n/ac Modus"
 
 #: src/common/WiFiSettings/WiFiForm.js:199
@@ -222,7 +231,7 @@ msgstr ""
 
 #: src/common/WiFiSettings/constants.js:34
 #, fuzzy
-msgid "WPA2 pre-shared key, that is required to connect to the network."
+msgid "WPA2/3 pre-shared key, that is required to connect to the network."
 msgstr ""
 "\n"
 "        WPA2 Pre-Shared Key, der für die Verbindung mit dem Netzwerk "
@@ -253,10 +262,10 @@ msgstr ""
 #: src/common/WiFiSettings/constants.js:43
 #, fuzzy
 msgid ""
-"Change this to adjust 802.11n/ac mode of operation. 802.11n with 40 MHz "
-"wide channels can yield higher throughput but can cause more interference"
-" in the network. If you don't know what to choose, use the default option"
-" with 20 MHz wide channel."
+"Change this to adjust 802.11n/ac/ax mode of operation. 802.11n with 40 "
+"MHz wide channels can yield higher throughput but can cause more "
+"interference in the network. If you don't know what to choose, use the "
+"default option with 20 MHz wide channel."
 msgstr ""
 "\n"
 "        Ändern Sie diese Option, um den Betriebsmodus 802.11n/ac "

package/translations/el/LC_MESSAGES/forisjs.po

@@ -7,7 +7,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-02-22 16:41+0100\n"
+"POT-Creation-Date: 2022-05-20 15:42+0200\n"
 "PO-Revision-Date: 2021-02-09 16:50+0000\n"
 "Last-Translator: Michalis <michalisntovas@yahoo.gr>\n"
 "Language: el\n"
@@ -35,6 +35,14 @@ msgstr ""
 msgid "An unknown API error occurred."
 msgstr ""
 
+#: src/bootstrap/CopyInput.js:55
+msgid "Copied!"
+msgstr ""
+
+#: src/bootstrap/CopyInput.js:55
+msgid "Copy"
+msgstr ""
+
 #: src/common/RebootButton.js:27
 msgid "Reboot request failed."
 msgstr ""
@@ -93,7 +101,7 @@ msgid "Hide SSID"
 msgstr ""
 
 #: src/common/WiFiSettings/WiFiForm.js:186
-msgid "802.11n/ac mode"
+msgid "802.11n/ac/ax mode"
 msgstr ""
 
 #: src/common/WiFiSettings/WiFiForm.js:199
@@ -213,7 +221,7 @@ msgid ""
 msgstr ""
 
 #: src/common/WiFiSettings/constants.js:34
-msgid "WPA2 pre-shared key, that is required to connect to the network."
+msgid "WPA2/3 pre-shared key, that is required to connect to the network."
 msgstr ""
 
 #: src/common/WiFiSettings/constants.js:37
@@ -230,10 +238,10 @@ msgstr ""
 
 #: src/common/WiFiSettings/constants.js:43
 msgid ""
-"Change this to adjust 802.11n/ac mode of operation. 802.11n with 40 MHz "
-"wide channels can yield higher throughput but can cause more interference"
-" in the network. If you don't know what to choose, use the default option"
-" with 20 MHz wide channel."
+"Change this to adjust 802.11n/ac/ax mode of operation. 802.11n with 40 "
+"MHz wide channels can yield higher throughput but can cause more "
+"interference in the network. If you don't know what to choose, use the "
+"default option with 20 MHz wide channel."
 msgstr ""
 
 #: src/common/WiFiSettings/constants.js:46
@@ -382,3 +390,20 @@ msgstr ""
 #~ "        "
 #~ msgstr ""
 
+#~ msgid "802.11n/ac mode"
+#~ msgstr ""
+
+#~ msgid "WPA2 pre-shared key, that is required to connect to the network."
+#~ msgstr ""
+
+#~ msgid ""
+#~ "Change this to adjust 802.11n/ac mode"
+#~ " of operation. 802.11n with 40 MHz"
+#~ " wide channels can yield higher "
+#~ "throughput but can cause more "
+#~ "interference in the network. If you "
+#~ "don't know what to choose, use the"
+#~ " default option with 20 MHz wide "
+#~ "channel."
+#~ msgstr ""
+

package/translations/en/LC_MESSAGES/forisjs.po

@@ -7,7 +7,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2022-02-22 16:41+0100\n"
+"POT-Creation-Date: 2022-05-20 15:42+0200\n"
 "PO-Revision-Date: 2019-10-17 09:28+0000\n"
 "Last-Translator: Scott Anecito <scott.anecito@protonmail.com>\n"
 "Language: en\n"
@@ -35,6 +35,14 @@ msgstr ""
 msgid "An unknown API error occurred."
 msgstr ""
 
+#: src/bootstrap/CopyInput.js:55
+msgid "Copied!"
+msgstr ""
+
+#: src/bootstrap/CopyInput.js:55
+msgid "Copy"
+msgstr ""
+
 #: src/common/RebootButton.js:27
 msgid "Reboot request failed."
 msgstr ""
@@ -93,7 +101,7 @@ msgid "Hide SSID"
 msgstr ""
 
 #: src/common/WiFiSettings/WiFiForm.js:186
-msgid "802.11n/ac mode"
+msgid "802.11n/ac/ax mode"
 msgstr ""
 
 #: src/common/WiFiSettings/WiFiForm.js:199
@@ -212,7 +220,7 @@ msgid ""
 msgstr ""
 
 #: src/common/WiFiSettings/constants.js:34
-msgid "WPA2 pre-shared key, that is required to connect to the network."
+msgid "WPA2/3 pre-shared key, that is required to connect to the network."
 msgstr ""
 
 #: src/common/WiFiSettings/constants.js:37
@@ -229,10 +237,10 @@ msgstr ""
 
 #: src/common/WiFiSettings/constants.js:43
 msgid ""
-"Change this to adjust 802.11n/ac mode of operation. 802.11n with 40 MHz "
-"wide channels can yield higher throughput but can cause more interference"
-" in the network. If you don't know what to choose, use the default option"
-" with 20 MHz wide channel."
+"Change this to adjust 802.11n/ac/ax mode of operation. 802.11n with 40 "
+"MHz wide channels can yield higher throughput but can cause more "
+"interference in the network. If you don't know what to choose, use the "
+"default option with 20 MHz wide channel."
 msgstr ""
 
 #: src/common/WiFiSettings/constants.js:46
@@ -378,3 +386,20 @@ msgstr ""
 #~ "        "
 #~ msgstr ""
 
+#~ msgid "802.11n/ac mode"
+#~ msgstr ""
+
+#~ msgid "WPA2 pre-shared key, that is required to connect to the network."
+#~ msgstr ""
+
+#~ msgid ""
+#~ "Change this to adjust 802.11n/ac mode"
+#~ " of operation. 802.11n with 40 MHz"
+#~ " wide channels can yield higher "
+#~ "throughput but can cause more "
+#~ "interference in the network. If you "
+#~ "don't know what to choose, use the"
+#~ " default option with 20 MHz wide "
+#~ "channel."
+#~ msgstr ""
+