@luomus/laji-form 15.1.10 → 15.1.11

package/lib/ApiClient.js

@@ -47,6 +47,9 @@ class ApiClient {
             if (!failSilently && response.status >= 400) {
                 throw new Error("Request failed");
             }
+            if (response.status === 204) {
+                return undefined;
+            }
             return response.json();
         }).catch(() => {
             if (this.cache[path])

package/lib/components/fields/ImageArrayField.js

@@ -118,7 +118,7 @@ function MediaArrayField(ComposedComponent) {
                     if (!medias || !medias[item])
                         return null;
                     return (React.createElement("div", { key: i, className: "media-container" },
-                        React.createElement("a", null, this.renderLoadingMedia(medias[item]))));
+                        React.createElement("div", { className: "media-container-link" }, this.renderLoadingMedia(medias[item]))));
                 });
             };
             this.openModalFor = (i) => () => {

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

@@ -14,7 +14,7 @@ export default class PdfArrayField extends React.Component<FieldProps, MediaArra
     CONTAINER_CLASS: string;
     METADATA_FORM_ID: string;
     renderMedia: (id: string) => JSX.Element;
-    renderLoadingMedia: (id: string) => JSX.Element;
+    renderLoadingMedia: () => JSX.Element;
     onMediaClick: () => null;
     formatValue(value: string[], options: any, props: FieldProps): string | null;
 }

package/lib/components/fields/PdfArrayField.js

@@ -23,7 +23,7 @@ let PdfArrayField = class PdfArrayField extends React.Component {
         this.CONTAINER_CLASS = "pdf-container";
         this.METADATA_FORM_ID = "";
         this.renderMedia = (id) => React.createElement(ImageArrayField_1.Thumbnail, { id: id, apiClient: this.props.formContext.apiClient, apiEndpoint: this.ENDPOINT, downloadLink: true });
-        this.renderLoadingMedia = (id) => React.createElement(ImageArrayField_1.Thumbnail, { dataURL: id, loading: true, apiClient: this.props.formContext.apiClient, apiEndpoint: this.ENDPOINT, downloadLink: true });
+        this.renderLoadingMedia = () => React.createElement(ImageArrayField_1.Thumbnail, { loading: true, apiClient: this.props.formContext.apiClient, apiEndpoint: this.ENDPOINT, downloadLink: true });
         this.onMediaClick = () => null;
     }
     formatValue(value, options, props) {

package/lib/components/widgets/DateTimeWidget.d.ts

@@ -56,7 +56,11 @@ export default class DateTimeWidget extends React.Component<any, any, any> {
     setToday: () => void;
     setYesterday: () => void;
     setSameAsToday: () => void;
+    setPlusSixMonths: () => void;
+    setPlusYear: () => void;
     formatValue(value: any, options: any, props: any): any;
+    getCurrentDateOrNow(): moment.Moment;
 }
 import * as React from "react";
+import * as moment from "moment";
 import * as PropTypes from "prop-types";

package/lib/components/widgets/DateTimeWidget.js

@@ -102,6 +102,12 @@ let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Compo
                 this.onChange(today);
             }
         };
+        this.setPlusSixMonths = () => {
+            this.onChange(this.getCurrentDateOrNow().add(6, "M").format("YYYY-MM-DD"));
+        };
+        this.setPlusYear = () => {
+            this.onChange(this.getCurrentDateOrNow().add(1, "y").format("YYYY-MM-DD"));
+        };
         momentLocalizer(moment);
     }
     componentDidMount() {
@@ -192,6 +198,16 @@ let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Compo
                 className: "same",
                 label: translations.Same,
                 onClick: this.setSameAsToday
+            },
+            plusSixMonths: {
+                className: "plus-six-months",
+                label: translations.plusSixMonths,
+                onClick: this.setPlusSixMonths
+            },
+            plusYear: {
+                className: "plus-year",
+                label: translations.plusYear,
+                onClick: this.setPlusYear
             }
         };
         const options = showButtons === true
@@ -209,6 +225,13 @@ let DateTimeWidget = DateTimeWidget_1 = class DateTimeWidget extends React.Compo
         const { inputFormat: format } = DateTimeWidget_1.prototype.getStateFromProps(Object.assign(Object.assign({}, props), { date: true, time: true, value }));
         return localizers_1.date.format(value, format, props.formContext.lang);
     }
+    getCurrentDateOrNow() {
+        const date = moment(this.props.value);
+        if (date.isValid()) {
+            return date;
+        }
+        return moment();
+    }
 };
 DateTimeWidget.contextType = ReactContext_1.default;
 DateTimeWidget.propTypes = {

package/lib/translations.json

@@ -19,6 +19,16 @@
         "en": "Yesterday",
         "sv": "Igår"
     },
+    "plusSixMonths": {
+        "fi": "+6k",
+        "en": "+6m",
+        "sv": "+6m"
+    },
+    "plusYear": {
+        "fi": "+1v",
+        "en": "+1y",
+        "sv": "+1å"
+    },
     "dd/mm/yyyy": {
         "fi": "pp/kk/vvvv",
         "en": "dd/mm/yyyy",

package/package.json

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

package/test-export/test-utils.d.ts

@@ -21,6 +21,8 @@ export interface DateWidgetPO {
         $same: Locator;
         $date: Locator;
         $time: Locator;
+        $plusSixMonths: Locator;
+        $plusYear: Locator;
     };
     calendar: {
         $today: Locator;
@@ -118,6 +120,8 @@ export declare class Form {
             $same: Locator;
             $date: Locator;
             $time: Locator;
+            $plusSixMonths: Locator;
+            $plusYear: Locator;
         };
         calendar: {
             $today: Locator;

package/test-export/test-utils.js

@@ -223,7 +223,9 @@ class Form {
                 $yesterday: $widget.locator(".yesterday"),
                 $same: $widget.locator(".same"),
                 $date: $widget.locator(".rw-i-calendar"),
-                $time: $widget.locator(".rw-i-clock-o")
+                $time: $widget.locator(".rw-i-clock-o"),
+                $plusSixMonths: $widget.locator(".plus-six-months"),
+                $plusYear: $widget.locator(".plus-year"),
             },
             calendar: {
                 $today: $widget.locator(".rw-calendar-footer button"),