@luomus/laji-form 15.1.37 → 15.1.39

package/lib/components/LajiForm.js

@@ -45,6 +45,7 @@ const fields = importLocalComponents("fields", [
     "NestField",
     "ArrayBulkField",
     "ArrayBulkField",
+    "ArrayPropertySumField",
     "ScopeField",
     "SelectTreeField",
     "GridLayoutField",

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

@@ -0,0 +1,22 @@
+import * as React from "react";
+import * as PropTypes from "prop-types";
+import { FieldProps, JSONSchemaObject } from "../../types";
+interface State {
+    sum: number;
+}
+export default class ArrayPropertySumField extends React.Component<FieldProps<JSONSchemaObject>, State> {
+    static propTypes: {
+        uiSchema: PropTypes.Validator<PropTypes.InferProps<{
+            "ui:options": PropTypes.Requireable<PropTypes.InferProps<{
+                propertyField: PropTypes.Validator<string>;
+            }>>;
+            uiSchema: PropTypes.Requireable<object>;
+        }>>;
+        schema: PropTypes.Validator<object>;
+        formData: PropTypes.Validator<any[]>;
+    };
+    static getName(): string;
+    getStateFromProps(props: FieldProps): State;
+    render(): JSX.Element;
+}
+export {};

package/lib/components/fields/ArrayPropertySumField.js

@@ -0,0 +1,46 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = require("react");
+const PropTypes = require("prop-types");
+const BaseComponent_1 = require("../BaseComponent");
+const utils_1 = require("../../utils");
+let ArrayPropertySumField = class ArrayPropertySumField extends React.Component {
+    static getName() { return "ArrayPropertySumField"; }
+    getStateFromProps(props) {
+        const { formData = [] } = props;
+        const state = { sum: 0 };
+        const propertyField = utils_1.getUiOptions(this.props.uiSchema).propertyField;
+        state.sum = formData.reduce((acc, item) => acc + (Number(item[propertyField]) || 0), 0);
+        return state;
+    }
+    render() {
+        const SchemaField = this.props.registry.fields.SchemaField;
+        const { sum } = this.state;
+        return (React.createElement(React.Fragment, null,
+            React.createElement(SchemaField, Object.assign({}, this.props, { uiSchema: utils_1.getInnerUiSchema(this.props.uiSchema) })),
+            React.createElement("h4", null,
+                this.props.uiSchema["ui:title"],
+                ": ",
+                sum)));
+    }
+};
+ArrayPropertySumField.propTypes = {
+    uiSchema: PropTypes.shape({
+        "ui:options": PropTypes.shape({
+            propertyField: PropTypes.string.isRequired
+        }),
+        uiSchema: PropTypes.object
+    }).isRequired,
+    schema: PropTypes.object.isRequired,
+    formData: PropTypes.array.isRequired
+};
+ArrayPropertySumField = __decorate([
+    BaseComponent_1.default
+], ArrayPropertySumField);
+exports.default = ArrayPropertySumField;

package/lib/components/fields/MapField.js

@@ -418,9 +418,9 @@ class MobileEditorMap extends React.Component {
             React.createElement("defs", null,
                 React.createElement("mask", { id: "mask", x: "0", y: "0", width: "100%", height: "100%" },
                     React.createElement("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "#fff" }),
-                    React.createElement("circle", { cx: "50%", cy: "50%", r: radiusPixels }))),
+                    React.createElement("circle", { cx: this.state.width / 2, cy: this.state.height / 2, r: radiusPixels }))),
             React.createElement("rect", { x: "0", y: "0", width: "100%", height: "100%", mask: "url(#mask)", fillOpacity: "0.2" }),
-            React.createElement("circle", { cx: "50%", cy: "50%", r: radiusPixels, stroke: "black", strokeWidth: "2", fillOpacity: "0" }),
+            React.createElement("circle", { cx: this.state.width / 2, cy: this.state.height / 2, r: radiusPixels, stroke: "black", strokeWidth: "2", fillOpacity: "0" }),
             React.createElement("line", { x1: this.state.width / 2, y1: this.state.height / 2 - radiusPixels, x2: this.state.width / 2, y2: this.state.height / 2 + radiusPixels, stroke: "black", strokeWidth: "2" }),
             React.createElement("line", { x1: this.state.width / 2 - radiusPixels, y1: this.state.height / 2, x2: this.state.width / 2 + radiusPixels, y2: this.state.height / 2, stroke: "black", strokeWidth: "2" })));
     }

package/package.json

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