@luomus/laji-form 15.1.122 → 15.1.124

package/lib/components/fields/ArchipelagoURLField.d.ts

@@ -16,5 +16,11 @@ export default class ArchipelagoURLField extends React.Component<FieldProps> {
     };
     constructor(props: FieldProps);
     static getName(): string;
+    getStateFromProps(props: FieldProps): {
+        rootFormData: any;
+    };
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    onRootFormDataChange: (rootFormData: any) => void;
     render(): JSX.Element;
 }

package/lib/components/fields/ArchipelagoURLField.js

@@ -49,22 +49,37 @@ const utils_1 = require("../../utils");
 let ArchipelagoURLField = class ArchipelagoURLField extends React.Component {
     constructor(props) {
         super(props);
+        this.onRootFormDataChange = (rootFormData) => {
+            this.setState({ rootFormData });
+        };
     }
     static getName() { return "ArchipelagoURLField"; }
+    getStateFromProps(props) {
+        return {
+            rootFormData: props.formContext.services.rootInstance.getFormData()
+        };
+    }
+    componentDidMount() {
+        this.props.formContext.services.rootInstance.addFormDataListener(this.onRootFormDataChange);
+    }
+    componentWillUnmount() {
+        this.props.formContext.services.rootInstance.removeFormDataListener(this.onRootFormDataChange);
+    }
     render() {
-        var _a, _b, _c;
+        var _a;
+        const { rootFormData } = this.state;
         const { baseURL } = (0, utils_1.getUiOptions)(this.props.uiSchema);
         const { translations } = this.props.formContext;
         const SchemaField = this.props.registry.fields.SchemaField;
-        const dateBegin = (_b = (_a = this.props.formData) === null || _a === void 0 ? void 0 : _a.gatheringEvent) === null || _b === void 0 ? void 0 : _b.dateBegin;
+        const dateBegin = (_a = rootFormData === null || rootFormData === void 0 ? void 0 : rootFormData.gatheringEvent) === null || _a === void 0 ? void 0 : _a.dateBegin;
         const year = Number(dateBegin === null || dateBegin === void 0 ? void 0 : dateBegin.split("-")[0]) || undefined;
-        const namedPlace = (_c = this.props.formData) === null || _c === void 0 ? void 0 : _c.namedPlaceID;
+        const namedPlace = rootFormData === null || rootFormData === void 0 ? void 0 : rootFormData.namedPlaceID;
         const url = baseURL + `/project/MHL.1166/stats?tab=statistics&year=${year}&namedPlace=${namedPlace}`;
         return (React.createElement(React.Fragment, null,
-            React.createElement("div", { style: { margin: 10 } },
+            year !== undefined && namedPlace !== undefined && (React.createElement("div", { style: { margin: 10 } },
                 React.createElement("b", null, translations.ResultsLink),
                 React.createElement("br", null),
-                React.createElement("a", { href: url, target: "_blank" }, url)),
+                React.createElement("a", { href: url, target: "_blank" }, translations.FieldObservationsFromNP))),
             React.createElement(SchemaField, Object.assign({}, this.props, { uiSchema: (0, utils_1.getInnerUiSchema)(this.props.uiSchema) }))));
     }
 };

package/lib/services/root-instance-service.d.ts

@@ -10,8 +10,11 @@ export default class RootInstanceService {
     private submitWithWarningsCallback;
     private mounted;
     private errorListInstance;
+    private formDataListeners;
     constructor(schema: any, formData: any, onChange: (formData: any) => void, validate: () => void, submitWithWarnings: () => void);
     setFormData(formData: any): void;
+    addFormDataListener(fn: (formData: any) => void): void;
+    removeFormDataListener(fn: (formData: any) => void): void;
     getFormData(): any;
     onChange(formData: any): void;
     setSchema(schema: any): void;

package/lib/services/root-instance-service.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 class RootInstanceService {
     constructor(schema, formData, onChange, validate, submitWithWarnings) {
         this.mounted = false;
+        this.formDataListeners = [];
         this.schema = schema;
         this.formData = formData;
         this.onChangeCallback = onChange;
@@ -14,6 +15,13 @@ class RootInstanceService {
     }
     setFormData(formData) {
         this.formData = formData;
+        this.formDataListeners.forEach(fn => fn(formData));
+    }
+    addFormDataListener(fn) {
+        this.formDataListeners.push(fn);
+    }
+    removeFormDataListener(fn) {
+        this.formDataListeners = this.formDataListeners.filter(f => f !== fn);
     }
     getFormData() {
         return this.formData;

package/lib/translations.json

@@ -923,5 +923,10 @@
         "fi": "Linkki tulospalveluun",
         "en": "Link to result service",
         "sv": "Länk till resultat"
+    },
+    "fieldObservationsFromNP": {
+        "fi": "Kenttähavainnot tältä paikalta",
+        "en": "Field observations from this place",
+        "sv": "Fältobservationer från denna plats"
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luomus/laji-form",
-  "version": "15.1.122",
+  "version": "15.1.124",
   "description": "React module capable of building dynamic forms from Laji form json schemas",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",