1
0
mirror of https://gitlab.nic.cz/turris/reforis/foris-js.git synced 2024-07-02 20:30:27 +00:00

Prompt as an optional element of ForisForm.

This commit is contained in:
Maciej Lenartowicz 2020-01-14 15:00:17 +01:00
parent e5cbbc9019
commit 75bfbb88ae
No known key found for this signature in database
GPG Key ID: 1ABD2CB41B59B8E4
4 changed files with 10 additions and 4 deletions

2
package-lock.json generated
View File

@ -1,6 +1,6 @@
{
"name": "foris",
"version": "3.1.2",
"version": "3.2.0",
"lockfileVersion": 1,
"requires": true,
"dependencies": {

View File

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

View File

@ -17,10 +17,11 @@ WiFiSettings.propTypes = {
endpoint: PropTypes.string.isRequired,
resetEndpoint: PropTypes.string.isRequired,
hasGuestNetwork: PropTypes.bool,
hasPrompt: PropTypes.bool,
};
export function WiFiSettings({
ws, endpoint, resetEndpoint, hasGuestNetwork,
ws, endpoint, resetEndpoint, hasGuestNetwork, hasPrompt,
}) {
return (
<>
@ -33,6 +34,7 @@ export function WiFiSettings({
prepData={prepData}
prepDataToSubmit={prepDataToSubmit}
validator={validator}
hasPrompt={hasPrompt}
>
<WiFiForm hasGuestNetwork={hasGuestNetwork} />
</ForisForm>

View File

@ -48,6 +48,8 @@ ForisForm.propTypes = {
validator: PropTypes.func.isRequired,
/** Disables form */
disabled: PropTypes.bool,
/** If true user will be prompted before leaving the page containing form. */
hasPrompt: PropTypes.bool,
/** reForis form components. */
children: PropTypes.node.isRequired,
/** Optional override of form submit callback */
@ -71,6 +73,7 @@ ForisForm.defaultProps = {
postCallback: () => undefined,
validator: () => undefined,
disabled: false,
hasPrompt: true,
};
/** Serves as HOC for all foris forms components. */
@ -82,6 +85,7 @@ export function ForisForm({
postCallback,
validator,
disabled,
hasPrompt,
onSubmitOverridden,
children,
}) {
@ -156,7 +160,7 @@ export function ForisForm({
return (
<div className={formFieldsSize}>
<Prompt message={getMessageOnLeavingPage} />
{hasPrompt && <Prompt message={getMessageOnLeavingPage} />}
<form onSubmit={onSubmit}>
{childrenWithFormProps}
<div className="text-right">